@charset "UTF-8";

@import "../css/component.css";
@import "../css/layout.css";

/* 공통 */
.whiteS-button {
    width: var(--size-height-6);
    height: var(--size-height-6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: var(--radius-medium3);
    border: 0.1rem solid var(--light-color-border-gray-light);
    background-color: var(--light-color-action-white);
    box-shadow: 0px 0px 2px 0px var(--light-color-alpha-shadow1), 0px 4px 8px 0px var(--light-color-alpha-shadow2);
}

.whiteS-button:hover {
    background-color: var(--light-color-action-secondary-hover);
}

.whiteS-button:active,
.whiteS-button:focus {
    background-color: var(--light-color-action-secondary-pressed);
    box-shadow: var(--box-shadow-outline-inset);
    outline-offset: -0.4rem;
}

.svg-icon.medium {
    width: var(--icon--size-medium);
    height: var(--icon--size-medium);
}

.svg-icon.small {
    width: var(--icon--size-small);
    height: var(--icon--size-small);
}

/* //공통 */
.ml10 { margin-left: 10rem;}
.text-primary {
    color: var(--color-primary-60);
}
.font-Hlarge {
    font-size: var(--pc-font-size-heading-large);
}
.font-19 {
    font-size: var(--pc-font-size-body-large);
}
@media (max-width: 767px) {
    .font-Hlarge {
        font-size: var(--mobile-font-size-heading-large);
    }
}


.justify-center {
    display: flex;
    justify-content: center;
}
.width-full {
    width: 100% !important;
}

.width-lage {
    width: 80% !important;
}

.width-medium {
    width: 60% !important;
}

.width-half {
    width: 50% !important;
}

.width-small {
    width: 40% !important;
}

.width-xsmall {
    width: 20% !important;
}

/* @media (max-width: 767px) {

    .width-lage,
    .width-medium,
    .width-half,
    .width-small,
    .width-xsmall {
        width: 100% !important;
    }
} */

textarea.input.height-lage {
    height: 36rem
}

textarea.input.height-medium {
    height: 24rem;
}

textarea.input.height-small {
    height: 16rem;
}

textarea.input.height-xsmall {
    height: 8rem;
}

@media (max-width: 767px) {
    textarea.input.height-medium {
        padding: var(--input--textarea-padding-y) var(--padding-3);
    }

}

.page-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: var(--padding-10);
    gap: var(--gap-5);
}

.page-btn-wrap.center {
    justify-content: center;
}

.page-btn-wrap.both {
    justify-content: space-between;
}

.page-btn-wrap.both .btn-wrap {
    display: flex;
    align-items: center;
    gap: var(--gap-5);
    width: auto;
}

@media (max-width: 767px) {
    .page-btn-wrap.m-column {
        flex-direction: column;
        padding: 0;
        margin-top: var(--padding-8);
    }

    .page-btn-wrap.both .btn-wrap {
        flex-wrap: wrap;
        align-items: stretch;
        position: relative;
        width: 100%;
        flex-direction: column;
    }
}

.page-btn-wrap .btn {
    min-width: 8rem;
}

.form-group-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--gap-7);
    width: 100%;
}
.form-group-row .search {
    flex-direction: row;
}

.form-group-row .dash {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--gap-2);
}

.form-group-row .form-group {
    width: 100%;
}



@media (max-width: 767px) {
    .form-group-row {
        flex-direction: column;
        gap: var(--gap-5);
    }

}
.flex-row {
    flex-direction: row !important;
}

/* .m-column {
    display: flex;
    flex-direction: row;   
    gap: var(--gap-5); 
    align-items: center;
}
@media (max-width: 767px) {
    .m-column {
        flex-direction: column;        
    }
} */

.tooltip-group {
    display: flex;
    flex-direction: row;
    gap: var(--gap-3);
    align-items: center;
}


/* 컨텐츠 */
.board-top {
    padding-bottom: var(--padding-8);
}

#container .board-top.space-between fieldset {
    min-width: auto;
}

@media (max-width: 767px) {
    #container .board-top.space-between {
        flex-direction: column;
        align-items: flex-start;
    }

    #container .space-between.board-top fieldset {
        min-width: 100%;
    }
}

.board_total {
    display: flex;
    column-gap: var(--number-8);
    font-size: var(--pc-font-size-body-small);
    padding-bottom: var(--padding-5);
}

.board_total li strong {
    padding: 0 var(--padding-2);
    color: var(--color-secondary-70);
}

.board-top.space-between .board_total {
    padding-bottom: 0;
}

@media (max-width: 767px) {

    .board_total,
    .board-top.space-between .board_total {
        padding-bottom: var(--padding-5);
    }
}

/* 검색 */
.sch-select {
    width: 100%;
}

.sch-input {
    width: 100%;
}

/* 리스트 */
.board-list {
    border-top: 2px solid var(--color-gray-100);
}

.board-list .list-top {
    display: flex;
    padding: var(--padding-6) var(--padding-3);
    font-weight: var(--font-weight-bold);
    border-bottom: 1px solid var(--color-gray-50);
    color: var(--light-color-text-bolder);
    gap: var(--number-8);
    text-align: center;
}

.board-list .list-top .num {
    min-width: 4rem;
}

.board-list .list-top .title {
    width: 100%;
}
.board-list .list-top .question {
    width: 100%;
}
.board-list .list-top .file {
    min-width: 4rem;
    text-align: center;
}

.board-list .list-top .date {
    min-width: 10rem;
}

.board-list .list-top .modify {
    min-width: 10rem;
}

.board-list .list-top .hits {
    min-width: 5.6rem;
}

.board-list .list-top .name {
    min-width: 6rem;
    text-align: center;
}

@media (max-width: 1023px) {
    .board-list .list-top {
        display: none;
    }
}

.board-list .list-item a {
    display: flex;
    align-items: flex-start;
    padding: var(--padding-6) var(--padding-3);
    border-bottom: 1px solid var(--color-gray-20);
    gap: var(--number-8);
    text-align: center;
}

