@charset "UTF-8";
.ir {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -999rem;
}

.skipMenu {
  position: fixed;
  top: -6rem;
  left: 0;
  width: 100%;
  height: 6rem;
  z-index: 99;
}
.skipMenu a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  display: block;
  background-color: #75589d !important;
  color: #fff;
  text-align: center;
}
.skipMenu a:focus {
  top: 6rem;
}

.ell {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellMulti {
  display: -webkit-box;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 5rem;
}

.trans {
  transition: all 0.2s ease 0.05s;
}

.vMid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: transparent;
}

.flexArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flexArea.full {
  width: 100%;
}

.formGroup {
  display: flex;
  gap: 1rem;
  flex-direction: row;
}
@media (max-width: 1280px) {
  .formGroup.full {
    flex-direction: column;
  }
}

.formText {
  position: relative;
}
.formText label {
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  display: block;
  margin-bottom: 1.5rem;
}
.formText.file .innerWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.2rem 2rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.formText.file .innerWrapper input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.formText.file .innerWrapper label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 10rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0.8rem;
  background: #5b6670;
  margin: 0;
  cursor: pointer;
}
.formText.flex {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.formText.flex .innerWrapper {
  width: 100%;
}
.formText.flex .innerWrapper input {
  width: 100%;
}
.formText.full {
  width: 100%;
}
.formText.unit .innerWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.formText.unit .innerWrapper input {
  width: 11rem;
}
.formText.center input {
  text-align: center;
}
.formText.sm .innerWrapper input {
  height: 2.4rem;
}
.formText .innerWrapper {
  position: relative;
}
.formText .innerWrapper i.tag {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  padding: 0.4rem 0.6rem;
  font-size: 1.4rem;
  line-height: 1;
  background: #ff6600;
  border-radius: 0.6rem;
}
.formText .innerWrapper input {
  height: 4rem;
  background-color: #fff;
  border: 1px solid #aaa;
  padding: 0 1.2rem;
  width: 100%;
  font-size: inherit;
  border-radius: 0.8rem;
}
.formText .innerWrapper input:has(+ i.tag) {
  padding: 0.4rem 5rem 0.4rem 0.6rem;
}
.formText .innerWrapper input::-moz-placeholder {
  color: #888;
  font-weight: 400;
}
.formText .innerWrapper input::placeholder {
  color: #888;
  font-weight: 400;
}
.formText .innerWrapper input:-moz-read-only {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  color: #888;
}
.formText .innerWrapper input:read-only {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  color: #888;
}
.formText .innerWrapper input:disabled {
  background-color: #f6f6f6;
  border: 1px solid transparent;
  color: #b8b8b8;
}
.formText .innerWrapper textarea {
  background: red;
  padding: 1.2rem;
  background-color: #fff;
  border: 1px solid #aaa;
  width: 100%;
  font-size: inherit;
  border-radius: 0.8rem;
}
.formText .innerWrapper textarea::-moz-placeholder {
  color: #888;
}
.formText .innerWrapper textarea::placeholder {
  color: #888;
}

.formCheckbox {
  display: block;
  position: relative;
}
.formCheckbox input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: transparent;
}
.formCheckbox label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #000;
  padding-left: 3.5rem;
  min-height: 2.2rem;
  cursor: pointer;
  transition: all 0.2s ease 0.05s;
}
.formCheckbox label:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: url(../img/icon/chk.png) no-repeat center center/contain;
  transition: all 0.2s ease 0.05s;
}
.formCheckbox input:checked + label {
  color: #295e09;
  font-weight: 600;
}
.formCheckbox input:checked + label:before {
  background: url(../img/icon/chk_checked.png) no-repeat center center/contain;
}
.formCheckbox input:disabled + label:before {
  opacity: 0.5;
}
.formCheckbox input:checked:disabled + label:before {
  background: url(../img/icon/chk_checked_dis.png) no-repeat center center/contain;
}
.formCheckbox input:disabled + label {
  opacity: 1;
}
.formCheckbox input:focus + label:before {
  outline: 1px dashed #40aa00;
  outline-offset: 0.2rem;
}
.formCheckbox.single {
  display: inline-flex;
  width: 1.8rem;
}
.formCheckbox.single label {
  width: 1.8rem;
  padding: 0;
}
.formCheckbox.switch label {
  padding: 0;
  position: relative;
  gap: 0.6rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  transition: all 0.2s ease 0.05s;
}
.formCheckbox.switch label:before {
  content: "";
  position: relative;
  left: auto;
  top: auto;
  background-image: none;
  background: #f1f1f1;
  border: 0.2rem solid #ccc;
  width: 6rem;
  height: 2.2rem;
  border-radius: 5rem;
  transition: all 0.2s ease 0.05s;
}
.formCheckbox.switch label:after {
  content: "";
  width: 2.6rem;
  height: 1.4rem;
  border-radius: 10rem;
  background-color: #fff;
  border: 1px solid transparent;
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease 0.05s;
}
.formCheckbox.switch label:hover:before {
  border-color: #40aa00;
}
.formCheckbox.switch input:checked + label {
  font-weight: 500;
  color: #307f00;
}
.formCheckbox.switch input:checked + label:before {
  background: #71a850;
  border: 0.2rem solid #4f7836;
}
.formCheckbox.switch input:checked + label:after {
  left: 3rem;
  border-color: #40aa00;
}
.formCheckbox.switch.type2 label em {
  display: none;
}
.formCheckbox.switch.type2 label:before {
  width: 6rem;
}
.formCheckbox.switch.type2 label:after {
  right: 3.3rem;
}
.formCheckbox.switch.type2 input:checked + label:after {
  right: 0.4rem;
}
.formCheckbox.box {
  flex: 1;
}
.formCheckbox.box input:checked + label {
  background: #71a850;
  border: 1px solid #487b2a;
}
.formCheckbox.box input:checked + label > span,
.formCheckbox.box input:checked + label > strong {
  color: #fff;
}
.formCheckbox.box input:checked + label:before {
  background: url(../img/icon/check-checked_w.png) no-repeat center center/contain;
}
.formCheckbox.box label {
  flex-direction: column;
  align-items: flex-start;
  padding: 1.6rem 0.8rem 1.6rem 5.2rem;
  border: 1px solid #ccc;
  border-radius: 1.2rem;
}
.formCheckbox.box label::before {
  top: 50%;
  transform: translateY(-50%);
  left: 1.6rem;
  background: url(../img/icon/chk.png) no-repeat center center/contain;
}
.formCheckbox.box label > span {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  color: #2b7300;
}
.formCheckbox.box label > strong {
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
}
.formCheckbox.btn {
  flex: 1;
}
.formCheckbox.btn input:checked + label {
  color: #fff;
  background: #71a850;
  border: 1px solid #71a850;
  font-weight: 600;
}
.formCheckbox.btn input:checked + label > span {
  color: #fff;
}
.formCheckbox.btn input:checked + label:before {
  display: none;
}
.formCheckbox.btn label {
  height: 3.6rem;
  flex-direction: column;
  align-items: center;
  padding: 0.8rem;
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}
.formCheckbox.btn label::before {
  display: none;
}
.formCheckbox.btn label > span {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  color: #555;
}

.formRadio {
  display: block;
  position: relative;
}
.formRadio:hover label::before {
  border-color: #40aa00 !important;
}
.formRadio input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: transparent;
}
.formRadio label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #000;
  padding-left: 3.5rem;
  cursor: pointer;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  .formRadio label {
    padding-left: 2.5rem;
    font-size: 1.4rem;
  }
}
.formRadio label:before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #fff url(../img/icon/radio.png) center center no-repeat;
  background-size: 100%;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  .formRadio label:before {
    width: 1.8rem;
    height: 1.8rem;
    top: 0;
  }
}
.formRadio input:checked + label {
  color: #295e09;
  font-weight: 600;
}
.formRadio input:checked + label:before {
  background: #fff url(../img/icon/radio_checked.png) center center no-repeat;
  background-size: 100%;
}
.formRadio input:disabled + label:before {
  background-color: #f3f6fb;
  border-color: #f3f6fb;
}
.formRadio input:checked:disabled + label:before {
  background: #f3f6fb url(../img/icon/radio_checked_dis.png) center center no-repeat;
  background-size: 100%;
}
.formRadio input:disabled + label {
  opacity: 1;
}
.formRadio input:focus + label:before {
  outline: 1px dashed #40aa00;
  outline-offset: 0.2rem;
}
.formRadio.switch label {
  padding: 0;
}
.formRadio.switch label em:before {
  content: "아니오";
  position: absolute;
  top: 0.6rem;
  color: #666;
  right: 1.2rem;
  transition: all 0.2s ease 0.05s;
  font-size: 1.6rem;
}
.formRadio.switch label:before {
  content: "";
  left: auto;
  right: 0;
  background-image: none;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  width: 9rem;
  height: 3rem;
  border-radius: 5rem;
  transition: all 0.2s ease 0.05s;
}
.formRadio.switch label:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid transparent;
  position: absolute;
  top: 0.4rem;
  right: 6.2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease 0.05s;
}
.formRadio.switch label:hover:before {
  border-color: #40aa00;
}
.formRadio.switch input:checked + label em:before {
  content: "예";
  right: 4.5rem;
  color: #fff;
}
.formRadio.switch input:checked + label:before {
  background-color: #40aa00;
  background-image: none;
}
.formRadio.switch input:checked + label:after {
  right: 0.4rem;
  border-color: #40aa00;
}
.formRadio.switch.type2 label em {
  display: none;
}
.formRadio.switch.type2 label:before {
  width: 6rem;
}
.formRadio.switch.type2 label:after {
  right: 3.3rem;
}
.formRadio.switch.type2 input:checked + label:after {
  right: 0.4rem;
}
.formRadio.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
}
.formRadio.button label {
  padding: 1.2rem 2.4rem;
  border-radius: 0.6rem;
  color: #555;
  height: 4.8rem;
}
.formRadio.button label > span {
  z-index: 1;
}
.formRadio.button label::before {
  background: #fff;
  border: 1px solid #aaa;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  top: 0;
}
.formRadio.button input:checked + label {
  color: #fff;
  font-weight: 600;
}
.formRadio.button input:checked + label:before {
  background: #6d6e67;
  border: 1px solid #000;
  width: 100%;
  height: 100%;
}
.formRadio.box {
  flex: 1;
}
.formRadio.box input:checked + label {
  background: #71a850;
  border: 1px solid #487b2a;
}
.formRadio.box input:checked + label > span,
.formRadio.box input:checked + label > strong {
  color: #fff;
}
.formRadio.box input:checked + label:before {
  background: url(../img/icon/check-checked_w.png) no-repeat center center/contain;
}
.formRadio.box label {
  flex-direction: column;
  align-items: flex-start;
  padding: 1.6rem 0.8rem 1.6rem 5.2rem;
  border: 1px solid #ccc;
  border-radius: 1.2rem;
}
.formRadio.box label::before {
  top: 50%;
  transform: translateY(-50%);
  left: 1.6rem;
  background: url(../img/icon/chk.png) no-repeat center center/contain;
}
.formRadio.box label > span {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.5px;
  color: #2b7300;
}
.formRadio.box label > strong {
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
}

.formSelect {
  position: relative;
  display: inline-block;
  z-index: 2;
}
.formSelect.type2 .option {
  bottom: calc(4rem - 1px);
}
.formSelect.full {
  width: 100%;
}
.formSelect.full .select,
.formSelect.full select,
.formSelect.full .option {
  width: 100% !important;
}
.formSelect.lg .select,
.formSelect.lg select {
  height: 4rem;
}
.formSelect .select,
.formSelect select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: inherit;
  white-space: nowrap;
  padding: 0 4rem 0 1.2rem;
  border: 1px solid #999;
  height: 3rem;
  background: #fff url(../img/icon/form_selectIcon.png) no-repeat center right 1.5rem;
  background-size: 1.2rem 0.8rem;
  border-radius: 0.6rem;
}
.formSelect .select.isActive,
.formSelect select.isActive {
  border-radius: 0.6rem 0.6rem 0 0;
}
.formSelect .option {
  display: none;
  position: absolute;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0 0 0.6rem 0.6rem;
  z-index: 1;
}
.formSelect .option li {
  white-space: nowrap;
}
.formSelect .option li.isActive {
  background-color: rgba(0, 0, 0, 0.1);
}
.formSelect .option li a {
  display: block;
  padding: 0.8rem 4rem 0.8rem 1.2rem;
}
.formSelect .option li a:hover, .formSelect .option li a:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.unitTable {
  overflow: hidden;
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table {
    display: block;
  }
}
.unitTable .innerWrapper table thead tr {
  border-top: 0.2rem solid #666;
  background: #eaeaea;
}
.unitTable .innerWrapper table thead tr th {
  padding: 1.6rem 1rem;
  font-size: 1.6rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table thead {
    display: none;
  }
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table tbody {
    display: block;
  }
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table tbody tr {
    display: block;
    border-top: 0.2rem solid #666;
  }
}
.unitTable .innerWrapper table tbody tr {
  border-bottom: 1px solid #ccc;
}
.unitTable .innerWrapper table tbody tr:hover {
  background: #fafafa;
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table tbody tr:hover {
    background: transparent;
  }
}
.unitTable .innerWrapper table tbody tr.check {
  background: #eaf7e1;
}
.unitTable .innerWrapper table tbody tr.check td {
  font-weight: 600;
  color: #2a5410;
}
.unitTable .innerWrapper table tbody tr.disabled {
  background: #eeeeee;
}
.unitTable .innerWrapper table tbody tr.disabled td {
  color: #888;
}
.unitTable .innerWrapper table tbody tr td {
  padding: 1.6rem 1rem;
  text-align: center;
  vertical-align: middle;
  color: #555;
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table tbody tr td {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
  }
  .unitTable .innerWrapper table tbody tr td + td {
    border-top: 1px solid #ccc;
    text-align: left;
  }
  .unitTable .innerWrapper table tbody tr td::before {
    content: attr(data-title);
    font-weight: 600;
    color: #000;
    margin-right: 1rem;
    width: 10rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.05);
    text-align: center;
  }
}
.unitTable .innerWrapper table tbody tr td.noData {
  padding: 10rem 1rem;
}
@media (max-width: 1280px) {
  .unitTable .innerWrapper table tbody tr td.noData {
    justify-content: center;
    width: 100%;
    padding: 5rem 1rem;
  }
  .unitTable .innerWrapper table tbody tr td.noData::before {
    display: none;
  }
}
.unitTable .innerWrapper table tbody tr td.left {
  text-align: left;
}
.unitTable .innerWrapper table tbody tr td.right {
  text-align: right;
}
.unitTable .innerWrapper table tbody tr td.possible {
  font-weight: 600;
  color: #64a300;
}
.unitTable .innerWrapper table tbody tr td.impossible {
  color: #afafaf;
}
@media (max-width: 1280px) {
  .unitTable.bbs table tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    padding: 1rem 0;
  }
}
.unitTable.bbs table tbody tr.notice {
  background: #f9efe8;
}
.unitTable.bbs table tbody tr.notice td.subject .link {
  font-weight: 600;
  color: #000;
}
.unitTable.bbs table tbody tr.notice td.subject .link > span {
  width: 100%;
  padding-left: 3.5rem;
  position: relative;
}
@media (max-width: 1280px) {
  .unitTable.bbs table tbody tr.notice td.subject .link > span {
    padding-left: 3rem;
  }
}
.unitTable.bbs table tbody tr.notice td.subject .link > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  min-width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.6rem;
  background: url(../img/icon/noti.png) no-repeat center left/contain;
}
@media (max-width: 1280px) {
  .unitTable.bbs table tbody tr.notice td.subject .link > span::before {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
  }
}
.unitTable.bbs table tbody tr td.subject {
  text-align: left;
}
.unitTable.bbs table tbody tr td.subject > .link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  max-width: calc(100% - 6rem);
}
.unitTable.bbs table tbody tr td.subject > .link > span {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.unitTable.bbs table tbody tr td.subject > .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  margin-left: 2rem;
}
.unitTable.bbs table tbody tr td.subject > .icon i {
  display: flex;
}
.unitTable.bbs table tbody tr td.subject > .icon img {
  min-width: 1.6rem;
  width: 1.6rem;
  opacity: 0.6;
}
@media (max-width: 1280px) {
  .unitTable.bbs table tbody tr td {
    padding: 0 1rem;
    color: #888;
    font-size: 1.2rem;
  }
  .unitTable.bbs table tbody tr td + td {
    border: none;
  }
  .unitTable.bbs table tbody tr td.subject {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 1.4rem;
    width: 100%;
    color: #000;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
  }
  .unitTable.bbs table tbody tr td.subject::before {
    display: none;
  }
  .unitTable.bbs table tbody tr td.subject > .link {
    max-width: 100%;
  }
  .unitTable.bbs table tbody tr td.subject > .icon {
    margin-left: 0;
  }
  .unitTable.bbs table tbody tr td.subject > .icon img {
    width: 1.2rem;
    min-width: 1.2rem;
  }
  .unitTable.bbs table tbody tr td::before {
    padding: 0;
    margin-right: 0.5rem;
    width: auto;
    background: transparent;
  }
}
.unitTable.type2 table thead tr {
  background: #929292;
  border: none;
}
.unitTable.type2 table thead tr th {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  padding: 1rem;
}
.unitTable.type2 table thead tr th:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.unitTable.type2 table thead tr th:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.unitTable.type2 table tbody tr td {
  padding: 1rem;
}
@media (max-width: 1280px) {
  .unitTable.type2 table tbody tr td::before {
    padding: 0.5rem;
  }
  .unitTable.type2 table tbody tr td[rowspan] {
    background: #000;
    color: #fff;
  }
  .unitTable.type2 table tbody tr td[rowspan]::before {
    display: none;
  }
  .unitTable.type2 table tbody tr td[rowspan] * {
    color: #fff;
  }
}
.unitTable.type2 table tbody tr td:not(:last-child) {
  border-right: 1px solid #ccc;
}
@media (max-width: 1280px) {
  .unitTable.type2 table tbody tr td:not(:last-child) {
    border-right: none;
  }
}
.unitTable.type3 {
  border: 1px solid #ccc;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-top: 0;
}
.unitTable.type3 table thead tr {
  background: #ddd;
  border: none;
}
.unitTable.type3 table thead tr th {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  padding: 1rem;
}
.unitTable.type3 table thead tr th:first-child {
  border-radius: 0.8rem 0 0 0;
}
.unitTable.type3 table thead tr th:last-child {
  border-radius: 0 0.8rem 0 0;
}
.unitTable.type3 table tbody tr:last-child {
  border-bottom: none;
}
.unitTable.type3 table tbody tr td {
  padding: 1rem;
}
@media (max-width: 1280px) {
  .unitTable.type3 table tbody tr td::before {
    padding: 0.5rem;
  }
  .unitTable.type3 table tbody tr td[rowspan] {
    background: #000;
    color: #fff;
  }
  .unitTable.type3 table tbody tr td[rowspan]::before {
    display: none;
  }
  .unitTable.type3 table tbody tr td[rowspan] * {
    color: #fff;
  }
}
.unitTable.type3 table tbody tr td:not(:last-child) {
  border-right: 1px solid #ccc;
}
@media (max-width: 1280px) {
  .unitTable.type3 table tbody tr td:not(:last-child) {
    border-right: none;
  }
}
.unitTable.noBrd table tbody tr td {
  border-right: none !important;
}
.unitTable.scroll table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.unitTable.sm .innerWrapper table thead tr th {
  font-size: 1.4rem;
  padding: 0.5rem;
}
.unitTable.sm .innerWrapper table tbody tr td {
  font-size: 1.4rem;
  padding: 0.5rem;
}

