@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);
}

/* //공통 */
.text-primary {
    color: var(--color-primary-60);
}

.font-Hlarge {
    font-size: var(--pc-font-size-heading-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.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);
    }

}
/* 결합신청 신청번호 */

.form-group.w50 {    
    min-width: 18rem !important;
    width: 50%;
}
.pieces4 div:nth-of-type(1) input {
        min-width: auto;
        width: 100%;
    }
.pieces4 div:nth-of-type(2) {
    width: 100%;
}    
.pieces4 div:nth-of-type(2) input:nth-of-type(1) {
    min-width: 13rem;
}
.pieces4 div:nth-of-type(2) input:nth-of-type(2) {
    min-width: 7.6rem;
}
.pieces4 div:nth-of-type(2) input:nth-of-type(3) {
    min-width: 5.6rem;
}
@media (max-width: 767px) {
    .form-group.w50 {  
         width: 100% !important;
     }
}
@media (max-width: 650px) {
    .form-group-row.dash.pieces4 {
        flex-direction: column;
    }
    .pieces4 div:nth-of-type(1) {
        width: 100%;
    }
    .pieces4 div:nth-of-type(2) input:nth-of-type(1) {
        min-width: 11rem;
    }
    .pieces4 div:nth-of-type(2) input:nth-of-type(2) {
        min-width: 6rem;
    }
    .pieces4 div:nth-of-type(2) input:nth-of-type(3) {
        min-width: 4.6rem;
    }
}
.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 {
    position: relative;
    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 .answer {
    min-width: 7rem;
}

.board-list .list-item .question i {
    min-width: 2.4rem;
    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 {
    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 1fr 1fr 1fr 10rem 2fr 10rem; */
    grid-template-columns: 5rem 2fr 2fr 1fr 2fr 10rem;
}

.board-list.out .list-item a {
    display: grid;
    gap: var(--gap-2);
    /* grid-template-columns: 4rem 1fr 1fr 1fr 10rem 2fr 10rem;*/ 
    grid-template-columns: 5rem 2fr 2fr 1fr 2fr 10rem;
}

/* 결합 진행현황 리스트*/
.board-list.C-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
    /* grid-template-columns: 4rem 1fr 1fr 2fr 10rem 8rem 9rem 1fr; */
    grid-template-columns: 4rem 1fr 1fr 8rem 12rem 9rem;
}

.board-list.C-progress .list-item a {
    display: grid;
    gap: var(--gap-2);
    /* grid-template-columns: 4rem 1fr 1fr 2fr 10rem 8rem 9rem 1fr; */
    grid-template-columns: 4rem 1fr 1fr 8rem 12rem 9rem;
}

/* 반출 진행현황 리스트*/
.board-list.O-progress .list-top {
    display: grid;
    align-items: center;
    gap: var(--gap-2);
    grid-template-columns: 5rem 1fr 2fr 8rem 8rem 9rem;
}

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

/* 마이페이지 리스트*/
.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.M-progress .list-top,
    .board-list.O-progress .list-top {
        display: none;
    }

    .board-list.out .list-item a,
    .board-list.C-progress .list-item a,
    .board-list.M-progress .list-item a,
    .board-list.O-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 {
        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.M-progress .list-item span,
    .board-list.O-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.M-progress .list-item span br,
    .board-list.O-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.M-progress .list-item a,
    .board-list.O-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);
}

.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(--padding-3);
}

.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 {
    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);
    margin-left: var(--padding-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-wrap {
    justify-content: flex-end;
}

.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;
    }

}

@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;
}

/* 신청서류 첨부파일 */
.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-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.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-50);
    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);
}


/* 결합신청 */
.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 .selected {
    background-color: var(--form-chip--color-action-checked);
    /* color: var(--form-chip--color-text-checked); */
    border:.2rem solid var(--light-color-border-primary);
}

.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);
}


.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>dt {
        width: 100%;
    }
    .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;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    gap: var(--gap-5);  
}

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

.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;
}

.txt-box.point .step-wrap {
    order: 2;
    /* width: 38rem; */
}
.txt-box.point .step-wrap>li {
    width: 20%;   
}

@media (max-width: 1279px) {
    .txt-box.point {
        flex-direction: column;
    }
    .txt-box.point .info-list {
        order: 2;
    }
    .txt-box.point .step-wrap {
        order: 1;
    }
}

