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

.unitIcon > img {
  opacity: 0;
}
.unitIcon > span {
  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: #044da2 !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%);
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.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;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
.flexArea.fix {
  width: 100%;
}
.flexArea.attach {
  gap: 0.5rem;
  align-items: flex-start;
}

.unitBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.fontRoboto {
  font-family: "Roboto";
}

.fontPoppins {
  font-family: "Poppins";
}

.fontNanumSquare {
  font-family: "NanumSquare";
}

.fontGyeonggiCheonnyeon {
  font-family: "GyeonggiCheonnyeon";
}

.formText {
  position: relative;
}
.formText label {
  font-size: 2rem;
  font-weight: 500;
  color: #1a1a1a;
  display: block;
  margin-bottom: 1.5rem;
}
.formText .inpZone {
  position: relative;
}
.formText .inpZone.typeFlex {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.formText .inpZone.typeFlex * {
  flex: 1;
  position: relative;
}
.formText .inpZone.typeFlex p {
  font-size: 1.3rem;
}
.formText .inpZone.typeFlex .innerBtn {
  max-width: 10.5rem;
  flex: auto;
  background-color: #666;
  height: 3.6rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #fff;
}
.formText .inpZone.attach input[type=text] {
  max-width: 50rem;
}
.formText .inpZone.attach label {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  display: inline-flex;
  justify-content: center;
  margin: auto;
  padding: 0 1.6rem;
  width: 10.5rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  background-color: #666;
  color: #fff;
  height: 3.6rem;
  cursor: pointer;
}
.formText .inpZone.attach input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.formText .inpZone.attach input[type=file]:focus {
  outline: none;
}
.formText .inpZone.attach .btnAttachDel {
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.formText .inpZone input {
  height: 3.6rem;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0 2rem 0 1rem;
  width: 100%;
  font-size: inherit;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.formText .inpZone input::-moz-placeholder {
  color: #ccc;
}
.formText .inpZone input::placeholder {
  color: #ccc;
}
.formText .inpZone input:focus + .btn-clear {
  opacity: 1;
}
.formText .inpZone input:disabled {
  color: #ccc;
  background-color: #f1f1f1;
}
.formText .inpZone input[type=number]::-webkit-outer-spin-button, .formText .inpZone input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formText .inpZone input[type=password] {
  font-family: "NotoSansKr";
}
.formText .inpZone textarea {
  padding: 1.5rem 2rem 1.5rem 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  font-size: inherit;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.formText .inpZone textarea::-moz-placeholder {
  color: #ccc;
}
.formText .inpZone textarea::placeholder {
  color: #ccc;
}
.formText .inpZone .btn-clear {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  opacity: 0;
  padding: 1rem;
}
.formText .inpZone .btn-clear:focus {
  opacity: 1;
}
.formText .inpZone .btn-passView {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  padding: 1rem;
}
.formText .inpZone .btn-passView.isHidden {
  opacity: 0.5;
  width: 1px;
  height: 1px;
  overflow: hidden;
  right: -1rem;
  padding: 0;
}
.formText .inpZone .btn-passViewDis {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  padding: 1rem;
}
.formText .inpZone .btn-passViewDis.isHidden {
  opacity: 0.5;
  width: 1px;
  height: 1px;
  overflow: hidden;
  right: -1rem;
  padding: 0;
}
.formText .validation {
  display: none;
  margin-top: 0.5rem;
  font-size: 1.4rem;
}
.formText[data-status=error] .validation {
  display: block;
  color: #e02a40;
}
.formText[data-status=success] .validation {
  display: block;
  color: #044da2;
}
.formText.tel {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
}
.formText.tel > .inpZone {
  width: 10rem;
}
.formText.bank {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.formText.bank > .formSelect {
  width: 22rem;
}
.formText.bank > .inpZone input {
  width: 22rem;
}
.formText.bank > .inpZone .innerBtn {
  width: 15rem;
}
.formText.company {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.formText.company > .inpZone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
}
.formText.company > .inpZone > input {
  width: 11rem;
}
.formText.company > .inpZone > input:nth-child(2) {
  width: 8rem;
}
.formText.company > p {
  font-size: 1.3rem;
}
.formText.person {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.formText.person > .inpZone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
}
.formText.person > .inpZone > input {
  width: 11rem;
}
.formText.person > p {
  font-size: 1.3rem;
}
.formText + .formText {
  margin-top: 1rem;
}
@media (max-width: 1000px) {
  .formText label {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .formText .inpZone {
    position: relative;
  }
  .formText .inpZone.typeFlex {
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .formText .inpZone.typeFlex > input {
    min-height: 3.6rem;
  }
  .formText .inpZone.typeFlex p {
    font-size: 1.2rem;
  }
  .formText .inpZone.typeFlex .innerBtn {
    max-width: 100%;
    width: 100%;
    height: 3.6rem;
    border-radius: 0.8rem;
    font-size: 1.3rem;
  }
  .formText .inpZone.attach input[type=text] {
    max-width: calc(100% - 11rem);
  }
  .formText .inpZone.attach label {
    width: 8rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
  }
  .formText .inpZone.attach .btnAttachDel {
    width: 2rem;
    height: 3.6rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
  }
  .formText .inpZone input {
    height: 3.6rem;
    padding: 0 1rem;
  }
  .formText .inpZone input::-moz-placeholder {
    font-size: 1.4rem;
  }
  .formText .inpZone input::placeholder {
    font-size: 1.4rem;
  }
  .formText .inpZone textarea {
    padding: 1rem 1rem;
  }
  .formText .inpZone textarea::-moz-placeholder {
    font-size: 1.4rem;
  }
  .formText .inpZone textarea::placeholder {
    font-size: 1.4rem;
  }
  .formText .inpZone .btn-clear {
    right: 0.25rem;
    padding: 0.5rem;
  }
  .formText .inpZone .btn-clear > i {
    margin-right: -1.5rem !important;
    margin-bottom: -1rem !important;
  }
  .formText .inpZone .btn-passView {
    right: 0.25rem;
    padding: 0.5em;
  }
  .formText .inpZone .btn-passView > i {
    margin-right: -1.5rem !important;
    margin-bottom: -0.9rem !important;
  }
  .formText .inpZone .btn-passViewDis {
    right: 0.25rem;
    padding: 0.5rem;
  }
  .formText .inpZone .btn-passViewDis > i {
    margin-right: -1.5rem !important;
    margin-bottom: -0.9rem !important;
  }
  .formText .validation {
    margin-top: 0.25rem;
    font-size: 1.3rem;
  }
  .formText + .formText {
    margin-top: 0.5rem;
  }
  .formText.bank {
    gap: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .formText.bank > .formSelect {
    width: 100%;
  }
  .formText.bank > .inpZone {
    width: 100%;
  }
  .formText.bank > .inpZone input {
    width: 100%;
  }
  .formText.bank > .inpZone .innerBtn {
    width: 100%;
    height: 3.6rem;
  }
  .formText.company {
    gap: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .formText.company > .inpZone {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
  }
  .formText.company > .inpZone > input {
    width: calc(50% - 4.25rem);
  }
  .formText.company > .inpZone > input:nth-child(2) {
    width: 8rem;
  }
  .formText.company > p {
    font-size: 1.3rem;
  }
  .formText.person {
    gap: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .formText.person > .inpZone {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
  }
  .formText.person > .inpZone > input {
    width: calc(50% - 4.25rem);
  }
  .formText.person > p {
    font-size: 1.3rem;
  }
}

.formCheckbox {
  display: block;
  position: relative;
}
.formCheckbox + .formCheckbox {
  margin-top: 1rem;
}
.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;
  align-items: center;
  gap: 0;
  flex-direction: row;
  color: #1a1a1a;
  padding-left: 3.5rem;
  cursor: pointer;
}
.formCheckbox label:before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.2rem solid #ccc;
  background: #fff url(../img/common/chk.png) center center no-repeat;
  transition: all 0.2s ease 0.05s;
  background-position: center center;
  background-size: 1.6rem 1.6rem;
}
.formCheckbox input:checked + label:before {
  border-color: #00429a;
  background: #fff url(../img/common/chk_checked.png) center center no-repeat;
  background-size: 1.6rem 1.6rem;
}
.formCheckbox input:disabled + label:before {
  background: #f3f6fb;
  border-color: #f3f6fb;
}
.formCheckbox input:checked:disabled + label:before {
  background: #f3f6fb url(../img/common/chk_checked_dis.png) center center no-repeat;
  background-size: 1.6rem 1.6rem;
}
.formCheckbox input:disabled + label {
  opacity: 1;
}
.formCheckbox input:focus + label:before {
  outline: 2px solid #a0d2f1;
}
.formCheckbox.switch label {
  padding: 0;
}
.formCheckbox.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;
}
.formCheckbox.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;
}
.formCheckbox.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;
}
.formCheckbox.switch label:hover:before {
  border-color: #00429a;
}
.formCheckbox.switch input:checked + label em:before {
  content: "예";
  right: 4.5rem;
  color: #fff;
}
.formCheckbox.switch input:checked + label:before {
  background-color: #00429a;
  background-image: none;
}
.formCheckbox.switch input:checked + label:after {
  right: 0.4rem;
  border-color: #00429a;
}
.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;
}
@media (max-width: 1000px) {
  .formCheckbox label {
    font-size: 1.2rem;
    padding-left: 3rem;
  }
  .formCheckbox label:before {
    top: -0.5rem;
  }
}

.formRadio {
  display: block;
  position: relative;
}
.formRadio + .formRadio {
  margin-top: 1rem;
}
.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;
  align-items: center;
  gap: 0;
  flex-direction: row;
  color: #1a1a1a;
  padding-left: 3.5rem;
  cursor: pointer;
}
.formRadio label:before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.2rem solid #ccc;
  background: #fff;
  transition: all 0.2s ease 0.05s;
  background-position: center center;
  background-size: 1.6rem 1.6rem;
}
.formRadio input:checked + label:before {
  border-color: #00429a;
  background: #fff url(../img/common/rad.png) center center no-repeat;
  background-size: 1.6rem 1.6rem;
}
.formRadio input:disabled + label:before {
  background-color: #f3f6fb;
  border-color: #f3f6fb;
}
.formRadio input:checked:disabled + label:before {
  background: #f3f6fb url(../img/common/rad_checked_dis.png) center center no-repeat;
  background-size: 1.6rem 1.6rem;
}
.formRadio input:disabled + label {
  opacity: 1;
}
.formRadio input:focus + label:before {
  outline: 2px solid #a0d2f1;
}
.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: #00429a;
}
.formRadio.switch input:checked + label em:before {
  content: "예";
  right: 4.5rem;
  color: #fff;
}
.formRadio.switch input:checked + label:before {
  background-color: #00429a;
  background-image: none;
}
.formRadio.switch input:checked + label:after {
  right: 0.4rem;
  border-color: #00429a;
}
.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;
}
@media (max-width: 1000px) {
  .formRadio label {
    font-size: 1.2rem;
    padding-left: 3rem;
  }
  .formRadio label:before {
    top: -0.5rem;
  }
}

.formSelect {
  position: relative;
}
.formSelect label,
.formSelect .label {
  font-size: 2rem;
  font-weight: 500;
  color: #1a1a1a;
  display: block;
  margin-bottom: 1.5rem;
}
.formSelect select,
.formSelect .selectBtn {
  border: none;
  padding: 0 4.5rem 0 1rem;
  color: #ccc;
  justify-content: flex-start;
  height: 3.6rem;
  width: 100%;
  font-size: inherit;
  border: 1px solid #ccc;
  background: #fff url(../img/common/sel_arrow.png) no-repeat center right 1rem;
  background-size: auto 2.4rem;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.formSelect select.isActive,
.formSelect .selectBtn.isActive {
  color: #1a1a1a;
}
.formSelect select option,
.formSelect .selectBtn option {
  color: #1a1a1a;
}
.formSelect .validation {
  display: none;
  margin-top: 0.5rem;
  font-size: 1.4rem;
}
.formSelect[data-status=error] .validation {
  display: block;
  color: #e02a40;
}
.formSelect[data-status=success] .validation {
  display: block;
  color: #044da2;
}
.formSelect .select {
  display: none;
  position: absolute;
  min-width: 100%;
  max-height: 20rem;
  left: 0;
  top: auto;
  margin-top: -0.8rem;
  max-width: 100%;
  width: 100%;
  border-radius: 0 0 1.6rem 1.6rem;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  color: inherit;
  list-style-type: none;
  padding: 0;
  overflow-y: auto;
  white-space: nowrap;
  z-index: 9999;
  transition: all 0.2s ease 0.05s;
}
.formSelect .select .option a {
  display: block;
  text-align: left;
  padding: 0.8rem 1.6rem;
  color: #1a1a1a;
  white-space: nowrap;
  width: 100%;
}
.formSelect .select .option a:hover {
  background-color: #f3fbf6;
}
.formSelect.active .select {
  display: block;
}
@media (max-width: 1000px) {
  .formSelect label,
  .formSelect .label {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .formSelect select,
  .formSelect .selectBtn {
    padding: 0 4rem 0 1rem;
    height: 3.6rem;
    font-size: 1.4rem;
    background: #fff url(../img/common/sel_arrow.png) no-repeat center right 1rem;
    background-size: auto 2rem;
    border-radius: 0.3rem;
  }
  .formSelect .validation {
    margin-top: 0.25rem;
    font-size: 1.3rem;
  }
  .formSelect .select {
    margin-top: -0.4rem;
    border-radius: 0 0 0.8rem 0.8rem;
    font-size: 1.4rem;
  }
  .formSelect .select .option a {
    padding: 0.4rem 1.5rem;
  }
}

.unitBtn {
  position: relative;
}
.unitBtn button {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #044da2;
  padding: 1.8rem 13rem;
  border: 1px solid transparent;
  transition: all 0.2s ease 0.05s;
}
.unitBtn button.fix {
  width: 36rem;
}
.unitBtn button.dis {
  background-color: #e1e6ec;
  color: #666;
}
.unitBtn button.dis:focus {
  outline: none !important;
}
.unitBtn button.dis.black {
  background-color: #1a1a1a;
  color: #fff;
}
.unitBtn button:disabled {
  background-color: #e1e6ec;
  color: #666;
  cursor: default;
}
.unitBtn button:disabled:focus {
  outline: none !important;
}
.unitBtn button.line {
  background-color: #fff;
  color: #044da2;
  border: 1px solid #044da2;
}
.unitBtn button.line.dis, .unitBtn button.line:disabled {
  background-color: #fff;
  color: #3975b9;
  border-color: #3975b9;
}
.unitBtn .flexArea {
  gap: 2rem;
}
.unitBtn .flexArea > button {
  flex: 1;
}

.btnTxt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  padding: 0 1.6rem;
  height: 3.6rem;
  border-radius: 0.3rem;
  background-color: #fff;
  border: 1px solid #666;
  color: #333;
  transition: all 0.2s ease 0.05s;
}
.btnTxt.fix {
  width: 8.5rem;
}
.btnTxt.dis, .btnTxt:disabled {
  color: #f1f1f1;
  border-color: #f1f1f1;
  cursor: default;
}
.btnTxt.dis:focus, .btnTxt:disabled:focus {
  outline: none !important;
}
.btnTxt.blk {
  background-color: #1a1a1a;
  color: #fff;
}
.btnTxt.blue {
  background-color: #00429a;
  border: 1px solid #00429a;
  color: #fff;
}
.btnTxt.red {
  background-color: #e02a40;
  border: 1px solid #e02a40;
  color: #fff;
}
.btnTxt + .btnTxt {
  margin-left: 0.8rem;
}
@media (max-width: 1000px) {
  .btnTxt {
    font-size: 1.3rem;
  }
}

[class^=unitTab] {
  margin-top: 0rem;
}
[class^=unitTab] > ul {
  position: relative;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
[class^=unitTab] > ul > li {
  display: block;
  flex: 1;
}
[class^=unitTab] > ul > li .menu {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 5rem;
  padding: 0 1rem;
  border: 1px solid #ccc;
  font-size: 1.8rem;
  width: 100%;
  transition: all 0.2s ease 0.05s;
  position: relative;
}
[class^=unitTab] > ul > li .menu:before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: -1.6rem;
  transform: translateX(-50%);
  transition: all 0.2s ease 0.05s;
}
[class^=unitTab] > ul > li .menu.isActive {
  color: #fff;
  border-color: #008bf6;
  background-color: #008bf6;
  position: relative;
}
[class^=unitTab] > ul > li .menu.isActive + .contents {
  display: block;
}
[class^=unitTab] > ul > li + li .menu {
  border-left: none;
}
[class^=unitTab] .contents {
  display: none;
  width: 100%;
  left: 0;
  margin-top: 2.4rem;
}
[class^=unitTab] .contents.isActive {
  display: block;
}
@media (max-width: 1000px) {
  [class^=unitTab] {
    margin-top: 2rem;
  }
  [class^=unitTab] > ul {
    overflow-x: auto;
    margin: 0 -2rem;
    padding: 0 2rem;
    justify-content: flex-start;
  }
  [class^=unitTab] > ul > li .menu {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    height: 4rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    white-space: nowrap;
  }
  [class^=unitTab] .contents {
    margin-top: 1rem;
  }
}

.unitAcc {
  position: relative;
}
.unitAcc > .tit {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.unitAcc > .tit > button {
  font-size: 1.9rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 4rem;
  width: 100%;
  height: 8rem;
  border-bottom: 1px solid #ccc;
}
.unitAcc > .tit > button > .arrow {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}
.unitAcc > .tit > button > .arrow:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 100%;
  background-color: #1a1a1a;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  opacity: 1;
  transition: all 0.2s ease 0.05s;
}
.unitAcc > .tit > button > .arrow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #1a1a1a;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 1;
  transition: all 0.2s ease 0.05s;
}
.unitAcc > .cont {
  height: 1px;
  overflow: hidden;
  background-color: #f5f6f7;
}
.unitAcc > .cont > * {
  opacity: 0;
}
.unitAcc.isActive > .tit > button > .arrow:before {
  opacity: 0;
}
.unitAcc.isActive .cont {
  height: auto;
  overflow: visible;
  padding: 4rem;
  margin-top: -1px;
  border-bottom: 1px solid #ccc;
}
.unitAcc.isActive .cont > * {
  opacity: 1;
}
@media (max-width: 1000px) {
  .unitAcc > .tit > button {
    font-size: 1.6rem;
    gap: 0.5rem;
    padding: 2rem 1rem;
    height: auto;
    border-bottom: 1px solid #ccc;
    text-align: left;
    line-height: 1.4;
  }
  .unitAcc > .tit > button > .arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
  .unitAcc.isActive .cont {
    padding: 2rem;
  }
}

.unitTable {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #1a1a1a;
}
.unitTable table thead tr {
  border-bottom: 1px solid #ccc;
}
.unitTable table thead tr th {
  text-align: left;
  padding: 1.5rem 1rem;
  background-color: #fafafa;
  font-weight: 700;
  vertical-align: top;
  text-align: center;
}
.unitTable table thead tr th:last-child {
  border: none;
}
.unitTable table thead tr th.center {
  text-align: center !important;
}
.unitTable table thead tr th.brdR {
  border-right: 1px solid #ccc;
}
.unitTable table tbody tr {
  border-bottom: 1px solid #ccc;
}
.unitTable table tbody tr:last-child {
  border: none;
}
.unitTable table tbody tr.dis {
  background-color: #f1f1f1;
}
.unitTable table tbody tr:hover td {
  background-color: #fafafa;
}
.unitTable table tbody tr th,
.unitTable table tbody tr td {
  vertical-align: middle !important;
}
.unitTable table tbody tr th {
  background-color: #fafafa;
}
.unitTable table tbody tr td,
.unitTable th {
  padding: 1.5rem 1rem;
  vertical-align: middle;
}
.unitTable table tbody tr td:last-child,
.unitTable th:last-child {
  border: none;
}
.unitTable table tbody tr td.left,
.unitTable th.left {
  text-align: left !important;
}
.unitTable table tbody tr td.right,
.unitTable th.right {
  text-align: right !important;
}
.unitTable table tbody tr td.center,
.unitTable th.center {
  text-align: center !important;
}
.unitTable table tbody tr td.noItem,
.unitTable th.noItem {
  text-align: center !important;
  width: 100% !important;
}
.unitTable table tbody tr td.tit,
.unitTable th.tit {
  width: 100%;
  text-align: left;
}
.unitTable table tbody tr td.tit > .link,
.unitTable th.tit > .link {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.6rem;
  color: #1a1a1a;
  text-align: left;
  line-height: 1.4;
  width: 100%;
  justify-content: flex-start;
}
.unitTable table tbody tr td.tit > .link:hover,
.unitTable th.tit > .link:hover {
  text-decoration: underline;
}
.unitTable table tbody tr td.tit > .link > span,
.unitTable th.tit > .link > span {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 2.2rem);
}
.unitTable table tbody tr td.tit > .link > i,
.unitTable th.tit > .link > i {
  min-width: 2.2rem;
}
.unitTable table tbody tr td.co-blk,
.unitTable th.co-blk {
  color: #1a1a1a;
}
.unitTable.typeRow {
  border: 1px solid #ccc;
  border-radius: 1rem;
  overflow: hidden;
}
.unitTable.typeRow.type2 table tbody tr:hover {
  background-color: #fff;
}
.unitTable.typeRow.type2 table tbody tr:hover td {
  background-color: #fff;
}
.unitTable.typeRow table tbody tr th {
  text-align: left;
  padding: 1.5rem 2rem;
  background-color: #fafafa;
  border-right: 1px solid #ccc;
  font-weight: 700;
  vertical-align: top;
}
.unitTable.typeRow table tbody tr th .required {
  color: #e02a40;
}
.unitTable.typeRow table tbody tr th small {
  font-weight: 400;
  line-height: 1.2;
}
.unitTable.typeRow table tbody tr td {
  vertical-align: middle;
  padding: 1rem 2rem;
  background-color: #fff;
}
.unitTable.typeRow table tbody tr td .formText input {
  height: 3.6rem;
  padding: 0 2rem;
  border-radius: 0.5rem;
  max-width: 22rem;
}
.unitTable.typeRow table tbody tr td .formText input[type=password] {
  padding: 0 6rem 0 2rem;
}
.unitTable.typeRow table tbody tr td .formText.wide input {
  max-width: 100%;
}
.unitTable.typeRow table tbody tr td .formText.mid input {
  max-width: 33.5rem;
}
.unitTable.typeRow table tbody tr td .formText.full input {
  max-width: 100%;
}
.unitTable.typeRow table tbody tr td .formSelect select {
  height: 3.6rem;
  padding: 0 4rem 0 2rem;
  border-radius: 0.5rem;
  max-width: 22rem;
}
.unitTable.typeRow table tbody tr td .formSelect.wide select {
  max-width: 100%;
}
.unitTable.typeRow table tbody tr td .formSelect.mid select {
  max-width: 33.5rem;
}
.unitTable.typeRow table tbody tr td .checkCont {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
.unitTable.typeRow table tbody tr td .checkCont .formCheckbox + .formCheckbox {
  margin-top: 0;
}
.unitTable.typeRow table tbody tr td .checkCont .desc {
  color: #666;
  font-size: 1.3rem;
}
.unitTable.typeRow table tbody tr td .checkCont.website {
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td .checkCont.website .formCheckbox > label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td .checkCont.website .formCheckbox > label > span {
  font-size: 1.2rem;
  color: #666;
}
.unitTable.typeRow table tbody tr td .radCont {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
.unitTable.typeRow table tbody tr td .radCont .formRadio + .formRadio {
  margin-top: 0;
}
.unitTable.typeRow table tbody tr td .radCont .desc {
  color: #666;
  font-size: 1.3rem;
}
.unitTable.typeRow table tbody tr td .radCont.website {
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td .radCont.website .formRadio > label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td .radCont.website .formRadio > label > span {
  font-size: 1.2rem;
  color: #666;
}
.unitTable.typeRow table tbody tr td .picCont {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td .picCont > .left > img {
  width: 12rem;
}
.unitTable.typeRow table tbody tr td .picCont > .right > p {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  align-items: flex-start;
}
.unitTable.typeRow table tbody tr td > .desc {
  margin-top: 1rem;
}
.unitTable.typeBbs table thead tr th {
  vertical-align: middle;
}
.unitTable.typeBbs table tbody tr.prize {
  background-color: #f6eaff;
}
.unitTable.typeBbs table tbody tr.prize:hover td {
  background-color: #f6eaff !important;
}
.unitTable.typeBbs table tbody tr.noti {
  background-color: #fce8cb;
}
.unitTable.typeBbs table tbody tr.noti td {
  font-weight: 700;
}
.unitTable.typeBbs table tbody tr.noti:hover td {
  background-color: #fce8cb !important;
}
.unitTable.typeBbs table tbody tr td {
  text-align: center;
}
.unitTable.typeBbs table tbody tr td > .tag {
  color: #999;
}
.unitTable.typeBbs table tbody tr td > .tag.fin {
  font-weight: 500;
  color: #1a1a1a;
}
.unitTable.typeBbs table tbody tr td.pay {
  text-align: right;
}
.unitTable.typeBbs table tbody tr td.stat {
  font-weight: 500;
}
.unitTable.typeBbs table tbody tr td.stat .wait {
  color: #b8b8b8;
  font-weight: 400;
}
.unitTable.typeBbs table tbody tr td.stat .fail {
  color: #1a1a1a;
}
.unitTable.typeBbs table tbody tr td.stat .suc {
  color: #e02a40;
}
.unitTable.typeBbs table tbody tr td.stat .fin {
  color: #008bf6;
}
.unitTable.typeBbs table tbody tr td.stat .not {
  color: #fab312;
}
.unitTable.typeBbs table tbody tr td.chk .formCheckbox {
  display: inline-flex;
  margin-right: -1.5rem;
}
.unitTable.typeBbs table tbody tr td.chk2 .formCheckbox label {
  margin-top: -1rem;
}
.unitTable.typeBbs table tbody tr td.lect {
  text-decoration: underline;
}
.unitTable.typeBbs table tbody tr td.money {
  text-align: right !important;
}
.unitTable.typeBbs table tbody tr td.attatch > img {
  height: 2rem;
}
.unitTable.short {
  width: 68rem;
  margin: auto;
}
.unitTable.sml {
  font-size: 1.3rem;
}
.unitTable.sml td small {
  font-size: 1.1rem;
}
.unitTable.sml .tblBtn {
  padding: 0 0.5rem;
  width: 100%;
  font-size: 1.3rem;
}
@media (max-width: 1000px) {
  .unitTable:not(.noTrans) > table {
    display: block;
  }
  .unitTable:not(.noTrans) > table > thead,
  .unitTable:not(.noTrans) > table > tbody {
    display: block;
  }
  .unitTable:not(.noTrans) > table > thead > tr,
  .unitTable:not(.noTrans) > table > tbody > tr {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    align-items: flex-start;
    flex-direction: column;
    padding: 1rem;
  }
  .unitTable:not(.noTrans) > table > thead > tr > th,
  .unitTable:not(.noTrans) > table > tbody > tr > th {
    padding: 0 0 1rem 0 !important;
  }
  .unitTable:not(.noTrans) > table > thead > tr > td,
  .unitTable:not(.noTrans) > table > tbody > tr > td {
    padding: 0 !important;
    width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > th {
    width: 100%;
    background-color: #fff;
    border-right: none;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td {
    border-right: none;
    width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td + th {
    margin-top: 2rem;
    position: relative;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td + th:before {
    content: "";
    height: 1px;
    width: calc(100% + 2rem);
    background-color: #ccc;
    position: absolute;
    top: -1rem;
    left: -1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .formText input {
    max-width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .formText.mid input {
    max-width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .formSelect select {
    max-width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .formSelect.mid select {
    max-width: 100% rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .checkCont {
    gap: 1rem;
    flex-wrap: wrap;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .checkCont .desc {
    font-size: 1.1rem;
    width: 100%;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .checkCont.website .formCheckbox > label {
    gap: 0.25rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .checkCont.website .formCheckbox > label > span {
    font-size: 1.1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .radCont {
    gap: 1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .radCont .desc {
    font-size: 1.1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .radCont.website .formRadio > label {
    gap: 0.25rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .radCont.website .formRadio > label > span {
    font-size: 1.1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td > .desc {
    margin-top: 0.5rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .picCont {
    gap: 1rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .picCont > .left > img {
    width: 12rem;
  }
  .unitTable:not(.noTrans).typeRow > table > tbody > tr > td .picCont > .right > p {
    gap: 1rem;
    align-items: flex-start;
  }
  .unitTable:not(.noTrans).typeRow.form {
    border-bottom: none;
  }
  .unitTable:not(.noTrans).typeRow.type3 table tbody tr {
    flex-direction: row;
    align-items: center;
  }
  .unitTable:not(.noTrans).typeRow.type3 table tbody tr th {
    margin-bottom: 0;
    padding: 0 !important;
    width: 20rem;
  }
  .unitTable:not(.noTrans).typeRow.type3 + .termsChk {
    height: calc(100% - 21.5rem);
  }
  .unitTable:not(.noTrans).typeRow.type3 + .termsChk .txtBox {
    height: calc(100% - 3rem);
    overflow-y: auto;
  }
  .unitTable:not(.noTrans).typeRow.type3 + .termsChk.type3 {
    height: calc(100% - 27.5rem);
  }
  .unitTable:not(.noTrans).typeBbs table thead {
    display: none;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0.4rem 1rem;
    position: relative;
    padding: 1rem 0;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td {
    width: auto;
    color: #999;
    font-size: 1.3rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.tit {
    width: 100% !important;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.tit > .link {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
    font-size: 1.4rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.tit > .link > span {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 1.5rem);
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.tit > .link > i {
    min-width: 3rem;
    margin-right: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.num {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.attach {
    position: absolute;
    right: 0;
    top: 1rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.attach > button {
    width: 2rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.event {
    width: 100% !important;
    color: #1a1a1a;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.event > .link {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.event > .link > span {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 1.5rem);
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.event > .link > i {
    min-width: 3rem;
    margin-right: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.event2 {
    width: 100% !important;
    color: #1a1a1a;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.startDate:before {
    content: "신청일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.payEndDate:before {
    content: "결제마감일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.regiDate:before {
    content: "접수일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.sleepDate:before {
    content: "숙박일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.time:before {
    content: "이용시간: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.place:before {
    content: "장소: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay:before {
    content: "대관료: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay2 {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay2:before {
    content: "이용료: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay3 {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay3:before {
    content: "결제금액: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay4 {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay4:before {
    content: "금액: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay5 {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.pay5:before {
    content: "비용: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.sector {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.sector:before {
    content: "구역: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.desc {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.desc:before {
    content: "내용: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.type2 {
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.type2:before {
    content: "구분: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.note {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.chk {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.chk .formCheckbox {
    display: inline-flex;
    margin-right: -1.5rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.web {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.web:before {
    content: "웹서비스: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.joinDate {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.joinDate:before {
    content: "가입일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.iden {
    width: 100%;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.stat br {
    display: none;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.chk2 {
    width: 100%;
    height: 2rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.chk2 .formCheckbox label {
    margin-top: 0rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lect {
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.week {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.week:before {
    content: "강습일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lectTime {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lectTime:before {
    content: "강습시간: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.person {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.person:before {
    content: "정원: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.person2 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.person2:before {
    content: "접수가능: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.money {
    width: 100%;
    text-align: left !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.money br {
    display: none;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.money:before {
    content: "수강료 (양주시민): ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecName {
    width: 100%;
    text-align: left;
    color: #1a1a1a;
    font-size: 1.6rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecType {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecType:before {
    content: "종목구분: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecClass {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecClass:before {
    content: "강습반 명: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecDate {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecDate br {
    display: none;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecDate:before {
    content: "강습일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecTime {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lecTime:before {
    content: "운영 기간: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerName {
    width: 100%;
    text-align: left;
    color: #1a1a1a;
    font-size: 1.6rem;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerFloor {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerFloor:before {
    content: "분류/위치: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerNum {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerNum:before {
    content: "번호: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate:before {
    content: "등록일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate2 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate2:before {
    content: "시작일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate3 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerDate3:before {
    content: "종료일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerPeriod {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerPeriod:before {
    content: "기간: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerMoney {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.lockerMoney:before {
    content: "이용금액: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.eventName {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.eventName:before {
    content: "행사명: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carType {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carType:before {
    content: "구분: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.parkName {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.parkName:before {
    content: "주차장명: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.location {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.location:before {
    content: "위치: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.canMonth {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.canMonth:before {
    content: "신청 가능 개월 수: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.remain {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.remain:before {
    content: "잔여 면수/총 면수: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.parkMoney {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.parkMoney:before {
    content: "금액: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carType2 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carType2:before {
    content: "차량종류: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carDate1 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carDate1:before {
    content: "정기권 시작일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carDate2 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carDate2:before {
    content: "정기권 종료일: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carMonth2 {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.carMonth2:before {
    content: "신청 개월 수: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreeLists {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreeLists:before {
    content: "수집항목: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreeGoal {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreeGoal:before {
    content: "수집목적: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreedPeriod {
    width: 100%;
    text-align: left;
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.agreedPeriod:before {
    content: "보유기간: ";
  }
  .unitTable:not(.noTrans).typeBbs table tbody tr td.attatch > img {
    height: 1.5rem;
  }
  .unitTable:not(.noTrans).short {
    width: 100%;
  }
}

.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;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
.unitList.dot > li {
  padding-left: 1rem;
}
.unitList.dot > li:before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #1a1a1a;
  left: 0;
  top: 1rem;
}
.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.blk > li:before {
  background-color: #1a1a1a;
}
.unitList.blank > li {
  padding-left: 0 !important;
}
.unitList.blank > li:before {
  display: none;
}
.unitList.btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  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: 1000px) {
  .unitList.btn > li {
    width: calc(50% - 0.5rem) !important;
  }
}
.unitList.process {
  display: flex;
  align-items: center;
  gap: 1.5rem 2.5rem;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.unitList.process > li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc(25% - 2rem);
  height: 8rem;
  text-align: center !important;
  color: #044da2;
  padding-left: 0 !important;
  border: 0.3rem solid #044da2;
  border-radius: 1rem;
}
.unitList.process > li + li {
  margin-top: 0 !important;
}
.unitList.process > li:last-child:after {
  display: none;
}
.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: #044da2;
  padding: 0.3rem 1rem;
}
@media (max-width: 1000px) {
  .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);
  }
}

.unitModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  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: 67rem;
  border-radius: 0.5rem;
  max-height: calc(100% - 6rem);
  overflow-y: auto;
  background-color: #fff;
  word-break: keep-all;
}
.unitModal > .wrapper .closeModal {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
}
.unitModal > .wrapper .closeModal > i > img {
  width: 8rem !important;
}
.unitModal > .wrapper > .tit {
  font-size: 1.9rem;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding: 2rem;
}
.unitModal > .wrapper > .tit > small {
  display: block;
  font-weight: 400;
  color: #999;
}
.unitModal > .wrapper > .contArea {
  padding: 2rem;
}
.unitModal > .wrapper > .contArea > .msg {
  font-size: 1.4rem;
  color: #333;
  text-align: center;
  padding: 0 2rem;
  line-height: 1.5;
}
.unitModal > .wrapper > .contArea .unitTable.typeRow table tbody tr th {
  padding: 1.5rem;
}
.unitModal > .wrapper > .contArea .unitTable.typeRow table tbody tr td {
  padding: 1rem 1.5rem;
}
.unitModal > .wrapper > .contArea aside.termsChk .txtBox {
  padding: 2rem;
}
.unitModal > .wrapper > .contArea aside.termsChk .txtBox > .tit {
  font-size: 1.8rem;
}
.unitModal > .wrapper > .contArea aside.termsChk > .chkCont {
  margin-top: 1rem;
}
.unitModal > .wrapper .unitBtn {
  margin: 0;
}
.unitModal > .wrapper .unitBtn .flexArea {
  gap: 0;
  overflow: hidden;
}
.unitModal > .wrapper .unitBtn .flexArea button {
  font-size: 1.6rem;
  padding: 2rem 1.2rem;
  border-radius: 0;
  font-size: 1.6rem;
}
.unitModal > .wrapper .unitBtn .flexArea button.dis {
  flex: 0.5;
}
.unitModal > .wrapper .unitBtn .flexArea button.dis.full {
  flex: 1;
}
.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;
}
@media (max-width: 1000px) {
  .unitModal > .wrapper {
    max-width: calc(100% - 4rem);
    max-height: calc(100% - 4rem);
  }
  .unitModal > .wrapper .closeModal {
    right: 2rem;
    top: 2.4rem;
  }
  .unitModal > .wrapper .closeModal > i > img {
    width: 8rem !important;
  }
  .unitModal > .wrapper > .tit {
    font-size: 2rem;
    padding: 1.6rem 2rem;
  }
  .unitModal > .wrapper > .contArea {
    padding: 1.6rem 2rem;
  }
  .unitModal > .wrapper > .contArea > .msg {
    font-size: 1.3rem;
  }
  .unitModal > .wrapper .unitBtn .flexArea button {
    font-size: 1.5rem;
    height: 6rem;
    line-height: 1.2;
  }
  .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: calc(100% - 4rem);
  }
  .unitModal[data-type=alert] > .wrapper .closeModal {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
  }
  .unitModal[data-type=alert] > .wrapper > .tit {
    font-size: 1.8rem;
    padding: 1.2rem 1.6rem;
  }
  .unitModal[data-type=tooltip] > .wrapper {
    width: calc(100% - 4rem);
  }
  .unitModal[data-type=tooltip] > .wrapper .closeModal {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
  }
  .unitModal[data-type=tooltip] > .wrapper > .tit {
    font-size: 1.4rem;
    padding: 1.2rem 4rem 1.2rem 1.6rem;
  }
  .unitModal[data-type=tooltip] > .wrapper .contArea {
    padding: 2rem;
    font-size: 1.4rem;
    color: #666;
  }
  .unitModal[data-type=tooltip] > .wrapper .contArea .unitList > li {
    margin-top: 0.5rem;
  }
  .unitModal[data-type=tooltip] > .wrapper .contArea .unitList.num > li {
    padding-left: 2.2rem;
  }
  .unitModal[data-type=tooltip] > .wrapper .contArea .unitList.num > li:before {
    width: 1.6rem;
    height: 1.6rem;
  }
  .unitModal[data-type=sml] > .wrapper {
    max-width: calc(100% - 4rem);
  }
  .unitModal[data-type=wide] > .wrapper {
    max-width: calc(100% - 4rem);
  }
  .unitModal .botomText {
    padding: 0 2rem 1rem;
  }
}

.unitToast {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  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 {
  display: none;
}
.unitSwiper .swiper-button-next {
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  z-index: 2;
}
.unitSwiper .swiper-button-next:after {
  display: none;
}
.unitSwiper .swiper-button-next.swiper-button-disabled {
  display: none;
}
.unitSwiper .controller {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  bottom: 2rem;
  width: 100%;
}
.unitSwiper .controller .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-direction: row;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.unitSwiper .controller .swiper-pagination > * {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 10rem;
}
.unitSwiper .controller .swiper-pagination > *.swiper-pagination-bullet-active {
  width: 2rem;
  background-color: #00429a;
}
.unitSwiper .controller .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.unitSwiper .controller .btnCont {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.unitSwiper .controller .btnCont > button {
  display: none;
}
.unitSwiper .controller .btnCont > button.isActive {
  display: block;
}
@media (max-width: 1000px) {
  .unitSwiper .controller {
    gap: 1rem;
    bottom: 1rem;
  }
  .unitSwiper .controller .swiper-pagination {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
  }
  .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 {
  font-style: normal;
}

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

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

@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 100;
  src: url("../common/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Thin.woff") format("woff"), url("../common/fonts/NotoSansKR-Thin.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 300;
  src: url("../common/fonts/NotoSansKR-Light.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Light.woff") format("woff"), url("../common/fonts/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 350;
  src: url("../common/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../common/fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../common/fonts/NotoSansKR-DemiLight.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 400;
  src: url("../common/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Regular.woff") format("woff"), url("../common/fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 500;
  src: url("../common/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Medium.woff") format("woff"), url("../common/fonts/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 700;
  src: url("../common/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Bold.woff") format("woff"), url("../common/fonts/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKr";
  font-style: normal;
  font-weight: 900;
  src: url("../common/fonts/NotoSansKR-Black.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Black.woff") format("woff"), url("../common/fonts/NotoSansKR-Black.otf") format("opentype");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 100;
  src: url("../common/fonts/NanumSquareL.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 400;
  src: url("../common/fonts/NanumSquareR.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 700;
  src: url("../common/fonts/NanumSquareB.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 800;
  src: url("../common/fonts/NanumSquareEB.woff") format("woff");
}
@font-face {
  font-family: "GyeonggiCheonnyeon";
  font-style: light;
  font-weight: 300;
  src: url("../common/fonts/Title_Light.woff") format("woff");
}
@font-face {
  font-family: "GyeonggiCheonnyeon";
  font-style: normal;
  font-weight: 400;
  src: url("../common/fonts/Title_Medium.woff") format("woff");
}
@font-face {
  font-family: "GyeonggiCheonnyeon";
  font-style: normal;
  font-weight: 700;
  src: url("../common/fonts/Title_Bold.woff") format("woff");
}
:root,
html {
  font-size: 10px;
}

html,
body {
  height: 100%;
}

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

:focus {
  outline: 2px solid #a0d2f1 !important;
}
@media (max-width: 1000px) {
  :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;
}

i[class*=icon-] {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  color: transparent;
  text-indent: 300%;
  box-sizing: content-box;
}
@media (max-width: 1000px) {
  i[class*=icon-] {
    transform: scale(0.5);
    transform-origin: top left;
  }
}

body.isFixed {
  overflow: hidden;
}

.co-primary {
  color: #00429a !important;
}

.co-secondary {
  color: #008bf6 !important;
}

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

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

.co-bagie {
  color: #e9e3d9 !important;
}

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

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

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

.co-yellow {
  color: #fab312 !important;
}

.co-lightYellow {
  color: #ffe477 !important;
}

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

.co-redLight {
  color: #eb7874 !important;
}

.co-blue {
  color: #044da2 !important;
}

.co-secondary {
  color: #008bf6 !important;
}

.co-lightBlue {
  color: #3975b9 !important;
}

.co-darkBlue {
  color: #043991 !important;
}

.co-green {
  color: #25613d !important;
}

.co-greenLight {
  color: #7fb152 !important;
}

.mt-10 {
  margin-top: -1rem !important;
}

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

.mt5 {
  margin-top: 0.5rem !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mt15 {
  margin-top: 1.5rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt25 {
  margin-top: 2.5rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt35 {
  margin-top: 3.5rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt45 {
  margin-top: 4.5rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt55 {
  margin-top: 5.5rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

@media (max-width: 1000px) {
  .mt-10 {
    margin-top: -0.5rem !important;
  }
  .mt5 {
    margin-top: 0.25rem !important;
  }
  .mt10 {
    margin-top: 0.5rem !important;
  }
  .mt15 {
    margin-top: 0.75rem !important;
  }
  .mt20 {
    margin-top: 1rem !important;
  }
  .mt25 {
    margin-top: 1.25rem !important;
  }
  .mt30 {
    margin-top: 1.5rem !important;
  }
  .mt35 {
    margin-top: 1.75rem !important;
  }
  .mt40 {
    margin-top: 2rem !important;
  }
  .mt45 {
    margin-top: 2.25rem !important;
  }
  .mt50 {
    margin-top: 2.5rem !important;
  }
  .mt55 {
    margin-top: 2.75rem !important;
  }
  .mt60 {
    margin-top: 3rem !important;
  }
  .mb10 {
    margin-bottom: 0.5rem !important;
  }
  .mb20 {
    margin-bottom: 1rem !important;
  }
}
button.typeBox {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  font-size: 1.5rem;
  color: #1a1a1a;
  height: 4rem;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  width: 100%;
  background-color: #fff;
  justify-content: center;
}

hr.line {
  height: 1px;
  background-color: #ccc;
  margin: 2rem 0;
  border: none;
}
hr.line.white {
  background-color: transparent;
}
hr.line.sml {
  margin: 1rem 0;
}
hr.line.wide {
  margin: 3rem 0;
  background-color: transparent;
  border-top: 1px dashed #ccc;
}
hr.line.blue {
  background-color: #044da2;
  height: 0.2rem;
  margin: 6rem 0;
}
@media (max-width: 1000px) {
  hr.line {
    margin: 1.5rem 0;
    border: none;
  }
  hr.line.sml {
    margin: 0.5rem 0;
  }
  hr.line.wide {
    margin: 1.5rem 0;
  }
  hr.line.blue {
    margin: 3rem 0;
  }
}

.pagination {
  margin-top: 2rem;
}
.pagination ul {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex-direction: row;
  justify-content: center;
}
.pagination ul > li button {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: 1.2rem;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  background-color: #fff;
  transition: all 0.2s ease 0.05s;
}
.pagination ul > li button.isActive {
  background-color: #00429a;
  color: #fff;
}
.pagination ul > li button.isActive:hover, .pagination ul > li button.isActive:focus {
  color: #fff;
}
.pagination ul > li button:hover, .pagination ul > li button:focus {
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: underline;
}
.pagination + .bottomBtn {
  margin-top: 0;
}
@media (max-width: 1000px) {
  .pagination {
    margin-top: 2rem;
  }
  .pagination ul {
    gap: 0.1rem;
  }
  .pagination ul > li button {
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
  }
  .pagination + .bottomBtn {
    margin-top: 2rem;
  }
}

header {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 11;
}
header nav {
  width: 100%;
  max-width: 160rem;
  z-index: 1;
  position: relative;
  margin: auto;
  padding: 0 2rem;
}
header nav .topBtn {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
}
header nav .topBtn:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  top: 5.5rem;
  background-color: #ccc;
  left: 50%;
  transform: translateX(-50%);
}
header nav .topBtn > .left {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
}
header nav .topBtn > .left > button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.4rem;
  color: #1a1a1a;
  height: 5.5rem;
}
header nav .topBtn > .left > button:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  width: 1px;
  height: 1rem;
  background-color: #ccc;
}
header nav .topBtn > .right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  font-size: 1.4rem;
  color: #1a1a1a;
}
header nav .topBtn > .right > button {
  height: 5.5rem;
}
header nav .topBtn > .right > button[class^=btnMem] {
  height: 3.2rem;
  padding: 0 1.5rem;
  border-radius: 0.5rem;
  margin-left: -1rem;
  background-color: #008bf6;
  color: #fff;
  transition: all 0.2s ease 0.05s;
}
header nav .topBtn > .right > button[class^=btnMem]:hover {
  color: #fff;
  background-color: #1a1a1a;
}
header nav .topBtn > .right .btnClose {
  display: none;
}
header nav .topBtn > .right .btnCart {
  margin-right: 1rem;
}
header nav .topArea {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  max-width: 116rem;
  margin: auto;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
}
header nav .topArea:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  top: 6.9rem;
  background-color: #ccc;
  left: 50%;
  transform: translateX(-50%);
}
header nav .topArea .left h1 button {
  height: 7rem;
}
header nav .topArea .menuArea {
  margin-right: -2rem;
}
header nav .topArea .menuArea .btnClose {
  display: none;
}
header nav .topArea .menuArea .dep01 {
  display: flex;
  align-items: center;
  gap: 8rem;
  flex-direction: row;
  justify-content: space-evenly;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1a1a;
  position: relative;
}
header nav .topArea .menuArea .dep01 > li {
  text-align: center;
  position: relative;
}
header nav .topArea .menuArea .dep01 > li > a {
  display: block;
  border-bottom: 0.3rem solid transparent;
  height: 7rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  color: #1a1a1a;
  width: 100%;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 2rem;
  transition: all 0.2s ease 0.05s;
}
header nav .topArea .menuArea .dep01 > li > a:hover, header nav .topArea .menuArea .dep01 > li > a:focus, header nav .topArea .menuArea .dep01 > li > a.current {
  border-bottom-color: #00429a;
  font-weight: 700;
  color: #00429a;
}
header nav .topArea .menuArea .dep01 > li .dep02 {
  font-size: 1.5rem;
  position: absolute;
  width: 100%;
  font-weight: 400;
  display: none;
  margin-top: 3rem;
  letter-spacing: -0.05rem;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li {
  padding-left: 2rem;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li + li {
  margin-top: 2rem;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li > a {
  white-space: nowrap;
  text-align: left;
  display: block;
  color: #666;
  transition: all 0.2s ease 0.05s;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover {
  font-weight: 500;
  text-decoration: underline;
  color: #00429a;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li > a:focus {
  font-weight: 500;
  text-decoration: underline;
  color: #00429a;
  outline: none !important;
}
header nav .topArea .menuArea .dep01 > li .dep02 > li i {
  margin-left: 0.6rem; /*display:none;*/
}
header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
  display: none;
}
header nav .topArea .menuArea .moArea {
  display: none;
}
header nav .topArea .menuArea .bg {
  width: 100vw;
  position: absolute;
  top: 7rem;
  left: 50%;
  transform: translateX(-50%);
  height: 25rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  z-index: -1;
  display: none;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
header nav .topArea .menuArea .bg:before {
  content: "";
  position: absolute;
  width: 32rem;
  height: 30rem;
  background-position: center;
  background-image: url(../img/common/gnbBg_00.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: calc(50% - 60rem);
  bottom: 0rem;
  opacity: 1; /*transform:rotate(10deg);*/
  transition: all 0.2s ease 0.05s;
}
header nav .topArea .menuArea .bg[data-icon=bg01]:before {
  background-image: url(../img/common/gnbBg_01.png);
}
header nav .topArea .menuArea .bg[data-icon=bg02]:before {
  background-image: url(../img/common/gnbBg_02.png);
}
header nav .topArea .menuArea .bg[data-icon=bg03]:before {
  background-image: url(../img/common/gnbBg_03.png);
}
header nav .topArea .menuArea .bg[data-icon=bg04]:before {
  background-image: url(../img/common/gnbBg_04.png);
}
header nav .topArea .menuArea .bg[data-icon=bg05]:before {
  background-image: url(../img/common/gnbBg_05.png);
}
header nav .topArea .menuArea .bg.isActive {
  display: block;
}
@media (max-width: 1600px) {
  header nav .topArea .menuArea .bg :before {
    display: none;
  }
  header nav .topArea .menuArea .bg :after {
    display: none;
  }
}
header.allMenuActive {
  position: static;
}
header.allMenuActive nav {
  position: relative;
  z-index: 12;
}
header.allMenuActive nav .topBtn {
  z-index: 1;
}
header.allMenuActive nav .topBtn:before {
  display: none;
}
header.allMenuActive nav .topBtn > .left {
  display: none;
}
header.allMenuActive nav .topBtn > .right {
  justify-content: flex-end;
  width: 100%;
}
header.allMenuActive nav .topBtn > .right > button {
  display: none;
}
header.allMenuActive nav .topBtn > .right .btnClose {
  display: block;
  padding-top: 2.5rem;
  padding-right: 2rem;
}
header.allMenuActive nav .topArea {
  position: relative;
  margin-top: -6rem;
  z-index: 1;
}
header.allMenuActive nav .topArea:before {
  background-color: rgba(255, 255, 255, 0.2);
  top: 9rem;
}
header.allMenuActive nav .topArea .left {
  display: none;
}
header.allMenuActive nav .topArea .right {
  display: none;
}
header.allMenuActive nav .topArea .menuArea {
  background-color: transparent;
}
header.allMenuActive nav .topArea .menuArea .btnClose {
  position: absolute;
  top: 4rem;
  right: 0;
  display: block;
  z-index: 1;
}
header.allMenuActive nav .topArea .menuArea .btnClose i {
  min-width: 3.2rem !important;
}
header.allMenuActive nav .topArea .menuArea .btnClose i img {
  width: 3.2rem !important;
}
header.allMenuActive nav .topArea .menuArea .dep01 {
  position: static;
  background-color: transparent;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li {
  text-align: left;
  position: static;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:not(:first-child):before {
  top: 0;
  width: 1px;
  height: 49rem;
  transform: none;
  z-index: 1;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li > a {
  position: absolute;
  width: 20%;
  text-align: left;
  justify-content: flex-start;
  color: #fff;
  font-size: 2.4rem;
  height: 9rem;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li > a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li > a:focus, header.allMenuActive nav .topArea .menuArea .dep01 > li > a.current {
  border-bottom-color: transparent !important;
  color: #fff !important;
  font-weight: 500;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li a:hover {
  color: #fff;
  text-decoration: underline;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li a:focus {
  color: #fff;
  text-decoration: underline;
  outline: none !important;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 {
  display: block !important;
  padding: 0;
  position: absolute;
  width: 20%;
  margin-top: 12rem;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .moArea {
  display: block;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a {
  text-align: left;
  padding: 0;
  letter-spacing: -0.1rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 1.8rem;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:focus {
  color: #fff;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
  display: block;
  font-size: 1.4rem;
  color: #555;
  margin-bottom: 1rem;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a {
  line-height: 4rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.5rem;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:before {
  content: "· ";
}
header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:focus {
  text-decoration: underline;
  color: #fff;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(1) > a,
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(1) .dep02 {
  left: 0;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(2) > a,
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(2) .dep02 {
  left: 20%;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(3) > a,
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(3) .dep02 {
  left: 40%;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(4) > a,
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(4) .dep02 {
  left: 60%;
}
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(5) > a,
header.allMenuActive nav .topArea .menuArea .dep01 > li:nth-child(5) .dep02 {
  left: 80%;
}
header.allMenuActive nav .topArea .menuArea .moArea {
  display: block;
  display: none;
}
header.allMenuActive nav .topArea .menuArea .bg {
  display: none;
}
header.allMenuActive:after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #58595b;
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 11;
}
header.allMenuActive:before {
  content: "";
  width: 200%;
  height: 200%;
  position: fixed;
  left: -40rem;
  bottom: -8.5rem;
  background: url(../img/sub/menu_top.png);
  background-position: top left;
  z-index: 12;
  opacity: 0.15;
  transform: rotate(-30deg);
}
header.allMenuActive.isSticky nav:before {
  display: none;
}
header.isSticky {
  height: 14.5rem;
}
header.isSticky nav {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
header.isSticky nav:before {
  content: "";
  width: 100vw;
  height: 7rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  z-index: -1;
}
header.isSticky nav .topBtn {
  display: none;
}
header.isSticky nav .topArea .menuArea .bg {
  top: 7rem;
}
@media (max-width: 1000px) {
  header nav {
    max-width: 100%;
    border-bottom: 1px solid #ccc;
  }
  header nav .topBtn {
    z-index: 1;
  }
  header nav .topBtn:before {
    display: none;
  }
  header nav .topBtn > .left {
    display: none;
  }
  header nav .topBtn > .right {
    justify-content: flex-end;
    width: 100%;
  }
  header nav .topBtn > .right > button {
    display: none;
  }
  header nav .topBtn > .right .btnOpen {
    display: block;
    width: 2.6rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  header nav .topArea {
    height: 5.5rem;
    font-size: 1.6rem;
  }
  header nav .topArea:before {
    top: 5.5rem;
    display: none;
  }
  header nav .topArea .left {
    min-width: 20rem;
  }
  header nav .topArea .left h1 button {
    width: 20rem;
    height: 2.5rem;
    background: url(../img/sub/menu_logo.png) center left no-repeat;
    background-size: contain;
    height: 5.5rem;
  }
  header nav .topArea .left h1 img {
    display: none;
  }
  header nav .topArea .menuArea {
    display: none;
  }
  header.allMenuActive {
    position: static;
    height: 100%;
    overflow-y: auto;
    background-color: #0753a7;
  }
  header.allMenuActive:after {
    content: "";
    width: 100%;
    height: calc(100% - 5.5rem);
    position: absolute;
    left: 0;
    top: 5.5rem;
    z-index: 1;
    background-color: #0753a7;
  }
  header.allMenuActive nav {
    position: relative;
    z-index: 2;
    border-bottom: none;
  }
  header.allMenuActive nav .topBtn {
    z-index: 2;
  }
  header.allMenuActive nav .topBtn:before {
    display: none;
  }
  header.allMenuActive nav .topBtn > .left {
    display: none;
  }
  header.allMenuActive nav .topBtn > .right {
    justify-content: flex-end;
    width: 100%;
    gap: 1rem;
  }
  header.allMenuActive nav .topBtn > .right > button {
    display: none;
  }
  header.allMenuActive nav .topBtn > .right > button[class^=btnMem] {
    display: flex;
    height: 2.8rem;
    padding: 0 1rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    margin-left: -0.5rem;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
  }
  header.allMenuActive nav .topBtn > .right > button[class^=btnMem]:hover {
    color: #fff;
    border: 1px solid #fff;
  }
  header.allMenuActive nav .topBtn > .right .btnClose {
    display: block;
    width: 2.6rem;
    padding: 0;
    margin-right: -0.5rem;
  }
  header.allMenuActive nav .topBtn > .right .btnCart {
    display: flex;
    margin-right: 0.5rem;
  }
  header.allMenuActive nav .topBtn > .right .btnCart > i {
    margin: 0 -1.5rem -1.5rem 0 !important;
  }
  header.allMenuActive nav .topArea {
    position: relative;
    font-size: 1.3rem;
    height: auto;
    padding-top: 6rem;
  }
  header.allMenuActive nav .topArea:before {
    background-color: rgba(255, 255, 255, 0.3);
  }
  header.allMenuActive nav .topArea .left {
    display: block;
    position: absolute;
    top: 0.5rem;
  }
  header.allMenuActive nav .topArea .left h1 > button {
    background: url(../img/sub/menu_logo_w2.png) center left no-repeat;
    background-size: auto 2.6rem;
    width: 20rem;
    height: 5.5rem;
  }
  header.allMenuActive nav .topArea .left h1 > button > img {
    display: none;
  }
  header.allMenuActive nav .topArea .right {
    display: block;
  }
  header.allMenuActive nav .topArea .right .topIcon {
    position: static;
  }
  header.allMenuActive nav .topArea .right .topIcon > button.btnOpen {
    display: none;
  }
  header.allMenuActive nav .topArea .right .topIcon > button.lan {
    display: block;
    top: -9.3rem;
    position: absolute;
    right: 4rem;
  }
  header.allMenuActive nav .topArea .right .topIcon .lengList {
    left: auto;
    right: 2rem;
    top: -5.7rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    z-index: 3;
    border-radius: 0.4rem;
  }
  header.allMenuActive nav .topArea .right .topIcon .lengList li > button {
    height: auto;
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
    background-color: #008bf6;
  }
  header.allMenuActive nav .topArea .menuArea {
    background-color: transparent;
    display: block;
    margin: 0 -2rem;
    padding: 0;
    width: calc(100% + 4rem);
  }
  header.allMenuActive nav .topArea .menuArea .dep01 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0753a7;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li {
    text-align: left;
    position: static;
    width: 100%;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li:not(:first-child):before {
    display: none;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li > a {
    position: relative;
    width: 100%;
    left: auto !important;
    font-weight: 400;
    color: #fff;
    height: auto;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1.6rem;
    background-image: url(../img/common/menu_arrow.png);
    background-position: center right 2rem;
    background-repeat: no-repeat;
    background-size: auto 0.8rem;
    transition: all 0.2s ease 0.05s;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li > a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li > a:focus {
    text-decoration: none;
    color: #fff;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li > a.current {
    border-bottom-color: transparent !important;
    color: #fff !important;
    font-weight: 500;
    background-image: url(../img/common/menu_arrow2.png);
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li > a.current + .dep02 {
    display: block !important;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 {
    display: none !important;
    position: relative;
    width: 100%;
    margin-top: 0;
    left: auto !important;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.3);
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .moArea {
    display: block;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a {
    text-align: left;
    padding: 1.5rem 2rem;
    color: #fff;
    left: auto !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 -2rem;
    font-size: 1.4rem;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:focus {
    text-decoration: none;
    color: #fff;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
    display: block;
    font-size: 1.4rem;
    color: #666;
    margin: 0;
    position: relative;
    padding: 1rem 0;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03:before {
    content: "";
    width: calc(100% + 4rem);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: -2rem;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a {
    line-height: 3.5rem;
    color: rgba(255, 255, 255, 0.6);
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:before {
    content: "· ";
    font-size: 2rem;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover, header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:focus {
    text-decoration: none;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li + li {
    margin-top: 0;
  }
  header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li + li > a {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  header.allMenuActive nav .topArea .menuArea .moArea {
    display: block;
    display: none;
  }
  header.allMenuActive nav .topArea .menuArea .bg {
    display: none;
  }
  header.allMenuActive nav .totalSch {
    display: block;
    top: 4.6rem;
    background-color: #f1f1f1;
  }
  header.allMenuActive nav .totalSch .wrapper {
    position: relative;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }
  header.allMenuActive nav .totalSch .wrapper .cont .tit {
    display: none;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .btnSchClose {
    display: none;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .formArea {
    width: 100%;
    margin: 0;
    padding: 0 2rem;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .formArea input {
    font-size: 1.5rem;
    border: none;
    color: #1a1a1a;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .formArea input::-moz-placeholder {
    color: #f1f1f1;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .formArea input::placeholder {
    color: #f1f1f1;
  }
  header.allMenuActive nav .totalSch .wrapper .cont .formArea .btnSchAll {
    bottom: 1.5rem;
    right: 1rem;
  }
  header.allMenuActive:before {
    display: none;
  }
  header.allMenuActive.isSticky nav:before {
    display: none;
  }
  header.isSticky {
    height: 5.5rem;
  }
  header.isSticky nav {
    position: relative;
  }
  header.isSticky nav:before {
    display: none;
  }
  header.isSticky nav .topBtn {
    display: flex;
  }
}

footer {
  font-size: 1.4rem;
  color: #fff;
  background-color: #1a1a1a;
  width: 100%;
  position: relative;
  font-size: 1.3rem;
}
footer .moveTop {
  position: fixed;
  right: 1rem;
  bottom: 2rem;
  border-radius: 50%;
  overflow: hidden;
  display: none;
  z-index: 1;
}
footer .moveTop.fixed {
  position: absolute;
  bottom: auto;
  top: -6.8rem;
}
footer > .wrapper {
  width: 100%;
  max-width: 120rem;
  margin: auto;
  padding: 2rem 2rem;
  position: relative;
}
footer > .wrapper > .terms {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
footer > .wrapper > .terms > button {
  position: relative;
}
footer > .wrapper > .terms > button > strong {
  color: #fab312;
}
footer > .wrapper > .terms > button + button:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1rem;
  width: 1px;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
}
footer > .wrapper hr.line {
  margin: 2rem 0;
  background-color: #ccc;
  opacity: 0.2;
}
footer > .wrapper > .info {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
footer > .wrapper > .info > .left {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
}
footer > .wrapper > .info > .left > .desc {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
footer > .wrapper > .info > .left > .desc .addr .dtl {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
footer > .wrapper > .info > .left > .desc .addr .dtl > span {
  position: relative;
}
footer > .wrapper > .info > .left > .desc .addr .dtl > span > em {
  color: #ccc;
  margin-right: 0.5rem;
}
footer > .wrapper > .info > .left > .desc .addr .dtl > span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1rem;
  width: 1px;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
}
footer > .wrapper > .info > .left > .desc .copyright > strong {
  color: #3975b9;
}
footer > .wrapper > .info > .right {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
footer > .wrapper > .info > .right .formSelect {
  width: 16rem;
}
footer > .wrapper > .info > .right .formSelect .selZone select {
  background: transparent url(../img/common/sel_arrow_w.png) no-repeat center right 1rem;
  background-size: auto 2rem;
  color: #fff;
  font-size: 1.3rem;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 4rem 0 0;
  height: 4rem;
}
footer > .wrapper > .info > .right > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 4rem;
  padding: 0 1rem;
  color: #1a1a1a;
  background-color: #fff;
  border-radius: 0 0.3rem 0.3rem 0;
}
@media (max-width: 1000px) {
  footer {
    font-size: 1.3rem;
  }
  footer .moParking {
    position: relative;
    bottom: auto;
  }
  footer .moveTop.fixed {
    top: -3.4rem;
  }
  footer .moveTop > button {
    width: 2.4rem;
  }
  footer .moveTop > button > i {
    margin-right: -2.4rem !important;
    margin-bottom: -2.4rem !important;
  }
  footer > .wrapper {
    max-width: 100%;
    padding: 2rem;
  }
  footer > .wrapper > .terms {
    gap: 1rem;
    justify-content: center;
  }
  footer > .wrapper > .terms > button + button:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1rem;
    width: 1px;
    height: 1rem;
    background-color: rgba(255, 255, 255, 0.2);
  }
  footer > .wrapper hr.line {
    margin: 1rem 0;
  }
  footer > .wrapper > .info {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  footer > .wrapper > .info > .left {
    gap: 3rem;
    flex-direction: column;
    order: 2;
    align-items: center;
  }
  footer > .wrapper > .info > .left > .footLogo {
    order: 2;
  }
  footer > .wrapper > .info > .left > .desc {
    gap: 1.5rem;
    order: 1;
    width: 100%;
  }
  footer > .wrapper > .info > .left > .desc .addr {
    text-align: center;
  }
  footer > .wrapper > .info > .left > .desc .addr .dtl {
    gap: 0.5rem;
    margin-top: 1rem;
    flex-direction: column;
    align-items: center;
  }
  footer > .wrapper > .info > .left > .desc .addr .dtl > span > em {
    color: #ccc;
    margin-right: 0.5rem;
  }
  footer > .wrapper > .info > .left > .desc .addr .dtl > span + span:before {
    display: none;
  }
  footer > .wrapper > .info > .left > .desc .copyright {
    text-align: center;
    width: 100%;
  }
  footer > .wrapper > .info > .right {
    order: 1;
    width: 100%;
    justify-content: center;
  }
  footer > .wrapper > .info > .right .formSelect {
    width: 100%;
    max-width: 30rem;
  }
  footer > .wrapper > .info > .right .formSelect .selZone select {
    height: 3rem;
  }
  footer > .wrapper > .info > .right > button {
    height: 3rem;
  }
}

body main > .container {
  max-width: 160rem;
  min-height: 50rem;
  margin: auto;
  padding: 0 2rem;
}
@media (max-width: 1000px) {
  body main > .container {
    max-width: 100%;
  }
}

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-acc_arrow {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -23.7rem;
  width: 2.8rem;
  height: 1.7rem;
}

.icon-arrow_down {
  background-image: url(../img/sprite/sprite.png);
  background-position: -11.4rem -24.4rem;
  width: 1.3rem;
  height: 0.8rem;
}

.icon-arrow_down_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -23.4rem -36.4rem;
  width: 2.5rem;
  height: 1.5rem;
}

.icon-arrow_right {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -19.2rem;
  width: 1.2rem;
  height: 2.1rem;
}

.icon-arrow_up {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -41.7rem;
  width: 1.4rem;
  height: 0.9rem;
}

.icon-arrow_up_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20.4rem -36.4rem;
  width: 2.6rem;
  height: 1.5rem;
}

.icon-attach {
  background-image: url(../img/sprite/sprite.png);
  background-position: -25.2rem -6.4rem;
  width: 0.8rem;
  height: 1.5rem;
}

.icon-attach_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -8.6rem;
  width: 1.7rem;
  height: 3rem;
}

.icon-btn_arrow {
  background-image: url(../img/sprite/sprite.png);
  background-position: -22.5rem -26rem;
  width: 2rem;
  height: 1.4rem;
}

.icon-btn_arrow_blue {
  background-image: url(../img/sprite/sprite.png);
  background-position: -24.9rem -26rem;
  width: 2rem;
  height: 1.4rem;
}

.icon-btn_arrow_blue_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20rem -16.8rem;
  width: 4rem;
  height: 2.8rem;
}

.icon-btn_arrow_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -4.7rem -26rem;
  width: 4rem;
  height: 2.8rem;
}

.icon-btn_del {
  background-image: url(../img/sprite/sprite.png);
  background-position: -27.3rem -26rem;
  width: 1rem;
  height: 1rem;
}

.icon-btn_del_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem 0px;
  width: 1.8rem;
  height: 1.8rem;
}

.icon-btn_exclam {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem -6.8rem;
  width: 6rem;
  height: 6rem;
}

.icon-btn_exclam_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -13.6rem 0px;
  width: 6rem;
  height: 6rem;
}

.icon-btn_tra {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -32.7rem;
  width: 2.4rem;
  height: 2.4rem;
}

.icon-btn_tra_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem 0px;
  width: 2.4rem;
  height: 2.4rem;
}

.icon-cal {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem -20rem;
  width: 4rem;
  height: 4rem;
}

.icon-cal2 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -18.2rem;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-cal2_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -21.1rem;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-cal_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -11.2rem -20rem;
  width: 4rem;
  height: 4rem;
}

.icon-cal_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -24rem;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-cal_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -26.9rem;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-cart {
  background-image: url(../img/sprite/sprite.png);
  background-position: -5rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-cart_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -18.6rem -29.6rem;
  width: 3rem;
  height: 3rem;
}

.icon-chk_check_checked_dis {
  background-image: url(../img/sprite/sprite.png);
  background-position: -13.6rem -6.4rem;
  width: 6rem;
  height: 6rem;
}

.icon-close {
  background-image: url(../img/sprite/sprite.png);
  background-position: -7.6rem -29.6rem;
  width: 3.2rem;
  height: 3.2rem;
}

.icon-close_big {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -2.2rem;
  width: 1.7rem;
  height: 1.7rem;
}

.icon-close_big2 {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px 0px;
  width: 6.4rem;
  height: 6.4rem;
}

.icon-close_big_2_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem 0px;
  width: 6.4rem;
  height: 6.4rem;
}

.icon-close_big_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -29.6rem;
  width: 3.4rem;
  height: 3.4rem;
}

.icon-close_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -6.8rem;
  width: 6.4rem;
  height: 6.4rem;
}

.icon-close_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -4.3rem;
  width: 1.7rem;
  height: 1.7rem;
}

.icon-close_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -3.8rem -29.6rem;
  width: 3.4rem;
  height: 3.4rem;
}

.icon-down {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -21.7rem;
  width: 1.6rem;
  height: 1.6rem;
}

.icon-down_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -29.8rem;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-face {
  background-image: url(../img/sprite/sprite.png);
  background-position: -24.1rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-face_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-face_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.5rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-face_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -3.4rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-file_exel {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -28.7rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_exel_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem 0px;
  width: 4rem;
  height: 3.8rem;
}

.icon-file_file {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -31.1rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_file_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem -4.2rem;
  width: 4rem;
  height: 3.8rem;
}

.icon-file_han {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -33.5rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_han_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem -8.4rem;
  width: 4rem;
  height: 3.8rem;
}

.icon-file_pdf {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -35.9rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_pdf_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem -12.6rem;
  width: 4rem;
  height: 3.8rem;
}

.icon-file_ppt {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -38.8rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_ppt_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem -16.8rem;
  width: 4rem;
  height: 3.8rem;
}

.icon-file_word {
  background-image: url(../img/sprite/sprite.png);
  background-position: -2.5rem -38.8rem;
  width: 2.1rem;
  height: 2rem;
}

.icon-file_word_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -29.7rem -21rem;
  width: 4rem;
  height: 3.8rem;
}

.icon-ham {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -41.2rem;
  width: 2.1rem;
  height: 1.6rem;
}

.icon-ham_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -26rem;
  width: 4.3rem;
  height: 3.2rem;
}

.icon-home {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -6.4rem;
  width: 1.6rem;
  height: 1.7rem;
}

.icon-home_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -8.5rem;
  width: 1.6rem;
  height: 1.7rem;
}

.icon-home_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -10.6rem;
  width: 1.6rem;
  height: 1.7rem;
}

.icon-home_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -12.7rem;
  width: 1.6rem;
  height: 1.7rem;
}

.icon-icon_arrow {
  background-image: url(../img/sprite/sprite.png);
  background-position: -14.8rem -29.6rem;
  width: 3.4rem;
  height: 3rem;
}

.icon-icon_arrow_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -20rem;
  width: 6.4rem;
  height: 5.6rem;
}

.icon-icon_list {
  background-image: url(../img/sprite/sprite.png);
  background-position: -22rem -29.6rem;
  width: 3rem;
  height: 3rem;
}

.icon-icon_list_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -25.4rem -29.6rem;
  width: 3rem;
  height: 3rem;
}

.icon-icon_mail {
  background-image: url(../img/sprite/sprite.png);
  background-position: -28.8rem -29.6rem;
  width: 3rem;
  height: 3rem;
}

.icon-icon_mail_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem 0px;
  width: 3rem;
  height: 3rem;
}

.icon-icon_page {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -3.4rem;
  width: 3rem;
  height: 3rem;
}

.icon-icon_page_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -6.8rem;
  width: 3rem;
  height: 3rem;
}

.icon-inp_clear {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -36.4rem;
  width: 3rem;
  height: 2rem;
}

.icon-inp_clear_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -3.4rem -36.4rem;
  width: 3rem;
  height: 2rem;
}

.icon-inp_clear_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -21.8rem -38.8rem;
  width: 1.9rem;
  height: 2rem;
}

.icon-inp_id {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -2.8rem;
  width: 2.1rem;
  height: 2.5rem;
}

.icon-inp_id_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -5.7rem;
  width: 2.1rem;
  height: 2.5rem;
}

.icon-inp_pass {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -17.2rem;
  width: 1.9rem;
  height: 2.5rem;
}

.icon-inp_pass_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -20.1rem;
  width: 1.9rem;
  height: 2.5rem;
}

.icon-inp_view {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem -36.4rem;
  width: 3rem;
  height: 2rem;
}

.icon-inp_view_dis {
  background-image: url(../img/sprite/sprite.png);
  background-position: -10.2rem -36.4rem;
  width: 3rem;
  height: 2rem;
}

.icon-inp_view_dis_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -13.6rem -36.4rem;
  width: 3rem;
  height: 2rem;
}

.icon-inp_view_dis_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -30.6rem;
  width: 3rem;
  height: 2.2rem;
}

.icon-inp_view_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -17rem -36.4rem;
  width: 3rem;
  height: 1.8rem;
}

.icon-inp_view_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -10.2rem;
  width: 3rem;
  height: 3rem;
}

.icon-lock {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.3rem -36.4rem;
  width: 2.2rem;
  height: 1.5rem;
}

.icon-lock_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -9rem;
  width: 2.2rem;
  height: 3rem;
}

.icon-logo_gray {
  background-image: url(../img/sprite/sprite.png);
  background-position: -9.1rem -26rem;
  width: 6.3rem;
  height: 1.4rem;
}

.icon-logo_gray_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -15.8rem -26rem;
  width: 6.3rem;
  height: 1.4rem;
}

.icon-moon {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -12rem;
  width: 2.2rem;
  height: 2.2rem;
}

.icon-moon_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -15.6rem -20rem;
  width: 4rem;
  height: 4rem;
}

.icon-moveTop {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20rem -6.4rem;
  width: 4.8rem;
  height: 4.8rem;
}

.icon-moveTop_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20rem -11.6rem;
  width: 4.8rem;
  height: 4.8rem;
}

.icon-new {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -23rem;
  width: 2.1rem;
  height: 2.1rem;
}

.icon-newWin {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -33.2rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-newWin_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -34.9rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-new_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -13.6rem;
  width: 3rem;
  height: 3rem;
}

.icon-noti_01 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -24.4rem -20rem;
  width: 1.5rem;
  height: 2.2rem;
}

.icon-noti_01_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -32.2rem -29.6rem;
  width: 1.5rem;
  height: 2.2rem;
}

.icon-noti_02 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -14.8rem;
  width: 1.5rem;
  height: 1.8rem;
}

.icon-noti_02_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -17rem;
  width: 1.5rem;
  height: 1.8rem;
}

.icon-pagin_end {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -36.6rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-pagin_end_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -12.4rem;
  width: 2.6rem;
  height: 2.5rem;
}

.icon-pagin_first {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -38.3rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-pagin_first_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -15.3rem;
  width: 2.6rem;
  height: 2.5rem;
}

.icon-pagin_next {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -40rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-pagin_next_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -14.7rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-pagin_prev {
  background-image: url(../img/sprite/sprite.png);
  background-position: -24.4rem -22.6rem;
  width: 1.4rem;
  height: 1.3rem;
}

.icon-pagin_prev_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -17.7rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-pin {
  background-image: url(../img/sprite/sprite.png);
  background-position: -7.4rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-pin_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -9.8rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-plus {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -29.7rem;
  width: 1.4rem;
  height: 1.4rem;
}

.icon-plus_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -11.5rem;
  width: 2.8rem;
  height: 2.8rem;
}

.icon-print {
  background-image: url(../img/sprite/sprite.png);
  background-position: -28.9rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-print_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-print_s {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -31.5rem;
  width: 1.5rem;
  height: 1.3rem;
}

.icon-print_s_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -10.2rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-print_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -31.3rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-print_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -13.6rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-secu_reflesh {
  background-image: url(../img/sprite/sprite.png);
  background-position: -12.2rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-secu_reflesh_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -14.6rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-secu_speak {
  background-image: url(../img/sprite/sprite.png);
  background-position: -17rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-secu_speak_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -19.4rem -38.8rem;
  width: 2rem;
  height: 2rem;
}

.icon-sel_arrow {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.8rem -24.4rem;
  width: 1.9rem;
  height: 1.1rem;
}

.icon-sel_arrow_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -9.1rem -24.4rem;
  width: 1.9rem;
  height: 1.1rem;
}

.icon-share {
  background-image: url(../img/sprite/sprite.png);
  background-position: -33.7rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-share_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -17rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-share_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -36.1rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-share_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20.4rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-state_01 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -20.7rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-state_01_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -30.6rem -33.4rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-state_02 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -33.6rem -33.4rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-state_02_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem 0px;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-state_03 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -3rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-state_03_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -37.5rem -6rem;
  width: 2.6rem;
  height: 2.6rem;
}

.icon-sun {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -14.6rem;
  width: 2.2rem;
  height: 2.2rem;
}

.icon-sun_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20rem -20rem;
  width: 4rem;
  height: 4rem;
}

.icon-swiper_next {
  background-image: url(../img/sprite/sprite.png);
  background-position: 0px -13.6rem;
  width: 6rem;
  height: 6rem;
}

.icon-swiper_next2 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -24.4rem -16.8rem;
  width: 1.5rem;
  height: 2.7rem;
}

.icon-swiper_next2_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem -5.8rem;
  width: 2.9rem;
  height: 5.3rem;
}

.icon-swiper_next_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -6.4rem -13.6rem;
  width: 6rem;
  height: 6rem;
}

.icon-swiper_pause {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -23.7rem;
  width: 1.6rem;
  height: 1.6rem;
}

.icon-swiper_pause_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -17rem;
  width: 3rem;
  height: 3rem;
}

.icon-swiper_play {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -25.7rem;
  width: 1.6rem;
  height: 1.6rem;
}

.icon-swiper_play_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -20.4rem;
  width: 3rem;
  height: 3rem;
}

.icon-swiper_prev {
  background-image: url(../img/sprite/sprite.png);
  background-position: -12.8rem -13.6rem;
  width: 6rem;
  height: 6rem;
}

.icon-swiper_prev2 {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.5rem -25.5rem;
  width: 1.5rem;
  height: 2.8rem;
}

.icon-swiper_prev2_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -26.4rem 0px;
  width: 2.9rem;
  height: 5.4rem;
}

.icon-swiper_prev_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -20rem 0px;
  width: 6rem;
  height: 6rem;
}

.icon-tooltip {
  background-image: url(../img/sprite/sprite.png);
  background-position: -43.3rem -27.7rem;
  width: 1.6rem;
  height: 1.6rem;
}

.icon-tooltip_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -11.2rem -29.6rem;
  width: 3.2rem;
  height: 3.2rem;
}

.icon-twit {
  background-image: url(../img/sprite/sprite.png);
  background-position: -38.5rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-twit_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -23.8rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-twit_w {
  background-image: url(../img/sprite/sprite.png);
  background-position: -40.9rem -38.8rem;
  width: 2rem;
  height: 1.7rem;
}

.icon-twit_w_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -27.2rem -33.4rem;
  width: 3rem;
  height: 2.6rem;
}

.icon-zoom {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -23.8rem;
  width: 3rem;
  height: 3rem;
}

.icon-zoom_mo {
  background-image: url(../img/sprite/sprite.png);
  background-position: -34.1rem -27.2rem;
  width: 3rem;
  height: 3rem;
}

[data-page=main] {
  overflow: hidden;
}
@media (max-width: 1000px) {
  [data-page=main] {
    overflow: auto;
  }
  [data-page=main] main {
    position: relative;
  }
}
[data-page=main] header {
  z-index: 11;
}
[data-page=main] header nav {
  width: auto;
  max-width: none;
  padding: 0;
}
[data-page=main] header nav .topBtn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2rem 0 18rem;
  width: 8rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  z-index: 4;
}
[data-page=main] header nav .topBtn:before {
  display: none;
}
[data-page=main] header nav .topBtn > .right .btnOpen {
  flex-direction: column;
  gap: 1rem;
  font-size: 1.2rem;
  color: #fff;
}
[data-page=main] header nav .topBtn > .bottomArea {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-direction: column;
}
[data-page=main] header nav .topBtn > .bottomArea > .btnIcon {
  flex-direction: column;
  gap: 1rem;
  font-size: 1.2rem;
}
[data-page=main] header nav .topBtn > .bottomArea > .btnMainPop {
  display: none;
}
[data-page=main] header nav .topArea {
  display: none;
}
[data-page=main] header.allMenuActive {
  position: relative;
  z-index: 12;
}
[data-page=main] header.allMenuActive nav {
  width: auto;
  max-width: none;
  padding: 0;
}
[data-page=main] header.allMenuActive nav .topBtn {
  background-color: transparent;
  border-left: none;
}
[data-page=main] header.allMenuActive nav .topBtn:before {
  display: none;
}
[data-page=main] header.allMenuActive nav .topBtn > .right .btnOpen {
  flex-direction: column;
  gap: 1rem;
  font-size: 1.2rem;
  color: #fff;
}
[data-page=main] header.allMenuActive nav .topBtn > .right .btnClose {
  padding-top: 0;
  padding-right: 3rem;
}
[data-page=main] header.allMenuActive nav .topBtn > .bottomArea {
  display: none;
}
[data-page=main] header.allMenuActive nav .topArea {
  display: flex;
  margin-top: 0;
}
[data-page=main] header.isSticky {
  height: auto;
}
[data-page=main] header.isSticky nav {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=main] header.isSticky nav:before {
  display: none;
}
[data-page=main] header.isSticky nav .topBtn {
  display: flex;
}
[data-page=main] header.isSticky nav .topArea .menuArea .bg {
  display: none;
}
@media (max-width: 1000px) {
  [data-page=main] header nav {
    border: none;
  }
  [data-page=main] header nav .topBtn {
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    border-left: none;
    top: 2rem;
    right: 2rem;
  }
  [data-page=main] header nav .topBtn > .right .btnOpen {
    position: relative;
  }
  [data-page=main] header nav .topBtn > .right .btnOpen > span {
    display: none;
  }
  [data-page=main] header nav .topBtn > .bottomArea {
    display: none;
  }
  [data-page=main] header.allMenuActive nav {
    overflow: hi;
  }
  [data-page=main] header.allMenuActive nav .topBtn > .right .btnClose {
    padding-right: 0;
    margin-top: -1.8rem;
  }
  [data-page=main] header.allMenuActive nav .topBtn > .bottomArea {
    display: block;
    position: fixed;
    width: 100vw;
    left: 0;
    top: 1rem;
    z-index: -1;
    padding: 0 1rem;
  }
  [data-page=main] header.allMenuActive nav .topBtn > .bottomArea .btnIcon {
    flex-direction: row;
    padding: 1rem 0.5rem;
  }
  [data-page=main] header.allMenuActive nav .topBtn > .bottomArea .btnIcon > img {
    height: 1.6rem;
  }
  [data-page=main] header.allMenuActive nav .topArea {
    display: flex;
    margin-top: 0;
  }
  [data-page=main] header.allMenuActive nav .topArea .menuArea .dep01 > li {
    padding: 0 2rem;
  }
}
[data-page=main] footer {
  position: fixed;
  bottom: 0;
  z-index: 11;
}
@media (max-width: 1000px) {
  [data-page=main] footer {
    position: relative;
    bottom: auto;
  }
}
[data-page=main] aside.mainPop {
  position: absolute;
  width: 60rem;
  top: 4rem;
  left: 4rem;
  z-index: 12;
  box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.4);
  border-radius: 0 2rem 2rem 2rem;
  overflow: hidden;
}
[data-page=main] aside.mainPop > .wrapper {
  position: relative;
}
[data-page=main] aside.mainPop > .wrapper .swiperModal01-prev {
  transform: rotate(90deg);
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
[data-page=main] aside.mainPop > .wrapper .swiperModal01-next {
  transform: rotate(-90deg);
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
[data-page=main] aside.mainPop > .wrapper .controller {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
}
[data-page=main] aside.mainPop > .wrapper .controller .swiperModal01-pagin {
  bottom: 0;
  width: auto;
}
[data-page=main] aside.mainPop > .wrapper .controller .swiperModal01-pagin > * {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
[data-page=main] aside.mainPop > .wrapper .controller .btnCont {
  position: relative;
}
[data-page=main] aside.mainPop > .wrapper .swiperCont {
  overflow: hidden;
  background-color: #fff;
}
[data-page=main] aside.mainPop .footArea {
  background-color: #1a1a1a;
  margin-top: -1px;
  font-size: 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  padding: 2rem;
}
[data-page=main] aside.mainPop .footArea .formCheckbox label {
  color: #fff;
}
[data-page=main] aside.mainPop .footArea .formCheckbox label:before {
  top: 0;
}
@media (max-width: 1000px) {
  [data-page=main] aside.mainPop {
    width: calc(100% - 4rem);
    top: 6rem;
    left: 2rem;
    border-radius: 0 2rem 2rem 2rem;
  }
  [data-page=main] aside.mainPop > .wrapper .swiperModal01-prev {
    display: none;
  }
  [data-page=main] aside.mainPop > .wrapper .swiperModal01-next {
    display: none;
  }
  [data-page=main] aside.mainPop .footArea {
    font-size: 1.3rem;
  }
}
[data-page=main] aside.mainPop .editCont {
  background-color: #fff;
}
[data-page=main] aside.mainPop .editCont > .editTopArea {
  height: 16rem;
}
[data-page=main] aside.mainPop .editCont > .editTopArea .titTop {
  font-size: 2.8rem;
  margin: 2rem auto -1rem;
}
[data-page=main] aside.mainPop .editCont > .editTopArea > small {
  font-size: 2rem;
  top: 3.5rem;
  left: calc(50% - 18rem);
}
[data-page=main] aside.mainPop .editCont > .editTopArea > .tit {
  font-size: 5rem;
}
[data-page=main] aside.mainPop .editCont > .editTopArea > .subTxt {
  font-size: 2.4rem;
  margin-top: -1rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea {
  font-size: 1.3rem;
  padding: 0 5rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl + dl {
  margin-top: 2rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dt > span {
  font-size: 1.5rem;
  height: 3rem;
  padding: 0 2rem;
  margin-bottom: 1rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .center {
  text-align: center;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd + dd {
  margin-top: 1rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .tit {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter {
  gap: 1rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter > li {
  font-size: 1.4rem;
  height: 3rem;
  border-radius: 0.4rem;
  padding: 0 2rem;
  margin-bottom: 1rem;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .popImg {
  margin-top: 1.6rem;
  border-radius: 1rem;
  overflow: hidden;
}
[data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .popImg img.isMo {
  display: none;
}
[data-page=main] aside.mainPop .editCont > .editBtnArea {
  margin: 0 auto;
  padding: 0 0 4rem;
}
[data-page=main] aside.mainPop .editCont > .editBtnArea > .bottomBtn {
  font-size: 1.8rem;
  padding: 0 10rem;
  height: 5rem;
  margin: 2rem auto 0;
}
@media (max-width: 1000px) {
  [data-page=main] aside.mainPop .editCont > .editTopArea {
    height: 12rem;
  }
  [data-page=main] aside.mainPop .editCont > .editTopArea > small {
    top: 3rem;
    left: calc(50% - 12rem);
  }
  [data-page=main] aside.mainPop .editCont > .editTopArea > .tit {
    font-size: 3rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea {
    padding: 0 2rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl + dl {
    margin-top: 3rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dt > span {
    font-size: 1.5rem;
    height: 3.5rem;
    padding: 0 2rem;
    margin-bottom: 1rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd + dd {
    margin-top: 2rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .tit {
    font-size: 1.5rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter {
    gap: 0.5rem;
    flex-direction: column;
    margin-bottom: 1rem;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter > li {
    font-size: 1.3rem;
    height: 3rem;
    padding: 0 2rem;
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .popImg {
    margin-top: 1.6rem;
    border-radius: 1rem;
    overflow: hidden;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .popImg img.isPc {
    display: none;
  }
  [data-page=main] aside.mainPop .editCont > .editContArea > dl > dd .popImg img.isMo {
    display: block;
  }
  [data-page=main] aside.mainPop .editCont > .editBtnArea {
    margin: 0 auto 0;
    padding: 0 2rem 2rem;
  }
  [data-page=main] aside.mainPop .editCont > .editBtnArea > .bottomBtn {
    font-size: 1.4rem;
    padding: 0 2rem;
    height: 5rem;
    width: 100%;
  }
}
[data-page=main] .topTit {
  position: absolute;
  z-index: 2;
  width: 100%;
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 4rem;
  z-index: 4;
}
[data-page=main] .topTit > p {
  font-size: 1.6rem;
  color: #ccc;
  margin-top: 1rem;
}
[data-page=main] .topTit > p > strong {
  color: #fff;
}
@media (max-width: 1000px) {
  [data-page=main] .topTit {
    margin-top: 2rem;
  }
  [data-page=main] .topTit > img {
    height: 2.3rem;
  }
  [data-page=main] .topTit > p {
    font-size: 1.2rem;
    color: #ccc;
    margin-top: 0rem;
    display: none;
  }
  [data-page=main] .topTit > p > strong {
    color: #fff;
  }
}
[data-page=main] .unitSwiper.mainBg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.1);
}
[data-page=main] .unitSwiper.mainBg .swiper-wrapper .swiper-slide {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1000px) {
  [data-page=main] .unitSwiper.mainBg {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
  }
}
[data-page=main] .mainWrapper-prev {
  padding: 0 4rem 0 2rem;
  width: auto;
  height: 4rem;
  top: auto;
  bottom: 20rem;
  left: 0;
  border-radius: 0 10rem 10rem 0;
  gap: 2rem;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.3);
  height: 4.5rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .mainWrapper-prev > img {
  transform: rotate(180deg);
}
[data-page=main] .mainWrapper-prev:after {
  display: none;
}
@media (max-width: 1000px) {
  [data-page=main] .mainWrapper-prev {
    padding: 0 2rem 0 2rem;
    height: 4rem;
    bottom: 3.5rem;
    gap: 1rem;
    font-size: 1.6rem;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1500px) {
  [data-page=main] .mainWrapper-prev {
    height: 24rem;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    left: 2rem;
    bottom: calc(50% - 12rem) !important;
    top: auto !important;
    align-items: flex-end;
    background: url(../img/main/main_arrow_left.png) top left no-repeat;
    background-size: auto 18rem;
  }
  [data-page=main] .mainWrapper-prev > img {
    display: none;
  }
}
[data-page=main] .mainWrapper-next {
  padding: 0 2rem 0 4rem;
  width: auto;
  height: 4rem;
  top: auto;
  bottom: 20rem;
  right: 8rem;
  border-radius: 10rem 0 0 10rem;
  gap: 2rem;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.3);
  height: 4.5rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .mainWrapper-next:after {
  display: none;
}
@media (max-width: 1000px) {
  [data-page=main] .mainWrapper-next {
    padding: 0 2rem 0 2rem;
    height: 4rem;
    bottom: 3.5rem;
    right: 0;
    gap: 1rem;
    font-size: 1.6rem;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1500px) {
  [data-page=main] .mainWrapper-next {
    height: 24rem;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    right: 10rem;
    bottom: calc(50% - 12rem) !important;
    top: auto !important;
    align-items: flex-end;
    background: url(../img/main/main_arrow_right.png) top right no-repeat;
    background-size: auto 18rem;
  }
  [data-page=main] .mainWrapper-next > img {
    display: none;
  }
}
[data-page=main] .unitSwiper.mainWrapper {
  position: absolute;
  width: 100%;
  padding: 0 8rem;
  margin: auto;
  z-index: 5;
  top: calc(50% - 5rem);
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 {
  width: 100%;
  max-width: 120rem;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 9rem;
  flex-direction: row;
  flex-direction: column;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick {
  display: flex;
  align-items: center;
  gap: 6rem;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left {
  width: 19rem;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > button {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
  gap: 0.5rem;
  margin-bottom: 1rem;
  text-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .tit {
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea {
  padding: 2rem;
  border-radius: 0 2rem 2rem 2rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont > .tit {
  font-size: 1.2rem;
  color: #7dcdfe;
  margin-bottom: 1rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn {
  border: none;
  height: 2.5rem;
  background: url(../img/main/main-icon-arrow.png) no-repeat top 0.5rem right;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn .placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.6rem;
  padding: 0.5rem 0 0;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn > strong {
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn > span {
  font-size: 1.6rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select {
  margin-top: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  padding: 0;
  max-height: 25rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar {
  width: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.2rem rgba(0, 0, 0, 0);
  border-radius: 3rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar-thumb {
  background: #008bf6;
  border-radius: 0;
  border: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select > .option > a {
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 1.5rem;
  background-color: transparent;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select > .option > a:hover {
  background-color: #008bf6;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select > .option > a:hover > span {
  color: rgba(255, 255, 255, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select > .option > a > strong {
  font-size: 1.6rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select > .option > a > span {
  font-size: 1.3rem;
  color: #666;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect + .formSelect {
  margin: 1rem 0 0;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect + .formSelect .selectBtn {
  height: 2rem;
  background: url(../img/main/main-icon-arrow.png) no-repeat top 0.3rem right;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .left > img {
  width: 4rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.5rem;
  width: 1px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.25);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right > .tit {
  font-size: 1.2rem;
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right > span {
  font-size: 1.2rem;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right > span > strong {
  font-size: 2.5rem;
  font-weight: 500;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .ref {
  position: absolute;
  bottom: -2.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  left: 0;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right {
  flex: 1;
  width: calc(100% - 25rem);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul {
  gap: 1rem;
  justify-content: flex-start;
  display: flex;
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li {
  flex: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: none;
  height: 3.4rem;
  font-size: 1.6rem;
  padding: 0 3rem;
  border-radius: 10rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button:before {
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button.isActive {
  background-color: #fff;
  color: #1a1a1a;
  font-weight: 500;
  box-shadow: 1px 0.3rem 1rem rgba(0, 0, 0, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents {
  height: 20.6rem;
  position: relative;
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents.isActive {
  display: block;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-prev {
  top: -4.5rem;
  left: auto;
  right: 4rem;
  transform: rotate(90deg);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-prev.swiper-button-disabled {
  display: flex;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next {
  top: -4.5rem;
  right: 0;
  transform: rotate(-90deg);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next.swiper-button-disabled {
  display: flex;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper {
  overflow: hidden;
  border-radius: 0 2rem 2rem 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
  border-radius: 0 2rem 2rem 2rem;
  overflow: hidden;
  height: 20.6rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea {
  height: 13rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove {
  background-color: #fff;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 1rem;
  text-align: left;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > strong {
  font-size: 1.8rem;
  color: #1a1a1a;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > span {
  font-size: 1.4rem;
  color: #999;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled > strong {
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled > span {
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .noData {
  background-color: transparent;
  color: #fff;
  height: 19.2rem;
  text-shadow: 0.2rem 0.2rem 0 rgb(0, 0, 0);
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture {
  display: flex;
  align-items: center;
  gap: 6rem;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left {
  width: 19rem;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > button {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
  gap: 0.5rem;
  margin-bottom: 1rem;
  text-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .tit {
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea {
  padding: 2rem;
  border-radius: 0 2rem 2rem 2rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont > .tit {
  font-size: 1.2rem;
  color: #7dcdfe;
  margin-bottom: 1rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont > .date {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect {
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .selectBtn {
  border: none;
  height: 2.5rem;
  background: url(../img/main/main-icon-arrow.png) no-repeat top 0.5rem right;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .selectBtn .placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.6rem;
  padding: 0.5rem 0 0;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .selectBtn > strong {
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .selectBtn > span {
  font-size: 1.6rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select {
  margin-top: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  padding: 0;
  max-height: 20rem;
  bottom: 3rem;
  border-radius: 1.6rem 1.6rem 0 0;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar {
  width: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.2rem rgba(0, 0, 0, 0);
  border-radius: 3rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select::-webkit-scrollbar-thumb {
  background: #008bf6;
  border-radius: 0;
  border: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select > .option > a {
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5rem 1.5rem;
  background-color: transparent;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select > .option > a:hover {
  background-color: #008bf6;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select > .option > a:hover > span {
  color: rgba(255, 255, 255, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select > .option > a > strong {
  font-size: 1.6rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select > .option > a > span {
  font-size: 1.3rem;
  color: #666;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .left > img {
  width: 4rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.5rem;
  width: 1px;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.25);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right > .tit {
  font-size: 1.2rem;
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right > span {
  font-size: 1.2rem;
  color: #fff;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right > span > strong {
  font-size: 2.5rem;
  font-weight: 500;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .ref {
  position: absolute;
  bottom: -2.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  left: 0;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right {
  flex: 1;
  width: calc(100% - 25rem);
  height: 20.4rem;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul {
  gap: 1rem;
  justify-content: flex-start;
  display: flex;
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li {
  flex: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: none;
  height: 3.4rem;
  font-size: 1.6rem;
  padding: 0 3rem;
  border-radius: 10rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button:before {
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button.isActive {
  background-color: #fff;
  color: #1a1a1a;
  font-weight: 500;
  box-shadow: 1px 0.3rem 1rem rgba(0, 0, 0, 0.8);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents {
  height: 20.6rem;
  position: relative;
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents.isActive {
  display: block;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-prev {
  top: -4.5rem;
  left: auto;
  right: 4rem;
  transform: rotate(90deg);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-prev.swiper-button-disabled {
  display: flex;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next {
  top: -4.5rem;
  right: 0;
  transform: rotate(-90deg);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next.swiper-button-disabled {
  display: flex;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper {
  overflow: hidden;
  border-radius: 0 2rem 2rem 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
  border-radius: 0 2rem 2rem 2rem;
  overflow: hidden;
  width: auto;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove {
  background-color: #fff;
  padding: 2rem 3rem;
  height: 14.4rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 1rem;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > em {
  color: #044da2;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > strong {
  font-size: 2rem;
  color: #1a1a1a;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > span {
  font-size: 1.4rem;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove > span.type {
  font-size: 1.6rem;
  margin: 0 0 0.5rem;
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled > em {
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled > strong {
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled > span {
  color: #999;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .noData {
  background-color: transparent;
  color: #fff;
  height: 19.2rem;
  text-shadow: 0.2rem 0.2rem 0 rgb(0, 0, 0);
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 {
  width: 100%;
  max-width: 120rem;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-direction: column;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer {
  width: calc(50% - 2rem);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer > .topImg {
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > ul {
  justify-content: flex-start;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > ul > li {
  flex: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > ul > li > button {
  font-size: 1.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 2rem 2rem 0 0;
  height: 5rem;
  padding: 0 4rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > ul > li > button.isActive {
  background-color: #fff;
  color: #1a1a1a;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents {
  position: relative;
  background-color: #fff;
  padding: 2rem 3rem;
  border-radius: 0 0 2rem 2rem;
  margin-top: -1px;
  height: 20.9rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .topBtn {
  position: absolute;
  top: -3rem;
  right: 0;
  gap: 1rem;
  color: #fff;
  font-size: 1.4rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li > .tit {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 1.5rem;
  padding: 1rem 0;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li > .tit > em {
  font-weight: 700;
  color: #1a1a1a;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li > .date {
  font-size: 1.3rem;
  color: #666;
  min-width: 8rem;
  text-align: right;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li + li {
  border-top: 1px solid #ccc;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li .noData {
  width: 100%;
  text-align: center;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo {
  width: calc(50% - 2rem);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo > .topImg {
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul {
  justify-content: flex-start;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li {
  flex: 1;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button {
  font-size: 1.8rem;
  font-weight: 700;
  flex-direction: column;
  gap: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 2rem 2rem 0 0;
  height: 5rem;
  padding: 0 1rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button:before {
  display: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button > small {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button.isActive {
  background-color: #fff;
  color: #1a1a1a;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button.isActive > small {
  color: #666;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents {
  position: relative;
  background-color: #fff;
  padding: 2rem 3rem;
  border-radius: 0 0 2rem 2rem;
  margin-top: -1px;
  height: 20.9rem;
  overflow-x: hidden;
  overflow-y: auto;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents::-webkit-scrollbar {
  width: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.2rem rgba(0, 0, 0, 0);
  border-radius: 3rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents::-webkit-scrollbar-thumb {
  background: #008bf6;
  border-radius: 10rem;
  border: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
  position: relative;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left {
  min-width: 50%;
  width: 50%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-direction: column;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li > strong {
  font-size: 2rem;
  margin-right: 1rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li > .innerBtn {
  font-size: 1.4rem;
  height: 3.4rem;
  width: 7.5rem;
  border: 1px solid #ccc;
  transition: all 0.2s ease 0.05s;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li > .innerBtn.isActive {
  color: #fff;
  background-color: #00429a;
  border-color: transparent;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li > .innerBtn + .innerBtn {
  border-left: none;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > .imgArea {
  width: 100%;
  height: 16rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right {
  background-color: #f1f1f1;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea {
  flex: 1;
  padding: 1rem;
  background-color: #f1f1f1;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li {
  font-size: 1.3rem;
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li > span > em {
  font-weight: 700;
  color: #1a1a1a;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li > strong {
  color: #00429a;
  margin-left: 0.5rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li > strong.fail {
  color: #e02a40;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li + li {
  padding-top: 0.7rem;
  border-top: 1px solid #ccc;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .refTxt {
  position: absolute;
  font-size: 1.1rem;
  color: #999;
  right: 0;
  bottom: -1.8rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox {
  width: 100%;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox > .topImg {
  margin-bottom: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact {
  background-color: #fff;
  padding: 2rem 3rem;
  border-radius: 2rem;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul {
  display: flex;
  align-items: center;
  gap: 1rem 2rem;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li {
  width: calc(50% - 1rem);
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li > .tit {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li > .tit > strong {
  font-weight: 500;
}
[data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li > .desc {
  font-size: 1.2rem;
  color: #666;
  margin-top: 0.5rem;
}
@media (max-width: 1000px) {
  [data-page=main] .unitSwiper.mainWrapper {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 9rem 2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper {
    height: auto !important;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide {
    height: 1px;
    overflow: hidden;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.swiper-slide-active {
    height: auto;
    overflow: visible;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 {
    max-width: 100%;
    gap: 8rem;
    flex-direction: column;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick {
    gap: 3rem;
    flex-direction: column;
    align-items: flex-end;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > button {
    font-size: 1.3rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .tit {
    margin-bottom: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .tit img {
    height: 6rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea {
    padding: 2rem;
    border-radius: 0 1rem 1rem 1rem;
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-direction: row;
    align-items: stretch;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont {
    flex: 2;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont > .tit {
    margin-bottom: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select {
    max-height: 20rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont {
    min-width: 13rem;
    margin-top: 0;
    padding-top: 0;
    padding-left: 2rem;
    border-top: none;
    gap: 3rem;
    position: relative;
    padding-top: 2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    top: calc(50% + 1rem);
    left: 0;
    width: 1px;
    height: 3rem;
    background-color: rgba(255, 255, 255, 0.25);
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .ref {
    bottom: -4.5rem;
    font-size: 1.1rem;
    left: auto;
    right: -2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right {
    flex: 1;
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul {
    gap: 1rem;
    margin: 0 -2rem 2rem;
    padding: 0 2rem;
    overflow-x: auto;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button {
    height: 3rem;
    font-size: 1.4rem;
    padding: 0 2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button.isActive {
    box-shadow: none;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents {
    height: 18rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-prev {
    top: calc(50% - 1rem);
    left: -2.5rem;
    right: auto;
    transform: rotate(90deg) translateY(-50%);
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next {
    top: calc(50% - 1rem);
    right: -2.5rem;
    transform: rotate(-90deg) translateY(-50%);
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper {
    border-radius: 0 1rem 1rem 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
    border-radius: 0 1rem 1rem 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .noData {
    background-color: transparent;
    color: #fff;
    height: 19.2rem;
    text-shadow: 0.2rem 0.2rem 0 rgb(0, 0, 0);
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: center;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture {
    gap: 2rem;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > button {
    font-size: 1.3rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .tit {
    margin-bottom: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea {
    border-radius: 0 1rem 1rem 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont > .tit {
    margin-bottom: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont > .date {
    font-size: 2.2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .formSelect .select {
    max-height: 20rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right {
    flex: 1;
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul {
    gap: 1rem;
    margin: 0 -2rem 2rem;
    padding: 0 2rem;
    overflow-x: auto;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button {
    height: 3rem;
    font-size: 1.4rem;
    padding: 0 2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button.isActive {
    box-shadow: none;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents {
    height: 18rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-prev {
    top: calc(50% - 1rem);
    left: -2.5rem;
    right: auto;
    transform: rotate(90deg) translateY(-50%);
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next {
    top: calc(50% - 1rem);
    right: -2.5rem;
    transform: rotate(-90deg) translateY(-50%);
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper {
    overflow: hidden;
    border-radius: 0 1rem 1rem 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
    border-radius: 0 1rem 1rem 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove {
    padding: 2rem 3rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .noData {
    background-color: transparent;
    color: #fff;
    height: 19.2rem;
    text-shadow: 0.2rem 0.2rem 0 rgb(0, 0, 0);
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: center;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 {
    max-width: 100%;
    gap: 4rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox {
    gap: 4rem;
    flex-direction: column;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > ul > li > button {
    font-size: 1.5rem;
    border-radius: 1rem 1rem 0 0;
    height: 4rem;
    padding: 0 3rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents {
    padding: 2rem;
    border-radius: 0 0 1rem 1rem;
    height: auto;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .topBtn {
    position: absolute;
    top: -2.5rem;
    font-size: 1.3rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li > .tit {
    font-size: 1.4rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 > .contents .bbsList > li > .date {
    font-size: 1.2rem;
    min-width: 6rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul {
    justify-content: flex-start;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li {
    flex: 1;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > ul > li > button {
    font-size: 1.5rem;
    border-radius: 1rem 1rem 0 0;
    height: 6rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents {
    padding: 3rem 2rem;
    border-radius: 0 0 1rem 1rem;
    height: auto;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox {
    flex-direction: column;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left {
    min-width: 100%;
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > ul > li > .innerBtn {
    width: auto;
    flex: 1;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .left > .imgArea {
    height: 13rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea {
    padding: 2rem 2rem;
    gap: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li > span br {
    display: none;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .right > .txtArea > li + li {
    padding-top: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainInfo .unitTabSub02 > .contents .btnListBox > .refTxt {
    position: absolute;
    font-size: 1.1rem;
    color: #999;
    right: 0;
    bottom: -1.8rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact {
    padding: 2rem;
    border-radius: 1rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul {
    gap: 2rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li {
    width: 100%;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li > .tit {
    font-size: 1.6rem;
  }
  [data-page=main] .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .bottomAreaBox .mainContact > ul > li > .desc {
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
}
@media (min-width: 1000px) and (max-height: 1000px) {
  [data-page=main] {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
  }
  [data-page=main] .unitSwiper.mainBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  [data-page=main] .unitSwiper.mainBg:before {
    min-height: 100rem;
  }
  [data-page=main] .unitSwiper.mainBg .swiper-wrapper .swiper-slide {
    height: 100vh;
    min-height: 100rem;
  }
  [data-page=main] .unitSwiper.mainWrapper {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    bottom: auto;
    padding-top: 14rem;
  }
  [data-page=main] .mainWrapper-prev {
    bottom: auto;
    top: 79rem;
  }
  [data-page=main] .mainWrapper-next {
    bottom: auto;
    top: 79rem;
  }
  [data-page=main] header nav .topBtn {
    min-height: 93rem;
  }
  [data-page=main] footer {
    position: relative;
    margin-top: 2rem;
  }
  [data-page=main] footer:before {
    content: "";
    background-color: #1a1a1a;
    width: 100%;
    height: 20rem;
    display: block;
    z-index: -1;
    position: absolute;
  }
}

[data-page=sub] main > .container {
  max-width: 120rem;
  min-height: 30rem;
  margin: auto;
  padding: 0 2rem 10rem;
  position: relative;
}
[data-page=sub] main > .container .joinBox:before {
  display: none;
}
@media (max-width: 1000px) {
  [data-page=sub] main > .container {
    min-height: auto;
    padding: 0 2rem 5rem;
  }
}

[data-page=subJoin] {
  background-color: #1a1a1a;
}
[data-page=subJoin] main > .container {
  max-width: 100%;
  min-height: 30rem;
  margin: auto;
  padding: 13rem 2rem;
  background: #0753a7 url(../img/common/blue_bg.png);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  [data-page=subJoin] main > .container {
    min-height: auto;
    padding: 4rem 2rem;
  }
}

aside.progress {
  display: flex;
  align-items: center;
  gap: 13rem;
  flex-direction: row;
  height: 8.5rem;
  justify-content: center;
  margin-bottom: 8rem;
}
aside.progress > div {
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  margin-bottom: 5.5rem;
  background-color: #f1f1f1;
  border-radius: 50%;
  transition: all 0.2s ease 0.05s;
}
aside.progress > div:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  left: 50%;
  top: 0.75rem;
  transform: translateX(-50%);
  transition: all 0.2s ease 0.05s;
  z-index: 2;
}
aside.progress > div:after {
  content: "";
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  border-radius: 50%;
  left: 50%;
  top: -1rem;
  transform: translateX(-50%);
  transition: all 0.2s ease 0.05s;
  z-index: 1;
}
aside.progress > div > span {
  position: absolute;
  font-size: 1.6rem;
  color: #666;
  white-space: nowrap;
  bottom: -5.5rem;
  left: 50%;
  transform: translateX(-50%);
}
aside.progress > div > span:after {
  content: "";
  position: absolute;
  width: 13rem;
  height: 1px;
  background-color: #f1f1f1;
  left: -11.5rem;
  top: -4.8rem;
}
aside.progress > div:nth-of-type(1) > span:after {
  display: none;
}
aside.progress > div.isActive:before {
  background-color: #00429a;
  width: 3rem;
  height: 3rem;
  top: 0;
}
aside.progress > div.isActive:after {
  background-color: #e2f0ff;
}
aside.progress > div.isActive > span {
  color: #1a1a1a;
  font-weight: 700;
}
aside.progress > div.isActive > span:after {
  background-color: #e2f0ff;
}
@media (max-width: 1000px) {
  aside.progress {
    gap: 4.5rem;
    height: 4.5rem;
    margin-bottom: 4rem;
  }
  aside.progress > div {
    height: 1.5rem;
    width: 1.5rem;
    margin-bottom: 3rem;
  }
  aside.progress > div:before {
    width: 0.75rem;
    height: 0.75rem;
    top: 0.5rem;
  }
  aside.progress > div:after {
    width: 2.5rem;
    height: 2.5rem;
    top: -0.5rem;
  }
  aside.progress > div > span {
    font-size: 1.1rem;
    bottom: -3rem;
  }
  aside.progress > div > span:after {
    width: 5rem;
    left: -3.5rem;
    top: -2.25rem;
  }
  aside.progress > div:nth-of-type(1) > span:after {
    display: none;
  }
  aside.progress > div.isActive:before {
    width: 1.5rem;
    height: 1.5rem;
  }
  aside.progress > div.isActive:after {
    background-color: #e2f0ff;
  }
  aside.progress > div.isActive > span {
    color: #1a1a1a;
    font-weight: 700;
  }
  aside.progress > div.isActive > span:after {
    background-color: #e2f0ff;
  }
}

aside.termsChk {
  position: relative;
}
aside.termsChk + .termsChk {
  margin-top: 4rem;
}
aside.termsChk .unitBtween {
  align-items: flex-end;
}
aside.termsChk .unitBtween > .left > .tit {
  font-size: 3rem;
  font-weight: 700;
  color: #1a1a1a;
}
aside.termsChk .txtBox {
  margin-top: 2rem;
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: 3rem;
  color: #666;
  font-size: 1.4rem;
  max-height: 25rem;
  overflow-y: auto;
}
aside.termsChk .txtBox > .tit {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #1a1a1a;
}
aside.termsChk .txtBox strong {
  color: #1a1a1a;
}
aside.termsChk .txtBox .unitList.between {
  padding: 1rem;
  background-color: #fafafa;
}
aside.termsChk .txtBox .unitList.between > li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  padding: 0.5rem 0;
}
aside.termsChk .txtBox .unitList.between > li:before {
  display: none;
}
aside.termsChk .txtBox .unitList.between > li > button {
  border: 1px solid #ccc;
  border-radius: 0.3rem;
  padding: 0.5rem 2rem;
  background-color: #fff;
}
aside.termsChk .txtBox .unitList.between > li + li {
  border-top: 1px dashed #ccc;
}
aside.termsChk .radCont {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
}
aside.termsChk .radCont .formRadio + .formRadio {
  margin-top: 0;
}
aside.termsChk.type2 .txtBox {
  border: none;
  padding: 0 1rem;
}
aside.termsChk.type2 .txtBox > .tit {
  margin-left: -1rem;
}
aside.termsChk.type2 .txtBox > strong {
  margin-left: -1rem;
}
aside.termsChk.type2 .txtBox > .inner {
  padding: 1rem 2rem;
  color: #888;
  font-size: 1.3rem;
  background-color: #fafafa;
  margin: 0.5rem auto 1rem;
}
@media (max-width: 1000px) {
  aside.termsChk + .termsChk {
    margin-top: 3rem;
  }
  aside.termsChk .unitBetween > .left > .tit {
    font-size: 1.8rem;
  }
  aside.termsChk .txtBox {
    margin-top: 1rem;
    padding: 1.5rem;
    font-size: 1.2rem;
  }
  aside.termsChk .txtBox > .tit {
    font-size: 1.4rem;
  }
  aside.termsChk .txtBox .unitList.between {
    padding: 0.5rem;
  }
  aside.termsChk .txtBox .unitList.between > li {
    padding: 0.25rem 0;
  }
  aside.termsChk .txtBox .unitList.between > li > button {
    padding: 0.25rem 1rem;
  }
  aside.termsChk .radCont {
    margin-top: 1rem;
    gap: 1.5rem;
  }
  aside.termsChk.type2 .txtBox {
    border: none;
    padding: 0;
  }
  aside.termsChk.type2 .txtBox > .inner {
    padding: 0 1rem;
    font-size: 1.2rem;
  }
}

aside.topBlueBox {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
  width: calc(100% - 4rem);
  padding: 3rem;
  min-height: 8rem;
  margin: 6rem auto;
  font-size: 1.6rem;
  color: #666;
  text-align: center;
  background-color: #fff;
  position: relative;
  border-radius: 2rem;
}
aside.topBlueBox:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  left: -2rem;
  background: #f1f1f1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 3rem;
}
aside.topBlueBox a {
  font-weight: 500;
  position: relative;
  color: #e02a40;
}
aside.topBlueBox a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #e02a40;
  bottom: -0.2rem;
}
aside.topBlueBox em {
  color: #e02a40;
  font-weight: 500;
}
aside.topBlueBox.type2 {
  flex-direction: column;
  gap: 2rem;
}
aside.topBlueBox.type2 > .flexArea {
  gap: 4rem;
}
@media (max-width: 1000px) {
  aside.topBlueBox {
    padding: 1rem 2rem;
    font-size: 1.3rem;
    width: calc(100% - 3rem);
    margin: 3rem auto;
    border-radius: 1rem;
  }
  aside.topBlueBox:before {
    width: calc(100% + 3rem);
    height: calc(100% + 3rem);
    left: -1.5rem;
    border-radius: 1.5rem;
  }
  aside.topBlueBox.type2 {
    flex-direction: column;
    gap: 2rem;
  }
  aside.topBlueBox.type2 > .flexArea {
    gap: 0.5rem;
    flex-direction: column;
  }
}

aside.attachList > ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: wrap;
}
aside.attachList > ul > li > button {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  background-color: #fafafa;
  color: #333;
  height: 3rem;
  border-radius: 0.5rem;
  padding: 0 1rem;
}
aside.attachList > ul > li > button > .name {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
aside.attachList > ul > li > button > .name > em {
  text-decoration: underline;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 30rem;
  font-weight: 500;
}
aside.attachList > ul > li > button > .box {
  padding: 0.5rem;
  font-size: 1.2rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.2rem;
}
@media (max-width: 1000px) {
  aside.attachList {
    gap: 0.5rem;
  }
  aside.attachList > ul {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
  aside.attachList > ul > li > button {
    gap: 0.5rem;
    height: 2rem;
    border-radius: 0.25rem;
    padding: 0 0.5rem;
  }
  aside.attachList > ul > li > button > .name {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
  }
  aside.attachList > ul > li > button > .name > em {
    max-width: 12rem;
  }
  aside.attachList > ul > li > button > .box {
    padding: 0.25rem;
    font-size: 1.1rem;
  }
}

aside.autoWrite .contArea {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
  background-color: #f8f8f8;
  width: auto;
  padding: 1rem;
}
aside.autoWrite .contArea > .left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  align-items: stretch;
}
aside.autoWrite .contArea > .left .secu {
  height: 6rem;
}
aside.autoWrite .contArea > .left .secu > img {
  height: 6rem;
}
aside.autoWrite .contArea > .left .btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
aside.autoWrite .contArea > .right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
aside.autoWrite .contArea > .right > .tit {
  color: #666;
  font-size: 1.3rem;
  color: #666;
}
@media (max-width: 1000px) {
  aside.autoWrite .contArea {
    gap: 1rem;
    padding: 1rem;
  }
  aside.autoWrite .contArea > .left .secu {
    height: 3.6rem;
  }
  aside.autoWrite .contArea > .left .secu > img {
    height: 3.6rem;
  }
  aside.autoWrite .contArea > .left .btn > button {
    width: 1rem;
    height: 1rem;
  }
  aside.autoWrite .contArea > .left .btn > button > i {
    margin-right: -1rem !important;
    margin-bottom: -1rem !important;
  }
  aside.autoWrite .contArea > .right > .tit {
    display: none;
  }
}

aside.breadcrumb {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
}
aside.breadcrumb > .formSelect {
  position: relative;
}
aside.breadcrumb > .formSelect .selectBtn {
  padding: 1rem 5rem 1rem 1.5rem;
  color: #888;
  font-size: 1.4rem;
  border: none;
  background: #fff url(../img/common/sel_arrow.png) no-repeat center right 1.5rem;
  background-size: auto 1.8rem;
}
aside.breadcrumb > .formSelect .select {
  border-radius: 0.3rem;
  border-color: #ccc;
  padding-top: 1rem;
  font-size: 1.4rem;
  z-index: 1;
}
aside.breadcrumb > .formSelect .select > .option > a {
  color: #888;
}
aside.breadcrumb > .formSelect.active .selectBtn {
  border: 1px solid #ccc;
}
aside.breadcrumb > * + .formSelect:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  background: url(../img/common/breadArrow.png) center center no-repeat;
  background-size: contain;
  left: -1.8rem;
  font-size: 1.3rem;
  color: #666;
}
@media (max-width: 1000px) {
  aside.breadcrumb > button {
    display: none;
  }
  aside.breadcrumb > .formSelect {
    display: none;
  }
}

aside.topAppBox {
  position: relative;
  margin-top: 0;
  padding: 3rem 0;
  color: #1a1a1a;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem;
}
aside.topAppBox:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: #00429a url(../img/common/blue_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
aside.topAppBox .selList {
  display: flex;
  align-items: center;
  gap: 1.5rem 2rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
aside.topAppBox .selList > li {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
}
aside.topAppBox .selList > li > .tit {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 3.6rem;
  font-weight: 500;
  min-width: 11rem;
  color: #fff;
}
aside.topAppBox .selList > li .btnList {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: wrap;
}
aside.topAppBox .selList > li .btnList > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 3.6rem;
  background-color: #fff;
  color: #1a1a1a;
  border: 1px solid transparent;
  width: 13.8rem;
  transition: all 0.2s ease 0.05s;
  font-size: 1.6rem;
}
aside.topAppBox .selList > li .btnList > button.isActive {
  background-color: #008bf6;
  color: #fff;
}
aside.topAppBox .selList > li hr.line {
  width: 100%;
  height: 1px;
  margin: 0;
  background-color: transparent;
}
aside.topAppBox .selList > li .flexArea {
  gap: 2rem;
}
aside.topAppBox .selList > li .flexArea > .formSelect {
  width: 28.6rem;
}
aside.topAppBox .selList > li .flexArea > button {
  gap: 1rem;
  font-size: 1.6rem;
  display: none;
}
aside.topAppBox .selList > li .flexArea > button > span {
  display: block;
  border-bottom: 1px solid #fff;
  height: 2rem;
  color: #fff;
}
@media (max-width: 1000px) {
  aside.topAppBox {
    padding: 2rem 0;
  }
  aside.topAppBox > .pageTit {
    margin: 0 0 1.5rem;
    padding-bottom: 1.5rem;
  }
  aside.topAppBox .selList {
    gap: 3rem;
  }
  aside.topAppBox .selList > li {
    gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  aside.topAppBox .selList > li > .tit {
    min-width: 100%;
    height: auto;
  }
  aside.topAppBox .selList > li .btnList {
    width: 100%;
  }
  aside.topAppBox .selList > li .btnList > button {
    width: calc(33% - 0.6rem);
    transition: all 0.2s ease 0.05s;
    font-size: 1.4rem;
  }
  aside.topAppBox .selList > li .btnList > button.isAcitve {
    background-color: #008bf6;
    color: #fff;
  }
  aside.topAppBox .selList > li .flexArea {
    gap: 2rem;
    width: 100%;
  }
  aside.topAppBox .selList > li .flexArea > .formSelect {
    width: 100%;
  }
  aside.topAppBox .selList > li .flexArea > button {
    font-size: 1.4rem;
  }
  aside.topAppBox .selList > li .flexArea > button > i {
    margin-right: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  aside.topAppBox .selList > li .flexArea > button > span {
    height: 2rem;
  }
}

aside.bottomAppBox {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
}
aside.bottomAppBox > .right {
  flex: 1;
  background-color: #fbf9f9;
}
aside.bottomAppBox .dtlSelect {
  flex: 2;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
  display: none;
  width: 100%;
}
aside.bottomAppBox .dtlSelect > * {
  flex: 1;
  background-color: #fbf9f9;
}
aside.bottomAppBox .calSelect {
  flex: 2;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
}
aside.bottomAppBox .calSelect #calendar {
  width: 100%;
}
aside.bottomAppBox .boxArea {
  border-top: 1px solid #1a1a1a;
  padding: 3rem;
  position: relative;
}
aside.bottomAppBox .boxArea + .boxArea {
  margin-top: 2rem;
}
aside.bottomAppBox .boxArea + .boxArea:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2rem;
  top: -2.1rem;
  left: 0;
  background-color: #fff;
}
aside.bottomAppBox .boxArea > .tit {
  font-size: 1.6rem;
  color: #1a1a1a;
  font-weight: 500;
  margin-bottom: 1rem;
}
aside.bottomAppBox .boxArea > .list > li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: space-between;
}
aside.bottomAppBox .boxArea > .list > li + li {
  margin-top: 1rem;
}
aside.bottomAppBox .boxArea > .list > li > button {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 3.6rem;
  font-size: 1.4rem;
  padding: 0 2rem 0 3.5rem;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: all 0.2s ease 0.05s;
}
aside.bottomAppBox .boxArea > .list > li > button > .left {
  min-width: 9rem;
  text-align: left;
}
aside.bottomAppBox .boxArea > .list > li > button > .stat {
  color: #008bf6;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aside.bottomAppBox .boxArea > .list > li > button > .right {
  min-width: 9rem;
  font-weight: 500;
  color: #1a1a1a;
  text-align: right;
}
aside.bottomAppBox .boxArea > .list > li > button.sun:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.8rem;
  width: 2rem;
  height: 2rem;
  background: url(../img/common/sun.png) center center no-repeat;
  background-size: contain;
}
aside.bottomAppBox .boxArea > .list > li > button.moon:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.8rem;
  width: 2rem;
  height: 2rem;
  background: url(../img/common/moon.png) center center no-repeat;
  background-size: contain;
}
aside.bottomAppBox .boxArea > .list > li > button.night {
  background-color: #ffeeca;
}
aside.bottomAppBox .boxArea > .list > li > button.isActive {
  background-color: #008bf6;
  color: #fff;
}
aside.bottomAppBox .boxArea > .list > li > button.isActive > .stat {
  color: #fff;
}
aside.bottomAppBox .boxArea > .list > li > button.isActive > .right {
  color: #fff;
}
aside.bottomAppBox .boxArea > .list > li > button:disabled {
  opacity: 0.5;
}
aside.bottomAppBox .boxArea > .list > li > .formSelect {
  min-width: 6rem;
}
aside.bottomAppBox .boxArea > .list > li > .formSelect select {
  padding: 0 3rem 0 1rem;
  font-size: 1.4rem;
}
aside.bottomAppBox .boxArea > .write {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
}
aside.bottomAppBox .boxArea > .write > li {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
}
aside.bottomAppBox .boxArea > .write > li > .left {
  font-size: 1.6rem;
  min-width: 8rem;
  color: #1a1a1a;
  align-items: flex-start;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 3.6rem;
}
aside.bottomAppBox .boxArea > .write > li > .formText {
  width: 100%;
}
aside.bottomAppBox .boxArea > .write > li > .formSelect {
  width: 100%;
}
aside.bottomAppBox .boxArea > .write > li > p {
  min-height: 3.6rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
aside.bottomAppBox .boxArea > .write > li > p strong {
  font-weight: 400;
}
aside.bottomAppBox .boxArea > .write > li > p small {
  font-size: 1.3rem;
  color: #666;
}
aside.bottomAppBox .boxArea > .write.type2 > li > .left {
  height: auto;
}
aside.bottomAppBox .boxArea > .write.type2 > li > .right {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: flex-end;
  flex: 1;
}
aside.bottomAppBox .boxArea > .write.type2 > li.total {
  margin: 2rem 0;
  padding: 2rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  align-items: center;
}
aside.bottomAppBox .boxArea > .write.type2 > li.total > .left {
  font-size: 2rem;
}
aside.bottomAppBox .boxArea > .write.type2 > li.total > .right {
  gap: 0.2rem;
}
aside.bottomAppBox .boxArea > .write.type2 > li.total > .right > strong {
  font-size: 3rem;
  color: #e02a40;
}
aside.bottomAppBox .boxArea > .unitList {
  font-size: 1.4rem;
  margin-top: 3rem;
}
aside.bottomAppBox .boxArea > .agree > .desc {
  display: block;
  margin: 1rem 0;
  font-size: 1.3rem;
  color: #666;
}
aside.bottomAppBox .boxArea > .agree > button {
  color: #1a1a1a;
  font-size: 1.4rem;
}
aside.bottomAppBox .boxArea > .agree > button > span {
  display: block;
  height: 2rem;
  border-bottom: 1px solid #1a1a1a;
}
aside.bottomAppBox .boxArea > .agree + * {
  margin-top: 4rem;
}
aside.bottomAppBox .boxArea > .payType > .tit {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
aside.bottomAppBox .boxArea > .payType > .radioUnit {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: row;
  flex-wrap: wrap;
}
aside.bottomAppBox .boxArea > .payType > .radioUnit > .formRadio {
  margin-top: 0;
}
aside.bottomAppBox .boxArea > .payType > .radioUnit > .formRadio > label {
  padding-left: 3rem;
  color: #666;
}
aside.bottomAppBox .boxArea > .payType + * {
  margin-top: 4rem;
}
aside.bottomAppBox.type2 {
  margin-top: 0;
}
aside.bottomAppBox.type2 .dtlSelect {
  display: block;
  margin: -2rem;
  width: calc(100% + 4rem);
}
@media (max-width: 1000px) {
  aside.bottomAppBox {
    flex-direction: column;
  }
  aside.bottomAppBox > .right {
    flex: 1;
    background-color: #fbf9f9;
  }
  aside.bottomAppBox .dtlSelect {
    flex: 1;
    flex-direction: column;
  }
  aside.bottomAppBox .dtlSelect > * {
    flex: 1;
    background-color: transparent;
  }
  aside.bottomAppBox .boxArea {
    padding: 2rem;
    position: relative;
    background-color: #fbf9f9;
  }
  aside.bottomAppBox .boxArea + .boxArea:before {
    display: none;
  }
  aside.bottomAppBox .boxArea > .tit {
    font-size: 1.5rem;
  }
  aside.bottomAppBox .boxArea > .list > li + li {
    margin-top: 0.5rem;
  }
  aside.bottomAppBox .boxArea > .list > li > button > .left {
    min-width: 9rem;
  }
  aside.bottomAppBox .boxArea > .list > li > button > .right {
    min-width: 8rem;
  }
  aside.bottomAppBox .boxArea > .write {
    gap: 1rem;
  }
  aside.bottomAppBox .boxArea > .write > li > .left {
    font-size: 1.4rem;
    min-width: 7rem;
  }
  aside.bottomAppBox .boxArea > .write > li > p small {
    font-size: 1.2rem;
  }
  aside.bottomAppBox .boxArea > .write.type2 > li > .right {
    font-size: 1.4rem;
  }
  aside.bottomAppBox .boxArea > .write.type2 > li.total {
    margin: 2rem 0;
    padding: 1rem 0;
  }
  aside.bottomAppBox .boxArea > .write.type2 > li.total > .left {
    font-size: 1.8rem;
  }
  aside.bottomAppBox .boxArea > .write.type2 > li.total > .right > strong {
    font-size: 2.4rem;
  }
  aside.bottomAppBox .boxArea > .unitList {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  aside.bottomAppBox .boxArea > .agree > .desc {
    font-size: 1.1rem;
  }
  aside.bottomAppBox .boxArea > .agree > button {
    font-size: 1.2rem;
  }
  aside.bottomAppBox .boxArea > .agree > button > span {
    display: block;
    height: 1.7rem;
  }
  aside.bottomAppBox .boxArea > .agree + * {
    margin-top: 2rem;
  }
  aside.bottomAppBox .boxArea > .payType > .tit {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  aside.bottomAppBox .boxArea > .payType > .radioUnit {
    font-size: 1.3rem;
    gap: 1rem;
  }
  aside.bottomAppBox .boxArea > .payType > .radioUnit > .formRadio {
    margin-top: 0;
  }
  aside.bottomAppBox .boxArea > .payType > .radioUnit > .formRadio > label {
    padding-left: 3rem;
    color: #666;
  }
  aside.bottomAppBox .boxArea > .payType + * {
    margin-top: 2rem;
  }
  aside.bottomAppBox .boxArea > .bottomBtn > .center {
    width: 100%;
  }
  aside.bottomAppBox .boxArea > .bottomBtn > .center > button {
    flex: 1;
  }
}
@media (min-width: 700px) and (max-width: 1100px) {
  aside.bottomAppBox {
    flex-direction: column;
  }
  aside.bottomAppBox > * {
    min-width: calc(50% - 1rem);
    overflow: visible;
  }
  aside.bottomAppBox .boxArea {
    padding: 2rem;
    position: relative;
  }
  aside.bottomAppBox .boxArea + .boxArea:before {
    display: block;
  }
  aside.bottomAppBox > .center {
    background-color: #fbf9f9;
  }
}

aside.paymentGroup {
  border: 2rem solid #f1f1f1;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
  background-color: #f1f1f1;
  margin-top: -1px;
}
aside.paymentGroup + .unitTable {
  margin-top: 6rem;
}
aside.paymentGroup > .left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  background-color: #fff;
  position: relative;
  padding: 6rem 3rem 3rem;
}
aside.paymentGroup > .left > .tit {
  position: absolute;
  top: 3rem;
  left: 3rem;
  font-size: 1.6rem;
  color: #00429a;
}
aside.paymentGroup > .left .radioCont {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
aside.paymentGroup > .left .radioCont .formRadio input:checked + label {
  font-weight: 700;
}
aside.paymentGroup > .left .radioCont .formRadio + .formRadio {
  margin-top: 0;
}
aside.paymentGroup > .left .radioCont .allDel {
  border: 1px solid #00429a;
  color: #00429a;
  font-size: 1.6rem;
  padding: 0 1.5rem;
  height: 4rem;
  border-radius: 0.5rem;
  gap: 1rem;
}
aside.paymentGroup > .left .payment {
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
aside.paymentGroup > .left .payment > strong {
  font-size: 2rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-right: 2rem;
}
aside.paymentGroup > .left .payment > em {
  font-size: 3rem;
  font-weight: 700;
  color: #e02a40;
  margin-right: 0.2rem;
}
aside.paymentGroup > .right {
  width: 18rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
aside.paymentGroup > .right .bottomBtn {
  margin-top: 0;
  width: 100%;
  height: 100%;
}
aside.paymentGroup > .right .bottomBtn .center {
  width: 100%;
  height: 100%;
}
aside.paymentGroup > .right .bottomBtn .center button {
  width: 100%;
  border-radius: 0;
  height: 100%;
  font-size: 2rem;
}
@media (max-width: 1000px) {
  aside.paymentGroup {
    border: 1.5rem solid #f1f1f1;
    gap: 1.5rem;
    flex-direction: column;
  }
  aside.paymentGroup + .unitTable {
    margin-top: 3rem;
  }
  aside.paymentGroup > .left {
    flex: 1;
    padding: 2rem 1rem;
    gap: 1rem;
    flex-direction: column;
  }
  aside.paymentGroup > .left > .tit {
    position: relative;
    top: auto;
    left: auto;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    width: 100%;
    text-align: center;
  }
  aside.paymentGroup > .left > .tit:before {
    content: "";
    position: absolute;
    left: -1rem;
    bottom: -6.5rem;
    width: calc(100% + 2rem);
    height: 1.5rem;
    background-color: #f1f1f1;
  }
  aside.paymentGroup > .left .radioCont {
    gap: 1rem;
    margin-bottom: 4rem;
  }
  aside.paymentGroup > .left .radioCont .formRadio + .formRadio {
    margin-top: 0;
  }
  aside.paymentGroup > .left .radioCont + .formRadio {
    margin-top: 0;
  }
  aside.paymentGroup > .left .radioCont .allDel {
    font-size: 1.3rem;
    padding: 0 1rem;
    height: 3rem;
    gap: 0.5rem;
  }
  aside.paymentGroup > .left .payment > strong {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  aside.paymentGroup > .left .payment > em {
    font-size: 2rem;
  }
  aside.paymentGroup > .right {
    width: 100%;
  }
  aside.paymentGroup > .right .bottomBtn {
    height: 5rem;
  }
  aside.paymentGroup > .right .bottomBtn .center {
    width: 100%;
    height: 100%;
  }
  aside.paymentGroup > .right .bottomBtn .center button {
    width: 100%;
    border-radius: 0;
    height: 100%;
    font-size: 1.8rem;
  }
}

aside.readyArea {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 5rem;
  flex-direction: row;
  flex-direction: column;
  height: 40rem;
  justify-content: center;
}
aside.readyArea > img {
  height: 5rem;
}
aside.readyArea > .tit {
  font-size: 3rem;
  font-weight: 100;
  color: #666;
}
aside.readyArea > .tit > strong {
  font-weight: 700;
  color: #1a1a1a;
}
@media (max-width: 1000px) {
  aside.readyArea {
    margin-top: 2rem;
    gap: 3rem;
    height: 30rem;
  }
  aside.readyArea > img {
    height: 3rem;
  }
  aside.readyArea > .tit {
    font-size: 2rem;
  }
}

.joinTop {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  flex-direction: column;
}
.joinTop > h1 {
  font-size: 4rem;
  font-weight: 100;
  color: #fff;
}
@media (max-width: 1000px) {
  .joinTop {
    gap: 1.5rem;
  }
  .joinTop > button > img {
    height: 2.2rem;
  }
  .joinTop > h1 {
    font-size: 3rem;
  }
}

.joinTopBtn {
  margin: 4rem auto 0;
  width: 100rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
.joinTopBtn > button {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 6rem;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
  font-size: 2rem;
  font-weight: 400;
  transition: all 0.2s ease 0.05s;
}
.joinTopBtn > button.isActive {
  color: #1a1a1a;
  background-color: #fff;
  font-weight: 700;
}
.joinTopBtn > button:first-child {
  border-radius: 1rem 0 0 0;
}
.joinTopBtn > button:last-child {
  border-radius: 0 1rem 0 0;
}
.joinTopBtn > button:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1000px) {
  .joinTopBtn {
    margin: 2rem auto 0;
    width: 100%;
  }
  .joinTopBtn > button {
    height: 4rem;
    font-size: 1.6rem;
  }
  .joinTopBtn > button:first-child {
    border-radius: 0.5rem 0 0 0;
  }
  .joinTopBtn > button:last-child {
    border-radius: 0 0.5rem 0 0;
  }
}

.joinBox {
  margin: auto;
  width: 100rem;
  padding: 6rem;
  border-radius: 0 0 1rem 1rem;
  background-color: #fff;
  position: relative;
}
.joinBox:before {
  content: "";
  position: absolute;
  width: 28rem;
  height: 19rem;
  top: -22rem;
  right: -20rem;
  background: url(../img/sub/join_top.png) center center no-repeat;
  background-size: contain;
}
.joinBox.sml {
  margin: 4rem auto 0;
  width: 75rem;
  padding: 6rem 10rem;
  border-radius: 1rem;
}
.joinBox.sml:before {
  top: -16rem;
}
.joinBox .boxTit {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 3rem;
  text-align: center;
}
.joinBox .boxTit > small {
  display: block;
  font-size: 1.6rem;
  color: #333;
  font-weight: 400;
  margin-top: 2rem;
}
.joinBox .logForm .formText input {
  height: 5.5rem;
  padding: 0 6rem 0 6rem;
  background: #fff url(../img/common/inp_id.png);
  background-position: center left 2rem;
  background-repeat: no-repeat;
}
.joinBox .logForm .formText.pass input {
  background: #fff url(../img/common/inp_pass.png);
  background-position: center left 2rem;
  background-repeat: no-repeat;
}
.joinBox .logForm .formText + .formText {
  margin-top: 2rem;
}
.joinBox .logForm + .joinBtn {
  flex-direction: column;
}
.joinBox .joinBtn {
  margin-top: 6rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
}
.joinBox .joinBtn.wide {
  margin-top: 3rem;
}
.joinBox .joinBtn.wide > button {
  max-width: 55rem;
  width: 100%;
  height: 7rem;
  font-size: 2rem;
}
.joinBox .joinBtn > button {
  height: 5.5rem;
  background-color: #00429a;
  color: #fff;
  font-size: 1.8rem;
  padding: 0 10rem;
  border-radius: 0.5rem;
}
.joinBox .joinBtn > button.prev {
  padding: 0 4rem;
  background-color: #999;
}
.joinBox .joinBtn .txtBtn {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.joinBox .joinBtn .txtBtn > button {
  color: #333;
  position: relative;
  font-size: 1.6rem;
}
.joinBox .joinBtn .txtBtn > button strong {
  color: #1a1a1a;
}
.joinBox .joinBtn .txtBtn > button + button:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  width: 1px;
  height: 1.5rem;
  background-color: #ccc;
}
.joinBox .joinFamily {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  margin: 4rem auto 0;
}
.joinBox .joinFamily > button {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.1rem;
  color: #333;
  height: 5rem;
  padding: 0 2rem;
  background-color: #f1f1f1;
}
.joinBox.type2 {
  margin-top: 4rem;
}
.joinBox.type3 {
  margin-top: 0rem;
  padding: 0;
}
@media (max-width: 1000px) {
  .joinBox {
    width: 100%;
    padding: 3rem 2rem;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .joinBox:before {
    display: none;
  }
  .joinBox.sml {
    margin: 2rem auto 0;
    width: 100%;
    max-width: 45rem;
    padding: 3rem 2rem;
    border-radius: 0.5rem;
  }
  .joinBox .boxTit {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  .joinBox .boxTit > small {
    font-size: 1.3rem;
    margin-top: 1rem;
  }
  .joinBox .logForm .formText input {
    height: 4rem;
    padding: 0 3rem 0 3rem;
    background-position: center left 1rem;
    background-size: 1.5rem auto;
  }
  .joinBox .logForm .formText.pass input {
    background-position: center left 1rem;
    background-size: 1.5rem auto;
  }
  .joinBox .logForm .formText + .formText {
    margin-top: 1rem;
  }
  .joinBox .logForm + .joinBtn {
    flex-direction: column;
  }
  .joinBox .joinBtn {
    margin-top: 3rem;
    gap: 1rem;
  }
  .joinBox .joinBtn.wide {
    margin-top: 1.5rem;
  }
  .joinBox .joinBtn.wide > button {
    max-width: 100%;
    height: 4.5rem;
    font-size: 1.6rem;
  }
  .joinBox .joinBtn > button {
    height: 4.5rem;
    font-size: 1.4rem;
    padding: 0 2rem;
    border-radius: 0.25rem;
  }
  .joinBox .joinBtn > button.prev {
    padding: 0 2rem;
  }
  .joinBox .joinBtn .txtBtn {
    margin-top: 2rem;
    gap: 2rem;
  }
  .joinBox .joinBtn .txtBtn > button {
    font-size: 1.3rem;
  }
  .joinBox .joinBtn .txtBtn > button + button:before {
    left: -1rem;
    height: 0.75rem;
  }
  .joinBox .joinFamily {
    flex-wrap: wrap;
    gap: 0.2rem;
    margin: 2rem auto 0;
    width: 100%;
    align-items: stretch;
  }
  .joinBox .joinFamily > button {
    gap: 1rem;
    height: 5rem;
    padding: 0 1rem;
    width: calc(50% - 1px);
    flex-direction: column;
  }
  .joinBox .joinFamily > button > i {
    margin-right: -3.15rem !important;
    margin-bottom: -0.7rem !important;
  }
  .joinBox .joinFamily > button + button {
    border-top: 1px solid #fff;
  }
  .joinBox.type2 {
    margin-top: 2rem;
  }
  .joinBox.type2 .unitTab {
    margin-top: 0;
  }
  .joinBox.type3 {
    margin-top: 0rem;
    padding: 0;
  }
}

.memType {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}
.memType > li {
  width: 32rem;
  padding: 4rem 1rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  text-align: center;
}
.memType > li > .tit {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
}
.memType > li > .desc {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #666;
}
.memType > li > img {
  margin: 2rem auto;
}
.memType > li > .sub {
  font-size: 1.2rem;
  color: #666;
  height: 5.1rem;
}
.memType > li > .sub > span {
  display: block;
}
.memType > li > button {
  margin-top: 2rem;
  width: 20rem;
  height: 5.5rem;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #00429a;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  font-size: 1.8rem;
}
@media (max-width: 1000px) {
  .memType {
    gap: 2rem;
    flex-direction: column;
  }
  .memType > li {
    width: 100%;
    padding: 2rem;
    border-radius: 0.25rem;
  }
  .memType > li > .tit {
    font-size: 1.4rem;
  }
  .memType > li > .desc {
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
  .memType > li > img {
    margin: 1rem auto;
  }
  .memType > li > .sub {
    font-size: 1.1rem;
    height: auto;
  }
  .memType > li > button {
    margin-top: 1rem;
    width: 100%;
    height: 4rem;
    border-radius: 0.25rem;
    font-size: 1.6rem;
  }
}

.memTbl .boxTit {
  font-size: 3rem;
  font-weight: 700;
  margin: 6rem auto 2rem;
  text-align: left;
}
.memTbl .boxTit .unitBetween {
  align-items: flex-end;
}
.memTbl .boxTit small {
  display: block;
  font-size: 1.6rem;
  color: #666;
  font-weight: 400;
  margin-top: 1rem;
}
.memTbl .boxTit .required {
  font-size: 1.3rem;
  color: #666;
}
.memTbl .boxTit .required em {
  color: #e02a40;
  font-weight: 700;
}
.memTbl .flexZone {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
.memTbl .flexZone .formSelect {
  width: 22rem;
}
.memTbl .flexZone .innerBtn {
  max-width: 10.5rem;
  flex: auto;
  background-color: #666;
  height: 3.6rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #fff;
}
.memTbl .flexZone .innerBtn.wide {
  max-width: 15rem;
}
.memTbl .desc {
  color: #666;
  font-size: 1.3rem;
}
.memTbl .publicAttatch .flexZone {
  margin-top: 1rem;
}
.memTbl .publicAttatch .flexZone > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  padding: 0 2rem;
  background-color: #666;
  height: 3.6rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #fff;
}
.memTbl .publicAttatch .flexZone > p {
  color: #044da2;
  font-size: 1.3rem;
}
.memTbl .publicAttatch .grayBox {
  background-color: #fafafa;
  padding: 2rem;
  margin-top: 2rem;
  border-radius: 1rem;
}
.memTbl .publicAttatch .grayBox > .tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1a1a1a;
}
.memTbl .publicAttatch .grayBox > .desc {
  margin-top: 0.5rem;
}
.memTbl .publicAttatch .addColumn {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  margin-top: 2rem;
  padding: 2rem 0 1rem;
  border-top: 1px dashed #ccc;
}
.memTbl .publicAttatch .addColumn > .tit {
  font-weight: 700;
}
.memTbl .publicAttatch .addColumn > .column {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.memTbl .addCompany {
  margin-bottom: 1rem;
}
.memTbl .center .formCheckbox {
  display: inline-block;
}
.memTbl .center .formCheckbox > label {
  padding-left: 2rem;
}
@media (max-width: 1000px) {
  .memTbl .boxTit {
    font-size: 1.8rem;
    margin: 3rem auto 1rem;
  }
  .memTbl .boxTit .unitBetween {
    flex-direction: column;
    align-items: flex-start;
  }
  .memTbl .boxTit .unitBetween small {
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
  .memTbl .boxTit .unitBetween .required {
    font-size: 1.1rem;
  }
  .memTbl .flexZone {
    gap: 1rem;
    flex-direction: column;
    align-items: stretch;
  }
  .memTbl .flexZone .formSelect {
    width: 100%;
  }
  .memTbl .flexZone .innerBtn {
    max-width: 100%;
    border-radius: 0.5rem;
    font-size: 1.3rem;
  }
  .memTbl .flexZone .innerBtn.wide {
    max-width: 100%;
  }
  .memTbl .desc {
    font-size: 1.1rem;
  }
  .memTbl .publicAttatch .flexZone {
    margin-top: 0.5rem;
  }
  .memTbl .publicAttatch .flexZone > button {
    padding: 0 1rem;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    margin: 0.25rem 0;
  }
  .memTbl .publicAttatch .flexZone > p {
    font-size: 1.1rem;
  }
  .memTbl .publicAttatch > .tit {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  .memTbl .publicAttatch > .desc {
    margin-top: 0.25rem;
  }
  .memTbl .addCompany {
    margin-bottom: 0.5rem;
  }
  .memTbl .center .formCheckbox > label {
    padding-left: 1rem;
  }
}

.memFin > .tit {
  text-align: center;
  color: #1a1a1a;
}
.memFin > .tit > small {
  font-size: 2.4rem;
  font-weight: 100;
  display: block;
}
.memFin > .tit > small > em {
  color: #1a1a1a;
  font-weight: 400;
}
.memFin > .tit > strong {
  font-size: 3rem;
  font-weight: 700;
  margin-top: 1rem;
  display: block;
}
.memFin > .tit > strong > em {
  color: #00429a;
}
.memFin > .desc {
  text-align: center;
  margin-top: 3rem;
  color: #333;
  font-size: 1.6rem;
}
.memFin .siteList {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
}
.memFin .siteList > li {
  flex: 1;
}
.memFin .siteList > li > button {
  background-color: #fafafa;
  display: flex;
  align-items: center;
  gap: 5rem;
  flex-direction: row;
  justify-content: center;
  flex-direction: column;
  padding: 5rem 2rem;
  width: 100%;
}
.memFin .siteList > li > button > span {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
}
.memFin .midTit {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
}
.memFin .unitBetween {
  gap: 4rem;
  margin-top: 8rem;
}
.memFin .unitBetween > * {
  flex: 1;
}
.memFin .unitBetween .siteList {
  margin-top: 1rem;
}
@media (max-width: 1000px) {
  .memFin > .tit > small {
    font-size: 1.6rem;
  }
  .memFin > .tit > strong {
    font-size: 2rem;
    margin-top: 0.5rem;
  }
  .memFin > .desc {
    margin-top: 1.5rem;
    font-size: 1.3rem;
  }
  .memFin .siteList {
    margin-top: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .memFin .siteList > li {
    flex: auto;
    width: calc(50% - 0.5rem);
  }
  .memFin .siteList > li > button {
    gap: 2.5rem;
    padding: 2.5rem 1.5rem;
  }
  .memFin .siteList > li > button > img {
    width: 4rem;
  }
  .memFin .siteList > li > button > span {
    gap: 0.5rem;
    font-size: 1.2rem;
  }
  .memFin .midTit {
    font-size: 1.4rem;
  }
  .memFin .unitBetween {
    gap: 2rem;
    margin-top: 4rem;
    flex-direction: column;
  }
  .memFin .unitBetween > * {
    width: 100%;
  }
  .memFin .unitBetween .siteList {
    margin-top: 0.5rem;
    width: 100%;
  }
}

.tblBtn {
  gap: 0.5rem;
  height: 3.5rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  width: 12rem;
  justify-content: center;
  background-color: #666;
  color: #fff;
}
.tblBtn + .tblBtn {
  margin-top: 0.5rem;
}
.tblBtn.red {
  background-color: #e02a40;
}
.tblBtn.blue {
  background-color: #00429a;
}
.tblBtn.black {
  background-color: #1a1a1a;
}
.tblBtn.gray {
  background-color: #666;
}
.tblBtn.line {
  background-color: #fff;
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
}
.tblBtn.yellow {
  background-color: #fab312;
  color: #1a1a1a;
}
.tblBtn.dis, .tblBtn:disabled {
  background-color: #ccc;
}
@media (max-width: 1000px) {
  .tblBtn {
    padding: 0 1rem;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    width: 100%;
  }
}

.topContent {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 0;
}
.topContent > .right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  min-width: 12rem;
  justify-content: flex-end;
}
.topContent > .right > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  transition: all 0.2s ease 0.05s;
}
.topContent > .right > button:hover, .topContent > .right > button:focus {
  border-color: #00429a;
}
.topContent.type2 {
  color: rgba(255, 255, 255, 0.8);
  top: 3rem;
}
@media (max-width: 1000px) {
  .topContent {
    margin-top: -0.25rem;
    position: relative;
    z-index: 11;
  }
  .topContent > .right {
    gap: 1rem;
    min-width: 4rem;
    justify-content: flex-end;
  }
  .topContent > .right > button {
    width: 3.5rem;
    height: 3.5rem;
  }
  .topContent > .right > button > i {
    margin-right: -1.5rem !important;
    margin-bottom: -1.3rem !important;
  }
  .topContent > .right > button.btnPrint {
    display: none;
  }
  .topContent.type2 {
    top: 1.5rem;
  }
  .topContent + .pageTit {
    margin-top: -1rem;
  }
  .topContent.type3 .breadcrumb .formSelect:last-child {
    display: inline-flex;
    min-width: 20rem; /*border:1px solid $co-brd;*/
  }
  .topContent.type3 .breadcrumb .formSelect:last-child:before {
    display: none;
  }
  .topContent.type3 .breadcrumb .formSelect:last-child .select {
    border: 1px solid #ccc;
    padding-bottom: 1rem;
  }
}

.pageTit {
  margin: 4rem 0;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  position: relative;
  height: 10rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto -1px !important;
}
.pageTit:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background: #0553a7 url(../img/common/blue_bg.png);
  background-position: center bottom -8rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.pageTit + .anchorCont {
  margin-top: 4rem;
}
.pageTit + .joinBox {
  margin-top: 4rem;
}
.pageTit + .termsChk {
  margin-top: 4rem;
}
@media (max-width: 1000px) {
  .pageTit {
    margin: 2rem 0;
    font-size: 1.8rem;
    height: 5rem;
  }
  .pageTit + .anchorCont {
    margin-top: 2rem;
  }
  .pageTit + .joinBox {
    margin-top: 2rem;
  }
  .pageTit + .termsChk {
    margin-top: 2rem;
  }
  .pageTit:after {
    height: 5rem;
  }
}
.pageTit.type2 {
  background: #0553a7;
}
.pageTit.type2:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #0553a7;
  z-index: -1;
}

.tblTop {
  margin: 4rem 0 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.tblTop .schArea {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
.tblTop .schArea .schSelect {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.tblTop .schArea .schTxt {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.tblTop.type2 {
  margin: 2rem 0 1rem;
}
.tblTop > .tit {
  font-size: 2rem;
}
.tblTop > .tit .topState {
  color: #258ccb;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
.tblTop > .tit .topState[data-state=change] {
  color: #7949de;
}
.tblTop > .tit .topState[data-state=disable] {
  color: #666;
}
@media (max-width: 1000px) {
  .tblTop {
    margin: 2rem 0;
    flex-direction: column;
    align-items: stretch;
  }
  .tblTop .schArea {
    gap: 0.5rem;
    flex-direction: column;
    align-items: stretch;
  }
  .tblTop .schArea .schSelect {
    gap: 0.5rem;
  }
  .tblTop .schArea .schSelect > * {
    flex: 1;
  }
  .tblTop .schArea .schTxt {
    gap: 0.5rem;
    width: 100%;
    justify-content: space-between;
  }
  .tblTop .schArea .schTxt .formText {
    width: calc(100% - 6.3rem);
  }
  .tblTop > .tit {
    font-size: 1.6rem;
  }
  .tblTop > .tit .topState {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
  }
  .tblTop > .tit .topState > i {
    margin: 0 -1.3rem -1.3rem 0 !important;
  }
}

.bbsView {
  margin-top: 4rem;
}
.bbsView .topArea {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.bbsView .topArea > .left .tit {
  font-size: 3rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.bbsView .topArea > .left .tit > em {
  color: #008bf6;
  font-size: 2rem;
}
.bbsView .topArea > .right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  min-width: 12rem;
  justify-content: flex-end;
}
.bbsView .topArea > .right > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  transition: all 0.2s ease 0.05s;
}
.bbsView .topArea > .right > button:hover, .bbsView .topArea > .right > button:focus {
  border-color: #00429a;
}
.bbsView .unitTable {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.bbsView .unitTable table {
  font-size: 1.3rem;
}
.bbsView .unitTable table tbody tr th {
  padding: 1rem 2rem;
  font-weight: 500;
  border: none;
  vertical-align: middle;
  position: relative;
}
.bbsView .unitTable table tbody tr td {
  color: #666;
}
.bbsView .contentArea {
  padding: 4rem 2rem;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 1000px) {
  .bbsView {
    margin-top: 0;
  }
  .bbsView .topArea {
    margin-bottom: 1rem;
    align-items: flex-start;
  }
  .bbsView .topArea > .left .tit {
    font-size: 2rem;
    gap: 0.5rem;
  }
  .bbsView .topArea > .left .tit > em {
    color: #008bf6;
    font-size: 1.4rem;
  }
  .bbsView .topArea > .right {
    gap: 1rem;
    min-width: 4rem;
    justify-content: flex-end;
  }
  .bbsView .topArea > .right > button {
    width: 3.5rem;
    height: 3.5rem;
  }
  .bbsView .topArea > .right > button > i {
    margin-right: -1.5rem !important;
    margin-bottom: -1.3rem !important;
  }
  .bbsView .topArea > .right > button.btnPrint {
    display: none;
  }
  .bbsView .unitTable table {
    font-size: 1.3rem;
  }
  .bbsView .unitTable table tbody tr {
    flex-wrap: wrap;
    padding: 1rem 0;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
  .bbsView .unitTable table tbody tr:hover {
    background-color: transparent;
  }
  .bbsView .unitTable table tbody tr th {
    padding: 0;
    width: 10rem;
    border: none;
    padding: 0.5rem 0 !important;
  }
  .bbsView .unitTable table tbody tr td {
    width: auto;
    width: calc(100% - 10rem);
    padding: 0.5rem 0 !important;
  }
  .bbsView .unitTable table tbody tr td + th {
    margin-top: 0;
  }
  .bbsView .unitTable table tbody tr td + th:before {
    display: none;
  }
  .bbsView .contentArea {
    padding: 2rem 0;
    border-bottom: 1px solid #ccc;
  }
}

.bottomBtn {
  margin-top: 6rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  justify-content: space-evenly;
}
.bottomBtn > * {
  min-width: 33.333%;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
}
.bottomBtn > *.left {
  justify-content: flex-start;
}
.bottomBtn > *.right {
  justify-content: flex-end;
}
.bottomBtn > *.center {
  justify-content: center;
}
.bottomBtn > * > button {
  height: 5.5rem;
  background-color: #00429a;
  color: #fff;
  font-size: 1.8rem;
  padding: 0 4rem;
  border-radius: 0.5rem;
  font-weight: 500;
}
.bottomBtn > * > button.gray {
  padding: 0 4rem;
  background-color: #999;
}
.bottomBtn > * > button.red {
  padding: 0 4rem;
  background-color: #e02a40;
}
.bottomBtn > * > button.black {
  padding: 0 4rem;
  background-color: #1a1a1a;
}
.bottomBtn > * > button.confirm {
  padding: 0 8rem;
}
.bottomBtn > * > button.prime {
  background: #084f9f url(../img/common/blue_bg.png);
  background-position: bottom right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bottomBtn > * > button.line {
  background: #fff;
  color: #00429a;
  border: 0.2rem solid #00429a;
}
.bottomBtn > * .txtBtn {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.bottomBtn > * .txtBtn > button {
  color: #333;
  position: relative;
  font-size: 1.6rem;
}
.bottomBtn > * .txtBtn > button strong {
  color: #1a1a1a;
}
.bottomBtn > * .txtBtn > button + button:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  width: 1px;
  height: 1.5rem;
  background-color: #ccc;
}
@media (max-width: 1000px) {
  .bottomBtn {
    margin-top: 3rem;
    gap: 1rem;
  }
  .bottomBtn > * {
    gap: 0.5rem;
  }
  .bottomBtn > * > button {
    height: 3.5rem;
    font-size: 1.3rem;
    padding: 0 2rem;
    border-radius: 0.25rem;
  }
  .bottomBtn > * > button.gray {
    padding: 0 1rem;
  }
  .bottomBtn > * > button.red {
    padding: 0 1rem;
  }
  .bottomBtn > * > button.confirm {
    padding: 0 4rem;
  }
  .bottomBtn > * .txtBtn {
    margin-top: 2rem;
    gap: 2rem;
  }
  .bottomBtn > * .txtBtn > button {
    font-size: 1.3rem;
  }
  .bottomBtn > * .txtBtn > button + button:before {
    left: -1rem;
    height: 0.75rem;
  }
}

.modalSplit {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  align-items: stretch;
}
.modalSplit > .unitTable .flexArea {
  gap: 1rem;
}
.modalSplit > .unitTable .imp > strong {
  color: #e02a40;
  font-size: 2rem;
}
.modalSplit > .unitNotice {
  min-width: 24rem;
  background-color: #d9e8ed;
  padding: 2rem;
  border-radius: 1rem;
}
.modalSplit > .unitNotice > .tit {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.5rem;
  color: #258ccb;
  margin-bottom: 2rem;
}
.modalSplit > .unitNotice > .text {
  font-size: 1.1rem;
}
.modalSplit > .unitNotice > .text * + * {
  margin-top: 0.5rem;
}
.modalSplit > .unitNotice > .text > strong {
  font-size: 1.3rem;
}
.modalSplit > .unitNotice > .text > strong > a {
  text-decoration: underline;
}
.modalSplit > .unitNotice > .text + .text {
  margin-top: 2rem;
}
.modalSplit > .unitNotice > .text .btnLine {
  font-size: 1.2rem;
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 0.5rem;
}
@media (max-width: 1000px) {
  .modalSplit {
    flex-direction: column;
  }
  .modalSplit > .unitTable .imp > strong {
    font-size: 1.8rem;
  }
  .modalSplit > .unitNotice {
    min-width: 100%;
    padding: 1rem;
    border-radius: 0.5rem;
  }
  .modalSplit > .unitNotice > .tit {
    gap: 0.5rem;
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .modalSplit > .unitNotice > .tit > i {
    margin: 0 -0.75rem -1.1rem 0 !important;
  }
  .modalSplit > .unitNotice > .text * + * {
    margin-top: 0.5rem;
  }
  .modalSplit > .unitNotice > .text > strong {
    font-size: 1.2rem;
  }
  .modalSplit > .unitNotice > .text + .text {
    margin-top: 1rem;
  }
  .modalSplit > .unitNotice > .text .btnLine {
    font-size: 1.1rem;
    height: 2.5rem;
  }
}

.instructorCont {
  position: relative;
  margin-top: 4rem;
}
.instructorCont > ul {
  display: flex;
  align-items: center;
  gap: 4rem 2rem;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.instructorCont > ul > li {
  width: calc(50% - 1rem);
  border-top: 1px solid #1a1a1a;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
}
.instructorCont > ul > li > .left > img {
  width: 18rem;
}
.instructorCont > ul > li > .right > .text {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
}
.instructorCont > ul > li > .right > .text + .text {
  margin-top: 1rem;
}
.instructorCont > ul > li > .right > .text > .tit {
  min-width: 8rem;
  color: #666;
}
.instructorCont > ul > li > .right > .text > .desc {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  color: #666;
}
.instructorCont > ul > li > .right > .text > .desc > strong {
  font-size: 2rem;
  color: #1a1a1a;
}
.instructorCont > ul > li > .right > .text > .desc > em {
  font-weight: 500;
  color: #1a1a1a;
  display: block;
  margin-bottom: 0.5rem;
}
@media (max-width: 1000px) {
  .instructorCont {
    margin-top: 2rem;
  }
  .instructorCont > ul {
    gap: 2rem;
  }
  .instructorCont > ul > li {
    width: 100%;
    gap: 1rem;
  }
  .instructorCont > ul > li > .left > img {
    width: 9rem;
  }
  .instructorCont > ul > li > .right > .text {
    gap: 1rem;
  }
  .instructorCont > ul > li > .right > .text + .text {
    margin-top: 1rem;
  }
  .instructorCont > ul > li > .right > .text > .tit {
    min-width: 6rem;
    font-size: 1.2rem;
  }
  .instructorCont > ul > li > .right > .text > .desc {
    font-size: 1.2rem;
  }
  .instructorCont > ul > li > .right > .text > .desc > strong {
    font-size: 1.4rem;
  }
  .instructorCont > ul > li > .right > .text > .desc > em {
    font-size: 1.2rem;
  }
}

.modalGrayBox {
  padding: 2rem;
  font-size: 1.3rem;
  background-color: #d9e8ed;
  border-radius: 1rem;
  color: #666;
}
.modalGrayBox > .tit {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #1a1a1a;
}
@media (max-width: 1000px) {
  .modalGrayBox {
    padding: 1rem;
    font-size: 1.2rem;
    border-radius: 0.5rem;
  }
  .modalGrayBox > .tit {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
}

.radioInline {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: row;
}
.radioInline > .formRadio {
  margin-top: 0;
}
.radioInline > .formRadio > label {
  padding-left: 3rem;
}
.radioInline > .formRadio > label:before {
  top: -0.4rem;
}
@media (max-width: 1000px) {
  .radioInline {
    gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .radioInline > .formText {
    width: 100%;
  }
}

.editCont {
  text-align: left;
  background-color: #fff;
}
.editCont > .editTopArea {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  width: 100%;
  height: 40rem;
  background: url(../img/common/pop_top.png) center center no-repeat;
  background-size: cover;
}
.editCont > .editTopArea .titTop {
  font-size: 7.6rem;
  font-weight: 100;
  color: #258ccb;
  margin: 4rem auto -4rem;
  letter-spacing: -0.05em;
}
.editCont > .editTopArea > small {
  position: absolute;
  color: #e02a40;
  font-size: 5.7rem;
  font-weight: 100;
  top: 7rem;
  left: calc(50% - 40rem);
  letter-spacing: -0.05em;
  transform: rotate(-30deg);
}
.editCont > .editTopArea > .tit {
  font-size: 11rem;
  font-weight: 700;
  color: #00429a;
  letter-spacing: -0.05em;
}
.editCont > .editTopArea > .subTxt {
  font-size: 5.7rem;
  font-weight: 100;
  color: #6e6e6e;
  margin-top: -3rem;
}
.editCont > .editContArea {
  color: #6e6e6e;
  font-size: 1.8rem;
  padding: 0 8rem;
}
.editCont > .editContArea .red {
  color: #e02a40;
}
.editCont > .editContArea > dl + dl {
  margin-top: 8rem;
}
.editCont > .editContArea > dl > dt > span {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  display: inline-flex;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  height: 5rem;
  padding: 0 4rem;
  border-radius: 10rem;
  margin-bottom: 2rem;
  background-color: #fab312;
}
.editCont > .editContArea > dl > dd + dd {
  margin-top: 4rem;
}
.editCont > .editContArea > dl > dd > .tit {
  font-size: 2.4rem;
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 1rem;
}
.editCont > .editContArea > dl > dd > .unitCenter {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
}
.editCont > .editContArea > dl > dd > .unitCenter > li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #fafafa;
  color: #1a1a1a;
  height: 4rem;
  border: 1px solid #6e6e6e;
  border-radius: 0.8rem;
  padding: 0 6rem;
  margin-bottom: 2rem;
}
.editCont > .editBtnArea {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  margin: 8rem auto 4rem;
}
.editCont > .editBtnArea > .bottomBtn {
  font-size: 2.6rem;
  font-weight: 600;
  color: #fff;
  padding: 0 20rem;
  height: 9.4rem;
  background-color: #1a1a1a;
  border-radius: 30rem;
}
@media (max-width: 1000px) {
  .editCont > .editTopArea {
    height: 13rem;
  }
  .editCont > .editTopArea .titTop {
    font-size: 2rem;
    margin: 2rem auto -1rem;
  }
  .editCont > .editTopArea > small {
    font-size: 1.6rem;
    top: 3rem;
    left: calc(50% - 12rem);
  }
  .editCont > .editTopArea > .tit {
    font-size: 3rem;
  }
  .editCont > .editTopArea > .subTxt {
    font-size: 2.4rem;
    margin-top: -1rem;
  }
  .editCont > .editContArea {
    font-size: 1.2rem;
    padding: 0 2rem;
  }
  .editCont > .editContArea > dl + dl {
    margin-top: 3rem;
  }
  .editCont > .editContArea > dl > dt > span {
    font-size: 1.5rem;
    height: 3.5rem;
    padding: 0 2rem;
    margin-bottom: 1rem;
  }
  .editCont > .editContArea > dl > dd + dd {
    margin-top: 2rem;
  }
  .editCont > .editContArea > dl > dd > .tit {
    font-size: 1.5rem;
  }
  .editCont > .editContArea > dl > dd > .unitCenter {
    gap: 0.5rem;
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .editCont > .editContArea > dl > dd > .unitCenter > li {
    font-size: 1.3rem;
    height: 3rem;
    padding: 0 2rem;
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
  }
  .editCont > .editBtnArea {
    margin: 3rem auto 2rem;
  }
  .editCont > .editBtnArea > .bottomBtn {
    font-size: 1.4rem;
    padding: 0 2rem;
    height: 5rem;
    width: 100%;
  }
}

.fc {
  background-color: #fbf9f9;
  padding: 3rem;
  border-top: 1px solid #1a1a1a;
}
.fc .fc-scrollgrid {
  border: none;
}
.fc .fc-scrollgrid thead th {
  border: none;
}
.fc .fc-scrollgrid thead th .fc-scroller-harness {
  margin-bottom: 1rem;
}
.fc .fc-scrollgrid thead th .fc-scroller-harness .fc-col-header th {
  color: #1a1a1a;
  font-weight: 500;
}
.fc .fc-scrollgrid thead th .fc-scroller-harness .fc-col-header th:nth-child(1) > div {
  color: #e02a40;
}
.fc .fc-scrollgrid thead th .fc-scroller-harness .fc-col-header th:nth-child(7) > div {
  color: #044da2;
}
.fc .fc-toolbar .fc-toolbar-chunk > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.fc .fc-toolbar .fc-button-primary {
  background-color: transparent;
  border: none;
}
.fc .fc-toolbar .fc-button-primary:active {
  background-color: transparent;
  border: none;
}
.fc .fc-toolbar .fc-button-primary.fc-prevYear-button span {
  background: url(../img/common/cal_first.png) center center no-repeat;
  background-size: 1.5rem auto;
}
.fc .fc-toolbar .fc-button-primary.fc-prevYear-button span:before {
  display: none;
}
.fc .fc-toolbar .fc-button-primary.fc-prev-button span {
  background: url(../img/common/cal_prev.png) center center no-repeat;
  background-size: 1.5rem auto;
}
.fc .fc-toolbar .fc-button-primary.fc-prev-button span:before {
  display: none;
}
.fc .fc-toolbar .fc-button-primary.fc-next-button span {
  background: url(../img/common/cal_next.png) center center no-repeat;
  background-size: 1.5rem auto;
}
.fc .fc-toolbar .fc-button-primary.fc-next-button span:before {
  display: none;
}
.fc .fc-toolbar .fc-button-primary.fc-nextYear-button span {
  background: url(../img/common/cal_end.png) center center no-repeat;
  background-size: 1.5rem auto;
}
.fc .fc-toolbar .fc-button-primary.fc-nextYear-button span:before {
  display: none;
}
.fc .fc-toolbar .fc-toolbar-title {
  font-size: 2.4rem;
  font-weight: 400;
}
.fc .fc-scrollgrid-section > td {
  border: none;
}
.fc .fc-daygrid-day-frame {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-bg {
  display: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-top {
  font-size: 1.4rem;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events {
  width: 100%;
  padding: 0 0.5rem;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt {
  position: absolute;
  top: -3rem;
  right: 0;
  background-color: transparent;
  border: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-daygrid-event-dot {
  display: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-event-time {
  display: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-event-title {
  color: #666;
  font-weight: 400;
  cursor: pointer;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
  background-color: #00429a;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
  margin: auto;
  justify-content: center;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn .fc-daygrid-event-dot {
  display: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn .fc-event-time {
  display: none;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn .fc-event-title {
  color: #fff;
  height: 2.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  font-size: 1.4rem;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.add {
  background-color: #fab312;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.add .fc-event-main {
  color: #1a1a1a;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.isCheckOut {
  background-color: #3a963a;
}
.fc .fc-scrollgrid-sync-table .fc-day-other .fc-daygrid-day-events {
  opacity: 0.5;
}
@media (max-width: 1000px) {
  .fc {
    padding: 1rem;
  }
  .fc .fc-view-harness {
    height: auto !important;
  }
  .fc .fc-view-harness .fc-daygrid {
    position: relative;
  }
  .fc .fc-view-harness .fc-view {
    position: relative;
  }
  .fc .fc-scroller-liquid-absolute {
    position: relative;
  }
  .fc .fc-scrollgrid thead th .fc-scroller-harness {
    margin-bottom: 0.5rem;
  }
  .fc .fc-toolbar .fc-toolbar-chunk > div {
    gap: 0.5rem;
  }
  .fc .fc-toolbar .fc-button-primary.fc-prevYear-button span {
    background-size: 1.2rem auto;
  }
  .fc .fc-toolbar .fc-button-primary.fc-prev-button span {
    background-size: 1.2rem auto;
  }
  .fc .fc-toolbar .fc-button-primary.fc-next-button span {
    background-size: 1.2rem auto;
  }
  .fc .fc-toolbar .fc-button-primary.fc-nextYear-button span {
    background-size: 1.2rem auto;
  }
  .fc .fc-toolbar .fc-toolbar-title {
    font-size: 1.8rem;
    font-weight: 400;
  }
  .fc .fc-daygrid-day-frame {
    padding: 0.5rem;
    justify-content: flex-start;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-top {
    font-size: 1.1rem;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-events {
    padding: 0 0.1rem;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt {
    position: relative;
    top: auto;
    right: auto;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-event-title {
    min-height: 1.5rem;
    font-size: 1.1rem;
    text-align: center;
    white-space: normal;
    height: auto;
    word-break: break-all;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
    border-radius: 0.15rem;
    padding: 0.5rem 0.25rem;
  }
  .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn .fc-event-title {
    min-height: 1.5rem;
    font-size: 1.1rem;
    text-align: center;
    white-space: normal;
    height: auto;
    word-break: break-all;
  }
}

.fc-scrollgrid-sync-table td {
  border: 1rem solid #fbf9f9;
}
.fc-scrollgrid-sync-table td:nth-child(1) .fc-daygrid-day-frame .fc-daygrid-day-top {
  color: #e02a40;
}
.fc-scrollgrid-sync-table td:nth-child(7) .fc-daygrid-day-frame .fc-daygrid-day-top {
  color: #044da2;
}
@media (max-width: 1000px) {
  .fc-scrollgrid-sync-table td {
    border: 1px solid #fbf9f9;
  }
}

[data-page=add] {
  overflow: hidden;
}
[data-page=add] #content {
  font-size: 1vw;
}
[data-page=add] #content .pageTit {
  justify-content: space-between;
  font-weight: 400;
  padding: 0 2em;
  font-size: 1vw;
}
[data-page=add] #content .pageTit > img {
  width: 12em;
}
[data-page=add] #content .pageTit > span {
  font-size: 2em;
}
[data-page=add] #content .unitMemTag {
  padding: 2em;
  display: flex;
  align-items: center;
  gap: 3em;
  flex-direction: row;
  align-items: flex-start;
  height: calc(100vh - 10rem);
  position: relative;
}
[data-page=add] #content .unitMemTag > .left {
  flex: 1;
}
[data-page=add] #content .unitMemTag > .left > .tit {
  font-size: 2em;
  margin-bottom: 1rem;
  font-weight: 400;
}
[data-page=add] #content .unitMemTag > .left > .list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff;
  height: calc(100vh - 10rem - 8em);
}
[data-page=add] #content .unitMemTag > .left > .list > li {
  background: linear-gradient(180deg, #f1f1f1, #ededed);
  width: calc(50% - 0.5em);
  height: calc(10% - 1em);
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: row;
  justify-content: center;
  border-radius: 30rem;
}
[data-page=add] #content .unitMemTag > .left > .list > li[data-sex=male] {
  color: #3975b9;
}
[data-page=add] #content .unitMemTag > .left > .list > li[data-sex=female] {
  color: #f56879;
}
[data-page=add] #content .unitMemTag > .left > .list > li > .name {
  font-size: 2em;
}
[data-page=add] #content .unitMemTag > .left > .list > li > .num {
  font-size: 1.8em;
}
[data-page=add] #content .unitMemTag > .center {
  width: 40em;
  padding-top: 3em;
}
[data-page=add] #content .unitMemTag > .center > .info {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: row;
  width: 40em;
  height: 40em;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #f1f1f1, #ededed);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  line-height: 1;
}
[data-page=add] #content .unitMemTag > .center > .info > .sex {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  background-color: #1a1a1a;
  color: #fff;
  font-size: 2em;
}
[data-page=add] #content .unitMemTag > .center > .info > .name {
  font-size: 5em;
  font-weight: 400;
  margin-top: 0.1em;
}
[data-page=add] #content .unitMemTag > .center > .info > .num {
  font-size: 9em;
}
[data-page=add] #content .unitMemTag > .center > .info > .course {
  font-size: 2em;
  color: #1a1a1a;
}
[data-page=add] #content .unitMemTag > .center > .info[data-sex=male] {
  color: #3975b9;
}
[data-page=add] #content .unitMemTag > .center > .info[data-sex=male] .sex {
  background-color: #3975b9;
}
[data-page=add] #content .unitMemTag > .center > .info[data-sex=female] {
  color: #f56879;
}
[data-page=add] #content .unitMemTag > .center > .info[data-sex=female] .sex {
  background-color: #f56879;
}
[data-page=add] #content .unitMemTag > .right {
  flex: 1;
}
[data-page=add] #content .unitMemTag > .right > .tit {
  font-size: 2em;
  margin-bottom: 1rem;
  font-weight: 400;
}
[data-page=add] #content .unitMemTag > .right > .list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff;
  height: calc(100vh - 10rem - 8em);
}
[data-page=add] #content .unitMemTag > .right > .list > li {
  background: linear-gradient(180deg, #f1f1f1, #ededed);
  width: calc(50% - 0.5em);
  height: calc(10% - 1em);
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: row;
  justify-content: center;
  border-radius: 30rem;
}
[data-page=add] #content .unitMemTag > .right > .list > li[data-sex=male] {
  color: #3975b9;
}
[data-page=add] #content .unitMemTag > .right > .list > li[data-sex=female] {
  color: #f56879;
}
[data-page=add] #content .unitMemTag > .right > .list > li > .name {
  font-size: 2em;
}
[data-page=add] #content .unitMemTag > .right > .list > li > .num {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoInput {
  padding: 2em;
  display: flex;
  align-items: center;
  gap: 3em;
  flex-direction: row;
  align-items: stretch;
  height: calc(100vh - 10rem);
  position: relative;
}
@media (max-width: 1000px) {
  [data-page=add] #content .unitInfoInput {
    height: calc(100vh - 5rem);
  }
}
[data-page=add] #content .unitInfoInput > .left {
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 1em;
  overflow: hidden;
  padding: 2rem;
  max-height: 100%;
}
[data-page=add] #content .unitInfoInput > .left > .tit {
  font-size: 1.5em;
  margin-bottom: 0rem;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  padding: 1em;
  background-color: #044da2;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  margin: -2rem -2rem 2rem;
}
[data-page=add] #content .unitInfoInput > .left > .tit > button {
  font-size: 2em;
}
[data-page=add] #content .unitInfoInput > .left > .tit > button > span {
  transform: rotate(45deg);
}
[data-page=add] #content .unitInfoInput > .left .unitTable tr th {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .tdCont {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formRadio {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formRadio label:before {
  top: 50%;
  transform: translateY(-50%);
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formSelect {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formSelect select {
  padding: 0.5rem 3rem 0.5rem 1rem;
  height: auto;
  max-width: none;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formText .inpZone input {
  font-size: 1.8em;
  height: auto;
  padding: 0.5rem 1rem;
}
[data-page=add] #content .unitInfoInput > .left .unitTable .formText .inpZone.typeFlex {
  flex-direction: row !important;
  align-items: center;
}
[data-page=add] #content .unitInfoInput > .left .unitBtn .flexArea {
  width: 100%;
}
[data-page=add] #content .unitInfoInput > .left .unitBtn .flexArea > button {
  padding: 1.8rem 0;
}
[data-page=add] #content .unitInfoInput > .right {
  width: 40em;
  height: 100%;
}
[data-page=add] #content .unitInfoInput > .right .numPad {
  height: 100%;
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul {
  display: flex;
  align-items: center;
  gap: 0.6em;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  align-items: stretch;
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul > li {
  width: calc(33.333% - 0.4em);
  position: relative;
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button {
  width: 100%;
  height: 100%;
  border-radius: 0.4em;
  background: linear-gradient(180deg, #002c65, #044da2);
  font-size: 4em;
  color: #fff;
  font-weight: 500;
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button.clear, [data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button.back {
  background: linear-gradient(180deg, #666, #333);
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button.clear:hover, [data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button.back:hover {
  background-color: #333;
}
[data-page=add] #content .unitInfoInput > .right .numPad > ul > li > button:hover {
  background: #044da2;
}
[data-page=add] #content .unitInfoPay {
  padding: 2em;
  display: flex;
  align-items: center;
  gap: 3em;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  height: calc(100vh - 10rem);
  position: relative;
}
@media (max-width: 1000px) {
  [data-page=add] #content .unitInfoPay {
    height: calc(100vh - 2rem);
  }
}
[data-page=add] #content .unitInfoPay > .top {
  width: 100%;
}
[data-page=add] #content .unitInfoPay > .top .unitTable {
  margin-top: 0;
}
[data-page=add] #content .unitInfoPay > .top .unitTable table {
  display: table;
}
[data-page=add] #content .unitInfoPay > .top .unitTable thead {
  display: table-header-group;
}
[data-page=add] #content .unitInfoPay > .top .unitTable tbody {
  display: table-row-group;
}
[data-page=add] #content .unitInfoPay > .top .unitTable tr {
  display: table-row;
}
[data-page=add] #content .unitInfoPay > .top .unitTable tr td,
[data-page=add] #content .unitInfoPay > .top .unitTable tr th {
  text-align: center;
  font-size: 1.7em;
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em 0 !important;
}
[data-page=add] #content .unitInfoPay > .bottom {
  width: 100%;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable {
  margin-top: 1rem;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable table {
  display: table;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable thead {
  display: table-header-group;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable tbody {
  display: table-row-group;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable tr {
  display: table-row;
}
@media (max-width: 1000px) {
  [data-page=add] #content .unitInfoPay > .bottom .unitTable tr th {
    background-color: #fafafa;
    text-align: center;
    font-size: 1.8em;
    display: table-cell;
    vertical-align: middle;
    padding: 1em !important;
  }
  [data-page=add] #content .unitInfoPay > .bottom .unitTable tr td {
    text-align: center;
    font-size: 1.8em;
    display: table-cell;
    vertical-align: middle;
    padding: 1em !important;
  }
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable tr th {
  font-size: 1.8em;
  text-align: right;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .tdCont {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formRadio {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formRadio label:before {
  top: 50%;
  transform: translateY(-50%);
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formSelect {
  font-size: 1.8em;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formSelect select {
  padding: 0.5rem 3rem 0.5rem 1rem;
  height: auto;
  max-width: none;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formText {
  width: 100%;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formText .inpZone {
  width: 100%;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formText .inpZone input {
  font-size: 2em;
  height: auto;
  padding: 1rem 1rem;
  text-align: right;
  max-width: 100%;
  border-color: transparent;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formText .inpZone.typeFlex {
  flex-direction: row !important;
}
[data-page=add] #content .unitInfoPay > .bottom .unitTable .formText.imp input {
  font-weight: 700;
  font-size: 3.5em;
}

/* ******************************  */
/* ******** 2025 renewal ********  */
/* ******************************  */
@keyframes btnAnimationScale {
  0% {
    transform: scale(1) rotateZ(0);
  }
  50% {
    transform: scale(0.5) rotateZ(180deg);
  }
  100% {
    transform: scale(1) rotateZ(360deg);
  }
}
@keyframes btnAniOpacity {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btnAniRotate {
  0% {
    transform: rotateZ(0);
  }
  50% {
    transform: rotateZ(180deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
/* footer */
footer {
  position: relative;
  bottom: auto;
  height: auto;
  z-index: 2;
  padding: 5rem 2rem 6rem;
  overflow: hidden;
  background: linear-gradient(180deg, #003570, #007ef6);
  transition: all 0.2s ease 0.05s;
}
footer:before {
  display: none;
}
footer .wrapper {
  max-width: 140rem;
}
footer .wrapper .terms {
  display: flex;
  align-items: center;
  gap: 4rem;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 1.4rem;
  width: 100%;
  position: relative;
}
footer .wrapper .terms button strong {
  color: #a8ff00;
}
footer .wrapper .terms button:before {
  display: none;
}
footer .wrapper .terms .right {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex-direction: row;
}
footer .wrapper .terms .right select {
  color: #000;
  padding: 0 4.5rem 0 1.2rem;
  width: 18.7rem;
  background: #fff url(../img/footer_select.png) no-repeat center right 1rem;
}
footer .wrapper .terms .right .btnMove {
  width: 4.6rem;
  height: 3.6rem;
  color: #000;
  background-color: #fff;
  border-radius: 0.4rem;
}
footer .wrapper .info {
  margin-top: 5rem;
  font-size: 1.3rem;
}
footer .wrapper .info > .left > .desc {
  gap: 3rem;
}
footer .wrapper .info > .left > .desc .addr .dtl {
  margin-top: 1.6rem;
}
footer .wrapper .info > .left > .desc .addr .dtl > span > em {
  color: #9fccff;
}
footer .wrapper .info > .left > .desc .copyright {
  color: #9fccff;
}
footer .wrapper .info > .left > .desc .copyright strong {
  color: #9fccff;
}
footer .wrapper .info > .right button {
  background-color: transparent;
  padding: 0;
}
@media (max-width: 1000px) {
  footer {
    padding: 0;
  }
  footer .wrapper {
    max-width: 100%;
    padding: 0 0 5rem;
  }
  footer .wrapper .terms {
    justify-content: center;
    font-size: 1.2rem;
    padding: 1.6rem 1rem 7rem;
    background-color: rgba(0, 0, 0, 0.1);
  }
  footer .wrapper .terms button strong {
    color: #a8ff00;
  }
  footer .wrapper .terms button:before {
    display: none;
  }
  footer .wrapper .terms .right {
    position: absolute;
    bottom: 1.6rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  footer .wrapper .terms .right select {
    color: #000;
    padding: 0 4.5rem 0 1.2rem;
    width: 18.7rem;
    background: #fff url(../img/footer_select.png) no-repeat center right 1rem;
  }
  footer .wrapper .terms .right .btnMove {
    display: none;
  }
  footer .wrapper .info {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    flex-direction: column-reverse;
  }
  footer .wrapper .info > .left > .desc .addr .dtl {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1rem 4rem;
    justify-content: center;
  }
  footer .wrapper .info > .left > .desc .copyright {
    color: #9fccff;
  }
  footer .wrapper .info > .left > .desc .copyright strong {
    color: #9fccff;
  }
  footer .wrapper .info > .right {
    margin-top: 3rem;
  }
  footer .wrapper .info > .right button {
    height: auto;
  }
}

/* header */
[data-version=main_2025] header nav,
[data-version=sub_2025] header nav {
  max-width: 144rem;
}
[data-version=main_2025] header nav .topBtn,
[data-version=sub_2025] header nav .topBtn {
  z-index: 2;
  background-color: #f7f7f7;
}
[data-version=main_2025] header nav .topBtn:after,
[data-version=sub_2025] header nav .topBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #f7f7f7;
  transform: translateX(-50%);
  z-index: 0;
}
[data-version=main_2025] header nav .topBtn > .left,
[data-version=sub_2025] header nav .topBtn > .left {
  z-index: 1;
}
[data-version=main_2025] header nav .topBtn > .left > button,
[data-version=sub_2025] header nav .topBtn > .left > button {
  font-size: 1.3rem;
  gap: 0.5rem;
  color: #555;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topBtn > .left > button:hover,
[data-version=sub_2025] header nav .topBtn > .left > button:hover {
  color: #007ef6;
}
[data-version=main_2025] header nav .topBtn > .right,
[data-version=sub_2025] header nav .topBtn > .right {
  gap: 3rem;
  z-index: 1;
}
[data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem],
[data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem] {
  min-width: 2rem;
  height: auto;
  padding: 1rem 0;
  margin-left: 0;
  color: #555;
  background-color: transparent;
  gap: 1rem;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem] > img,
[data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem] > img {
  filter: brightness(1);
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem]:hover,
[data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem]:hover {
  color: #007ef6;
}
[data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem]:hover > img,
[data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem]:hover > img {
  filter: brightness(0.5);
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topBtn > .right .btnCart,
[data-version=sub_2025] header nav .topBtn > .right .btnCart {
  gap: 0.5rem;
}
[data-version=main_2025] header nav .topBtn > .right .btnCart > .num,
[data-version=sub_2025] header nav .topBtn > .right .btnCart > .num {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  font-size: 1.5rem;
  height: 2rem;
  font-weight: 700;
  color: #fff;
  padding: 0 0.5rem;
  border-radius: 10rem;
  background-color: #007ef6;
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen,
[data-version=sub_2025] header nav .topBtn > .right .btnOpen {
  position: absolute;
  right: 0;
  bottom: -7.5rem;
  transform: rotate(0deg);
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen:hover > img,
[data-version=sub_2025] header nav .topBtn > .right .btnOpen:hover > img {
  animation: btnAnimationScale 0.5s linear both;
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen:before,
[data-version=sub_2025] header nav .topBtn > .right .btnOpen:before {
  content: "";
  position: absolute;
  width: 4.3rem;
  height: 2rem;
  right: -4.8rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/layout/top_ham_text.png) center center no-repeat;
  background-size: contain;
}
[data-version=main_2025] header nav .topBtn > .right .btnClose,
[data-version=sub_2025] header nav .topBtn > .right .btnClose {
  padding: 2rem;
  position: absolute;
  right: 0;
  top: 1.5rem;
}
[data-version=main_2025] header nav .topBtn > .right .btnClose:hover,
[data-version=sub_2025] header nav .topBtn > .right .btnClose:hover {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=main_2025] header nav .topArea,
[data-version=sub_2025] header nav .topArea {
  max-width: 100%;
}
[data-version=main_2025] header nav .topArea:before,
[data-version=sub_2025] header nav .topArea:before {
  top: 9.9rem;
}
[data-version=main_2025] header nav .topArea > .left,
[data-version=sub_2025] header nav .topArea > .left {
  min-width: 28.5rem;
}
[data-version=main_2025] header nav .topArea .menuArea,
[data-version=sub_2025] header nav .topArea .menuArea {
  flex: 1;
  margin: 0 11rem 0 7rem;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 {
  gap: 0;
  justify-content: space-between;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a {
  font-size: 2rem;
  height: 10rem;
  font-weight: 500;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a:hover, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a.current,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a:hover,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a.current {
  font-weight: 500;
  color: #007ef6;
  border-bottom: 0.5rem solid #0056a7;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li {
  padding: 0;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li + li,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li + li {
  margin-top: 1rem;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a {
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1.5rem;
  background-color: transparent;
  border-radius: 0;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive {
  background-color: #56ab46;
  border-radius: 0.6rem;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
  margin-top: 0;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  color: #add7ff;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  padding: 0.5rem 1.5rem;
  border-radius: 0;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:hover,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 0.6rem;
}
[data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03.typeOpen,
[data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03.typeOpen {
  display: block !important;
}
[data-version=main_2025] header nav .topArea .menuArea .bg,
[data-version=sub_2025] header nav .topArea .menuArea .bg {
  top: 10rem;
  height: 38rem;
  background-color: #0056a7;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
  border-bottom: none;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] header nav .topArea .menuArea .bg:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg:before {
  width: 29.6rem;
  height: 25.6rem;
  background-image: url(../img/layout/gnb_icon_bg.png);
  left: calc(50% - 70rem);
  bottom: 4rem;
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg01]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg01]:before {
  background-image: url(../img/layout/gnb_icon_01.png);
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg02]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg02]:before {
  background-image: url(../img/layout/gnb_icon_02.png);
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg03]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg03]:before {
  background-image: url(../img/layout/gnb_icon_03.png);
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg04]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg04]:before {
  background-image: url(../img/layout/gnb_icon_04.png);
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg05]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg05]:before {
  background-image: url(../img/layout/gnb_icon_05.png);
}
[data-version=main_2025] header nav .topArea .menuArea .bg[data-icon=bg06]:before,
[data-version=sub_2025] header nav .topArea .menuArea .bg[data-icon=bg06]:before {
  background-image: url(../img/layout/gnb_icon_06.png);
}
[data-version=main_2025] header.allMenuActive:before,
[data-version=sub_2025] header.allMenuActive:before {
  z-index: 3;
}
[data-version=main_2025] header.allMenuActive:after,
[data-version=sub_2025] header.allMenuActive:after {
  z-index: 2;
}
[data-version=main_2025] header.allMenuActive nav,
[data-version=sub_2025] header.allMenuActive nav {
  z-index: 3;
}
[data-version=main_2025] header.allMenuActive nav .topArea,
[data-version=sub_2025] header.allMenuActive nav .topArea {
  margin: auto;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 {
  height: 10rem;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li {
  flex: 1;
  text-align: center;
  position: relative;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a {
  width: 100%;
  position: relative;
  left: auto !important;
  text-align: center;
  justify-content: center;
  background-color: transparent;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 {
  left: auto;
  transform: none;
  margin-top: 2rem;
  width: 100%;
  display: block !important;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive, [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen, [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover {
  background-color: transparent;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
  display: block !important;
  margin-top: 0;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a {
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
[data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover,
[data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}
[data-version=main_2025] header.isSticky nav:before,
[data-version=sub_2025] header.isSticky nav:before {
  height: 10rem;
}
@media (max-width: 1000px) {
  [data-version=main_2025] header nav,
  [data-version=sub_2025] header nav {
    max-width: 100%;
  }
  [data-version=main_2025] header nav .topBtn,
  [data-version=sub_2025] header nav .topBtn {
    z-index: 2;
  }
  [data-version=main_2025] header nav .topBtn:after,
  [data-version=sub_2025] header nav .topBtn:after {
    background-color: #0753a7;
  }
  [data-version=main_2025] header nav .topBtn > .left > button,
  [data-version=sub_2025] header nav .topBtn > .left > button {
    font-size: 1.3rem;
    gap: 0.5rem;
    color: #555;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topBtn > .left > button:hover,
  [data-version=sub_2025] header nav .topBtn > .left > button:hover {
    color: #007ef6;
  }
  [data-version=main_2025] header nav .topBtn > .right,
  [data-version=sub_2025] header nav .topBtn > .right {
    gap: 3rem;
  }
  [data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem],
  [data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem] {
    min-width: 2rem;
    height: auto;
    padding: 1rem 0;
    margin-left: 0;
    color: #555;
    background-color: transparent;
    gap: 1rem;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem] > img,
  [data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem] > img {
    filter: brightness(1);
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem]:hover,
  [data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem]:hover {
    color: #007ef6;
  }
  [data-version=main_2025] header nav .topBtn > .right > button[class^=btnMem]:hover > img,
  [data-version=sub_2025] header nav .topBtn > .right > button[class^=btnMem]:hover > img {
    filter: brightness(0.5);
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnCart,
  [data-version=sub_2025] header nav .topBtn > .right .btnCart {
    gap: 0.5rem;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnCart > .num,
  [data-version=sub_2025] header nav .topBtn > .right .btnCart > .num {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: center;
    font-size: 1.5rem;
    height: 2rem;
    font-weight: 700;
    color: #fff;
    padding: 0 0.5rem;
    border-radius: 10rem;
    background-color: #007ef6;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnOpen,
  [data-version=sub_2025] header nav .topBtn > .right .btnOpen {
    position: absolute;
    right: 0;
    bottom: -7.5rem;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnOpen:hover > img,
  [data-version=sub_2025] header nav .topBtn > .right .btnOpen:hover > img {
    animation: none;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnOpen:before,
  [data-version=sub_2025] header nav .topBtn > .right .btnOpen:before {
    display: none;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnClose,
  [data-version=sub_2025] header nav .topBtn > .right .btnClose {
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 1.5rem;
  }
  [data-version=main_2025] header nav .topBtn > .right .btnClose:hover > img,
  [data-version=sub_2025] header nav .topBtn > .right .btnClose:hover > img {
    animation: none;
  }
  [data-version=main_2025] header nav .topArea,
  [data-version=sub_2025] header nav .topArea {
    max-width: 100%;
  }
  [data-version=main_2025] header nav .topArea:before,
  [data-version=sub_2025] header nav .topArea:before {
    top: 9.9rem;
  }
  [data-version=main_2025] header nav .topArea > .left,
  [data-version=sub_2025] header nav .topArea > .left {
    min-width: 28.5rem;
  }
  [data-version=main_2025] header nav .topArea > .left h1 button,
  [data-version=sub_2025] header nav .topArea > .left h1 button {
    background: url(../img/layout/top_logo.png) center left no-repeat;
    background-size: contain;
  }
  [data-version=main_2025] header nav .topArea .menuArea,
  [data-version=sub_2025] header nav .topArea .menuArea {
    flex: 1;
    margin: 0 11rem 0 7rem;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 {
    gap: 0;
    justify-content: space-between;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a {
    font-size: 2rem;
    height: 10rem;
    font-weight: 400;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a:hover, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li > a.current,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a:hover,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li > a.current {
    border-bottom-color: transparent;
    font-weight: 500;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li {
    padding: 0;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li + li,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li + li {
    margin-top: 1rem;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    padding: 0.5rem 1.5rem;
    background-color: transparent;
    border-radius: 0;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen, [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive {
    background-color: #56ab46;
    border-radius: 0.6rem;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
    margin-top: 1rem;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    color: #add7ff;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-radius: 0;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=main_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:hover,
  [data-version=sub_2025] header nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 0.6rem;
  }
  [data-version=main_2025] header nav .topArea .menuArea .bg,
  [data-version=sub_2025] header nav .topArea .menuArea .bg {
    top: 10rem;
    height: 36rem;
    background-color: #0056a7;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
    border-bottom: none;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn,
  [data-version=sub_2025] header.allMenuActive nav .topBtn {
    margin: 0 -2rem;
    padding: 1rem 2rem;
    background-color: rgba(0, 0, 0, 0.2);
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn .right,
  [data-version=sub_2025] header.allMenuActive nav .topBtn .right {
    justify-content: flex-start;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn .right .btnCart,
  [data-version=sub_2025] header.allMenuActive nav .topBtn .right .btnCart {
    display: none;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn .right .btnClose,
  [data-version=sub_2025] header.allMenuActive nav .topBtn .right .btnClose {
    top: 0;
    right: 2rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn .right button,
  [data-version=sub_2025] header.allMenuActive nav .topBtn .right button {
    color: #fff;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn .right button img,
  [data-version=sub_2025] header.allMenuActive nav .topBtn .right button img {
    filter: brightness(10);
  }
  [data-version=main_2025] header.allMenuActive nav .topArea,
  [data-version=sub_2025] header.allMenuActive nav .topArea {
    margin: auto;
    padding-top: 0;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .left,
  [data-version=sub_2025] header.allMenuActive nav .topArea .left {
    display: none;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea {
    margin: 0 -2rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 {
    height: auto;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li {
    flex: 1;
    text-align: center;
    position: relative;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a {
    justify-content: flex-start;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a:hover,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > a:hover {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 {
    margin-top: 0;
    display: none !important;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a {
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 1.5rem 4rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive, [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen, [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isActive,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a.isOpen,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li > a:hover {
    background-color: transparent;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 {
    display: block !important;
    margin-top: 0;
    padding: 1rem 0 0;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a {
    color: rgba(255, 255, 255, 0.8);
    padding: 0;
    text-align: left;
    padding-left: 6rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover,
  [data-version=sub_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li .dep02 > li .dep03 > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
  }
  [data-version=main_2025] footer,
  [data-version=sub_2025] footer {
    margin-top: 5rem;
  }
}

/* intro page */
[data-page=intro] {
  background: url(../img/intro_bg.png) center center no-repeat;
  background-size: cover;
  height: 100%;
}
[data-page=intro] main {
  position: relative;
  max-width: 120rem;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
[data-page=intro] main header {
  text-align: center;
}
[data-page=intro] main section.wrapper {
  margin: 6rem auto 5rem;
  display: flex;
  align-items: stretch;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
[data-page=intro] main section.wrapper > .left {
  flex: 1;
}
[data-page=intro] main section.wrapper > .left > li {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: column;
  justify-content: center;
  height: 60rem;
  position: relative;
  overflow: hidden;
  box-shadow: 1rem 1rem 0rem rgba(0, 0, 0, 0);
  border-color: transparent;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.6);
  transition: all 1s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../img/intro_img_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  background-position: top center;
  transition: all 0.5s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li:after {
  content: "";
  position: absolute;
  top: 31.8rem;
  left: 0;
  width: 100%;
  height: 1.5rem;
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
[data-page=intro] main section.wrapper > .left > li .tit {
  color: #000;
  font-size: 5.6rem;
  font-weight: 700;
  margin-top: 33rem;
  font-family: "GyeonggiCheonnyeon";
  z-index: 2;
  transition: all 0.8s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li .tit > span {
  text-align: center;
  width: 100%;
  display: block;
}
[data-page=intro] main section.wrapper > .left > li > ul {
  color: #fff;
  margin: 0.5rem auto 1.5rem;
  z-index: 2;
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li > ul > li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  font-family: "GyeonggiCheonnyeon";
}
[data-page=intro] main section.wrapper > .left > li > ul > li + li {
  margin-top: 1rem;
  transition: all 1s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li > ul > li span {
  font-size: 2.6rem;
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  padding-left: 2rem;
  transition: all 0.2s ease 0.05s;
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li > ul > li span:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent !important;
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li button img {
  filter: invert(0%);
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .left > li button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  top: 0;
  left: 0;
}
[data-page=intro] main section.wrapper > .left > li:hover {
  border: 0.4rem solid rgba(255, 255, 255, 0.1);
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0);
}
[data-page=intro] main section.wrapper > .left > li:hover:before {
  opacity: 0;
  background-position: center -5rem;
}
[data-page=intro] main section.wrapper > .left > li:hover:after {
  opacity: 0;
}
[data-page=intro] main section.wrapper > .left > li:hover .tit {
  margin-top: 0rem;
  color: #fff;
}
[data-page=intro] main section.wrapper > .left > li:hover > ul {
  margin: 3rem auto 4rem;
  color: #000;
}
[data-page=intro] main section.wrapper > .left > li:hover > ul > li + li {
  margin-top: 0.5rem;
}
[data-page=intro] main section.wrapper > .left > li:hover > ul > li span {
  color: #fff;
}
[data-page=intro] main section.wrapper > .left > li:hover > ul > li span:before {
  background-color: rgba(255, 255, 255, 0.4);
}
[data-page=intro] main section.wrapper > .left > li:hover button {
  color: #fff;
  background-color: #004ba1;
}
[data-page=intro] main section.wrapper > .left > li:hover button img {
  filter: invert(100%);
}
[data-page=intro] main section.wrapper > .right {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
[data-page=intro] main section.wrapper > .right > li {
  width: calc(50% - 0.5rem);
  height: 29.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1.6rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-shadow: 1rem 1rem 0rem rgba(0, 0, 0, 0);
  transition: all 1s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../img/intro_img_02.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all 0.5s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li:after {
  content: "";
  position: absolute;
  top: 15.4rem;
  left: 0;
  width: 100%;
  height: 1.5rem;
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
[data-page=intro] main section.wrapper > .right > li:nth-child(2):before {
  background-image: url(../img/intro_img_03.png);
}
[data-page=intro] main section.wrapper > .right > li:nth-child(3):before {
  background-image: url(../img/intro_img_04.png);
}
[data-page=intro] main section.wrapper > .right > li:nth-child(4):before {
  background-image: url(../img/intro_img_05.png);
}
[data-page=intro] main section.wrapper > .right > li .tit {
  color: #000;
  font-size: 3rem;
  font-weight: 700;
  margin-top: 17rem;
  z-index: 2;
  font-family: "GyeonggiCheonnyeon";
  transition: all 0.8s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li > ul {
  color: #fff;
  margin: 0.5rem auto 1.5rem;
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li > ul > li + li {
  margin-top: 1rem;
  transition: all 1s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li > ul > li span {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  padding-left: 1.6rem;
  font-family: "GyeonggiCheonnyeon";
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li > ul > li span:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease 0.05s;
}
[data-page=intro] main section.wrapper > .right > li button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent !important;
}
[data-page=intro] main section.wrapper > .right > li:hover {
  border: 0.4rem solid rgba(255, 255, 255, 0.1);
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0);
}
[data-page=intro] main section.wrapper > .right > li:hover:before {
  opacity: 0;
  background-position: center -5rem;
}
[data-page=intro] main section.wrapper > .right > li:hover:after {
  opacity: 0;
  background-position: center -5rem;
}
[data-page=intro] main section.wrapper > .right > li:hover .tit {
  margin-top: 0rem;
  color: #fff;
  z-index: 2;
}
[data-page=intro] main section.wrapper > .right > li:hover > ul {
  margin: 2rem auto 3rem;
  color: #000;
  z-index: 2;
}
[data-page=intro] main section.wrapper > .right > li:hover > ul > li + li {
  margin-top: 0.2rem;
  margin-top: 0.5rem;
}
[data-page=intro] main section.wrapper > .right > li:hover > ul > li span {
  color: rgba(255, 255, 255, 0.7);
}
[data-page=intro] main section.wrapper > .right > li:hover > ul > li span:before {
  background-color: rgba(255, 255, 255, 0.7);
}
[data-page=intro] main section.wrapper > .right > li:hover button {
  color: #fff;
  background-color: #56ab46;
  z-index: 2;
}
[data-page=intro] main section.wrapper > .right > li:hover button img {
  filter: invert(100%);
}
[data-page=intro] main section.wrapper > .right > li:hover button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
[data-page=intro] main footer {
  background: transparent;
  color: #fff;
  text-align: center;
  padding: 0;
}
@media (max-width: 1000px) {
  [data-page=intro] {
    background: #0056a7;
    position: relative;
  }
  [data-page=intro]:before {
    content: "";
    width: 100%;
    height: 50%;
    position: fixed;
    left: 0;
    bottom: -4rem;
    background: linear-gradient(0deg, #001c3e, transparent);
  }
  [data-page=intro] main {
    max-width: 65rem;
    top: 3.5rem;
    transform: none;
    padding: 0 1rem 5rem 1rem;
  }
  [data-page=intro] main header img {
    width: 11.3rem;
  }
  [data-page=intro] main section.wrapper {
    margin: 2.5rem auto 2.5rem;
    gap: 1rem;
    flex-direction: column;
  }
  [data-page=intro] main section.wrapper > .left > li {
    border-radius: 1.8rem;
    border: none;
    height: 34.7rem;
    transition: none;
    box-shadow: none;
  }
  [data-page=intro] main section.wrapper > .left > li:before {
    background-position: center top;
    opacity: 1;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .left > li .tit {
    font-size: 3rem;
    transition: none;
    margin-top: 10rem;
    color: #000;
    position: relative;
    width: 100%;
  }
  [data-page=intro] main section.wrapper > .left > li .tit:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12rem;
    bottom: -2rem;
    left: 0;
    background: linear-gradient(0deg, #fff, #fff, transparent);
  }
  [data-page=intro] main section.wrapper > .left > li .tit:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40rem;
    background-color: #fff;
    left: 0;
    top: 0;
  }
  [data-page=intro] main section.wrapper > .left > li .tit > span {
    z-index: 2;
    position: relative;
  }
  [data-page=intro] main section.wrapper > .left > li > ul {
    margin: 0.5rem auto 1.5rem;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .left > li > ul > li + li {
    margin-top: 0.5rem;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .left > li > ul > li span {
    font-size: 1.6rem;
    padding-left: 1.5rem;
    color: #333;
  }
  [data-page=intro] main section.wrapper > .left > li > ul > li span:before {
    width: 0.5rem;
    height: 0.5rem;
    transition: none;
    background-color: rgba(0, 0, 0, 0.4);
  }
  [data-page=intro] main section.wrapper > .left > li button {
    padding: 0 2rem;
    font-size: 1.6rem;
    width: 100%;
    height: 100%;
    transition: none;
    color: #fff;
    background-color: #004ba1;
    display: flex;
  }
  [data-page=intro] main section.wrapper > .left > li button img {
    filter: invert(100%);
    width: 1.7rem;
  }
  [data-page=intro] main section.wrapper > .left > li:hover {
    box-shadow: none;
    border: none;
  }
  [data-page=intro] main section.wrapper > .left > li:hover:before {
    opacity: 1;
    background-position: top center;
  }
  [data-page=intro] main section.wrapper > .left > li:hover .tit {
    margin-top: 10rem;
    color: #000;
  }
  [data-page=intro] main section.wrapper > .left > li:hover > ul {
    margin: 0.5rem auto 1.5rem;
    color: #000;
  }
  [data-page=intro] main section.wrapper > .left > li:hover > ul > li + li {
    margin-top: 0.5rem;
  }
  [data-page=intro] main section.wrapper > .left > li:hover > ul > li span {
    color: #333;
  }
  [data-page=intro] main section.wrapper > .left > li:hover > ul > li span:before {
    background-color: rgba(0, 0, 0, 0.4);
  }
  [data-page=intro] main section.wrapper > .left > li:hover button {
    color: #fff;
    background-color: #004ba1;
  }
  [data-page=intro] main section.wrapper > .left > li:hover button img {
    filter: invert(100%);
  }
  [data-page=intro] main section.wrapper > .right {
    flex: 1;
  }
  [data-page=intro] main section.wrapper > .right > li {
    height: 18rem;
    border: none;
    box-shadow: none;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .right > li:before {
    background-position: top center;
    opacity: 1;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .right > li:nth-child(2):before {
    background-image: url(../img/intro_img_03.png);
  }
  [data-page=intro] main section.wrapper > .right > li:nth-child(3):before {
    background-image: url(../img/intro_img_04.png);
  }
  [data-page=intro] main section.wrapper > .right > li:nth-child(4):before {
    background-image: url(../img/intro_img_05.png);
  }
  [data-page=intro] main section.wrapper > .right > li .tit {
    color: #000;
    font-size: 2.1rem;
    transition: none;
    z-index: 2;
    margin-top: 4rem;
    position: relative;
    width: 100%;
  }
  [data-page=intro] main section.wrapper > .right > li .tit:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8rem;
    bottom: -2rem;
    left: 0;
    background: linear-gradient(0deg, #fff, #fff, transparent);
  }
  [data-page=intro] main section.wrapper > .right > li .tit:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40rem;
    background-color: #fff;
    left: 0;
    top: 0;
  }
  [data-page=intro] main section.wrapper > .right > li .tit > span {
    z-index: 2;
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
  }
  [data-page=intro] main section.wrapper > .right > li > ul {
    color: #333;
    margin: 0.5rem auto 1rem;
    transition: none;
    z-index: 2;
  }
  [data-page=intro] main section.wrapper > .right > li > ul > li + li {
    margin-top: 0.5rem;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .right > li > ul > li:before {
    opacity: 1;
  }
  [data-page=intro] main section.wrapper > .right > li > ul > li span {
    font-size: 1.3rem;
    color: #333;
    padding-left: 1.2rem;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .right > li > ul > li span:before {
    width: 0.4rem;
    height: 0.4rem;
    transition: none;
    background-color: rgba(0, 0, 0, 0.4);
  }
  [data-page=intro] main section.wrapper > .right > li button {
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    border-radius: 0;
    color: #fff;
    background-color: #56ab46;
    transition: none;
    z-index: 2;
    display: flex;
  }
  [data-page=intro] main section.wrapper > .right > li:hover {
    border: none;
  }
  [data-page=intro] main section.wrapper > .right > li:hover:before {
    opacity: 1;
    background-position: top center;
  }
  [data-page=intro] main section.wrapper > .right > li:hover .tit {
    margin-top: 4rem;
    color: #000;
    transition: none;
  }
  [data-page=intro] main section.wrapper > .right > li:hover > ul {
    margin: 0.5rem auto 1rem;
    color: #333;
  }
  [data-page=intro] main section.wrapper > .right > li:hover > ul > li + li {
    margin-top: 0.5rem;
  }
  [data-page=intro] main section.wrapper > .right > li:hover > ul > li span {
    color: #333;
  }
  [data-page=intro] main section.wrapper > .right > li:hover > ul > li span:before {
    background-color: rgba(0, 0, 0, 0.4);
  }
  [data-page=intro] main section.wrapper > .right > li:hover button {
    color: #fff;
    background-color: #56ab46;
    z-index: 2;
  }
  [data-page=intro] main section.wrapper > .right > li:hover button img {
    filter: invert(100%);
  }
  [data-page=intro] main footer {
    font-size: 1.1rem;
  }
}

/* main page */
[data-version=main_2025] {
  /* picker */
  /* header */
  /* footer */
  /* main */
  /* popup */
  /* main etc */
}
[data-version=main_2025].hasPop {
  overflow: hidden !important;
}
[data-version=main_2025] .ui-datepicker {
  display: none;
  background-color: #fff;
  margin-top: -7rem;
  border-radius: 1.6rem;
  padding: 2rem 2rem 1rem;
  width: 30rem;
  box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
}
@media (max-width: 1000px) {
  [data-version=main_2025] .ui-datepicker {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 1rem 0;
  border: none;
  background: #fff;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  line-height: 1.4;
  text-align: center;
  font-size: inherit;
  padding: 0;
  font-family: "NanumSquare";
  font-size: 2rem;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  text-align: right;
  border: none;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year + .ui-datepicker-month {
  margin-left: 0.5rem;
  text-align: left;
  border: none;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  cursor: pointer;
  margin-top: 0.5rem;
  opacity: 0.2;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  border: none;
  background-color: #fff;
  opacity: 1;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  background: url("../img/main_01_swiper_left.png") no-repeat center left;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  float: right;
  margin-top: 0.5rem;
  opacity: 0.2;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  border: none;
  background-color: #fff;
  opacity: 1;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background: url("../img/main_01_swiper_right.png") no-repeat center right;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar {
  width: 100%;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar > thead > tr > th {
  font-size: inherit !important;
  padding: 0.5rem;
  font-size: inherit;
  font-weight: normal;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar > thead > tr > th:first-child span {
  color: #e02a40;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar > thead > tr > th:last-child span {
  color: #007ef6;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td {
  border-radius: 100%;
  width: 4.4rem;
  height: 3rem;
  cursor: pointer;
  padding: 0.5rem;
  text-align: center;
  font-size: inherit;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td:hover {
  background-color: transparent;
  opacity: 0.6;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td:first-child a {
  color: #e02a40;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child a {
  color: #007ef6;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child a:hover {
  cursor: auto;
  background-color: #fff;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a {
  color: #000;
  font-size: inherit !important;
  font-weight: normal !important;
  text-decoration: none;
  border: none;
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
  border: none;
  background-color: transparent;
  font-weight: normal;
  color: #1a1a1a;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a:focus {
  border: none;
  background-color: transparent;
  font-weight: normal;
  color: #1a1a1a;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-disabled {
  cursor: auto;
  color: rgb(204, 204, 204);
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  background: #f1f1f1 !important;
  color: #1a1a1a !important;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
  background: #007ef6 !important;
  color: #fff !important;
}
[data-version=main_2025] .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-priority-secondary {
  opacity: 0.5;
}
[data-version=main_2025] header nav {
  max-width: 100%;
}
[data-version=main_2025] header nav .topBtn {
  width: 9rem;
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3rem 0;
  min-height: auto;
}
[data-version=main_2025] header nav .topBtn:after {
  display: none;
}
[data-version=main_2025] header nav .topBtn > .right {
  flex-direction: column;
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen,
[data-version=main_2025] header nav .topBtn > .right .btnJoin,
[data-version=main_2025] header nav .topBtn > .right .btnLogin {
  flex-direction: column;
  gap: 1rem;
  font-size: 1.2rem;
  color: #000;
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen {
  position: relative;
  bottom: auto;
}
[data-version=main_2025] header nav .topBtn > .right .btnOpen:before {
  display: none;
}
[data-version=main_2025] header nav .topBtn > .bottomArea .btnIcon {
  flex-direction: column;
  gap: 1rem;
  font-size: 1.2rem;
  color: #000;
}
[data-version=main_2025] header.allMenuActive nav {
  max-width: 144rem;
  padding: 0 2rem;
}
[data-version=main_2025] header.allMenuActive nav .topBtn > .right .btnClose {
  padding: 2rem;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
}
@media (max-width: 1000px) {
  [data-version=main_2025] header nav .topBtn {
    width: 2.8rem;
    height: 2.8rem;
    top: 1.5rem;
    right: 1rem;
    padding: 0;
  }
  [data-version=main_2025] header nav .topBtn > .right {
    height: 2.8rem;
    margin-right: 1rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn {
    position: relative;
    width: calc(100% + 4rem);
    margin: -2rem 0 0 -2rem;
    right: auto;
    height: 5.8rem;
    top: 2rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .right {
    flex-direction: row;
    height: 3.8rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .right .btnOpen {
    display: none;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .right .btnClose {
    padding: 0;
    top: 2rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .right > button {
    display: flex;
    font-size: 1.2rem;
    flex-direction: row;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .right > button > img {
    height: 1.8rem;
  }
  [data-version=main_2025] header.allMenuActive nav .topBtn > .bottomArea {
    display: none;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea {
    margin: 1.8rem auto 0;
    width: calc(100% + 4rem);
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li {
    padding: 0;
  }
  [data-version=main_2025] header.allMenuActive nav .topArea .menuArea .dep01 > li > .dep02 > li .dep03:before {
    width: calc(100% + 2rem);
  }
}
[data-version=main_2025] footer .moParking {
  display: none;
}
@media (max-width: 1000px) {
  [data-version=main_2025] footer {
    padding-bottom: 4rem;
  }
}
[data-version=main_2025] main {
  height: 100%;
  height: 100vh;
}
[data-version=main_2025] main .topTit {
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 38rem));
  max-width: 158rem;
  margin: 0 9rem;
  padding-top: 7rem;
  text-align: left;
  opacity: 1;
  background: url(../img/main_logo.png) top left no-repeat;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .topTit > p {
  font-size: 2rem;
  font-weight: 400;
  color: #777;
  transition: all 0.2s ease 0.05s;
  margin-top: 0;
}
[data-version=main_2025] main .topTit > .tit {
  display: none;
}
[data-version=main_2025] main .marinSwiperControll {
  position: absolute;
  left: 0;
  width: 9rem;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  opacity: 1;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-prev {
  position: relative;
  margin-top: 0;
  padding: 0;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  background: url(../img/main_arrow_top.png) center center no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  opacity: 1;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-prev.swiper-button-disabled {
  opacity: 0.2;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-next {
  position: relative;
  margin-top: 0;
  padding: 0;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  background: url(../img/main_arrow_bottom.png) center center no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  opacity: 1;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-next.swiper-button-disabled {
  opacity: 0.2;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-pagination {
  transform: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 3rem;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 5rem;
  background-color: #007ef6;
}
[data-version=main_2025] main .marinSwiperControll .mainWrapper-pagination .swiper-pagination-bullet:last-child {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper {
  position: relative;
  height: 100%;
  left: 0;
  padding: 0 9rem;
  top: auto;
  transform: none;
  z-index: auto;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 100vh;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.pageFooter {
  margin-top: 0;
  height: 31rem;
  align-items: flex-start;
  position: relative;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.pageFooter:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background: linear-gradient(180deg, #003570, #007ef6);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.pageFooter footer {
  position: relative;
  z-index: 2;
  margin-top: 0;
  background: transparent;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.pageFooter footer:before {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 {
  max-width: 140rem;
  padding-top: 20rem;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 > :not(.mainSheet01Bg) {
  z-index: 2;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick {
  position: relative;
  max-width: 103rem;
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1.6rem 0 1.6rem 1.6rem;
  padding: 3rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.2);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > .tit {
  font-size: 3rem;
  font-weight: 500;
  position: absolute;
  top: -4.5rem;
  left: 2rem;
  font-family: "GyeonggiCheonnyeon";
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > button {
  position: absolute;
  top: -4.5rem;
  right: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.6rem 3rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.6rem 1.6rem 0 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > button:hover img {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left {
  width: 19rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea {
  color: #000;
  background-color: transparent;
  padding: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate {
  position: relative;
  font-family: "NanumSquare";
  line-height: 1;
  padding: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .year {
  font-size: 3rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .date {
  font-size: 2.6rem;
  margin-top: 2rem;
  color: #555;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .date strong {
  font-size: 5rem;
  font-weight: 700;
  color: #000;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .date strong:nth-child(2) {
  margin-left: 0.5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .pickerDate {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  position: absolute;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .pickerDate + img {
  position: absolute;
  top: 0;
  right: 2rem;
  cursor: pointer;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .pickerDate + img:hover {
  animation: btnAnimationScale 0.4s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 2rem;
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  padding-left: 1rem;
  height: 4rem;
  border-radius: 0.6rem;
  box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
  border: 1px solid #bbb;
  background: url(../img/main_01_select_02.png) no-repeat top right;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn .placeholder {
  color: #000;
  font-weight: 700;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn > span {
  color: #000;
  font-weight: 700;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .select {
  max-height: 14rem;
  border: 1px solid #bbb;
  margin-top: -1px;
  color: #000;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect.active .selectBtn {
  border-radius: 0.6rem 0.6rem 0 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont {
  margin-top: 3rem;
  padding-top: 0;
  border-top: 0;
  gap: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .left {
  width: auto;
  flex: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .left > img {
  width: 6.4rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right {
  flex: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right:before {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right > span {
  color: #000;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont > .right > span > strong {
  margin-left: 1rem;
  font-size: 1.4rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont .ref {
  font-size: 1.1rem;
  color: #666;
  bottom: -2rem;
  width: 100%;
  text-align: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul {
  gap: 0.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: #555;
  height: 4rem;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  box-shadow: none;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button.isActive {
  background-color: #333;
  color: #fff;
  border-color: #000;
  box-shadow: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-prev {
  transform: none;
  top: -5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next {
  transform: none;
  top: -5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.5rem;
  width: 0.2rem;
  height: 2.6rem;
  background-color: #ddd;
  transform: translateY(-50%);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-disabled {
  opacity: 0.2;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .noData {
  box-shadow: none;
  color: #666;
  text-shadow: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea {
  height: 16rem;
  border-radius: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea.noImg {
  background: #aaa url(../img/main_01_icon_photo.png) center center no-repeat;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea.disabled {
  opacity: 0.5;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove {
  position: relative;
  padding: 0;
  margin-top: 1rem;
  align-items: center;
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove .status {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: 11rem;
  height: 3rem;
  top: -5.6rem;
  background-color: rgba(28, 99, 23, 0.8);
  font-size: 1.3rem;
  color: #fff;
  border-radius: 3rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled {
  color: #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled .status {
  background-color: #000;
  opacity: 0.3;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture {
  position: relative;
  max-width: 103rem;
  height: 30rem;
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1.6rem 0 1.6rem 1.6rem;
  padding: 3rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.2);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > .tit {
  font-size: 3rem;
  font-weight: 500;
  position: absolute;
  top: -4.5rem;
  left: 2rem;
  font-family: "GyeonggiCheonnyeon";
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > button {
  position: absolute;
  top: -4.5rem;
  right: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.6rem 3rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1.6rem 1.6rem 0 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > button:hover img {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left {
  width: 19rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea {
  color: #000;
  background-color: transparent;
  padding: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate {
  position: relative;
  font-family: "NanumSquare";
  line-height: 1;
  padding: 0 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .year {
  font-size: 3rem;
  text-align: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .date {
  font-size: 2.6rem;
  margin-top: 2rem;
  color: #555;
  text-align: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .date strong {
  font-size: 5rem;
  font-weight: 700;
  color: #000;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .date strong.text {
  font-size: 2.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .btnLecture {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 1.6rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 2rem;
  height: 4rem;
  border-radius: 0.6rem;
  box-shadow: 0.4rem 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
  border: 1px solid #bbb;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .btnLecture > span {
  color: #000;
  font-weight: 700;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .btnLecture:hover img {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .notiText {
  font-size: 1.6rem;
  margin-top: 2.6rem;
  text-align: center;
  color: #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .notiText strong {
  color: #007ef6;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont {
  margin-top: 3rem;
  padding-top: 0;
  border-top: 0;
  gap: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .left {
  width: auto;
  flex: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .left > img {
  width: 6.4rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right {
  flex: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right:before {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right > span {
  color: #000;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont > .right > span > strong {
  margin-left: 1rem;
  font-size: 1.4rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .bottomCont .ref {
  font-size: 1.1rem;
  color: #666;
  bottom: -2rem;
  width: 100%;
  text-align: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right {
  height: auto;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul {
  gap: 0.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: #555;
  height: 4rem;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  box-shadow: none;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button.isActive {
  background-color: #333;
  color: #fff;
  border-color: #000;
  box-shadow: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents {
  height: auto;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-prev {
  transform: none;
  top: -5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next {
  transform: none;
  top: -5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.5rem;
  width: 0.2rem;
  height: 2.6rem;
  background-color: #ddd;
  transform: translateY(-50%);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-disabled {
  opacity: 0.2;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .noData {
  box-shadow: none;
  color: #666;
  text-shadow: none;
  height: 17.8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea {
  height: 13rem;
  border-radius: 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea.noImg {
  background: #aaa url(../img/main_01_icon_photo.png) center center no-repeat;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea.disabled {
  opacity: 0.5;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove {
  position: relative;
  padding: 0;
  margin-top: 1rem;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove strong {
  font-size: 1.5rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove small {
  font-size: 1.3rem;
  color: #137e04;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove .status {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: 11rem;
  height: 3rem;
  top: -5.6rem;
  background-color: rgba(28, 99, 23, 0.8);
  font-size: 1.3rem;
  color: #fff;
  border-radius: 3rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled {
  color: #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled .status {
  background-color: #000;
  opacity: 0.3;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide .btnMove:disabled small {
  color: #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner {
  position: absolute;
  width: 36rem;
  height: 30rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-direction: column;
  justify-content: center;
  right: -38rem;
  top: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li {
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 9.6rem;
  padding: 2rem;
  border-radius: 1.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button:hover {
  background-color: #007ef6;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button > span {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  flex-direction: column;
  justify-content: center;
  width: 15.2rem;
  opacity: 1;
  font-family: "GyeonggiCheonnyeon";
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button > span small {
  font-size: 1.2rem;
  padding: 0.6rem 1.2rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10rem;
}
@media (max-width: 1580px) {
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner {
    right: 0;
    bottom: -21rem;
    top: auto;
    width: 100%;
    flex-direction: row;
  }
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainSheet01Bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: -9rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainSheet01Bg > .swiper-wrapper > .swiper-slide {
  width: 100w;
  height: 100vh;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainSheet01Bg > .swiper-wrapper > .swiper-slide > div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 {
  max-width: 140rem;
  padding-top: 11rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 > :not(.mainSheet02Bg) {
  z-index: 2;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox {
  max-width: 140rem;
  flex-direction: column;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox {
  max-width: 103rem;
  display: flex;
  align-items: stretch;
  gap: 3rem;
  flex-direction: row;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li {
  position: relative;
  flex: 1;
  border-radius: 1.6rem;
  padding: 4rem 17rem 4rem 4rem;
  background: linear-gradient(135deg, #fff, #fff, #ccc);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-image: url(../img/main_02_icon_left.png);
  background-position: right 1rem bottom 3rem;
  background-repeat: no-repeat;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li + li:after {
  background-image: url(../img/main_02_icon_right.png);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li .tit {
  font-size: 3rem;
  font-weight: 500;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li .desc {
  font-size: 1.6rem;
  color: #666;
  margin-top: 2rem;
  height: 6.8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li button {
  font-size: 1.6rem;
  color: #fff;
  position: relative;
  z-index: 2;
  font-weight: 500;
  margin-top: 2rem;
  border: 1px solid transparent;
  background-color: #56ab46;
  border-radius: 10rem;
  padding: 0 1.5rem;
  width: 12rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li button:hover {
  border: 1px solid #478c3a;
  background-color: #007ef6;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li button:hover img {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li {
  padding: 4rem;
  background: #fff;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li:after {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state {
  flex: 1;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state > a {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state > a > strong {
  font-family: "GyeonggiCheonnyeon";
  font-size: 1.8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state > a > span {
  background-color: #999;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  padding: 0.4rem;
  text-align: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state > a > span img {
  height: 100%;
  filter: brightness(100);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state .box {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  height: 15rem;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 1rem;
  padding: 2rem;
  margin-top: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state .box dl {
  flex: 1;
  width: 50%;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 2rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state .box dl + dl {
  border-left: 1px solid #ccc;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state .box dl dd {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  color: #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state .box dl dd strong {
  font-size: 3.2rem;
  color: #e02a40;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer {
  max-width: 103rem;
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul {
  gap: 0;
  position: relative;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  left: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li {
  background-color: transparent;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button {
  position: relative;
  font-size: 2.6rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  padding: 2rem;
  border-radius: 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0.5rem;
  background-color: #fff;
  left: 0;
  bottom: 0;
  top: auto;
  right: auto;
  border-radius: 0;
  transform: none;
  transform-origin: center;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button.isActive {
  font-weight: 500;
  background-color: transparent;
  color: #fff;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button.isActive:before {
  width: 100%;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents {
  margin-top: 2rem;
  display: flex;
  align-items: stretch;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
  background-color: transparent;
  border-radius: 0;
  color: #fff;
  padding: 0;
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents.isActive {
  display: flex;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .topBtn {
  top: -6.5rem;
  right: 0rem;
  padding: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .topBtn:hover img {
  animation: btnAnimationScale 0.6s linear both;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont {
  width: 50rem;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 3rem;
  height: 25.8rem;
  border-radius: 1.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .tit {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 3rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .tit > p {
  font-size: 1.9rem;
  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: 5.2rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .tit > p a:hover {
  text-decoration: underline;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .desc {
  font-size: 1.3rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .desc .text {
  display: -webkit-box;
  word-break: keep-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 5.8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .desc .date {
  margin-top: 1.5rem;
  color: #007ef6;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList {
  flex: auto;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList:before {
  display: none;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 46rem;
  font-size: 1.3rem;
  padding: 2.2rem 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit em {
  color: #000;
  padding: 0.3rem 1rem;
  background-color: #fff;
  border-radius: 10rem;
  font-size: 1.2rem;
  margin-right: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit span {
  color: #fff;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit:hover span {
  text-decoration: underline;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .date {
  color: #c0d7ff;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .noData {
  height: 25.8rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .mainSheet02Bg {
  position: absolute;
  top: 0;
  width: calc(100% + 18rem);
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 {
  max-width: 140rem;
  padding-top: 11rem;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 5rem;
  flex-direction: column;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03:before {
  content: "";
  position: absolute;
  width: 68.8rem;
  height: 46.7rem;
  z-index: 1;
  top: calc(50% - 43.5rem);
  left: 50%;
  background: url(../img/main_03_img_symbol.png) center center no-repeat;
  background-size: contain;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 > :not(.mainSheet03Bg) {
  z-index: 3;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .mainSheet03Bg {
  background-color: #f9f9f9;
  position: absolute;
  top: 0;
  width: calc(100% + 18rem);
  height: 100%;
  left: -9rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .mainSheet03Bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32.6rem;
  height: 100%;
  background: url(../img/main_03_bg_left.png) left center no-repeat;
  background-size: contain;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .mainSheet03Bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 32.6rem;
  height: 100%;
  background: url(../img/main_03_bg_right.png) right center no-repeat;
  background-size: contain;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact {
  max-width: 103rem;
  z-index: 2;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact > .tit {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 3rem;
  font-weight: 500;
  font-family: "GyeonggiCheonnyeon";
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li {
  display: flex;
  align-items: flex-end;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  width: calc(25% - 0.4rem);
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
  padding: 1.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > p {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > p .tel {
  font-size: 1.4rem;
  color: #888;
  font-weight: 400;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater {
  max-width: 140rem;
  width: 100%;
  z-index: 2;
  position: relative;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater > .tit {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 3rem;
  font-weight: 500;
  font-family: "GyeonggiCheonnyeon";
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater > .tit > small {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #888;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-prev {
  top: calc(50% + 3rem);
  left: -8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-next {
  top: calc(50% + 3rem);
  right: -8rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-disabled {
  opacity: 0.2;
  display: block;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList {
  margin-top: 1rem;
  overflow: hidden;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20rem;
  height: 100%;
  background: linear-gradient(90deg, transparent, #fff);
  z-index: 1;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1.6rem;
  padding: 1.6rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .tit {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0 1.2rem 1.2rem;
  border-bottom: 1px solid #666;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont {
  margin-top: 1.2rem;
  display: flex;
  align-items: stretch;
  gap: 3rem;
  flex-direction: row;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .left {
  width: 18.6rem;
  height: 17.2rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .left > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right {
  flex: 1;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: column;
  justify-content: center;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0.4rem 0;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li + li {
  border-top: 1px solid #ccc;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > p {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  font-size: 1.4rem;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > p em {
  color: #1cae00;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong i {
  color: #fff;
  background-color: #1cae00;
  padding: 0.2rem 1rem;
  border-radius: 10rem;
  font-style: normal;
}
[data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong i.danger {
  background-color: #e02a40;
}
@media (max-width: 1580px) {
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-prev {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-next {
    display: none;
  }
}
@media (max-width: 1000px) {
  [data-version=main_2025] main {
    height: auto;
  }
  [data-version=main_2025] main .topTit {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    max-width: 100%;
    height: 6rem;
    margin: 0;
    padding: 1.5rem 1rem;
    background: url(../img/main_logo_m.png) top 1.5rem left 2rem no-repeat;
    background-size: auto 2.8rem;
  }
  [data-version=main_2025] main .topTit .linkBtn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  [data-version=main_2025] main .topTit > p {
    font-size: 1.6rem;
    display: block;
    text-align: center;
    margin-top: 4rem;
  }
  [data-version=main_2025] main .topTit > p > span {
    display: block;
  }
  [data-version=main_2025] main .topTit > .tit {
    display: block;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
    text-align: center;
    font-family: "GyeonggiCheonnyeon";
  }
  [data-version=main_2025] main .marinSwiperControll {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper {
    height: auto;
    padding: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide {
    height: auto !important;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 {
    max-width: 100%;
    padding: 10rem 1rem 25rem;
    gap: 1rem;
    background-color: #f9f9f9;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick {
    max-width: 100%;
    padding: 2rem 2rem 8rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea {
    position: relative;
    top: auto;
    width: 100%;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > .tit {
    font-size: 1.8rem;
    position: relative;
    top: auto;
    left: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > button {
    position: relative;
    top: auto;
    right: auto;
    gap: 3rem;
    font-size: 1.2rem;
    padding: 0.6rem 1.5rem;
    border-radius: 10rem;
    background-color: efefef;
    border: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick .topArea > button img {
    height: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left {
    width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea {
    gap: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate {
    position: relative;
    font-family: "NanumSquare";
    line-height: 1;
    padding: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .date {
    margin-top: 1.5rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .pickerDate {
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .topDate .pickerDate + img {
    position: absolute;
    top: 0;
    right: 2rem;
    cursor: pointer;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect {
    margin-top: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .topCont .formSelect .selectBtn {
    height: 3rem;
    background-size: auto 3rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    gap: 1rem;
    flex-direction: column;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont:before {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .left > .infoArea .bottomCont .ref {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .mainTab01 > ul > li > button {
    height: 3rem;
    padding: 0 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents {
    height: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-prev {
    top: auto;
    bottom: -5rem;
    left: calc(50% - 3rem);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next {
    top: auto;
    bottom: -5rem;
    right: calc(50% - 3rem);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .swiper-button-next:before {
    left: -1.7rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
    height: 23rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea {
    height: 20rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainQuick > .right .contents .noData {
    height: 23rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture {
    max-width: 100%;
    height: auto;
    padding: 2rem 2rem 8rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea {
    position: relative;
    top: auto;
    width: 100%;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > .tit {
    font-size: 1.8rem;
    position: relative;
    top: auto;
    left: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > button {
    position: relative;
    top: auto;
    right: auto;
    gap: 3rem;
    font-size: 1.2rem;
    padding: 0.6rem 1.5rem;
    border-radius: 10rem;
    background-color: efefef;
    border: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture .topArea > button img {
    height: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left {
    width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont {
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
    justify-content: center;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .year {
    font-size: 5rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .topDate .date {
    margin-top: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .btnLecture {
    font-size: 1.6rem;
    width: 24rem;
    height: 4rem;
    margin: 2rem auto 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .btnLecture > span {
    color: #000;
    font-weight: 700;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .notiText {
    font-size: 1.6rem;
    margin-top: 2.6rem;
    text-align: center;
    color: #666;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .left > .infoArea .topCont .notiText strong {
    color: #007ef6;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right {
    height: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul {
    gap: 0.6rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .mainTab02 > ul > li > button {
    height: 3rem;
    padding: 0 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents {
    height: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-prev {
    top: auto;
    bottom: -5rem;
    left: calc(50% - 3rem);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next {
    top: auto;
    bottom: -5rem;
    right: calc(50% - 3rem);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .swiper-button-next:before {
    left: -1.7rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide {
    height: 25rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .unitSwiper .swiper-wrapper .swiper-slide > .imgArea {
    height: 20rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainLecture > .right .contents .noData {
    height: 25rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner {
    position: absolute;
    width: 100%;
    height: auto;
    right: 0;
    top: auto;
    bottom: -23rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li {
    width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li:first-child {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 9.6rem;
    padding: 2rem;
    border-radius: 1.6rem;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button > span {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    flex-direction: column;
    justify-content: center;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainBanner li > button > span small {
    font-size: 1.2rem;
    padding: 0.6rem 1.2rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet01 .mainSheet01Bg {
    opacity: 0;
    width: 0;
    height: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 {
    max-width: 100%;
    padding: 2rem 1rem;
    background: linear-gradient(0deg, #007ef6, #002060);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox {
    max-width: 100%;
    gap: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox {
    max-width: 100%;
    gap: 2rem;
    flex-direction: column;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li .tit {
    font-size: 2.3rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox > li .desc {
    font-size: 1.1rem;
    height: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont {
    flex-direction: column;
    gap: 2rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .topBox.afterLogin > li .stateCont .state {
    width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer {
    max-width: 100%;
    width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul {
    margin: 0;
    width: 100%;
    padding: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul:before {
    left: 1rem;
    width: calc(100% - 2rem);
    height: 1px;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button {
    font-size: 1.8rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 ul li button:before {
    height: 0.2rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents {
    margin-top: 1rem;
    flex-direction: column;
    gap: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .topBtn {
    top: -4.5rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont {
    width: 100%;
    padding: 2rem 1.5rem;
    height: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .tit {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .notiCont .tit > p {
    font-size: 1.4rem;
    height: 4rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList {
    flex: auto;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 1.5rem 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 1.3rem;
    padding: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit em {
    color: #000;
    padding: 0.3rem 1rem;
    background-color: #fff;
    border-radius: 10rem;
    font-size: 1.2rem;
    margin-right: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .tit span {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .topAreaBox .mainCustomer .unitTabSub01 .contents .bbsList > li .date {
    width: 100%;
    text-align: left;
    margin-top: 1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet02 .mainSheet02Bg {
    opacity: 0;
    width: 0;
    height: 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 {
    max-width: 100%;
    padding: 4rem 1rem 2rem;
    width: 100%;
    background-color: #f9f9f9;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03:before {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .mainSheet03Bg {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact {
    max-width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact > .tit {
    font-size: 2rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact > .tit > img {
    height: 2rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul {
    gap: 1rem;
    align-items: flex-start;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li {
    width: calc(50% - 0.5rem);
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > p {
    font-size: 1.5rem;
    word-break: break-all;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > p .tel {
    font-size: 1.1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > div {
    min-width: 4rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > div > button {
    min-width: 1.2rem;
    width: 1.2rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitContact ul li > div > button:last-child {
    min-width: 1.8rem;
    width: 1.8rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater {
    max-width: 100%;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater > .tit {
    font-size: 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-prev {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-next {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList {
    padding: 0 4rem 0 1rem;
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList:after {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 1.6rem;
    padding: 1.6rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide.swiper-slide-next {
    opacity: 0.3;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .tit {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 1.2rem 1.2rem;
    border-bottom: 1px solid #666;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont {
    margin-top: 1.2rem;
    display: flex;
    align-items: stretch;
    gap: 3rem;
    flex-direction: row;
    justify-content: center;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .left {
    width: 18.6rem;
    height: 17.2rem;
    border-radius: 1.6rem;
    overflow: hidden;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .left > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right {
    flex: 1;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: column;
    justify-content: center;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 0.4rem 0;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li + li {
    border-top: 1px solid #ccc;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > p {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-direction: column;
    justify-content: center;
    font-size: 1.4rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > p em {
    color: #1cae00;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    flex-direction: column;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 500;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong i {
    color: #fff;
    background-color: #1cae00;
    padding: 0.2rem 1rem;
    border-radius: 10rem;
    font-style: normal;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .mainSwiperWaterList .swiper-wrapper .swiper-slide > .cont > .right ul li > strong i.danger {
    background-color: #e02a40;
  }
}
@media (max-width: 1000px) and (max-width: 1580px) {
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater {
    max-width: 103rem;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-prev {
    display: none;
  }
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide .mainSheet03 .unitWater .swiper-button-next {
    display: none;
  }
}
@media (max-width: 1000px) {
  [data-version=main_2025] main .unitSwiper.mainWrapper > .swiper-wrapper > .swiper-slide.pageFooter:before {
    display: none;
  }
}
[data-version=main_2025] aside.mainPop {
  position: fixed;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
}
[data-version=main_2025] aside.mainPop > .wrapper {
  max-width: 140rem;
  width: 100%;
}
[data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .swiperCont {
  background-color: transparent;
}
[data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .swiperCont .swiper-wrapper .swiper-slide {
  overflow-y: auto;
  max-height: calc(100vh - 10rem);
}
[data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .controller {
  margin-bottom: -5rem;
}
[data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .controller .swiperModal01-pagin > * {
  background-color: #fff;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-prev {
  left: -4rem;
  background-color: rgb(255, 255, 255);
  border: 1px solid #999;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-prev > img {
  filter: invert(100%);
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-prev:hover {
  background-color: #007ef6;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-prev:hover > img {
  filter: invert(0);
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-next {
  right: -3rem;
  background-color: rgb(255, 255, 255);
  border: 1px solid #999;
  transition: all 0.2s ease 0.05s;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-next > img {
  filter: invert(100%);
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-next:hover {
  background-color: #007ef6;
}
[data-version=main_2025] aside.mainPop > .wrapper .swiperModal01-next:hover > img {
  filter: invert(0);
}
[data-version=main_2025] aside.mainPop > .wrapper .swiper-button-disabled {
  display: block;
  opacity: 0.2;
}
[data-version=main_2025] aside.mainPop .footArea {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  width: 120rem;
  background-color: transparent;
  padding: 4rem 2rem 2rem;
  justify-content: flex-end;
}
[data-version=main_2025] aside.mainPop .footArea .btnClose {
  position: absolute;
  top: 4rem;
  right: 3.6rem;
}
[data-version=main_2025] aside.mainPop .editCont > .editTopArea {
  height: auto;
}
[data-version=main_2025] aside.mainPop .editCont > .editTopArea > .tit {
  padding: 0 2rem;
  text-align: center;
  line-height: 1.4;
}
[data-version=main_2025] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter > li {
  height: 4rem;
  line-height: 1.2;
}
@media (max-width: 1000px) {
  [data-version=main_2025] aside.mainPop {
    width: 100%;
    height: 100%;
  }
  [data-version=main_2025] aside.mainPop > .wrapper {
    max-width: 36rem;
    padding: 0 2rem;
    overflow: auto;
    max-height: calc(100% - 10rem);
    top: 1rem;
  }
  [data-version=main_2025] aside.mainPop > .wrapper .unitSwiper {
    position: static;
  }
  [data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .swiperCont .swiper-wrapper .swiper-slide {
    width: 100% !important;
    max-height: none;
  }
  [data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .controller {
    display: none;
  }
  [data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .swiperModal01-prev {
    left: 0.5rem;
    display: block;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.2);
  }
  [data-version=main_2025] aside.mainPop > .wrapper .unitSwiper .swiperModal01-next {
    right: 0.5rem;
    display: block;
    box-shadow: -0.5rem -0.5rem 1rem rgba(0, 0, 0, 0.2);
  }
  [data-version=main_2025] aside.mainPop .footArea {
    width: 100%;
  }
  [data-version=main_2025] aside.mainPop .footArea .btnClose {
    top: 1rem;
    right: 1rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
  }
  [data-version=main_2025] aside.mainPop .editCont > .editTopArea {
    height: auto;
  }
  [data-version=main_2025] aside.mainPop .editCont > .editTopArea > .tit {
    padding: 0 2rem;
    text-align: center;
    line-height: 1.4;
  }
  [data-version=main_2025] aside.mainPop .editCont > .editContArea > dl > dd > .unitCenter > li {
    height: 4rem;
  }
}
[data-version=main_2025][data-sheet=sheet_2] .topTit {
  background: url(../img/main_logo_w.png) top left no-repeat;
}
[data-version=main_2025][data-sheet=sheet_2] .topTit > p {
  color: #fff;
}
[data-version=main_2025][data-sheet=sheet_2] main .marinSwiperControll .mainWrapper-prev {
  background: url(../img/main_arrow_top_w.png) center center no-repeat;
}
[data-version=main_2025][data-sheet=sheet_2] main .marinSwiperControll .mainWrapper-next {
  background: url(../img/main_arrow_bottom_w.png) center center no-repeat;
}
[data-version=main_2025][data-sheet=sheet_2] main .marinSwiperControll .mainWrapper-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.3);
}
[data-version=main_2025][data-sheet=sheet_2] main .marinSwiperControll .mainWrapper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #007ef6;
}
[data-version=main_2025][data-sheet=sheet_3] {
  overflow: auto;
  overflow-x: hidden;
}
[data-version=main_2025][data-sheet=sheet_3]::-webkit-scrollbar {
  width: 0;
  background-color: transparent;
}
[data-version=main_2025][data-sheet=sheet_3].isFoot main .topTit {
  opacity: 0;
}
[data-version=main_2025][data-sheet=sheet_3].isFoot main .marinSwiperControll {
  opacity: 0;
}
[data-version=main_2025][data-sheet=sheet_4] .topTit {
  opacity: 0;
}
[data-version=main_2025][data-sheet=sheet_4] main .topTit {
  opacity: 0;
}
[data-version=main_2025][data-sheet=sheet_4] main .marinSwiperControll {
  opacity: 0;
}

/* sub join */
[data-page=subJoin] .memFin > .tit > small {
  font-weight: 400;
  color: #666;
}
[data-page=subJoin] .memFin > .tit > small > em {
  font-weight: 500;
  color: #1a1a1a;
}

/* sub page */
[data-version=sub_2025] {
  /* height:auto;*/
}
[data-version=sub_2025] aside.breadcrumb {
  gap: 0;
}
[data-version=sub_2025] aside.breadcrumb > button {
  width: 5rem;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.5);
}
[data-version=sub_2025] aside.breadcrumb > button:hover img {
  animation: btnAnimationScale 0.3s linear both;
}
[data-version=sub_2025] aside.breadcrumb > .formSelect.active .selectBtn {
  background: transparent url(../img/layout/mid_icon_arrow_up.png) no-repeat center right 1.5rem;
}
[data-version=sub_2025] aside.breadcrumb > .formSelect .selectBtn {
  min-width: 17.5rem;
  padding: 1rem 5rem 1rem 2rem;
  background: transparent url(../img/layout/mid_icon_arrow.png) no-repeat center right 1.5rem;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height: 5rem;
  border-radius: 0;
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] aside.breadcrumb > .formSelect .select {
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: none;
  border-radius: 0;
}
[data-version=sub_2025] aside.breadcrumb > .formSelect .select > li > a {
  color: #fff;
}
[data-version=sub_2025] aside.breadcrumb > .formSelect .select > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}
[data-version=sub_2025] aside.breadcrumb > * + .formSelect:before {
  display: none;
}
[data-version=sub_2025] .cateTit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  height: 20rem;
  font-size: 5.2rem;
  font-weight: 700;
  align-items: flex-start;
  justify-content: flex-start;
  color: #000;
  padding-top: 4rem;
  background-size: cover;
}
[data-version=sub_2025] .cateTit > span {
  position: relative;
  z-index: 1;
}
[data-version=sub_2025] .cateTit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
}
[data-version=sub_2025] .cateTit.bg01:before {
  background-image: url(../img/layout/mid_img_01.png);
  background-color: #fff;
}
[data-version=sub_2025] .cateTit.bg02:before {
  background-image: url(../img/layout/mid_img_02.png);
  background-color: #fff;
}
[data-version=sub_2025] .cateTit.bg03:before {
  background-image: url(../img/layout/mid_img_03.png);
  background-color: #fff;
}
[data-version=sub_2025] .cateTit.bg04:before {
  background-image: url(../img/layout/mid_img_04.png);
  background-color: #fff;
}
[data-version=sub_2025] .cateTit.bg05:before {
  background-image: url(../img/layout/mid_img_05.png);
  background-color: #fff;
}
[data-version=sub_2025] .cateTit.bg06:before {
  background-image: url(../img/layout/mid_img_06.png);
  background-color: #fff;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .cateTit {
    height: 10rem;
    font-size: 2.8rem;
    padding-top: 0;
    justify-content: center;
    align-items: center;
  }
  [data-version=sub_2025] .cateTit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    display: block;
    background-position: center center;
    background-size: cover;
  }
}
[data-version=sub_2025] .pageTit {
  font-size: 3.2rem;
  font-weight: 500;
  color: #000 !important;
  justify-content: flex-start;
  background: transparent;
  height: auto;
  margin: 6rem auto 1rem !important;
}
[data-version=sub_2025] .pageTit .sml {
  font-size: 1.6rem;
  margin-left: 1rem;
}
[data-version=sub_2025] .pageTit:before {
  display: none;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .pageTit {
    font-size: 2rem;
    margin: 3rem auto 0.5rem !important;
    flex-direction: column;
    align-items: flex-start;
  }
  [data-version=sub_2025] .pageTit .sml {
    font-size: 1.2rem;
    margin-left: 0;
  }
}
[data-version=sub_2025] .topContent {
  position: absolute;
  margin-top: -4.9rem;
  max-width: 136rem;
  width: calc(100% - 4rem);
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.5);
}
[data-version=sub_2025] .topContent:before {
  content: "";
  position: absolute;
  height: 5rem;
  width: 100rem;
  left: -100rem;
  background-color: rgba(0, 0, 0, 0.5);
}
[data-version=sub_2025] .topContent:after {
  content: "";
  position: absolute;
  height: 5rem;
  width: 100rem;
  right: -100rem;
  background-color: rgba(0, 0, 0, 0.5);
}
[data-version=sub_2025] .topContent > .right {
  gap: 1rem;
}
[data-version=sub_2025] .topContent > .right > button {
  width: 3.6rem;
  height: 3.6rem;
  padding: 0.5rem;
  justify-content: center;
  border-color: transparent;
}
[data-version=sub_2025] .topContent > .right > button:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .topContent {
    display: none;
  }
}
[data-version=sub_2025] .topFlexBox {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  align-items: stretch;
}
[data-version=sub_2025] .topFlexBox > * {
  flex: 1;
}
[data-version=sub_2025] .topFlexBox > *.flex15 {
  flex: 1.5;
}
[data-version=sub_2025] .topFlexBox > *.flex2 {
  flex: 2;
}
[data-version=sub_2025] .topFlexBox > *.flex3 {
  flex: 3;
}
[data-version=sub_2025] .topFlexBox > *.flex4 {
  flex: 4;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .topFlexBox {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
  }
  [data-version=sub_2025] .topFlexBox .topAppBox {
    margin-bottom: 0;
  }
}
[data-version=sub_2025] main > .container {
  max-width: 140rem;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] main > .container {
    max-width: 100%;
    padding: 0 2rem;
  }
}
[data-version=sub_2025] aside.topAppBox {
  background-color: #fff;
  border-radius: 1.6rem;
  border: 1px solid #ccc;
  padding: 2rem 4rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.05);
  margin-bottom: 5rem;
}
[data-version=sub_2025] aside.topAppBox:before {
  display: none;
}
[data-version=sub_2025] aside.topAppBox hr.line {
  border: none;
  border-top: 1px dashed #ccc;
  height: 1px;
  background-color: transparent;
  margin: 4rem 0;
}
[data-version=sub_2025] aside.topAppBox .selList > li {
  gap: 1rem;
  width: 100%;
}
[data-version=sub_2025] aside.topAppBox .selList > li > .tit {
  color: #000;
  font-size: 1.8rem;
  min-width: 9rem;
  height: 4.6rem;
  font-weight: 400;
}
[data-version=sub_2025] aside.topAppBox .selList > li .btnList {
  gap: 0.5rem;
  width: 100%;
}
[data-version=sub_2025] aside.topAppBox .selList > li .btnList button {
  height: 4.6rem;
  font-size: 1.8rem;
  padding: 1rem 4rem 1rem 2rem;
  border-radius: 1rem;
  justify-content: flex-start;
  width: auto;
  min-width: calc(16.6% - 0.8rem);
  background: #fff url(../img/sub_btn_select.png) center right 1.6rem no-repeat;
  border: 1px solid #ddd;
  color: #555;
}
[data-version=sub_2025] aside.topAppBox .selList > li .btnList button.isActive {
  color: #fff;
  background: #333 url(../img/sub_btn_select_on.png) center right 1.6rem no-repeat;
}
[data-version=sub_2025] aside.topAppBox .selList > li .formSelect select {
  height: 4.6rem;
  border-radius: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
}
[data-version=sub_2025] aside.topAppBox .selList > li .date {
  font-size: 1.8rem;
}
[data-version=sub_2025] aside.topAppBox.isCamp .selList > li.campDate {
  display: none;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.topAppBox {
    border-radius: 1rem;
    padding: 2rem;
  }
  [data-version=sub_2025] aside.topAppBox hr.line {
    margin: 2rem 0;
  }
  [data-version=sub_2025] aside.topAppBox .selList {
    gap: 1.5rem;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li {
    gap: 0.5rem;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li > .tit {
    font-size: 1.4rem;
    min-width: auto;
    height: 4rem;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li .btnList {
    gap: 1rem;
    width: 100%;
    align-items: flex-start;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li .btnList button {
    height: auto;
    min-height: 4rem;
    font-size: 1.3rem;
    padding: 0.5rem 3rem 0.5rem 1rem;
    width: calc(50% - 0.5rem);
    background: #fff url(../img/sub_btn_select.png) center right 1rem no-repeat;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li .btnList button.isActive {
    color: #fff;
    background: #333 url(../img/sub_btn_select_on.png) center right 1rem no-repeat;
  }
  [data-version=sub_2025] aside.topAppBox .selList > li .formSelect select {
    height: 4rem;
  }
  [data-version=sub_2025] aside.topAppBox.isCamp .selList > li .flexArea > button img {
    width: 2.4rem;
  }
}
[data-version=sub_2025] aside.bottomAppBox {
  padding: 5rem 0 9rem;
  position: relative;
  gap: 8rem;
  margin-bottom: -10rem;
}
[data-version=sub_2025] aside.bottomAppBox:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #f9f9f9;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
[data-version=sub_2025] aside.bottomAppBox .calInfo {
  width: 34rem;
  max-width: 34rem;
  margin-top: 10rem;
  background: url(../img/sub_bg_yjuc.png) bottom center no-repeat;
  background-size: contain;
  z-index: 2;
}
[data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea > .tit {
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1rem;
  position: relative;
  padding-left: 3rem;
}
[data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea > .tit:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0.2rem;
  width: 2rem;
  height: 2rem;
  background: url(../img/sub_icon_info.png) center center no-repeat;
  background-size: contain;
}
[data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea > .tit:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #aaa;
}
[data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea .unitList > li + li {
  margin-top: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .progress {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  gap: 20rem;
  z-index: 2;
}
[data-version=sub_2025] aside.bottomAppBox .progress > div > span:after {
  background-color: #ccc;
  width: 24rem;
  left: -17rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect {
  margin: 14rem 0 0;
  gap: 8rem;
  width: 100%;
  max-width: 100rem;
  z-index: 2;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect button.line {
  padding: 1rem 1rem;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 0.5rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left {
  background-color: transparent;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea:before {
  display: none;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1rem;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #aaa;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit > .formCheckbox {
  font-weight: 400;
  font-size: 1.6rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .list {
  max-height: 33rem;
  overflow-y: auto;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .list.type1 {
  max-height: 32rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .list.type2 {
  max-height: 13rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .desc {
  margin-bottom: -2rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea .img {
  height: 25rem;
  margin-bottom: 1rem;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea .img button {
  padding: 0.5rem 1rem;
  background-color: #fff;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  gap: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea .img button strong {
  font-size: 2rem;
  color: #e02a40;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center {
  background-color: transparent;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit {
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1rem;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #aaa;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit > small {
  color: #e02a40;
  font-weight: 400;
  font-size: 1.2rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write {
  margin-top: 2rem;
  gap: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .left {
  min-width: 10rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox {
  width: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > p {
  padding: 0.5rem 0;
  font-size: 1.8rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > p > strong {
  color: #007ef6;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li + li {
  margin-top: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li .left {
  min-width: 5rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li .formText {
  flex: 1;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li .formSelect {
  flex: 1;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .inineCont {
  display: flex;
  align-items: center;
  gap: 3rem;
  flex-direction: row;
  height: 3.6rem;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .inineCont .formCheckbox {
  margin-top: 0;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .inineCont .formRadio {
  margin-top: 0;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .btnNumber {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .btnNumber button {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  font-size: 1.8rem;
  font-weight: 500;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .btnNumber button:disabled {
  background-color: #ccc;
}
[data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .unitList.ref {
  border-top: 1px solid #aaa;
  padding-top: 2rem;
}
[data-version=sub_2025] aside.bottomAppBox > .right {
  display: none;
  background-color: transparent;
  width: 34rem;
  max-width: 34rem;
  margin: 14rem 0 0;
  z-index: 2;
}
[data-version=sub_2025] aside.bottomAppBox > .right .boxArea {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] aside.bottomAppBox > .right .boxArea > .tit {
  font-size: 1.7rem;
  font-weight: 700;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1rem;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox > .right .boxArea > .tit:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #aaa;
}
[data-version=sub_2025] aside.bottomAppBox > .right .boxArea .paymentInfo {
  margin: -1rem auto 3rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect {
  display: none;
  width: 100%;
  z-index: 1;
  margin-top: 14rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
  padding: 2rem;
  border: 1px solid #ccc;
  border-radius: 1.6rem;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left {
    width: 100%;
  }
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .img {
  width: 30rem;
  height: 15rem;
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .img button {
  padding: 0.5rem 1rem;
  background-color: #fff;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  gap: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .img button strong {
  font-size: 2rem;
  color: #e02a40;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .info p {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .info ul {
  color: #333;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right > strong {
  font-size: 2.4rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right > strong small {
  font-weight: 400;
  color: #333;
  font-size: 1.6rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details {
  width: 100%;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details summary {
  position: absolute;
  right: 1.6rem;
  margin-top: -4rem;
  width: 15rem;
  list-style-type: none;
  border: 1px solid #ccc;
  padding: 0.5rem 4rem 0.5rem 2rem;
  border-radius: 0.8rem;
  cursor: pointer;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details summary:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../img/common/sel_arrow.png) no-repeat center/contain;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail {
  margin-top: 1rem;
  padding-top: 2rem;
  border-top: 1px dashed #ccc;
  display: none;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 5.6rem;
  border: 1px solid #ccc;
  border-radius: 1.2rem;
  padding: 1rem 2rem;
  position: relative;
  overflow: hidden;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .left span {
  font-size: 1.8rem;
  font-weight: 500;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .left small {
  font-size: 1.4rem;
  color: #333;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right span {
  color: #666;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right strong {
  font-size: 1.8rem;
  font-weight: 500;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button {
  margin-left: 1rem;
  color: #fff;
  background-color: #008bf6;
  padding: 1rem 2rem;
  font-size: 1.4rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button span {
  color: #fff;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button.line {
  border: 1px solid #ccc;
  background-color: #fff;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button.line span {
  color: #1a1a1a;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button.yellow {
  background-color: #fab312;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button.yellow span {
  color: #1a1a1a;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li.select {
  border-color: #008bf6;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li.dis:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li.dis > * {
  opacity: 0.3;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li.dis .right button {
  background-color: #999;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 {
  display: none;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 .img {
  width: 45rem;
  height: 45rem;
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 .img img + img {
  margin-top: 1rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 ul {
  flex: 1;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/camp_sel_white.png);
  z-index: 1;
  transform: scale(1);
  transform-origin: center center;
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span em {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -999rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span[data-state=fin] {
  background-image: url(../img/camp_sel_blue.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span[data-state=stay] {
  background-image: url(../img/camp_sel_ready.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span[data-state=dis] {
  background-image: url(../img/camp_sel_dis.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span[data-select=on]:after {
  content: "▲";
  position: absolute;
  transform: rotate(180deg);
  font-size: 0.8rem;
  top: -1.2rem;
  left: 0.6rem;
  color: rgb(255, 78, 78);
  text-shadow: 0 0 1rem rgb(0, 0, 0);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(1) {
  top: 7.7rem;
  left: 12rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(2) {
  top: 8rem;
  left: 8.7rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(3) {
  top: 8.2rem;
  left: 5.5rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(4) {
  top: 8.7rem;
  left: 2rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(5) {
  top: 34.3rem;
  left: 17rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=auto] .dot span:nth-child(6) {
  top: 37.3rem;
  left: 17.7rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .img {
  height: 22rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] ul {
  max-height: 39rem;
  overflow: auto;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/camp_sel_white.png);
  z-index: 1;
  transform: scale(1);
  transform-origin: center center;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span em {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -999rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span[data-state=fin] {
  background-image: url(../img/camp_sel_blue.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span[data-state=stay] {
  background-image: url(../img/camp_sel_ready.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span[data-state=dis] {
  background-image: url(../img/camp_sel_dis.png);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span[data-select=on]:after {
  content: "▲";
  position: absolute;
  transform: rotate(180deg);
  font-size: 0.8rem;
  top: -1.2rem;
  left: 0.6rem;
  color: rgb(255, 78, 78);
  text-shadow: 0 0 1rem rgb(0, 0, 0);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(1) {
  top: 7.5rem;
  left: 34.8rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(2) {
  top: 7.6rem;
  left: 32.5rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(3) {
  top: 8rem;
  left: 30.5rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(4) {
  top: 8.4rem;
  left: 29rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(5) {
  top: 8.7rem;
  left: 27.2rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(6) {
  top: 9.2rem;
  left: 25.4rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(7) {
  top: 9.9rem;
  left: 22.8rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(8) {
  top: 10.3rem;
  left: 20.1rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(9) {
  top: 13.3rem;
  left: 20.8rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(10) {
  top: 12.8rem;
  left: 23.3rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(11) {
  top: 12.1rem;
  left: 26rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(12) {
  top: 11.7rem;
  left: 28.6rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(13) {
  top: 11.2rem;
  left: 30.8rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(14) {
  top: 11rem;
  left: 33.7rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(15) {
  top: 10.9rem;
  left: 36.1rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(16) {
  top: 10.5rem;
  left: 38.5rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2[data-camp=basic] .dot span:nth-child(17) {
  top: 10.2rem;
  left: 40.9rem;
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details[open] summary:before {
  transform: rotate(180deg);
  top: calc(50% - 1rem);
}
[data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details[open] .detail.type2 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: row;
  display: flex !important;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details[open] .detail.type2 {
    flex-direction: column;
    overflow: hidden;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details[open] .detail.type2 .img {
    margin: auto;
    overflow: hidden;
    width: 45rem;
    border-radius: 0;
    transform-origin: top left;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details[open] .detail.type2 ul {
    width: 100%;
    max-height: none;
  }
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 {
    flex-direction: column;
    overflow: hidden;
  }
}
@media (max-width: 1000px) and (max-width: 510px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img {
    transform: scale(0.9);
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img + ul {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1000px) and (max-width: 465px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img {
    transform: scale(0.8);
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img + ul {
    margin-top: -3rem;
  }
}
@media (max-width: 1000px) and (max-width: 425px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img {
    transform: scale(0.7);
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 .img + ul {
    margin-top: -6rem;
  }
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li:last-child details[open] .detail.type2 ul {
    width: 100%;
    max-height: none;
  }
}
[data-version=sub_2025] aside.bottomAppBox .calSelect .legend {
  display: none;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend {
    position: absolute;
    top: -1.5rem;
    font-size: 1.1rem;
    right: 0;
    display: block;
    transform: scale(0.8);
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul {
    display: flex;
    align-items: flex-start;
    gap: 0.2rem;
    flex-direction: column;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul li {
    position: relative;
    padding-left: 1.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #00429a;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul li.yellow:before {
    background-color: #fab312;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul li.green:before {
    background-color: #3a963a;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .legend ul li.gray:before {
    background-color: #ccc;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis {
    justify-content: flex-end;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis .fc-event-title {
    display: none;
  }
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox.isCamp .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
  }
  [data-version=sub_2025] aside.bottomAppBox.isCamp .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn .fc-event-title {
    display: none;
  }
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bottomAppBox {
    padding: 2.5rem 0 5rem;
    gap: 1rem;
    margin-bottom: -5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect {
    max-width: 100%;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-toolbar .fc-toolbar-title {
    font-size: 2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-toolbar .fc-next-button span {
    width: 3rem;
    height: 3rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-toolbar .fc-prev-button span {
    width: 3rem;
    height: 3rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame {
    padding: 0.5rem 0.2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-top {
    font-size: 1.6rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-event-title {
    font-size: 1.1rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt:before {
    width: 0.6rem;
    height: 0.6rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis {
    top: 0;
    font-size: 1.1rem;
    left: -2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
    padding: 0.2rem 0.5rem;
    font-size: 1.3rem;
    height: auto;
    word-break: break-all;
    border-radius: 0.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th {
    font-size: 1.6rem;
    height: 4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table thead th {
    font-size: 1.4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td .fc-daygrid-day-top {
    width: 3rem;
    height: 3rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calInfo {
    width: 100%;
    max-width: 100%;
    margin-top: 3rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea > .tit {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea > .tit:before {
    top: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .calInfo .boxArea .unitList > li + li {
    margin-top: 1rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .progress {
    gap: 5rem;
    width: 100%;
    display: none !important;
  }
  [data-version=sub_2025] aside.bottomAppBox .progress > div {
    flex: 1;
  }
  [data-version=sub_2025] aside.bottomAppBox .progress > div > span {
    font-size: 1.4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .progress > div > span:after {
    display: none;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect {
    margin: 0;
    gap: 4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left {
    background-color: transparent;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit.type2 {
    padding-left: 0;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .tit:before {
    top: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .list {
    max-height: none;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .left .boxArea > .list.type2 {
    max-height: none;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit.type2 {
    padding-left: 0;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea > .tit:before {
    top: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write {
    margin-top: 1rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > p {
    font-size: 1.4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li + li {
    margin-top: 1rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .dtlSelect > .center .boxArea .write > li .innerBox > ul > li .left {
    width: 3rem;
  }
  [data-version=sub_2025] aside.bottomAppBox > .right {
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0;
  }
  [data-version=sub_2025] aside.bottomAppBox > .right .boxArea {
    border-top: none;
    padding: 0;
    width: 100%;
  }
  [data-version=sub_2025] aside.bottomAppBox > .right .boxArea > .tit {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  [data-version=sub_2025] aside.bottomAppBox > .right .boxArea > .tit.type2 {
    padding-left: 0;
  }
  [data-version=sub_2025] aside.bottomAppBox > .right .boxArea > .tit:before {
    top: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect {
    margin-top: 3rem;
    min-width: 35rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner {
    flex-direction: column;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .img {
    width: 25rem;
    height: 13rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .left .info p {
    font-size: 1.6rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right {
    align-items: flex-start;
    width: 100%;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right > strong {
    font-size: 2.4rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li .inner > .right > strong small {
    font-weight: 400;
    color: #333;
    font-size: 1.6rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .left {
    width: 100%;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .left span {
    font-size: 1.6rem;
    display: block;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right {
    width: 100%;
    padding: 2rem 0 1rem;
    border-top: 1px dashed #ccc;
    position: relative;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right strong {
    font-size: 1.6rem;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail ul li .right button {
    position: absolute;
    right: 0;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 {
    flex-direction: column;
  }
  [data-version=sub_2025] aside.bottomAppBox .campSelect > ul > li details .detail.type2 .img {
    width: 100%;
  }
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox {
  width: 100%;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > strong {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  font-size: 2rem;
  border-bottom: 1px dotted #ccc;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > strong > img {
  width: 2.5rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 8rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  color: #666;
  padding-left: 1.5rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p > strong {
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  margin-left: -2rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p > strong > img {
  width: 1.5rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  /*padding:0 0 0 18rem;background: url(../img/sub_icon_parking.png) left 3rem top no-repeat;background-size: auto 10rem;*/
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: row;
  text-align: left;
  width: 100%;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list > strong {
  min-width: 10rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list .unitList {
  width: 100%;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list .unitList .unitList {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  color: #666;
  margin-top: 1rem 1rem;
  background-color: #f1f1f1;
  padding: 2rem 3rem;
  border-radius: 1rem;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox.typeAgreement {
  text-align: left;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox.typeAgreement .radCont {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
  justify-content: center;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox.typeAgreement .radCont .formRadio {
  margin-top: 0;
}
[data-version=sub_2025] aside.topBlueBox .tblInfoBox > .infoFoot {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
  margin-top: 2rem;
  padding-top: 2rem;
  font-size: 2rem;
  border-top: 1px dotted #ccc;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > strong {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.8rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > strong > img {
    width: 2rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time {
    padding: 0;
    flex-direction: column;
    gap: 2rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: column;
    color: #666;
    padding-left: 1.5rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p > strong {
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
    margin-left: -2rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .time > p > strong > img {
    width: 1.5rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking {
    gap: 2rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list {
    gap: 1rem;
    flex-direction: column;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list > strong {
    min-width: 100%;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list .unitList {
    width: 100%;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .parking > .list .unitList .unitList {
    font-size: 1.3rem;
    margin-top: 0.2rem;
    margin-top: 0.5rem;
    padding: 1rem 1.5rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox.typeParking > strong {
    align-items: flex-start;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox.typeParking > strong img {
    margin-top: 0.2rem;
  }
  [data-version=sub_2025] aside.topBlueBox .tblInfoBox > .infoFoot {
    gap: 1rem;
    flex-direction: column;
    margin-top: 1rem;
    padding-top: 1rem;
    font-size: 1.6rem;
  }
}
[data-version=sub_2025] .calSelect {
  position: relative;
  z-index: 2;
  flex: auto;
  width: 100%;
  max-width: 100rem;
}
[data-version=sub_2025] .calSelect #calendar {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-toolbar-title {
  font-size: 5rem;
  font-weight: 700;
}
[data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-next-button span {
  width: 4rem;
  height: 4rem;
  background: url(../img/sub_icon_cal_arrow.png) center center no-repeat;
  background-size: contain;
}
[data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-prev-button span {
  width: 4rem;
  height: 4rem;
  background: url(../img/sub_icon_cal_arrow.png) center center no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame {
  padding: 1.2rem 1rem;
  justify-content: flex-start;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-top {
  font-size: 2.2rem;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events {
  align-items: center;
  flex-direction: column;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt {
  align-items: flex-start;
  position: relative;
  top: auto;
  right: auto;
  gap: 0.2rem;
  cursor: pointer;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt strong {
  color: #007ef6;
  margin-left: 0.2rem;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt .fc-event-title {
  order: 1;
  font-size: 1.3rem;
  color: #666;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt:before {
  content: "";
  display: block;
  order: 2;
  width: 0.6rem;
  height: 0.6rem;
  border: none;
  background-color: transparent;
  background: url(../img/layout/icon_top_arrow.png) no-repeat;
  background-size: contain;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis {
  position: absolute;
  color: #ff0000;
  cursor: default;
  top: -3.5rem;
  right: 0;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis:before {
  display: none;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcTxt.dis:after {
  content: "";
  width: 1.9rem;
  height: 1.8rem;
  background: url(../img/sub_icon_cal_cup.png) no-repeat;
  background-size: contain;
  margin: 0 0.5rem;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn {
  border-radius: 10rem;
  padding: 0.2rem 1rem;
  font-size: 1.6rem;
  color: #fff;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.dis {
  cursor: default;
  background-color: #ccc;
  color: #fff;
}
[data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness + .fc-daygrid-event-harness {
  margin-top: 0.5rem !important;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid {
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #666;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-scroller-harness {
  margin-bottom: 0;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th {
  background-color: #666;
  color: #fff;
  font-size: 1.8rem;
  height: 5rem;
  vertical-align: middle;
  font-weight: 400;
  border-right: 1px solid #888;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th:first-child {
  background-color: #703d3d;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th:first-child a {
  color: #fff;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th:last-child {
  background-color: #3d5470;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th .fc-col-header th:last-child a {
  color: #fff;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table thead th {
  background-color: #666;
  color: #fff;
  font-size: 1.8rem;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td {
  border: 1px solid #ddd;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td .fc-daygrid-day-top {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
[data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td.fc-day-today .fc-daygrid-day-top {
  background-color: #000;
  color: #fff;
}
[data-version=sub_2025] .calSelect #calendar.isCamp .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.isCheckin, [data-version=sub_2025] .calSelect #calendar.isCamp .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness .fcBtn.isCheckOut {
  cursor: default;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-toolbar-title {
    font-size: 3rem;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-next-button span {
    width: 3rem;
    height: 3rem;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-prev-button span {
    width: 3rem;
    height: 3rem;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-prevYear-button,
  [data-version=sub_2025] .calSelect #calendar .fc-toolbar .fc-nextYear-button {
    display: none;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-daygrid-day-frame {
    padding: 1.2rem 0.5rem;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-scrollgrid thead th {
    font-size: 1.6rem !important;
    height: 4rem !important;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td {
    border: 1px solid #ddd;
  }
  [data-version=sub_2025] .calSelect #calendar .fc-scrollgrid tbody .fc-scrollgrid-sync-table tbody tr td .fc-daygrid-day-top {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
  }
}
[data-version=sub_2025] .tblTop {
  margin: 0 auto 2rem;
}
[data-version=sub_2025] .tblTop .tit.flex {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-direction: row;
}
[data-version=sub_2025] .tblTop .tit.flex .topState {
  margin: 0;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .tblTop {
    margin: 0 auto 1rem;
  }
  [data-version=sub_2025] .tblTop .tit.flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  [data-version=sub_2025] .tblTop .tit.flex .topState {
    order: 1;
  }
  [data-version=sub_2025] .tblTop .tit.flex > span {
    order: 2;
  }
}
[data-version=sub_2025] .unitTable table thead tr th .formCheckbox {
  margin-top: -1rem;
}
[data-version=sub_2025] .unitTable.type2 table thead tr {
  border-top: 1px solid #007ef6;
}
[data-version=sub_2025] .unitTable.type2 table thead tr th {
  background-color: #0056a7;
  color: #fff;
}
[data-version=sub_2025] .unitTable.type2 table tbody tr:hover td {
  background-color: rgb(245, 250, 255);
}
[data-version=sub_2025] .unitTable.typeRow.typeLine {
  border: none;
  border-top: 0.2rem solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0;
}
[data-version=sub_2025] .unitTable.typeRow.typeLine > table > tbody > tr > th {
  background-color: #fff;
  border: none;
}
[data-version=sub_2025] .unitTable.typeRow.typeLine > table > tbody > tr > td {
  border-top: 1px solid #ccc;
  padding: 3rem 0;
}
[data-version=sub_2025] .unitTable.typeRow.typeLine > table > tbody > tr > td .refText {
  font-size: 1.4rem;
  margin-top: 1rem;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .unitTable > table tbody tr td {
    text-align: left;
  }
  [data-version=sub_2025] .unitTable > table tbody tr td:before {
    color: #1a1a1a;
  }
  [data-version=sub_2025] .unitTable > table tbody tr td.sort {
    color: #1a1a1a;
    font-weight: 500;
    width: 100%;
    text-align: left;
  }
  [data-version=sub_2025] .unitTable > table tbody tr td.event {
    text-align: left;
  }
  [data-version=sub_2025] .unitTable.typeRow.typeLine > table > tbody > tr > th {
    background-color: #fff;
    border: none;
  }
  [data-version=sub_2025] .unitTable.typeRow.typeLine > table > tbody > tr > td {
    border-top: none;
    padding: 3rem 0;
  }
}
[data-version=sub_2025] .unitModal .wrapper > .tit {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  padding: 0 2rem;
  background-color: #0056a7;
  color: #fff;
  font-weight: 400;
  height: 6rem;
  font-size: 2.2rem;
}
[data-version=sub_2025] .unitModal .wrapper .closeModal {
  filter: invert(100);
  top: 2rem;
}
[data-version=sub_2025] .unitModal .wrapper .contArea > .tit {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox {
  padding: 0;
  margin-bottom: 0;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox:before {
  display: none;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect {
  margin: 0;
  gap: 8rem;
  width: 100%;
  max-width: 100rem;
  z-index: 2;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left {
  background-color: transparent;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea {
  border-top: none;
  padding: 0;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea:before {
  display: none;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .tit {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1rem;
  position: relative;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .tit:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #aaa;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .tit > .formCheckbox {
  font-weight: 400;
  font-size: 1.6rem;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list {
  max-height: 50rem;
  overflow-y: auto;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list.type1 {
  max-height: 50rem;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list.type2 {
  max-height: 15rem;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button {
  border: none;
  font-size: 1.8rem;
  height: 5rem;
  padding: 0 1rem;
  font-weight: 700;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button .left {
  min-width: 13rem;
  text-align: left;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button .right {
  font-weight: 700;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button.isActive {
  background-color: #e5f4ff;
  color: #007ef6;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button.isActive .right {
  color: #007ef6;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button:disabled {
  font-weight: 400;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button:disabled .right {
  font-weight: 400;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li + li {
  margin: auto;
  border-top: 1px solid #ccc;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > .day {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.8rem;
  border-radius: 0.5rem;
  height: 4rem;
  background-color: #56ab46;
  color: #fff;
  padding: 0 2rem;
  width: 100%;
}
[data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > .night {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  font-size: 1.8rem;
  border-radius: 0.5rem;
  height: 4rem;
  background-color: #6580c7;
  color: #fff;
  padding: 0 2rem;
  width: 100%;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .unitModal .wrapper > .tit {
    padding: 0 2rem;
    height: 5rem;
    font-size: 1.8rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .closeModal {
    top: 1.6rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea > .tit {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list {
    max-height: none;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button {
    border: none;
    font-size: 1.4rem;
    height: 4rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > button .left {
    min-width: 10.5rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > .day {
    font-size: 1.4rem;
    border-radius: 0.5rem;
    height: 4rem;
    padding: 0 1rem;
  }
  [data-version=sub_2025] .unitModal .wrapper .contArea aside.bottomAppBox .dtlSelect > .left .boxArea > .list > li > .night {
    font-size: 1.4rem;
    border-radius: 0.5rem;
    height: 4rem;
    padding: 0 1rem;
  }
}
[data-version=sub_2025] .bottomBtn > * {
  min-width: calc(33.333% - 1.4rem);
}
[data-version=sub_2025] .bottomBtn > * > button {
  border-radius: 0;
  transition: all 1s ease 0.05s;
  border: 1px solid #007ef6;
}
[data-version=sub_2025] .bottomBtn > * > button:hover {
  border-radius: 10rem;
  background-color: #007ef6;
  color: #fff;
}
[data-version=sub_2025] .bottomBtn > * > button.red {
  border: 1px solid #e02a40;
}
[data-version=sub_2025] .bottomBtn > * > button.red:hover {
  background-color: #e02a40;
}
[data-version=sub_2025] .bottomBtn > * > button.gray {
  border: none;
}
[data-version=sub_2025] .bottomBtn > * > button:disabled {
  background-color: #ccc;
  border: none;
}
[data-version=sub_2025] .bottomBtn > * > button:disabled:hover {
  border-radius: 0;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .bottomBtn > * {
    min-width: calc(33.333% - 0.7rem);
  }
}
[data-version=sub_2025] .checkboxInline {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: row;
}
[data-version=sub_2025] .checkboxInline > .formCheckbox {
  margin-top: 0;
}
[data-version=sub_2025] .checkboxInline > .formCheckbox > label {
  padding-left: 3rem;
}
[data-version=sub_2025] .checkboxInline > .formCheckbox > label:before {
  top: -0.4rem;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .checkboxInline {
    flex-direction: column;
    align-items: flex-start;
  }
}
[data-version=sub_2025] .bbsTopInfo > h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
}
[data-version=sub_2025] .bbsTopInfo > .desc {
  color: #666;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
}
[data-version=sub_2025] .bbsTopInfo > .desc + .desc {
  margin-top: 0.4rem;
}
[data-version=sub_2025] .bbsTopInfo > .desc > img {
  margin-right: 0.5rem;
}
[data-version=sub_2025] .bbsTopInfo > .desc > a {
  color: #007ef6;
  border-bottom: 1px solid #007ef6;
}
[data-version=sub_2025] .bbsTopInfo > .desc > .box {
  padding: 0.5rem 2rem;
  background-color: #1a1a1a;
  color: #fff;
  border-radius: 0.5rem;
}
[data-version=sub_2025] .bbsTopInfo > .unitList {
  margin-top: 1rem;
  background-color: #f1f1f1;
  padding: 2rem 3rem;
  border-radius: 1rem;
}
[data-version=sub_2025] .bbsTopInfo > .unitList.row {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
}
[data-version=sub_2025] .bbsTopInfo.noti {
  display: flex;
  align-items: flex-start;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  flex-direction: column;
  padding: 0 0 0 18rem;
  background-image: url(../img/sub_icon_board.png);
  background-position: center left 2rem;
  background-repeat: no-repeat;
  background-size: auto 10rem;
  min-height: 10rem;
}
[data-version=sub_2025] .bbsTopInfo.noti.type2 {
  background-image: url(../img/sub_icon_board2.png);
}
[data-version=sub_2025] .bbsTopInfo.noti.type3 {
  background-image: url(../img/sub_icon_board3.png);
}
[data-version=sub_2025] .bbsTopInfo.noti.type4 {
  background-image: none;
  padding: 0;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .bbsTopInfo > .desc {
    margin-top: 0.5rem;
    flex-wrap: wrap;
    padding-left: 1.5rem;
    position: relative;
  }
  [data-version=sub_2025] .bbsTopInfo > .desc > img {
    margin-right: 0;
    width: 1rem;
    position: absolute;
    left: 0;
    top: 0.3rem;
  }
  [data-version=sub_2025] .bbsTopInfo > .desc > .box {
    padding: 0.25rem 2rem;
  }
  [data-version=sub_2025] .bbsTopInfo > .unitList {
    margin-top: 0.5rem;
    padding: 1rem 1.5rem;
  }
  [data-version=sub_2025] .bbsTopInfo > .unitList.row {
    gap: 1rem;
    flex-direction: column;
  }
  [data-version=sub_2025] .bbsTopInfo.noti {
    padding: 10rem 0 0;
    background-position: center top 1rem;
    background-size: auto 8rem;
  }
}
[data-version=sub_2025] .instructorCont > ul > li {
  border: 1px solid #ccc;
  padding: 4rem;
  border-radius: 2rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] .instructorCont > ul > li:hover {
  border: 1px solid #111;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1);
}
[data-version=sub_2025] .instructorCont > ul > li > .left {
  width: 18rem;
  height: 22.5rem;
}
[data-version=sub_2025] .instructorCont > ul > li > .left > img {
  border-radius: 2rem;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .instructorCont > ul > li {
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
  }
  [data-version=sub_2025] .instructorCont > ul > li > .left {
    width: 8rem;
    min-width: 8rem;
    height: 10rem;
  }
  [data-version=sub_2025] .instructorCont > ul > li > .left > img {
    border-radius: 1rem;
  }
}
[data-version=sub_2025] .joinBox .boxTit {
  font-size: 2rem;
  font-weight: 400;
}
[data-version=sub_2025] .joinBox .boxTit > strong {
  font-weight: 500;
}
[data-version=sub_2025] .joinBox .joinBtn .txtBtn > button {
  transition: all 0.2s ease 0.05s;
  color: #666;
}
[data-version=sub_2025] .joinBox .joinBtn .txtBtn > button:hover strong,
[data-version=sub_2025] .joinBox .joinBtn .txtBtn > button:hover span {
  color: #007ef6;
  text-decoration: underline;
}
[data-version=sub_2025] section.sec_include {
  max-width: none;
}
[data-version=sub_2025] section.sec_include .calSelect {
  max-width: 100%;
}
[data-version=sub_2025] section.sec_include .calSelect .fc {
  background-color: #fff;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-number {
  font-size: 2.2rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame {
  justify-content: flex-start;
  padding: 1rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events {
  flex: 1;
  min-height: 6rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness {
  background-color: transparent;
  width: 100%;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness + .fc-daygrid-event-harness {
  margin-top: 0.2rem !important;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  border: none;
  padding: 0.05rem;
  justify-content: center;
  width: 100%;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a .fc-event-main {
  color: #fff;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-blue {
  background-color: #044da2;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-skyBlue {
  background-color: skyblue;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-orange {
  background-color: orange;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-yellow {
  background-color: #f6e70f;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-green {
  background-color: green;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-dis {
  background-color: transparent;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-dis:after {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.8rem;
  background: url(../img/sub_icon_cal_cup.png) no-repeat;
  background-size: contain;
  margin: 0 0.5rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-dis .fc-event-main {
  color: red;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-body table tr:last-child {
  display: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-view-harness :has(.fc-list-table) {
  border: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table {
  border: none;
  border-bottom: 1px solid #ccc;
  margin-top: 4rem;
  position: relative;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table:before {
  content: "날짜";
  position: absolute;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: 30rem;
  height: 4rem;
  background-color: #f1f1f1;
  top: -4rem;
  left: 0;
  border-top: 1px solid #ccc;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table:after {
  content: "내용";
  position: absolute;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: calc(100% - 30rem);
  height: 4rem;
  background-color: #f1f1f1;
  top: -4rem;
  right: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table thead {
  display: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr {
  display: block;
  width: calc(100% - 30rem);
  margin-left: 30rem;
  border-left: 1px solid #ccc;
  padding: 1rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr:hover {
  background: #fff;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr:hover td {
  background: #fff;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day {
  width: 30rem;
  height: 5.5rem;
  margin-left: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #ccc;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day + tr {
  margin-top: -5.5rem;
  border-top: 1px solid #ccc;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day th {
  background: transparent;
  border: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day th .fc-list-day-cushion {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
  font-weight: 400;
  height: 5.2rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr:not(.fc-list-day) + tr:not(.fc-list-day) {
  margin-top: -1.5rem;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr th {
  display: block;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td {
  display: block;
  border: none;
  padding: 0;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-time {
  display: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-graphic {
  display: none;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title {
  text-align: center;
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a {
  padding: 0.5rem 2rem;
  display: block;
  width: 100%;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-blue, [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-skyBlue, [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-orange, [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-yellow, [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-green {
  background-color: z #fff;
  color: #666;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-dis {
  background-color: transparent;
  color: red;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: center;
}
[data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td.fc-list-event-title > a.btn-dis:after {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.8rem;
  background: url(../img/sub_icon_cal_cup.png) no-repeat;
  background-size: contain;
  margin: 0 0.5rem;
}
[data-version=sub_2025] section.sec_include .calSelect .calendar-controls {
  position: absolute;
  right: 0;
  top: 4rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  border-radius: 20rem;
  border: 1px solid #ccc;
  overflow: hidden;
}
[data-version=sub_2025] section.sec_include .calSelect .calendar-controls button {
  font-size: 1.4rem;
  color: #999;
  background-color: #fff;
  padding: 1rem 2rem;
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] section.sec_include .calSelect .calendar-controls button.isActive {
  background-color: #101010;
  color: #fff;
  border: 1px solid #101010;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] section.sec_include .anchorCont {
    position: relative;
  }
  [data-version=sub_2025] section.sec_include .anchorCont .tblGradient {
    width: 2.5rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(-90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.1));
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 3.5rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-number {
    font-size: 1.6rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame {
    justify-content: flex-start;
    padding: 1rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events {
    flex: 1;
    min-height: 6rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness {
    background-color: transparent;
    width: 100%;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row;
    border: none;
    padding: 0.05rem;
    justify-content: center;
    width: 100%;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-dis {
    background-color: transparent;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness a.btn-dis:after {
    width: 100%;
    background: url(../img/sub_icon_cal_cup.png) no-repeat;
    background-size: contain;
    margin: 0 0.25rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table {
    border: none;
    border-bottom: 1px solid #ccc;
    margin-top: -1.5rem;
    position: relative;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table:before {
    display: none;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table:after {
    display: none;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody {
    gap: 0 0.5rem;
    justify-content: flex-start;
    padding: 0 1rem 1rem;
    flex-direction: row;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr {
    width: calc(50% - 0.25rem);
    margin-left: 0;
    border: none;
    padding: 0.5rem 0;
    height: 3.5rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fcfc-list-day {
    margin-top: 1rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.btn-dis {
    width: 100%;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day {
    width: 100%;
    height: 6.5rem;
    margin-left: 0;
    border-top: none;
    margin-bottom: -1rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day + tr {
    margin-top: 0;
    border-top: none;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day th {
    background: transparent;
    border: none;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day th .fc-list-day-cushion {
    background-color: #f1f1f1;
    font-weight: 500;
    height: 3.5rem;
    margin-top: 2rem;
    position: relative;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr.fc-list-day th .fc-list-day-cushion:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ccc;
    top: -1rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr:not(.fc-list-day) + tr:not(.fc-list-day) {
    margin-top: 0;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr th {
    display: block;
  }
  [data-version=sub_2025] section.sec_include .calSelect .fc .fc-list-table tbody tr td {
    padding: 0;
  }
  [data-version=sub_2025] section.sec_include .calSelect .calendar-controls {
    position: absolute;
    right: 0;
    top: 4.5rem;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
  }
  [data-version=sub_2025] section.sec_include .calSelect .calendar-controls button {
    font-size: 0;
    color: transparent;
    padding: 0.5rem 1rem;
  }
  [data-version=sub_2025] section.sec_include .calSelect .calendar-controls button:before {
    content: "달력";
    font-size: 1.1rem;
    color: #666;
  }
  [data-version=sub_2025] section.sec_include .calSelect .calendar-controls button.isActive:before {
    color: #fff;
  }
  [data-version=sub_2025] section.sec_include .calSelect .calendar-controls button:nth-child(2):before {
    content: "목록";
  }
}
[data-version=sub_2025] .tblArea table {
  border-top: 1px solid #111;
  border-bottom: 1px solid #ccc;
}
[data-version=sub_2025] .tblArea table tr th {
  text-align: center !important;
}
[data-version=sub_2025] .tblArea table tr td,
[data-version=sub_2025] .tblArea table tr th {
  border-right: 1px solid #ccc;
  padding: 1rem 2rem !important;
  text-align: center;
}
[data-version=sub_2025] .tblArea table tr td:last-child,
[data-version=sub_2025] .tblArea table tr th:last-child {
  border-right: none;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .tblArea.overflow {
    overflow-x: auto;
  }
  [data-version=sub_2025] .tblArea.overflow table {
    min-width: 45rem;
  }
}
[data-version=sub_2025] aside.bbsPagin {
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  margin-top: 4rem;
}
[data-version=sub_2025] aside.bbsPagin > * {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
[data-version=sub_2025] aside.bbsPagin > * > .tit {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-direction: row;
  height: 4rem;
  justify-content: center;
  width: 12rem;
  background-color: #f1f1f1;
  padding: 0 2rem;
  border: 1px solid #f1f1f1;
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] aside.bbsPagin > * > .tit > img {
  width: 0.5rem;
  opacity: 0.5;
  transition: all 0.2s ease 0.05s;
}
[data-version=sub_2025] aside.bbsPagin > * > .tit:hover {
  font-weight: 500;
}
[data-version=sub_2025] aside.bbsPagin > * > .tit:hover > img {
  opacity: 1;
}
[data-version=sub_2025] aside.bbsPagin > * > .desc {
  width: calc(100% - 12rem);
  background-color: white;
}
[data-version=sub_2025] aside.bbsPagin > * > .desc > button {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s ease 0.05s;
  height: 4rem;
  border: 1px solid #f1f1f1;
  padding: 0 2rem;
  width: 100%;
  text-align: left;
}
[data-version=sub_2025] aside.bbsPagin > * > .desc > button:hover {
  text-decoration: underline;
  color: #0056a7;
}
[data-version=sub_2025] aside.bbsPagin .right .desc > button {
  text-align: right;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.bbsPagin {
    margin-top: 2rem;
    flex-direction: column;
  }
  [data-version=sub_2025] aside.bbsPagin > * {
    width: 100%;
  }
  [data-version=sub_2025] aside.bbsPagin > * > .tit {
    gap: 0.8rem;
    width: 6rem;
  }
  [data-version=sub_2025] aside.bbsPagin > * > .tit > img {
    display: none;
  }
  [data-version=sub_2025] aside.bbsPagin > * > .desc {
    width: calc(100% - 6rem);
  }
  [data-version=sub_2025] aside.bbsPagin > * > .desc > button {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.2s ease 0.05s;
  }
  [data-version=sub_2025] aside.bbsPagin > * > .desc > button:hover {
    text-decoration: underline;
    color: #0056a7;
  }
  [data-version=sub_2025] aside.bbsPagin .right .tit {
    order: 1;
  }
  [data-version=sub_2025] aside.bbsPagin .right .desc {
    order: 2;
    border-top-color: #fff;
  }
  [data-version=sub_2025] aside.bbsPagin .right .desc > button {
    text-align: left;
  }
}
[data-version=sub_2025] aside.termsChk.type2 .txtBox {
  max-height: none;
}
[data-version=sub_2025] aside.readyArea {
  margin: 10rem auto 0;
}
[data-version=sub_2025] aside.readyArea .tit {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
[data-version=sub_2025] aside.readyArea .tit > img {
  width: 15rem;
}
[data-version=sub_2025] aside.readyArea .tit > p {
  color: #101010;
}
[data-version=sub_2025] aside.readyArea .desc {
  text-align: center;
  color: #888;
}
[data-version=sub_2025] aside.readyArea > img {
  height: 3rem;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] aside.readyArea {
    margin: 5rem auto 0;
  }
  [data-version=sub_2025] aside.readyArea .tit > img {
    width: 10rem;
  }
  [data-version=sub_2025] aside.readyArea > img {
    height: 1.5rem;
  }
}
[data-version=sub_2025] .swiperCamping {
  overflow: hidden;
}
[data-version=sub_2025] .swiperCamping .swiperCamping-prev,
[data-version=sub_2025] .swiperCamping .swiperCamping-next {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 100%;
  padding: 0;
}
[data-version=sub_2025] .swiperCamping .swiperCamping-prev img,
[data-version=sub_2025] .swiperCamping .swiperCamping-next img {
  width: 1.5rem;
}
[data-version=sub_2025] .swiperCamping .swiperCamping-prev img {
  transform: rotate(180deg);
}
[data-version=sub_2025] .flexCont {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: row;
}
@media (max-width: 1000px) {
  [data-version=sub_2025] .flexCont {
    flex-direction: column;
  }
  [data-version=sub_2025] .flexCont > * {
    width: 100%;
  }
}

.formText .inpZone input::-moz-placeholder {
  font-size: 1.4rem;
}

.formText .inpZone input::placeholder {
  font-size: 1.4rem;
}
.formText .inpZone .innerBtn.line {
  border: 1px solid #666;
  background-color: #fff;
  color: #111;
}
.formText .inpZone .innerBtn.red {
  background-color: #e02a40;
}
.formText .inpZone .innerBtn.sml {
  max-width: 7rem;
  width: auto;
  height: 3rem;
  padding: 0 0.5rem;
}
.formText .inpFile {
  justify-content: flex-start;
}
.formText .inpFile input {
  display: none;
}
.formText .inpFile label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  width: 10.5rem;
  max-width: 10.5rem;
  flex: auto;
  background-color: #666;
  height: 3.6rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #fff;
  cursor: pointer;
}
.formText .inpFile .attatchDel {
  width: 1.2rem;
  flex: none;
  margin-left: 1rem;
}

.linkMap {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
@media (max-width: 1000px) {
  .linkMap {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.25rem;
  }
}

.footInfo {
  margin: 3rem 0 -10rem;
  width: calc(100% - 34rem - 8rem);
  background-color: #fafafa;
  position: relative;
  padding-bottom: 5rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1);
}
.footInfo:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.footInfo .innerWrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding: 1rem 2rem;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 1rem;
}
.footInfo .innerWrapper .left {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem 5rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.footInfo .innerWrapper .left dl {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.footInfo .innerWrapper .left dl dt {
  font-weight: 700;
  text-align: center;
  position: relative;
}
.footInfo .innerWrapper .left dl dt:before {
  content: "[ ";
}
.footInfo .innerWrapper .left dl dt:after {
  content: " ]";
}
.footInfo .innerWrapper .left dl dd {
  color: #666;
}
.footInfo .innerWrapper .right {
  position: relative;
}
@media (max-width: 1000px) {
  .footInfo {
    font-size: 1.3rem;
    margin: 3rem 0 -5rem;
    padding-bottom: 2.5rem;
    width: 100%;
  }
  .footInfo .innerWrapper .left {
    flex-direction: column;
    align-items: flex-start;
  }
  .footInfo .innerWrapper .left dl dt {
    width: 5.7rem;
  }
  .footInfo .innerWrapper .left dl dt:before {
    position: absolute;
    left: 0;
  }
  .footInfo .innerWrapper .left dl dt:after {
    position: absolute;
    right: 0;
  }
}

.moParking {
  display: none;
}

@media (max-width: 1000px) {
  .moParking {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    bottom: 0;
    color: #fff;
    position: fixed;
    background-color: #0056a7;
    justify-content: space-between;
    padding: 1.6rem 2rem;
    width: 100%;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  .moParking > .left {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    flex-direction: row;
    font-size: 1.7rem;
  }
  .moParking > .left img {
    height: 3.1rem;
  }
  .moParking > .right img {
    height: 1.5rem;
  }
}