@charset "EUC-KR";

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
================================================================================== */
/* step-area */
#container .content-wrap .article form,
#container .content-wrap .article .step-area {
    width: 100%;
}
#container .content-wrap .article .step-area small {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 16px;
    line-height: 1.2;
    text-align: right;
    font-size: 12px;
    color: #1e40af;
}
#container .content-wrap .article .step-area ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;

    background-color: #fafafa;
}
#container .content-wrap .article .step-area ul li {
    flex: 1 1 16.666666%;
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
}
#container .content-wrap .article .step-area ul li::before {
    position: absolute;
    top: 24px;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #E2E8F0;
    z-index: 1;
}
#container .content-wrap .article .step-area ul li.on::before {
    background-color: #1e40af;
}
#container .content-wrap .article .step-area ul li a {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
#container .content-wrap .article .step-area ul li a span {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 21px;
    font-weight: 900;
    color: #64758A;
    border-radius: 48px;
    background-color: #E2E8F0;
    z-index: 2;
}
#container .content-wrap .article .step-area ul li a:not([href]) span {
    color: #bbc8da;
    background-color: #e6eaee;
}
#container .content-wrap .article .step-area ul li a[href]:hover span {
    color: #fff;
    background-color: #f15151;
}
#container .content-wrap .article .step-area ul li.on a span {
    color: #fff;
    background-color: #1e40af !important;
}
#container .content-wrap .article .step-area ul li a strong {
    line-height: 1.3;
    text-align: center;
    font-size: 16px;
    color: #69798E;
    word-break: keep-all;
}
#container .content-wrap .article .step-area ul li a:not([href]) strong {
    color: #bbc8da;
}
#container .content-wrap .article .step-area ul li a[href]:hover strong {
    color: #f15151;
}
#container .content-wrap .article .step-area ul li.on a strong {
    color: #1e40af !important;;
}
#container .content-wrap .article .step-area ul li a strong em {
    display: inline-block;
    margin: 4px 0 0;
    padding: 4px 6px;
    color: #767676;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

/**************************
.info-area
***************************/
#container .content-wrap .article .info-area {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;

    width: 100%;
}

/* memo-area */
#container .content-wrap .article .info-area .memo-area {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;

    width: 100%;
    min-height: 42px;
}
#container .content-wrap .article .info-area .memo-area h5 {
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: center;

    line-height: 1.3;
    padding: 4px 6px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    word-break: keep-all;
    border-radius: 7px 0 0 7px;
    background-color: #000;
}
#container .content-wrap .article .info-area .memo-area.admin-memo h5 {
    background-color: #4b638a;
}
#container .content-wrap .article .info-area .memo-area p {
    flex: 1 1 930px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    line-height: 1.3;
    padding: 7px 12px;
    font-size: 15px;
    font-weight: 800;
    color: #f33;
    word-break: keep-all;
    border: 1px solid #E2E8F0;
    border-radius: 0 7px 7px 0;
    background-color: #fff;
}
#container .content-wrap .article .info-area .memo-area.admin-memo p {
    color: #33f;
}

/**************************
.author-info-area
***************************/
#container .content-wrap .article .author-info-area {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;

    width: 100%;
}

/* > ul */
#container .content-wrap .article .author-info-area > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px 2%;

    width: 100%;
    margin: 0;
    padding: 0;
}
#container .content-wrap .article .author-info-area > ul > li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 7px 10px;

    padding: 5px;
    /*border: 1px solid #E2E8F0;*/
    border: 1px solid #faebcc;
    border-radius: 7px;
    /*background-color: #f2f6fa;*/
    background-color: #fcf8e3;
}
#container .content-wrap .article .author-info-area > ul > li:nth-child(1) {
    flex: 1 1 22%;
}
#container .content-wrap .article .author-info-area > ul > li:nth-child(2) {
    flex: 1 1 22%;
}
#container .content-wrap .article .author-info-area > ul > li:nth-child(3) {
    flex: 1 1 52%;
}
#container .content-wrap .article .author-info-area > ul > li span {
    padding: 4px 12px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    background-color: #64758A;
}
#container .content-wrap .article .author-info-area > ul > li b {
    font-size: 15px;
    font-weight: 800;
}