@media (max-width: 1023px) {
    .board-list .list-item a {
        flex-direction: column;
        gap: var(--gap-2);
    }
}

@media (max-width: 767px) {
    .board-list .list-item a {
        padding: var(--padding-6) 0;
    }
}

.board-list .list-item a:hover {
    background-color: var(--color-secondary-5);
}

.board-list .list-item .num {
    min-width: 4rem;
    color: var(--color-gray-70);
}

.board-list .list-item .title,
.board-list .list-item .long {
    display: flex;
    align-items: flex-start;
    width: 100%;
    color: var(--light-color-text-bolder);
    font-weight: var(--font-weight-bold);
    text-align: left;
    word-break: break-word;
}
.board-list .list-item .long {
    font-weight: var(--font-weight-regular);
    text-align: center;
    justify-content: center;
}
.board-list .list-item .question {
    display: inline;
    width: 100%;
    color: var(--light-color-text-bolder);
    font-weight: var(--font-weight-bold);
    text-align: left;
    word-break: break-word;
}
.board-list .list-item .question i {
    vertical-align: top;
}
@media (max-width: 1023px) {
    .board-list .list-item .long {
        justify-content:flex-start;
        text-align: left;
    }
    .board-list .list-item .question {
        display: inline-flex;
    }
}

.board-list .list-item a:hover .title,
.board-list .list-item a:hover .question strong {
    text-decoration: underline;
}


.board-list .list-item .file {
    display: flex;
    justify-content: center;
    min-width: 4rem;
}

.board-list .list-item .date {
    min-width: 10rem;
    color: var(--color-gray-70);
}
.board-list .list-item .modify {
    min-width: 10rem;
    color: var(--color-gray-70);
}

.board-list .list-item .hits {
    min-width: 5.6rem;
    color: var(--color-gray-70);
}

.board-list .list-item .name {
    min-width: 6rem;
    color: var(--color-gray-70);
}
.board-list.request .list-top {
    gap: var(--gap-3);
}

.board-list.request .list-item a {
    gap: var(--gap-3);
}
.board-list.request .list-item a span {
    word-break: break-all;
}

.board-list .list-item.no-data {
    background: var(--color-gray-5);
    padding: var(--padding-4) 0;
    text-align: center !important;
    border-bottom: 1px solid var(--color-gray-50);
}
.board-list .list-item.no-data  span::before {
    min-width: auto !important;
}

/* 반출신청 리스트 */
.board-list.out .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 12rem 2fr 10rem 10rem 1fr; */
    grid-template-columns: 4rem 14rem 1fr 14rem 10rem 10rem 10rem;
}
.board-list.out .list-item a {
    display: grid;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 12rem 2fr 10rem 10rem 1fr; */
    grid-template-columns: 4rem 14rem 1fr 14rem 10rem 10rem 10rem;
    word-break: break-all;
}

/* 이용신청현황 리스트*/
.board-list.C-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 8rem 10rem; */
    grid-template-columns: 7rem 1fr 2fr 10rem 10rem;
}
.board-list.C-progress .list-item a {
    display: grid;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 8rem 10rem; */
    grid-template-columns: 7rem 1fr 2fr 10rem 10rem;
    word-break: break-all;
}
/* 방문예약신청현황 리스트*/
.board-list.V-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 10rem; */
    grid-template-columns: 4rem 12rem 12rem 1fr 18rem 10rem 9rem;
}
.board-list.V-progress .list-item a {
    display: grid;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 10rem; */
    grid-template-columns: 4rem 12rem 12rem 1fr 18rem 10rem 9rem;
    word-break: break-all;
}

/* 반출신청현황 리스트*/
.board-list.O-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 10rem 18rem; */
    grid-template-columns: 4rem 1fr 2fr 10rem 10rem;
}
.board-list.O-progress .list-item a {
    display: grid;
    gap: var(--gap-2);
/*     grid-template-columns: 4rem 12rem 1fr 10rem 10rem 18rem; */
    grid-template-columns: 4rem 1fr 2fr 10rem 10rem;
}

/* 마이페이지 리스트*/
.board-list.M-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
    grid-template-columns: 5rem 15rem 10rem 1fr 10rem 10rem;
}

.board-list.M-progress .list-item a {
    display: grid;
    gap: var(--gap-2);
    grid-template-columns: 5rem 15rem 10rem 1fr 10rem 10rem;
}

@media (max-width: 1023px) {
    .board-list.out .list-top,
    .board-list.C-progress .list-top, 
    .board-list.O-progress .list-top,
    .board-list.M-progress .list-top,
    .board-list.V-progress .list-top {
        display: none;
    }
    .board-list.out .list-item a,
    .board-list.C-progress .list-item a,
    .board-list.O-progress .list-item a,
    .board-list.M-progress .list-item a,
    .board-list.V-progress .list-item a {
        grid-template-columns: 1fr;
    }
    .board-list.out .list-item span::before,
    .board-list.C-progress .list-item span::before,      
    .board-list.M-progress .list-item span::before,  
    .board-list.O-progress .list-item span::before,
    .board-list.V-progress .list-item span::before {        
        display: inline-block;
        content: attr(aria-label);
        min-width: 14rem;
        font-weight: var(--font-weight-regular);
        color: var(--light-color-text-basic);
    }
    .board-list.O-progress .list-item span::before,
    .board-list.M-progress .list-item span::before  {
         min-width: 12rem;
    }
    .board-list.out .list-item span,
    .board-list.C-progress .list-item span, 
    .board-list.O-progress .list-item span,
    .board-list.M-progress .list-item span,
    .board-list.V-progress .list-item span {
        width: 100%;
        text-align: left;
    }
    .board-list.out .list-item span br,
    .board-list.C-progress .list-item span br, 
    .board-list.O-progress .list-item span br,
    .board-list.M-progress .list-item span br,
    .board-list.V-progress .list-item span br {
        display: contents;
    }
    .board-list.out .list-item.no-data span {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .board-list.out .list-item a,
    .board-list.C-progress .list-item a,
    .board-list.O-progress .list-item a,
    .board-list.M-progress .list-item a,
    .board-list.V-progress .list-item a {
        padding: var(--padding-6) 0;
        font-size: var(--pc-font-size-body-medium);
    }
}


@media (max-width: 1023px) {

    .board-list .list-item .num::before,
    .board-list .list-item .title::before,
    .board-list .list-item .file::before,
    .board-list .list-item .date::before,
    .board-list .list-item .hits::before,
    .board-list .list-item .name::before, 
    .board-list .list-item .modify::before,
    .board-list .list-item .question::before {
        text-align: left;
        display: inline-block;
        content: attr(aria-label);
        min-width: 7.2rem;
        font-weight: var(--font-weight-regular);
        color: var(--light-color-text-basic);
    }

    .board-list .list-item .file {
        display: flex;
    }

}

/* .board-list .list-item a>:not(.title) {
    flex-shrink: 0;
} */

/* 리스트 뷰 */
.board-view-top {
    border-top: 2px solid var(--color-gray-100);
    border-bottom: 1px solid var(--color-gray-20);
    display: flex;
    padding: var(--padding-8) 0;
    gap: var(--gap-5);
    flex-direction: column;
}

.board-view-title {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-3);
}