[class^=unitTab] > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  color: #666;
  border-bottom: 1px solid #333;
}
[class^=unitTab] > ul > li {
  display: block;
  flex: 1;
}
[class^=unitTab] > ul > li .menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 4.7rem;
  padding: 0 1rem;
  background: #fff;
  border-bottom: 0.5rem solid #f4f4f4;
  font-size: 2rem;
  color: #666;
  font-weight: 400;
  width: 100%;
  transition: all 0.2s ease 0.05s;
}
[class^=unitTab] > ul > li .menu.isActive {
  font-weight: 700;
  color: #000;
  border-color: #000;
}
[class^=unitTab] > ul > li .menu.isActive + .contents {
  display: block;
}
[class^=unitTab] .contents {
  display: none;
  width: 100%;
  left: 0;
  margin-top: 2rem;
}
[class^=unitTab] .contents .contName {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -999rem;
}
[class^=unitTab] .contents.isActive {
  display: block;
}
@media (max-width: 1280px) {
  [class^=unitTab] {
    margin-top: 2rem;
  }
  [class^=unitTab] > ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
  [class^=unitTab] > ul > li .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 4rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    white-space: nowrap;
  }
  [class^=unitTab] .contents {
    margin-top: 1rem;
  }
}

.unitList > li {
  position: relative;
  padding-left: 1rem;
  line-height: 1.4;
}
.unitList > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.5rem;
  height: 1px;
  background-color: #666;
}
.unitList > li + li {
  margin-top: 0.5rem;
}
.unitList.num {
  counter-reset: list-number;
}
.unitList.num > li {
  counter-increment: list-number;
  padding-left: 2.5rem;
}
.unitList.num > li:before {
  content: counter(list-number);
  font-size: 1.1rem;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #444;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.unitList.dot > li {
  padding-left: 1.2rem;
}
.unitList.dot > li:before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: #555;
  left: 0;
  top: 0.8rem;
}
.unitList.ref > li {
  padding-left: 2rem;
}
.unitList.ref > li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}
.unitList.star > li {
  padding-left: 1.2rem;
}
.unitList.star > li:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}
.unitList.red > li {
  color: #ff0000;
}
.unitList.red > li:before {
  background-color: #ff0000;
}
.unitList.blk > li:before {
  background-color: #000;
}
.unitList.blank > li {
  padding-left: 0 !important;
}
.unitList.blank > li:before {
  display: none;
}
.unitList.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}
.unitList.btn > li {
  width: calc(25% - 0.75rem);
}
.unitList.btn > li button {
  width: 100% !important;
}
.unitList.btn > li + li {
  margin-top: 0 !important;
}
.unitList.btn.type2 {
  margin-top: 1rem !important;
}
.unitList.btn.type2 > li {
  width: calc(20% - 1rem);
}
@media (max-width: 1280px) {
  .unitList.btn > li {
    width: calc(50% - 0.5rem) !important;
  }
}
.unitList.process {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem 2.5rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  align-items: stretch;
}
.unitList.process > li + li {
  margin-top: 0 !important;
}
.unitList.process > li:last-child:after {
  display: none;
}
.unitList.process > li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc(25% - 2rem);
  height: 8rem;
  text-align: center !important;
  color: #75589d;
  padding-left: 0 !important;
  border: 0.3rem solid #75589d;
  border-radius: 1rem;
}
.unitList.process > li:before {
  display: none;
}
.unitList.process > li:after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 50%;
  right: -3rem;
  transform: translateY(-50%);
  background: url(../img/common/icon_arrow.png) no-repeat center;
  background-size: 60%;
}
.unitList.process > li .number {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  border-radius: 0 0 1rem 0;
  background-color: #75589d;
  padding: 0.3rem 1rem;
}
@media (max-width: 1280px) {
  .unitList.process {
    gap: 3rem;
  }
  .unitList.process > li {
    width: 100%;
    height: 6rem;
  }
  .unitList.process > li:after {
    top: auto;
    bottom: -3rem;
    left: calc(50% - 1.5rem);
    transform: rotate(90deg);
  }
}
.unitList.mark > li {
  padding-left: 2.4rem;
}
.unitList.mark > li::before {
  width: 1.8rem;
  height: 1.8rem;
  top: 0.2rem;
  background: url(../img/icon/mark.png) no-repeat center/contain;
}
.unitList.alert > li {
  padding-left: 2.4rem;
}
.unitList.alert > li::before {
  width: 1.8rem;
  height: 1.8rem;
  top: 0.2rem;
  background: url(../img/icon/alert.png) no-repeat center/contain;
}
.unitList.sm > li {
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .unitList.sm > li {
    font-size: 1.2rem;
  }
}

.unitModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 11;
  top: 0;
  left: 0;
  display: none;
}
.unitModal > .wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100rem;
  padding: 4rem;
  border: 0.2rem solid #40aa00;
  border-radius: 2.4rem;
  max-height: calc(100% - 6rem);
  background-color: #fff;
  word-break: keep-all;
  box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .unitModal > .wrapper {
    padding: 2rem;
    border-radius: 1.6rem;
    width: calc(100% - 4rem);
    max-width: calc(100% - 4rem);
  }
}
.unitModal > .wrapper .closeModal {
  position: absolute;
  right: 4rem;
  top: 4rem;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper .closeModal {
    right: 2rem;
    top: 2.5rem;
  }
}
.unitModal > .wrapper .closeModal img {
  width: 3rem !important;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper .closeModal img {
    width: 1.8rem !important;
  }
}
.unitModal > .wrapper > .tit {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper > .tit {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
.unitModal > .wrapper .contArea {
  max-height: calc(100dvh - 45rem);
  overflow-y: auto;
  padding: 0 2rem;
  margin: 0 -2rem;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper .contArea {
    max-height: calc(100dvh - 30rem);
  }
}
.unitModal > .wrapper > .content {
  padding: 3rem;
  background: #f9f9f9;
  border: 1px solid #bbb;
  border-radius: 1.8rem;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper > .content {
    padding: 2rem;
    border-radius: 1.2rem;
  }
}
.unitModal > .wrapper .modalFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .unitModal > .wrapper .modalFooter {
    margin-top: 1.5rem;
  }
}
.unitModal > .wrapper .modalFooter button.isAfter {
  display: none;
}
.unitModal.modalOpen {
  display: block;
}
.unitModal.type2 > .wrapper > .tit {
  text-align: left;
}
.unitModal.type2 > .wrapper > .msg {
  text-align: left;
  padding: 0;
  font-size: 1.3rem;
}
.unitModal.type2 > .wrapper > .msg + .msg {
  margin-top: 3rem;
}
.unitModal[data-type=alert] > .wrapper {
  width: 40rem;
}
.unitModal[data-type=alert] > .wrapper .closeModal {
  position: absolute;
  right: 1.6rem;
  top: 1.2rem;
}
.unitModal[data-type=alert] > .wrapper .closeModal > i > img {
  width: 3.2rem !important;
}
.unitModal[data-type=alert] > .wrapper > .tit {
  font-size: 1.8rem;
  padding: 1.2rem 1.6rem;
}
.unitModal[data-type=tooltip] > .wrapper {
  width: 40rem;
}
.unitModal[data-type=tooltip] > .wrapper .closeModal {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.unitModal[data-type=tooltip] > .wrapper .closeModal > i > img {
  width: 3.2rem !important;
}
.unitModal[data-type=tooltip] > .wrapper > .tit {
  font-size: 1.6rem;
  padding: 1.2rem 5rem 1.2rem 1.6rem;
  background-color: #fafafa;
}
.unitModal[data-type=tooltip] > .wrapper .contArea {
  padding: 2rem;
  font-size: 1.6rem;
  color: #666;
}
.unitModal[data-type=tooltip] > .wrapper .contArea .unitList > li {
  margin-top: 0.5rem;
}
.unitModal[data-type=sml] > .wrapper {
  max-width: 40rem;
}
.unitModal[data-type=wide] > .wrapper {
  max-width: 90rem;
}
.unitModal .botomText {
  padding: 0 2rem 2rem;
}

.unitToast {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(100% - 6rem);
  padding: 1rem;
  height: 5rem;
  position: fixed;
  left: 3rem;
  bottom: -4rem;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10rem;
  justify-content: center;
  transition: all 0.2s ease 0.05s;
  z-index: 1;
}
.unitToast.isActive {
  bottom: 3rem;
  opacity: 1;
}
.unitToast > .tit {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 350;
}

.unitSwiper {
  position: relative;
}
.unitSwiper .swiperCont {
  overflow: hidden;
}
.unitSwiper .swiper-button-prev {
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  z-index: 2;
}
.unitSwiper .swiper-button-prev:after {
  display: none;
}
.unitSwiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}
.unitSwiper .swiper-button-next {
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  margin: auto;
  z-index: 2;
}
.unitSwiper .swiper-button-next:after {
  display: none;
}
.unitSwiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.unitSwiper .controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  bottom: 2rem;
  width: 100%;
}
.unitSwiper .controller .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.unitSwiper .controller .swiper-pagination > * {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 10rem;
  transition: all 0.2s ease 0.05s;
}
.unitSwiper .controller .swiper-pagination > *.swiper-pagination-bullet-active {
  width: 2rem;
  background-color: #40aa00;
}
.unitSwiper .controller .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.unitSwiper .controller .btnCont {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.unitSwiper .controller .btnCont > button {
  display: none;
}
.unitSwiper .controller .btnCont > button.isActive {
  display: block;
}
@media (max-width: 1280px) {
  .unitSwiper .controller {
    gap: 1rem;
    bottom: 1rem;
  }
  .unitSwiper .controller .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .unitSwiper .controller .swiper-pagination > * {
    width: 0.7rem;
    height: 0.7rem;
  }
  .unitSwiper .controller .swiper-pagination > *.swiper-pagination-bullet-active {
    width: 1.4rem;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

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

fieldset,
img {
  border: 0 none;
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  font-family: inherit;
  box-sizing: border-box;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  box-sizing: border-box;
}

::before,
::after,
:before,
:after {
  box-sizing: border-box;
}

input,
textarea,
img {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
  color: inherit;
}

sup {
  font-size: small;
  vertical-align: text-top;
}

sub {
  font-size: small;
  vertical-align: text-bottom;
}

button,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  background-color: #fff;
}

select::-ms-expand {
  display: none;
} /* Hide Native Arrow IE 10, 11 */
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

table caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
} /* HTML5 for older browsers */
section,
main {
  display: block;
}

img {
  vertical-align: top;
}

strong {
  font-weight: 700;
}

button {
  color: inherit;
}

em,
i {
  font-style: normal;
}

details summary {
  list-style: none;
  cursor: pointer;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::marker {
  display: none;
}

input:-moz-read-only {
  cursor: default;
}

input:read-only,
input:disabled,
button:disabled {
  cursor: default;
}

/* Chrome, Safari, Edge */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  text-align: right;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  text-align: right;
}

@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 100;
  src: url("../common/fonts/PretendardGOV-Thin.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Thin.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 200;
  src: url("../common/fonts/PretendardGOV-ExtraLight.woff2") format("woff2"), url("../common/fonts/PretendardGOV-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 300;
  src: url("../common/fonts/PretendardGOV-Light.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Light.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 400;
  src: url("../common/fonts/PretendardGOV-Regular.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Regular.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 500;
  src: url("../common/fonts/PretendardGOV-Medium.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Medium.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 600;
  src: url("../common/fonts/PretendardGOV-SemiBold.woff2") format("woff2"), url("../common/fonts/PretendardGOV-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 700;
  src: url("../common/fonts/PretendardGOV-Bold.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Bold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 800;
  src: url("../common/fonts/PretendardGOV-ExtraBold.woff2") format("woff2"), url("../common/fonts/PretendardGOV-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 800;
  src: url("../common/fonts/PretendardGOV-Black.woff2") format("woff2"), url("../common/fonts/PretendardGOV-Black.woff") format("woff");
}
:root,
html {
  font-size: 10px;
}

html,
body {
  height: 100%;
}

body {
  font-family: "PretendardGOV";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  letter-spacing: -0.01em;
  word-break: keep-all;
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1280px) {
  body {
    font-size: 1.4rem;
  }
}

:focus {
  outline: 1px dashed #40aa00 !important;
  outline-offset: 2px !important;
}
@media (max-width: 1280px) {
  :focus {
    outline: none !important;
  }
}

.dim {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

body.isFixed {
  overflow: hidden;
}

.co-primary {
  color: #40aa00 !important;
}

.co-secondary {
  color: #71542f !important;
}

.co-black {
  color: #000 !important;
}

.co-white {
  color: #fff !important;
}

.co-gray {
  color: #666 !important;
}

.co-darkGray {
  color: #333 !important;
}

.co-lightGray {
  color: #eee !important;
}

.co-brown {
  color: #4d3516 !important;
}

.co-orange {
  color: #ff6600 !important;
}

.co-red {
  color: #ff0000 !important;
}

.mt10 {
  margin-top: 1rem !important;
}
@media (max-width: 1280px) {
  .mt10 {
    margin-top: 0.5rem !important;
  }
}

.mt20 {
  margin-top: 2rem !important;
}
@media (max-width: 1280px) {
  .mt20 {
    margin-top: 1rem !important;
  }
}

.mt30 {
  margin-top: 3rem !important;
}
@media (max-width: 1280px) {
  .mt30 {
    margin-top: 1.5rem !important;
  }
}

.fs18 {
  font-size: 1.8rem !important;
}
@media (max-width: 1280px) {
  .fs18 {
    font-size: 1.4rem !important;
  }
}

.btnCta {
  background: #f9f9f9;
  border: 1px solid #888;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  height: 5rem;
  padding: 0 3rem;
  border-radius: 0.8rem;
}
@media (max-width: 1280px) {
  .btnCta {
    font-size: 1.6rem;
    height: 4rem;
  }
}
.btnCta.sm {
  height: 4rem;
  font-size: 1.6rem;
  padding: 0 2rem;
}
.btnCta.primary {
  background: #40aa00;
  color: #fff;
  border-color: transparent;
}
.btnCta.secondary {
  background: #5b6670;
  color: #fff;
  border-color: transparent;
}
.btnCta:disabled {
  background: #ddd;
  color: #888;
  border-color: transparent;
}
.btnCta.full {
  flex: 1;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 3rem 1rem;
  z-index: 11;
}
@media (max-width: 1280px) {
  header {
    padding: 1rem 2rem;
  }
}
header[data-theme=white] {
  backdrop-filter: initial;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
header[data-theme=white] nav {
  color: #000;
}
header[data-theme=white] nav > .left h1 > a {
  background: url(../img/common/logo.png) no-repeat center left/contain;
}
header[data-theme=white] nav > .right > button {
  filter: brightness(0);
}
header.isScroll {
  background: rgba(0, 0, 0, 0.4);
}
header.isActive {
  background: #fff;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
header.isActive nav {
  color: #000;
}
header.isActive nav > .left h1 > a {
  background: url(../img/common/logo.png) no-repeat center center/contain;
}
header.isActive nav > .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 17.3rem;
}
header.isActive nav > .right > button {
  color: #000;
}
header.isActive nav > .right > button.login i {
  background: url(../img/common/icon_login.png) no-repeat center center/contain;
}
header.isActive nav > .right > button.join i {
  background: url(../img/common/icon_join.png) no-repeat center center/contain;
}
header.isActive nav > .right > button.cart i {
  background: url(../img/common/icon_cart.png) no-repeat center center/contain;
}
header.isActive nav > .right > button.info i {
  background: url(../img/common/icon_user.png) no-repeat center center/contain;
}
header.isActive nav > .right > button.allMenu {
  background: url(../img/common/icon_ham.png) no-repeat center center/contain;
}
header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 180rem;
  margin: auto;
  color: #fff;
  transition: all 0.2s ease 0.05s;
}
header nav > .left {
  min-width: 17.3rem;
}
header nav > .left h1 > a {
  display: block;
  width: 11.7rem;
  height: 5.4rem;
  background: url(../img/common/logo_w.png) no-repeat center left/contain;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  header nav > .left h1 > a {
    height: 4rem;
  }
}
@media (max-width: 1280px) {
  header nav > .menuArea {
    display: none;
  }
}
header nav > .menuArea ul.dep01 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1400px) {
  header nav > .menuArea ul.dep01 {
    gap: 3rem;
  }
}
header nav > .menuArea ul.dep01 > li > a {
  font-size: 1.8rem;
  font-weight: 300;
}
@media (max-width: 1200px) {
  header nav > .menuArea ul.dep01 > li > a {
    font-size: 1.6rem;
  }
}
header nav > .menuArea ul.dep01 > li > a.isActive {
  font-weight: 700;
  color: #40aa00;
}
header nav > .menuArea ul.dep01 > li > a.isActive + ul.dep02 {
  display: flex !important;
}
header nav > .menuArea ul.dep01 > li > a {
  z-index: 1;
}
header nav > .menuArea ul.dep01 > li ul.dep02 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6rem;
  flex-direction: column;
  flex-wrap: nowrap;
  display: none;
  position: absolute;
  background: #fff;
  padding: 4.6rem 1rem;
  width: 100%;
  max-width: 90rem;
  left: 50%;
  top: 11.4rem;
  transform: translateX(-50%);
}
@media (max-width: 1600px) {
  header nav > .menuArea ul.dep01 > li ul.dep02 {
    left: 35rem;
    transform: none;
  }
}
header nav > .menuArea ul.dep01 > li ul.dep02::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid #aaa;
}
@media (max-width: 1600px) {
  header nav > .menuArea ul.dep01 > li ul.dep02::before {
    left: -35rem;
    transform: none;
  }
}
header nav > .menuArea ul.dep01 > li ul.dep02::after {
  content: attr(data-submenu);
  position: absolute;
  font-size: 4.2rem;
  font-weight: 600;
  color: #40aa00;
  left: -33rem;
  width: 33rem;
  padding-bottom: 1.5rem;
  background: url(../img/common/icon_1dep_text.png) no-repeat left bottom/18rem 1.2rem;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  z-index: 1;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li::after {
  content: "";
  position: absolute;
  left: -3.6rem;
  background-color: #ddd;
  width: 1px;
  height: calc(100% + 2rem);
  top: -1rem;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li > a {
  width: 25rem;
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  padding: 0.8rem 1.4rem;
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background: url(../img/common/icon_2dep_arrow.png) no-repeat center right 1.4rem/0.8rem auto;
  transition: all 0.2s ease 0.05s;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li > a.isActive {
  color: #fff;
  font-weight: 600;
  background: #5b6670;
  border-color: transparent;
  background: #5b6670 url(../img/common/icon_2dep_arrow_active.png) no-repeat center right 1.4rem/0.8rem auto;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li > a.isActive + ul.dep03 {
  display: flex;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 7rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  display: none;
  left: 30rem;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03::after {
  content: attr(data-submenu2);
  position: absolute;
  font-size: 2.2rem;
  left: 0;
  top: 0;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 > li {
  margin-top: 5rem;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  transition: all 0.2s ease 0.05s;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 > li > a::before {
  content: "";
  width: 1rem;
  height: 0.6rem;
  background: url(../img/common//icon_3dep_arrow.png) no-repeat center center/contain;
  transition: all 0.2s ease 0.05s;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 > li > a:hover {
  font-weight: 600;
}
header nav > .menuArea ul.dep01 > li ul.dep02 > li ul.dep03 > li > a:hover::before {
  background: url(../img/common//icon_3dep_arrow_active.png) no-repeat center center/contain;
}
header nav > .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 17.3rem;
}
@media (max-width: 1280px) {
  header nav > .right {
    justify-content: flex-end;
    min-width: auto;
  }
}
header nav > .right > button {
  position: relative;
  gap: 0.8rem;
  flex-direction: column;
  font-size: 1.4rem;
  color: #fff;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  header nav > .right > button:not(.btnSitemapClose) {
    display: none;
  }
}
header nav > .right > button i {
  transition: all 0.2s ease 0.05s;
}
header nav > .right > button.login i {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/common/icon_login_w.png) no-repeat center center/contain;
}
header nav > .right > button.join i {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/common/icon_join_w.png) no-repeat center center/contain;
}
header nav > .right > button.cart i {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/common/icon_cart_w.png) no-repeat center center/contain;
}
header nav > .right > button.info i {
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/common/icon_user_w.png) no-repeat center center/contain;
}
header nav > .right > button.allMenu {
  display: flex;
  width: 4rem;
  max-width: none;
  height: 2.4rem;
  margin-left: 2.4rem;
  background: url(../img/common/icon_ham_w.png) no-repeat center center/contain;
}
@media (max-width: 1280px) {
  header nav > .right > button.allMenu {
    width: 2.4rem;
  }
}
header nav > .right > button .num {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  color: #000;
  min-width: 1.8rem;
  height: 1.8rem;
  border-radius: 10rem;
  font-size: 1.2rem;
  font-weight: 600;
  background: #ffd900;
  padding: 0 0.4rem;
  top: -1.7rem;
  left: 50%;
  transform: translateX(-50%);
}

section.siteMap {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
  top: 0;
  left: 0;
}
section.siteMap.isActive {
  display: block;
}
section.siteMap.isActive > .wrapper {
  opacity: 1;
  top: 50%;
}
section.siteMap::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: absolute;
}
section.siteMap > .wrapper {
  position: absolute;
  background: #fff;
  border-radius: 3rem;
  padding: 8rem;
  width: calc(100% - 4rem);
  height: calc(100% - 8rem);
  max-height: 172rem;
  opacity: 0;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
  }
}
section.siteMap > .wrapper {
  transition: all 0.2s ease 0.05s;
}
section.siteMap > .wrapper .topHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .topHeader {
    height: 6rem;
    padding: 1rem 2rem;
    margin-bottom: 0;
    align-items: center;
    border-bottom-color: #40aa00;
  }
}
section.siteMap > .wrapper .topHeader .left h2 {
  width: 37.6rem;
  height: 9rem;
  background: url(../img/common/sitemapLogo.png) no-repeat center center/contain;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .topHeader .left h2 {
    width: 15rem;
    height: 4rem;
    background: url(../img/common/logo.png) no-repeat center left/contain;
  }
}
section.siteMap > .wrapper .topHeader .right {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .topHeader .right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
    height: auto;
  }
}
section.siteMap > .wrapper .topHeader .right .btnSitemapClose {
  width: 2rem;
  height: 2rem;
}
section.siteMap > .wrapper .topHeader .right .btnCont {
  display: none;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .topHeader .right .btnCont {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.2rem;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button {
    position: relative;
    gap: 0.8rem;
    flex-direction: column;
    font-size: 1.4rem;
    color: #666;
    transition: all 0.2s ease 0.05s;
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button i {
    transition: all 0.2s ease 0.05s;
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button.login i {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/common/icon_login_w.png) no-repeat center center/contain;
    filter: invert(0.5);
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button.join i {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/common/icon_join_w.png) no-repeat center center/contain;
    filter: invert(0.5);
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button.cart i {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/common/icon_cart_w.png) no-repeat center center/contain;
    filter: invert(0.5);
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button.info i {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/common/icon_user_w.png) no-repeat center center/contain;
    filter: invert(0.5);
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button.allMenu {
    display: flex;
    width: 4rem;
    max-width: none;
    height: 1.6rem;
    margin-left: 1.6rem;
    background: url(../img/common/icon_ham_w.png) no-repeat center center/contain;
    filter: invert(0.5);
  }
  section.siteMap > .wrapper .topHeader .right .btnCont > button .num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    color: #000;
    min-width: 1.8rem;
    height: 1.8rem;
    border-radius: 10rem;
    font-size: 1.2rem;
    font-weight: 600;
    background: #ffd900;
    padding: 0 0.4rem;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
section.siteMap > .wrapper .menuArea {
  overflow: auto;
  height: calc(100% - 16rem);
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea {
    height: calc(100% - 6rem);
  }
}
section.siteMap > .wrapper .menuArea .dep01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  zoom: 1;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1400px) {
  section.siteMap > .wrapper .menuArea .dep01 {
    justify-content: flex-start;
    gap: 0;
  }
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 {
    flex-direction: column;
  }
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }
  section.siteMap > .wrapper .menuArea .dep01 > li + li {
    border-top: 1px solid #dadada;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li > a {
  font-size: 2.4rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li > a {
    width: 14rem;
    background: #f1f1f1;
    padding: 2rem;
    font-size: 1.8rem;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 {
    padding: 2rem;
    margin-top: 0;
    flex: 1;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li {
  position: relative;
  padding-left: 1.2rem;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li {
    padding-left: 0;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li > a {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li > a {
    font-size: 1.8rem;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li > a:hover, section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li > a:focus {
  color: #40aa00;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  background: #555;
  border-radius: 50%;
  left: 0;
  top: 0.8rem;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li::before {
    display: none;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1.2rem;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 1.4rem;
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li {
  position: relative;
  margin-left: -1.2rem;
  padding-left: 1.2rem;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li {
    margin-left: 0;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li > a {
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
}
@media (max-width: 1280px) {
  section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li > a {
    font-size: 1.4rem;
  }
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover, section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li > a:focus {
  color: #40aa00;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
section.siteMap > .wrapper .menuArea .dep01 > li .dep02 > li .dep03 > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0rem;
}
aside.pagin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  aside.pagin {
    flex-wrap: wrap;
    marign-top: 2rem;
  }
}
aside.pagin > button {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.6rem;
  color: #555;
  background: #eee;
  border-radius: 50%;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  aside.pagin > button {
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
  }
}
aside.pagin > button:disabled {
  opacity: 0.3;
}
aside.pagin > button:hover {
  background-color: #ccc;
}
aside.pagin > button.start, aside.pagin > button.prev {
  background: none;
  margin-right: 1rem;
}
@media (max-width: 1280px) {
  aside.pagin > button.start, aside.pagin > button.prev {
    margin-right: 0;
  }
}
aside.pagin > button.start img, aside.pagin > button.prev img {
  height: 1.4rem;
}
@media (max-width: 1280px) {
  aside.pagin > button.start img, aside.pagin > button.prev img {
    height: 1rem;
  }
}
aside.pagin > button.end, aside.pagin > button.next {
  background: none;
  margin-left: 1rem;
}
@media (max-width: 1280px) {
  aside.pagin > button.end, aside.pagin > button.next {
    margin-left: 0;
  }
}
aside.pagin > button.end img, aside.pagin > button.next img {
  height: 1.4rem;
}
@media (max-width: 1280px) {
  aside.pagin > button.end img, aside.pagin > button.next img {
    height: 1rem;
  }
}
aside.pagin > button.isActive {
  background-color: #333;
  color: #fff;
}

aside.paginInfinite {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  aside.paginInfinite {
    margin-top: 2rem;
  }
}
aside.paginInfinite button {
  gap: 1.8rem;
  height: 4.6rem;
  padding: 0 2.2rem;
  font-size: 1.8rem;
  border-radius: 10rem;
  background: #f6ece3;
  border: 1px solid #d1c1b2;
}
@media (max-width: 1280px) {
  aside.paginInfinite button {
    gap: 1.2rem;
    height: 4rem;
    padding: 0 1.6rem;
  }
}
aside.paginInfinite button img {
  width: 1.6rem;
}
@media (max-width: 1280px) {
  aside.paginInfinite button img {
    width: 1.2rem;
  }
}

aside.ttCont {
  position: relative;
}
aside.ttCont .ttPannel {
  display: none;
  position: absolute;
  padding: 4rem;
  background: #fff;
  border: 0.3rem solid #000;
  left: -69rem;
  top: 1rem;
  width: 57rem;
  border-radius: 1.6rem 0 1.6rem 1.6rem;
  z-index: 2;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel {
    position: fixed;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100vw - 4rem);
    padding: 2rem;
    border-radius: 1.6rem;
  }
}
aside.ttCont .ttPannel::after {
  content: "";
  position: absolute;
  top: -1.8rem;
  right: -1.5rem;
  width: 1px;
  height: 1px;
  border: 1.5rem solid transparent;
  border-right-color: #000;
  transform: rotate(45deg);
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel::after {
    display: none;
  }
}
aside.ttCont .ttPannel > .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel > .top {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
aside.ttCont .ttPannel > .top .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
aside.ttCont .ttPannel > .top .left img {
  width: 3.3rem;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel > .top .left img {
    width: 2rem;
  }
}
aside.ttCont .ttPannel > .top .left h5 {
  font-size: 3rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel > .top .left h5 {
    font-size: 1.8rem;
  }
}
aside.ttCont .ttPannel > .top .right img {
  width: 2.4rem !important;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel > .top .right img {
    width: 1.6rem !important;
  }
}
aside.ttCont .ttPannel > .bottom .dataList + .dataList {
  margin-top: 2.4rem;
}
aside.ttCont .ttPannel > .bottom .dataList dt {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 1.2rem;
}
@media (max-width: 1280px) {
  aside.ttCont .ttPannel > .bottom .dataList dt {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
aside.ttCont .ttPannel > .bottom .dataList dd {
  color: #555;
}

aside.rightFloating {
  position: absolute;
  right: 2rem;
  top: 42rem;
  z-index: 2;
}
@media (max-width: 1280px) {
  aside.rightFloating {
    display: none;
  }
}
aside.rightFloating.isActive {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  right: -0.2rem;
  background: #f4f4f4;
  border-radius: 2.4rem 0 0 2.4rem;
  border: 1px solid #ccc;
  box-shadow: -0.4rem 0.4rem 1.2rem rgba(0, 0, 0, 0.1);
}
aside.rightFloating.isActive > .left {
  width: 100%;
  padding: 3rem 3rem 2rem;
  flex-direction: row;
  justify-content: space-between;
}
aside.rightFloating.isActive > .left > img {
  display: none;
}
aside.rightFloating.isActive > .left > p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.8rem;
  font-weight: 500;
}
aside.rightFloating.isActive > .left > p img {
  width: 1.8rem;
}
aside.rightFloating.isActive > .left > .btnFloating {
  width: 3.6rem;
  height: 3.6rem;
  transform: rotate(180deg);
}
aside.rightFloating.isActive > .left::before, aside.rightFloating.isActive > .left::after {
  display: none;
}
aside.rightFloating.isActive > .right {
  display: block;
  width: 32.7rem;
  padding: 0 3rem 6rem 3rem;
  border-radius: 2.4rem 0 0 2.4rem;
}
aside.rightFloating.isActive > .right .pageFloating {
  overflow: hidden;
  height: 34rem;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2rem 2rem 2rem 9.4rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2.4rem;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button:disabled::before,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a:disabled::before {
  background: #f0f0f0;
  color: #666;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button:disabled > div dl dd,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a:disabled > div dl dd {
  color: #666;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button::before,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a::before {
  content: "접수중";
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 2rem;
  top: 50%;
  width: 5.4rem;
  height: 5.4rem;
  background: #71a850;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 100%;
  transform: translateY(-50%);
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > strong,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > strong {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > div,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 1.2rem;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > div dl,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > div dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > div dl + dl,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > div dl + dl {
  margin-top: 0.4rem;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > div dl dt,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > div dl dt {
  font-size: 1rem;
  color: #555;
  padding: 0.3rem 0.6rem;
  border-radius: 10rem;
  background: #e5e5e5;
}
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide button > div dl dd,
aside.rightFloating.isActive > .right .pageFloating .swiper-wrapper .swiper-slide a > div dl dd {
  font-size: 1.4rem;
  font-weight: 500;
  color: #30660f;
}
aside.rightFloating.isActive > .right .pageFloating .controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 1rem;
  width: calc(100% - 6rem);
}
aside.rightFloating.isActive > .right .pageFloating .controller button[class*=pageFloating-] {
  width: 1.2rem;
  transform: none;
  margin: 0;
  left: auto;
  right: auto;
  position: relative;
}
aside.rightFloating.isActive > .right .pageFloating .controller button[class*=pageFloating-] img {
  transform: rotate(180deg);
}
aside.rightFloating.isActive > .right .pageFloating .controller button[class*=pageFloating-]::before {
  display: none;
}
aside.rightFloating.isActive > .right .pageFloating .controller button[class*=pageFloating-]::after {
  display: none;
}
aside.rightFloating.isActive > .right .pageFloating .controller button.pageFloating-next img {
  transform: rotate(0deg);
}
aside.rightFloating.isActive > .right .pageFloating .controller .pageFloating-pagin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  right: auto;
  left: auto;
  transform: none;
}
aside.rightFloating.isActive > .right .pageFloating .controller .pageFloating-pagin .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #ccc;
  opacity: 1;
}
aside.rightFloating.isActive > .right .pageFloating .controller .pageFloating-pagin .swiper-pagination-bullet-active {
  background: #000;
}
aside.rightFloating > .left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  position: relative;
}
aside.rightFloating > .left img {
  width: 5.8rem;
}
aside.rightFloating > .left > p {
  display: none;
}
aside.rightFloating > .left .btnFloating {
  transform: rotate(0deg);
  transition: all 0.2s ease 0.05s;
}
aside.rightFloating > .left .btnFloating img {
  width: 4.6rem;
}
aside.rightFloating > .left::before {
  content: "접수기간 안내";
  position: absolute;
  left: -13.5rem;
  top: -3rem;
  font-size: 1.4rem;
  text-align: right;
  color: #000;
  padding: 1.2rem;
  border-radius: 1.6rem 1.6rem 0 1.6rem;
  border: 0.2rem solid #40aa00;
  width: 10.5rem;
  word-break: keep-all;
}
aside.rightFloating > .left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  border: 1rem solid transparent;
  border-top-color: #40aa00;
  top: 0.8rem;
  left: -4rem;
  transform: rotate(45deg);
}
aside.rightFloating > .right {
  display: none;
}

footer {
  position: relative;
  margin-top: 7rem;
  background: #e9ecee;
}
@media (max-width: 1280px) {
  footer {
    margin-top: 4rem;
  }
}
footer > .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 180rem;
  margin: auto;
  padding: 6rem 1rem;
}
@media (max-width: 1280px) {
  footer > .wrapper {
    padding: 3rem 2rem;
  }
}
footer > .wrapper .util {
  width: 100%;
  margin: 0 auto 4rem;
}
@media (max-width: 1280px) {
  footer > .wrapper .util {
    margin: 0 auto 2rem;
  }
}
footer > .wrapper .util .left {
  width: 100%;
}
@media (max-width: 1280px) {
  footer > .wrapper .util .left {
    font-size: 1.2rem;
  }
}
footer > .wrapper .util .left ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  footer > .wrapper .util .left ul {
    gap: 1rem 2rem;
    flex-wrap: wrap;
  }
}
footer > .wrapper .util .left ul {
  width: 100%;
}
footer > .wrapper .util .left ul li {
  position: relative;
}
footer > .wrapper .util .left ul li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.2rem;
  background: #444;
  right: -2.5rem;
  top: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  footer > .wrapper .util .left ul li::before {
    right: -1rem;
  }
}
footer > .wrapper .util .left ul li:last-child::before {
  display: none;
}
footer > .wrapper .util .left ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  footer > .wrapper .util .left ul li a {
    gap: 1rem;
  }
}
footer > .wrapper .util .left ul li a strong {
  color: #40aa00;
}
footer > .wrapper .util .left ul li a > i {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
}
footer > .wrapper .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10rem;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
@media (max-width: 1280px) {
  footer > .wrapper .info {
    flex-direction: column;
    gap: 2rem;
  }
}
footer > .wrapper .info .left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  footer > .wrapper .info .left {
    gap: 3rem;
    flex-direction: column;
    font-size: 1.3rem;
  }
}
footer > .wrapper .info .left .logo {
  width: 22.3rem;
}
@media (max-width: 1280px) {
  footer > .wrapper .info .left .logo {
    order: 2;
    width: 100%;
    text-align: center;
  }
  footer > .wrapper .info .left .logo img {
    height: 3rem;
  }
}
footer > .wrapper .info .left .text address {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  footer > .wrapper .info .left .text address {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
footer > .wrapper .info .left .text address > p {
  font-weight: 700;
}
footer > .wrapper .info .left .text address > strong {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 700;
}
footer > .wrapper .info .left .text address > strong > span {
  font-weight: 400;
}
footer > .wrapper .info .left .text .refMsg {
  font-size: 1.6rem;
  margin-top: 0.6rem;
  color: #555;
}
@media (max-width: 1280px) {
  footer > .wrapper .info .left .text .refMsg {
    font-size: 1.3rem;
  }
}
footer > .wrapper .info .left .text .copyright {
  font-size: 1.2rem;
  color: #777;
  margin-top: 1.5rem;
}
footer > .wrapper .info .right .formSelect .select {
  width: 21rem;
  color: #fff;
  background: #5b6670 url(../img/icon/form_selectIcon_w.png) no-repeat center right 1.5rem/1.2rem 0.8rem;
}
footer > .wrapper .info .right .formSelect .select.isActive, footer > .wrapper .info .right .formSelect .select:hover, footer > .wrapper .info .right .formSelect .select:focus {
  color: #000;
  background: #5b6670 url(../img/icon/form_selectIcon.png) no-repeat center right 1.5rem/1.2rem 0.8rem;
}

main {
  position: relative;
}
main > .container {
  max-width: 180rem;
  min-height: 30rem;
  margin: auto;
}

[data-page=main] main .container {
  max-width: none;
}
[data-page=main] main .container .swiperContainer {
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer {
    height: 100vh;
    height: 100dvh;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper {
  height: 100%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper {
  height: 100%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 h2.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66.8rem;
  z-index: 2;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 h2.text {
    width: 28rem;
    top: calc(50% - 10rem);
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont {
  position: absolute;
  width: 40rem;
  top: 50%;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #fff;
  padding: 4rem;
  border-radius: 0 3rem 3rem 0;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 2rem;
    transform: none;
    border-radius: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li {
  position: relative;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li + li {
  margin-top: 1.8rem;
  padding-top: 1.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li + li {
    margin: 0;
    padding: 0;
    border: none;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a {
    flex-direction: column;
    gap: 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 12rem;
  height: 12rem;
  border-radius: 1.6rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.25);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > i {
    width: 8rem;
    height: 8rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > i img {
  max-width: 6.6rem;
  max-height: 6.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > i img {
    max-width: 4rem;
    max-height: 4rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div {
  flex: 1;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div > strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.8rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div > strong {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div > span {
    display: none;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .btnCont > li > a > div > span img {
  width: 0.6rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper {
  height: 100%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .mainKeyVisual {
  height: 100%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .mainKeyVisual > .swiper-wrapper > .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller {
  bottom: 10rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller .mainKeyVisual-pagin {
  width: auto;
  gap: 0.6rem;
  padding: 1rem;
  bottom: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller .mainKeyVisual-pagin .swiper-pagination-bullet {
  width: 2rem;
  height: 0.6rem;
  opacity: 1;
  margin: 0;
  background: #fff;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller .mainKeyVisual-pagin .swiper-pagination-bullet-active {
  width: 9rem;
  background: #40aa00;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller [class^=swiper-button] {
  position: relative;
  width: 4rem;
  height: 4rem;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  margin: 0;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller [class^=swiper-button] img {
  width: 1.2rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec1 .unitSwiper .controller [class^=swiper-button].swiper-button-prev img {
  transform: rotate(180deg);
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 {
  background-image: url("../img/main/visual_02.png");
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 9rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 50%;
  top: calc(50% + 5rem);
  transform: translate(-50%, -50%);
  zoom: 1;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8rem 2rem;
    left: auto;
    top: auto;
    transform: none;
    height: 100%;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit {
  color: #fff;
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-top: 15rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit {
    font-size: 4rem;
    margin-top: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2.7rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit > span {
    margin-bottom: 1.6rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit > span > i {
  color: #b2b2b2;
  font-style: normal;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit > img {
  width: 18.2rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .secTit > img {
    width: 12rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont {
  position: relative;
  padding: 0 2rem;
  z-index: 2;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont {
    margin-top: 3rem;
    padding: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details:nth-child(2) summary {
  bottom: 16rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details:nth-child(2) summary {
    bottom: auto;
    left: calc(50% + 1rem);
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details[open] summary {
  background: #40aa00;
  font-weight: 600;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details summary {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  width: 34rem;
  height: 10rem;
  font-size: 3.6rem;
  font-weight: 300;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10rem;
  left: -40rem;
  bottom: 27rem;
  list-style: none;
  cursor: pointer;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details summary {
    width: 15rem;
    height: 6rem;
    font-size: 2rem;
    left: calc(50% - 16rem);
    bottom: auto;
    top: -8rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details summary::marker {
  display: none;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel {
  width: 117rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel {
    width: 100%;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  padding: 8rem;
  background: #fff;
  border-radius: 6rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.6);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul {
    padding: 2rem;
    border-radius: 1.6rem;
    gap: 3rem 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li {
  width: calc(25% - 5.3rem);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li {
    width: calc(33.333% - 1rem);
  }
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li:has(button:disabled) {
    display: none;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button {
  gap: 1.6rem;
  flex-wrap: wrap;
  outline: 1px solid transparent;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button:disabled i {
  border-color: #f6f6f6;
  box-shadow: none;
  outline: 1px solid #d5d5d5;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button:disabled i img {
  filter: grayscale(100%);
  opacity: 0.3;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
  border: 3rem solid #40aa00;
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.3);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button i {
    width: 10rem;
    height: 10rem;
    border-width: 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button i img {
  width: 9.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button i img {
    width: 5rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button span {
  font-size: 2.4rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec2 .innerWrapper .tabCont details > .pannel ul li > button span {
    font-size: 1.6rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 {
  background-image: url("../img/main/visual_03.png");
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 9rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 50%;
  top: calc(50% + 5rem);
  transform: translate(-50%, -50%);
  zoom: 1;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper {
    gap: 4rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8rem 2rem;
    left: auto;
    top: auto;
    transform: none;
    height: 100%;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit {
  color: #fff;
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-top: 22rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit {
    font-size: 4rem;
    margin-top: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2.7rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit > span {
    margin-bottom: 1.6rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit > span > i {
  color: #b2b2b2;
  font-style: normal;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit > img {
  width: 18.2rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .secTit > img {
    width: 12rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont {
  position: relative;
  width: 117rem;
  padding: 0 2rem;
  z-index: 2;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont {
    width: 100%;
    padding: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li {
  position: relative;
  width: calc(50% - 0.8rem);
  border-radius: 2.4rem;
  overflow: hidden;
  border-radius: 1.2rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(2) > .tit {
  background: #57b2b7;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(3) > .tit {
  background: #6c96df;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(3) > .list {
  padding-top: 4.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(3) > .list {
    padding-top: 2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(4) > .tit {
  background: #caa023;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(4) > .list {
  padding-top: 4.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li:nth-child(4) > .list {
    padding-top: 2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > i {
  position: absolute;
  top: 2rem;
  left: 3rem;
  height: 26rem;
  width: 18rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > i {
    top: 1.7rem;
    height: 5rem;
    width: 4rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > i img {
  height: 100%;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .tit {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
  background: #57b78d;
  color: #fff;
  padding: 4rem 7rem 2rem 25rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .tit {
    font-size: 2rem;
    padding: 2rem 3rem 2rem 8rem;
    white-space: nowrap;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list {
  height: 20.6rem;
  background: #fff;
  padding: 2rem 7rem 4rem 25rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list {
    height: auto;
    padding: 2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1.2rem 1.8rem;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 10rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list > a {
    padding: 0.6rem 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list > a + a {
  margin-top: 1rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list > a i {
  width: 1rem;
  height: 1.6rem;
  background: url(../img/main/03_arrow.png) no-repeat center center/contain;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec3 .innerWrapper .cont > ul > li > .list > a i {
    widtdh: 0.8rem;
    height: 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 {
  background-image: url("../img/main/visual_04.png");
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/main/04_1.png) no-repeat center left/73.1rem auto;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .bg {
    display: none;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 9rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 50%;
  top: calc(50% + 5rem);
  transform: translate(-50%, -50%);
  zoom: 1;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper {
    gap: 4rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8rem 2rem;
    left: auto;
    top: auto;
    transform: none;
    height: 100%;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit {
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 800;
  text-align: center;
  margin-top: 22rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit {
    font-size: 4rem;
    margin-top: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 2.7rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit > span {
    margin-bottom: 1.6rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit > span > i {
  color: #b2b2b2;
  font-style: normal;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit > img {
  width: 18.2rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .secTit > img {
    width: 12rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont {
  position: relative;
  width: 117rem;
  padding: 5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 6rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  z-index: 2;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont {
    width: 100%;
    padding: 2rem 3rem;
    border-radius: 1.6rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul {
  border-bottom: 1px solid #ccc;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li + li {
  border-top: 1px solid #ccc;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a {
  position: relative;
  display: block;
  padding: 4rem 14rem 4rem 4rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a {
    padding: 2rem 6rem 2rem 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:hover .tit, [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:focus .tit {
  font-weight: 600;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:hover .desc span, [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:focus .desc span {
  background: #40aa00;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:hover .imgArea, [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:focus .imgArea {
  display: block;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:hover .imgArea, [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:focus .imgArea {
    display: none;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:after {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  background: url(../img/main/04_arrow.png) no-repeat center center/contain;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a:after {
    width: 3rem;
    height: 3rem;
    right: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .tit {
  font-size: 3rem;
  line-height: 1;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .tit {
    font-size: 2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.8rem;
  color: #555;
  margin-top: 1.6rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .desc {
    font-size: 1.4rem;
    margin-top: 0.8rem;
    gap: 1rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .desc > span {
  font-weight: 600;
  color: #fff;
  background: #8ba3b9;
  padding: 0.6rem 1.8rem;
  line-height: 1;
  border-radius: 10rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .imgArea {
  position: absolute;
  display: none;
  width: 30rem;
  height: 20rem;
  border-radius: 2rem;
  padding: 1rem;
  background: #5b6670;
  top: -18rem;
  left: 30rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .imgArea::before {
  content: "";
  position: absolute;
  left: calc(50% - 0.5rem);
  bottom: -1.9rem;
  width: 1px;
  height: 1px;
  border: 1rem solid transparent;
  border-top-color: #5b6670;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont > ul > li > a .imgArea img {
  border-radius: 2rem;
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea {
    justify-content: center;
    margin-top: 2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #f1f1f1;
  border: 1px solid #5b6670;
  border-radius: 10rem;
  padding: 1.1rem 3rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea a {
    gap: 2rem;
    font-size: 1.8rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea a img {
  width: 1.8rem;
  height: 1.8rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiper > .swiper-wrapper > .swiper-slide.sec4 .innerWrapper .cont .moreBtnArea a img {
    width: 1.2rem;
    height: 1.2rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiperController {
  width: auto;
  bottom: auto;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiperController {
    top: calc(50% + 4rem);
    right: 0;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin {
  flex-direction: column;
  gap: 0.6rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10rem;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin {
    padding: 0.5rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  opacity: 1;
  margin: 0;
  background: #fff;
  border: 1px solid #fff;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.4rem;
  }
}
[data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin .swiper-pagination-bullet-active {
  height: 4.8rem;
  border-color: #000;
  background: #40aa00;
}
@media (max-width: 1280px) {
  [data-page=main] main .container .swiperContainer .mainSwiperController .mainSwiper-pagin .swiper-pagination-bullet-active {
    border: None;
  }
}
@media (max-width: 1620px) {
  [data-page=main] main .container .innerWrapper {
    zoom: 0.9 !important;
  }
}
@media (max-width: 1420px) {
  [data-page=main] main .container .innerWrapper {
    zoom: 0.8 !important;
  }
}
@media (max-width: 1260px) {
  [data-page=main] main .container .innerWrapper {
    zoom: 0.7 !important;
  }
}
[data-page=main] footer {
  margin-top: 0;
}
[data-page=main].isEnd footer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  background: transparent;
  top: -30%;
  z-index: 1;
}
[data-page=main].isEnd footer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background: transparent;
  top: -190%;
  z-index: 1;
}

.topBanner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 36rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  .topBanner {
    height: 18rem;
  }
}
.topBanner[data-banner=lecture] {
  background-image: url(../img/sub/topBanner01.png);
}
.topBanner[data-banner=rental] {
  background-image: url(../img/sub/topBanner02.png);
}
.topBanner[data-banner=parking] {
  background-image: url(../img/sub/topBanner03.png);
}
.topBanner[data-banner=life] {
  background-image: url(../img/sub/topBanner04.png);
}
.topBanner[data-banner=using] {
  background-image: url(../img/sub/topBanner05.png);
}
.topBanner[data-banner=customer] {
  background-image: url(../img/sub/topBanner06.png);
}
.topBanner[data-banner=mypage] {
  background-image: url(../img/sub/topBanner07.png);
}
.topBanner .bannerTit {
  font-size: 6rem;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 1280px) {
  .topBanner .bannerTit {
    font-size: 3rem;
  }
}
.topBanner .breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 1.6rem auto 6rem;
}
@media (max-width: 1280px) {
  .topBanner .breadcrumb {
    margin: 1.2rem auto 3rem;
  }
}
.topBanner .breadcrumb .btnHome {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 4.2rem;
  height: 4.2rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10rem 0 0 10rem;
}
@media (max-width: 1280px) {
  .topBanner .breadcrumb .btnHome {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.topBanner .breadcrumb .btnHome img {
  width: 1.6rem;
}
@media (max-width: 1280px) {
  .topBanner .breadcrumb .btnHome img {
    width: 0.8rem;
  }
}
.topBanner .breadcrumb .formSelect .select {
  min-width: 18rem;
  height: 4.2rem;
  padding: 0 8rem 0 1.2rem;
  background: rgba(255, 255, 255, 0.2) url(../img/icon/select_arrow.png) no-repeat center right 1.6rem/1.7rem 1.7rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  color: #fff;
}
@media (max-width: 1280px) {
  .topBanner .breadcrumb .formSelect .select {
    width: 12rem !important;
    min-width: 8rem;
    height: 2.4rem;
    font-size: 1.2rem;
    padding: 0 2rem 0 1.2rem;
    background-size: 1.2rem 1.2rem;
    background-position: center right 0.5rem;
  }
  .topBanner .breadcrumb .formSelect .select span {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.topBanner .breadcrumb .formSelect:last-child .select {
  border-radius: 0 10rem 10rem 0;
}

[data-page=sub] .container {
  max-width: 130rem;
  padding: 6rem 1rem 12rem;
}
@media (max-width: 1280px) {
  [data-page=sub] .container {
    max-width: 100%;
    padding: 3rem 2rem 6rem;
  }
}

[data-page=login] .container {
  max-width: 130rem;
  padding: 18rem 1rem 12rem;
}
@media (max-width: 1280px) {
  [data-page=login] .container {
    max-width: 100%;
    padding: 10rem 2rem 6rem;
  }
}

.pageTit {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 3rem;
}
.pageTit.center {
  text-align: center;
}
@media (max-width: 1280px) {
  .pageTit {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
.pageTit > small {
  font-size: 1.8rem;
  color: #ff6600;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .pageTit > small {
    display: block;
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }
}

.midTit {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.2rem;
}
@media (max-width: 1280px) {
  .midTit {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
.midTit.center {
  text-align: center;
}
.midTit > small {
  font-size: 1.6rem;
  color: #ff6600;
  font-weight: 500;
}
.midTit > small em {
  font-weight: 400;
  color: #555;
}
@media (max-width: 1280px) {
  .midTit > small {
    display: block;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
}

.txtWarning {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #f10000;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .txtWarning {
    font-size: 1.2rem;
  }
}
.txtWarning img {
  width: 1.6rem;
  margin-top: 0.2rem;
}
@media (max-width: 1280px) {
  .txtWarning img {
    width: 1.4rem;
  }
}

.tblBtn {
  padding: 0.4rem 1.6rem;
  font-size: 1.6rem;
  min-width: 9rem;
  min-height: 2.6rem;
  color: #000;
  border-radius: 10rem;
}
.tblBtn.primary {
  background: #40aa00;
  color: #fff;
}
.tblBtn:disabled {
  background: #dfdfdf;
  color: #555;
}

.bbsDtl .topArea .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1rem;
  border-top: 0.2rem solid #000;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1280px) {
  .bbsDtl .topArea .info {
    gap: 0.6rem;
    padding: 1rem 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.bbsDtl .topArea .info .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bbsDtl .topArea .info .right dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bbsDtl .topArea .info .right dl dt {
  color: #666;
}
.bbsDtl .topArea .info .right dl dd {
  font-weight: 500;
  color: #000;
}
.bbsDtl .contArea {
  padding: 1rem;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 1280px) {
  .bbsDtl .contArea {
    padding: 1rem 0;
  }
}
.bbsDtl .contArea > .cont {
  padding: 4rem 0;
}
@media (max-width: 1280px) {
  .bbsDtl .contArea > .cont {
    padding: 2rem 0;
  }
}
.bbsDtl .bottomArea {
  margin-top: 2rem;
  padding: 2rem;
  border: 1px solid #aaa;
  border-radius: 2rem;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea {
    border-radius: 1.2rem;
  }
}
.bbsDtl .bottomArea dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
}
.bbsDtl .bottomArea dl.next dt > i {
  transform: rotate(90deg);
}
.bbsDtl .bottomArea dl + dl {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ccc;
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea dl + dl {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.bbsDtl .bottomArea dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 9.4rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  background: #f8f8f8;
  border-radius: 10rem;
  border: 1px solid #ccc;
  padding: 0.6rem;
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea dl dt {
    min-width: 7rem;
    font-size: 1.4rem;
    padding: 0.3rem;
  }
}
.bbsDtl .bottomArea dl dt > i {
  width: 1.4rem;
  height: 1rem;
  background: url(../img/icon/arrow_blk2.png) no-repeat center center/contain;
  transform: rotate(-90deg);
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea dl dt > i {
    width: 1rem;
  }
}
.bbsDtl .bottomArea dl dd {
  position: relative;
  width: 100%;
}
.bbsDtl .bottomArea dl dd > a {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 15rem);
  font-size: 1.8rem;
  color: #555;
}
@media (max-width: 1280px) {
  .bbsDtl .bottomArea dl dd > a {
    font-size: 1.4rem;
    max-width: 100%;
  }
}

i.badge {
  display: block;
  margin: auto;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.4rem 2rem 0.4rem 1.2rem;
  width: 12rem;
  border-radius: 0.4rem 10rem 10rem 0.4rem;
  color: #000;
  background: #dfdfdf;
}
@media (max-width: 1280px) {
  i.badge {
    font-size: 1.2rem;
    padding: 0.2rem 1rem 0.2rem 0.6rem;
    width: 9rem;
  }
}
i.badge.blk {
  color: #fff;
  background: #000;
}
i.badge.red {
  color: #fff;
  background: #c46c31;
}
i.badge.green {
  color: #fff;
  background: #518b2f;
}

.topRadioBox {
  background: #edf1eb;
  border: 0.2rem solid #40aa00;
  padding: 4rem;
  border-radius: 2.4rem;
  box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  .topRadioBox {
    padding: 2rem;
    border-radius: 1.6rem;
  }
}
.topRadioBox > dl {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 2rem;
}
@media (max-width: 1280px) {
  .topRadioBox > dl {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
  }
}
.topRadioBox > dl + dl {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #b8c5b0;
}
.topRadioBox > dl > dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  height: 5.2rem;
  min-width: 12rem;
  padding-left: 1.6rem;
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dt {
    height: auto;
    font-size: 1.8rem;
    padding-left: 0;
  }
}
.topRadioBox > dl > dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #ababab;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dt::before {
    display: none;
  }
}
.topRadioBox > dl > dd {
  flex: 1;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd {
    width: 100%;
  }
}
.topRadioBox > dl > dd .formGroup {
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup {
    width: 100%;
  }
}
.topRadioBox > dl > dd .formGroup .formRadio {
  width: calc(20% - 0.8rem);
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio {
    width: calc(50% - 0.5rem);
  }
}
.topRadioBox > dl > dd .formGroup .formRadio > input:checked + label:has(i):before {
  background: #40aa00;
  border: 1px solid #447427;
  width: 100%;
  height: 100%;
}
.topRadioBox > dl > dd .formGroup .formRadio > input:checked + label:has(i) > span > i {
  background: #fff;
}
.topRadioBox > dl > dd .formGroup .formRadio > label {
  justify-content: flex-start;
  padding: 0 1.8rem;
  height: 5.2rem;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio > label {
    padding: 0.6rem 0.8rem;
    height: auto;
    min-height: 3.4rem;
  }
}
.topRadioBox > dl > dd .formGroup .formRadio > label:has(i) {
  padding: 0 1.8rem 0 4.6rem;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio > label:has(i) {
    padding: 0 1.6rem 0 3rem;
  }
}
.topRadioBox > dl > dd .formGroup .formRadio > label > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio > label > span {
    gap: 0.6rem;
    text-align: center;
    word-break: break-all;
  }
}
.topRadioBox > dl > dd .formGroup .formRadio > label > span i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  left: 0.6rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #e4e4e4;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio > label > span i {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.topRadioBox > dl > dd .formGroup .formRadio > label > span i img {
  width: 2.4rem;
}
@media (max-width: 1280px) {
  .topRadioBox > dl > dd .formGroup .formRadio > label > span i img {
    width: 1.6rem;
  }
}

.periodCont {
  margin-top: 6rem;
}
@media (max-width: 1280px) {
  .periodCont {
    margin-top: 3rem;
  }
}
.periodCont.single {
  margin-top: 1.2rem;
}
@media (max-width: 1280px) {
  .periodCont.single {
    margin-top: 0.8rem;
  }
}
.periodCont[open] summary > small::before {
  content: "닫기";
}
.periodCont[open] summary > small::after {
  transform: rotate(0deg);
}
.periodCont summary {
  position: relative;
}
.periodCont summary > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  position: relative;
  font-size: 2.5rem;
  padding-right: 2rem;
  width: auto;
  background: #fff;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .periodCont summary > span {
    font-size: 1.6rem;
    padding-right: 1rem;
  }
}
.periodCont summary > span strong {
  color: #40aa00;
}
.periodCont summary > span img {
  width: 2.2rem;
}
@media (max-width: 1280px) {
  .periodCont summary > span img {
    width: 1.2rem;
  }
}
.periodCont summary > small {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 2rem;
  background: #fff;
}
@media (max-width: 1280px) {
  .periodCont summary > small {
    padding-left: 1rem;
  }
}
.periodCont summary > small::before {
  content: "열기";
  padding: 0.5rem 4.2rem 0.5rem 1.6rem;
  background: #f9f9f9;
  border: 1px solid #aaa;
  border-radius: 10rem;
  font-size: 1.8rem;
  color: #000;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  .periodCont summary > small::before {
    padding: 0.4rem 2rem 0.4rem 0.8rem;
    font-size: 1.2rem;
  }
}
.periodCont summary > small::after {
  content: "";
  position: absolute;
  top: 0.7rem;
  right: 1.6rem;
  width: 1.5rem;
  height: 1rem;
  background: url(../img/icon/acc_arrow.png) no-repeat center center/contain;
  transform: rotate(180deg);
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  .periodCont summary > small::after {
    right: 0.8rem;
    width: 1rem;
    height: 0.6rem;
    top: 0.5rem;
  }
}
.periodCont summary:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.periodCont .innerWrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 1.6rem;
  background: #f2f2f2;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap {
    margin-top: 1rem;
    padding: 1rem 0;
  }
}
.periodCont .innerWrap:has(.applyNotice) {
  background: #fff;
}
.periodCont .innerWrap .applyNotice {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide {
  padding: 2.4rem 3rem;
  border-radius: 2rem;
  height: 22rem;
  background: #f2f2f2;
  text-align: left;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide {
    padding: 2rem;
    height: 16rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > p {
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > p {
    font-size: 1.2rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  margin-top: 0.6rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > strong {
    font-size: 1.6rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  color: #515e6b;
  padding: 0.6rem 1.6rem;
  background: #e3eaf1;
  border-radius: 10rem;
  margin-top: 3.6rem;
  width: 12rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > a {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > a > img {
  width: 0.8rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > a > img {
    width: 0.5rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > i {
  position: absolute;
  right: 3rem;
  bottom: 2.4rem;
  width: 9rem;
  height: 9rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > i {
    width: 6rem;
    height: 6rem;
    right: 2rem;
    bottom: 2rem;
  }
}
.periodCont .innerWrap .applyNotice .swiper-wrapper .swiper-slide > i > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.periodCont .innerWrap .applyNotice .controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  margin-top: 1rem;
}
.periodCont .innerWrap .applyNotice .controller button[class*=applyNotice-] {
  width: 2.2rem;
  transform: none;
  margin: 0;
  left: auto;
  right: auto;
  position: relative;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .controller button[class*=applyNotice-] {
    width: 1rem;
  }
}
.periodCont .innerWrap .applyNotice .controller button[class*=applyNotice-] img {
  transform: rotate(180deg);
}
.periodCont .innerWrap .applyNotice .controller button[class*=applyNotice-]::before {
  display: none;
}
.periodCont .innerWrap .applyNotice .controller button[class*=applyNotice-]::after {
  display: none;
}
.periodCont .innerWrap .applyNotice .controller button.applyNotice-next img {
  transform: rotate(0deg);
}
.periodCont .innerWrap .applyNotice .controller .applyNotice-pagin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  right: auto;
  left: auto;
  bottom: auto;
  transform: none;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .controller .applyNotice-pagin {
    gap: 0.6rem;
  }
}
.periodCont .innerWrap .applyNotice .controller .applyNotice-pagin .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #ccc;
  opacity: 1;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap .applyNotice .controller .applyNotice-pagin .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.periodCont .innerWrap .applyNotice .controller .applyNotice-pagin .swiper-pagination-bullet-active {
  background: #000;
}
.periodCont .innerWrap > dl {
  position: relative;
  width: calc(33.333% - 2.4rem);
}
@media (max-width: 1280px) {
  .periodCont .innerWrap > dl {
    width: 100%;
    padding: 2rem;
  }
}
@media (max-width: 1280px) {
  .periodCont .innerWrap > dl + dl {
    margin-top: -6rem;
  }
}
.periodCont .innerWrap > dl + dl::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.8rem;
  width: 1px;
  height: 100%;
  background: #cacaca;
}
.periodCont .innerWrap > dl + :nth-child(3n+1)::before {
  display: none;
}
.periodCont .innerWrap > dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 1.2rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap > dl dt {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
.periodCont .innerWrap > dl dt::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../img/icon/check_green.png) no-repeat center center/contain;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap > dl dt::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.periodCont .innerWrap > dl dd {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: #40aa00;
  padding: 1.2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
@media (max-width: 1280px) {
  .periodCont .innerWrap > dl dd {
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
  }
}

.applyList {
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .applyList {
    margin-top: 1.5rem;
  }
}
.applyList.type2 > li {
  gap: 5rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li {
    gap: 1.6rem;
  }
}
.applyList.type2 > li > .left .tit {
  margin-top: 0;
}
.applyList.type2 > li > .right .dtl {
  margin: 0;
}
.applyList.type2 > li > .right .state {
  margin: 2rem auto;
  padding: 1.2rem 1.8rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList.type2 > li > .right .state {
    margin: 1rem auto;
  }
}
.applyList.type2 > li > .right .state dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.8rem;
  color: #555;
}
@media (max-width: 1280px) {
  .applyList.type2 > li > .right .state dt {
    font-size: 1.6rem;
    gap: 0.5rem;
  }
}
.applyList.type2 > li > .right .state dt img {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li > .right .state dt img {
    width: 1.2rem;
  }
}
.applyList.type2 > li > .right .state dd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList.type2 > li > .right .state dd {
    gap: 1.5rem;
  }
}
.applyList.type2 > li > .right .state dd img {
  width: 0.8rem;
}
.applyList.type2 > li > .right .state dd strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  .applyList.type2 > li > .right .state dd strong {
    font-size: 1.4rem;
  }
}
.applyList.type2 > li .dtlParking .btnLocation {
  gap: 1rem;
  background: #5b6670;
  padding: 0.6rem 1.2rem;
  border-radius: 10rem;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking .btnLocation {
    margin-top: 1.5rem;
  }
}
.applyList.type2 > li .dtlParking .btnLocation .map {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking .btnLocation .map {
    width: 1.6rem;
  }
}
.applyList.type2 > li .dtlParking .btnLocation > span {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking .btnLocation > span {
    font-size: 1.6rem;
  }
}
.applyList.type2 > li .dtlParking .btnLocation .arrow {
  width: 0.8rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking .btnLocation .arrow {
    width: 0.6rem;
  }
}
.applyList.type2 > li .dtlParking > dl {
  position: relative;
  margin-top: 2.4rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl {
    margin-top: 1.2rem;
  }
}
.applyList.type2 > li .dtlParking > dl::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccd3da;
  top: 1.6rem;
}
.applyList.type2 > li .dtlParking > dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  background: #fff;
  border: 1px solid #ccd3da;
  padding: 0.6rem 1.2rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  border-radius: 10rem;
  margin-bottom: 1.2rem;
  width: 14rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dt {
    width: 12rem;
    font-size: 1.4rem;
    justify-content: flex-start;
  }
}
.applyList.type2 > li .dtlParking > dl dt img {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dt img {
    width: 1.6rem;
  }
}
.applyList.type2 > li .dtlParking > dl dd {
  margin-top: 1.2rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dd {
    margin-top: 0.6rem;
  }
}
.applyList.type2 > li .dtlParking > dl dd ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.8rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dd ul {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.applyList.type2 > li .dtlParking > dl dd ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.applyList.type2 > li .dtlParking > dl dd ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.6rem;
  font-weight: 500;
  color: #555;
  padding: 0.6rem 1.2rem;
  background: #eee;
  border-radius: 10rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dd ul li span {
    font-size: 1.2rem;
    padding: 0.4rem 1.2rem;
  }
}
.applyList.type2 > li .dtlParking > dl dd ul li span img {
  width: 0.8rem;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dd ul li span img {
    width: 0.6rem;
  }
}
.applyList.type2 > li .dtlParking > dl dd ul li strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  .applyList.type2 > li .dtlParking > dl dd ul li strong {
    font-size: 1.6rem;
  }
}
.applyList > li {
  display: flex;
  justify-content: center;
  align-items: flex-strt;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  background: #fff;
  padding: 3rem 5rem;
  border-radius: 2.4rem;
  border: 1px solid #ccc;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  .applyList > li {
    padding: 2rem;
    flex-direction: column;
  }
}
.applyList > li + li {
  margin-top: 1.6rem;
}
.applyList > li[data-state=disabled] {
  opacity: 0.4;
}
.applyList > li[data-state=disabled] > .left .dtl dl dt > img {
  filter: grayscale(1);
}
.applyList > li[data-state=disabled] > .right .btnCta {
  background: #9d9c9c;
}
.applyList > li > .left {
  flex: 1;
}
@media (max-width: 1280px) {
  .applyList > li > .left {
    width: 100%;
  }
}
.applyList > li > .left .tag {
  position: absolute;
  top: 0;
  left: 5rem;
  font-size: 1.8rem;
  color: #fff;
  padding: 1rem 1.6rem;
  background: #5b6670;
  border-radius: 0 0 1.2rem 1.2rem;
}
@media (max-width: 1280px) {
  .applyList > li > .left .tag {
    left: 2rem;
    font-size: 1.2rem;
    padding: 0.6rem 1.6rem;
  }
}
.applyList > li > .left .tit {
  margin-top: 3rem;
  font-size: 2.6rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .applyList > li > .left .tit {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}
.applyList > li > .left .dtl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl {
    gap: 1rem 1.5rem;
    margin-top: 1.5rem;
  }
}
.applyList > li > .left .dtl dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl dl {
    gap: 0.6rem;
  }
}
.applyList > li > .left .dtl dl.full {
  width: 100%;
}
.applyList > li > .left .dtl dl dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #555;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl dl dt {
    gap: 0.3rem;
  }
}
.applyList > li > .left .dtl dl dt > img {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl dl dt > img {
    width: 1.2rem;
  }
}
.applyList > li > .left .dtl dl dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl dl dd {
    font-size: 1.3rem;
  }
}
.applyList > li > .left .dtl dl dd > img {
  width: 0.8rem;
}
@media (max-width: 1280px) {
  .applyList > li > .left .dtl dl dd > img {
    width: 0.5rem;
  }
}
.applyList > li > .right {
  width: 40rem;
  padding: 0 0 0 5rem;
  border-left: 0.3rem dotted #aaa;
}
@media (max-width: 1280px) {
  .applyList > li > .right {
    padding: 0;
    width: 100%;
    border: none;
  }
}
.applyList > li > .right .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList > li > .right .desc {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
}
.applyList > li > .right .desc dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyList > li > .right .desc dl {
    gap: 0.3rem;
  }
}
.applyList > li > .right .desc dl dt {
  font-size: 2rem;
  color: #fff;
  width: 8rem;
  border-radius: 10rem;
  background: #7a7a7a;
  text-align: center;
  padding: 0.6rem;
  line-height: 1;
}
@media (max-width: 1280px) {
  .applyList > li > .right .desc dl dt {
    font-size: 1.3rem;
    padding: 0.4rem 0.6rem;
    width: 6rem;
  }
}
.applyList > li > .right .desc dl dd {
  font-size: 1.8rem;
  color: #000;
}
@media (max-width: 1280px) {
  .applyList > li > .right .desc dl dd {
    font-size: 1.6rem;
  }
}
.applyList > li > .right .dtl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 3rem auto 1.8rem;
}
@media (max-width: 1280px) {
  .applyList > li > .right .dtl {
    gap: 0.6rem;
    margin: 1.5rem auto 1rem;
  }
}
.applyList > li > .right .dtl dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.2rem;
  color: #555;
}
@media (max-width: 1280px) {
  .applyList > li > .right .dtl dl {
    font-size: 1.6rem;
  }
}
.applyList > li > .right .dtl dl dd strong {
  font-weight: 500;
  color: #000;
}
.applyList > li > .right .dtl dl dd em {
  font-weight: 700;
  color: #ff5e00;
}
.applyList > li > .right .btnCta {
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 1.8rem 2.4rem;
  background: #71a850;
  color: #fff;
  width: 100%;
  font-size: 2.4rem;
  font-weight: 600;
  border-radius: 1rem;
}
@media (max-width: 1280px) {
  .applyList > li > .right .btnCta {
    font-size: 1.8rem;
    padding: 0.8rem 2.4rem;
  }
}
.applyList > li > .right .btnCta img {
  width: 2.2rem;
}
@media (max-width: 1280px) {
  .applyList > li > .right .btnCta img {
    width: 1.4rem;
  }
}

.applyCont {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyCont {
    flex-direction: column;
    gap: 2rem;
  }
}
.applyCont > .left {
  flex: 1;
  padding-bottom: 4rem;
}
@media (max-width: 1280px) {
  .applyCont > .left {
    width: 100%;
    padding-bottom: 2rem;
  }
}
.applyCont > .left > dl + dl {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl + dl {
    margin-top: 2rem;
  }
}
.applyCont > .left > dl > dt {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
  color: #427b20;
  padding: 0.9rem 1.4rem;
  background-color: #f0f3ee;
  border-left: 0.6rem solid #427b20;
  border-radius: 0.6rem;
}
.applyCont > .left > dl > dt small {
  font-size: 1.4rem;
  color: #666;
  font-weight: 400;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dt small {
    display: block;
    font-size: 1.2rem;
    margin-top: 0.4rem;
  }
}
.applyCont > .left > dl > dt.type2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #fff;
  border-left: none;
  position: relative;
  padding: 0 0 0 1.6rem;
}
.applyCont > .left > dl > dt.type2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.6rem;
  background: #427b20;
  height: 100%;
  border-radius: 10rem;
}
.applyCont > .left > dl > dt .right .mark {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
}
.applyCont > .left > dl > dt .right .mark li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.applyCont > .left > dl > dt .right .mark li i {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #ccc;
}
.applyCont > .left > dl > dt .right .mark li i.dis {
  background: #eee;
}
.applyCont > .left > dl > dt .right .mark li i.check {
  background: #eaf7e1;
  border: 1px solid #2a5410;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dt {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    padding: 0.4rem 1rem;
  }
}
.applyCont > .left > dl > dd.box {
  padding: 3rem;
  border: 1px solid #ccc;
  border-radius: 1.4rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd.box {
    padding: 2rem;
  }
}
.applyCont > .left > dl > dd.box .info {
  padding: 0;
}
.applyCont > .left > dl > dd.box .unitTable {
  margin: -2rem;
}
.applyCont > .left > dl > dd > .tit {
  margin-bottom: 2.4rem;
  font-weight: 600;
  color: #000;
  padding-left: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd > .tit {
    margin-bottom: 1.2rem;
    padding-left: 1rem;
  }
}
.applyCont > .left > dl > dd .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  padding: 0 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info {
    gap: 1.2rem;
    padding: 0 1rem;
  }
}
.applyCont > .left > dl > dd .info.type2 > li {
  flex-direction: column;
  gap: 1.2rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info.type2 > li {
    gap: 0.6rem;
  }
}
.applyCont > .left > dl > dd .info.type2 > li > strong {
  font-weight: 600;
  color: #000;
}
.applyCont > .left > dl > dd .info.type2 > li > ul {
  padding-left: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info.type2 > li > ul {
    padding-left: 1rem;
  }
}
.applyCont > .left > dl > dd .info.typeForm > li {
  gap: 1rem;
}
.applyCont > .left > dl > dd .info.typeForm > li .required::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: url(../img/icon/required.png) no-repeat top center/contain;
  display: inline-block;
  margin-left: 0.3rem;
  vertical-align: 0.6rem;
}
.applyCont > .left > dl > dd .info.typeForm > li.col {
  flex-direction: column;
  align-items: flex-start;
}
.applyCont > .left > dl > dd .info.typeForm > li.col strong {
  font-weight: 700;
}
.applyCont > .left > dl > dd .info.typeForm > li strong {
  width: 10rem;
  padding-top: 1rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info.typeForm > li strong {
    min-width: 8rem;
    width: 8rem;
  }
}
.applyCont > .left > dl > dd .info.typeForm > li > ul > li::before {
  display: none;
}
.applyCont > .left > dl > dd .info > li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(50% - 2rem);
  color: #555;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info > li {
    width: 100%;
  }
}
.applyCont > .left > dl > dd .info > li.full {
  width: 100%;
}
.applyCont > .left > dl > dd .info > li > strong {
  font-weight: 500;
  color: #333;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info > li > strong {
    min-width: 6rem;
  }
}
.applyCont > .left > dl > dd .info > li > ul {
  width: 100%;
}
.applyCont > .left > dl > dd .info > li > ul > li {
  position: relative;
}
.applyCont > .left > dl > dd .info > li > ul > li::before {
  content: "-";
  position: absolute;
  left: -2rem;
  top: 0;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .info > li > ul > li::before {
    left: -1rem;
  }
}
.applyCont > .left > dl > dd .photo {
  width: 18rem;
  height: 20rem;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 1.2rem;
  background: #f8f8f8 url(../img/icon/list_human.png) no-repeat center center/9rem 10rem;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .photo {
    min-width: 16rem;
  }
}
.applyCont > .left > dl > dd .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  border-radius: 2.4rem;
  border: 1rem solid #fff;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .photo img {
    border-width: 0.8rem;
    border-radius: 1.8rem;
  }
}
.applyCont > .left > dl > dd .flexArea {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.applyCont > .left > dl > dd .innerText .feat {
  display: block;
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #555;
}
@media (max-width: 1280px) {
  .applyCont > .left > dl > dd .innerText .feat {
    marign-top: 0.4rem;
    font-size: 1.2rem;
  }
}
.applyCont > .right {
  width: 50rem;
  background: #f0f0f0;
  border-radius: 1.4rem;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .applyCont > .right {
    width: 100%;
  }
}
.applyCont > .right .extraText {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1.5rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1;
}
@media (max-width: 1280px) {
  .applyCont > .right .extraText {
    padding: 1.2rem;
    font-size: 1.6rem;
  }
}
.applyCont > .right .extraText img {
  width: 1.8rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .extraText img {
    width: 1.2rem;
  }
}
.applyCont > .right .extraText strong {
  font-weight: 600;
}
.applyCont > .right .paymentCont {
  border: 0.2rem solid #40aa00;
  border-radius: 1.4rem;
  background: #fff;
}
.applyCont > .right .paymentCont .stepUnit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
  border-bottom: 1px solid #40aa00;
}
.applyCont > .right .paymentCont .stepUnit > li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  flex: 1;
  height: 6rem;
  font-size: 2rem;
  background: linear-gradient(90deg, #fff, #d9d9d9);
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepUnit > li {
    height: 4rem;
    font-size: 1.6rem;
  }
}
.applyCont > .right .paymentCont .stepUnit > li span {
  padding-left: 1.6rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepUnit > li span {
    padding-left: 0.8rem;
  }
}
.applyCont > .right .paymentCont .stepUnit > li::after {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 100%;
  right: -2.5rem;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/icon/step_arrow.png);
  z-index: 1;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepUnit > li::after {
    right: -2rem;
  }
}
.applyCont > .right .paymentCont .stepUnit > li:last-child {
  background: #fff;
}
.applyCont > .right .paymentCont .stepUnit > li:last-child::after {
  display: none;
}
.applyCont > .right .paymentCont[data-step=step1] .stepUnit > li:nth-child(1) {
  background: #70a850;
  color: #fff;
  font-weight: 600;
}
.applyCont > .right .paymentCont[data-step=step1] .stepUnit > li:nth-child(1)::after {
  background-image: url(../img/icon/step_arrow_green.png);
}
.applyCont > .right .paymentCont[data-step=step2] .stepUnit > li:nth-child(2) {
  background: #70a850;
  color: #fff;
  font-weight: 600;
}
.applyCont > .right .paymentCont[data-step=step2] .stepUnit > li:nth-child(2)::after {
  background-image: url(../img/icon/step_arrow_green.png);
}
.applyCont > .right .paymentCont[data-step=step3] .stepUnit > li:nth-child(3) {
  background: #70a850;
  color: #fff;
  font-weight: 600;
}
.applyCont > .right .paymentCont .stepCont {
  padding: 2rem;
}
.applyCont > .right .paymentCont .stepCont .grayBox {
  padding: 2rem;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.applyCont > .right .paymentCont .stepCont .grayBox + * {
  margin-top: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox + * {
    margin-top: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl {
    gap: 1.5rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl + dl {
  margin-top: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl + dl {
    margin-top: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 {
  justify-content: space-between;
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #40aa00;
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd > button {
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  color: #000;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd > button {
    font-size: 1.4rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd > img {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd > img {
    width: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl.type2 > dd::before {
  display: none;
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl > dt {
  color: #333;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl > dt {
    min-width: 6rem;
  }
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl > dd {
  position: relative;
  color: #555;
}
.applyCont > .right .paymentCont .stepCont .grayBox > dl > dd::before {
  content: "-";
  position: absolute;
  left: -2rem;
  top: 0;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .grayBox > dl > dd::before {
    left: -1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox {
  padding: 0 2rem;
}
.applyCont > .right .paymentCont .stepCont .whiteBox + * {
  margin-top: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox + * {
    margin-top: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox > dl {
    gap: 1.5rem;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl + dl {
  margin-top: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox > dl + dl {
    margin-top: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #333;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox > dl > dt {
    min-width: 6rem;
    justify-content: flex-start;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl > dt button img {
  width: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox > dl > dt button img {
    width: 1.4rem;
  }
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl > dd {
  position: relative;
  color: #555;
}
.applyCont > .right .paymentCont .stepCont .whiteBox > dl > dd::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 1rem;
  background: url(../img/icon/arrow_blk2.png) no-repeat center center/contain;
  left: -1.7rem;
  top: 50%;
  opacity: 0.7;
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .whiteBox > dl > dd::before {
    left: -1.2rem;
  }
}
.applyCont > .right .paymentCont .stepCont .payBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1.2rem 2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  font-size: 2rem;
  color: #40aa00;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .payBox {
    font-size: 1.8rem;
    justify-content: center;
  }
}
.applyCont > .right .paymentCont .stepCont .payBox > strong:first-child {
  position: relative;
}
.applyCont > .right .paymentCont .stepCont .payBox > strong:first-child::after {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 1rem;
  background: url(../img/icon/arrow_blk2.png) no-repeat center center/contain;
  right: -1.7rem;
  top: 50%;
  opacity: 0.7;
  transform: translateY(-50%);
}
.applyCont > .right .paymentCont .stepCont .termsBox {
  margin-top: 2rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .termsBox {
    margin-top: 1rem;
  }
}
.applyCont > .right .paymentCont .stepCont .termsBox .refText {
  text-align: center;
  font-weight: 500;
  color: #ff6600;
  margin-bottom: 1.6rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .termsBox .refText {
    margin-bottom: 1.2rem;
  }
}
.applyCont > .right .paymentCont .stepCont .termsBox .innerWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .termsBox .innerWrap {
    gap: 0.6rem;
  }
}
.applyCont > .right .paymentCont .stepCont .termsBox .innerWrap > button {
  flex: 1;
  padding: 0 1.6rem;
}
@media (max-width: 1280px) {
  .applyCont > .right .paymentCont .stepCont .termsBox .innerWrap > button {
    padding: 0 1rem;
  }
}
.applyCont > .right .innerNoti {
  background: #f0f0f0;
  padding: 2.4rem;
  border-radius: 1.2rem;
  margin-bottom: 2rem;
}
.applyCont > .right .innerNoti > li {
  position: relative;
  font-size: 1.4rem;
  padding-left: 1.2rem;
}
.applyCont > .right .innerNoti > li::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: #ff0000;
}
.applyCont > .right .innerNoti > li + li {
  margin-top: 1.6rem;
}

.instList {
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  .instList {
    margin-top: 1.5rem;
  }
}
.instList > ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .instList > ul {
    gap: 1rem;
  }
}
.instList > ul > li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(50% - 1rem);
  background: #fff;
  padding: 3rem;
  border-radius: 2.4rem;
  border: 1px solid #ccc;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  .instList > ul > li {
    width: 100%;
    padding: 2rem;
  }
}
.instList > ul > li .left {
  width: 23.4rem;
  min-width: 23.4rem;
  height: 26rem;
  background: #f8f8f8 url(../img/icon/list_human.png) no-repeat center center/9rem 10rem;
  border: 1px solid #aaa;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .instList > ul > li .left {
    width: 12rem;
    min-width: 12rem;
    height: 16rem;
    background-size: 4.5rem 5rem;
  }
}
.instList > ul > li .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  border-radius: 2.4rem;
  border: 1rem solid #fff;
}
@media (max-width: 1280px) {
  .instList > ul > li .left img {
    border-width: 0.8rem;
    border-radius: 1.8rem;
  }
}
.instList > ul > li .right {
  flex: 1;
}
.instList > ul > li .right .name {
  margin: 1.6rem 0 2.4rem;
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  .instList > ul > li .right .name {
    margin: 0.8rem 0 1.2rem;
    font-size: 1.8rem;
  }
}
.instList > ul > li .right .tag {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  padding: 0.6rem 1.2rem;
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 10rem;
}
@media (max-width: 1280px) {
  .instList > ul > li .right .tag {
    font-size: 1.2rem;
    padding: 0.4rem 1.2rem;
  }
}
.instList > ul > li .right > ul {
  margin-top: 1.6rem;
}
.instList > ul > li .right > ul > li {
  position: relative;
  font-size: 1.4rem;
  color: #555;
  padding-left: 1.6rem;
}
@media (max-width: 1280px) {
  .instList > ul > li .right > ul > li {
    font-size: 1.2rem;
    padding-left: 1rem;
  }
}
.instList > ul > li .right > ul > li::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 1rem;
  left: 0;
  top: 0.4rem;
  background: url(../img/icon/arrow_blk2.png) no-repeat center center/contain;
}
@media (max-width: 1280px) {
  .instList > ul > li .right > ul > li::before {
    width: 0.4rem;
    height: 0.8rem;
    top: 0.3rem;
  }
}
.instList > ul > li .right > ul > li + li {
  margin-top: 1rem;
}

.attatchList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.attatchList > p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0.8rem 2rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
}
@media (max-width: 1280px) {
  .attatchList > p {
    font-size: 1.4rem;
    padding: 0.8rem 1rem;
  }
}
.attatchList > p > img {
  width: 1.8rem;
}
@media (max-width: 1280px) {
  .attatchList > p > img {
    width: 1.2rem;
  }
}
.attatchList > p > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-right: 2.4rem;
}
@media (max-width: 1280px) {
  .attatchList > p > span {
    padding-right: 1.2rem;
  }
}
.attatchList > p > span > span {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15.6rem;
}
@media (max-width: 1280px) {
  .attatchList > p > span > span {
    max-width: 12rem;
  }
}
.attatchList > p > span > small {
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  .attatchList > p > span > small {
    font-size: 1.4rem;
  }
}
.attatchList > p > button {
  width: 1.6rem;
}
@media (max-width: 1280px) {
  .attatchList > p > button {
    width: 1.2rem;
    min-width: 1.2rem;
  }
}
.attatchList > p > button img {
  width: 1.6rem;
}
@media (max-width: 1280px) {
  .attatchList > p > button img {
    width: 1.2rem;
  }
}

.fileList dl {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1.2rem 2rem;
  background: #e9edf0;
  border-radius: 0.6rem;
}
@media (max-width: 1280px) {
  .fileList dl {
    gap: 0.5rem;
    flex-direction: column;
  }
}
.fileList dl dt {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  padding-top: 0.2rem;
}
@media (max-width: 1280px) {
  .fileList dl dt {
    font-size: 1.4rem;
  }
}
.fileList dl dd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.fileList dl dd .btnAtt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.4rem;
  padding: 0.4rem 1.2rem;
  border: 1px solid #aaa;
  border-radius: 10rem;
  background: #fff;
}
@media (max-width: 1280px) {
  .fileList dl dd .btnAtt {
    border-radius: 1.2rem;
    font-size: 1.2rem;
  }
}
.fileList dl dd .btnAtt > i {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  background: url(../img/icon/attatch.png) no-repeat center/contain;
  display: block;
}
.fileList dl dd .btnAtt > span {
  text-align: left;
}

.ctaArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #aaa;
}
.ctaArea.noBrd {
  border: none;
  padding: 0;
}
@media (max-width: 1280px) {
  .ctaArea {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}

.termsArea {
  word-break: keep-all;
  white-space: pre-line;
}
.termsArea > strong {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .termsArea > strong {
    font-size: 1.6rem;
  }
}

.paymentArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 3rem;
  padding: 2rem 4rem;
  background: #eff1ee;
  border-radius: 1.2rem;
}
@media (max-width: 1280px) {
  .paymentArea {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    width: 100%;
  }
}
.paymentArea > .left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .paymentArea > .left {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
  }
}
.paymentArea > .left > .tit {
  font-size: 2rem;
  font-weight: 500;
  color: #000;
}
@media (max-width: 1280px) {
  .paymentArea > .left > .tit {
    font-size: 1.8rem;
  }
}
.paymentArea > .left .formGroup {
  gap: 2.4rem;
}
@media (max-width: 1280px) {
  .paymentArea > .left .formGroup {
    flex-direction: column;
    gap: 1rem;
  }
}
.paymentArea > .left .formGroup input:checked + label {
  font-weight: 600;
  color: #2e7106;
}
.paymentArea > .left .formGroup label {
  font-size: 2rem;
  color: #555;
}
@media (max-width: 1280px) {
  .paymentArea > .left .formGroup label {
    font-size: 1.6rem;
  }
}
.paymentArea > .left .formGroup label::before {
  top: 0.2rem;
}
.paymentArea > .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .paymentArea > .right {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #ccc;
    width: 100%;
    justify-content: flex-start;
  }
}
.paymentArea > .right > .tit {
  font-size: 2rem;
  font-weight: 500;
}
.paymentArea > .right > .money {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 500;
  color: #479617;
}
.paymentArea > .right > .money > strong {
  font-size: 2.4rem;
}

.topInfoBox {
  margin-bottom: 6rem;
  padding: 4rem;
  border-radius: 2.4rem;
  background: #edf1eb;
  border: 0.2rem solid #71a850;
}
@media (max-width: 1280px) {
  .topInfoBox {
    margin-bottom: 3rem;
    padding: 2rem;
    border-radius: 1.8rem;
  }
}
.topInfoBox > ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2.4rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .topInfoBox > ul {
    gap: 1.2rem;
  }
}
.topInfoBox > ul > li {
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .topInfoBox > ul > li {
    padding-left: 2rem;
    font-size: 1.5rem;
  }
}
.topInfoBox > ul > li::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  .topInfoBox > ul > li::before {
    width: 1.6rem;
    height: 1.6rem;
    top: 0.2rem;
  }
}
.topInfoBox > ul > li.warning::before {
  background-image: url(../img/icon/warning.png);
}
.topInfoBox > ul > li.tel::before {
  background-image: url(../img/icon/tel.png);
}
.topInfoBox > ul > li > em {
  font-weight: 600;
  color: #ff6600;
}
.topInfoBox > ul > li > strong {
  font-weight: 600;
}
.topInfoBox > ul > li .innerBtn {
  font-size: 1.4rem;
  padding: 0.4rem 1.2rem;
  background: #5b6670;
  color: #fff;
  border-radius: 10rem;
  gap: 1rem;
  margin-left: 1.2rem;
}
@media (max-width: 1280px) {
  .topInfoBox > ul > li .innerBtn {
    font-size: 1.2rem;
    margin-left: 0.6rem;
  }
}
.topInfoBox > ul > li .innerBtn > i {
  width: 0.6rem;
  height: 1rem;
  background: url(../img/icon/arrow_w3.png) no-repeat center/contain;
}
@media (max-width: 1280px) {
  .topInfoBox > ul > li .innerBtn > i {
    width: 0.4rem;
    height: 0.8rem;
  }
}

.tblTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1rem 2rem;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 1rem;
}
@media (max-width: 1280px) {
  .tblTop {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
  }
}
.tblTop > .left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tblTop > .left > img {
  width: 1.2rem;
}
@media (max-width: 1280px) {
  .tblTop > .left > img {
    width: 0.8rem;
  }
}
.tblTop > .left > span {
  font-size: 2rem;
  color: #666;
}
@media (max-width: 1280px) {
  .tblTop > .left > span {
    font-size: 1.6rem;
  }
}
.tblTop > .left > span strong {
  font-weight: 500;
  color: #000;
}
.tblTop > .left > span strong em {
  font-weight: 600;
  color: #ff6600;
}
.tblTop > .right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .tblTop > .right {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .tblTop > .right .formSelect {
    width: 100%;
  }
  .tblTop > .right .formSelect .select {
    width: 100% !important;
  }
}
.tblTop > .right .formText {
  width: 30rem;
}
@media (max-width: 1280px) {
  .tblTop > .right .formText {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .tblTop > .right .btnCta {
    width: 100%;
  }
}

.logTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 3rem;
}
@media (max-width: 1280px) {
  .logTop {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.logTop > .left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.logTop > .left .midTit {
  font-size: 2.6rem;
  font-weight: 600;
  color: #000;
  margin: auto;
}
@media (max-width: 1280px) {
  .logTop > .left .midTit {
    font-size: 1.8rem;
  }
}
.logTop > .left .btnQue {
  width: 2.2rem;
  height: 2.2rem;
}
@media (max-width: 1280px) {
  .logTop > .left .btnQue {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.logTop > .left .formCheckbox {
  margin-left: 1.4rem;
}
@media (max-width: 1280px) {
  .logTop > .left .formCheckbox {
    zoom: 0.8;
  }
}
.logTop > .right ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .logTop > .right ul {
    gap: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.logTop > .right ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
}
@media (max-width: 1280px) {
  .logTop > .right ul > li {
    width: 100%;
    gap: 1.1rem;
    font-size: 1.3rem;
    justify-content: space-between;
  }
}
.logTop > .right ul > li button {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.4rem 0.8rem;
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 10rem;
  gap: 0.8rem;
}
@media (max-width: 1280px) {
  .logTop > .right ul > li button {
    min-width: 9.8rem;
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
.logTop > .right ul > li button img {
  width: 1.6rem;
}

.logList {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 1280px) {
  .logList {
    flex-direction: column;
  }
}
.logList + .logTop {
  margin-top: 6rem;
}
@media (max-width: 1280px) {
  .logList + .logTop {
    margin-top: 3rem;
  }
}
.logList > li {
  width: calc(33.333% - 1.1rem);
}
@media (max-width: 1280px) {
  .logList > li {
    width: 100%;
  }
}
.logList > li > button {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.2rem;
  width: 100%;
  height: 12.8rem;
  background: #f7f7f7 url(../img/icon/login_arrow.png) no-repeat top 2.4rem right 2.4rem/4.6rem 4.6rem;
  border: 1px solid #ccc;
  border-radius: 2rem;
  padding: 2.4rem 8rem 2.4rem 10rem;
  text-align: left;
}
@media (max-width: 1280px) {
  .logList > li > button {
    height: auto;
    padding: 1.6rem 5rem 1.6rem 8rem;
    background-size: 3rem 3rem;
    background-position: top 1.6rem right 1.6rem;
  }
}
.logList > li > button {
  transition: all 0.2s ease 0.05s;
}
.logList > li > button:hover {
  border-color: #40aa00;
}
.logList > li > button:hover strong,
.logList > li > button:hover p {
  color: #40aa00;
}
.logList > li > button i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
  width: 5.2rem;
  height: 5.2rem;
}
@media (max-width: 1280px) {
  .logList > li > button i {
    top: 1.6rem;
    right: 1.6rem;
    width: 3rem;
    height: 3rem;
  }
}
.logList > li > button strong {
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
}
@media (max-width: 1280px) {
  .logList > li > button strong {
    font-size: 1.6rem;
  }
}
.logList > li > button p {
  color: #555;
  line-height: 1.4;
}

.logForm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 6rem;
}
@media (max-width: 1280px) {
  .logForm {
    margin-top: 3rem;
  }
}
.logForm .inner {
  width: 52rem;
  padding: 4rem;
  border-radius: 2.4rem;
  background: #f9f9f9;
  border: 1px solid #ccc;
  margin: auto;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .logForm .inner {
    width: 100%;
    max-width: 36rem;
    padding: 2rem;
    border-radius: 1.6rem;
  }
}
.logForm .inner .formWrap {
  position: relative;
}
.logForm .inner .formWrap.sch .formText .innerWrapper input {
  text-align: center;
  height: 5.6rem;
  padding: 0 1rem;
  font-size: 3rem;
  color: #000;
  background: #fff;
  border: 0.2rem solid #71a850;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap.sch .formText .innerWrapper input {
    font-size: 2.4rem;
    height: 5rem;
  }
}
.logForm .inner .formWrap.sch2 .formText .innerWrapper input {
  padding: 0 5rem 0 12rem;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap.sch2 .formText .innerWrapper input {
    padding: 0 5rem 0 10rem;
  }
}
.logForm .inner .formWrap.type2 .formText + .formText {
  margin-top: 2rem;
}
.logForm .inner .formWrap.type2 .formText label {
  position: relative;
  margin-bottom: 1rem;
  top: auto;
  left: auto;
  transform: none;
}
.logForm .inner .formWrap.type2 .formText .innerWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap.type2 .formText .innerWrapper {
    gap: 0.5rem;
  }
}
.logForm .inner .formWrap.type2 .formText .innerWrapper input {
  padding: 0 1.2rem;
  flex: 1;
}
.logForm .inner .formWrap.type2 .formText .innerWrapper input.sm {
  width: 15rem;
  flex: none;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap.type2 .formText .innerWrapper input.sm {
    width: 10rem;
  }
}
.logForm .inner .formWrap .formText + .formText {
  margin-top: 1.2rem;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap .formText + .formText {
    margin-top: 0.8rem;
  }
}
.logForm .inner .formWrap .formText label {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap .formText label {
    font-size: 1.4rem;
  }
}
.logForm .inner .formWrap .formText .innerWrapper .btnPassView {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.6rem;
}
.logForm .inner .formWrap .formText .innerWrapper .btnPassView.isView {
  background: url(../img/icon/login_pass2.png) no-repeat center/contain;
}
.logForm .inner .formWrap .formText .innerWrapper .btnPassView i {
  width: 2.6rem;
  height: 2rem;
  background: url(../img/icon/login_pass.png) no-repeat center/contain;
}
.logForm .inner .formWrap .formText .innerWrapper input {
  height: 5rem;
  padding: 0 5rem 0 10rem;
}
@media (max-width: 1280px) {
  .logForm .inner .formWrap .formText .innerWrapper input {
    padding: 0 5rem 0 8rem;
  }
}
.logForm .inner .formWrap .formText .innerWrapper input:hover, .logForm .inner .formWrap .formText .innerWrapper input:focus {
  outline: 2px solid #666 !important;
  outline-offset: -1px !important;
}
.logForm .inner .formWrap .unitList {
  margin: 1.4rem 0 1.4rem 0.6rem;
}
.logForm .inner .formWrap .unitList strong {
  font-weight: 500;
}
.logForm .inner .btnWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 2rem;
}
.logForm .inner .btnWrap > .left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.7rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .logForm .inner .btnWrap > .left {
    gap: 1.7rem;
  }
}
.logForm .inner .btnWrap > .left button {
  color: #555;
  font-size: 1.6rem;
  gap: 0.6rem;
}
.logForm .inner .btnWrap > .left button + button {
  position: relative;
}
.logForm .inner .btnWrap > .left button + button::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #aaa;
  position: absolute;
  left: -1.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  .logForm .inner .btnWrap > .left button + button::before {
    left: -0.9rem;
  }
}
.logForm .inner .btnWrap > .left button img {
  width: 0.6rem;
  filter: grayscale(100);
}
.logForm .inner .btnWrap > .right button {
  gap: 0.6rem;
  font-size: 1.6rem;
  color: #3a7219;
  font-weight: 600;
}
.logForm .inner .btnWrap > .right button img {
  width: 0.6rem;
  filter: grayscale(100);
}
.logForm .inner .ctaArea {
  border-top: 0;
  margin-top: 3rem;
  padding-top: 0;
  flex-direction: column;
}
.logForm .inner .ctaArea button {
  width: 100%;
}
.logForm .inner .certList {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .logForm .inner .certList {
    flex-direction: column;
  }
}
.logForm .inner .certList > li {
  position: relative;
  text-align: center;
  flex: 1;
  padding: 3rem 1rem;
}
@media (max-width: 1280px) {
  .logForm .inner .certList > li {
    width: 100%;
    padding: 2rem;
  }
}
.logForm .inner .certList > li + li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -2.1rem;
  background: #ddd;
}
@media (max-width: 1280px) {
  .logForm .inner .certList > li + li::before {
    width: 100%;
    height: 1px;
    top: -2.1rem;
    left: 0;
  }
}
.logForm .inner .certList > li i {
  display: block;
  width: 14rem;
  height: 14rem;
  margin: auto;
}
.logForm .inner .certList > li i {
  width: 10rem;
  height: 10rem;
}
.logForm .inner .certList > li .tit {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
  margin: 2.4rem auto 1.2rem;
}
@media (max-width: 1280px) {
  .logForm .inner .certList > li .tit {
    font-size: 2rem;
    margin: 1.6rem auto 0.8rem;
  }
}
.logForm .inner .certList > li .desc {
  font-size: 1.4rem;
  color: #555;
}
@media (max-width: 1280px) {
  .logForm .inner .certList > li .desc {
    font-size: 1.2rem;
  }
  .logForm .inner .certList > li .desc br {
    display: none;
  }
}
.logForm .inner .certList > li .btnCert {
  font-size: 1.6rem;
  margin-top: 2.4rem;
  font-weight: 500;
  padding: 1.2rem 2.4rem;
  background: #5b6670;
  border-radius: 10rem;
  color: #fff;
}

.btnAny {
  width: 44rem;
  height: 5rem;
  background: #fff;
  border: 1px solid #275a8d;
  border-radius: 0.8rem;
  gap: 1rem;
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .btnAny {
    width: 100%;
    max-width: 36rem;
    margin-top: 2rem;
  }
}
.btnAny span {
  font-weight: 500;
  font-size: 1.6rem;
  color: #275a8d;
}
.btnAny img {
  height: 2.4rem;
}

.monthArea {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  .monthArea {
    flex-direction: column;
    gap: 3rem;
  }
}
.monthArea .midTit {
  margin-bottom: 1.6rem;
}
.monthArea .monthCont {
  flex: 1;
}
@media (max-width: 1280px) {
  .monthArea .monthCont {
    width: 100%;
  }
}
.monthArea > .right {
  width: 42rem;
}
@media (max-width: 1280px) {
  .monthArea > .right {
    width: 100%;
  }
}
.monthArea > .right .inner {
  padding: 2rem;
  background: #f9f9f9;
  border: 1px solid #b1c1a7;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  color: #555;
}
.monthArea > .right .inner + .midTit {
  margin-top: 3rem;
}
.monthArea > .right .inner .tit {
  font-size: 1.4rem;
  font-weight: 600;
  color: #000;
}
.monthArea > .right .inner .unitList {
  margin-top: 0.6rem;
  padding-left: 1rem;
}
.monthArea > .right .inner .unitList + .tit,
.monthArea > .right .inner .unitList + .unitList {
  margin-top: 2rem;
}
.monthArea > .right .inner .unitList > li + li {
  margin-top: 0;
}
.monthArea > .right .inner .unitList > li.tit {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.monthArea > .right .inner .unitList > li.tit::before {
  top: 0.7rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #000;
}
.monthArea > .right .inner .unitList > li.ref::before {
  content: "※ ";
  background: transparent;
  top: 0;
  left: -0.3rem;
}
.monthArea > .right .inner .unitList > li::before {
  width: 0.3rem;
  height: 0.3rem;
  top: 0.6rem;
}
.monthArea > .right .inner .reserDate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.8rem;
}
.monthArea > .right .inner .reserDate strong {
  font-weight: 600;
}
.monthArea > .right .inner .ctaArea {
  padding-top: 0;
  margin-top: 2rem;
  border: none;
}

.weather {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #555;
}
.weather img {
  height: 2.2rem;
}

.radioWrap,
.checkWrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: wrap;
}

.dotTxt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 1.2rem;
  position: relative;
}
.dotTxt.co-red::before {
  background: #ff0000;
}
.dotTxt::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  left: 0;
  background: #ababab;
  border-radius: 100%;
  transform: translateY(-50%);
}
.dotTxt + .dot {
  margin-top: 1.6rem;
}

.btnDel {
  width: 2.4rem;
  height: 2.4rem;
}
.btnDel img {
  width: 1.4rem;
}

.innerTbl {
  margin-bottom: 2rem;
}
.innerTbl > .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.innerTbl > .top .tit {
  color: #333;
  font-weight: 500;
}
.innerTbl > .top .addCart {
  padding: 0 1rem;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  background: #5b6670;
  height: 2.4rem;
}

.tblTit {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  margin: 2rem 0 1rem;
}
@media (max-width: 1280px) {
  .tblTit {
    font-size: 1.4rem;
  }
}

aside.monthCont .calSelect > .fc {
  border-radius: 2rem;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc {
    border-radius: 1.2rem;
  }
}
aside.monthCont .calSelect > .fc {
  overflow: hidden;
  background: #eee;
}
aside.monthCont .calSelect > .fc .fc-header-toolbar {
  background: linear-gradient(0deg, #eee, #e0e0e0);
  margin: 0;
}
aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 1.6rem;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div {
    padding: 0.8rem;
  }
}
aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-toolbar-title {
  font-size: 3.6rem;
  font-weight: 600;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-toolbar-title {
    font-size: 2.4rem;
  }
}
aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-button {
  width: 4rem;
  height: 4rem;
  background: url(../img/icon/cal_arrow.png) no-repeat center/contain;
  border: none;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-button {
    width: 2.4rem;
    height: 2.4rem;
  }
}
aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-button > span {
  display: none;
}
aside.monthCont .calSelect > .fc .fc-header-toolbar .fc-toolbar-chunk > div .fc-button.fc-prev-button {
  transform: rotate(180deg);
}
aside.monthCont .calSelect > .fc .fc-view-harness {
  background: #eee;
  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
  height: 72.5rem !important;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness {
    border-radius: 1.2rem 1.2rem 0 0;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table {
  background: transparent;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table thead tr th table {
  background: transparent;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table thead tr th table thead tr th {
  color: #fff;
  background: #7a7a7a;
  border: 1px solid #666;
  height: 3rem;
  font-weight: 500;
  vertical-align: middle;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table thead tr th table thead tr th:first-child {
  background: #734445;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table thead tr th table thead tr th:last-child {
  background: #425d87;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table {
  border: 1px solid #666;
  border-radius: 0 0 2rem 2rem;
  overflow: hidden;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table {
    border-radius: 0 0 1.2rem 1.2rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td {
  background: #fff;
  padding: 1rem;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td {
    padding: 0.4rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td:first-child .fc-daygrid-day-number {
  color: #ee008b;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td:last-child .fc-daygrid-day-number {
  color: #005fee;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td.fc-day-today .fc-daygrid-day-number {
  background: #000;
  color: #fff;
  font-weight: 700;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td.fc-day-other {
  background: #f5f5f5;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top {
  flex-direction: row;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 100%;
  font-weight: 500;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
    width: 2rem;
    height: 2rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events {
  position: static;
  width: 100%;
  min-height: 6rem;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events {
    min-height: 4rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events::before {
  display: none;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness {
  position: static;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ee008b;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis:hover {
  background: transparent;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num {
  position: absolute;
  font-size: 1.4rem;
  color: #555;
  padding: 0 0 0 1.1rem;
  margin: 0;
  left: 0;
  bottom: 2.5rem;
  display: block;
  cursor: pointer;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num {
    font-size: 1.2rem;
    padding-left: 0.5rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num:hover {
  background: transparent;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background: #666;
  border-radius: 100%;
  transform: translateY(-50%);
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num::before {
    width: 0.2rem;
    height: 0.2rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num strong {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a8621;
}
@media (max-width: 1280px) {
  aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.num strong {
    font-size: 1.4rem;
  }
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 1.2rem;
  background: #71a850;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 10rem;
  cursor: pointer;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.apply {
  background: #2c7600;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.in {
  background: #2c7600;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.out {
  background: #d26217;
  cursor: default;
}
aside.monthCont .calSelect > .fc .fc-view-harness .fc-view > table tbody tr td table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.dis {
  background: #e4e4e4;
  color: #555;
  cursor: default;
}

aside.bottomAppBox {
  padding-top: 1.6rem;
  border-top: 1px solid #bbb;
}
aside.bottomAppBox .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 1.6rem;
}
aside.bottomAppBox .tit > .left {
  font-size: 1.8rem;
  font-weight: 700;
}
aside.bottomAppBox .tit > .right {
  font-size: 1.8rem;
}
aside.bottomAppBox .tit > .right > strong {
  font-weight: 500;
}

aside.mountCont {
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  aside.mountCont {
    margin-top: 1.5rem;
  }
}
aside.mountCont > ul > li {
  padding: 3rem;
  border: 1px solid #aaa;
  border-radius: 2.4rem;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li {
    padding: 2rem;
    border-radius: 1.6rem;
  }
}
aside.mountCont > ul > li + li {
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li + li {
    margin-top: 1.5rem;
  }
}
aside.mountCont > ul > li > .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top {
    flex-direction: column;
    gap: 2rem;
  }
}
aside.mountCont > ul > li > .top .left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5rem;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .left {
    flex-direction: column;
    width: 100%;
    gap: 2rem;
  }
}
aside.mountCont > ul > li > .top .left dt {
  width: 26rem;
  height: 16.7rem;
  border-radius: 1.8rem;
  overflow: hidden;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .left dt {
    width: 100%;
    height: 32rem;
    border-radius: 1.2rem;
  }
}
aside.mountCont > ul > li > .top .left dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
aside.mountCont > ul > li > .top .left dd .tit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 3rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .left dd .tit {
    margin-bottom: 1.5rem;
  }
}
aside.mountCont > ul > li > .top .left dd .tit small {
  font-size: 2rem;
  font-weight: 500;
  color: #555;
}
aside.mountCont > ul > li > .top .left dd .tit small strong {
  color: #000;
  font-weight: 500;
}
aside.mountCont > ul > li > .top .left dd .order {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 1.6rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .left dd .order {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  }
}
aside.mountCont > ul > li > .top .left dd .unitList {
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .left dd .unitList {
    font-size: 1.6rem;
  }
}
aside.mountCont > ul > li > .top .right {
  width: 28rem;
  padding-top: 5.5rem;
  text-align: center;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .right {
    text-align: left;
    width: 100%;
    padding-top: 1.5rem;
    border-top: 1px dashed #aaa;
  }
}
aside.mountCont > ul > li > .top .right > p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.2rem;
  color: #666;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .top .right > p {
    justify-content: flex-start;
  }
}
aside.mountCont > ul > li > .top .right > p > span strong {
  font-weight: 500;
  color: #000;
}
aside.mountCont > ul > li > .top .right > p > em {
  font-size: 1.6rem;
}
aside.mountCont > ul > li > .bottom {
  position: relative;
  margin-top: 3rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .bottom {
    margin-top: 1.5rem;
  }
}
aside.mountCont > ul > li > .bottom details[open] summary {
  background: #71a850;
  color: #fff;
}
aside.mountCont > ul > li > .bottom details[open] summary i {
  background: #fff;
}
aside.mountCont > ul > li > .bottom details[open] summary i img {
  filter: invert(0);
  transform: rotate(0);
}
aside.mountCont > ul > li > .bottom details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  width: 28rem;
  height: 6rem;
  top: -9rem;
  right: 0;
  background: #ecf2e9;
  color: #0f2900;
  border-radius: 1rem;
  padding: 0 2.4rem;
  font-size: 2.4rem;
  font-weight: 600;
  border: 1px solid #71a850;
  transition: all 0.2s ease 0.05s;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .bottom details summary {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 1rem;
  }
}
aside.mountCont > ul > li > .bottom details summary i {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 3rem;
  height: 3rem;
  background: #71a850;
  border-radius: 100%;
}
aside.mountCont > ul > li > .bottom details summary i img {
  width: 1.4rem;
  filter: invert(1);
  transform: rotate(180deg);
  transition: all 0.2s ease 0.05s;
}
aside.mountCont > ul > li > .bottom details .inner {
  overflow-x: auto;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
aside.mountCont > ul > li > .bottom details .inner.isScroll {
  cursor: grabbing;
}
aside.mountCont > ul > li > .bottom details .inner ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
aside.mountCont > ul > li > .bottom details .inner ul > li {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 3.7rem;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 36rem;
  min-width: 36rem;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 1.4rem;
  padding: 2rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .bottom details .inner ul > li {
    width: 20rem;
    min-width: 20rem;
    flex-direction: column;
    gap: 2rem;
  }
}
aside.mountCont > ul > li > .bottom details .inner ul > li > .left .tit {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (max-width: 1280px) {
  aside.mountCont > ul > li > .bottom details .inner ul > li > .left .tit {
    font-size: 1.8rem;
  }
}
aside.mountCont > ul > li > .bottom details .inner ul > li > .left .desc {
  font-size: 1.4rem;
  color: #666;
}

aside.checkBox .dotTxt {
  margin-bottom: 2rem;
}
@media (max-width: 1280px) {
  aside.checkBox .dotTxt {
    margin-bottom: 1.2rem;
  }
}
aside.checkBox .checkList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
  flex-direction: row;
  flex-wrap: wrap;
}
aside.checkBox .checkList li {
  width: calc(18% - 1.35rem);
}
@media (max-width: 1280px) {
  aside.checkBox .checkList li {
    width: calc(33.333% - 0.3rem);
  }
}

aside.formAddr {
  width: 100%;
}
aside.formAddr > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  flex-wrap: nowrap;
}
aside.formAddr > ul li {
  width: 100%;
}
aside.formAddr > ul li.sch {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
aside.formAddr > ul li.sch .formText {
  width: 20rem;
}
@media (max-width: 1280px) {
  aside.formAddr > ul li.sch .formText {
    width: 9rem;
  }
}
aside.formAddr > ul li.sch button {
  height: 4rem;
  padding: 0 2rem;
  background: #000;
  border-radius: 0.8rem;
  color: #fff;
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  aside.formAddr > ul li.sch button {
    font-size: 1.4rem;
  }
}
/*# sourceMappingURL=ui.css.map */