/* etc-info */
#container .content-wrap .article .author-info-area .etc-info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;

    padding: 12px;
    border: 1px solid #eedfdf;
    border-radius: 10px;
    background-color: #faf0f0;
}
#container .content-wrap .article .author-info-area .etc-info .label {
    padding: 4px 6px;
}
#container .content-wrap .article .author-info-area .etc-info ul {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}
#container .content-wrap .article .author-info-area .etc-info ul li {
    margin-left: 18px;
    list-style: disc;
    font-size: 14px;
    word-break: keep-all;
}
#container .content-wrap .article .author-info-area .etc-info ul li a {
    font-weight: 800;
    color: #000;
    text-decoration: underline !important;
}

/* .flex-flow-row */
#container .content-wrap .article .flex-flow-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;

    width: 100%;
}
#container .content-wrap .article .flex-flow-row select {
    flex: 1 1 940px;
}
#container .content-wrap .article .flex-flow-row .btn-area {
    flex: 0 0 60px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;

    margin: 0;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    background-color: #f2f6fa;
}

/**************************
.form-area
***************************/
#container .content-wrap .article .form-area {
    display: flex;
    flex-flow: column nowrap;
    gap: 32px;

    width: 100%;
    padding: 24px;
}
#container .content-wrap .article .form-area .form-inner-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;

    width: 100%;
}
#container .content-wrap .article .form-area .form-inner-wrap h5 {
    flex: 0 0 15%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: baseline;
    gap: 4px;

    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    font-size: 17px;
    font-weight: 900;
    color: #000;
}
#container .content-wrap .article .form-area .form-inner-wrap h5::before {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    content: "";
    width: 3px;
    height: 16px;
    border-radius: 3px;
    background-color: #2c5cf5;
}
#container .content-wrap .article .form-area .form-inner-wrap h5 small {
    line-height: 1.3;
    font-size: 14px;
    font-weight: 800;
    color: #2c5cf5;
    word-break: keep-all;
}
#container .content-wrap .article .form-area .form-inner-wrap .form-wrap-area {
    flex: 1 1 83%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px 2%;

    width: 100%;
}
#container .content-wrap .article .form-area .form-inner-wrap .form-wrap-area .form-group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    width: 100%;
    margin: 0;
}
#container .content-wrap .article .form-area .form-inner-wrap .form-wrap-area .form-group.flex-flow-column {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}
#container .content-wrap .article .form-area .form-inner-wrap .form-wrap-area .form-group:last-child {
    margin: 0;
}
#container .content-wrap .article .form-area .form-inner-wrap .form-wrap-area .form-group > label {
    flex: 0 0 40px;
}

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Åõ°í ÇöȲ - /submission/author/tresublist.jsp
================================================================================== */
#container .content-wrap .article.tresublist {

}
#container .content-wrap .article.tresublist .btn-submission {
    position: absolute;
    right: 0;
    top: 19px;
}
#container .content-wrap .article.tresublist .section .table-responsive .table.table-list tbody td {
    text-align: center;
}

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Åõ°í ¾È³» - /submission/author/tre_sub_view.jsp
================================================================================== */
#container .content-wrap .article.tre-sub-view {

}
#container .content-wrap .article.tre-sub-view .section .table-responsive .table.table-list tbody th,
#container .content-wrap .article.tre-sub-view .section .table-responsive .table.table-list tbody td {
    padding: 12px 16px;
    font-size: 15px;
}

/* h4 */
#container .content-wrap .article .section.agreement h4 {
    justify-content: space-between;
    align-items: center;
    gap: 0;
}
#container .content-wrap .article .section.agreement strong {
    flex: 1 1 50%;
}
#container .content-wrap .article .section.agreement h4 .btn-area {
    flex: 1 1 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;

    margin: 0;
    padding: 0;
}
#container .content-wrap .article .section.agreement h4 .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;

    cursor: pointer;
}
#container .content-wrap .article .section.agreement h4 .btn span {
    font-size: 13px;
    font-weight: 800;
}

/* check-list */
#container .content-wrap .article.tre-sub-view .section .check-list {

}
#container .content-wrap .article.tre-sub-view .section .checkbox {
    margin-top: 0;
    margin-bottom: 12px;
}
#container .content-wrap .article.tre-sub-view .section .checkbox:last-child {
    margin-bottom: 0;
}
#container .content-wrap .article.tre-sub-view .section .checkbox label:hover {
    color: #f33;
}