.board-view-title .badge {
    margin-top: var(--number-4);
}

.board-view-title h3 {
    font-size: var(--pc-font-size-heading-medium);
    word-break: keep-all;
    word-wrap: break-word;
}

.board-view-class {
    display: flex;
    column-gap: var(--gap-3);
    font-size: var(--pc-font-size-body-small);
    font-weight: var(--font-weight-bold);
    flex-wrap: wrap;
}

.board-view-class li {
    margin-right: var(--padding-6);
    padding-right: var(--padding-6);
}
.board-view-class li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.board-view-class li::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: var(--color-gray-50);
    top: 2px;
    right: -20px;
}
.board-view-class li:last-child:after {
    background: none;
}

.board-view-class li span {
    font-weight: var(--font-weight-regular);
    padding-right: var(--padding-3);
}

.board-view-middle {
    padding: var(--padding-10) 0;
}

.board-view-middle img {
    padding: var(--padding-8) 0;
    max-width: 76rem;
    width: 100%;
}

.board-view-file {
    background-color: var(--light-color-surface-gray-subtle);
    padding: var(--padding-6);
    border-radius: var(--radius-medium3);
}

.board-view-file .h-tit {
    padding-bottom: var(--padding-3);
    font-size: var(--pc-font-size-heading-xsmall);
    display: flex;
    gap: var(--gap-3);
}

.board-view-file ul {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
    background-color: var(--light-color-surface-white-subtle);
    border-radius: var(--radius-small2);
    padding: var(--padding-3);
    justify-content: flex-start;
}

.board-view-file li+li {
    border-top: 1px dashed var(--light-color-border-disabled);
    padding-top: var(--padding-3);
}

.file-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--pc-font-size-body-small);
    gap: var(--gap-5);
}

.file-box.file-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.board-view-file .file-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.file-info .file-name {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    margin-right: var(--number-8);
}

.fieldset-group .file-info .file-name {
    font-weight: var(--font-weight-bold);
}

.fieldset-group .file-box .file-box .file-name {
    font-weight: var(--font-weight-regular);
}

@media (max-width: 767px) {
    .file-box.file-view {
        flex-direction: column;
        align-items: flex-start;
    }

    .board-view-file .file-box {
        display: inline;
    }
}

.file-info strong {
    margin-right: var(--padding-3);
    white-space: nowrap;
}

.file-info .file-size {
    margin-right: var(--padding-3);
    white-space: nowrap;
}

.board-view-file li .btn.xsmall {
    height: var(--button--size-height-xxsmall);
}

.file-box.disabled .file-box,
.file-box.view .file-box {
    display: flex;
    flex-direction: row;
    background-color: var(--light-color-surface-disabled);
    border-radius: var(--radius-small2);
    width: 100%;
    flex: 1;
    padding: var(--padding-3);
}
.file-box.disabled.view  {
    gap: var(--gap-5);
}

@media (max-width: 767px) {
    .file-box  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-3);
    }

    .file-box.disabled .file-box {
        margin-left: 0;
    }    
}

.file-box .is-error {
    width: 100%;
    flex: 1;
    border: var(--file-upload--border-medium) solid var(--file-upload--list-color-border-error);
    background-color: var(--file-upload--list-color-surface);
    padding: var(--file-upload--list-padding);
    border-radius: var(--file-upload--list-radius);
    margin-left: var(--padding-5);
}

.file-box.error .file-box {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .file-box.error {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-3);
    }

    .file-box .is-error {
        margin-left: 0;
    }
}

.file-box .is-error .file-hint {
    color: var(--file-upload--list-color-text-error);
}

.file-box.add #btn-add-etc-doc {
    background-color: var(--button--color-text-fill-hover);
}