@media (max-width: 1023px) {
    .txt-box.point {
        flex-direction: row;
    }
    .txt-box.point .info-list {
        order: 1;
    }
    .txt-box.point .step-wrap {
        order: 2;
    }
}
@media (max-width:900px) {
    .txt-box.point {
        flex-direction: column;
    }
    .txt-box.point .info-list {
        order: 2;
    }
    .txt-box.point .step-wrap {
        order: 1;
    }
}
@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.row {
        flex-direction: column;
    }
    .txt-box.point .step-wrap {
        width: 90%;
    }
}
@media (max-width: 460px) {
     .txt-box.point .step-wrap > li .step-tit {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .txt-box.point .step-wrap > li.active .step-tit {
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
}

/* 결합신청 edit */
.txt-box.point.edit .step-wrap {
     order: 1;
}
.txt-box.point.edit .info-list {
    order: 2;  
}
.txt-box.point.edit .info-list li {
    display: flex;
    gap: var(--gap-3);
    align-items: center;
     
}

.txt-box.point.edit .info-list.decimal>li::before {
    position: relative;
    content: "";
    min-width: 0.4rem;
    min-width: 0.4rem;
    background-color: var(--info-list--depth1-color-text);
    border-radius: var(--radius-max);
    top: 0;
    left: -.4rem;
    margin-left: -.8rem;
}
@media (max-width: 650px) {
    .txt-box.point.edit .info-list li {
        align-items: baseline;
    }
    .txt-box.point.edit .info-list.decimal>li::before {
        top: -.4rem;
    }
}
@media (max-width: 460px) {
    .txt-box.point.edit .info-list li {
        padding-left: var(--padding-4);
        display: block;
    }
    .txt-box.point.edit .info-list.decimal>li::before {
        position: absolute;
        top: 1rem;
        left: .8rem;
    }
}

/* 진행현황 */
/* 검색 영역 */
.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 h4 {
    font-size: var(--pc-font-size-heading-small);
}

.introduction p {
    padding: var(--padding-6) 0 var(--padding-10);
}

.introduce {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-7);
    padding: var(--padding-8);
    background-color: var(--color-secondary-5);
    border: 1px solid var(--color-secondary-10);
    border-radius: var(--radius-xlarge1);
    font-size: var(--pc-font-size-body-small);
}

.introduce li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    border-radius: var(--radius-xlarge1);
    padding: var(--padding-8) 0;
    background-color: var(--color-gray-0);
    background-repeat: no-repeat;
    padding-top: 9rem;
    background-position: center 2.4rem;
}

.introduce li strong {
    font-size: var(--pc-font-size-heading-small);
}

.introduce li span {
    font-weight: var(--font-weight-bold);
    font-size: var(--pc-font-size-body-medium);
}

.introduce li:nth-child(1) {
    background-image: url(../img/content/introduce01.svg);
}

.introduce li:nth-child(2) {
    background-image: url(../img/content/introduce02.svg);
}

.introduce li:nth-child(3) {
    background-image: url(../img/content/introduce03.svg);
}

@media (max-width: 767px) {
    .introduce li {
        flex: 1 1 55%;
    }
}


/* 신청 방법 안내 */
.procedure h3 {
    font-size: var(--pc-font-size-heading-medium);
}

.procedure h4 {
    font-size: var(--pc-font-size-heading-small);
}

.procedure-step {
    display: flex;
    gap: var(--gap-5);
    flex-wrap: wrap;
}

.procedure-step li {
    position: relative;
    display: flex;
    justify-content: center;
    flex: 1;
    padding: var(--padding-4) 0;
    border-radius: var(--radius-medium2);
    color: var(--light-color-text-basic);
    gap: var(--gap-3);
    background-color: var(--light-color-surface-white-subtle);
    border: 1px solid var(--color-secondary-20);
    font-weight: var(--font-weight-bold);
}

/* .procedure-step li:nth-child(1) {
    align-items: center;
}
.procedure-step li:nth-child(6) {
    align-items: center;
} */
.procedure-step span {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10rem;
    justify-content: center;
    align-items: center;
    color: var(--light-color-text-basic-inverse);
    font-weight: var(--font-weight-regular);
}

.procedure-step li:nth-child(1) span,
.procedure-list li:nth-child(1) h4 span {
    background-color: var(--color-primary-40);
}

.procedure-step li:nth-child(2) span,
.procedure-list li:nth-child(2) h4 span {
    background-color: var(--color-primary-50);
}

.procedure-step li:nth-child(3) span,
.procedure-list li:nth-child(3) h4 span {
    background-color: var(--color-primary-60);
}
.procedure-step li:nth-child(4) span,
.procedure-list li:nth-child(4) h4 span {
    background-color: var(--color-secondary-60);
}
.procedure-step li:nth-child(5) span,
.procedure-list li:nth-child(5) h4 span {
    background-color: var(--color-secondary-70);
}
.procedure-step li:nth-child(6) span,
.procedure-list li:nth-child(6) h4 span {
    background-color: var(--color-secondary-80);
}
@media (max-width: 1280px) {
    .procedure-step li {
        flex: 1 1 30%;
    }
}

@media (max-width: 1023px) {
    .procedure-step li {
        flex: 1;
    }
}

@media (max-width: 900px) {
    .procedure-step li {
        flex: 1 1 30%;
    }
}

@media (max-width: 500px) {
    .procedure-step li {
        flex: 1 1 60%;
        justify-content: flex-start;
        padding: var(--padding-4) var(--padding-8);
    }

    .procedure-step li br {
        display: contents;
    }
}

.procedure-list {
    margin-bottom: var(--number-10);
}

.procedure-list h4 {
    position: relative;
    padding: var(--padding-8) 0 var(--padding-3) var(--padding-10);
}

.procedure-list h4 span {
    position: absolute;
    left: 0;
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10rem;
    justify-content: center;
    align-items: center;
    color: var(--light-color-text-basic-inverse);
    font-size: var(--pc-font-size-body-medium);
    font-weight: var(--font-weight-regular);
}

.procedure-list .text-list {
    position: relative;
    padding-left: var(--padding-8);
}

.step-img {
    margin-top: var(--number-5);
}

/* 자주하는질문 */
.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;
}

/* 본인확인 */
.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;
} */

/* 누리집안내지도 전체메뉴 */
.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;
}