/* agree-area */
#container .content-wrap .article.tre-sub-view .section .agree-area {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;

    margin: 0 0 24px;
}
#container .content-wrap .article.tre-sub-view .section .agree-area > div {
    overflow-y: scroll;
    height: 150px;
    padding: 16px;
    font-size: 14px;
    color: #475569;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    background-color: #f8fafc;
}
#container .content-wrap .article.tre-sub-view .section .agree-area > div h1 {
    margin: 32px 0 16px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
}
#container .content-wrap .article.tre-sub-view .section .agree-area > div h1:first-child {
    margin: 0 0 16px;
}
#container .content-wrap .article.tre-sub-view .section .agree-area > div p {
    line-height: 1.8;
    font-weight: 400;
}

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ ÀÛ¼º - /submission/author/ins_treatise_post.jsp
================================================================================== */
#container .content-wrap .article.ins-treatise-post {

}
#container .content-wrap .article.ins-treatise-post input[type=text].form-control.element-inline {
    min-width: 320px;
}

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ ¼öÁ¤ - /submission/author/tre_tmplet_edit.jsp
================================================================================== */
#container .content-wrap .article.tre-tmplet-edit {

}

/* file-download-area */
#container .content-wrap .article.tre-tmplet-edit .file-download-area {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
#container .content-wrap .article.tre-tmplet-edit .file-download-area a {
    padding: 5px 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: #64758A;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    background-color: #f2f6fa;
}
#container .content-wrap .article.tre-tmplet-edit .file-download-area a:hover {
    color: #1e40af;
    border: 1px solid #e6eaf1;
    background-color: #f8faff;
}

/* ==================================================================================
	Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ ÇÁ·Î¼¼½º - /submission/author/tre-info-user.jsp
================================================================================== */
#container .content-wrap .article.tre-info-user {

}

/**************************
.outline-area
***************************/
#container .content-wrap .article.tre-info-user .outline-area {
    margin: 0;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive {

}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table {
    margin: 0;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody th {
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    font-size: 14px;
    font-weight: 900;
    color: #4b638a;
    background-color: #f8faff;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td {
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    padding: 8px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
}

/* label-list-wrap */
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list-wrap {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px 7px;
}

/* label-list */
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px 24px;

    width: 100%;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list.horizon {
    flex-flow: row wrap;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list.vertical {
    flex-flow: column nowrap;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li span {
    flex: 0 0 56px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 4px;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    color: #64758A;
    border-radius: 4px;
    background-color: #E2E8F0;
}
#container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li strong {
    padding-top: 2px;
    text-align: left;
    font-weight: 700;
    word-break: keep-all;
}

/**************************
    °øÅë
***************************/
#container .content-wrap .article.tre-info-user .btn-area {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 16px;

    width: 100%;
    margin: 0;
    padding: 24px;
}

/* agree-area */
#container .content-wrap .article.tre-info-user .section .agree-area-wrap {
    padding: 16px;
}
#container .content-wrap .article.tre-info-user .section .agree-area {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;

    margin: 0 0 16px;
}
#container .content-wrap .article.tre-info-user .section .agree-area > div {
    overflow-y: scroll;
    height: 150px;
    padding: 16px;
    font-size: 14px;
    color: #475569;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    background-color: #f8fafc;
}
#container .content-wrap .article.tre-info-user .section .agree-area > div p {
    line-height: 1.8;
    font-weight: 400;
}
#container .content-wrap .article.tre-info-user .section .checkbox {
    margin-top: 0;
    margin-bottom: 12px;
}
#container .content-wrap .article.tre-info-user .section .checkbox:last-child {
    margin-bottom: 0;
}
#container .content-wrap .article.tre-info-user .section .checkbox label:hover {
    color: #f33;
}

/* ==================================================================================
	Åõ°íÀÚ - ½É»çÁøÇà°úÁ¤ - /submission/author/tre_info_user.jsp
================================================================================== */