@media (max-width: 767px) {
    .file-box.add .form-col-group {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.file-box .btn-wrap {
    display: flex;
    align-items: center;
    width: auto;
    gap: var(--gap-3);
}
@media (max-width: 767px) {
    .file-box .btn-wrap {
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-end;
    }
}

.file-box.flex-row {
    align-items: center;
}
.file-box .form-group.flex-row {
    width: auto;
    align-items: center;
}

/* 답변 */
.board-view-file+.answer-wrap { 
    margin-top:  var(--padding-10);
}
.answer-wrap {
    background-color: var(--light-color-surface-gray-subtler);
    padding: var(--padding-8);
    padding-bottom: 0;
    border-radius: var(--radius-xlarge1);
}
.answer-wrap .board-view-top {
    border-top: none;
    padding-top: 0;
}

/* 이전 다음 글 */
.board-view-bottom {
    border-top: 1px solid var(--color-gray-20);
    margin-top: var(--padding-10);
    display: flex;
    flex-wrap: wrap;
}

.board-view-bottom dt {
    text-align: center;
    border-bottom: 1px solid var(--color-gray-20);
    padding: var(--padding-6);
    font-weight: var(--font-weight-bold);
}

.board-view-bottom dd {
    flex: 1 calc(100% - 10rem);
    border-bottom: 1px solid var(--color-gray-20);
    padding: var(--padding-6) var(--padding-6) var(--padding-6) 0;
}

.board-view-bottom a:hover {
    text-decoration: underline;
    color: var(--color-primary-70);
}

/* 리스트 입력 */
.board-edit {
    border-top: 2px solid var(--color-gray-100);
    border-bottom: 1px solid var(--color-gray-20);
    display: flex;
    padding: var(--padding-10) 0;
    gap: var(--gap-5);
    flex-direction: column;
    margin-bottom: var(--padding-10);
}
@media (max-width: 767px) {
    .board-edit {
        padding: var(--padding-8) 0;
    }
}

.board-edit .essential {
    color: var(--color-primary-60);
    margin-right: var(--number-3);
    font-weight: var(--font-weight-regular);
}



/* 달력 */
.calendar-input {
    display: flex;
    align-items: center;
    gap: var(--gap-3);
}

.date-time li.calendar {
    flex: 1 1 25% !important
}

.calendar-input .width-half {
    width: 50% !important;
    gap: var(--gap-3);
}

.file-box .calendar-input ul:first-child {
    width: 16rem !important;
}

.file-box .calendar-area .calendar-wrap {
  right: 0 ;
  left: auto;
  bottom: 4.8rem;
}

@media (max-width: 1200px) {
    .calendar-input {
        align-items: flex-start;
        flex-direction: column;
    }

    .calendar-input .width-half {
        width: 70% !important;
    }

    .calendar-input ul:first-child {
        width: calc(70% + 1.4rem) !important;
    }
    .form-group-row.center .calendar-input ul:first-child {
        width: auto !important;
    }

}

@media (max-width: 600px) {
    .calendar-input .width-half {
        width: 98% !important;
    }
    .calendar-input ul:first-child {
        width: calc(98% + 1.4rem) !important;
    }

}

/* 파일 업로드 */
.file-upload-btn-wrap {
    display: flex;
}
.file-head .info-list {
    gap: var(--gap-2);
}
.file-upload .file-list .upload-delete-btn {
    display: flex;
    justify-content: flex-end;
}
.file-upload .file-list .upload-down-btn {
  position: absolute;
  top: 0;
  right: 0;
}

/* 신청서류 첨부파일 */
.form-hint-wrap {
    gap: 0;
}
.form-hint-wrap .form-hint-information {
    align-items: flex-start;
}
.form-hint-wrap .form-hint-information::before {
    margin-top: 3px;
    min-width: 1.6rem;
}
.upload-list-wrap {
    position: relative;
}


/* text */
.text-list-box {
    background: var(--color-secondary-5);
    padding: var(--padding-8);
    display: flex;
    flex-direction: column;
    gap: var(--gap-5);
    border-radius: var(--radius-xlarge2);
    border: 1px solid var(--color-secondary-10);
}
.text-list-box li {
    display: flex;
    gap: var(--gap-3);
}
.text-list.dot {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
}
.text-list-box li .important{
    display: contents;
}
h3+.text-list-box {
    margin-top: var(--padding-3);
}

@media (max-width: 767px) {
    .text-list-box {
        padding: var(--padding-6);
    }
}

.text-list-box .text-list.dot li {
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
}

.text-list.dash>li::before {
    content: "";
    width: 6px;
    height: 2px;
    border-radius: 10rem;
    background-color: var(--color-gray-50);
    top: 1rem;
}
.text-list.dot>li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 10rem;
    background-color: var(--color-gray-70);
    top: 1rem;
}
.text-list>li::before {
    position: absolute;
    top: 0;
    left: 0;
}

.text-list-title {
    font-size: var(--pc-font-size-body-large);
}

.text-list>li {
    position: relative;
    padding-left: var(--padding-6);
}

.text-list.list-num li {
    padding-left: 0
    ;
    display: flex;
    gap: var(--gap-3);
}

/* 결합신청 */
.combination-group {
    width: 100%;
    display: flex;
    gap: var(--gap-7);
    align-items: stretch;    
}
.combination-group .form-chip {
    display: flex;
    flex: 1;    
}
.combination-group .form-chip button  {
    border-radius: var(--radius-xlarge1);
    border: 1px solid var(--light-color-border-gray);    
    flex: 1;
    text-align: center;
    font-size: var(--pc-font-size-body-large);
    font-weight: var(--font-weight-bold);
    padding: var(--padding-9) 0  15rem;
    background-position: center 9rem;
    background-repeat: no-repeat;
    justify-content: center;
}
.combination-group .form-chip button:focus {
    background-color: var(--form-chip--color-action-checked);
    color: var(--form-chip--color-text-checked);
}
.combination-group li br { 
    display: contents;
}
.combination-group .form-chip:nth-child(1) button {
    background-image: url(../img/content/combination01.svg);
}
.combination-group .form-chip:nth-child(2) button {
    background-image: url(../img/content/combination02.svg);
}
.combination-group .form-chip:nth-child(3)  button {
    background-image: url(../img/content/combination03.svg);
}
@media (max-width: 1280px) {
    .combination-group li br { 
        display: block;
    }
    .combination-group .form-chip button  {
        padding: var(--padding-8) 0  13rem;
        background-position: center 10rem;
    }
}
@media (max-width: 600px) {
   .combination-group {
        flex-direction: column;
        gap: var(--gap-5);
   } 
    .combination-group li br { 
        display: contents;
    }
    .combination-group .form-chip button  {
        padding: var(--padding-9) 0  12rem;
        background-position: center 7rem;
    }
}

/* 신청 */
.form-edit {
    border-top: 2px solid var(--color-gray-100);
    border-bottom: 1px solid var(--color-gray-20);
    display: flex;
    padding: var(--padding-10) 0;
    gap: var(--gap-7);
    flex-direction: column;
}
@media (max-width: 767px) {
    .form-edit {
        padding: var(--padding-8) 0;
    }
}

.form-edit .essential {
    color: var(--color-primary-60);
    margin-right: var(--number-3);
    font-weight: var(--font-weight-regular);
}

.fieldset-group {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--gap-3);
    width: 100%;
}

