.font80 {
  --fontsize: 8.0rem;
  font-size: var(--fontsize);
}

.font70 {
  --fontsize: 7.0rem;
  font-size: var(--fontsize);
}

.font60 {
  --fontsize: 6.0rem;
  font-size: var(--fontsize);
}

.font50 {
  --fontsize: 5.0rem;
  font-size: var(--fontsize);
}

.font40 {
  --fontsize: 4.0rem;
  font-size: var(--fontsize);
}

.font36 {
  --fontsize: 3.6rem;
  font-size: var(--fontsize);
}

.font32 {
  --fontsize: 3.2rem;
  font-size: var(--fontsize);
}

.font28 {
  --fontsize: 2.8rem;
  font-size: var(--fontsize);
}

.font24 {
  --fontsize: 2.4rem;
  font-size: var(--fontsize);
}

.paging a {
	border: none;
}

.paging ul li.on a {
	background: #0843b1;
}

.checkBox {
  gap: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkBox input[type=checkbox] {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.checkBox input[type=checkbox]:checked {
  background: #ffffff url("/img/sub/checkIcon.png") no-repeat center;
}

.checkBox label {
  color: #888888;
  font-size: 1.4rem;
  cursor: pointer;

	/* 22.09.23 */
	/* font */
	font-size: 1.6rem;
}

select {
  padding: 0 20px;
  border: none;
  outline: none;
  appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f2f2f2 url("/img/sub/selectArrow.png") no-repeat calc(100% - 20px) center;
}

select::-ms-expand {
  display: none;
}

.formButton {
  width: 240px;
  height: 70px;
  background: #0843b1;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

a.formButton {
	color: #ffffff;
}

.bottomButtonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 80px 0 0;
}

.boardBox table {
  border-top: 1px solid #222222;
  table-layout: fixed;
}

.boardBox table th,
.boardBox table td {
  height: 70px;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.boardBox table th {
  color: #222222;
  font-weight: 500;
}

.boardBox table td > a {
	height: 0.9em;
  font-size: 1.6rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.boardBox table td.download > a {
  gap: 0;
  justify-content: center;
}
.boardBox table td.download > a i {
  font-size: 3.0rem;
}

.boardBox table td.left {
  text-align: left;
}

.boardBox table td.subject {
  padding: 0 30px;
}

.viewBox .titleBox,
.viewBox .textBox {
	padding: 40px 20px;
}

.viewBox .titleBox {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #cccccc;
}

.viewBox .titleBox .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0;
	text-align: center;
	margin: 0 auto;
}

.viewBox .titleBox h5 {
  color: #222222;
  font-size: 2.4rem;
  font-weight: 700;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.viewBox .titleBox .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewBox .titleBox .text hr {
  width: 1px;
  height: 12px;
  border: none;
  border-right: 1px solid #cccccc;
  margin: 0 10px;
}

.viewBox .textBox {
	border-bottom: 1px solid #cccccc;
}

.viewBox .buttonBox {
  gap: 0 30px;
  margin: 75px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.viewBox .listBox > div {
	height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	gap: 0 40px;
	border-bottom: 1px solid #cccccc;
	font-size: 1.5rem;
	padding: 0 20px;
}

.viewBox .listBox span {
	height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewBox .listBox a {
	display: block;
	width: 100%;
  height: 1em;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;

}

.enquiryBox input,
.enquiryBox textarea,
.enquiryBox button,
.enquiryBox select {
  font-size: 1.6rem;
}

.enquiryBox input,
.enquiryBox select,
.enquiryBox .file,
.enquiryBox .automatic,
.enquiryBox .formButton.gray {
  height: 60px;
}

.enquiryBox textarea {
  height: 300px;
}

.enquiryBox input[type=text],
.enquiryBox textarea {
  border: 1px solid #cccccc;
  padding: 20px;
}

.enquiryBox input[type=text]:not(.width120):not(.width220):not(.width320),
.enquiryBox textarea {
  width: 100%;
}

.enquiryBox .width120 {
  width: 120px;
}

.enquiryBox .width220 {
  width: 220px;
}

.enquiryBox .width320 {
  width: 320px;
}

.enquiryBox .flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}

.enquiry p {
	text-align: right;
	margin: 0 0 10px;
}

.enquiry p b {
	font-weight: 400;
}

.enquiryBox .border {
  width: 100%;
}

.enquiryBox .formButton.gray {
  width: 180px;
  background: #444444;
}

.enquiryBox .number span {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10px;
  height: 1px;
  background: #666666;
}

.enquiryBox .file span {
  color: #aaaaaa;
}

.enquiryBox .file label input[type=file] {
  width: 0;
  height: 0;
  opacity: 0;
}

.enquiryBox .policy {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0;
}

.enquiryBox .policy .text {
  width: 100%;
  height: 220px;
  line-height: 1.75;
  padding: 20px;
  overflow-y: scroll;
}

.enquiryBox .automatic .img,
.enquiryBox .automatic .formButton {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.enquiryBox .automatic .img {
  width: 200px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.enquiryBox .automatic .img img {
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.enquiryBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #222222;
}

.enquiryBox ul li {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.enquiryBox ul li h6 {
  width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.search label {
  display: block;
  width: 100%;
  max-width: 680px;
  height: 60px;
  border-bottom: 1px solid #cccccc;
  padding: 0 20px;
  margin: 45px auto 0;
  position: relative;
}

.search label input {
  width: calc(100% - 60px);
  height: 100%;
  font-size: 1.8rem;
  font-weight: 500;
}

.search label input::-webkit-input-placeholder {
  color: #cccccc;
}

.search label input:-ms-input-placeholder {
  color: #cccccc;
}

.search label input::-ms-input-placeholder {
  color: #cccccc;
}

.search label input::placeholder {
  color: #cccccc;
}

.search label button {
  width: 40px;
  height: 40px;
  background: #0843b1;
	padding: 10px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search label button .svg {
  width: 12px;
  height: auto;
}

@media (max-width: 1400px) {
  .enquiryBox ul li h6 {
    width: 200px;
  }
  .enquiryBox .inputMail {
    width: 100%;
  }
  .enquiryBox .inputMail input,
  .enquiryBox .inputMail select {
    width: calc((100% - 76px) / 3);
  }
}

@media (max-width: 960px) {
  .formButton {
    width: 200px;
    height: 60px;
  }
  .bottomButtonBox {
    margin: 60px 0 0;
  }
  .boardBox table th,
  .boardBox table td {
    padding: 15px 10px;
  }
  .boardBox table td.subject {
    padding: 0 10px;
  }
  .enquiryBox .width320,
  .enquiryBox .width220,
  .enquiryBox .width120 {
    width: 100%;
  }
  .enquiryBox input,
  .enquiryBox select,
  .enquiryBox .file,
  .enquiryBox .automatic,
  .enquiryBox .formButton.gray {
    height: 55px;
  }
  .enquiryBox .formButton.gray {
    width: 140px;
  }
  .enquiryBox .flexBox {
    gap: 0 10px;
  }
  .enquiryBox ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px 0;
  }
  .enquiryBox .inputMail,
  .enquiryBox .automatic {
    width: 100%;
  }
  .enquiryBox .inputMail input,
  .enquiryBox .inputMail select {
    width: calc((100% - 46px) / 3);
  }
  .enquiryBox .automatic .img {
    width: 140px;
  }
  .search label {
    margin: 30px auto 0;
  }
}

@media (max-width: 768px) {
  .boardBox table colgroup,
  .boardBox table thead,
  .boardBox table th:first-child,
  .boardBox table td:first-child {
    display: none;
  }
  .boardBox table tbody tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px 0;
    padding: 15px 10px;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .boardBox table tbody tr td {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: auto;
    border-bottom: none;
    padding: 0;
  }
  .boardBox table tbody tr td.subject {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .boardBox table tbody tr td:not(.subject):not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #cccccc;
    margin: 0 10px;
  }
  .boardBox table tbody tr {
    position: relative;
  }
}

@media (max-width: 640px) {
  .formButton {
    width: 160px;
    height: 50px;
  }
  .bottomButtonBox {
    margin: 40px 0 0;
  }
	.viewBox .titleBox {
		padding: 30px 20px;
	}
	.viewBox .titleBox .title {
		gap: 10px 0;
	}
  .enquiryBox input,
  .enquiryBox select,
  .enquiryBox .file,
  .enquiryBox .automatic,
  .enquiryBox .formButton.gray {
    height: 42px;
  }
  .enquiryBox input[type=text],
  .enquiryBox textarea {
    padding: 10px;
  }
  .enquiryBox select {
    background-position: calc(100% - 10px) center;
    padding: 0 10px;
  }
  .enquiryBox .formButton.gray {
    width: 100px;
  }
  .enquiryBox .policy .text {
    font-size: 1.4rem;
    padding: 10px;
  }
  .enquiryBox .automatic .img {
    width: 90px;
  }
  .search label {
    height: 50px;
    padding: 0 10px;
  }
  .search label input {
    width: calc(100% - 40px);
    font-size: 1.6rem;
  }
  .search label button {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}