@charset "utf-8";
/* ========================================
= [DEV CSS STYLE] 개발 이후 스타일
= Description: Modified After Development
======================================== */

/* [DEV - Main] 수정 - Main */


/* [DEV - Sub] 수정 - Sub */
.sub.inventory{ padding-bottom: var(--gap-240-160); }
.sub.inventory .page-header,
.sub.inventory .page-header + .page-content{ padding-top: var(--gap-160-84); }

.sub.inventory .select{border: none; border-bottom: 1px solid var(--gray-light); }

.sub.inventory #brand.select    { width: 220px; }
.sub.inventory #category.select { width: 140px; }
.sub.inventory .search-label    { position: relative; }
.sub.inventory .search-label .input{ width: clamp(280px,36.46vw,350px); padding-right: 80px; }
.sub.inventory .search-label .btn.line-b{
    padding-inline: 16px; height: 32px; border-radius: 4px;
}

.sub.inventory .table-wrap{ }
.sub.inventory .table-wrap th,
.sub.inventory .table-wrap td   { font-size: 14px; }

.sub.inventory .table-wrap th { height: 60px; border-bottom: none; border: 0; }
.sub.inventory .table-wrap td { height: 52px; padding-block: 12px; padding-inline: 6px; }
.sub.inventory .table-wrap .bl-n { border-left: none !important }
.sub.inventory .table-wrap .br-n { border-right: none !important }
.sub.inventory .table-wrap .br-t { border-top: none !important }


@media all and (min-width: 1024px) {
    body.is-desktop .sub.inventory .page-header .title-wrap{
        justify-content: space-between;
        flex-direction: unset; align-items: center;
    }
    body.is-desktop .sub.inventory .page-header .title-wrap .page-txt{ text-align: right; }
}
@media all and (max-width:1023px) {}
@media all and (max-width:767px) {
    .sub.inventory .fieldset{ flex-wrap: wrap }
    .sub.inventory .fieldset .field-01{ width: 100%; }
    .sub.inventory .fieldset .field-02{ width: 100%; }
    .sub.inventory .select{ width: 100% !important; height: var(--medium); padding-inline: 12px; padding-right: 16px; }
    .sub.inventory .search-wrap,
    .sub.inventory .search-wrap form,
    .sub.inventory .search-label{ width: 100%; }
    .sub.inventory .search-label .input{width: 100%; padding-right: 65px}

    .sub.inventory .table-wrap{ overflow-x: auto; }
    .sub.inventory .table-wrap table { width: 950px; }
}

.sub.sustain.report{ }
.sub.sustain.report .iframe-wrap{
    position: relative;
    width:100%; height:720px;
    border: 1px solid var(--n-50);
}
.sub.sustain.report .actions-wrap .img-area{ position: relative; }
.sub.sustain.report .actions-wrap .img-wrap{  }
.sub.sustain.report .actions-wrap .text-wrap{
    position: absolute; inset: 0 0 0 0;
    width: 100%; height: 100%;
    display: flex; align-items: center;
    justify-content: center;
}
.sub.sustain.report .actions-wrap .button-wrap .btn{ border-radius: 0px; font-size: 16px; gap: 8px; }

@media all and (min-width:768px) {
    .sub.sustain.report .actions-wrap{ display: none !important; }
}

@media all and (max-width:767px) {
    .sub.sustain.report .iframe-wrap{ display: none !important; }
}

/* // () => [DEV CSS STYLE END] 개발 이후 스타일 종료 */