.fieldset-group .fieldset-tit {
    font-size: var(--pc-font-size-heading-medium);
}

.fieldset-group .fieldset-tit .font-small {
    font-size: var(--pc-font-size-body-small);
}
@media (max-width: 767px) {
    /* .file-list .fieldset-tit {
        padding-bottom: var(--number-12);
    }

    .file-upload .file-list .upload-delete-btn {
        position: absolute;
        top: var(--number-11);
        left: 0;
    } */
}

.txt-box.important {
    outline: 1rem solid var(--light-color-border-primary-light);
    border: 1px solid var(--color-primary-50);
    width: 100%;
    margin: var(--padding-4) 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--gap-5);
}

.txt-box.secondary {
    background-color: var(--light-color-surface-secondary-subtler);
    width: 100%;
    border: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--gap-5);
}

.txt-box.bg-gray {
    width: 100%;
    border: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--gap-5);
}
.txt-box.bg-success {
    background-color: var(--light-color-border-success-light);
    border: 1px solid var(--light-color-border-success-light);
}
.txt-box.border {
    border: 0.1rem solid var(--light-color-input-border);
    border-radius: var(--radius-medium1);
    padding:var(--padding-5) var(--padding-6);
}

.fieldset-group .file-upload .file-upload {
    padding: 0;
    background: none;
    border: 0;
}

/* 탭 */
@media (max-width: 1200px) {
    .tab.full>ul>li {
        flex: auto;
    }
}

@media (max-width: 767px) {
    .tab.full .btn-tab {
        font-size: var(--tab--full-button-mobile-font-size);
    }
}

/* 신청 완료 */
.form-complete {
    border-top: 2px solid var(--color-gray-100);
    display: flex;
    padding-top: var(--padding-10);
    flex-direction: column;
}

.comp-msg-wrap {
    --comp-color-text-primary: var(--light-color-text-primary);
    margin-bottom: var(--pc-gap-layout-h2-h3);
    font-size: var(--pc-font-size-heading-large);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--typo-letter-spacing-1);
    text-align: center;
}
@media (max-width: 767px) {
    .form-complete {
        padding-top: var(--padding-8);
    }
     .comp-msg-wrap {
        font-size: var(--pc-font-size-heading-medium);
        margin-bottom: var(--number-10);
    }
}
.comp-msg-wrap .point {
    color: var(--comp-color-text-primary);
}

.comp-info-box {
    --comp-color-background: var(--light-color-surface-secondary-subtler);
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--gap-7);
    padding: var(--padding-8);
    border-radius: var(--radius-xlarge1);
    background: var(--comp-color-background);
}

.comp-info-box.def-list-wrap .def-list {
    padding: 0;
    border: 0;
}

.comp-info-box.def-list-wrap .list {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
}
@media (max-width: 767px) {
    .comp-info-box.def-list-wrap .list {
        gap: var(--gap-2);
    }
}

.def-list-wrap .def-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-5) 0;
}

@media (max-width: 767px) {
    .def-list-wrap .def-list {
        gap: var(--gap-4) 0;
        padding: var(--padding-6) 0;
    }
}

.def-list-wrap .def-list>dt {
    width: 18rem;
    font-weight: var(--font-weight-bold);
}

@media (max-width: 767px) {
    .def-list-wrap .def-list>dt {
        width: 8.6rem;
    }
}

.def-list-wrap .def-list>dd {
    width: calc(100% - 18rem);
}

@media (max-width: 767px) {
    .def-list-wrap .def-list>dd {
        width: calc(100% - 8.6rem);
    }
}

@media (max-width: 767px) {
    .comp-info-box.def-list-wrap .def-list {
        flex-direction: column;
        gap: var(--gap-3);
    }

    .comp-info-box.def-list-wrap .def-list>dd {
        width: 100%;
        margin-bottom: var(--padding-3);
    }

    .comp-info-box.def-list-wrap .def-list>dd:last-child {
        margin-bottom: 0;
    }
}

.comp-btn-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    gap: var(--gap-7);
    margin-top: var(--gap-9);
}

@media (max-width: 767px) {
    .comp-btn-wrap.m-column {
        flex-direction: column;
        align-items: stretch;
    }
}


/* 반출 신청 */
.txt-box.point {
    background-color: var(--color-primary-10);
    border: 1px solid var(--light-color-border-secondary-light);
    font-size: var(--pc-font-size-body-large);
    font-weight: var(--font-weight-bold);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .txt-box {
        padding: var(--padding-6);
    }
    .txt-box.point {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-7);
    }
}

.txt-box.point .info-list {
    gap: var(--gap-3);
}

.txt-box.point .info-list li {
    flex: 1;
    font-size: var(--pc-font-size-body-large);    
}

.txt-box.point .info-list li .primary {
    color: var(--color-primary-60);
}

.txt-box.point .info-list.row {
    flex-direction: row;
    flex: 1;    
}

@media (max-width: 767px) {
    .txt-box.point .info-list.row {
        flex-direction: column;
    }
}
.txt-box.point .step-wrap {
    width: 38rem;
}
@media (max-width: 767px) {
    .txt-box.point .step-wrap {
        width: 90%;
    }
}
.txt-box.point .step-wrap>li {
    width: 25%;
} 


/* 진행현황 */
/* 검색 영역 */
.search-top-box.sch-filter-box {
    padding: var(--padding-8);
    border-radius: var(--radius-xlarge1);
    background: var(--light-color-surface-secondary-subtler);
    margin-bottom: var(--padding-8);
}

