@charset "UTF-8";

/* button */
.btn-xlarge{display:inline-flex;align-items:center;justify-content:center;min-width:25.6rem;height:6.4rem;font-size:2rem;border-radius:0.5rem;padding:0 1.6rem;font-weight:700;text-align:center;}
.btn-large{display:inline-flex;align-items:center;justify-content:center;min-width:9.6rem;height:4rem;font-size:1.2rem;border-radius:0.5rem;padding:0 1.6rem;font-weight:700;white-space:nowrap;}
.btn-medium {display: inline-flex;align-items: center;justify-content: center;height: 3.2rem;font-size: 1.6rem;border-radius: 0.5rem;padding: 0 1.6rem;font-weight: 700;white-space: nowrap;}
.btn-small {display: inline-flex;align-items: center;justify-content: center;height: 2.4rem;font-size: 1.4rem;border-radius: 0.5rem;padding: 0 1.6rem;font-weight: 700;white-space: nowrap;}
.btn-xlarge:disabled,
.btn-large:disabled,
.btn-medium:disabled,
.btn-small:disabled {opacity: 0.6;}
.btn-blue {background-color: var(--blue);color: var(--white);border: 0.1rem solid transparent;}
.btn-outline-blue {background-color: var(--white);color: var(--tblue);border: 0.1rem solid var(--blue);}
.btn-inner-arrow.btn-outline-blue:after,
.btn-inner-dash-arrow.btn-outline-blue:after,
.btn-inner-add.btn-outline-blue:before {background-color: var(--blue);}
.btn-red {background-color: var(--red);color: var(--white);border: 0.1rem solid transparent;}
.btn-outline-red {background-color: var(--white);color: var(--red);border: 0.1rem solid var(--red);}
.btn-inner-arrow.btn-outline-red:after,
.btn-inner-dash-arrow.btn-outline-red:after,
.btn-inner-add.btn-outline-red:before {background-color: var(--red);}
.btn-gray {background-color: var(--gray2);color: var(--white);border: 0.1rem solid transparent;}
.btn-outline-gray {background-color: var(--white);color: var(--gray2);border: 0.1rem solid var(--gray2);}
.btn-inner-arrow.btn-outline-gray:after,
.btn-inner-dash-arrow.btn-outline-gray:after,
.btn-inner-add.btn-outline-gray:before {background-color: var(--gray2);}
.btn-lblue {background-color: var(--lblue);color: var(--white);border: 0.1rem solid transparent;}
.btn-outline-lblue {background-color: var(--white);color: var(--lblue);border: 0.1rem solid var(--lblue);}
.btn-inner-arrow.btn-outline-lblue:after,
.btn-inner-dash-arrow.btn-outline-lblue:after,
.btn-inner-add.btn-outline-lblue:before {background-color: var(--lblue);}
.bg-white {background-color: var(--white);border: 0.1rem solid transparent;}
.btn-inner-arrow:not([class^="btn-xlarge"], [class^="btn-large"], [class^="btn-medium"], [class^="btn-small"]) {display: inline-flex;align-items: center;}
.btn-inner-arrow:after {display: inline-block;content: '';width: 0.7rem;height: 1.1rem;-webkit-mask: url(../imgs/arrow/arrow-right.svg) center center/contain no-repeat;mask: url(../imgs/arrow/arrow-right.svg) center center/contain no-repeat;margin: 0 0.6rem;background-color: var(--white);}
.btn-inner-arrow.fc-white:after,
.btn-inner-add.fc-white:before {background-color: var(--white) !important;}
.btn-inner-arrow.fc-black:after,
.btn-inner-add.fc-black:before {background-color: var(--black) !important;}
.btn-inner-arrow.fc-blue:after,
.btn-inner-add.fc-blue:before {background-color: var(--tblue) !important;}
.btn-inner-arrow.fc-lblue:after,
.btn-inner-add.fc-lblue:before {background-color: var(--lblue) !important;}
.btn-inner-arrow.fc_red:after,
.btn-inner-add.fc_red:before {background-color: var(--red) !important;}
.btn-inner-arrow.fc-orange:after,
.btn-inner-add.fc-orange:before {background-color: var(--orange) !important;}
.btn-inner-arrow.fc-gray0:after,
.btn-inner-add.fc-gray0:before {background-color: var(--gray0) !important;}
.btn-inner-arrow.fc-gray1:after,
.btn-inner-add.fc-gray1:before {background-color: var(--gray1) !important;}
.btn-inner-arrow.fc-gray2:after,
.btn-inner-add.fc-gray2:before {background-color: var(--gray2) !important;}
.btn-inner-arrow.fc-gray3:after,
.btn-inner-add.fc-gray3:before {background-color: var(--gray3) !important;}
.btn-inner-arrow.fc_red:after,
.btn-inner-add.fc_red:before {background-color: #EF5050 !important;}
.btn-inner-arrow.fc_tblue:after,
.btn-inner-add.fc_tblue:before {background-color: #2E72ED !important;}
.btn-inner-dash-arrow:after {content: '';width: 2rem;height: 1.4rem;-webkit-mask: url(../imgs/arrow/arrow-box-link.svg) center center/contain no-repeat;mask: url(../imgs/arrow/arrow-box-link.svg) center center/contain no-repeat;margin-left: 1rem;background-color: var(--white);opacity: 0.7;}
.btn-inner-arrow.fc-blue:after {background-color: var(--tblue);}
.btn-inner-add:before {display: inline-block;content: '';width: 1.2rem;height: 1.2rem;-webkit-mask: url(../imgs/ico/ico-add.svg) center center/contain no-repeat;mask: url(../imgs/ico/ico-add.svg) center center/contain no-repeat;margin-right: 0.8rem;background-color: var(--white);}
.btn-inner-print {display: flex;width: 4.8rem;height: 4.8rem;background: url(../imgs/ico/ico-print.svg) center center/1.6rem 1.6rem no-repeat;}
.btn-delete {display: inline-flex;align-items: center;justify-content: center;border-radius: 0.5rem;width: 2.4rem;height: 2.4rem;}

/* btn-wrap */
.btn-wrap {display: flex;align-items: center;justify-content: space-between;margin-top: 0.5rem;}
.btn-wrap .left {flex: 1;display: flex;justify-content: flex-start;}
.btn-wrap .right {flex: 1;display: flex;justify-content: flex-end;}
.btn-wrap .center {flex: 1;display: flex;justify-content: center;}
.btn-wrap > .left *:not(:last-child),
.btn-wrap > .right *:not(:last-child),
.btn-wrap > .center *:not(:last-child) {margin-right: 0.8rem;}
.btn-section-wrap {display: flex;align-items: center;justify-content: center;max-width: 148rem;margin: 0 auto;padding: 0 2rem;}
.btn-section-wrap .left {flex: 1;display: flex;justify-content: flex-start;}
.btn-section-wrap .right {flex: 1;display: flex;justify-content: flex-end;}
.btn-section-wrap .center {flex: 1;display: flex;justify-content: center;}
.btn-section-wrap > .left *:not(:last-child),
.btn-section-wrap > .right *:not(:last-child),
.btn-section-wrap > .center *:not(:last-child) {margin-right: 2rem;}
.btn-section-wrap p {font-size: 1.4rem;margin-top: 0.8rem;}
.btn-wrap .btn-large {min-width: 16rem;}

/* 2023-09-18 신청서 등록 화면 추가 */
.box-desc-list + .table-caption {margin-top: 1.6rem;}

/* list */
/* 2023-09-18 신청서 등록 화면 추가 */
.box-desc-list {background-color: var(--gray0);padding: 1.5rem;color: var(--gray3);}
.box-desc-list.box-blue {background-color: var(--bgblue);border: 0.1rem solid var(--blue);}
.box-desc-list.box-white {background-color: var(--white);border: 0.1rem solid var(--gray1);}
.box-desc-list.box-border-blue {background-color: var(--white);border: 0.1rem solid var(--blue);border-radius: 0.5rem;}
.box-desc-list .box-title {font-size: 1.8rem;margin-bottom: 0.8rem;color: var(--black);}
.box-desc-list .box-title:only-child {margin-bottom: 0;}
.box-desc-list .box-title:not(:first-child) {margin-top: 1.6rem;}
.box-desc-list ul:not(:last-child) {margin-bottom: 3.2rem;}
.box-desc-list ul li {position: relative;font-size: 1rem;padding-left: 1rem;}
.box-desc-list ul li:before {content: '\00B7';font-size: inherit;color: inherit;position: absolute;left: 0;top: 0;}
.box-desc-list + .box-desc-list {margin-top: 2.4rem;}

/* input file */
.inp-file {display: flex;align-items: center;}
.inp-file-text {display: block;width: 100%;height: 4rem;font-size: 1.6rem;color: var(--black);font-weight: 400;padding: 0 0.8rem;line-height: 3.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 0.1rem solid var(--gray1);background-color: var(--white);border-radius: 0.5rem;}
.inp-file-text:disabled {border: 0.1rem solid var(--gray1);background-color: var(--gray0);color: var(--gray2);}
.inp-file-text.placeholder {color: var(--gray2);}

/* input type cheeckbox */
.inp {display: inline-flex;align-items: center;justify-content: center;}
.inp input[type="radio"] {position: relative;display: inline-flex;appearance: none;cursor: inherit;}
.inp input[type="radio"]:before {content: '';width: 1.6rem;height: 1.6rem;-webkit-mask: url(../imgs/form/form-radio.svg) center center/contain no-repeat;mask: url(../imgs/form/form-radio.svg) center center/contain no-repeat;background-color: var(--gray1);}
.inp input[type="radio"]:checked:before {-webkit-mask: url(../imgs/form/form-radio-checked.svg) center center/contain no-repeat;mask: url(../imgs/form/form-radio-checked.svg) center center/contain no-repeat;background-color: var(--blue);}
.inp input[type="checkbox"] {display: inline-flex;appearance: none;cursor: inherit;}
.inp input[type="checkbox"]:before {content: '';width: 1.8rem;height: 1.9rem;-webkit-mask: url(../imgs/form/form-checkbox.svg) center center/contain no-repeat;mask: url(../imgs/form/form-checkbox.svg) center center/contain no-repeat;background-color: var(--gray1);}
.inp input[type="checkbox"].show:before {content: '';width: 1.8rem;height: 1.9rem;-webkit-mask: url(../imgs/form/form-checkbox.svg) center center/contain no-repeat;mask: url(../imgs/form/form-checkbox.svg) center center/contain no-repeat;background-color: var(--black);}
.inp input[type="checkbox"]:checked:before {-webkit-mask: url(../imgs/form/form-checkbox-checked.svg) center center/contain no-repeat;mask: url(../imgs/form/form-checkbox-checked.svg) center center/contain no-repeat;background-color: var(--blue);}
.inp b {font-size: 1.1rem;font-weight: 400;margin-left: 0.2rem;}

/* input type text */
input:not([type="checkbox"], [type="radio"]) {display: block;width: 100%;height: 2.4rem;font-size: 1rem;color: var(--black);font-weight: 400;padding: 0 0.8rem;border: 0.1rem solid var(--gray1);background-color: var(--white);border-radius: 0;}
input:not([type="checkbox"], [type="radio"]):disabled,
input:not([type="checkbox"], [type="radio"])[readonly] {border: 0.1rem solid var(--gray1);background-color: var(--gray0);color: var(--gray2);}
input:not([type="checkbox"], [type="radio"])::placeholder {color: var(--gray2);}
input[type="date"]::-webkit-calendar-picker-indicator {background: url(../imgs/ico/ico-calendar.svg) center center/100% 100% no-repeat;}
input[type="date"]:valid:before {display: none;}
input[type="date"]:invalid:before {margin-right: 5px;}
textarea {display: block;width: 100%;height: 8rem;font-size: 1.2rem;color: var(--black);font-weight: 400;padding: 0.8rem;border: 0.1rem solid var(--gray1);background-color: var(--white);border-radius: 0.5rem;}
textarea:disabled,
textarea[readonly] {border: 0.1rem solid var(--gray1);background-color: var(--gray0);color: var(--gray2);}
textarea::placeholder {color: var(--gray2);}
textarea.areaResize {overflow: hidden;}

/* tag */
.tag {display: inline-flex;align-items: center;justify-content: center;color: var(--white);font-size: 1rem;height: 1.5rem;padding: 0 1.6rem;font-weight: 700;border-radius: 100rem;white-space: nowrap;}
.tag-blue{background-color: #2456DF;}
.tag-lblue{background-color: #508AFF;}
.tag-crimson{background-color: #F81268;}
.tag-green{background-color: #00943C;}
.tag-orange{background-color: #F77850;}
.tag-gray{background-color: #949494;}
.tag-dgray{background-color: #E3E3E3;color: #454545;}
.tag-dgreen{background-color: #DFF5E8;color: #00943C;}
.tag-red{background-color: #ff0000;}
.tag-dblue{background-color: #F3F6FE;color: #2E72ED;}
.tag-white{background-color: #FFFFFF;color: #949494;}

/* ico-alert */
.ico-alert{display: inline-flex;align-items: center;font-size: 1.6rem;vertical-align: top;}
.ico-alert.toggleTrigger{display: flex;}
.ico-alert.toggleTrigger:before{margin-right: 0;width: 1.9rem;height: 1.7rem;}
.ico-alert:before{content: '';width: 1.6rem;height: 1.6rem;-webkit-mask: url(../imgs/ico/ico-alert.svg) center center/contain no-repeat;mask: url(../imgs/ico/ico-alert.svg) center center/contain no-repeat;margin-right: 0.8rem;}
.ico-alert.red{color: var(--red);}
.ico-alert.blue{color: var(--tblue);}
.ico-alert.green{color: #00943C;}
.ico-alert.red:before{background-color: var(--red);}
.ico-alert.blue:before{background-color: var(--tblue);}
.ico-alert.green:before {background-color: #00943C;}

/* table */
.table-caption{display: flex;margin-bottom: 1.6rem;flex-wrap: wrap;}
.table-caption p{font-size: 1.6rem;color: var(--gray3);}
.table-caption p b{font-weight: 700;}
.table-caption .ast{color: #F77850;}
.table-caption .ast ~ * {font-size: 1.4rem;}
.table-caption .tab-content{width: 22rem;margin-left: 1rem;}
.table-caption .right{margin-left: auto;}
.box-desc-list + .table-caption{margin-top: 1.6rem;}
.table-col table{width: 100%;table-layout: fixed;border-top: 0.1rem solid var(--gray1);}
.table-col.table-layout-auto table{table-layout: auto;}
.table-col table th{font-size: 1.2rem;height: 2rem;font-weight: 700;padding: 0.5rem 0.5rem;text-align: center;border-bottom: 0.1rem solid var(--gray1);background-color: var(--gray0);word-break: keep-all;}
.table-col table td{font-size: 1rem;height: 2rem;padding: 0.5rem 0.5rem;text-align: center;border-bottom: 0.1rem solid var(--gray1);background-color: var(--white);}
.table-col.table-col-border table{border-collapse: collapse;}
.table-col.table-col-border table th{border: 0.1rem solid var(--gray1);}
.table-col.table-col-border table td{border: 0.1rem solid var(--gray1);}
.table-row table{width: 100%;table-layout: fixed;border-top: 0.1rem solid var(--gray1);}
.table-row.table-border table thead th{font-size: 1.6rem;padding: 1.6rem 2.4rem;text-align: left;border-bottom: 0.1rem solid var(--gray1);background-color: var(--white);}
.table-row table th{font-size: 1.2rem;font-weight: 700;padding: 0rem 0.5rem 0rem 2.4rem;text-align: left;border-bottom: 0.1rem solid var(--gray1);background-color: var(--gray0);}
.table-row table th .tooltip{margin-left: 0.5rem;}
.table-row table td {font-size: 1.1rem;padding: 0.3rem 2.4rem;text-align: left;border-bottom: 0.1rem solid var(--gray1);background-color: var(--white);}
.table-row.th-center table th{text-align: center;}
.table-row.td-text-break table td{word-break: break-word !important;word-wrap: break-word !important;}
.table-border{border: 0.1rem solid var(--gray1);border-bottom: 0;border-radius: 0.5rem;overflow: hidden;}
.table-border.table-row table{border-top: 0;}
.table-col + .desc,
.table-row + .desc,
.mo-scrollx + .desc{margin-top: 0.8rem;}
.table-col a:not([class^="btn"]),
.table-row a:not([class^="btn"]) {text-decoration: underline;}
.table-view .table-view-header {border-top: 0.1rem solid var(--gray2);border-bottom: 0.1rem solid var(--gray2);padding: 2.5rem;}
.table-view .table-view-header-title h3 {font-size: 2.4rem;color: #222;}
.table-view .table-view-header-title h3 .tag,
.table-view .table-view-header-title h3 span {vertical-align: middle;}
.table-view .table-view-header-title h3 span {margin-left: 0.8rem;}
.table-view .table-view-header-date {margin-top: 2rem;}
.table-view .table-view-header-date dl {display: flex;font-size: 1.6rem;}
.table-view .table-view-header-date dl .list {position: relative;display: flex;padding: 0 2.5rem;}
.table-view .table-view-header-date dl .list:first-child {padding-left: 0;}
.table-view .table-view-header-date dl .list:not(:last-child):after {content: '';position: absolute;right: 0;top: 50%;margin-top: -1.2rem;width: 0.1rem;height: 2.4rem;background-color: #ddd;}
.table-view .table-view-header-date dl .list dt {color: var(--gray2);}
.table-view .table-view-header-date dl .list dd {color: var(--gray3);margin-left: 2.4rem;}
.table-view .table-view-body .table-view-content {font-size: 1.6rem;color: #222;padding: 3.2rem 2.4rem 7.6rem;}
.table-view .table-view-footer .btn-wrap {margin-top: 0.8rem;}
.table-view .table-view-footer .page-navigation {margin-top: 3.2rem;}
table td strong.point {font-size: 1.4rem;font-weight: 400;}
table td .left {margin-right: auto;}
table td .right {margin-left: auto;text-align: right;}

/* Mobile */
@media screen and (max-width: 1024px) {
  /* btn-wrap 2023-09-18 신청서 제출 */
  .btn-wrap .desc{font-size: 1.2rem !important;}
  .btn-section-wrap{padding: 0 1.6rem;}
  .btn-wrap.btn-row{flex-wrap: wrap;}
  .btn-wrap.btn-row > * {flex: 1 1 100%;flex-wrap: wrap;}
  .btn-wrap.btn-row > *:not(:last-child) {margin-bottom: 0.8rem;}
  .btn-wrap.btn-row > * > * {width: 100%;}
  .btn-wrap.btn-row > * > *:not(:last-child) {margin: 0 0 0.8rem;}
  .btn-section-wrap > .left *:not(:last-child),
  .btn-section-wrap > .right *:not(:last-child),
  .btn-section-wrap > .center *:not(:last-child) {margin-right: 0.8rem;}
  .btn-section-wrap > .left,
  .btn-section-wrap > .right,
  .btn-section-wrap > .center {width: 100%;justify-content: center;}
  .btn-section-wrap p{font-size: 1.2rem;}
  .btn-wrap .btn-large{min-width: 7.6rem;}

  /* input */
  input:not([type="checkbox"], [type="radio"]) {height: 2.4rem;font-size: 1rem;}
  .inp-file-text{height: 3.2rem;font-size: 1.4rem;line-height: 3rem;}
  .form-input-file ul li{font-size: 1.4rem;}
  textarea{font-size: 1.4rem;}
}

/*# sourceMappingURL=ui-style.css.map */