@charset "UTF-8";

/*--common--*/
.color-red {color: var(--red) !important;}
.color-black {color: var(--black) !important;}
.color-point {color: var(--main-1) !important;}
.color-sub {color: var(--sub-1) !important;}
.color-darkblue {color: var(--main-2) !important;}
.color-blue {color: var(--main-1) !important;}
.color-disabled {color: var(--disabled) !important;}
.color-grey {color: var(--grey-666) !important;}
.color-caution {color: var(--error) !important;}
.font-weight-black {font-weight: 900 !important;}
.font-weight-bold {font-weight: 700 !important;}
.font-weight-regular {font-weight: 400 !important;}
.font-weight-medium {font-weight: 500 !important;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.align-center {text-align: center !important;}
.underline {text-decoration: underline;}
.sr-only {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0);}
.w-100 {width: 100% !important;}
.d-none {display: none;}
.img-error {width: 100%; display: flex; justify-content: center;}
.d-flex {display: flex !important;}
.gap-5 {gap: 5px !important;}
.gap-10 {gap: 10px !important;}
.pt-0 {padding-top: 0 !important;}
.mt-30 {margin-top: 30px !important;}
.mb-0 {margin-bottom: 0 !important;}
.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-start {justify-content: flex-start !important;}
.justify-content-space-between {justify-content: space-between !important;}
.white-space-nowrap {white-space: nowrap !important;}
.contents-info {padding: 11px 20px; border-radius: 5px; border: solid 1px #e7e1d0; background-color: #fffcf4;}
.contents-info .item {position: relative; font-size: 15px; line-height: 20px; letter-spacing: -0.75px; color: var(--grey-333); padding-left: 21px; display: flex; flex-wrap: wrap; word-break: keep-all; gap: 8px 10px;}
.contents-info .item span {text-align: left;}
.contents-info .item .btn-sm {margin-top: -3px;}
.contents-info .item i {position: absolute; top: 3px; left: 0;}
.contents-info .item + .item { margin-top: 9px;}
.contents-info.contents-info-grey {padding: 10px 20px; border: 0; background-color: #f6f6f6;}
.is-hidden {display: none !important;}

@media all and (max-width: 576px) {
    .contents-info {padding: 10px;}
    .contents-info .item + .item {margin-top: 5px;}
}

.error-page {text-align: center; padding: 0 20px;}
.error-page .img {max-width: 350px; margin: 80px auto 50px;}
.error-page .img img {width: 100%; height: auto; object-fit: cover;}
.error-page .img.img-2 {max-width: 387px; margin: 80px auto 38px;}
.error-page .title {font-size: 30px; font-weight: 500; letter-spacing: -1.5px; text-align: center; color: var(--grey-000); margin-bottom: 23px;}
.error-page .desc {font-size: 15px; letter-spacing: -0.75px; line-height: 24px; text-align: center; color: var(--grey-666); margin-bottom: 26px;}
.error-page .box {padding: 13px 20px 16px; text-align: center; border-radius: 5px; background-color: #f9f9f9; max-width: 380px; margin: 0 auto;}
.error-page .box .txt-lg {font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: -.8px; margin-bottom: 4px;}
.error-page .box .txt {font-weight: 500; color: var(--main-1); font-size: 18px; line-height: 24px; letter-spacing: -.9px;}
.error-popup-content {text-align: center; overflow: hidden;}
.error-popup-content .img {width: 47px; margin: 0 auto 20px;}
.error-popup-content .img img {display: block; width: 100%; height: auto;}
.error-popup-content .txt {font-size: 15px; line-height: 24px; letter-spacing: -0.75px; text-align: center; color: var(--grey-666); margin-bottom: 40px;}
.error-popup-content .info {padding: 20px; border-radius: 5px; background-color: #f9f9f9;  margin-bottom: 20px; text-align: center;}
.error-popup-content .info .tit {font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: -0.8px; text-align: center; color: var(--grey-000); margin-bottom: 10px;}
.error-popup-content .info .date {font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: -0.9px; color: var(--main-1);}
.error-popup-content .txt-bottom {font-size: 15px; line-height: 24px; letter-spacing: -0.75px; text-align: center; color: var(--grey-666); margin-bottom: 28px;}
.error-popup-content .txt-bottom-link a {display: inline-block; text-decoration: underline; font-size: 13px; font-weight: 300; line-height: 16px; color: var(--grey-999);}

.search-keyword {display: flex; flex-wrap: wrap; gap: 5px;}
.search-keyword .keyword {display: flex; align-items: center; justify-content: center; gap: 4px; height: 28px; padding-left: 15px; padding-right: 8px; background-color: var(--main-1); border-radius: 14px;}
.search-keyword .keyword .txt {font-size: 14px; font-weight: 500; line-height: 28px; letter-spacing: -0.35px; text-align: left; color: var(--white);}
.search-keyword .keyword .btn-del {width: 12px; height: 12px; display: flex; align-items: center; justify-content: center;}
.search-box {position: relative; flex-direction: column; padding: 20px 20px 20px; border-radius: 5px; background-color: #f4f7fc; border: 1px solid #e4e8ee; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;}
.search-box > .form-group {display: flex; justify-content: center; align-items: center;}
.search-box > .form-group + .form-group {margin-left: 10px;}
.search-box > .form-group .label {margin-bottom: 0; margin-right: 20px;}
.search-box > .form-group .label + * {margin-left: 0;}
.search-box > .form-group > * + * {margin-left: 10px;}
.search-box > .form-group .btn-search .ico-nav-down-blue {transform: rotate(0); transition: .2s;}
.search-box > .form-group .form-select {width: 120px;}
.search-box .form-search {position: relative;}
.search-box .form-search .btn-search {position: absolute; right: 13px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%);}
.search-box .form-search .btn-search .ico {width: 16px; height: 16px;}
.search-box .form-search .btn-search.show-mo {display: none;}
.search-box.search-box-detail {justify-content: flex-start; padding: 30px 20px 30px 60px; margin-bottom: 20px;}
.search-box.search-box-detail .showing-group {display: flex; width: 100%;}
.search-box.search-box-detail .sorting-area {width: calc(100% - 110px);}
.search-box.search-box-detail .sorting-area .select-group {display: flex; gap: 10px; align-items: center; margin-bottom: 10px;}
.search-box.search-box-detail .sorting-area .sorting-list {margin-bottom: 0;}
.search-box.search-box-detail .form-group {display: flex; gap: 10px;}
.search-box.search-box-detail .btn-search {position: absolute; height: 30px; display: flex; justify-content: center; align-items: center; gap: 3px; padding: 0 13px; border-bottom: 0; border: solid 1px #d2d9e3; background-color: var(--white); bottom: -1px; right: -1px; font-size: 13px; font-weight: 500; line-height: 30px; letter-spacing: -0.65px; text-align: center; color: var(--main-1); border-radius: 10px 0 5px 0;}
.search-box.search-box-detail .title {width: 110px; font-size: 15px; font-weight: bold; letter-spacing: -0.75px; padding-top: 7px;}
.search-box.search-box-detail .s-row {display: flex; width: 100%; align-items: center; padding: 0 40px 0 0; gap: 60px;}
.search-box.search-box-detail .s-row + .s-row {margin-top: 15px;}
.search-box.search-box-detail .s-row .s-col {display: flex; align-items: center; flex: 1;}
.search-box.search-box-detail .s-row .s-col .title {width: 90px; padding: 0;}
.search-box.search-box-detail .s-row .s-col .form-group {width: calc(100% - 90px);}
.search-box.search-box-detail .s-row .s-col .form-group .sorting-list {margin-bottom: 0;}
.search-box.search-box-detail .s-row .s-col .period {display: flex; gap: 10px;}
.search-box.search-static {padding: 20px;flex-direction: column;}
.search-box.search-static .detail-search-box {position: static; padding: 0 85px; margin-top: 20px;}
.search-box.show .detail-search-box {display: block;}
.search-box.show .btn-search {border-bottom: 1px solid #d2d9e3; z-index: 11;}
.search-box.show .ico-plus-sm {height: 2px; background-image: url(../../images/front/common/ico-minus-sm.png);}
.search-box .detail-search-box {display: none; position: relative; width: 100%; padding: 25px 0 0 0; z-index: 10; background-color: #f4f7fc;}
.search-box .detail-search-box .box-inner ul {display: flex; flex-wrap: wrap;}
.search-box .detail-search-box .item {display: flex; width: 100%;}
.search-box .detail-search-box .item.item-half {width: 50%;}
.search-box .detail-search-box .item + .item {margin-top: 20px;}
.search-box .detail-search-box .item .form-check span {padding-left: 24px;}
.search-box .detail-search-box .item .sorting-list {margin-bottom: 0;}
.search-box .detail-search-box .item .form-group {width: calc(100% - 110px); display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;}
.search-box .detail-search-box .item .form-group.location {padding-right: 325px;}
.search-box .show-mo {display: none;}

@media all and (max-width: 1280px) {
    .search-box {background-color: transparent; padding: 0; margin-bottom: 30px;}
    .search-box .form-group {width: 100%;}
    .search-box .form-group .label {display: none;}
    .search-box .form-group .form-select {margin-left: 0; width: 100px;}
    .search-box .form-group .form-search {flex: 1;}
    .search-box .form-group .form-search .form-input {padding: 0 30px 0 13px;}
    .search-box .form-group .form-search .btn-search.show-mo {display: block;}
    .search-box .form-group .btn {display: none;}
    .search-box.search-box-multi {flex-direction: column;}
    .search-box.search-box-multi .form-group .form-select {margin-left: 0; width: 100px;}
    .search-box.search-box-multi .form-group .form-select:not(:only-child) {flex: 1;}
    .search-box.search-box-multi .form-group .form-select ~ * {margin-left: 10px;}
    .search-box.search-box-multi .form-group + .form-group {margin-top: 10px; margin-left: 0;}
    .search-box.search-box-detail {background-color: #f4f7fc; padding: 25px 15px 40px;}
    .search-box.search-box-detail .btn-search {display: flex;}
    .search-box.search-box-detail .form-group {display: flex; flex-wrap: wrap; gap: 10px;}
    .search-box.search-box-detail .form-group > * {width: calc(50% - 5px) !important;}
    .search-box.search-box-detail .showing-group {flex-direction: column;}
    .search-box.search-box-detail .showing-group .title {margin-bottom: 10px; padding-top: 0;}
    .search-box.search-box-detail .sorting-area {width: 100%;}
    .search-box.search-box-detail .sorting-area .select-group {align-items: flex-start;}
    .search-box.search-box-detail .s-row {flex-direction: column; align-items: center; gap: 10px; padding: 0;}
    .search-box.search-box-detail .s-row + .s-row {margin-top: 15px;}
    .search-box.search-box-detail .s-row .s-col {display: flex; width: 100%; flex: none;}
    .search-box.search-box-detail .s-row .s-col .title {width: 80px;}
    .search-box.search-box-detail .s-row .s-col .form-group {width: calc(100% - 80px);}
    .search-box.search-box-detail .s-row .s-col .form-group > * {width: 100% !important;}
    .search-box.search-box-detail .s-row .s-col .period {display: flex; gap: 10px;}
    .search-box.search-static .detail-search-box {padding: 20px;}
    .search-box .detail-search-box .item {flex-direction: column; align-items: flex-start;}
    .search-box .detail-search-box .item.item-half {width: 100%;}
    .search-box .detail-search-box .item .title {width: 100%; margin-bottom: 10px; padding-top: 0;}
    .search-box .detail-search-box .item .form-group {width: 100%; flex-wrap: wrap; gap: 20px;}
    .search-box .detail-search-box .item .form-group.location {padding: 0;}
    .search-box .detail-search-box .item .form-group > * {width: 100% !important;}
    .search-box .detail-search-box .item .form-group.date {gap: 8px;}
    .search-box .detail-search-box .item .form-group.date .wave {margin: 0;}
    .search-box .detail-search-box .item .form-group .form-date {width: calc(50% - 14px);}
    .search-box .detail-search-box .item .form-group .form-check + .form-check {margin-left: 0;}
}

.sorting-list {display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-bottom: 15px;}
.sorting-list .sorting-item {display: inline-flex; justify-content: center; align-items: center; min-width: 60px; height: 30px; line-height: 30px; padding: 0 18px; border-radius: 15px; border: 1px solid var(--grey-999); background-color: var(--white); font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: -0.75px; text-align: center; ransition: .2s;}
.sorting-list .sorting-item.on {background-color: var(--main-1); color: var(--white); font-weight: 500; border-color: var(--main-1);}

@media all and (max-width: 576px) {
    .sorting-list .sorting-item {padding: 0 10px;}
}

.section-item + .section-item {margin-top: 40px;}

@media all and (max-width: 576px) {
    .section-item + .section-item {margin-top: 30px;}
}

.no-data {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%;}
.no-data .img {display: flex; justify-content: center; width: 100%; align-items: center; margin-bottom: 20px;}
.no-data .txt {font-size: 16px; line-height: 16px; letter-spacing: -0.8px; color: var(--grey-666);}
.no-data.no-data-white .txt {color: var(--white);}
.inline-group {display: flex; gap: 10px; flex-wrap: wrap; word-break: keep-all; align-items: center;}
.border-bottom-0 {border-bottom: 0 !important;}

.a4-container {width: 794px; background-color: var(--white); margin: 0 auto;}
.a4-container .report {padding: 20px;}
.a4-container .report .table-wrapper {border: 1px solid #1D1D1D;}
.a4-container .report .title {text-align: center; font-size: 28px; letter-spacing: 5px; line-height: 36px; font-weight: bold; padding: 5px;}
.a4-container .report .sub-title {font-size: 22px; letter-spacing: 1px; line-height: 30px; font-weight: bold; padding: 5px; border-bottom: 0; margin: 0; color: #222;}
.a4-container .report .inner-title {font-size: 18px; line-height: 24px; font-weight: 500; padding: 5px 5px 5px 10px;}
.a4-container .report .table {margin-bottom: 0;}
.a4-container .report .table th, .a4-container .report .table td {padding: 2px 5px;}
.a4-container .report .inner-table {padding: 5px 10px 10px;}
.a4-container .report .text-box {padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; line-height: 24px;}
.a4-container .report .text-bo .inner-title {padding-left: 0; padding-right: 0;}
.a4-container .report .text-bo + .text-box {border-top: 0;}
.a4-container .report .links {text-align: right; padding: 10px;}
.a4-container .report .links .link {text-decoration: none; color: #0A78D8; font-size: 16px; line-height: 20px;}
.a4-container .report .links .link + .link {margin-left: 5px;}
.a4-container .activity-confirmation {height: 1118px;}
.a4-container .activity-confirmation .title {font-size: 20px; line-height: 30px; font-weight: bold; padding: 5px; color: #0A78D8;}
.a4-container .activity-confirmation .content-wrapper {padding: 10px; height: 100%;}
.a4-container .activity-confirmation .content {border: 1px solid #1D1D1D; height: 100%;}
.a4-container .activity-confirmation .content .content-title {font-size: 40px; font-weight: bold; line-height: 50px; text-align: center; padding: 80px 10px 50px; letter-spacing: 3px; margin-bottom: 50px;}
.a4-container .activity-confirmation .content .info {padding: 0 40px;}
.a4-container .activity-confirmation .content .info .item {display: flex; flex-wrap: wrap; margin-bottom: 18px; }
.a4-container .activity-confirmation .content .info .tit {position: relative; width: 100px; font-size: 20px; line-height: 24px; display: flex; justify-content: space-between; margin-right: 30px;}
.a4-container .activity-confirmation .content .info .tit::after {position: absolute; content: ':'; right: -20px; top: -3px; font-size: 20px; line-height: 24px;}
.a4-container .activity-confirmation .content .info .tit:only-child::after {content: none;}
.a4-container .activity-confirmation .content .info .val {font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: 1px;}
.a4-container .activity-confirmation .content .table {margin-bottom: 150px;}
.a4-container .activity-confirmation .content .table td, .a4-container .activity-confirmation .content .table th {font-size: 16px;}
.a4-container .activity-confirmation .content .date {text-align: center; font-size: 20px; line-height: 24px; color: #222; margin-bottom: 150px; letter-spacing: 2px;}
.a4-container .activity-confirmation .content .sign {display: flex; justify-content: center; gap: 10px;}
.a4-container .activity-confirmation .content .sign .txt-1 {width: 50px; height: 50px; font-size: 20px; font-family: serif; line-height: 22px; font-weight: 500; display: flex; justify-content: center; align-items: center;}
.a4-container .activity-confirmation .content .sign .txt-2 {position: relative; font-size: 40px; font-family: serif; font-weight: bold; letter-spacing: 1px; line-height: 50px; z-index: 2;}
.a4-container .activity-confirmation .content .sign .img {position: relative;}
.a4-container .activity-confirmation .content .sign .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.a4-container .activity-confirmation .content .sign .txt-3 {font-size: 20px; line-height: 50px;}
.a4-container .activity-confirmation.license {background-position: center; background-size: 435px 431px; background-image: url(../../images/front/common/certify_bgh.png); background-repeat: no-repeat;}
.a4-container .activity-confirmation.license .content-title {position: relative; padding: 100px 10px 30px;}
.a4-container .activity-confirmation.license .content-title.content-title-lg {padding: 100px 10px;}
.a4-container .activity-confirmation.license .content-title.content-title-lg + .date {margin-bottom: 100px;}
.a4-container .activity-confirmation.license .content-title img {position: absolute; width: 104px; height: 104px; object-fit: cover; top: 50%; transform: translateY(-50%); left: 80px;}
.a4-container .activity-confirmation.license .content .date {padding: 0 50px; text-align: right; margin-bottom: 100px;}
.a4-container .activity-confirmation.license .table {margin-bottom: 0;}
.a4-container .activity-confirmation.license .table th {background-color: transparent;}
.a4-container .activity-confirmation .description {text-align: center; font-size: 24px; font-weight: 500; line-height: 40px; padding: 60px 0;}
.a4-container .activity-confirmation .description-sm {font-size: 18px; font-weight: 500; line-height: 24px; padding: 20px 0 80px;}

.attached-file {word-break: break-all;}
.attached-file .file {display: flex; gap: 5px; line-height: 20px;}
.attached-file .ico {flex-shrink: 0; margin-top: 2px;}
.attached-file .name {font-weight: 500; color: var(--main-1);}

/*--layout--*/
.wrap {position: relative; overflow: hidden; min-height: calc(100dvh - 80px - 87px);}
.container {min-height: 800px; margin: 0 auto; max-width: none !important;}
.inner {width: var(--minWidth); margin: 0 auto;}

@media all and (max-width: 1280px) {
  .wrap {min-height: calc(100dvh - 70px - 122px);}
  .inner {width: 100%;}
}

@media all and (max-width: 576px) {
  .wrap {min-height: calc(100dvh - 70px - 182px);}
}

.skip-nav {position: fixed; top: 0; left: 0; width: 100%; z-index: 500;}
.skip-nav a {display: block; width: 100%; height: 0; background-color: #555; text-align: center; color: var(--white); font-size: 0; padding: 0;}
.skip-nav a:focus {line-height: 30px; font-size: 16px; height: 30px; outline: none;}

.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
.header .header-content {position: relative; width: 100%;}
.header .gnb {height: 80px; border-bottom: 1px solid #e8ecf2; background-color: var(--white);}
.header .gnb .inner {display: flex; height: 100%; align-items: center;}
.header .gnb .brand-logo {width: 178px;}
.header .gnb .brand-logo a {display: flex; align-items: center; justify-content: center;}
.header .gnb .brand-logo a img {width: 100%; height: 100%; object-fit: cover;}

@media all and (max-width: 1280px) {
  .header .gnb {height: 70px;}
  .header .gnb .inner {padding: 0 15px}
  .header .gnb .brand-logo {width: 158px;}
}

.footer {background: #21272a; position: relative; z-index: 2; margin-top: 60px;}
.footer .f-info {display: flex; align-items: center; justify-content: space-between; padding: 36px 0;}
.footer .f-info .siteInfo {font-size: 13px; color: #A2A9B0; padding-left: 160px; background: url(../images/common/logo_w.png) no-repeat left center; background-size: 130px;}
.footer .f-info .siteInfo .info {padding-bottom: 5px}
.footer .f-info .siteInfo > *:last-child {margin-top: 15px;}
.footer .f-info .etc {display: flex; align-items: center; justify-content: flex-end; font-size: 13px; color: #A2A9B0; flex-direction: column; gap: 5px;}

@media all and (max-width: 1280px) {
  .footer .inner {padding: 0 15px}
  .footer .f-info {flex-wrap: wrap;}
  .footer .f-info .etc {padding: 20px 0 0 160px; width: 100%; justify-content: flex-start; position: relative; align-items: flex-start}
}

@media all and (max-width: 576px) {
  .footer .f-info .siteInfo {background-position-y: top; padding-top: 60px; padding-left: 0;}
  .footer .f-info .etc {padding-left: 0;}
}

/*페이지*/
.container {padding-top: 80px;}
.page-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.page-header:has(> .breadcrumb:only-child) {justify-content: flex-end;}
.page-header .back {position: relative;}
.page-header .back a {color: var(--black); white-space: nowrap; max-width: none; padding-left: 32px; font-size: 16px; font-weight: 400; height: 30px; display: flex; align-items: center;}
.page-header .back a::before {content: ''; width: 30px; height: 30px; display: flex; position: absolute; left: 0; top: 0; text-align: center; background: url(../images/common/back.png) no-repeat center center;}

@media all and (max-width: 1280px) {
  .container {padding-top: 70px;}
  .page-header {margin-bottom: 26px;}
  .page-header .back a {height: 24px; padding-left: 26px; font-size: 14px;}
  .page-header .back a::before {width: 24px; height: 24px; background-size: 20px;}
}

@media all and (max-width: 576px) {
  .page-header {margin-bottom: 20px;}
}