.search-top-box.sch-filter-box .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-top-box.sch-filter-box .form-col-group {
    justify-content: center;
    gap: var(--gap-5);
}

.search-top-box.sch-filter-box .form-wrap-group {
    display: inline-flex;
    gap: var(--gap-5);
}
.search-top-box .form-group {
    position: relative;
}
.search-top-box .form-group .btn-delete {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    right: var(--padding-6);
    transform: translateY(-50%);
}
@media (max-width: 1280px) {
    .search-top-box.sch-filter-box .form-group {
        flex-wrap: wrap;
    }
    .search-top-box.sch-filter-box .form-wrap-group {
        align-items: flex-end;
    }  
    .modal-conts .search-top-box.sch-filter-box .form-group {
        flex-wrap: nowrap;
    }  
}
@media (max-width: 767px) {
    /* .search-top-box.sch-filter-box .form-group {
        flex-wrap: nowrap;
    } */
    .modal-conts .search-top-box.sch-filter-box .form-group {
        flex-wrap: wrap;
    }
    .search-top-box.sch-filter-box .form-col-group {
        gap: var(--gap-4);
        
    }
    .search-top-box.sch-filter-box .form-wrap-group {
        gap: var(--gap-4);
    }
    .search-top-box .form-wrap-group {
        flex-wrap: wrap;
    }
    .form-col-group .form-group.search-btn,
    .form-col-group .form-group.search-btn button {
        width: 100%;
    }
    .form-col-group .form-group.search-btn span.sr-only {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }
}

/* 진행현황 상세*/
.fieldset-list-wrap {
    width: 100%;
}

.fieldset-def-list {
    border-bottom: 1px solid var(--color-gray-20);
    display: grid;
    grid-template-columns: 160px 1fr 160px 1fr;
}

.fieldset-def-list dt {
    padding: var(--padding-5) var(--padding-6);
    border-top: 1px solid var(--color-gray-20);
    font-weight: var(--font-weight-bold);
    background-color: var(--light-color-surface-secondary-subtler);
}

.fieldset-def-list dd {
    padding: var(--padding-5) var(--padding-6);
    border-top: 1px solid var(--color-gray-20);
}

.fieldset-def-list dd.column {
    grid-column: 2 / span 3;
}

@media (max-width: 767px) {
    .fieldset-def-list {
        grid-template-columns: 160px 1fr;
    }

    .fieldset-def-list dt,
    .fieldset-def-list dd {
        padding: var(--padding-3) var(--padding-6);
        word-break: keep-all;
    }

    .fieldset-def-list dd.column {
        grid-column: auto;
    }
}

/* 평가 */
.assess-opinion-list .input { 
    height: 4.4rem;
}


/* 기관소개 */
.introduction h3 {
    font-size: var(--pc-font-size-heading-medium);
}
.introduction h3 br {
    display: contents;
}
.introduction h4 {
    font-size: var(--pc-font-size-heading-small);
}

.introduction div {
    margin-bottom: var(--number-10);
}
.introduction div:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .introduction h3 br {
    display: block;
}
}

/* 신청 방법 안내 */
.procedure-step h3 {
    font-size: var(--pc-font-size-heading-medium);
    margin-bottom: var(--number-6);
}
.procedure-step ul + h3 {
    margin-top: var(--number-10);
}
.procedure-list { 
    display: flex;
    flex-direction: column;
    gap: var(--gap-5);
}
.procedure-step strong {
    display: block;
    margin-bottom: var(--number-4) ;
 }
.procedure-step .text-list-box li {
    font-size: var(--pc-font-size-body-medium);
    flex-direction: column;
    gap: var(--gap-2);
 }
 .procedure-step .text-list-box ul li { 
    margin-left:  var(--number-8);
    margin-bottom: var(--number-6);
 }
.procedure-step .text-list-box ul ul li { 
    display: inline-block;
    font-size: var(--pc-font-size-body-medium);
    text-indent: -2rem;
    margin: 0;
    margin-left: 2.8rem;
}
.procedure-step .text-list-box ul ul li span.num { 
    position: relative;
    display: inline-block;
    background: var(--color-gray-100);
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    color: var(--color-gray-0);
    text-indent: .5rem;
    font-size: 1.2rem;  
    margin-right: .6rem;  
    top: -1px;
}
.procedure-step .link {
    text-decoration: underline;
    text-underline-offset: var(--font-underline-offset);
    word-break: keep-all;
}

/* 자주하는질문 */
.accordion .accordion-item .btn-accordion span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.4rem 1.2rem;
    margin-right: 1.6rem;
    font-size: var(--pc-font-size-body-small);
    color: var(--color-gray-90);
    background-color: var(--color-gray-10);
    border-radius: 10rem;
    transition: 0.4s all;
}

.accordion .accordion-body span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    padding: 0.4rem 1.2rem;
    margin-right: 1.6rem;
    font-size: var(--pc-font-size-body-small);
    color: var(--color-gray-0);
    background: var(--color-gray-50);
    border-radius: 10rem;
    transition: 0.4s all;
}

.accordion .accordion-body p {
    padding-top: var(--padding-2);
}

.accordion .accordion-item {
    counter-increment: item;
}

.accordion-item .btn-accordion {
    display: flex;
    align-items: center;
    padding: var(--padding-6);
    line-height: 1.5;
}

.accordion .accordion-item .btn-accordion::after {
    right: var(--padding-6);
}

.accordion .accordion-item .btn-accordion.active {
    color: var(--color-primary-50);
}

.accordion .accordion-item .btn-accordion.active span {
    color: var(--color-gray-0);
    background: var(--color-primary-50);
}

.accordion .accordion-item .btn-accordion::after {
    top: 3rem;
}

.accordion .accordion-item .btn-accordion:hover {
    font-weight: 700;
    text-decoration: underline;
    color: var(--color-primary-50);
}

.accordion .accordion-item .btn-accordion span:hover {
    color: var(--color-gray-0);
    background: var(--color-primary-50);
}