/* table-review-process */
#container .inner-wrap .article .section .table-responsive {

}
#container .inner-wrap .article .section .table-responsive .table.table-review-process {
    margin: 0;
}
#container .inner-wrap .article .section .table-responsive .table.table-review-process thead th {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    word-break: keep-all;
    border: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #f1f5f9;
    background-color: #4b638a;
}
#container .inner-wrap .article .section .table-responsive .table.table-review-process thead th:last-child {
    border-right: 0;
}
#container .inner-wrap .article .section .table-responsive .table.table-review-process tbody th {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 800;
    color: #000;
    word-break: keep-all;
    border: 0;
    border-right: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
    background-color: #f6faff;
}
#container .inner-wrap .article .section .table-responsive .table.table-review-process tbody td {
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    word-break: keep-all;
    border: 0;
    border-right: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}
#container .inner-wrap .article .section .table-responsive .table.table-review-process tbody td:last-child {
    border-right: 0;
}

/* ==================================================================================
	½É»çÀÚ °øÅë
================================================================================== */
.th-bd-r1 {
    border-right: 1px solid #dee8f3 !important;
}
.th-bd-b1 {
    border-bottom: 1px solid #dee8f3 !important;
}

/* ==================================================================================
	½É»çÀÚ - ³í¹®½É»çÇÔ - /submission/reviewer/tre_judgment_view.jsp
================================================================================== */
#container .content-wrap .article.tre-judgment-view {

}
#container .content-wrap .article.tre-judgment-view .section .table-responsive .table.table-list tbody tr:last-child td {
    text-align: center;
}

/* ==================================================================================
	½É»çÀÚ - ³í¹®½É»ç »ó¼¼ - ³í¹® ½É»ç µ¿ÀÇ - /submission/reviewer/tre_judgement_step1.jsp
	½É»çÀÚ - ³í¹®½É»ç »ó¼¼ - ³í¹® ½É»ç Æû - /submission/reviewer/tre_judgement_step2.jsp
================================================================================== */
#container .content-wrap .article.tre-judgement-step {

}

/**************************
.outline-area
***************************/
#container .content-wrap .article.tre-judgement-step .outline-area {
    padding: 16px;
}
#container .content-wrap .article.tre-judgement-step .outline-area .table-responsive {

}
#container .content-wrap .article.tre-judgement-step .outline-area .table-responsive table.table {
    margin: 0;
}
#container .content-wrap .article.tre-judgement-step .outline-area .table-responsive table.table tbody th {
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 900;
    color: #4b638a;
    border: 1px solid #dfdfdf;
    background-color: #f8faff;
}
#container .content-wrap .article.tre-judgement-step .outline-area .table-responsive table.table tbody td {
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 800;
    color: #000;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

/**************************
.review-process-area
***************************/
#container .content-wrap .article.tre-judgement-step .review-process-area {
    padding: 16px;
}
#container .content-wrap .article.tre-judgement-step .review-process-area .table-responsive {

}
#container .content-wrap .article.tre-judgement-step .review-process-area .table-responsive .table.table-review {

}
#container .content-wrap .article.tre-judgement-step .review-process-area .table-responsive .table.table-review thead tr th {
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-bottom: 0;
    background-color: #1e40af;
}
#container .content-wrap .article.tre-judgement-step .review-process-area .table-responsive .table.table-review tbody tr th {
    text-align: center;
    font-size: 14px;
}
#container .content-wrap .article.tre-judgement-step .review-process-area .table-responsive .table.table-review tbody tr td {
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #dfdfdf;
}
#container .content-wrap .article .review-process-area .table-responsive .table.table-review tbody tr.highlight th,
#container .content-wrap .article .review-process-area .table-responsive .table.table-review tbody tr.highlight td {
    background-color: #FEFBDE;
}

/**************************
.agreement
***************************/
#container .content-wrap .article.tre-judgement-step .section.agreement h4 {
    justify-content: space-between;
}
#container .content-wrap .article.tre-judgement-step .section.agreement h4 .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;

    cursor: pointer;
}
#container .content-wrap .article.tre-judgement-step .section.agreement h4 .btn span {
    font-size: 13px;
    font-weight: 800;
}

/* check-list */
#container .content-wrap .article.tre-judgement-step .section .check-list {

}
#container .content-wrap .article.tre-judgement-step .section .checkbox {
    margin-top: 0;
    margin-bottom: 12px;
    text-align: center;
}
#container .content-wrap .article.tre-judgement-step .section .checkbox:last-child {
    margin-bottom: 0;
}
#container .content-wrap .article.tre-judgement-step .section .checkbox label:hover {
    color: #f33;
}

