@charset "UTF-8";
/* 작성자 : 디자인글꼴 2023-09 */
/************************************************************************************/
/*************************************** Form ***************************************/
/************************************************************************************/
/* absolute-center */
/* transition */
/* font-size */
:root {
  --border-radius: 20px;
  --border-radius-s: 10px;
  --gap: 32px;
}
@media (max-width: 1280px) {
  :root {
    --border-radius: 12px;
    --border-radius-s: 8px;
    --gap: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --border-radius: 8px;
    --border-radius-s: 6px;
    --gap: 16px;
  }
}

/* disabled */
*:disabled {
  opacity: 1;
  cursor: default;
  background-color: var(--gray-100);
}

div:has(> input:disabled) label,
div:has(> select:disabled) label,
div:has(> testarea:disabled) label {
  opacity: 1;
  cursor: default;
}

/* 주소입력창 */
.adderss-wrap > input {
  border-radius: 10px 0 0 10px;
}
.adderss-wrap > button {
  color: var(--white);
  border-radius: 0 10px 10px 0;
  background: var(--point-color);
  padding: 0 2rem;
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--border-color);
  padding: var(--input-padding-height) var(--input-padding-width);
}

textarea {
  padding: 1em;
  border-radius: var(--border-radius-s);
}
textarea.no-resize {
  resize: none;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  padding-left: calc(32px + 0.5em);
  position: relative;
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  input[type=checkbox] + label {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
input[type=checkbox] + label::before {
  display: block;
  content: "";
  width: 32px;
  aspect-ratio: 1;
  border: 1px solid var(--brd-c1);
  background: var(--white) url("/images/common/unchecked.png") no-repeat center;
  position: absolute;
  top: -6px;
  left: 0;
}
input[type=checkbox]:checked + label::before {
  outline: 1px solid var(--point-color);
  background: var(--point-color) url("/images/common/checked.png") no-repeat center;
}
@media (max-width: 767px) {
  input[type=checkbox] + label {
    padding-left: calc(24px + 0.5em);
  }
  input[type=checkbox] + label::before {
    width: 24px;
    top: -3px;
  }
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  position: relative;
  margin-right: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
input[type=radio] + label::before, input[type=radio] + label::after {
  content: "";
  border-radius: 50%;
  display: block;
}
input[type=radio] + label::after {
  position: absolute;
}
input[type=radio] + label::before {
  width: 32px;
  aspect-ratio: 1;
  margin-right: 0.5em;
  margin-top: -2px;
  background: var(--white);
  left: 0;
  border: 1px solid var(--brd-c1);
}
input[type=radio]:checked + label::after {
  width: 16px;
  aspect-ratio: 1;
  background: var(--primary);
  top: 50%;
  left: 8px;
  margin-top: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  input[type=radio] + label::before {
    width: 24px;
    top: 0;
  }
  input[type=radio]:checked + label::after {
    width: 12px;
    left: 6px;
  }
}

input[type=file] {
  border-radius: 1rem;
  padding-top: 1rem;
}

.select-wrap {
  position: relative;
}
.select-wrap input {
  background: url("/images/management/common/arrow_down.png") no-repeat 1em center;
  cursor: pointer;
}
.select-wrap .select-option {
  width: 100%;
  background: var(--white);
  position: absolute;
  z-index: 50;
  display: none;
}
.select-wrap .select-option a {
  display: block;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--gray-500);
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray-500);
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--gray-500);
}