.accordion .accordion-item .accordion-body {
    display: flex;
}

/* 이용자교육 */
.video-wrap { 
    display: flex;
    flex-direction: column;
}
.video-wrap video { 
    order: 2;
    margin-top: var(--number-8);
}
.video-wrap .page-btn-wrap { order: 3;}
.video-wrap .accordion { order: 4;}
video { width: 100%;}


.accordion.subtitles {
    margin-top: var(--number-10);
    background-color: var(--light-color-surface-gray-subtle);
    border: 0.1rem solid var(--accordion--color-divider);
    border-radius: var(--radius-large1);
    padding: 0;
}
.accordion.subtitles .accordion-item {
    padding: 0;
}
.accordion.subtitles .accordion-item .btn-accordion {
    padding: var(--padding-6) 0;
    justify-content: center;
    border-radius: var(--radius-large1);
}
.accordion.subtitles .accordion-item .btn-accordion::after {
    top: 1.6rem;
}

.accordion.subtitles .accordion-item .btn-accordion.active:focus {
    border-radius: var(--radius-large1);
}
.accordion.subtitles .accordion-item.active .accordion-body {
    background-color: var(--light-color-surface-white);
    padding: var(--padding-6);
}
/* 본인확인 */
.identify-area {
    padding-top: var(--padding-10);
}
.identify-area .comp-msg-wrap {
    margin-bottom: var(--number-10);
}
@media (max-width: 767px) {
    .identify-area .comp-msg-wrap {
        font-size: var(--pc-font-size-heading-medium);
    }
}

.identify-area p {
    text-align: center;
}
/* .identify-area .comp-btn-wrap a {
    position: relative;
    min-width: 30rem;
} */
@media (max-width: 767px) {
    .identify-area .comp-btn-wrap a {
        min-width: 100%;
    }
}
/* .identify-area .comp-btn-wrap a::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/component/icon/ico_angle.svg);
    width: 2.4rem;
    height: 2.4rem;
    transform: rotate(-90deg);
    right: 2.4rem;
} */

/* ** 약관동의  ** */
/* 약관동의 전체동의 */
.terms-agree-all {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  align-items: center;
}
.terms-agree-all .form-check input[type=checkbox] ~ label {
  font-size: var(--pc-font-size-heading-small);
  font-weight: var(--font-weight-bold);
  gap: var(--gap-5);
}
/* 약관동의 리스트 */
.agree-tit {
    font-size: var(--pc-font-size-heading-medium);
}
.agree-box {
    font-weight: var(--font-weight-bold);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin: -.8rem var(--number-8) 0 var(--number-8);
    gap: var(--gap-3);
}
.agree-list {
    display: flex;
    gap: var(--gap-5);
    flex-direction: column;
}
.agree-list li  {
    position: relative;
    padding-left: 0;
}
.agree-list li>span {
    position: absolute;
    left: 0;
    padding-right: var(--padding-3);
}
.agree-list li p {
    font-weight: var(--font-weight-bold);
}

.agree-list li p span {
    padding-right: var(--padding-3);
}
.agree-list ul {
    padding-left: var(--padding-8);
}
.agree-list .text-list.dot {    
    gap: var(--gap-1);
}
.agree-list .text-list.dot li {
    padding-left: var(--padding-5);
}

@media (max-width: 767px) {
  /* 약관동의 전체동의 */
  .terms-agree-all .form-check input[type=checkbox] ~ label {
    font-size: var(--mobile-font-size-heading-small);
  }
  /* 약관동의 리스트 */
  .terms-agree-ul .agree-box {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-7);
    padding: var(--mobile-padding-card-small);
  }
  .terms-agree-ul .check-area {
    width: 100%;
    gap: 0;
  }
  .terms-agree-ul .check-area .form-check {
    flex: 1;
    text-align: left;
  }
}

/* 방문예약신청 */
.form-group-row.center {
    align-items: center;
}
@media (max-width: 767px) {
    .form-group-row.center {
        align-items: flex-start;
        gap: var(--gap-3);
    }
}
.form-group-row.center .form-label { 
    white-space: nowrap;
    min-width: 10rem;
}
.form-group-row.center .form-label.width-lage { 
    min-width: 17rem;
    width: auto !important;
}
.form-group-row.center .form-label.width-small { 
    min-width: 7rem;
    width: auto !important;
}
.form-group-row.center .form-label.top { 
    position: relative;
    top : -1.2rem;
}
.form-group-row .file-info {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}
.form-group-row .btn-wrap {
    display: flex;
    align-items: center;
    width: auto;
    gap: var(--gap-5);
}
.form-group-row .file-box {
    display: flex;    
    gap: var(--gap-5);
}
@media (max-width: 767px) {
    .form-group-row .file-box {
        align-items: flex-end;
    }
    .form-group-row.center .form-label.top { 
        position: relative;
        top : 0;
    }
}

.form-group-row .file-box .file-box {
    border: 0.1rem solid var(--color-gray-50);
    border-radius: var(--radius-medium1);
    margin-left: 0;
    padding: var(--padding-3);    
    display: flex;
    flex-direction: row;
    align-items: center;
}
.form-group-row.package {
    flex-wrap: wrap;
    gap: var(--gap-5);
}
.form-group-row.package div {
    width: calc(20% - 1.6rem);
    white-space: nowrap;
}
.no-txt-box {
    padding: 0 2.4rem;
}
@media (max-width: 767px) {
    .no-txt-box {
        padding: 0 1.6rem;
    }
}
@media (max-width: 400px) {
    .no-txt-box {
        padding: 0 ;
    }
}

.form-group-row .text.white {
    background-color: var(--color-gray-0);
    margin-left: var(--number-5);
}
@media (max-width: 767px) {
    .form-group-row .form-hint-information {
        justify-content: flex-end;
    }
}

/* 공동 연구자 모달 */
.modal-conts .search-top-box {
    margin-bottom: var(--number-6);
}