/* agree-area */
#container .content-wrap .article.tre-judgement-step .section .agree-area {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;

    margin: 0 0 24px;
}
#container .content-wrap .article.tre-judgement-step .section .agree-area > div {
    overflow-y: scroll;
    height: 150px;
    padding: 16px;
    font-size: 14px;
    color: #475569;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    background-color: #f8fafc;
}
#container .content-wrap .article.tre-judgement-step .section .agree-area > div h1 {
    margin: 32px 0 16px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
}
#container .content-wrap .article.tre-judgement-step .section .agree-area > div h1:first-child {
    margin: 0 0 16px;
}
#container .content-wrap .article.tre-judgement-step .section .agree-area > div p {
    line-height: 1.8;
    font-weight: 400;
}

/**************************
.similarity
***************************/
#container .content-wrap .article.tre-judgement-step .section .similarity {
    padding: 16px;
}
#container .content-wrap .article.tre-judgement-step .section .similarity ul {
    list-style: disc;
    margin: 0 0 0 20px;
}
#container .content-wrap .article.tre-judgement-step .section .similarity ul li {
    margin: 0 0 7px;
    font-size: 14px;
}
#container .content-wrap .article.tre-judgement-step .section .similarity ul li a {
    word-break: break-all;
}

/**************************
.review-report-area
***************************/
#container .content-wrap .article.tre-judgement-step .section .review-report-area {
    padding: 16px;
}

/* .review-info-area */
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;

    width: 100%;
    margin: 0 0 24px;
}

/* > ul */
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px 1%;

    width: 100%;
    margin: 0;
    padding: 0;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 7px 10px;

    padding: 5px;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    background-color: #f2f6fa;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li:nth-child(1) {
    flex: 1 1 32%;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li:nth-child(2) {
    flex: 1 1 32%;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li:nth-child(3) {
    flex: 1 1 33%;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li span {
    padding: 4px 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    background-color: #64758A;
}
#container .content-wrap .article.tre-judgement-step .section .review-report-area  .review-info-area > ul > li b {
    font-size: 15px;
    font-weight: 800;
}

/* .table-list.review */
#container .content-wrap .article .section .table-responsive .table.table-list.review {

}
#container .content-wrap .article .section .table-responsive .table.table-list.review thead th {
    padding: 8px 0;
    font-size: 14px;
    letter-spacing: -0.45px;
    border: 1px solid #dfdfdf;
}
#container .content-wrap .article .section .table-responsive .table.table-list.review tbody th {
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
}
#container .content-wrap .article .section .table-responsive .table.table-list.review tbody td {
    padding: 0;
    text-align: center;
    border: 1px solid #dfdfdf;
}
#container .content-wrap .article .section .table-responsive .table.table-list.review tbody td .click-area {
    display: block;
    width: 100%;
    padding: 18px 0;
    cursor: pointer;
}
#container .content-wrap .article .section .table-responsive .table.table-list.review tbody td .click-area:hover {
    background-color: #fffcf6;
}

/* radio */
#container .content-wrap .article.tre-judgement-step .radio-area {
    gap: 12px 24px
}

/* ==================================================================================
    ¹ÝÀÀÇü ½ºÅ¸ÀÏ
================================================================================== */

/* 1400px */
@media screen and (max-width: 1400px) {



}


/* 1300px */
@media screen and (max-width: 1300px) {



}


/* 1200px */
@media screen and (max-width: 1200px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    #container .content-wrap .article .author-info-area > ul > li:nth-child(3) {
        flex: 1 1 100%;
    }

}

/* 1100px */
@media screen and (max-width: 1100px) {

    /* ==================================================================================
        Åõ°íÀÚ - /submission/author/tresublist.jsp
    ================================================================================== */
    /* table */
    #container .content-wrap .article.tresublist .btn-submission {
        top: 12px;
    }

}

@media screen and (max-width: 960px) {



}