input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--gray-500);
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--gray-500);
}
input.error,
select.error,
textarea.error {
  border-color: var(--bs-danger) !important;
}
input.valid,
select.valid,
textarea.valid {
  border-color: var(--bs-success) !important;
}
input.error ~ label.error,
select.error ~ label.error,
textarea.error ~ label.error {
  position: absolute;
  width: auto;
  top: 100%;
  z-index: 5;
  display: block !important;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 1.4rem !important;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.col-ect {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.col-ect .col-cont {
  width: calc(50% - 0.5em);
}
.col-ect .col-cont .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.col-ect .col-cont .cont input {
  max-width: 318px;
}
.col-ect.col-add, .col-ect.col-cal {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.col-ect.col-add .col-cont, .col-ect.col-cal .col-cont {
  width: auto;
}
.col-ect.col-add .col-cont .cont, .col-ect.col-cal .col-cont .cont {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 480px) {
  .col-ect .col-cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .col-ect.col-add, .col-ect.col-cal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .col-ect.col-add .col-cont, .col-ect.col-cal .col-cont {
    width: auto;
  }
  .col-ect.col-add .col-cont .cont, .col-ect.col-cal .col-cont .cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.col-radio {
  margin-block: 0.8em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em 0;
}

.col-wrap .col-ect,
.col-wrap .col {
  margin-bottom: 2em;
}

/* common */
html {
  font-size: 62.5%;
}

body {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.025em;
  word-break: keep-all;
  color: var(--text-color);
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  body {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}
body a {
  color: var(--black);
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body a.default {
  color: #0e6ffc;
  text-decoration: underline;
}
body a.default:hover {
  text-decoration: none;
}
body:has(#modal.show) {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  color: var(--black);
}

a, input, button, select {
  outline-offset: 2px;
  outline-color: var(--black);
}

input,
select,
.input-group > .form-control {
  min-width: 120px;
  min-height: 40px;
  padding: 0.6em 1em;
  border: 1px solid var(--brd-c1);
  border-radius: var(--border-radius-s);
}
@media (max-width: 1280px) {
  input,
  select,
  .input-group > .form-control {
    min-height: 48px;
  }
}
@media (max-width: 767px) {
  input,
  select,
  .input-group > .form-control {
    padding-block: 0.6em;
    min-height: 42px;
  }
}

button {
  min-width: 160px;
  min-height: 52px;
  padding: 0.6em 1.25em;
  border-radius: var(--border-radius-s);
}
@media (max-width: 1280px) {
  button {
    min-width: 128px;
    min-height: 48px;
  }
}
@media (max-width: 767px) {
  button {
    min-width: 100px;
    min-height: 42px;
  }
}

select {
  background: var(--white) url(/images/beis/common/arw_select.svg) no-repeat center right 1.25em/12px 8px;
}

/* table */
table {
  width: 100%;
}

/* loading */
.loading {
  width: 100%;
  height: 100%;
  font-size: 0.85em;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.loading.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* ----------------------------------------
* common
* ----------------------------------------*/
/* tab */
.tab-com {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3.75em;
}
.tab-com li a {
  min-width: 180px;
  min-height: 52px;
  padding: 0.8em 1.25em;
  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;
  border-radius: var(--border-radius-s);
  background-color: var(--gray-200);
  font-size: 1.7rem;
}
@media (max-width: 1280px) {
  .tab-com li a {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .tab-com li a {
    font-size: 1.4rem;
  }
}
.tab-com li.active a {
  background-color: var(--secondary1);
  color: var(--white);
}
@media (max-width: 1280px) {
  .tab-com {
    gap: 8px;
  }
  .tab-com li a {
    min-width: 128px;
    min-height: 48px;
  }
}
@media (max-width: 767px) {
  .tab-com {
    gap: 6px;
  }
  .tab-com li a {
    min-width: 100px;
    min-height: 42px;
  }
}

/* margin-bottom-common */
.mb-20 {
  margin-bottom: 1.25em !important; /* 40px */
}
@media (max-width: 767px) {
  .mb-20 {
    margin-bottom: 1em !important;
  }
}

.mb-40 {
  margin-bottom: 2.5em !important; /* 40px */
}
@media (max-width: 767px) {
  .mb-40 {
    margin-bottom: 2em !important;
  }
}

.mb-60 {
  margin-bottom: 3.875em !important; /* 60px */
}
@media (max-width: 767px) {
  .mb-60 {
    margin-bottom: 2.4em !important;
  }
}

.mb-80 {
  margin-bottom: 5em !important; /* 80px */
}
@media (max-width: 767px) {
  .mb-80 {
    margin-bottom: 3em !important;
  }
}

/* common */
.h-sty01 {
  margin-bottom: 0.6em;
  font-weight: 500;
  font-size: 2.6rem;
}
@media (max-width: 1280px) {
  .h-sty01 {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .h-sty01 {
    font-size: 2rem;
  }
}

.h-sty02 {
  margin-bottom: 0.6em;
  font-weight: 500;
  font-size: 1.1em;
}

.h-sty02-1 {
  margin-bottom: 0.6em;
  font-weight: 500;
  font-size: 1.3em;
}

.h-sty03 {
  margin-bottom: 0.6em;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .h-sty03 {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .h-sty03 {
    font-size: 1.5rem;
  }
}

.h-sty-line {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.h-sty-required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.h-sty-required .required {
  color: var(--gray-500);
}
.h-sty-required span {
  margin-left: 0.5em;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .h-sty-required span {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .h-sty-required span {
    font-size: 1.2rem;
  }
}

.h-sty-label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .h-sty-label {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .h-sty-label {
    font-size: 1.5rem;
  }
}

.h-sty-member {
  margin-bottom: 0.2em;
}

.box-cont {
  padding: 1.25em;
  background-color: var(--gray-100);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .box-cont {
    padding: 1.6em 2em;
  }
}

.box-cont-large {
  line-height: 1.6;
  padding: 1.5em 2em;
  background-color: var(--gray-100);
  border-radius: 10px;
}
@media (max-width: 480px) {
  .box-cont-large {
    padding: 1.2em 1.4em;
  }
}

/* text */
.ta-left {
  text-align: left;
}

.ta-center {
  text-align: center;
}

.t-pri {
  color: var(--primary);
}

.t-secon1 {
  color: var(--secondary1);
}

.t-secon2 {
  color: var(--secondary2);
}

.t-gray {
  color: var(--gray-500);
}

.t-red {
  color: var(--c-red);
}

.fs-16 {
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  .fs-16 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .fs-16 {
    font-size: 1.4rem;
  }
}

.fs-18 {
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .fs-18 {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .fs-18 {
    font-size: 1.5rem;
  }
}

.fw-400 {
  font-weight: 400;
}

.fw-401 {
  font-weight: 401;
}

.fw-402 {
  font-weight: 402;
}

.fw-403 {
  font-weight: 403;
}

.fw-404 {
  font-weight: 404;
}

.fw-405 {
  font-weight: 405;
}

.fw-406 {
  font-weight: 406;
}

.fw-407 {
  font-weight: 407;
}

.fw-408 {
  font-weight: 408;
}

.fw-409 {
  font-weight: 409;
}

.fw-410 {
  font-weight: 410;
}

.fw-411 {
  font-weight: 411;
}

.fw-412 {
  font-weight: 412;
}

.fw-413 {
  font-weight: 413;
}

.fw-414 {
  font-weight: 414;
}

.fw-415 {
  font-weight: 415;
}

.fw-416 {
  font-weight: 416;
}

.fw-417 {
  font-weight: 417;
}

.fw-418 {
  font-weight: 418;
}

.fw-419 {
  font-weight: 419;
}

.fw-420 {
  font-weight: 420;
}

.fw-421 {
  font-weight: 421;
}

.fw-422 {
  font-weight: 422;
}

.fw-423 {
  font-weight: 423;
}

.fw-424 {
  font-weight: 424;
}

.fw-425 {
  font-weight: 425;
}

.fw-426 {
  font-weight: 426;
}

.fw-427 {
  font-weight: 427;
}

.fw-428 {
  font-weight: 428;
}

.fw-429 {
  font-weight: 429;
}

.fw-430 {
  font-weight: 430;
}

.fw-431 {
  font-weight: 431;
}

.fw-432 {
  font-weight: 432;
}

.fw-433 {
  font-weight: 433;
}

.fw-434 {
  font-weight: 434;
}

.fw-435 {
  font-weight: 435;
}

.fw-436 {
  font-weight: 436;
}

.fw-437 {
  font-weight: 437;
}

.fw-438 {
  font-weight: 438;
}

.fw-439 {
  font-weight: 439;
}

.fw-440 {
  font-weight: 440;
}

.fw-441 {
  font-weight: 441;
}

.fw-442 {
  font-weight: 442;
}

.fw-443 {
  font-weight: 443;
}

.fw-444 {
  font-weight: 444;
}

.fw-445 {
  font-weight: 445;
}

.fw-446 {
  font-weight: 446;
}

.fw-447 {
  font-weight: 447;
}

.fw-448 {
  font-weight: 448;
}

.fw-449 {
  font-weight: 449;
}

.fw-450 {
  font-weight: 450;
}

.fw-451 {
  font-weight: 451;
}

.fw-452 {
  font-weight: 452;
}

.fw-453 {
  font-weight: 453;
}

.fw-454 {
  font-weight: 454;
}

.fw-455 {
  font-weight: 455;
}

.fw-456 {
  font-weight: 456;
}

.fw-457 {
  font-weight: 457;
}

.fw-458 {
  font-weight: 458;
}

.fw-459 {
  font-weight: 459;
}

.fw-460 {
  font-weight: 460;
}

.fw-461 {
  font-weight: 461;
}

.fw-462 {
  font-weight: 462;
}

.fw-463 {
  font-weight: 463;
}

.fw-464 {
  font-weight: 464;
}

.fw-465 {
  font-weight: 465;
}

.fw-466 {
  font-weight: 466;
}

.fw-467 {
  font-weight: 467;
}

.fw-468 {
  font-weight: 468;
}

.fw-469 {
  font-weight: 469;
}

.fw-470 {
  font-weight: 470;
}

.fw-471 {
  font-weight: 471;
}

.fw-472 {
  font-weight: 472;
}

.fw-473 {
  font-weight: 473;
}

.fw-474 {
  font-weight: 474;
}

.fw-475 {
  font-weight: 475;
}

.fw-476 {
  font-weight: 476;
}

.fw-477 {
  font-weight: 477;
}

.fw-478 {
  font-weight: 478;
}

.fw-479 {
  font-weight: 479;
}

.fw-480 {
  font-weight: 480;
}

.fw-481 {
  font-weight: 481;
}

.fw-482 {
  font-weight: 482;
}

.fw-483 {
  font-weight: 483;
}

.fw-484 {
  font-weight: 484;
}

.fw-485 {
  font-weight: 485;
}

.fw-486 {
  font-weight: 486;
}

.fw-487 {
  font-weight: 487;
}

.fw-488 {
  font-weight: 488;
}

.fw-489 {
  font-weight: 489;
}

.fw-490 {
  font-weight: 490;
}

.fw-491 {
  font-weight: 491;
}

.fw-492 {
  font-weight: 492;
}

.fw-493 {
  font-weight: 493;
}

.fw-494 {
  font-weight: 494;
}

.fw-495 {
  font-weight: 495;
}

.fw-496 {
  font-weight: 496;
}

.fw-497 {
  font-weight: 497;
}

.fw-498 {
  font-weight: 498;
}

.fw-499 {
  font-weight: 499;
}

.fw-500 {
  font-weight: 500;
}

.fw-501 {
  font-weight: 501;
}

.fw-502 {
  font-weight: 502;
}

.fw-503 {
  font-weight: 503;
}

.fw-504 {
  font-weight: 504;
}

.fw-505 {
  font-weight: 505;
}

.fw-506 {
  font-weight: 506;
}

.fw-507 {
  font-weight: 507;
}

.fw-508 {
  font-weight: 508;
}

.fw-509 {
  font-weight: 509;
}

.fw-510 {
  font-weight: 510;
}

.fw-511 {
  font-weight: 511;
}

.fw-512 {
  font-weight: 512;
}

.fw-513 {
  font-weight: 513;
}

.fw-514 {
  font-weight: 514;
}

.fw-515 {
  font-weight: 515;
}

.fw-516 {
  font-weight: 516;
}

.fw-517 {
  font-weight: 517;
}

.fw-518 {
  font-weight: 518;
}

.fw-519 {
  font-weight: 519;
}

.fw-520 {
  font-weight: 520;
}

.fw-521 {
  font-weight: 521;
}

.fw-522 {
  font-weight: 522;
}

.fw-523 {
  font-weight: 523;
}

.fw-524 {
  font-weight: 524;
}

.fw-525 {
  font-weight: 525;
}

.fw-526 {
  font-weight: 526;
}

.fw-527 {
  font-weight: 527;
}

.fw-528 {
  font-weight: 528;
}

.fw-529 {
  font-weight: 529;
}

.fw-530 {
  font-weight: 530;
}

.fw-531 {
  font-weight: 531;
}

.fw-532 {
  font-weight: 532;
}

.fw-533 {
  font-weight: 533;
}

.fw-534 {
  font-weight: 534;
}

.fw-535 {
  font-weight: 535;
}

.fw-536 {
  font-weight: 536;
}

.fw-537 {
  font-weight: 537;
}

.fw-538 {
  font-weight: 538;
}

.fw-539 {
  font-weight: 539;
}

.fw-540 {
  font-weight: 540;
}

.fw-541 {
  font-weight: 541;
}

.fw-542 {
  font-weight: 542;
}

.fw-543 {
  font-weight: 543;
}

.fw-544 {
  font-weight: 544;
}

.fw-545 {
  font-weight: 545;
}

.fw-546 {
  font-weight: 546;
}

.fw-547 {
  font-weight: 547;
}

.fw-548 {
  font-weight: 548;
}

.fw-549 {
  font-weight: 549;
}

.fw-550 {
  font-weight: 550;
}

.fw-551 {
  font-weight: 551;
}

.fw-552 {
  font-weight: 552;
}

.fw-553 {
  font-weight: 553;
}

.fw-554 {
  font-weight: 554;
}

.fw-555 {
  font-weight: 555;
}

.fw-556 {
  font-weight: 556;
}

.fw-557 {
  font-weight: 557;
}

.fw-558 {
  font-weight: 558;
}

.fw-559 {
  font-weight: 559;
}

.fw-560 {
  font-weight: 560;
}

.fw-561 {
  font-weight: 561;
}

.fw-562 {
  font-weight: 562;
}

.fw-563 {
  font-weight: 563;
}

.fw-564 {
  font-weight: 564;
}

.fw-565 {
  font-weight: 565;
}

.fw-566 {
  font-weight: 566;
}

.fw-567 {
  font-weight: 567;
}

.fw-568 {
  font-weight: 568;
}

.fw-569 {
  font-weight: 569;
}

.fw-570 {
  font-weight: 570;
}

.fw-571 {
  font-weight: 571;
}

.fw-572 {
  font-weight: 572;
}

.fw-573 {
  font-weight: 573;
}

.fw-574 {
  font-weight: 574;
}

.fw-575 {
  font-weight: 575;
}

.fw-576 {
  font-weight: 576;
}

.fw-577 {
  font-weight: 577;
}

.fw-578 {
  font-weight: 578;
}

.fw-579 {
  font-weight: 579;
}

.fw-580 {
  font-weight: 580;
}

.fw-581 {
  font-weight: 581;
}

.fw-582 {
  font-weight: 582;
}

.fw-583 {
  font-weight: 583;
}

.fw-584 {
  font-weight: 584;
}

.fw-585 {
  font-weight: 585;
}

.fw-586 {
  font-weight: 586;
}

.fw-587 {
  font-weight: 587;
}

.fw-588 {
  font-weight: 588;
}

.fw-589 {
  font-weight: 589;
}

.fw-590 {
  font-weight: 590;
}

.fw-591 {
  font-weight: 591;
}

.fw-592 {
  font-weight: 592;
}

.fw-593 {
  font-weight: 593;
}

.fw-594 {
  font-weight: 594;
}

.fw-595 {
  font-weight: 595;
}

.fw-596 {
  font-weight: 596;
}

.fw-597 {
  font-weight: 597;
}

.fw-598 {
  font-weight: 598;
}

.fw-599 {
  font-weight: 599;
}

.fw-600 {
  font-weight: 600;
}

.fw-601 {
  font-weight: 601;
}

.fw-602 {
  font-weight: 602;
}

.fw-603 {
  font-weight: 603;
}

.fw-604 {
  font-weight: 604;
}

.fw-605 {
  font-weight: 605;
}

.fw-606 {
  font-weight: 606;
}

.fw-607 {
  font-weight: 607;
}

.fw-608 {
  font-weight: 608;
}

.fw-609 {
  font-weight: 609;
}

.fw-610 {
  font-weight: 610;
}

.fw-611 {
  font-weight: 611;
}

.fw-612 {
  font-weight: 612;
}

.fw-613 {
  font-weight: 613;
}

.fw-614 {
  font-weight: 614;
}

.fw-615 {
  font-weight: 615;
}

.fw-616 {
  font-weight: 616;
}

.fw-617 {
  font-weight: 617;
}

.fw-618 {
  font-weight: 618;
}

.fw-619 {
  font-weight: 619;
}

.fw-620 {
  font-weight: 620;
}

.fw-621 {
  font-weight: 621;
}

.fw-622 {
  font-weight: 622;
}

.fw-623 {
  font-weight: 623;
}

.fw-624 {
  font-weight: 624;
}

.fw-625 {
  font-weight: 625;
}

.fw-626 {
  font-weight: 626;
}

.fw-627 {
  font-weight: 627;
}

.fw-628 {
  font-weight: 628;
}

.fw-629 {
  font-weight: 629;
}

.fw-630 {
  font-weight: 630;
}

.fw-631 {
  font-weight: 631;
}

.fw-632 {
  font-weight: 632;
}

.fw-633 {
  font-weight: 633;
}

.fw-634 {
  font-weight: 634;
}

.fw-635 {
  font-weight: 635;
}

.fw-636 {
  font-weight: 636;
}

.fw-637 {
  font-weight: 637;
}

.fw-638 {
  font-weight: 638;
}

.fw-639 {
  font-weight: 639;
}

.fw-640 {
  font-weight: 640;
}

.fw-641 {
  font-weight: 641;
}

.fw-642 {
  font-weight: 642;
}

.fw-643 {
  font-weight: 643;
}

.fw-644 {
  font-weight: 644;
}

.fw-645 {
  font-weight: 645;
}

.fw-646 {
  font-weight: 646;
}

.fw-647 {
  font-weight: 647;
}

.fw-648 {
  font-weight: 648;
}

.fw-649 {
  font-weight: 649;
}

.fw-650 {
  font-weight: 650;
}

.fw-651 {
  font-weight: 651;
}

.fw-652 {
  font-weight: 652;
}

.fw-653 {
  font-weight: 653;
}

.fw-654 {
  font-weight: 654;
}

.fw-655 {
  font-weight: 655;
}

.fw-656 {
  font-weight: 656;
}

.fw-657 {
  font-weight: 657;
}

.fw-658 {
  font-weight: 658;
}

.fw-659 {
  font-weight: 659;
}

.fw-660 {
  font-weight: 660;
}

.fw-661 {
  font-weight: 661;
}

.fw-662 {
  font-weight: 662;
}

.fw-663 {
  font-weight: 663;
}

.fw-664 {
  font-weight: 664;
}

.fw-665 {
  font-weight: 665;
}

.fw-666 {
  font-weight: 666;
}

.fw-667 {
  font-weight: 667;
}

.fw-668 {
  font-weight: 668;
}

.fw-669 {
  font-weight: 669;
}

.fw-670 {
  font-weight: 670;
}

.fw-671 {
  font-weight: 671;
}

.fw-672 {
  font-weight: 672;
}

.fw-673 {
  font-weight: 673;
}

.fw-674 {
  font-weight: 674;
}

.fw-675 {
  font-weight: 675;
}

.fw-676 {
  font-weight: 676;
}

.fw-677 {
  font-weight: 677;
}

.fw-678 {
  font-weight: 678;
}

.fw-679 {
  font-weight: 679;
}

.fw-680 {
  font-weight: 680;
}

.fw-681 {
  font-weight: 681;
}

.fw-682 {
  font-weight: 682;
}

.fw-683 {
  font-weight: 683;
}

.fw-684 {
  font-weight: 684;
}

.fw-685 {
  font-weight: 685;
}

.fw-686 {
  font-weight: 686;
}

.fw-687 {
  font-weight: 687;
}

.fw-688 {
  font-weight: 688;
}

.fw-689 {
  font-weight: 689;
}

.fw-690 {
  font-weight: 690;
}

.fw-691 {
  font-weight: 691;
}

.fw-692 {
  font-weight: 692;
}

.fw-693 {
  font-weight: 693;
}

.fw-694 {
  font-weight: 694;
}

.fw-695 {
  font-weight: 695;
}

.fw-696 {
  font-weight: 696;
}

.fw-697 {
  font-weight: 697;
}

.fw-698 {
  font-weight: 698;
}

.fw-699 {
  font-weight: 699;
}

.fw-700 {
  font-weight: 700;
}

.line {
  height: 1px;
  padding-top: 2em;
  border-bottom: 1px solid var(--brd-c1);
}

/* ----------------------------------------
* li-sty
* ----------------------------------------*/
.li-sty-dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.62em;
}
.li-sty-dot > li {
  position: relative;
  padding-left: 0.6em;
}
.li-sty-dot > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: var(--black);
}

.li-sty-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6em;
}
.li-sty-line li {
  position: relative;
  padding-left: 1em;
}
.li-sty-line li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 8px;
  height: 2px;
  background-color: var(--gray-500);
}
.li-sty-line.li-sty-line-in {
  margin-top: 0.7em;
}

/* ----------------------------------------
* btn
* ----------------------------------------*/
.btn-wrap {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.btn-sty {
  min-height: 52px;
  padding: 0.6em 1.25em;
  min-width: 160px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--border-radius-s);
}
.btn-sty.btn-pri {
  background-color: var(--primary);
  color: var(--white);
}
.btn-sty.btn-secon1 {
  background-color: var(--secondary1);
  color: var(--white);
}
.btn-sty.btn-secon2 {
  background-color: var(--secondary2);
  color: var(--white);
}
.btn-sty.btn-gray {
  background-color: var(--gray-300);
  color: var(--gray-500);
}
.btn-sty.btn-black {
  background-color: var(--black);
  color: var(--white);
}
.btn-sty.btn-line-pri {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.btn-sty.btn-line-secon1 {
  border: 1px solid var(--secondary1);
  color: var(--secondary1);
}
.btn-sty.btn-line-black {
  border: 1px solid var(--black);
}
.btn-sty.btn-line-gray {
  border: 1px solid var(--gray-400);
  color: var(--black);
}
.btn-sty.btn-line-gray2 {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-400);
  color: var(--black);
}
.btn-sty.btn-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--brd-c1);
  background-color: var(--gray-100);
}
.btn-sty.btn-down::after {
  content: "";
  display: block;
  width: 18px;
  height: 16px;
  margin-left: 0.63em;
  background: url(/images/common/i_down.svg) no-repeat center/100% 100%;
}
.btn-sty.btn-sty-s {
  min-width: 128px;
  min-height: 48px;
}
.btn-sty.btn-sty-ws {
  min-width: 100px;
  min-height: 42px;
}
@media (max-width: 1280px) {
  .btn-sty {
    min-width: 128px;
    min-height: 48px;
  }
  .btn-sty.btn-sty-s {
    min-width: 100px;
    min-height: 42px;
  }
}
@media (max-width: 767px) {
  .btn-sty {
    min-width: 100px;
    min-height: 42px;
  }
}
.btn-sty:disabled {
  cursor: not-allowed;
  color: var(--gray-500);
  background-color: var(--gray-400);
}

.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-center {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-a-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-a-center {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-a-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* ----------------------------------------
* table
* ----------------------------------------*/
.tbl-com {
  width: 100%;
  border-top: 2px solid var(--black);
}
.tbl-com td,
.tbl-com th {
  padding: 0.9em 1.25em;
  border-right: 1px solid var(--brd-c1);
  border-bottom: 1px solid var(--brd-c1);
  vertical-align: middle;
}
.tbl-com td:last-child,
.tbl-com th:last-child {
  border-right: 0;
}
.tbl-com thead th {
  font-weight: 500;
  background-color: var(--primary-100);
}
.tbl-com tbody th {
  font-weight: 500;
  background-color: var(--gray-100);
}

/* tbl-scroll */
.tbl-scl-info {
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  border-radius: var(--border-radius);
  background-color: var(--gray-100);
  text-align: center;
  display: none;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .tbl-scl-info {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .tbl-scl-info {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .tbl-scl-info {
    display: block;
  }
}

@media (max-width: 767px) {
  .tbl-scl-wrap {
    overflow-x: auto;
  }
  .tbl-scl-wrap .tbl-w767 {
    min-width: 767px;
  }
  .tbl-scl-wrap .tbl-com {
    margin-bottom: 1em;
  }
}

/* ----------------------------------------
* input
* ----------------------------------------*/
.info-notice {
  margin-top: 0.8em;
  font-size: 1.4rem;
}
@media (max-width: 1280px) {
  .info-notice {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .info-notice {
    font-size: 1.2rem;
  }
}

.col-ect {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.col-ect .col-cont {
  width: calc(50% - 0.5em);
}
.col-ect .col-cont .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.col-ect .col-cont .cont input {
  max-width: 318px;
}
.col-ect.col-full, .col-ect.col-full-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.col-ect.col-full .col-cont, .col-ect.col-full-wrap .col-cont {
  width: 100%;
}
.col-ect.col-full .col-cont .cont, .col-ect.col-full-wrap .col-cont .cont {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.col-ect.col-full-wrap .col-cont .cont input {
  max-width: calc(50% - 0.5em);
}
.col-ect.col-sample .col-cont .cont input:nth-child(2) {
  margin-right: 1.5em;
}
.col-ect.col-sample .col-cont .cont input:nth-child(4) {
  max-width: 120px;
}
@media (max-width: 560px) {
  .col-ect .col-cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .col-ect.col-full {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .col-ect.col-full .col-cont {
    width: 100%;
  }
  .col-ect.col-full .col-cont .cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .col-ect.col-full-wrap .col-cont .cont input {
    max-width: 100%;
  }
  .col-ect.col-sample .col-cont .cont input:nth-child(2) {
    max-width: calc(100% - 50px);
    margin-right: 0;
  }
}
@media (max-width: 340px) {
  .col-ect .col-cont {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .col-ect.col-full-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .col-ect.col-full-wrap .col-cont {
    width: 100%;
  }
  .col-ect.col-full-wrap .col-cont .cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* ----------------------------------------
* finish-cont
* ----------------------------------------*/
.finish-wrap {
  max-width: 540px;
  margin: 0 auto;
}
.finish-wrap .finish-head {
  text-align: center;
}
.finish-wrap .finish-head .img {
  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;
  width: 60px;
  margin: 0 auto 1.75em;
  aspect-ratio: 1;
}
.finish-wrap .finish-head .img img {
  width: 92%;
}
.finish-wrap .finish-cont {
  padding: 2.5em;
  background-color: var(--gray-100);
  border-radius: var(--border-radius-s);
}
.finish-wrap .finish-cont .cont1 {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid var(--brd-c1);
}
.finish-wrap .finish-cont .cont1 .tbl-fin th {
  width: 140px;
}
.finish-wrap .finish-cont .cont2 .tbl-fin th {
  width: 100px;
}
.finish-wrap .finish-cont.member-fin {
  text-align: center;
  word-break: break-all;
}
@media (max-width: 767px) {
  .finish-wrap .finish-head .img {
    width: 48px;
    margin-bottom: 1em;
  }
  .finish-wrap .finish-cont {
    padding: 2em;
  }
  .finish-wrap .finish-cont .cont1 .tbl-fin th {
    width: 120px;
  }
  .finish-wrap .finish-cont .cont2 .tbl-fin th {
    width: 80px;
  }
}

.tbl-fin td, .tbl-fin th {
  padding: 0.4em;
  text-align: left;
}
.tbl-fin th {
  font-weight: 500;
}
@media (max-width: 320px) {
  .tbl-fin tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1em;
  }
  .tbl-fin tr:last-child {
    margin-bottom: 0;
  }
  .tbl-fin td, .tbl-fin th {
    padding: 0.2em;
    word-break: break-all;
    vertical-align: top;
  }
}

/* 파일박스 */
.filebox-wrap {
  text-align: center;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background-color: var(--white);
  padding: 2em 1em;
  cursor: pointer;
}
.filebox-wrap input[type=file] {
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  margin: -1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.filebox-wrap .drop_message {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.filebox-wrap .progress {
  font-size: 1.3rem;
  height: 20px;
  margin: 2em 0;
}
.filebox-wrap .bar {
  width: 0%;
  height: 20px;
  border-radius: 5px;
  background-color: var(--percent-color);
}
.filebox-wrap .percent {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.file-container {
  margin: 4px 0;
}
.file-container .file-item {
  margin: 0 4px;
}
.file-container .file-item .file-item-thumb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 100%;
  margin-bottom: 5px;
}
.file-container .file-item .file-item-thumb.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #4872f4 inset;
          box-shadow: 0 0 0 3px #4872f4 inset;
  outline: 5px solid green;
  outline-offset: -5px;
}

/* ----------------------------------------
* 서브 검색
* ----------------------------------------*/
.search-container {
  padding: 1em;
  margin-bottom: 3.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
  border-radius: var(--border-radius-s);
  background-color: var(--gray-100);
}
.search-container .search-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.search-container .search-cont select,
.search-container .search-cont input {
  border: 0;
}
.search-container .search-cont select {
  width: 200px;
}
.search-container .search-cont input {
  width: 280px;
}
.search-container .total {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .search-container .search-cont select {
    width: 180px;
  }
  .search-container .search-cont input {
    width: 252px;
  }
}
@media (max-width: 767px) {
  .search-container {
    -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;
    padding-bottom: 1.2em;
  }
  .search-container .search-cont {
    width: 100%;
  }
  .search-container .search-cont select,
  .search-container .search-cont input,
  .search-container .search-cont button {
    min-width: 0;
  }
  .search-container .search-cont select {
    width: 30%;
  }
  .search-container .search-cont input {
    width: 55%;
  }
  .search-container .search-cont button {
    width: 15%;
  }
}
@media (max-width: 480px) {
  .search-container {
    padding: 1.6em 1.6em 1em;
  }
  .search-container .search-cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .search-container .search-cont select {
    width: 100%;
  }
  .search-container .search-cont input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .search-container .search-cont button {
    width: 80px;
  }
}

/* ----------------------------------------
* 페이징
* ----------------------------------------*/
.pagination-wrap {
  margin-top: 5em;
}
.pagination-wrap .page-item .page-link,
.pagination-wrap .pagination-item .page-link {
  position: relative;
  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;
  width: 40px;
  aspect-ratio: 1;
  border: 0;
  background-color: var(--white);
  color: var(--black);
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  .pagination-wrap .page-item .page-link,
  .pagination-wrap .pagination-item .page-link {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .pagination-wrap .page-item .page-link,
  .pagination-wrap .pagination-item .page-link {
    font-size: 1.4rem;
  }
}
.pagination-wrap .page-item .page-link::after,
.pagination-wrap .pagination-item .page-link::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--white);
}
.pagination-wrap .page-item.active .page-link::after {
  background-color: var(--black);
}
.pagination-wrap .page-item.prev-block .page-link {
  background: url(/images/common/arw_page_first.svg) no-repeat center/12px 12px;
}
.pagination-wrap .page-item.prev-page .page-link {
  background: url(/images/common/arw_page_prev.svg) no-repeat center/8px 12px;
}
.pagination-wrap .page-item.next-block .page-link {
  background: url(/images/common/arw_page_last.svg) no-repeat center/12px 12px;
}
.pagination-wrap .page-item.next-page .page-link {
  background: url(/images/common/arw_page_next.svg) no-repeat center/8px 12px;
}
.pagination-wrap .pagination-item {
  width: 30px;
}
@media (max-width: 768px) {
  .pagination-wrap .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pagination-wrap .pagination .page-item .page-link,
  .pagination-wrap .pagination .pagination-item .page-link {
    width: 32px;
  }
  .pagination-wrap .pagination .page-item .page-link::after,
  .pagination-wrap .pagination .pagination-item .page-link::after {
    bottom: 2px;
  }
}

/* 페이지 준비중입니다. */
.soon {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.soon > div {
  width: 60%;
  max-width: 500px;
}
.soon h2 {
  font-size: 3.2rem;
  font-weight: 500;
  margin-top: 2em;
}
@media (max-width: 1280px) {
  .soon h2 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .soon h2 {
    font-size: 2.2rem;
  }
}
.soon h2 span {
  color: #ff9318;
}

/* 작성자 : 디자인글꼴 2023-09 */
.board_password_content {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board_password_content .btn-set {
  border-bottom: 1px solid var(--border-color);
  padding: 3rem 0;
  margin-bottom: 3rem;
}

/* 작성자 : 디자인글꼴 2023-09 */
/* list */
.default-wrap .num-write {
  text-align: right;
}
.default-wrap table,
.default-wrap .brd-wrap {
  border-top: 2px solid var(--black);
  font-size: 1.8rem;
}
@media (max-width: 1280px) {
  .default-wrap table,
  .default-wrap .brd-wrap {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .default-wrap table,
  .default-wrap .brd-wrap {
    font-size: 1.5rem;
  }
}
.default-wrap table th, .default-wrap table td,
.default-wrap .brd-wrap th,
.default-wrap .brd-wrap td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-color);
  padding: 2em 1.5em;
  font-weight: normal;
}
.default-wrap table th.subject, .default-wrap table td.subject,
.default-wrap .brd-wrap th.subject,
.default-wrap .brd-wrap td.subject {
  font-weight: 600;
}
.default-wrap table th.subject a, .default-wrap table td.subject a,
.default-wrap .brd-wrap th.subject a,
.default-wrap .brd-wrap td.subject a {
  width: 100%;
  display: block;
}
.default-wrap table th.subject .sub-ellipsis, .default-wrap table td.subject .sub-ellipsis,
.default-wrap .brd-wrap th.subject .sub-ellipsis,
.default-wrap .brd-wrap td.subject .sub-ellipsis {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.default-wrap table th.date, .default-wrap table td.date,
.default-wrap .brd-wrap th.date,
.default-wrap .brd-wrap td.date {
  color: var(--gray-500);
}
.default-wrap table .col-subject,
.default-wrap .brd-wrap .col-subject {
  width: calc(100% - 136px);
}
.default-wrap table .col-date,
.default-wrap .brd-wrap .col-date {
  width: 136px;
}

/* view */
.board-view {
  border-bottom: 2px solid;
}

@media screen and (max-width: 640px) {
  .default-wrap table thead,
  .default-wrap .brd-wrap thead {
    display: none;
  }
  .default-wrap table th, .default-wrap table td,
  .default-wrap .brd-wrap th,
  .default-wrap .brd-wrap td {
    padding: 1.2em 1.5em;
  }
  .default-wrap table .col-subject,
  .default-wrap .brd-wrap .col-subject {
    width: calc(100% - 120px);
  }
  .default-wrap table .col-date,
  .default-wrap .brd-wrap .col-date {
    width: 120px;
  }
  .default-wrap .mobile-none-visible {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .default-wrap table thead,
  .default-wrap .brd-wrap thead {
    display: none;
  }
  .default-wrap table tr,
  .default-wrap .brd-wrap tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .default-wrap table th, .default-wrap table td,
  .default-wrap .brd-wrap th,
  .default-wrap .brd-wrap td {
    width: 100%;
  }
  .default-wrap table th.subject, .default-wrap table td.subject,
  .default-wrap .brd-wrap th.subject,
  .default-wrap .brd-wrap td.subject {
    padding-bottom: 0.5em;
    border-bottom: 0;
  }
  .default-wrap table th.date, .default-wrap table td.date,
  .default-wrap .brd-wrap th.date,
  .default-wrap .brd-wrap td.date {
    text-align: left;
    padding-top: 0;
  }
  .default-wrap table .col-date,
  .default-wrap table .col-subject,
  .default-wrap .brd-wrap .col-date,
  .default-wrap .brd-wrap .col-subject {
    width: 100%;
  }
}
/* 작성자 : 디자인글꼴 2023-09 */
/* list */
.video-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.video-list > div {
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 30px;
}
.video-list > div:nth-child(even) {
  margin-right: 0;
}
.video-list > div figure {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video-list > div figure::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.video-list > div figure img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.video-list > div:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.video-list > div .subject {
  margin-top: 1em;
}
.video-list > div a {
  font-size: 1.2em;
  font-weight: 500;
  word-break: break-all;
  display: block;
}
@media screen and (min-width: 768px) {
  .video-list > div {
    width: calc(33.3333333333% - 13.3333333333px);
  }
  .video-list > div:nth-child(even) {
    margin-right: 20px;
  }
  .video-list > div:nth-child(3n) {
    margin-right: 0;
  }
  .video-list > div a {
    word-break: keep-all;
  }
}
@media screen and (min-width: 1024px) {
  .video-list > div {
    width: calc(25% - 15px);
  }
  .video-list > div:nth-child(3n) {
    margin-right: 20px;
  }
  .video-list > div:nth-child(4n) {
    margin-right: 0;
  }
}

/* view */
.iframe-wrap {
  max-width: var(--contents-inner);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.iframe-wrap::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.iframe-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-wrap {
  position: relative;
}
.video-wrap::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.video-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/************************************************************************************/
/************************************ 공통 Class ************************************/
/************************************************************************************/
.searcbox-default {
  margin-bottom: 20px;
}
.searcbox-default .searchcont_default ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searcbox-default .searchcont_default ul > li {
  width: 100%;
}
.searcbox-default .searchcont_default ul .search-condition-wrap {
  max-width: 120px;
  margin-right: 10px;
}
.searcbox-default .searchcont_default ul .search-keyword-wrap {
  max-width: 320px;
}
.searcbox-default .searchcont_default ul .search-btn-wrap {
  width: 60px;
  height: 60px;
  margin-left: -60px;
}
.searcbox-default .searchcont_default ul .search-btn-wrap input[type=image] {
  width: 100%;
  height: 60px;
  border: none;
  padding: 15px;
}

.board-none-data {
  text-align: center;
  border: 1px solid var(--border-color);
  border-width: 1px 0;
  padding: 2.7rem 1rem;
}

.board-btn-set {
  text-align: right;
  margin-top: 3rem;
}

.paging_wrap {
  margin-top: 3rem;
}

/* 게시판 새글 */
i.icon-new {
  color: red;
  font-size: 0.6em;
  border: 1px solid orangered;
  padding: 2px 3px 1px;
  border-radius: 3px;
  position: relative;
  top: -2px;
}

/* pdf view */
.pdf-viewer {
  width: 100%;
  height: 70vh;
}

/************************************************************************************/
/************************************ View Class ************************************/
/************************************************************************************/
.default-view-header {
  border-top: 2px solid var(--black);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--default-view-header-color);
  padding: 30px 30px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.default-view-header h2 {
  font-size: 2rem;
  font-weight: 700;
}
.default-view-header .default-view-info {
  width: 40%;
  text-align: right;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.default-view-header .default-view-info span {
  font-size: 0.9em;
  color: var(--black);
  position: relative;
  padding: 0 12px;
  display: inline-block;
}
.default-view-header .default-view-info span:has(a) {
  width: 100%;
  padding: 0;
}
.default-view-header .default-view-info span a {
  display: block;
}
.default-view-header .default-view-info span::after {
  content: "";
  width: 1px;
  height: 17px;
  background: var(--border-color);
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
}
.default-view-header .default-view-info span:first-child {
  padding-left: 0;
}
.default-view-header .default-view-info span:last-child::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .default-view-header .default-view-info {
    width: 100%;
    margin-left: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.default-view-content {
  color: var(--black);
  padding: 30px 30px 60px;
  margin: 0 auto;
}

.default-view-list {
  border: 1px solid var(--border-color);
  border-width: 1px 0;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.default-view-list .default-list-control {
  width: calc(50% - 2rem);
  text-align: center;
  color: var(--black);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: pointer;
}
.default-view-list .default-list-btn {
  width: 40px;
  height: 40px;
  background-color: var(--gray-d5);
  background-image: url("/images/board/view_list_btn.png");
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-preferred-size: 40px;
      flex-basis: 40px;
  -webkit-transition: all 0.14s ease;
  transition: all 0.14s ease;
}
.default-view-list .default-list-btn:hover {
  background-color: var(--mc);
}
.default-view-list .default-list-btn a {
  width: 100%;
  height: 100%;
  text-indent: -999999px;
  display: block;
  overflow: hidden;
}

/************************************************************************************/
/************************************ Write Class ************************************/
/************************************************************************************/
.board_write .board_write_content {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board_write .board_write_content label {
  width: 16%;
}
.board_write .board_write_content input[type=text],
.board_write .board_write_content input[type=password],
.board_write .board_write_content input[type=date],
.board_write .board_write_content input[type=file],
.board_write .board_write_content textarea,
.board_write .board_write_content select,
.board_write .board_write_content .filebox-wrap {
  width: 84%;
}
.board_write .board_write_content textarea + label {
  width: 84%;
}
.board_write .board_write_content .content_radio {
  width: 84%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board_write .board_write_content .content_radio input {
  width: auto;
  margin-right: 10px;
}

.board-write {
  max-width: 1080px;
  margin: 0 auto 4rem auto;
}
.board-write:not(:has(> div)) {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .searcbox-default .searchcont_default ul .search-btn-wrap {
    width: 42px;
    height: 42px;
    margin-left: -42px;
  }
  .searcbox-default .searchcont_default ul .search-btn-wrap input[type=image] {
    height: 42px;
    padding: 10px;
  }
  /* view */
  .default-view-header {
    display: block;
  }
  .default-view-header h2 {
    margin-bottom: 1rem;
  }
  .board-btn-set {
    text-align: center;
  }
  .board-btn-set button {
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 540px) {
  .searcbox-default .searchcont_default ul .search-btn-wrap {
    margin-left: 0;
    position: absolute;
    right: 0;
  }
}
/* ----------------------------------------
* 게시판 view
* ----------------------------------------*/
.brd-view {
  max-width: 1168px;
  margin: 0 auto;
}
.brd-view .view-head {
  margin-bottom: 3.75em;
  text-align: center;
}
.brd-view .view-head .sub-ti {
  color: var(--primary);
  font-weight: 500;
  font-size: 2.4rem;
  display: block;
}
@media (max-width: 1280px) {
  .brd-view .view-head .sub-ti {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .brd-view .view-head .sub-ti {
    font-size: 1.8rem;
  }
}
.brd-view .view-head .sub-ti2 {
  font-weight: 500;
  font-size: 3.2rem;
}
@media (max-width: 1280px) {
  .brd-view .view-head .sub-ti2 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .brd-view .view-head .sub-ti2 {
    font-size: 2.2rem;
  }
}
.brd-view .view-head h3 {
  font-weight: 500;
  font-size: 5.2rem;
}
@media (max-width: 1280px) {
  .brd-view .view-head h3 {
    font-size: 4.2rem;
  }
}
@media (max-width: 768px) {
  .brd-view .view-head h3 {
    font-size: 2.8rem;
  }
}
.brd-view .view-head .date,
.brd-view .view-head .writer {
  margin-top: 1em;
  color: var(--gray-500);
}
.brd-view .view-footer {
  margin-top: 6.25em;
}
@media screen and (max-width: 500px) {
  .brd-view .view-footer {
    margin-top: 0;
  }
}
.brd-view .view-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}
.brd-view .view-down:has(div) {
  border-top: 1px solid var(--brd-c1);
  padding: 1.5em;
}
.brd-view .view-down .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-all;
  gap: 8px 10px;
}
.brd-view .view-down .link a {
  color: #0000EE;
  text-decoration: underline;
}
.brd-view .view-down .link a:visited {
  color: #551A8B;
}
.brd-view .view-down .file-down {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-all;
  gap: 8px;
}
.brd-view .view-down .file-down a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 1em;
  background-color: var(--gray-100);
  border: 1px solid var(--brd-c1);
  border-radius: 16px;
}
.brd-view .view-down .file-down a::before {
  content: "";
  display: block;
  width: 18px;
  height: 16px;
  margin-right: 0.63em;
  background: url(/images/common/i_down.svg) no-repeat center/100% 100%;
}
.brd-view .view-bottom {
  padding-block: 3.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--brd-c1);
}
.brd-view .view-bottom .btn-sty {
  border-radius: 100px;
  border-color: var(--brd-c1);
}
.brd-view .view-bottom .arw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--gray-500);
  font-size: 1.6rem;
}
@media (max-width: 1280px) {
  .brd-view .view-bottom .arw {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .brd-view .view-bottom .arw {
    font-size: 1.4rem;
  }
}
.brd-view .view-bottom .arw.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  color: var(--gray-100);
}
.brd-view .view-bottom .prev::before {
  content: "";
  display: block;
  width: 56px;
  aspect-ratio: 1;
  background: url(/images/beis/sub/arw_prev_b.svg) no-repeat center/16px 30px;
}
.brd-view .view-bottom .next::after {
  content: "";
  display: block;
  width: 56px;
  aspect-ratio: 1;
  background: url(/images/beis/sub/arw_next_b.svg) no-repeat center/16px 30px;
}
@media (max-width: 767px) {
  .brd-view .view-head {
    margin-bottom: 2.25em;
  }
  .brd-view .view-down {
    padding: 1.5em 1em;
  }
  .brd-view .view-bottom {
    padding-block: 2.25em;
  }
  .brd-view .view-bottom .arw::before, .brd-view .view-bottom .arw::after {
    width: 32px;
    background-size: 12px 24px;
  }
}
@media (max-width: 320px) {
  .brd-view .view-bottom .arw span {
    display: none;
  }
}