@charset "UTF-8";
/*-------------------------------------------------------------------
	@Resets
-------------------------------------------------------------------*/
html, body {height: 100%; text-size-adjust:none; -webkit-text-size-adjust: none;}
::before,::after,
html, body, div, ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, table, thead, tbody, tr, th, td, caption, address, article, aside,
canvas, details, figure, figcaption, main, footer, header, menu, nav, section,
button, select, textarea, input, form, fieldset, legend, label, a, span, strong, em, address, pre, code, dfn, small, i, b {margin:0; padding:0; border:0; list-style:none; font-style:normal; font-size:inherit; font-weight:inherit; font-family:inherit; color:inherit; box-sizing:inherit; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; -o-box-sizing:inherit; -webkit-print-color-adjust:exact;}
main, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
body {font-family:'Pretendard', 'sans-serif'; font-size:16px; line-height:140%; word-break:normal; word-wrap:break-word; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
[hidden] {display:none;}
button {background-color:transparent; cursor:pointer;}
img, a, frame, iframe, fieldset {border:0;}
a {text-decoration:none;}
table {width:100%; border-spacing:0; border-collapse:collapse;}
caption {height:1px; overflow:hidden;}
legend {position:fixed; overflow: hidden; border: 0; margin:-1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%);}
img {width: 100%;}
button {overflow:hidden; background-color:transparent; cursor:pointer;}
button::-moz-focus-inner {border:0px; padding:0px;}
input[type='checkbox'],input[type='radio'],select {appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
textarea {resize:none;}
select::-ms-expand {display:none;}
input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0;}
input::search-decoration,
input::search-cancel-button,
input::search-results-button,
input::search-results-decoration {display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input::-webkit-calendar-picker-indicator {-webkit-appearance:none;}
::-webkit-scrollbar {
	width: 4px;
	height: 2px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px; 
	background: #7D23F4; 
}
::-webkit-scrollbar-track {
	background: #ddd; 
}

.file-list {padding-bottom: 50px;}
.file-list .header-box {padding: 10px; background-color: #7D23F4; color: #fff;}
.file-list .header-box h1 {font-size: 28px; font-weight: 700;}
.file-list .des-text {margin-top: 30px; font-size: 12px;}

.file-list .table-wrap table thead {position: sticky; top: 0; background: #ddd;border-bottom: 1px solid #111;}
.file-list .table-wrap table thead th {background: ; border-bottom: 1px solid #111;}
.file-list .table-wrap table thead th ~ th {border-left: 1px solid #111;}

/* Table */
.table-wrap {border-top:2px solid #444; border-bottom:1px solid #444;}
.table-wrap table body tr:hover {background: #eee;}
.table-wrap table th,
.table-wrap table td {padding: 5px 3px; text-align:center; font-size:12px; border-left:1px solid #ccc;}
.table-wrap table th {font-weight:bold; font-size:13px;}
.table-wrap table td {border-top:1px solid #ccc; color:#333;}
.table-wrap table tr:first-child td {border-top:0;}
.table-wrap table tr th:first-child,
.table-wrap table tr td:first-child {border-left:0;}
.table-wrap table tbody + tbody tr:first-child td {border-top:1px solid #ccc;}
.table-wrap table td.col-url,
.table-wrap table td.col-code,
.table-wrap table td.col-1depth,
.table-wrap table td.col-2depth,
.table-wrap table td.col-3depth,
.table-wrap table td.col-4depth,
.table-wrap table td.col-5depth {text-align:left;user-select:all;}
.table-wrap table td.col-memo {text-align-last:left;}
.table-wrap table td.col-1depth {color:#333; font-weight:bold;}
.table-wrap table td.category-section {background-color: #ccc; font-size: 14px; font-weight: 700;}

/* Colgroup */
.table-wrap table .col-num {width:20px;}
.table-wrap table .col-2depth,
.table-wrap table .col-3depth,
.table-wrap table .col-4depth,
.table-wrap table .col-5depth {width:auto;}
.table-wrap table .col-1depth {width:100px;}
.table-wrap table .col-type {width:70px;}
.table-wrap table .col-url {width:200px;cursor: pointer;}
.table-wrap table .col-date {width:60px; white-space: nowrap; font-size: 12px; display: none;}
.table-wrap table .col-complete {width:50px;}
.table-wrap table .col-worker {width:50px;display:none;}
.table-wrap table .col-memo > p{line-height: 140%;/* text-indent: -8px;padding-left: 8px; */ word-break: break-all;}
.table-wrap table .col-memo > p:not(:first-child){margin-top: 2px;}
.table-wrap table .col-code {font-size: 10px;}
.table-wrap table .red {color: #e52c1e;}
.table-wrap table .blue {color: blue;}
.table-wrap table .label-edit {display:inline-flex;box-sizing:content-box;margin-right:2px;padding:2px;height:15px;background-color:#e52c1e;border-radius:2px;color:#ffffff;line-height:140%;text-indent:0;}

/* Setting */
/* .c-done {color:#005aff;} */
td.col-complete[data-complete=대기] {color:#e52c1e;}
td.col-complete[data-complete=완료] {color:#005aff;}
td.col-complete[data-complete]::after {content:attr(data-complete)}
td.col-complete[data-complete=대기]::after {content:''}
td.col-complete[data-complete=완료]::after {content:'완료'}
td.col-complete[data-complete=삭제]::after {content:'삭제'}
td.col-complete[data-complete=제외]::after {content:'제외'}
td.col-complete[data-complete=진행중]::after {content:'진행중'}
td.col-complete[data-complete=수정중]::after {content:'수정중';color:#e52c1e;}
td.col-point[data-type]::after {content:attr(data-type);}
td.col-type[data-type]::after {content:attr(data-type);}
td.col-url a {border-bottom:1px solid #333;}

.table-wrap table tr.row-done td {background-color:#eee;}
.table-wrap table tr.row-edit td,
.table-wrap table tr.row-del td {background-color:#f0f0f0; color:#bbb; text-decoration:line-through;}
.table-wrap table tr.row-edit td a,
.table-wrap table tr.row-del td a {color:#bbb; border-bottom:1px solid #bbb;}
.table-wrap table tr.row-del .component-types em{background-color: transparent;}
.table-wrap table tr.row-except td {background-color:#f0f0f0;}
.table-wrap table tr.row-edit td {background-color:#f0f0f0;}

.category-skip {margin-top: 10px; padding: 10px; border-radius: 5px; background-color: #fff5;}
.category-skip .title {font-size: 14px;}
.category-skip ul {display: flex; gap: 10px; margin-top: 10px;}
.category-skip ul li a {font-size: 12px; line-height: 150%;}

.component-types { margin-top: 8px !important; padding: 3px;}
.component-types:not(:first-child) {border-top: 2px solid #ccc;}
.component-types .title {display: block; font: 700 12px/150% 'Pretendard';}
.component-types > em {display: inline-flex; padding: 3px; width: auto; border: 1px solid #ccc; background-color: #fff; border-radius: 2px; font: 700 11px/150% 'Pretendard'; text-indent: 0; white-space: nowrap;}
.component-types > em:not(:first-child) {margin-left: 8px;}

/* guide */
.guide-wrap h3 {font-size: 20px; font-weight: 700;margin:10px 0; background-color:#000; color:#fff;padding:10px;}
.guide-wrap .agree-cont-wrap h3.title-text {background-color:initial;padding:0;margin-top:0;}
.guide-wrap .type-list ul li ~ li {margin-top: 20px;}
.guide-wrap .type-list ul li span {display: block; margin-bottom: 10px; padding: 5px; background: #eee; font-size: 14px; line-height: 150%;}
.guide-wrap .title-des {margin-top: 20px; margin-bottom: 10px; padding: 10px; background: #eee; font-weight: 700;}
.guide-wrap .notice-cont{position:relative;}
.guide-wrap .text {font-weight:bold;padding:5px 0;}