@media screen and (max-width: 768px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    /* step-area */
    #container .content-wrap .article .step-area ul li::before {
        top: 24px;
    }
    #container .content-wrap .article .step-area ul li a span {
        width: 42px;
        height: 42px;
        font-size: 19px;
        border-radius: 42px;
    }
    #container .content-wrap .article .step-area ul li a strong {
        font-size: 13px;
        font-weight: 800;
    }
    #container .content-wrap .article .form-area .form-inner-wrap h5 small {
        font-size: 13px;
    }
    #container .content-wrap .article .form-area .form-inner-wrap h5 small br {
        display: none;
    }

    /**************************
    .info-area
    ***************************/
    #container .content-wrap .article .info-area .memo-area h5 {
        flex: 0 0 80px;

        font-size: 14px;
    }
    #container .content-wrap .article .info-area .memo-area p {
        flex: 1 1 970px;
        font-size: 14px;
    }

    /**************************
    .author-info-area
    ***************************/
    #container .content-wrap .article .author-info-area > ul {
        gap: 5px;
    }
    #container .content-wrap .article .author-info-area > ul > li:nth-child(1) {
        flex: 1 1 49%;
    }
    #container .content-wrap .article .author-info-area > ul > li:nth-child(2) {
        flex: 1 1 49%;
    }
    #container .content-wrap .article .author-info-area > ul > li:nth-child(3) {
        flex: 1 1 100%;
    }
    #container .content-wrap .article .author-info-area > ul > li span {
        padding: 4px 8px;
        font-size: 13px;
    }
    #container .content-wrap .article .author-info-area > ul > li b {
        font-size: 14px;
    }

    /* etc-info */
    #container .content-wrap .article .author-info-area .etc-info {
        gap: 8px;

        padding: 8px;
    }
    #container .content-wrap .article .author-info-area .etc-info ul {
        gap: 8px;
    }
    #container .content-wrap .article .author-info-area .etc-info ul li {
        margin-left: 18px;
        font-size: 14px;
    }

    /**************************
    .form-area
    ***************************/
    #container .content-wrap .article .form-area {
        gap: 32px;

        padding: 16px;
    }
    #container .content-wrap .article .form-area .form-inner-wrap {
        flex-flow: column nowrap;
        gap: 0;
    }
    #container .content-wrap .article .form-area .form-inner-wrap h5 {
        flex: unset;
        flex-flow: row wrap;
        align-items: center;
        gap: 12px;

        margin: 0 0 8px;
    }

    /* ==================================================================================
        Åõ°íÀÚ - /submission/author/tresublist.jsp
    ================================================================================== */
    #container .content-wrap .article.tresublist .btn-submission {
        position: static;
        margin: 0 auto;
    }

    /* ==================================================================================
        ½É»çÀÚ - ³í¹®½É»ç »ó¼¼ - ³í¹® ½É»ç µ¿ÀÇ - /submission/reviewer/tre_judgement_step1.jsp
        ½É»çÀÚ - ³í¹®½É»ç »ó¼¼ - ³í¹® ½É»ç Æû - /submission/reviewer/tre_judgement_step2.jsp
    ================================================================================== */
    /**************************
    .review-report-area
    ***************************/
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul {
        gap: 5px;
    }
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul > li:nth-child(1) {
        flex: 1 1 100%;
    }
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul > li:nth-child(2) {
        flex: 1 1 100%;
    }
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul > li:nth-child(3) {
        flex: 1 1 100%;
    }
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul > li span {
        padding: 4px 8px;
        font-size: 13px;
    }
    #container .content-wrap .article.tre-judgement-step .section .review-report-area .review-info-area > ul > li b {
        font-size: 14px;
    }

}

@media screen and (max-width: 640px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    /* step-area */
    #container .content-wrap .article .step-area ul {
        align-items: flex-start;
    }
    #container .content-wrap .article .step-area ul li::before {
        top: 20px;
    }
    #container .content-wrap .article .step-area ul li a span {
        font-size: 18px;
    }
    #container .content-wrap .article .step-area ul li a strong {
        font-size: 12px;
    }

    /**************************
    .form-area
    ***************************/
    #container .content-wrap .article .form-area .form-inner-wrap .form-group {
        font-size: 14px;
    }
    #container .content-wrap .article.ins-treatise-post input[type=text].form-control.element-inline,
    #container .content-wrap .article.tre-tmplet-edit input[type=text].form-control.element-inline {
        min-width: 120px;
    }

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ ÀÛ¼º - /submission/author/tre-info-user.jsp
    ================================================================================== */
    /**************************
    .outline-area
    ***************************/
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table.table-outline col:first-child {
        width: 100px !important;
    }

    /* h4 */
    #container .content-wrap .article .section.agreement h4 {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
    }
    #container .content-wrap .article .section.agreement strong {
        flex: unset;
    }
    #container .content-wrap .article .section.agreement h4 .btn-area {
        flex: unset;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 7px;

        margin: 0;
        padding: 0;
    }
    #container .content-wrap .article .section.agreement h4 .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;

        cursor: pointer;
    }
    #container .content-wrap .article .section.agreement h4 .btn span {
        font-size: 13px;
        font-weight: 800;
    }

}