@media (max-width: 767px) {
   .collaborator-wrap .table-wrap {
        overflow-x: hidden;
    }
    .collaborator-wrap .table-wrap .tbl {
        min-width: auto;
        width: 100%;
    }
    .collaborator-wrap .table-wrap .tbl.data tbody th, .collaborator-wrap .table-wrap .tbl.data tbody td {
        word-break: break-word;
        padding: var(--padding-4) ;
    }
    
}
/* 누리집안내지도 전체메뉴 */
.site-map {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-9);
}

.site-map strong {
    font-size: var(--pc-font-size-heading-xsmall);
    text-align: center;
    padding: var(--padding-6) 0;
    background: var(--light-color-surface-secondary-subtler);
    color: var(--light-color-text-basic);
    border-radius: var(--radius-medium4);
    border: 1px solid var(--light-color-border-secondary-light);
}

.site-map>li {
    display: flex;
    flex-direction: column;
    width: calc((100% - 8rem) / 3);
}

@media (max-width: 767px) {
    .site-map {
        gap: var(--gap-7);
    }
    .site-map>li {
        width: calc((100% - 2.4rem) / 2);
    }
}

@media (max-width: 480px) {
    .site-map>li {
        width: 100%;
    }
}

.site-map>li>ul {
    margin-top: var(--padding-6);
    background: var(--light-color-surface-gray-subtler);
    border-radius: var(--radius-medium4);
    padding:  var(--padding-4) var(--padding-8) var(--padding-9) var(--padding-8);
}

.site-map a {
    position: relative;
    display: flex;
    font-weight: var(--font-weight-bold);
    font-size: var(--pc-font-size-body-small);
    padding: var(--padding-6) var(--padding-4);
    border-bottom: 1px solid var(--color-gray-20);
}
.site-map a::before {
    display: inline-flex;
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left: 0%;
    width: 0;
    height: 0.3rem;
    background-color: var(--color-secondary-70);
    transition: var(--transition-base);
}

.site-map a:hover::before {
    left: 0;
    width: 100%;
}


/* 개인정보처리방침 */
.policy-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--gap-7);
}

.policy-wrap h3 {
    font-size: var(--pc-font-size-heading-medium);
    margin-bottom: var(--number-5);
}
.policy-wrap h4 {
    font-size: 2.1rem;
    margin-bottom: var(--number-5);
    display: flex;
    align-items: flex-start;
}

.policy-wrap h4 img {
    width: 3.2rem;
    margin-right: var(--number-5);
}
.policy-wrap .label {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gap-7);
}

.policy-wrap .label>li {
    display: flex;
    flex-direction: column;
    width: calc((100% - 4.8rem )/3);
    padding: var(--padding-6);
    background: var(--light-color-surface-gray-subtler);
    align-items: center;
    text-align: center;
    border-radius: var(--radius-large1);
}

.policy-wrap .label>li img {
    width: 50%;
}

.policy-wrap .label>li em {
    font-weight: 700;
    margin: var(--number-5) 0;
    text-align: center;
}

.policy-wrap .label>li li {
    position: relative;
    font-size: var(--pc-font-size-body-small);
    padding-left: 0;
}


.policy-wrap .policy-list {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    padding: var(--padding-8);
    gap: var(--gap-3);
}
.policy-wrap .font-small {
    font-size: var(--pc-font-size-body-small);
}

.policy-wrap .policy-list li a {
    display: flex;
    font-size: var(--pc-font-size-body-medium);
    align-items: center;
    text-decoration: none !important;
}

.policy-wrap .policy-list li a:hover {
    text-decoration: underline !important;
}

.policy-wrap .policy-list li a img {
    width: 3.2rem;
    margin-right: 10px;
}
.policy-wrap .policy-con {
    padding-left: var(--padding-7);
}
.policy-wrap .policy-con li {
    padding-bottom: var(--padding-3);
    text-indent: -2rem;
}

.policy-wrap .policy-con li li {
    margin-left: var(--padding-7);
    padding-bottom: 0;
    padding-top: var(--padding-2);
}

.policy-wrap .list-dot>li {
    position: relative;
    padding-left: 10px;
}

.policy-wrap .list-dot>li li {
    padding-left: 0;
}

.policy-wrap .list-dot>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: #999;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}


.policy-wrap table th {
    border: 1px solid #d4d4d7;
}

.policy-wrap table td {
    border: 1px solid #d4d4d7;
}

.policy-wrap table tbody tr:first-child th,
.policy-wrap table tbody tr:first-child td {
    border-top: none;
}

.policy-wrap table th:first-child,
.policy-wrap table td:first-child {
    border-left: none;
}

.policy-wrap table th:last-child,
.policy-wrap table td:last-child {
    border-right: none;
}

.policy-con a,
.policy-con a:hover {
    text-decoration: underline !important;
    color: var(--light-color-text-primary);
}

@media (max-width: 767px) {
    .policy-wrap .label {
        gap: var(--gap-5);
    }
    .policy-wrap .policy-list li {
        width: 100%;
    }    
    .policy-wrap .policy-list {
        padding: var(--padding-6);
    }

}
@media (max-width: 640px) {
    .policy-wrap .label>li {
        width: calc((100% - 2.4rem )/2);
    }

}
@media (max-width: 480px) {
   .policy-wrap .label>li {
        width: 100%;
    } 
    .policy-wrap .label>li img {
        width: 30%;
    }
}

/* 이메일 */
.conts-area-all {
    display: flex;
    flex-direction: column;
    gap: var(--gap-7);
} 
.conts-area-group h3 {
    font-size: var(--pc-font-size-heading-medium);
    margin-bottom: var(--number-5);
}
.conts-area-all .font-small {
    font-size: var(--pc-font-size-body-small);
}
.txt-box .text-list-num {
    position: relative;
    padding-left: var(--padding-7);
}
.txt-box .text-list-num span {
    margin-left: -2rem;
}
.txt-box .text-list-num .none {
    margin-left: -2rem;
}