@media screen and (max-width: 480px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    /* step-area */
    #container .content-wrap .article .step-area ul {
        flex-flow: row wrap;
        gap: 16px 0;
    }
    #container .content-wrap .article .step-area ul li {
        flex: 1 1 33.3333333%;
        gap: 5px;
    }
    #container .content-wrap .article .step-area ul li a strong {
        font-size: 13px;
    }

}

@media screen and (max-width: 420px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    /**************************
    .form-area
    ***************************/
    #container .content-wrap .article .form-area .form-inner-wrap h5 {
        gap: 5px;
    }
    #container .content-wrap .article .form-area .form-inner-wrap h5::before {
        top: 5px;
    }
    #container .content-wrap .article .form-area .form-inner-wrap h5 small {
        letter-spacing: -0.25px;
        font-size: 12px;
        word-break: keep-all;
    }

    #container .content-wrap .article .author-info-area > ul > li:nth-child(2) {
        flex: 1 1 100%;
    }

    /* ==================================================================================
        Åõ°íÀÚ - /submission/author/tresublist.jsp
    ================================================================================== */
    #container .content-wrap .article.tresublist .btn-submission.btn-lg {
        padding: 8px 12px;
    }
    #container .content-wrap .article.tresublist .btn-submission strong {
        font-size: 17px;
    }
    #container .content-wrap .article.tresublist .btn-submission small {
        font-size: 11px;
    }
    #container .content-wrap .article.tresublist .table.table-list {
        width: 720px;
        max-width: 720px;
    }

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ ÀÛ¼º - /submission/author/tre-info-user.jsp
    ================================================================================== */
    /**************************
    .outline-area
    ***************************/
    /* label-list-wrap */
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list-wrap {
        gap: 24px 7px;
    }

    /* label-list */
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list.horizon {
        flex-flow: column nowrap;
        gap: 4px 24px;
    }
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li {
        flex-flow: column nowrap;
        gap: 2px;

        width: 100%;
    }
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li span {
        flex: unset;
        display: flex;

        width: 60px;
        padding: 2px;
    }
    #container .content-wrap .article.tre-info-user .outline-area .table-responsive table.table tbody td .label-list li strong {
        padding-top: 0;
    }

}

@media screen and (max-width: 360px) {

    /* ==================================================================================
        Åõ°íÀÚ - ³í¹®Á¦Ãâ¼­ °øÅë
    ================================================================================== */
    /**************************
    .form-area
    ***************************/
    #container .content-wrap .article.ins-treatise-post input[type=text].form-control.element-inline {
        max-width: 180px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }
    #container .content-wrap .article .checkbox-area,
    #container .content-wrap .article .radio-area {
        gap: 5px 16px;
    }
    #container .content-wrap .article .checkbox-area label.checkbox-inline,
    #container .content-wrap .article .radio-area label.radio-inline {
        font-size: 14px;
    }

    /* .flex-flow-row */
    #container .content-wrap .article .flex-flow-row {
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #container .content-wrap .article .flex-flow-row select {
        flex: 1 1 100%;
    }
    #container .content-wrap .article .flex-flow-row .btn-area {
        flex: 1 1 100%;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;

        padding: 5px;
    }

    /* ==================================================================================
        Åõ°íÀÚ - /submission/author/tresublist.jsp
    ================================================================================== */
    #container .content-wrap .article.tresublist .btn-submission strong {
        font-size: 15px;
    }
    #container .content-wrap .article.tresublist .btn-submission small {
        font-size: 10px;
    }

}