@charset "utf-8";

/* S : 긴 글 말줄임 */

.txtover1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.txtover2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.txtover3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* E : 긴 글 말줄임 */



/* 목록 리스트 페이지 공통 */

.mysite .list-container .table-wrap {
    margin-top: 30px;
}

.mysite .list-container .table-wrap .table-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.mysite .list-container .table-wrap .table-top .right-wrap,
.mysite .list-container .table-wrap .table-top .left-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.mysite .btn.new-mark {
    position: relative;
}

.mysite .new-mark:after {
    content: 'N';
    display: block;
    position: absolute;
    top: -7px;
    right: -8px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: #FFCB44;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    animation-name: upDown;
    animation-duration: 0.4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-direction: alternate;
}

.mysite span.new-mark:after {
    position: unset;
    display: inline-block;
    margin-left: 4px;
}

@keyframes upDown {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-12%);
    }
}

/* 입력페이지 공동 */

.mysite .register-container .input-container p.tit {
    margin-bottom: 30px;
}

.mysite .register-container .input-container.small {
    width: 500px;
    margin: 0 auto;
}

.mysite .register-container .input-container.small .row {
    margin-bottom: 30px;
}

.mysite .register-container .input-container.medium {
    width: 640px;
    margin: 0 auto;
}

.mysite .register-container .input-container.large {
    max-width: 760px;
    margin: 0 auto;
}

.mysite .register-container .input-container.x-large {
    max-width: 960px;
    margin: 0 auto;
}

.mysite .register-container .input-container.xx-large {
    max-width: 1200px;
    margin: 0 auto;
}

.mysite .con-box .m-large {
    max-width: 960px;
    margin: 0 auto;
}

.mysite .con-box .x-large {
    max-width: 1200px;
    margin: 0 auto;
}

.mysite .con-box .xx-large {
    max-width: 1400px;
    margin: 0 auto;
}

.mysite .register-container .input-container.x-large .row-wrap .row:not(:last-of-type),
.mysite .register-container .input-container.m-large .row-wrap .row:not(:last-of-type) {
    margin-bottom: 20px;
}

.mysite .register-container .input-container.large .row {
    margin-bottom: 15px;
}

.mysite .register-container .input-container .row {
    display: flex;
}

.mysite .input-container span.required {
    margin-left: 3px;
    color: #FF4F4F;
    font-size: 14px;
}

.mysite .register-container .input-container .row .form-wrap {
    width: 100%;
    margin-right: 6px;
}

.mysite .register-container .input-container .row .form-wrap.horizontal {
    margin-right: 20px;
}

.mysite .register-container .input-container .row .form-wrap.horizontal02 {
    margin-right: 15px;
}

.mysite .register-container .input-container .row .form-wrap:last-of-type {
    margin-right: 0;
}

.mysite .register-container .input-container .input-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.mysite .register-container .input-container .form-wrap .datepicker span {
    margin: 0px 5px;
}

.mysite .register-container .input-container .input-wrap.flex-wrap {
    flex-wrap: wrap;
}

.mysite .register-container .input-container .form-wrap label:not(.btn) {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 500;
    line-height: 1.4;
}

.mysite .register-container .input-container .form-wrap label span.option {
    margin: 0 3px;
    font-weight: 400;
    color: #888;
}

.mysite .register-container .input-container .table-wrap label {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 500;
    line-height: 1.4;
}

.mysite .register-container .input-container .form-wrap .input-wrap label {
    font-weight: 400;
}

.mysite .register-container .input-container .form-wrap input,
.mysite .register-container .input-container .form-wrap select {
    width: 100%;
}

.mysite .register-container .input-container .form-wrap.horizontal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-ssmall label {
    width: 50px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-small label {
    width: 90px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-auto label {
    margin: 0 10px 0 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-medium label {
    width: 100px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-large label {
    width: 115px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal02.label-ssmall .input-wrap {
    width: calc(100% - 50px);
}

.mysite .register-container .input-container .form-wrap.horizontal.label-small .input-wrap {
    width: calc(100% - 90px);
}

.mysite .register-container .input-container .form-wrap.horizontal.label-medium .input-wrap {
    width: calc(100% - 100px);
}

.mysite .register-container .input-container .form-wrap.horizontal.label-large .input-wrap {
    width: calc(100% - 115px);
}

.mysite .register-container .input-container .form-wrap.horizontal .student-row label {
    width: 50px;
    padding: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal .student-row p {
    padding: 0 10px;
}

.mysite .register-container .input-container .txt-box {
    width: 100%;
    padding: 12px 15px;
    background: #f7f8f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 1.5;
    white-space: normal;
}

.mysite .register-container .input-container .form-wrap.horizontal .input-wrap > label {
    width: auto;
    margin: 0 4px 0 0;
    font-weight: 400;
}

.mysite .register-container .input-container .input-wrap .flex-row label {
    width: 115px !important;
}

/* .mysite .register-container .input-container .input-wrap input[type="text"]:not(:last-of-type) {
    margin-right: 15px;
} */

.mysite .register-container .input-container .input-wrap > .checkbox:not(:last-of-type) {
    margin-right: 15px;
}

.mysite .register-container .input-container ul.checkbox-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.mysite .register-container .input-container ul.checkbox-list > li {
    width: calc(100% / 3);
}

.mysite .register-container .input-container ~ .btn-wrap,
.mysite .list-container ~ .btn-wrap {
    margin-top: 50px;
}

.mysite .register-container .input-container ~ .btn-wrap .btn-exit {
    margin-top: 20px;
}

.mysite .register-container .input-container .table-wrap {
    width: 100%;
    padding: 15px 0;
}

.mysite .register-container .input-container .table-wrap input {
    width: 100%;
}

.mysite .input-container hr.divider {
    display: block;
    width: 100%;
    height: 0;
    margin: 20px 0;
    border: 1px dashed #ddd;
}

.mysite .register-container .input-container hr.line {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    margin: 30px 0;
    background: #ddd;
}

.mysite .container .con-box .con-wrap {
    width: 100%;
}

.mysite .container .con-box .con-wrap ~ .con-wrap {
    margin-top: 50px;
}

.mysite .register-container .input-container .input-wrap.add-list {
    display: block;
}

.mysite .register-container .input-container .add-list .long-item {
    width: 100%;
    margin-top: 6px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #DDD;
}

.mysite .register-container .input-container .add-list .long-item > li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mysite .register-container .input-container .add-list .long-item > li ~ li {
    margin-top: 16px;
}

.mysite .register-container .input-container .add-list .long-item > li span {
    display: inline-block;
    max-width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.mysite .register-container .input-container .add-list .long-item > li .delete-btn {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.mysite .input-container .row table.cooperate-table .add-list {
    width: 100%;
    margin-top: 10px;
}

.mysite .input-container .row table.cooperate-table .add-list .short-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mysite .input-container .row table.cooperate-table .add-list .short-item > li {
    display: flex;
    align-items: center;
    column-gap: 6px;
    padding: 6px 14px;
    border-radius: 18px;
    border: 1px solid #DDD;
}

.mysite .input-container .row table.cooperate-table .add-list .short-item > li span {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #666;
}

.mysite .input-container .row table.cooperate-table .add-list .short-item > li .delete-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
}

/* 4. 기업애로기술지도 - 기술지도 실적 통계 */

.mysite .guidance-analysis-container .summary-list {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}

.mysite .guidance-analysis-container .summary-list > li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 35px;
    background: #fff;
    border-radius: 6px;
}

.mysite .guidance-analysis-container .summary-list > li img {
    border-radius: 12px;
}

.mysite .guidance-analysis-container .summary-list > li:first-of-type img {
    box-shadow: 0px 5px 15px rgba(100, 156, 235, 0.4);
}

.mysite .guidance-analysis-container .summary-list > li:nth-of-type(2) img {
    box-shadow: 0px 5px 15px rgba(198, 171, 255, 0.4);
}

.mysite .guidance-analysis-container .summary-list > li:nth-of-type(3) img {
    box-shadow: 0px 5px 15px rgba(244, 203, 142, 0.4);
}

.mysite .guidance-analysis-container .summary-list > li:nth-of-type(4) img {
    box-shadow: 0px 5px 15px rgba(143, 224, 156, 0.4);
}

.mysite .guidance-analysis-container .summary-list > li:nth-of-type(5) img {
    box-shadow: 0px 5px 15px rgba(248, 132, 132, 0.4);
}

.mysite .guidance-analysis-container .summary-list > li dl {
    margin-left: 30px;
}

.mysite .guidance-analysis-container .summary-list > li dl dt {
    margin-bottom: 12px;
    color: #666;
    font-size: 15px;
}

.mysite .guidance-analysis-container .summary-list > li dl dd {
    font-size: 30px;
    font-weight: 700;
}

.mysite .guidance-analysis-container .analysis-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-top: 50px;
}

.mysite .guidance-analysis-container .analysis-list > li {
    width: calc(25% - 15px);
}

.mysite .guidance-analysis-container .analysis-list > li p.tit {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.mysite .guidance-analysis-container .analysis-list > li p.tit::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url('/mysite/img/common/ico_title.svg') center center no-repeat;
}

.mysite .guidance-analysis-container .analysis-list > li ol.rank-list {
    counter-reset: number;
}

.mysite .guidance-analysis-container .analysis-list > li ol.rank-list > li::before {
    counter-increment: number;
    content: '0' counter(number);
    margin-right: 30px;
    color: var(--primary-color);
    font-weight: 700;
}

.mysite .guidance-analysis-container .analysis-list > li ol > li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 22px 25px 22px 40px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

.mysite .guidance-analysis-container .analysis-list > li ol.rank-list > li {
    padding: 22px 25px;
}

.mysite .guidance-analysis-container .analysis-list > li ol > li:last-of-type {
    margin-bottom: 0;
}

.mysite .guidance-analysis-container .analysis-list > li ol > li dl dd {
    margin-top: 8px;
    font-size: 20px;
}

.mysite .guidance-analysis-container .analysis-list > li ol > li dl dd strong {
    font-weight: 700;
}

.mysite .guidance-analysis-container .analysis-list > li ol > li dl dd span {
    margin-left: 5px;
    font-size: 15px;
}

/* 4. 기업애로기술지도 - 기술지도 분야 관리 */

.popup-depart-search .popup {
    max-width: 760px;
}

.popup-depart-search .gray-box {
    column-gap: 4px;
}

.popup-depart-search .gray-box input[type="text"] {
    width: 300px;
}

/* 4. 기업애로기술지도 - 기술지도 현황 */

.popup-status .popup {
    max-width: 600px;
}

.popup-wrap .popup .popup-content .row {
    display: flex;
    margin-bottom: 15px;
}

.popup-wrap .popup .popup-content .row .horizontal {
    margin-right: 30px;
}

.popup-wrap .popup .popup-content .label-small {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.popup-wrap .popup .popup-content .label-small label {
    width: 90px;
    margin: 0;
    font-weight: 500;
}

.popup-wrap .popup .popup-content .label-small .input-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: calc(100% - 90px);
}

.popup-wrap .popup .popup-content .label-small .input-wrap input {
    width: 100%;
}

.mysite .register-container .input-container .list {
    display: grid;
    grid-template-columns: 85px auto;
    column-gap: 70px;
    align-items: center;
}

.mysite .register-container .input-container .list table tbody tr {
    border-bottom: none;
}

.mysite .register-container .input-container .list table tbody tr th {
    width: 33.3%;
    padding: 10px 0px;
    column-gap: 21px;
}

.mysite .register-container .input-container .row .form-wrap .office-wrap {
    display: grid;
    grid-template-columns: 175px auto;
}

.mysite .register-container .input-container .input-wrap02 label {
    width: 175px;
    text-align: center;
}

.mysite .register-container .input-container .row .label-small {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mysite .register-container .input-container .row .label-small label {
    width: 125px;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
}

.mysite .register-container .input-container .row .row-wrap {
    width: calc(100% - 90px);
}

.mysite .register-container .input-container .row .form-wrap .row-wrap .input-wrap {
    width: 100%;
    margin: 4px 0;
}

.mysite .register-container .input-container .row .row-wrap .input-wrap select {
    width: calc((100% - 112px) / 3);
}

.mysite .register-container .input-container .row .input-wrap input.input-xs {
    width: 80px;
}

.mysite .add-btn {
    width: 100%;
    text-align: center;
}

.mysite .txtArea {
    margin: 45px 0;
}

.mysite .txtArea p {
    text-align: center;
    line-height: 1.5rem;
}

.mysite .txtArea h3 {
    text-align: center;
    font-weight: bold;
}

.mysite .journal-wrap div {
    display: flex;
    flex-direction: column;
}

.mysite .journal-wrap div:last-child {
    padding-top: 28px;
}

.mysite .journal-btn {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.mysite .journal-btn img {
    border-radius: 50%;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}

/* 기업애로기술지도 v2 */

.mysite .page-guide-register .guide-box ~ form {
    margin-top: 15px;
}

.mysite .page-guide-register .register-container .input-container.large .row,
.mysite .page-guide-register .register-container .input-container.m-large .row {
    margin-bottom: 20px;
}

.mysite .page-guide-register .row .form-wrap.horizontal > label {
    width: 130px;
}

.mysite .page-guide-register .row .form-wrap label {
    margin-bottom: 0;
}

.mysite .page-guide-register .row .form-wrap .input-wrap {
    width: calc(100% - 130px);
}

.mysite .page-guide-register .row .form-wrap .input-wrap .radio-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 6px;
}

.mysite .page-guide-register .row .form-wrap .input-wrap .radio-list .radio {
    min-width: calc((100% - 100px) / 6);
}

.mysite .page-guide-register .row.multiple-row .input-wrap {
    flex-wrap: wrap;
    row-gap: 5px;
}

.mysite .page-guide-register .row.multiple-row .input-wrap .d-flex {
    display: flex;
    align-items: center;
    column-gap: 5px;
    width: 100%;
}

.mysite .page-guide-register .row.multiple-row .input-wrap .d-flex input[type="text"] {
    width: 400px;
}

.mysite .page-guide-register .row.multiple-row .input-wrap .d-flex label {
    min-width: 80px;
}

.mysite .page-guide-register .row.multiple-row .input-wrap .d-flex label ~ label {
    margin-left: 24px;
}

.mysite .page-guide-register .row.multiple-row .input-wrap .d-flex label ~ input[type="text"] {
    width: 100%;
}

.mysite .page-guide-register .expert-wrap .row .form-wrap .input-wrap {
    width: calc(100% - 224px);
}

.mysite .page-guide-register .expert-wrap .row .form-wrap a.btn-prof-search {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-left: 4px;
    padding: 0;
    text-align: center;
    line-height: 90px;
}

.mysite .page-guide-register .expert-wrap .btn.line {
    width: 100%;
}

.mysite .page-guide-register .expert-wrap ~ .expert-wrap {
    margin-top: 30px;
}

.mysite .page-guide-register .table-wrap span.unit {
    float: right;
}

.mysite .page-guide-register .table-wrap table {
    margin-top: 10px;
    font-size: 15px;
}

.mysite .page-guide-register .upload-row {
    width: 100%;
}

.mysite .page-guide-register .upload-row .upload-wrap .btn {
    margin: 0;
    line-height: 36px;
}

.popup-wrap.popup-prof .popup {
    max-width: 640px;
}

.popup-wrap.popup-status .popup .popup-content .label-small .upload-row {
    width: calc(100% - 90px);
}

.popup-wrap.popup-status .popup .upload-row .video-file-list {
    width: 100%;
    background: #F7F8F9;
    padding: 10px 20px;
}

.tech-guidance-report .toggle-tabl li {
    width: 20%;
}

.tech-guidance-report .tab-wrap h4 {
    margin: 40px 0 30px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.tech-guidance-report .tab-wrap .table-wrap table tr {
    border-bottom: 1px solid #ddd;
}

.tech-guidance-report .tab-wrap .table-wrap:not(.type02) table tr:first-of-type {
    border-top: 1px solid #ddd;
}

.tech-guidance-report .tab-wrap .table-wrap:not(.type02) table th,
.tech-guidance-report .tab-wrap .table-wrap:not(.type02) table td {
    border: 0;
    padding: 12px 16px;
    text-align: left;
}

#search_company_popup .popup {
    max-width: 860px;
}

.mysite .page-guide-register .tech-guide-register .radio-list {
    row-gap: 10px;
    display: flex;
    align-items: center;
}

.mysite .page-guide-register .tech-guide-register .radio-list .radio.input-radio {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.mysite .page-guide-register .tech-guide-register .radio-list .radio input[type="text"] {
    display: block;
}

.mysite .page-guide-register .tech-guide-register .row .form-wrap .radio-list label {
    margin-bottom: 0;
}

.mysite .page-guide-register .tit-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mysite .writer-info {
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.mysite .writer-info dt {
    margin-right: 4px;
}

.mysite .writer-info dd:not(:first-of-type)::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: -2px 6px 0px 6px;
    vertical-align: middle;
    background: #ccc;
}

.popup-wrap.popup-status .popup-tit-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 30px;
}

.popup-wrap.popup-status .popup .popup-tit-wrap .popup-tit {
    width: fit-content;
    padding-right: 0;
}

/* E : 기업애로기술지도 v2 */

/* 5. 공유팩토리 - 장비등록관리*/

.mysite .tab-menu ~ .content-wrap,
.mysite .tab-menu ~ .list-container {
    margin-top: -1px;
}

.mysite .content-wrap {
    background: #fff;
    padding: 30px 25px;
    border-radius: 0 8px 8px 8px;
    border: 1px solid #dfdfdf;
}

.mysite .content-wrap .table-wrap {
    margin-top: 0;
}

.mysite .content-wrap .search-container ~ .list-container .table-wrap {
    margin-top: 30px;
}

.mysite .title-wrap {
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 25px;
}

.mysite .title-wrap .thumb-img {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
}

.mysite .title-wrap .thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mysite .title-wrap .tit {
    text-align: left;
}

.mysite .title-wrap .tit h3 {
    font-weight: 500;
}

.mysite .title-wrap .tit p {
    color: #999;
    font-size: 15px;
    padding-top: 5px;
    font-weight: 300;
}

.mysite .guide-box ~ .tab-menu {
    margin-top: 30px;
}

.mysite .guide-box ~ .register-container {
    margin-top: 15px;
}

.mysite .guide-box ~ form {
    margin-top: 15px;
}

.mysite .img-box {
    position: relative;
    width: 100%;
    padding: 10px 20px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 10px;
    line-height: 1.5rem;
}

.mysite .img-box p {
    display: flex;
    align-items: center;
}

.mysite .img-box p img {
    padding-right: 5px;
}

.mysite .img-box p .btn-delete {
    margin-left: 10px;
    color: #888;
    font-size: 14px;
}

.mysite .img-box .img-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mysite .upload-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 20px;
    margin-top: 20px;
}

.mysite .upload-list > li p {
    padding-top: 10px;
}

.mysite .empty_img_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 150px;
    height: 150px;
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    border: 1px dashed #999999;
    overflow: hidden;
}

.mysite .upload-list > li .img_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    padding: 10px;
    background: #eee;
    border-radius: 6px;
    overflow: hidden;
}

.mysite .upload-list > li .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mysite .upload-list > li .active {
    border: 6px solid #649CEB;
}

.mysite .upload-list > li .img-title {
    position: relative;
}

.mysite .upload-list > li .img-title h1 {
    display: block;
    overflow: hidden;
    width: 120px;
    padding-top: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mysite .upload-list > li .img-title .upload-close {
    position: absolute;
    right: 10px;
    top: 8px;
}

.mysite .guide {
    padding-left: 5px;
    color: #888;
}

.mysite .register-container .input-container .form-wrap p.refer {
    font-size: 15px;
    line-height: 1.3;
    color: #555;
}

.mysite .register-container .input-container .form-wrap p.refer ~ textarea {
    margin-top: 6px;
}

.mysite .create-wrap .popup {
    max-width: 1020px;
}

.mysite .popup-wrap.create-wrap .popup-content .table-wrap {
    max-height: unset;
    overflow-y: unset;
}

.mysite .create-wrap .popup .gray-box input[type="text"] {
    width: 400px;
    margin-right: 4px;
}

.mysite .create-wrap .popup table tbody tr td dl dd {
    margin-top: 2px;
    font-size: 15px;
    color: #999;
}

.mysite .create-wrap .popup .table-wrap .table-top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.mysite .create-wrap .popup .table-wrap .pagination {
    margin-top: 16px;
}

.popup-detail .popup {
    max-width: 860px;
}

.popup-detail .popup .dl-wrap {
    border-top: 1px solid #444;
}

.popup-detail .popup .dl-wrap .dl-tit {
    padding: 24px;
    background: #F7F8F9;
    border-bottom: 1px solid #DDD;
    text-align: center;
}

.popup-detail .popup .dl-wrap .dl-tit p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.popup-detail .popup .dl-wrap .dl-tit span {
    font-size: 15px;
    font-weight: 500;
    color: #FA6464;
}

.popup-detail .popup .dl-wrap .dl-tit span ~ p {
    margin-top: 6px;
}

.popup-detail .popup .dl-wrap dl {
    display: flex;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid #DDD;
}

.popup-detail .popup .dl-wrap dl dt {
    width: 130px;
    margin-right: 10px;
    font-weight: 500;
    color: #777;
}

.popup-detail .popup .dl-wrap dl dd {
    width: calc(100% - 140px);
    line-height: 1.3;
}

.popup-detail .popup .dl-wrap dl dd ul {
    display: flex;
    align-items: center;
}

.popup-detail .popup .dl-wrap dl dd ul li:not(:last-of-type)::after {
    content: '|';
    display: inline;
    margin: 0 10px;
    color: #bbb;
}

.popup-status .popup .popup-content .gray-box.equip-name {
    display: block;
}

.popup-status .popup .popup-content .gray-box.equip-name h4 {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 700;
}

.popup-status .popup .popup-content textarea {
    margin-bottom: 20px;
}

/* 장비사용실적 */

.mysite .factory-usage-container .usage-wrap {
    margin-top: 30px;
}

.mysite .factory-usage-container .usage-wrap p.tit {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.mysite .factory-usage-container .usage-wrap p.tit::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(/mysite/img/common/ico_title.svg) center center no-repeat;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list {
    display: flex;
    column-gap: 15px;
    width: 100%;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box {
    display: flex;
    align-items: center;
    width: calc((100% - 45px) / 4);
    padding: 20px 35px;
    border-radius: 6px;
    background: #FFF;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.blue {
    background: #ECF4FF;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.purple {
    background: #F5F0FE;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box .ico-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-right: 35px;
    border-radius: 12px;
    background: #DDD;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.blue .ico-box {
    background: #649CEB;
    box-shadow: 0px 5px 15px rgba(100, 156, 235, 0.4);
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.purple .ico-box {
    background: #C6ABFF;
    box-shadow: 0px 5px 15px rgba(198, 171, 255, 0.4);
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.orange .ico-box {
    background: #F4CB8E;
    box-shadow: 0px 5px 15px rgba(244, 203, 142, 0.4);
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box.green .ico-box {
    background: #8FE09C;
    box-shadow: 0px 5px 15px rgba(143, 224, 156, 0.4);
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box > dl dt {
    margin-bottom: 12px;
    color: #666;
    font-size: 15px;
}

.mysite .factory-usage-container .usage-wrap .usage-box-list .box > dl dd {
    font-size: 30px;
    font-weight: 700;
}

.mysite .factory-usage-container .usage-wrap .content-wrap {
    padding: 30px 25px;
    border-radius: 0 8px 8px 8px 8px;
}

.mysite .factory-usage-container .usage-wrap .content-wrap p.sub-tit {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.mysite .factory-usage-container .usage-wrap .content-wrap p.sub-tit::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    border: 3px solid var(--primary-color);
}

.mysite .factory-usage-container .usage-wrap .usage-graph {
    width: 100%;
    height: 300px;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking {
    display: flex;
    column-gap: 20px;
    margin-top: 30px;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking > li {
    width: calc((100% - 40px) / 3);
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .rank-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    margin-bottom: 20px;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .rank-header p.sub-tit {
    margin-bottom: 0;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list > li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 0 20px;
    border-radius: 4px;
    background: #F7F7F7;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list > li:not(:last-of-type) {
    margin-bottom: 15px;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list .rank {
    width: 22px;
    margin-right: 30px;
    font-weight: 700;
    color: var(--primary-color);
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list .usage {
    width: 80px;
    margin-left: 10px;
    font-size: 20px;
    text-align: right;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list dl {
    width: calc(100% - 142px);
    padding-top: 3px;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list dl dt {
    width: 100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mysite .factory-usage-container .usage-wrap .usage-ranking .ranking-list dl dd {
    width: 100%;
    height: 18px;
    margin-top: 4px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 공유팩토리 - 기업페이지 */

.mysite .list-container .table-wrap p.tit {
    margin-bottom: 20px;
}

.mysite table tbody tr td span.state {
    color: #666;
}

.mysite table tbody tr td span.state.approve {
    color: #19BE6F;
}

.mysite table tbody tr td span.state.reject {
    color: #FA6464;
}

.popup-detail.small .popup {
    max-width: 600px;
}

.popup-detail.small .popup .dl-wrap dl dt {
    width: 70px;
}

.popup-detail.small .popup .dl-wrap dl dd {
    width: calc(100% - 70px);
}

/* 6. 메타버스교육플랫폼 - 클래스 등록관리*/

.search-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 25px 35px;
    gap: 5px;
    background: #F9F9F9;
    border: 1px solid #EAECED;
    border-radius: 4px;
}

/* S : select가 가변적인 조회창 */
.mysite .search-container.between {
    justify-content: space-between;
    flex-wrap: wrap;
}

.mysite .search-container.between .select-wrap {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 5px;
}

.mysite .search-container.select-s .select-wrap select,
.mysite .search-container.select-m .select-wrap select,
.mysite .search-container.select-l .select-wrap select {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.mysite .search-container.select-s .select-wrap select {
    max-width: 95px;
}

.mysite .search-container.select-m .select-wrap select {
    max-width: 115px;
}

.mysite .search-container.select-l .select-wrap select {
    max-width: 135px;
}
.mysite .search-container .select-wrap .input-wrap {
    flex-wrap: wrap;
}

/* E : select가 가변적인 조회창 */

/* S : 신분 select 조회창 */
.mysite .search-container.between.identity {
    justify-content: center;
}
.mysite .search-container.identity .select-wrap {
    justify-content: center;
    width: 60%;
}
.mysite .search-container.identity .select-wrap .input-wrap {
    gap: 4px;
}
.mysite .search-container.identity .select-wrap .input-wrap > select,
.mysite .search-container.identity .select-wrap .input-wrap > input,
.mysite .search-container.identity .select-wrap .input-wrap > div {
    flex: 1 1 20%;
}
.mysite .search-container.identity .btn-wrap .btn {
    width: 100%;
}
/* E : 신분 select 조회창 */

.search-container .search-wrap p {
    font-weight: 500;
    margin-bottom: 10px;
}

.search-container .search-wrap:last-child p {
    font-size: 0;
    height: 16px;
}

.search-container .btn-wrap .btn-reset {
    padding-left: 10px;
    color: #888;
}

.search-container .btn-wrap .btn-reset .fa-rotate-right {
    margin-right: 2px;
}

/* 목록 리스트 페이지 공통 */
.mysite .box-list-container {
    padding: 30px 25px;
    background: #fff;
    border-radius: 8px;
}

.mysite .box-list-container .table-wrap {
    margin: 30px 0;
}

.mysite .box-list-container .table-wrap .table-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 2px solid #555;
}

.mysite .box-list-container .table-wrap .table-top .right-wrap {
    display: flex;
    column-gap: 4px;
}

.menu-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    color: #888;
}

.menu-list > li img {
    vertical-align: 0;
}

.menu-list > li:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: -3px 10px 0 10px;
    background: url(/mysite/img/common/ico_arrow.png) center center no-repeat;
    vertical-align: middle;
    background-size: cover;
}

.menu-list > li:last-of-type:after {
    display: none;
}

.class-wrap {
    padding-top: 15px;
}

.class-wrap > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 30px 40px;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.class-wrap > ul > li .img-wrap {
    position: relative;
    width: 320px;
    height: 160px;
    background: #222;
}

.class-wrap > ul > li .img-wrap .class-location {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 12px 22px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    z-index: 3;
}

.class-wrap > ul > li .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.class-wrap > ul > li .info-wrap .class-subtit {
    padding-bottom: 12px;
    font-size: 15px;
    color: #649CEB;
}

.class-wrap > ul > li .info-wrap .class-tit {
    padding-bottom: 40px;
    font-size: 18px;
    font-weight: 700;
}

.class-wrap > ul > li .info-wrap .class-tit span {
    padding: 5px 10px;
    margin-right: 5px;
    background: #ddf6ea;
    color: #19be6f;
    font-size: 15px;
    border-radius: 4px;
}

.class-wrap > ul > li .info-wrap .class-info p {
    line-height: 1.5rem;
}

.class-wrap > ul > li .info-wrap .class-info p span {
    color: #888;
    padding-right: 8px;
}

.class-wrap > ul > li .btn-wrap {
    position: absolute;
    right: 40px;
    bottom: 30px;
}

.register-wrap {
    margin-top: 30px;
}

.register-wrap > .btn-wrap {
    margin-top: 50px;
}

.select-list {
    display: flex;
    gap: 15px;
}

.select-list li {
    width: 25%;
    display: flex;
    flex-direction: column;
}

.select-list li .img-wrap {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background: #eee;
    border-radius: 4px;
}

.select-list li .img-wrap.active {
    border: 5px solid #649CEB;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
}

.select-list li .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.time-wrap {
    margin-top: 15px;
}

.time-wrap ul {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}

.time-wrap ul li {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: #333;
    line-height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 12px;
    margin-right: 5px;
    cursor: pointer;
}

.time-wrap ul li.completed {
    background: #F2F2F2;
    color: #aaa;
    text-decoration-line: line-through;
}

.time-wrap ul li.active {
    background: #edf4ff;
    color: #649ceb;
    border: 1px solid #649ceb;
}

.desc {
    color: #ff7676;
    font-size: 15px;
    padding-left: 5px;
}

.target-wrap {
    padding: 25px 0;
    background: #F9F9F9;
    border: 1px solid #EAECED;
}

.register-search {
    display: flex;
    gap: 5px;
    flex-direction: row;
    justify-content: center;
}

.target-list {
    margin-top: 20px;
    max-height: 300px;
    overflow-y: auto;
}

.target-list .none-txt {
    padding: 40px 20px;
    background: #fff;
    text-align: center;
}

.major-list {
    display: flex;
    padding-left: 10px;
}

.major-list > li img {
    vertical-align: 0;
}

.major-list > li:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: -3px 10px 0 10px;
    background: url(/mysite/img/common/ico_arrow.png) center center no-repeat;
    vertical-align: middle;
    background-size: cover;
}

.major-list > li:last-of-type:after {
    display: none;
}

.tag-list {
    padding: 0 30px;
}

.tag-list ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 4px;
}

.tag-list ul li {
    font-size: 15px;
    text-align: center;
    color: #333;
    line-height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 2px 10px;
    cursor: pointer;
}

.tag-count {
    padding: 20px 10px;
    text-align: right;
}

.tag-count p {
    display: inline-block;
    font-size: 14px;
}

.tag-count p:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: -3px 10px 0 10px;
    background: #d9d9d9;
    vertical-align: middle;
    background-size: cover;
}

.tag-count p:last-child:after {
    display: none;
}

.tag-count p:first-child span {
    color: #649ceb;
    font-weight: bold;
}

.tag-count p:last-child span {
    color: #ff6767;
    font-weight: bold;
}

.fa-xmark {
    color: #bbb;
    padding-left: 5px;
}

.result-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    padding: 30px 40px 25px;
    margin-bottom: 10px;
    border-top: 2px solid #555;
    border-bottom: 1px solid #ddd;
}

.result-wrap .result-txt .date {
    display: inline-block;
    padding: 7px 10px;
    margin-bottom: 15px;
    background: #649ceb;
    color: #fff;
    font-size: 14px;
    border-radius: 14px;
}

.result-wrap .result-txt .title {
    font-size: 18px;
    font-weight: bold;
}

.result-cont .title {
    color: #888;
}

.result-cont table tbody tr {
    border-bottom: none;
}

.result-cont table tbody tr td {
    padding: 5px 10px;
    border: none;
    text-align: left;
}

.result-list table tbody tr:hover {
    background: #f6fafc;
    cursor: pointer;
}

.class-major-list {
    display: flex;
    padding-left: 10px;
}

.class-major-list > li img {
    vertical-align: 0;
}

.class-major-list > li:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: -3px 10px 0 10px;
    background: url(/mysite/img/common/ico_arrow.png) center center no-repeat;
    vertical-align: middle;
    background-size: cover;
}

.class-major-list > li:last-of-type:after {
    display: none;
}

.result-list .accodion-cont {
    background: #f6fafc;
}

.result-list .accodion-cont {
    padding: 40px 80px;
}

.result-list .accodion-cont ul li {
    display: flex;
    flex-direction: column;
    padding: 20px 50px;
    margin-bottom: 8px;
    background: #fff;
    box-shadow: 0px 5px 15px rgba(19, 97, 136, 0.08);
    font-size: 16px;
    text-align: left;
    border-radius: 8px;
}

.result-list .accodion-cont ul li span:last-child {
    padding-top: 2px;
}


.result-list .accodion-cont ul li .question {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;;
}

.result-list .accodion-cont ul li .question span:first-child {
    font-size: 18px;
    font-weight: bold;
    color: #649ceb;
}

.result-list .accodion-cont ul li .answer span:first-child {
    font-size: 18px;
    font-weight: bold;
    color: #6b7a8e;
}

.result-list .accodion-cont ul li .answer {
    display: flex;
    gap: 20px;
}

.result-list .accodion-cont ul li .no-answer {
    color: #ff7676
}

/* 6. 메타버스교육플랫폼 - 자료실*/

.mysite .register-container .input-container .row .label-upload {
    display: grid;
    grid-template-columns: 90px 1fr;
}

.mysite .register-container .input-container .form-wrap.label-upload label[for="file"] {
    width: 90px;
    margin: 0;
    line-height: 34px;
}

.mysite .register-container .input-container .form-wrap.label-upload.horizontal .input-wrap {
    width: 100%;
    align-items: flex-start;
}

.mysite .register-container .input-container .form-wrap.label-upload .img-box {
    margin-top: 15px;
}

.mysite .register-container .input-container .form-wrap.label-upload .img-preview {
    width: 100%;
    margin-bottom: 15px;
}

.mysite .register-container .input-container .form-wrap.label-upload .img-preview img {
    max-width: 50%;
}

.mysite .register-container .input-container .form-wrap.label-upload .img-preview p {
    margin-top: 10px;
    color: #888;
    font-size: 14px;
}

.mysite .register-container .input-container .form-wrap.label-upload .form-download {
    margin-top: 18px;
}

.mysite .register-container .input-container .form-wrap.label-upload .form-download a {
    text-decoration: underline;
    color: var(--primary-color);
}

/* 3. 공유협업  */

.mysite .search-container.vertical {
    flex-direction: column;
    padding: 20px 40px;
}

.mysite .search-container.vertical .row {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.mysite .search-container.vertical .row.align-top {
    align-items: flex-start;
}

.mysite .search-container.vertical .row > span {
    display: inline-block;
    width: 100px;
    margin-right: 8px;
    font-weight: 500;
    line-height: 1.3;
}

.mysite .search-container.vertical .row .input-wrap:not(:last-of-type) {
    margin-right: 40px;
}

.mysite .search-container.vertical .row .input-wrap.half {
    width: calc(50% - 144px);
}

.mysite .search-container.vertical .row .input-wrap input {
    width: 550px;
}

.mysite .search-container.vertical .row .input-wrap.datepicker input {
    width: 150px;
}

.mysite .search-container.vertical .row .checkbox-row {
    display: flex;
    column-gap: 30px;
    margin-bottom: 10px;
}

.mysite .search-container.vertical .row .checkbox-row:last-of-type {
    margin-bottom: 0;
}

.mysite .search-container.vertical .row .checkbox-row.program-checkbox-row label {
    display: inline-block;
    width: 215px;
    box-sizing: border-box;
}

.mysite .input-container .row .input-wrap.radio-wrap {
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 10px 0px;
}

.mysite .input-container .row .input-wrap.radio-wrap .radio {
    width: calc((100% - 8px) / 3);
    margin-right: 0;
}

.mysite .input-container .row .input-wrap.radio-wrap .radio label {
    width: auto;
    font-weight: 400;
}

.mysite .input-container .row .input-wrap.radio-wrap .radio-input {
    display: flex;
    align-items: center;
}

.mysite .input-container .row .input-wrap.radio-wrap .radio-input input {
    width: 250px;
}

.mysite .input-container .row .input-wrap.checkbox-wrap .checkbox-input {
    display: flex;
    align-items: center;
}

.mysite .input-container .row .input-wrap.checkbox-wrap .checkbox-input input {
    width: 250px;
}

.mysite .input-container .row .checkbox label {
    width: auto !important;
    padding-left: 25px;
    font-weight: 400 !important;
}

.mysite .input-container .row .form-wrap .input-wrap .btn i {
    font-size: 14px;
    font-weight: 400;
}

.mysite .input-container .row table.cooperate-table th {
    width: 150px;
    padding: 10px 5px;
    background: #EBEFF5;
    border-bottom: 1px solid #fff;
    text-align: center;
    color: var(--secondary-color);
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
}

.mysite .input-container .row table.cooperate-table tr:last-of-type th {
    border-bottom: 1px solid #EBEFF5;
}

.mysite .input-container .row table.cooperate-table td {
    padding: 11px 10px;
}

.mysite .input-container .row table.cooperate-table tr:first-of-type td {
    border-top: 1px solid #ddd;
}

.mysite .input-container .row table.cooperate-table .row {
    margin: 0;
    column-gap: 5px;
}

.mysite .input-container .row table.cooperate-table .row input[type="text"] {
    width: 222px;
}

.mysite .input-container .row table.cooperate-table .row .btn i {
    font-size: 14px;
    font-weight: 400;
}

.mysite .input-container .row table.cooperate-table .univ-row-list > li:not(:last-of-type):after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border: 1px dashed #ddd;
    margin: 20px 0;
}

.mysite .input-container .row table.cooperate-table .radio-wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.mysite .input-container .row table.cooperate-table .radio-list {
    display: flex;
    align-items: center;
}

.mysite .input-container .row table.cooperate-table .radio-wrap .radio-list:not(:last-of-type):after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 15px;
    background: #d9d9d9;
}

.mysite .input-container .row table.cooperate-table .radio-list > li {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.mysite .input-container .row .radio label {
    width: auto !important;
    padding-left: 25px;
    font-weight: 400 !important;
}

.mysite .input-container .row .input-wrap > .radio {
    margin-right: 15px;
}

.mysite .input-container .row .label-upload .input-wrap {
    flex-direction: column;
}

.mysite .register-container .list-container .btn-wrap {
    margin-top: 50px;
}

.popup-approval .popup {
    max-width: 500px;
}

.popup-approval .popup .gray-box {
    column-gap: 30px;
    margin-bottom: 20px;
    line-height: 1;
}

.popup-coop .popup {
    max-width: 860px;
}

.popup-coop .gray-box {
    column-gap: 4px;
}

.popup-coop .gray-box input[type="text"] {
    width: 400px;
}

.mysite .input-container .info-wrap {
    padding: 20px 20px 20px 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
}


.mysite .input-container .info-wrap .tit-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.mysite .input-container .info-wrap p.tit {
    margin-bottom: 0;
}

.mysite .input-container .info-wrap .tit-wrap a {
    font-size: 20px;
    transform: rotate(90deg);
    transition: all 0.25s;
}

.mysite .input-container .info-wrap .tit-wrap.on a {
    transform: rotate(270deg)
}

.mysite .input-container .info-table-wrap {
    margin-top: 20px;
    padding: 0;
}

.mysite .input-container .info-table-wrap table tr:first-of-type td {
    border-top: 1px solid #ddd;
}

.mysite .input-container .info-table-wrap table th {
    width: 150px;
}

.mysite .input-container .info-table-wrap table td {
    padding: 15px 20px;
}

.mysite .input-container .info-table-wrap ul.selected-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 8px;
}

.mysite .input-container .info-table-wrap ul.selected-list > li {
    display: flex;
    align-items: center;
}

.mysite .input-container .info-table-wrap ul.selected-list > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 15px;
    background: #ddd;
}

.mysite .input-container .register-wrap {
    padding: 0 20px;
}

.mysite .input-container .register-wrap p.tit {
    margin: 40px 0 30px 0;
}

.popup-application-view .popup {
    max-width: 760px;
}

.popup-application-view table tbody tr td {
    padding: 11px 15px;
}

.popup-application-view table tbody tr td p.td-tit {
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--secondary-color);
}

.popup-application-view table tbody tr td .univ-info-list {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.popup-application-view table tbody tr td .univ-info-list > li:not(:last-of-type)::after {
    content: '|';
    display: inline;
    margin-left: 10px;
    color: #ccc;
}

/* 공유협업 > 협업프로젝트 관리 > register.html */

/* 썸네일- 템플릿 선택 */
.thumbnail-popup .thumbnail-wrap {
    width: 420px;
    height: 264px;
}

.thumbnail-popup .thumbnail-wrap .thumbnail {
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    position: relative;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .sub-tit {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .main-tit {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 2px 2px 2px rgba(0, 0, 0, 0.5);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.thumbnail-popup .thumbnail-wrap .thumbnail .univ-img {
    position: absolute;
    bottom: 62px;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .univ-img div {
    display: inline-block;
    width: 160px;
    padding: 7px 22px;
    background-color: #fff;
    border-radius: 17px;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .univ-img div img {
    width: auto;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .date-txt {
    display: inline-block;
    padding: 8px 22px;
    position: absolute;
    bottom: 25px;
    border-radius: 17px;
    font-size: 14px;
}

.thumbnail-popup .thumbnail-wrap .thumbnail .date-txt p:before {
    content: "수행기간";
    margin-right: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

.thumbnail-popup .thumbnail-wrap .thumbnail .date-txt p {
    color: #fff;
    font-weight: 500;
}

/* 템플렛 별 색상 */
/* 배경 */
.thumbnail-popup .thumbnail-wrap.thumbnail-template01 {
    background: url(../img/shared-collabo/thumbnail01.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template02 {
    background: url(../img/shared-collabo/thumbnail02.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template03 {
    background: url(../img/shared-collabo/thumbnail03.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template04 {
    background: url(../img/shared-collabo/thumbnail04.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template05 {
    background: url(../img/shared-collabo/thumbnail05.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template06 {
    background: url(../img/shared-collabo/thumbnail06.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template07 {
    background: url(../img/shared-collabo/thumbnail07.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template08 {
    background: url(../img/shared-collabo/thumbnail08.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template09 {
    background: url(../img/shared-collabo/thumbnail09.png) no-repeat center center / 100%;
}

.thumbnail-popup .thumbnail-wrap.thumbnail-template10 {
    background: url(../img/shared-collabo/thumbnail10.png) no-repeat center center / 100%;
}

/* 텍스트, 백그라운드 */

/* 템플릿01 */
.thumbnail-popup .thumbnail-template01 .thumbnail .sub-tit {
    color: #F86772;
}

.thumbnail-popup .thumbnail-template01 .thumbnail .date-txt {
    background-color: #F86772;
}

/* 템플릿02 */
.thumbnail-popup .thumbnail-template02 .thumbnail .sub-tit {
    color: #F87B29;
}

.thumbnail-popup .thumbnail-template02 .thumbnail .date-txt {
    background-color: #F87B29;
}

/* 템플릿03 */
.thumbnail-popup .thumbnail-template03 .thumbnail .sub-tit {
    color: #F7A000;
}

.thumbnail-popup .thumbnail-template03 .thumbnail .date-txt {
    background-color: #F7A000;
}

/* 템플릿04 */
.thumbnail-popup .thumbnail-template04 .thumbnail .sub-tit {
    color: #51CF00;
}

.thumbnail-popup .thumbnail-template04 .thumbnail .date-txt {
    background-color: #51CF00;
}

/* 템플릿05 */
.thumbnail-popup .thumbnail-template05 .thumbnail .sub-tit {
    color: #12D3B2;
}

.thumbnail-popup .thumbnail-template05 .thumbnail .date-txt {
    background-color: #12D3B2;
}

/* 템플릿06 */
.thumbnail-popup .thumbnail-template06 .thumbnail .sub-tit {
    color: #6AAEF9;
}

.thumbnail-popup .thumbnail-template06 .thumbnail .date-txt {
    background-color: #6AAEF9;
}

/* 템플릿07 */
.thumbnail-popup .thumbnail-template07 .thumbnail .sub-tit {
    color: #0F3190;
}

.thumbnail-popup .thumbnail-template07 .thumbnail .date-txt {
    background-color: #0F3190;
}

/* 템플릿08 */
.thumbnail-popup .thumbnail-template08 .thumbnail .sub-tit {
    color: #425CC2;
}

.thumbnail-popup .thumbnail-template08 .thumbnail .date-txt {
    background-color: #425CC2;
}

/* 템플릿09 */
.thumbnail-popup .thumbnail-template09 .thumbnail .sub-tit {
    color: #6351EB;
}

.thumbnail-popup .thumbnail-template09 .thumbnail .date-txt {
    background-color: #6351EB;
}

/* 템플릿10 */
.thumbnail-popup .thumbnail-template10 .thumbnail .sub-tit {
    color: #0C62E2;
}

.thumbnail-popup .thumbnail-template10 .thumbnail .date-txt {
    background-color: #0C62E2;
}

/* E : 템플렛 별 색상 */
/* E : 썸네일- 템플릿 선택 */

/* E : 공유협업 > 협업프로젝트 관리 > register.html */


/* 공유협업 > 협업프로젝트 관리 > part-univ.html */

.popup-wrap.popup-part .add-wrap {
    display: flex;
    justify-content: space-between;
}

.popup-wrap.popup-part .add-wrap .btn-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.popup-wrap.popup-part .table-wrap {
    width: calc(50% - 70px);
}

.popup-wrap .table-wrap .table-tit {
    margin: 10px 0 15px;
    font-weight: 700;
}

/* E : 공유협업 > 협업프로젝트 관리 > part-univ.html */


/* 공유협업 > 협업프로젝트 관리 > 주관프로젝트 관리 > report.html */

.report-container .content-wrap .list-empty .table-empty {
    padding: 100px 0;
}

.popup-wrap.popup-report .popup {
    max-width: 750px;
}

.popup-wrap.popup-report .popup .popup-content .label-small {
    justify-content: space-between;
}

.popup-wrap.popup-report .popup .popup-content .label-small label, .popup-wrap.popup-report .popup .popup-content .input-tit {
    width: 150px;
}

.popup-wrap.popup-report .popup .popup-content .input-tit {
    font-weight: 500;
}

.popup-wrap.popup-report .popup .popup-content .label-small .input-wrap {
    column-gap: 10px;
    width: calc(100% - 160px);
}

.popup-wrap.popup-report .popup-content .gray-box {
    column-gap: 15px;
}

.popup-wrap.popup-report .popup-content .gray-box .btn i {
    margin-right: 0;
}

.popup-wrap.popup-report .popup-content .gray-box .tooltip i {
    color: #fff;
}

.popup-wrap.popup-report .popup-content .gray-box .tooltip span .btn.size-xs {
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 16px;
    font-size: 10px;
    border: 1px solid #fff;
}

/* E : 공유협업 > 협업프로젝트 관리 > 주관프로젝트 관리 > report.html */


/* 공유협업 > 협업프로젝트 관리 > info.html */
.info-container .list-wrap {
    max-width: 700px;
    margin: 0 auto;
}

.info-container .list-wrap .ul-wrap {
    display: flex;
    flex-direction: column;
}

.info-container .list-wrap .ul-wrap .ul-tit {

    display: flex;
    align-items: center;
    float: left;
    background: #EBEFF5;
    border-bottom: 1px solid #fff;
    color: var(--secondary-color);
}

.info-container .list-wrap .ul-wrap .ul-tit p {
    width: 150px;
    text-align: center;
    font-weight: 600;
}

.info-container .list-wrap .ul-wrap .ul-tit .ul-txt {
    width: 650px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    float: right;
}

.info-container .list-wrap .ul-wrap .ul-tit .ul-txt.table-line {
    border-top: 1px solid #ddd;
}

.info-container .list-wrap .ul-wrap .ul-tit .ul-txt li {
    padding: 11px 15px;
    line-height: 1.4;
    vertical-align: middle;
    position: relative;
}

/* E : 공유협업 > 협업프로젝트 관리 > info.html */


/* 공유협업 > 협업프로젝트 관리 > 참여프로젝트 관리 > report.html */
.popup-report .popup .gray-wrap .gray-tit {
    margin-bottom: 20px;
    padding: 24px;
    background: #F7F8F9;
    border-top: 1px solid #444;
    border-bottom: 1px solid #DDD;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

/* E : 공유협업 > 협업프로젝트 관리 > 참여프로젝트 관리 > report.html */


/* 캡스톤 디자인 */

.mysite .page-capstone ul.upload-list {
    margin-top: 0
}

.mysite .table-top-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    margin-bottom: 10px;
}

.mysite ul.upload-list .file-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 150px;
    margin-top: 12px;
}

.mysite ul.upload-list .file-name p {
    display: block;
    width: calc(100% - 20px);
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mysite ul.upload-list .file-name a {
    width: 16px;
    height: 16px;
}

.btn_uploader_file input {
    display: none
}

.btn_uploader_file {
    width: 100% !important;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    line-height: 42px !important;
    margin-top: 5px !important;
    text-align: center;
}

.btn_uploader_file:hover {
    background-color: var(--secondary-hover-color);
}

.mysite .register-container .input-container .input-wrap label.btn_uploader_file {
    width: 100% !important;
}

.btn_uploader_img input {
    display: none
}

.btn_uploader_img {
    width: 100% !important;
    height: 200px;
    color: #666;
    background-color: #f7f7f7;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #ddd;
    display: flex !important;;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.btn_uploader_img:hover {
    background-color: #e8e8e8;
    color: #333;
}

.btn_uploader_img:last-of-type {
    margin-right: 0px
}

.btn_uploader_img i {
    font-size: 20px;
    margin-bottom: 5px
}

.btn_uploader_img.btn_img_label {
    width: calc(50% - 4px) !important;
    background-size: cover;
    background-position: center center;
}

.capstone_sign {
    font-size: 16px;
    font-weight: 500px;
    line-height: 1.3;
    margin-top: 30px;
}

.capstone_sign span {
    font-size: 22px;
    font-weight: 600px;
    line-height: 1.3;
    margin-top: 30px;
    color: #222;
    display: block;
    margin-top: 30px
}

.input-wrap {
    white-space: nowrap !important;
}

.input-wrap.remove-input-wrap {
    position: relative;
}

/* 캡스톤디자인 학생 추가 팝업 */
.popup-wrap.student-popup .popup {
    max-width: 860px;
}

.popup-wrap.student-popup .popup table {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.popup-wrap.student-popup .popup table tr:last-of-type {
    border-bottom: 0;
}

.popup-wrap.student-popup .popup .tag-list {
    margin-top: 30px;
}

.popup-wrap.student-popup .popup .tag-list p.txt {
    text-align: center;
    margin-bottom: 15px;
}

.popup-wrap.student-popup .popup .tag-list ul li:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-bg-color);
}

.popup-wrap.student-popup .popup .tag-list ul li.active {
    border: 1px solid var(--primary-color);
    background: var(--primary-bg-color);
    color: var(--primary-color);
    font-weight: 500;
}

.popup-wrap.student-popup .popup .tag-list ul li.active i {
    color: var(--primary-color);
}

/* E : 캡스톤디자인 학생 추가 팝업 */

.mysite .register-container .input-container .column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
    width: 100%
}

.mysite .register-container .input-container .column:last-of-type {
    margin-bottom: 0px;
    margin-right: 0px;
}

.file_name {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    padding: 0px 12px;
    border-radius: 4px;
    background: #f7f8f9;
    border: 1px solid #ddd;
}


.flex-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.space-between {
    justify-content: space-between;
}

.flex-start {
    justify-content: flex-start;
}

.flex-row > .flex-row {
    margin-bottom: 0px
}

.flex-row:last-of-type {
    margin-bottom: 0px
}

.flex-row label {
    padding-left: 10px
}

.form-wrap span {
    margin: 0px 5px
}

.form-wrap span:last-of-type {
    margin-right: 0px
}

.align_right {
    text-align: right;;
}

.mysite .register-container .input-container h3 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-xlarge label {
    width: 150px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-xlarge .input-wrap {
    width: calc(100% - 150px);
}

.mysite .register-container .input-container .form-wrap.horizontal.label-xxlarge label {
    width: 270px;
    margin: 0;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-xxlarge .input-wrap {
    width: calc(100% - 270px);
}

.pd-left-20 {
    padding-left: 20px;
    box-sizing: border-box;
}

.pd-left-40 {
    padding-left: 40px;
    box-sizing: border-box;
}

.pd-left-40 span {
    display: inline-block;
    width: 40px;
}

.width-del {
    width: 100% !important;
    position: relative
}

.btn_add_element {
    display: block;
    background-color: var(--secondary-color);
    color: #fff !important;
    border-radius: 4px;
    font-weight: 500;
    line-height: 42px !important;
    margin-top: 5px !important;
    text-align: center;
}

.btn_add_element:hover {
    background-color: var(--secondary-hover-color);
}

.btn_remove_element {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    color: #FF5A5A !important;
}

.align_left {
    text-align: left;
}

.thstyle {
    padding-top: 0px !important;
}

.thstyle th {
    padding: 10px 5px;
    background: #EBEFF5;
    border: 1px solid #fff;
    text-align: center;
    color: var(--secondary-color);
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
    border-bottom: 1px solid #ddd
}

.thstyle td > div {
    display: flex;
    align-items: center;
}

.thstyle td > div > input {
    margin-right: 10px
}

.btn_view_example {
    position: absolute;
    right: 0px;
    bottom: 5px
}

#layer_example {
    background: #fff;
    box-shadow: 4px 4px 8px rgb(0 0 0 / 5%);
    width: 760px;
    height: 416px;
    padding: 20px;
    z-index: 9999;
    position: absolute;
    display: none;
    right: 0px;
    top: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* 산학공동기술개발 */

.mysite .search-container.vertical .row .input-wrap.fix-width {
    width: 550px;
}

.mysite .search-container.vertical .row .input-wrap.profits input {
    width: 150px;
}

.mysite .list-container .table-wrap table tbody tr td .project-name .type-label {
    display: inline-block;
    margin-right: 8px;
    padding: 5px 6px;
    border-radius: 4px;
    background: #EDF4FF;
    color: #649CEB;
    font-weight: 600;
    line-height: 1;
}

.mysite .list-container .table-wrap table tbody tr td .project-name {
    display: flex;
    align-items: flex-start;
}

.mysite table tbody .btn-list-row > li .btn {
    width: 90px;
}

.mysite table tbody .btn-list-row > li:last-of-type {
    margin-top: 4px;
}

/* .mysite table.no-thead tbody tr th {
    padding: 10px 5px;
    background: #EBEFF5;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    color: var(--secondary-color);
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
} */

.mysite .tech-dev-list table tbody tr td input,
.mysite .tech-dev-list table tbody tr td select {
    width: 100%;
}

.mysite .tech-dev-list ~ .tech-dev-list,
.mysite .tech-dev-list ~ .btn-wrap {
    margin-top: 50px;
}

.mysite .tech-dev-list table tbody tr td .btn i {
    font-size: 14px;
    font-weight: 400;
}

.mysite .tech-dev-list table tbody tr td.d-flex {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.popup-wrap.type-popup .popup {
    max-width: 700px;
}

.popup-wrap.type-popup .popup .popup-input {
    width: 100%;
    padding: 15px 0;
}

.popup-wrap.type-popup .popup .popup-input > li ~ li {
    margin-top: 16px;
}

.popup-wrap.type-popup .popup .popup-input label {
    display: inline-block;
    width: 90px;
    margin-right: 8px;
    font-weight: 500;
}

.popup-wrap.type-popup .popup .popup-input input,
.popup-wrap.type-popup .popup .popup-input select {
    width: calc(100% - 102px);
}

.mysite .input-container .row .input-wrap.checkbox-wrap {
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 10px 0px;
}

.mysite .input-container .row .input-wrap.checkbox-wrap .checkbox {
    width: calc((100% - 8px) / 3);
    margin-right: 0;
}

.mysite .list-container .table-wrap table tbody tr td .completed {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    border-radius: 50%;
    background: #DDD url(/mysite/img/common/ico_completed.svg) no-repeat center center / 24px 24px;
}

.mysite .list-container .table-wrap table tbody tr td .completed.on {
    background: #ADCFFF url(/mysite/img/common/ico_completed.svg) no-repeat center center / 24px 24px;
}

.mysite .register-container .con-box .table-wrap ~ .btn-wrap {
    margin-top: 50px;
}

.mysite .register-container .con-box table tr td p.td-tit {
    width: 120px;
    padding-left: 10px;
    font-weight: 500;
    color: var(--secondary-color);
}

.mysite .register-container .con-box table tr td .required {
    margin-left: 3px;
    color: #FF4F4F;
    font-size: 14px;
}

.mysite .register-container .con-box .tech-dev-list table tr td .radio-row {
    display: flex;
    align-items: center;
}

.mysite .register-container .con-box .tech-dev-list table tr td .radio-row .radio {
    margin-right: 20px;
}

.mysite .register-container .con-box .tech-dev-list table tr td .radio-row .radio label {
    padding-left: 25px;
}

.mysite .register-container .con-box .tech-dev-list table .upload-row .upload-wrap {
    margin-top: 0;
}

.mysite .register-container .con-box .tech-dev-list table .upload-row .upload-wrap label {
    margin-left: 0;
}

.mysite .register-container .con-box .tech-dev-list table.no-thead tr td textarea {
    width: calc(100% - 126px);
}

.mysite .register-container .con-box .tech-dev-list table .upload-row {
    width: calc(100% - 126px);
}

.mysite .step-container {
    padding: 50px 0px;
    background: #F9F9F9;
    border: 1px solid #EAECED;
    border-radius: 4px;
}

.mysite .step-container ol.step-list {
    margin-bottom: 0;
}

.mysite .con-box p.step-tit {
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.mysite .con-box p.step-tit span {
    margin-right: 6px;
    color: var(--primary-color);
}

.mysite table.hover-table tbody tr {
    cursor: pointer;
}

.mysite table.hover-table tbody tr:hover {
    background: #F6F6F6;
}

.mysite table.hover-table tbody tr.select {
    background: #F6F6F6;
}

.mysite .popup-agreement table {
    font-size: 15px;
}

.mysite .popup-agreement table .btn-wrap {
    margin-top: 0;
}

.mysite .popup-agreement table .datepicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.mysite .popup-agreement table .datepicker input[type="date"] {
    max-width: 135px;
    padding: 0 8px;
}

/* 산학기업관리 */

/* etc 공통 */

.input100 {
    width: 100%;
}

.select100 {
    width: 100%;
}

.mysite .con-box.con-box2 {
    border-radius: 0 8px 8px 8px
}


.mysite .gray-box {
    border: solid 1px #EAECED;
    background: #F9F9F9;
    padding: 20px 40px;
    text-align: center;
}

.mysite .gray-search-box {
    border: solid 1px #EAECED;
    background: #F9F9F9;
    padding: 20px 40px;
}

.mysite .mb10 {
    margin-bottom: 10px !important
}

.mysite .mb20 {
    margin-bottom: 20px !important
}

.mysite .mb30 {
    margin-bottom: 30px !important
}

.mysite .mb40 {
    margin-bottom: 40px !important
}

.mysite .mb50 {
    margin-bottom: 50px !important
}

.mysite .mr30 {
    margin-right: 30px !important
}

.mysite .mr50 {
    margin-right: 50px !important
}

.mysite .disabled.disabledn {
    cursor: pointer;
}

.btn.exbtn {
    background: #58C68F;
    color: #fff
}

.btn.exbtn:hover {
    background: #42b179
}

.btn-under {
    color: #888;
    text-decoration: underline !important;
}

.btn-under:hover {
    color: #000
}

.left-table {
    width: 100%;
    border-top: solid 1px #ddd;

}


.left-table tr {
    border-bottom: solid 1px #ddd;
}


.left-table tr th {
    color: var(--secondary-color);
    padding: 10px;
    vertical-align: middle;
    border: none;
    background: #EBEFF5;
    width: 13.3333%;
    text-align: left;
}


.left-table tr td {
    padding: 10px;
    vertical-align: middle;
    border: none;
    width: 20%;
    text-align: left;
}


/* dashboard01.html - 가족기업 대시보드 */

.mysite .family-dashboard-container .table-wrap {
    margin-top: 30px;
}

.mysite .family-dashboard-container .table-wrap .table-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.mysite .family-dashboard-container .table-wrap .table-top .right-wrap {
    display: flex;
    column-gap: 4px;
}


.mysite .family-dashboard-container .family-borad_wrap {
    margin: 30px 0 15px 0;

}


.mysite .family-dashboard-container .family-borad_wrap .family-borad-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li {
    display: flex;
    align-items: center;
    width: calc(25% - 12px);
    padding: 30px;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 15px 0;
    position: relative;
}


.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li img {
    height: 58px;
    border-radius: 12px;
    margin-right: 20px;
}


.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:first-of-type img {
    box-shadow: 0px 5px 15px rgba(100, 156, 235, 0.4);
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(2) img {
    box-shadow: 0px 5px 15px rgba(198, 171, 255, 0.4);
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(3) img {
    box-shadow: 0px 5px 15px rgba(244, 203, 142, 0.4);
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(4) img {
    box-shadow: 0px 5px 15px rgba(143, 224, 156, 0.4);
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(5) img {
    box-shadow: 0px 5px 15px rgba(248, 132, 132, 0.4);
}

.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(6) img {
    box-shadow: 0px 5px 15px rgba(132, 208, 248, 0.4);
}


.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(7) img {
    box-shadow: 0px 5px 15px rgba(115, 228, 208, 0.4);
}


.mysite .family-dashboard-container .family-borad_wrap .family-borad-list > li:nth-of-type(8) img {
    box-shadow: 0px 5px 15px rgba(219, 131, 201, 0.4);
}


.mysite .family-dashboard-container .family-borad_wrap .family-table-tit {
    font-size: 18px;
    margin-bottom: 15px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.mysite .family-dashboard-container .family-borad_wrap .family-table {
    display: table;
    width: 100%;
    position: relative;
    padding-top: 30px;
}

.mysite .family-dashboard-container .family-borad_wrap .family-table-row {
    display: table-row
}

.mysite .family-dashboard-container .family-borad_wrap .family-table-cell01 {
    display: table-cell;
    width: 80px;
    vertical-align: middle;
}

.mysite .family-dashboard-container .family-borad_wrap .family-table-cell02 {
    display: table-cell;
    font-size: 30px;
    font-weight: 700;
    vertical-align: middle;
    width: calc(100% - 85px);
}

.mysite .family-dashboard-container .family-borad_wrap .family-table-cell02 .gfont01 {
    font-size: 14px;
    margin: 0 15px 0 0;
    font-weight: 400;
    display: inline-block;
}

.mysite .family-dashboard-container .family-borad_wrap .family-table-cell02 .gfont02 {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}


.mysite .family-dashboard-container .con-box-50 {
    display: flex;
    column-gap: 15px;
}

.mysite .family-dashboard-container .con-box-50 div.con-box-50-inner {
    width: 50%;
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 8px;
}


.mysite .family-dashboard-container .con-box-50 p.tit {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
}

.mysite .family-dashboard-container .con-box-50 p.tit::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url('../img/common/ico_title.svg') center center no-repeat;
}


.mysite .family-dashboard-container .employment-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;

}

.mysite .family-dashboard-container .employment-list > li {
    display: flex;
    width: calc(20% - 12px);
    padding: 20px 35px 20px 35px;
    background: #f9f9f9;
    border-radius: 6px;
    margin: 0 0 15px 0;

}

.mysite .family-dashboard-container .employment-list > li dl {
    width: 100%;
}

.mysite .family-dashboard-container .employment-list > li dl dt {
    font-weight: 600;
    padding: 0 0 10px 0;

}

.mysite .family-dashboard-container .employment-list > li dl dd {
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    padding: 0 15px 0 0;

}


/* 가족기업그래프 */

@-webkit-keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.pie-chart--wrapper {
    width: 400px;
    margin: 0 auto;
    text-align: center;
}

.pie-chart__pie, .pie-chart__legE : {
    display: inline-block;
    vertical-align: top;
}

.pie-chart__pie {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 10px auto 35px;
}

.pie-chart__pie::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    background: #EEE;
    border-radius: 50%;
    top: 50px;
    left: 50px;
}

.pie-chart__pie::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
    margin: 220px auto;
}

.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    -webkit-animation: bake-pie 1s;
    animation: bake-pie 1s;
}

.slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
}

.pie-chart__legE : {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    background: #FFF;
    padding: 0.75em 0.75em 0.05em;
    font-size: 13px;
    box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;
    text-align: left;
    width: 65%;
}

.pie-chart__legE : li {
    height: 1.25em;
    margin-bottom: 0.7em;
    padding-left: 0.5em;
    border-left: 1.25em solid black;
}

.pie-chart__legE : em {
    font-style: normal;
}

.pie-chart__legE : span {
    float: right;
}

.pie-charts {
    display: flex;
    flex-direction: row;
}

@media (max-width: 500px) {
    .pie-charts {
        flex-direction: column;
    }
}

/* dashboard02.html - 유료멤버쉽현황 */
.mysite .paid-container .table-top {
    margin-bottom: 15px
}

.mysite .paid-container .graph-top {
    margin-bottom: 15px
}

.mysite .paid-container .graph-wrap {
    border: solid 1px #dedede;
    padding: 35px 40px
}

.mysite .paid-container .graph-wrap .graph-list {
    flex-wrap: wrap;
    column-gap: 15px;
    align-items: center;
    display: flex;
}

.mysite .paid-container .graph-wrap .graph-list li {
    width: calc(25% - 12px);
    text-align: center;
}


.mysite .paid-container .graph-wrap .graph-list li dl dt {
    font-size: 20px;
    margin-bottom: 15px;
}

.mysite .paid-container .graph-wrap .graph-list li dl dd span.graph-count {
    font-size: 25px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
}

.mysite .paid-container .graph-wrap .graph-list li dl dd span.graph-count font.font01 {
    color: #f88484
}

.mysite .paid-container .graph-wrap .graph-list li dl dd span.graph-count font.font02 {
    color: #8fe09c
}

.mysite .paid-container .graph-wrap .graph-list li dl dd span.graph-count font.font03 {
    color: #649ceb
}

.mysite .paid-container .graph-wrap .graph-list li dl dd span.graph-count font.font04 {
    color: #db83c9
}


.mysite .paid-container .graph-wrap .circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 50%;
    max-height: 200px;
}

.mysite .paid-container .graph-wrap .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.mysite .paid-container .graph-wrap .circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.mysite .paid-container .graph-wrap .circular-chart.color01 .circle {
    stroke: #f88484;
}

.mysite .paid-container .graph-wrap .circular-chart.color02 .circle {
    stroke: #8fe09c;
}

.mysite .paid-container .graph-wrap .circular-chart.color03 .circle {
    stroke: #649ceb;
}

.mysite .paid-container .graph-wrap .circular-chart.color04 .circle {
    stroke: #db83c9;
}

.mysite .paid-container .graph-wrap .percentage {
    fill: #666;
    font-size: 0.3em;
    text-anchor: middle;
}


.mysite .sub_tab {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin: 0 0 50px 0;
}

.mysite .sub_tab li {
    min-width: 200px;

}

.mysite .sub_tab li span {
    text-align: center;
    background: #ffffff;
    border: solid 1px #649CEB;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #649CEB;
    border-radius: 4px;
}


.mysite .sub_tab li span:hover {
    background: #f6fafc;
}


.mysite .sub_tab li.active span {
    background: #649CEB;
    color: #fff
}

.mysite .vis_hidden {
    display: none
}


.mysite .paid-container .sub_tab {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin: 0 0 15px 0;
}

.mysite .paid-container .sub_tab li {
    min-width: 200px;

}

.mysite .paid-container .sub_tab li span {
    text-align: center;
    background: #ffffff;
    border: solid 1px #649CEB;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: #649CEB;
    border-radius: 4px;
}


.mysite .paid-container .sub_tab li span:hover {
    background: #f6fafc;
}


.mysite .paid-container .sub_tab li.active span {
    background: #649CEB;
    color: #fff
}

.mysite .paid-container .vis_hidden {
    display: none
}


.mysite .paid-container .mileage-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;

}

.mysite .paid-container .mileage-list > li {
    display: flex;
    width: calc(20% - 12px);
    border: solid 1px #dedede;
    border-radius: 6px;
    margin: 0 0 15px 0;
    text-align: center;

}

.mysite .paid-container .mileage-list > li a {
    width: 100%;
    display: inline-block;
    padding: 20px 35px 20px 35px;

}


.mysite .paid-container .mileage-list > li a:hover {
    background: #f9f9f9
}

.mysite .paid-container .mileage-list > li dl {
    width: 100%;
}

.mysite .paid-container .mileage-list > li dl dt {
    padding: 0 0 10px 0;

}

.mysite .paid-container .mileage-list > li dl dd {
    font-size: 25px;
}

.mysite .paid-container .mileage-list > li dl dd strong {
    color: #db83c9;
}

/* management-info01.html 기업관리 본문의 내용은 sub.css 공통의 css를 일부 씀*/
.gray-search-box {
    margin: 0 0 30px 0
}

.gray-search-box .row {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    width: 100%;
    column-gap: 4px;
}

.gray-search-box label {
    width: 150px;
    font-weight: 600;
}

.gray-search-box label ~ label {
    width: auto;
    margin: 0 20px 0 40px;
}

.gray-search-box .row .gray-input {
    display: block;
}

.gray-search-box .row .gray-input-check {
    width: calc(100% - 150px)
}

.gray-search-box .row .gray-input-check ul li {
    display: inline-block;
    min-width: 110px;
    padding: 0 10px 0 0;
}

.gray-search-box .row .gray-input-check label {
    font-weight: 400;

}

.table-etc li {
    margin-bottom: 3px;
    line-height: 1.5;
}

.gray-search-box .row .gray-input .half-input {
    width: calc(60% - 50px);
}

.gray-search-box .row .gray-input .half-select {
    width: calc(40% - 50px);
}

.gray-search-box .row .gray-input .half-label {
    width: 100px;
    padding: 0 0 0 10px;
}

.page-companies table.list-table {
    font-size: 14px;
}

.page-companies table.list-table th {
    padding: 8px;
}

.page-companies table.list-table td {
    padding: 6px 8px;
}

.page-companies table.list-table td.align-left {
    padding: 6px 14px;
}

.page-companies table.list-table .btn {
    font-size: 14px;
}

.page-companies table.list-table .company-name {
    cursor: pointer;
    text-decoration: underline;
}

.page-companies table.list-table > tbody > tr:hover {
    background: #F6FAFC;
}

.page-companies table tr.selected,
.page-companies table tr.company-info-row {
    background: #F6FAFC;
}

.page-companies table tr.company-info-row > td {
    padding: 20px;
}

.page-companies table .accordion-content-inner {
    display: flex;
    column-gap: 20px;
    box-shadow: 0px 5px 15px rgba(19, 97, 136, 0.08);
    border-radius: 8px;
    background: #fff;
    padding: 20px;
}

.page-companies table .accordion-content-inner table tr th {
    width: 35%;
    text-align: left;
    padding: 10px 12px;
    font-size: 15px;
}

.page-companies table .accordion-content-inner table tr td {
    width: 65%;
    text-align: left;
    padding: 10px 12px;
    font-size: 15px;
    word-break: keep-all;
}

/* 아코디언 테이블 */

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
    background-color: #F6FAFC
}

.accordion-container .acc_table_row {
    display: flex;
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.accordion-container .acc_table_row .acc_tit {
    display: flex;
    padding: 0 5px;
    height: 60px;
    align-items: center;
    justify-content: center;
    background: #EBEFF5;
    border-right: 1px solid #fff;
    text-align: center;
    color: var(--secondary-color);
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
}

.accordion-container .acc_table_row .acc {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 6px;
    border-right: 1px solid #ddd;
    line-height: 1.4;
    text-align: center;
    word-break: keep-all;
}

.accordion-container .acc_table_row .acc01 {
    width: 3%;
}

.accordion-container .acc_table_row .acc02 {
    width: 7%;
}

.accordion-container .acc_table_row .acc03 {
    width: 8%;
}

.accordion-container .acc_table_row .acc04 {
    width: 9%;
}

.accordion-container .acc_table_row .acc05 {
    width: 9%;
}

.accordion-container .acc_table_row .acc06 {
    width: 9%;
}

.accordion-container .acc_table_row .acc07 {
    width: 8%;
}

.accordion-container .acc_table_row .acc08 {
    width: 5%;
}

.accordion-container .acc_table_row .acc09 {
    width: 5%;
}

.accordion-container .acc_table_row .acc10 {
    width: 5%;
}

.accordion-container .acc_table_row .acc11 {
    width: 5%;
}

.accordion-container .acc_table_row .acc12 {
    width: 9%;
}

.accordion-container .acc_table_row .acc13 {
    width: 6%;
}

.accordion-container .acc_table_row .acc14 {
    width: 6%;
}

.accordion-container .acc_table_row .acc15 {
    width: 8%;
    border-right: none
}

.accordion-container .accordion-content {
    background: #F6FAFC;
    padding: 20px;
}


.accordion-container .accordion-content-inner {
    box-shadow: 0px 5px 15px rgba(19, 97, 136, 0.08);
    border-radius: 8px;
    background: #fff;
    padding: 20px;
    width: 100%
}


.accordion-content-inner ul {
    display: flex;
    column-gap: 20px;
}

.accordion-content-inner ul li {
    display: flex;
    width: 33.3333%;

}

.accordion-content-inner ul li table {
    width: 100%;
    border-top: solid 1px #ddd;
}

.accordion-content-inner ul li table tr {
    border-bottom: solid 1px #ddd;

}

.accordion-content-inner ul li table tr th {
    width: 40%;
    padding: 10px;
    background: #EBEFF5;
    vertical-align: middle;
    color: var(--secondary-color);
    font-size: 15px;

}

.accordion-content-inner ul li table tr td {
    width: 60%;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
}

.mysite .industry-form-wrap ul li {
    display: inline-block;
}

.mysite .industry-form-wrap ul li .industry-input-wrap {
    display: block;
}

.mysite .industry-form-wrap ul li .industry-input-wrap label {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 700;
    line-height: 1.4;
    width: 100%;
    text-align: left;
    padding: 0
}


.mysite .industry-form-wrap ul li .industry-input-wrap select {
    width: 100%
}

.mysite .industry-form-wrap ul li .industry-input-wrap input {
    width: 100%
}

/* setup.html - 환경설정 - 본문의 내용은 sub.css 공통의 css를 일부 씀 -- 다른페이지 팝업포함 */

.popup.setup-popup-size-s {
    max-width: 700px;
}

.popup.setup-popup-size-m {
    max-width: 1200px;
}

.popup-input-container {
    margin: 40px 0 0 0;
}

.popup-input-container .row {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
    width: 100%;
    height: 40px;
}

.popup-input-container .row .popup-input {
    display: flex;
    align-items: center;
    width: calc(100% - 150px);

}

.popup-input-container label {
    width: 150px;
    font-weight: 600;

}


.popup-input-container .row .popup-input input {
    width: 100%
}

.popup-input-container .row .popup-input select {
    width: 100%
}

.popup-input-container .row .popup-input label {
    font-weight: 400
}


.popup-input-container .row .popup-input .half-input {
    width: calc(60% - 50px);
}


.popup-input-container .row .popup-input .half-select {
    width: calc(40% - 50px);
}


.popup-input-container .row .popup-input .half-label {
    width: 100px;
    padding: 0 0 0 10px;
}

.page-setup .input-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
}


.input-no {
    position: absolute;
    right: -9999
}

.write-table {
    width: 100%;

}

.write-table tr {
    border: 0
}

.write-table tr th {
    padding: 5px 0;
    vertical-align: middle;
    text-align: left;
    border: 0;
    font-weight: 500;
    background: #fff;
    color: #333;
}


.write-table tr td {
    padding: 5px 20px 5px 0;
    vertical-align: middle;
    text-align: left;
    border: 0
}


.mysite .import-box {
    padding: 0 12px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    height: 42px;
    line-height: 42px;
}


.mysite .input-check-wrap .checkbox {
    display: inline-block;
    margin-right: 30px
}


.mysite .gray-box-20 {
    background: #f9f9f9;
    border: solid 1px #ddd;
    padding: 20px;
}

.mysite .gray-box-20 p {
    line-height: 1.4
}

.mysite .gray-box-20 .input-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* 온라인교육콘텐츠 */

.page-extracurriculum .search-container.vertical {
    align-items: center;
}

.page-extracurriculum .search-container.vertical .row {
    column-gap: 6px;
}

.page-extracurriculum .search-container.vertical .search-wrap:last-child p {
    font-size: 16px;
    height: unset;
}

.mysite .page-extracurriculum .search-container.vertical .row .input-wrap input.input-search {
    width: 670px;
}

.mysite .page-extracurriculum .search-container .input-wrap input.input-search {
    width: 600px;
}

.mysite .page-extracurriculum .search-container.vertical .row .input-wrap input.input-univ {
    width: 220px;
}

.page-extracurriculum .search-container.vertical .btn-wrap {
    padding-top: 14px;
}

.page-extracurriculum table tbody tr td .thumb-nail {
    width: 144px;
    height: 78px;
    margin: 0 auto;
}

.page-extracurriculum table tbody tr td .thumb-nail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-extracurriculum table tbody tr.portal-shared {
    background: #F6F6F6;
}

.page-extracurriculum .register-container .input-container .row .form-wrap .radio,
.page-extracurriculum .register-container .input-container .row .form-wrap .checkbox:not(.in-table) {
    padding: 10px 0px;
}

.page-extracurriculum .register-container .input-container .row .form-wrap .radio label {
    margin-bottom: 0;
}

.page-extracurriculum .register-container .input-container .form-wrap select {
    width: unset;
}

.page-extracurriculum .register-container .input-container .wrap-box {
    width: 100%;
    padding: 20px;
    background: #F7F8F9;
    border: 1px solid #EAECED;
    border-radius: 4px;
}

.page-extracurriculum .register-container .input-container .row-wrap .radio-select {
    display: flex;;
    align-items: center;
    justify-content: center;;
    column-gap: 30px;
}

.page-extracurriculum .register-container .input-container .row-wrap .radio-select > li.d-flex {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.page-extracurriculum .register-container .input-container .radio-select-con > li {
    margin-top: 20px;
}

.page-extracurriculum .register-container .input-container .wrap-box .input-wrap {
    justify-content: center;;
}

.page-extracurriculum .register-container .input-container .wrap-box .radio-select-con .time-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.page-extracurriculum .register-container .input-container .wrap-box .radio-select-con .time-list > li {
    width: calc((100% - 24px) / 5);
    padding: 10px 15px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #DDD;
    text-align: center;
    cursor: pointer;
}

.page-extracurriculum .register-container .input-container .wrap-box .radio-select-con .time-list > li.select {
    background: #EDF4FF;
    border: 1px solid #649CEB;
    color: #649CEB;
    font-weight: 500;
}

.page-extracurriculum .register-container .input-container .form-wrap .wrap-box input.input-search {
    width: 400px;
}

.page-extracurriculum .register-container .category-list {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}

.page-extracurriculum .register-container .category-list > li {
    width: 20%;
}

.page-extracurriculum .register-container .category-list > li p.category-tit {
    height: 46px;
    border-right: 1px solid #ddd;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 46px;
}

.page-extracurriculum .register-container .category-list > li.first p.category-tit {
    background: #515FA0;
}

.page-extracurriculum .register-container .category-list > li.second p.category-tit {
    background: #578ACA;
}

.page-extracurriculum .register-container .category-list > li.third p.category-tit {
    background: #55AACD;
}

.page-extracurriculum .register-container .category-list > li.fourth p.category-tit {
    background: #68CEC8;
}

.page-extracurriculum .register-container .category-list > li.fifth p.category-tit {
    background: #6ED3A9;
    border-right: 0;
}

.page-extracurriculum .register-container .category-list ul {
    height: 230px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    background: #fff;
    overflow-y: auto;
}

.page-extracurriculum .register-container .category-list > li:first-of-type ul {
    border-left: 1px solid #ddd;
}

.page-extracurriculum .register-container .category-list ul > li {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
    padding: 12px 15px;
    border-radius: 4px;
    line-height: 1.3;
}

.page-extracurriculum .register-container .category-list ul > li:not(.none) {
    cursor: pointer;
}

.page-extracurriculum .register-container .category-list ul > li span.num {
    width: 20px;
    margin: 0;
}

.page-extracurriculum .register-container .category-list ul > li.selected {
    background: #EDF4FF;
    color: #649CEB;
    font-weight: 500;
}

.page-extracurriculum .register-container .category-list ul > li.none {
    color: #888;
}

.page-extracurriculum .register-container .selected-list {
    margin-top: 20px;
}

.page-extracurriculum .register-container .selected-list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    margin-bottom: 10px;
    padding: 14px 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
}

.page-extracurriculum .register-container .selected-list > li:last-of-type {
    margin-bottom: 0;
}

.page-extracurriculum .register-container .selected-list ul {
    display: flex;
    align-items: center;
}

.page-extracurriculum .register-container .selected-list ul > li {
    display: flex;
    align-items: center;
    color: #555;
    line-height: 1.2;
}

.page-extracurriculum .register-container .selected-list ul > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    background: url(/mysite/img/common/depth_arw.svg) center center no-repeat;
    background-size: 50%;
}

.page-extracurriculum .register-container .selected-list ul > li span.upload-size {
    margin-left: 8px;
    color: #888;
}

.page-extracurriculum .register-container .row .wrap-box ~ .btn-wrap {
    margin-top: 15px;
}

.page-extracurriculum .register-container .row .form-wrap .thumb-nail {
    width: 320px;
    height: 180px;
    overflow: hidden;
}

.page-extracurriculum .register-container .row .form-wrap .thumb-nail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-extracurriculum .register-container .upload-wrap ~ .selected-list {
    margin-top: 12px;
}

.page-extracurriculum .register-container .input-container .form-wrap .upload-wrap label {
    margin: 0;
}

.page-extracurriculum .register-container .input-container .form-wrap .upload-wrap span.guide {
    margin: 0;
    padding: 0;
}

.page-extracurriculum .register-container .online-con-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.page-extracurriculum .register-container .online-con-list > li {
    position: relative;
    width: calc((100% - 100px) / 5);
}

.page-extracurriculum .register-container .online-con-list > li .con-label {
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 10px;
    display: flex;
    column-gap: 3px;
}

.page-extracurriculum .register-container .online-con-list > li .con-label > li {
    height: 24px;
    padding: 0 10px;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.page-extracurriculum .register-container .online-con-list > li .con-label > li.single {
    background: rgba(251, 181, 75, 0.8);
}

.page-extracurriculum .register-container .online-con-list > li .con-label > li.program {
    background: rgba(137, 89, 240, 0.8);
}

.page-extracurriculum .register-container .online-con-list > li .con-label > li.portal {
    background: rgba(25, 190, 111, 0.8);
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail {
    position: relative;
    width: 100%;
    height: 120px;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.25s;
    cursor: pointer;
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.25s;
}

/* .page-extracurriculum .register-container .online-con-list>li .thumbnail:hover {
    transform: translateY(-8px);
} */

.page-extracurriculum .register-container .online-con-list > li .thumbnail:hover::after {
    background: rgba(0, 0, 0, 0.1);
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail.active {
    border: 5px solid var(--primary-color) !important;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
    transform: translateY(0);
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail.active::after {
    display: none;
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail.portal {
    border: 2px solid #19BE6F;
}

.page-extracurriculum .register-container .online-con-list > li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-extracurriculum .register-container .online-con-list > li .btn {
    width: 100%;
}

.contents-detail-popup.popup-wrap .popup {
    max-width: 640px;
}

.contents-detail-popup .popup-content .thumbnail {
    width: 432px;
    height: 243px;
    margin: 0 auto;
    overflow: hidden;
}

.contents-detail-popup .popup-content .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contents-detail-popup .popup-content dl {
    margin-bottom: 20px;
    text-align: center;
}

.contents-detail-popup .popup-content dl dt {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 500;
}

.contents-detail-popup .popup-content dl dd {
    font-size: 22px;
    font-weight: 700;
}

.contents-detail-popup .popup-content .contents-con p {
    color: #666;
    line-height: 1.5;
}

.contents-detail-popup .popup-content .contents-con .edu-contents-list {
    margin-top: 20px;
}

.contents-detail-popup .popup-content .contents-con .edu-contents-list > li {
    line-height: 1.5;
}

.contents-detail-popup .popup-content .contents-con .edu-contents-list > li:not(.title)::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: -1px 8px 0 0;
    background: #666;
    border-radius: 50%;
    vertical-align: middle;
}

.contents-detail-popup .popup-content .contents-con .edu-contents-list > li:not(.title) {
    margin-top: 2px;
    color: #666;
}

.contents-detail-popup .popup-content .contents-con .edu-contents-list > li.title {
    margin-bottom: 6px;
    font-weight: 600;
}

.contents-detail-popup .popup-content .con-label {
    display: flex;
    justify-content: center;
    column-gap: 3px;
    margin: 30px 0 15px 0;
}

.contents-detail-popup .popup-content .con-label > li {
    height: 24px;
    padding: 0 10px;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.contents-detail-popup .popup-content .con-label > li.single {
    background: rgba(251, 181, 75, 0.8);
}

.contents-detail-popup .popup-content .con-label > li.program {
    background: rgba(137, 89, 240, 0.8);
}

.contents-detail-popup .popup-content .con-label > li.portal {
    background: rgba(25, 190, 111, 0.8);
}

.page-extracurriculum .class-detail {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px;
    padding: 30px 40px;
    border-radius: 4px;
    background: #F9F9F9;
    border: 1px solid #EAECED;
}

.page-extracurriculum .class-detail .thumb-nail {
    width: 360px;
    height: 210px;
    margin-right: 25px;
}

.page-extracurriculum .class-detail .thumb-nail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.page-extracurriculum .class-detail .info-wrap {
    padding-top: 6px;
}

.page-extracurriculum .class-detail .info-wrap p.class-subtit {
    padding-bottom: 10px;
    font-size: 15px;
    color: #649CEB;
}

.page-extracurriculum .class-detail .info-wrap p.class-tit {
    padding-bottom: 22px;
    font-size: 18px;
    font-weight: 700;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl {
    display: flex;
    align-items: flex-start;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl:not(:last-of-type) {
    margin-bottom: 10px;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dt {
    width: 80px;
    padding-right: 8px;
    color: #888;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd {
    color: #555;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd span.applicant {
    font-weight: 700;
    color: var(--primary-color);
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd ul.edu-target {
    display: flex;
    align-items: center;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd ul.edu-target > li {
    display: flex;
    align-items: center;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd ul.edu-target > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background: url(/mysite/img/common/ico_arrow.png) center center no-repeat;
}

.page-extracurriculum .class-detail .info-wrap .class-info dl dd ul.edu-target:not(:last-of-type) {
    margin-bottom: 8px;
}

.page-extracurriculum .major-list > li:after {
    margin: -3px 6px 0 6px;
}

.page-extracurriculum .register-container .input-container .wrap-box ~ .wrap-box {
    margin-top: 15px;
}

.page-extracurriculum .register-container .input-container .wrap-box .program-edu::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 20px 0px;
    background: #555;
}

.page-extracurriculum .register-container .input-container .wrap-box .program-edu .program-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-extracurriculum .register-container .input-container .wrap-box .program-edu .program-header span.number {
    display: inline-block;
    height: 26px;
    padding: 0 14px;
    border-radius: 14px;
    background: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.page-extracurriculum .register-container .input-container .wrap-box .online-con-list {
    margin-top: 20px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .table-wrap {
    max-height: 330px;
    overflow-y: auto;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .select-number {
    font-size: 14px;
    color: #888;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .select-number strong {
    color: var(--primary-color);
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .table-wrap .select-number {
    margin-bottom: 12px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .table-wrap .checkbox.in-table {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .table-wrap .checkbox.in-table label {
    height: 100%;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap {
    margin-top: 20px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap .student-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 20px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap .student-list > li {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 14px 0 10px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    font-size: 15px;
    line-height: 28px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap .student-list > li .name {
    margin-right: 3px;
    color: #333;
    font-weight: 500;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap .student-list > li a {
    margin-left: 6px;
}

.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap .select-number p {
    text-align: right;
}

.table-wrap .overflow-table {
    padding-bottom: 20px;
    overflow-x: auto;
}

.table-wrap .overflow-table table {
    /* white-space: nowrap; */
    table-layout: fixed;
}

/* 이수증 팝업 */

.certificate-popup .popup-content {
    display: flex;
    column-gap: 20px;
}

.certificate-popup .preview-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 650px;
    border-radius: 4px;
    background: #eee;
    border: 1px solid #EAECED;
}

.certificate-popup .register-box {
    width: calc(100% - 670px);
}

.certificate-popup .register-box .box-row ~ .box-row {
    margin-top: 15px;
}

.certificate-popup .register-box .box-row label:not(.btn) {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 500;
    line-height: 1.4;
}

.certificate-popup .register-box .box-row label > span.refer {
    margin-left: 3px;
    font-size: 15px;
    font-weight: 400;
    color: #888;
}

.certificate-popup .register-box .box-row .input-wrap p.letters {
    margin-top: 8px;
    text-align: right;
    font-size: 14px;
    color: #555;
}

.certificate-popup .register-box .box-row .input-wrap p.letters > span {
    margin-right: 3px;
    font-weight: 700;
    color: var(--primary-color);
}

.certificate-popup .register-box .box-row .input-wrap input,
.certificate-popup .register-box .box-row .input-wrap select,
.certificate-popup .register-box .box-row .input-wrap textarea {
    width: 100%;
}

.mysite .certificate-popup .upload-wrap label {
    margin-left: 0;
}

.certificate-popup .preview-box .preview {
    position: relative;
    font-family: 'ChosunGs';
    background: #fff;
}

.certificate-popup .preview-box .preview h1 {
    font-size: 22.5px;
    text-align: center;
    letter-spacing: 0.3em;
    overflow: hidden;
    white-space: nowrap;
}

.certificate-popup .preview-box .preview pre {
    font-family: 'ChosunGs';
}

.certificate-popup .preview-box .info-wrap dl {
    display: flex;
    align-items: flex-start;
    column-gap: 2px;
}

.certificate-popup .preview-box .info-wrap dl ~ dl {
    margin-top: 6px;
}

.certificate-popup .preview-box .info-wrap dl dt {
    width: 50px;
    font-size: 11px;
    text-align: justify;
    line-height: 0.2;
}

.certificate-popup .preview-box .info-wrap dl dd {
    max-width: calc(100% - 52px);
    font-size: 11px;
    line-height: 1.1;
}

.certificate-popup .preview-box .info-wrap dl dt::after,
.certificate-popup .preview-box .info-wrap dl dt::before {
    content: '';
    display: inline-block;
    width: 100%;
}

.certificate-popup .preview-box .info-wrap dl dd::before {
    content: ':';
    margin-right: 2px;
}

.certificate-popup .preview-box .text {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.certificate-popup .preview-box .text pre {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

.certificate-popup .preview-box .bottom-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.certificate-popup .preview-box .bottom-wrap p.date {
    text-align: center;
    font-size: 11px;
}

.certificate-popup .preview-box .bottom-wrap .logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}

.certificate-popup .preview-box .bottom-wrap .logo-wrap .logo img {
    height: 100%;
    object-fit: contain;
}

.certificate-popup .preview-box .bottom-wrap .logo-wrap .stamp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 템플릿_01 */

.certificate-popup .preview-box .preview.template01 {
    padding: 9px;
    width: 325px;
    height: 460px;
}

.certificate-popup .preview-box .preview.template01 .inner {
    width: 100%;
    height: 100%;
    border: 0.5px solid #000;
}

.certificate-popup .preview-box .preview.template01 h1 {
    margin-top: 50px;
}

.certificate-popup .preview-box .preview.template01 .info-wrap {
    margin-top: 36px;
    padding: 0 18px;
}

.certificate-popup .preview-box .preview.template01 .text {
    height: 135px;
    margin-top: 30px;
}

.certificate-popup .preview-box .preview.template01 .text pre {
    padding: 0 18px;
}

.certificate-popup .preview-box .preview.template01 .bottom-wrap {
    bottom: 30px;
}

.certificate-popup .preview-box .preview.template01 .bottom-wrap p.date {
    margin-bottom: 14px;
}

.certificate-popup .preview-box .preview.template01 .bottom-wrap .logo-wrap .logo {
    height: 14px;
}

.certificate-popup .preview-box .preview.template01 .bottom-wrap .logo-wrap .stamp {
    width: 34px;
    height: 34px;
}

/* 템플릿_02 */

.certificate-popup .preview-box .preview.template02 {
    width: 325px;
    height: 460px;
    background: url(/mysite/img/extracurriculum/bg_template_02.png) #fff no-repeat top left / cover;
}

.certificate-popup .preview-box .preview.template02 h1 {
    margin-top: 60px;
    font-size: 29px;
}

.certificate-popup .preview-box .preview.template02 .info-wrap.upper {
    margin-top: 29px;
    padding: 0 35px;
}

.certificate-popup .preview-box .preview.template02 .info-wrap.upper dl {
    justify-content: flex-end;
}

.certificate-popup .preview-box .preview.template02 .info-wrap.lower {
    margin-top: 24px;
    padding: 0 36px;
}

.certificate-popup .preview-box .preview.template02 .text {
    height: 112px;
    margin-top: 21px;
}

.certificate-popup .preview-box .preview.template02 .text pre {
    padding: 0 32px
}

.certificate-popup .preview-box .preview.template02 .bottom-wrap {
    bottom: 34px;
}

.certificate-popup .preview-box .preview.template02 .bottom-wrap p.date {
    margin-bottom: 12px;
}

.certificate-popup .preview-box .preview.template02 .bottom-wrap .logo-wrap .logo {
    height: 14px;
}

.certificate-popup .preview-box .preview.template02 .bottom-wrap .logo-wrap .stamp {
    width: 34px;
    height: 34px;
}

/* 템플릿_03 */

.certificate-popup .preview-box .preview.template03 {
    width: 460px;
    height: 325px;
    background: url(/mysite/img/extracurriculum/bg_template_03.png) #fff no-repeat top left / cover;
}

.certificate-popup .preview-box .preview.template03 h1 {
    margin-top: 38px;
    font-size: 29px;
}

.certificate-popup .preview-box .preview.template03 .info-wrap {
    margin-top: 18px;
    padding: 0 54px;
}

.certificate-popup .preview-box .preview.template03 .text {
    height: 90px;
    margin-top: 10px;
}

.certificate-popup .preview-box .preview.template03 .text pre {
    padding: 0 35px;
    font-size: 13px;
}

.certificate-popup .preview-box .preview.template03 .bottom-wrap {
    bottom: 20px;
}

.certificate-popup .preview-box .preview.template03 .bottom-wrap p.date {
    margin-bottom: 2px;
}

.certificate-popup .preview-box .preview.template03 .bottom-wrap .logo-wrap .logo {
    height: 13px;
}

.certificate-popup .preview-box .preview.template03 .bottom-wrap .logo-wrap .stamp {
    width: 32px;
    height: 32px;
}

/* E : 온라인교육콘텐츠 */

/* 기본설정 (사업단메뉴) */

.mysite .settings-container .category-container {
    text-align: right;
}

.mysite .settings-container .category-container .list-table-container {
    margin-top: 10px;
}

.mysite .settings-container .list-table-container .row {
    display: flex;
}

.mysite .settings-container .list-table-container .row:not(:first-of-type) {
    border-bottom: 1px solid #ddd;
}

.mysite .settings-container .list-table-container .row .td {
    width: 50%;
    border-left: 1px solid #ddd;
}

.mysite .settings-container .company-category-container .list-table-container .row .td {
    width: 100%;
}

.mysite .settings-container .list-table-container .row .th {
    padding: 11px 30px;
    border-left: 1px solid #fff;
    background: #EBEFF5;
    text-align: center;
    color: var(--secondary-color);
    font-weight: 700;
}

.mysite .settings-container .list-table-container .row .td:first-child {
    border-left: 0;
}

.mysite .settings-container .list-table-container .row ul.td > li:not(:last-of-type) {
    border-bottom: 1px solid #ddd;
}

.mysite .settings-container .list-table-container .row .category-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 11px 30px;
}

.mysite .settings-container .list-table-container .row ul.btn-list {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.mysite .settings-container .list-table-container .row ul.btn-list i {
    margin-right: 4px;
    color: #666;
    font-size: 14px;
}

.mysite .settings-container .list-table-container .row ul.btn-list i.fa-plus {
    color: inherit;
}

.mysite .settings-container .list-table-container .row .category-row .category {
    font-weight: 500;
}

.mysite .settings-container .list-table-container .row .category-row .category span {
    color: #888;
    font-weight: 400;
}

.mysite .settings-container .list-table-container .row .dept-list {
    display: block;
    padding: 0 30px 0 40px;
}

.mysite .settings-container .list-table-container .row .dept-list > li {
    margin-bottom: 6px;
    padding: 0;
}

.mysite .settings-container .list-table-container .row .dept-list > li:last-of-type {
    margin-bottom: 12px;
}

.mysite .settings-container .list-table-container .row .dept-list > li::after {
    display: none;
}

.mysite .settings-container .list-table-container .row .dept-list > li p.dept {
    display: flex;
    align-items: center;
}

.mysite .settings-container .list-table-container .row .dept-list > li p.dept:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -2px 6px 0 0;
    background: var(--primary-color);
    border-radius: 50%;
}

.popup-wrap.category-popup .popup {
    max-width: 500px;
}

.popup-wrap.category-popup .popup input[type="text"] {
    width: 100%;
}

.popup-wrap.category-popup-delete .popup-content {
    text-align: center;
}
    /* S : 소속분류 수정 (240329 수정) */
    .mysite .page-affiliation .list-container .table-wrap .table-top {
        justify-content: flex-end;
    }
    .page-affiliation table tbody tr td {
        padding: 12px;
    }

    .page-affiliation table tbody tr td > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .page-affiliation table tbody tr td .category {
        font-weight: 600;

    }
    .page-affiliation table tbody tr td .category span {
        color: #888;
        font-weight: 400;
    }

    .page-affiliation table tbody tr td .btn-list {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 4px;
        width: 140px;
        min-width: 140px;
    }

    .page-affiliation table tbody tr td .btn-list > li {
        flex: 1 1 40%;
    }

    .page-affiliation table tbody tr td .btn-list .btn.confirm{
        width: 100%;
    }


        /* S : 1. 대분류 */
        .page-affiliation table tbody tr td.first > div {
            flex-direction: column;
            align-items: flex-start;
        }

        .page-affiliation table tbody tr td.first .btn-list {
            flex-wrap: nowrap;
            width: max-content;
        }
        /* E : 1. 대분류 */


        /* S : 4. 세분류 */
        .page-affiliation table tbody tr td.last .category {
            font-weight: 400;
        }
        /* E : 4. 세분류 */
    /* E : 소속분류 수정 (240329 수정) */
/* E : 기본설정 (사업단메뉴) */


/* S : 회원관리 (사업단메뉴) */
.mysite .page-members .search-container .row-wrap {
    display: flex;
    align-items: center;
    column-gap: 40px;
    margin: 0 auto;
    width: 1040px;
}

.mysite .page-members .search-container.vertical .row .input-wrap.select-wrap select {
    min-width: 188px;
}

.mysite .page-members .search-container.vertical .row .input-wrap input {
    width: 390px;
}

.mysite .page-members .search-container.vertical .row .input-wrap.datepicker input {
    width: 188px;
}

.page-members table.list-form {
    table-layout: fixed;
}

.page-members .table-top .right-wrap .checkbox {
    margin-right: 8px;
}

.page-members .list-container .table-wrap .overflow-table {
    padding-bottom: 20px;
    overflow-x: auto;
}

.page-members .list-container .table-wrap .overflow-table table {
    white-space: nowrap;
    table-layout: fixed;
}

.page-members .list-container .table-wrap .overflow-table table .word-normal {
    white-space: normal;
}

.page-members .list-container .table-wrap .overflow-table table td {
    word-break: break-all;
    white-space: normal;
}

.page-members table tbody tr.additional td:last-of-type {
    border-right: 1px solid #DDD;
}

.page-members table tbody tr td .members-id {
    text-decoration: underline;
}

.page-members table tbody tr td .members-id:hover {
    opacity: 0.8;
}

.page-members table tbody tr td span.state.cancel {
    color: #888;
}

.page-members table tbody tr td span.state.apply {
    color: #19BE6F;
}

.page-members table tbody tr td span.state.quit {
    color: #FA6464;
}

.page-members table.list-form td .btn .fa-plus {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.page-members table.list-form td .add-input:not(:last-of-type):after {
    content: '';
    display: block;
    margin: 12px 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #DDD;
}

.page-members table.list-form tbody .btn-list {
    justify-content: flex-start;
}

.mysite .page-members .register-container .input-container p.tit {
    margin-bottom: 24px;
}

.page-members .register-container .con-box .input-container ~ .input-container {
    margin-top: 50px;
}

.page-members table.list-form tr td .input-wrap .radio,
.page-members table.list-form tr td .input-wrap .checkbox {
    min-width: 130px;
}

.page-members table.list-form tr td .input-wrap ~ .input-wrap {
    margin-top: 8px;
}

/*.page-members table.list-form tr td .input-wrap input[type="text"] {*/
/*    width: calc(100% - 94px);*/
/*}*/

.page-members table.list-form tr td .input-wrap select {
    min-width: 130px;
    max-width: 170px;
}

.page-members .option-wrap > li {
    width: 100%;
    padding: 18px;
    border-radius: 4px;
    background: #F7F8F9;
    border: 1px solid #EAECED;
}

.page-members .option-wrap > li ~ li {
    margin-top: 10px;
}

.page-members .option-wrap label span.comment {
    color: #888;
}

.page-members .option-wrap .checkbox-wrap {
    margin: 14px 0 0 26px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.page-members .option-wrap .checkbox-wrap .checkbox {
    margin-bottom: 6px;
}

    /* S : 회원관리 (학생) 조회창 */
    .page-members .input-wrap.student{
        display: flex;
        flex-wrap: wrap;
        width: 929px;
        gap: 4px;
    }
    .page-members .input-wrap.student .size-l{
        flex: 1 1 30%;
    }
    /* E : 회원관리 (학생) 조회창 */
/* E : 회원관리 (사업단메뉴) */


/* S : 시스템관리자 */
/* S : 시스템관리자 - 온라인교육콘텐츠 */
.admin .page-extracurriculum .search-container .search-wrap .input-wrap input[type="text"] {
    width: 600px;
}

.admin .page-extracurriculum .input-container .row .form-wrap .univ-name-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    padding: 20px;
    border-radius: 4px;
    background: #F7F8F9;
    border: 1px solid #EAECED;
}

.admin .page-extracurriculum .input-container .row .form-wrap .univ-name-list > li {
    width: calc((100% - 18px) / 4);
    height: 40px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #DDD;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    color: #555;
    cursor: pointer;
    transition: 0.2s ease-out;
}

.admin .page-extracurriculum .input-container .row .form-wrap .univ-name-list > li:hover {
    border: 1px solid #649CEB;
    color: #649CEB;
}

.admin .page-extracurriculum .input-container .row .form-wrap .univ-name-list > li.select {
    background: #EDF4FF;
    border: 1px solid #649CEB;
    color: #649CEB;
    font-weight: 500;
}

/* e-portfolio */

.mysite .industry-form-wrap.portfolio-search ul {
    text-align: center;
}

.mysite .industry-form-wrap ul li {
    display: inline-block;
}

.mysite .industry-form-wrap ul li .industry-input-wrap {
    display: block;
}

.mysite .industry-form-wrap ul li .industry-input-wrap label {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 500;
    line-height: 1.4;
    width: 100%;
    text-align: left;
    padding: 0
}


.mysite .industry-form-wrap ul li .industry-input-wrap select {
    width: 100%
}

.mysite .industry-form-wrap ul li .industry-input-wrap input {
    width: 100%
}

/* 메타버스 교육 */

/* 교안제작 */

.mysite .page-meta .floating-btn {
    position: fixed;
    bottom: 65px;
    right: 65px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    line-height: 1.2;
    box-shadow: 0 0 10px rgb(155 155 155 / 50%);
    transition: all 0.25s;
}

.mysite .page-meta .manual-wrap {
    position: fixed;
    bottom: 45px;
    right: 160px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 10px 8px;
    width: 280px;
    height: 110px;
    background: #fff;
    border-radius: 5px;
    line-height: 1.2;
    box-shadow: 0 0 10px rgb(155 155 155 / 50%);
}

.mysite .page-meta .manual-wrap .tit {
    color: var(--primary-color);
    font-weight: 700;
}

.mysite .page-meta .manual-wrap .txt {
    line-height: 1.4;
}

.mysite .page-meta .manual-wrap .down-btn {
    padding: 4px 10px;
    color: var(--primary-color);
    background: #F0F6FD;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px rgba(100, 156, 235, 0.3);
    transition: all 0.25s;
}

.mysite .page-meta .manual-wrap .down-btn:hover {
    background: #daecfc;
}

.mysite .list-top .manual-wrap {
    right: 65px;
}

.mysite .page-meta .floating-btn::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: all 0.5s;
}

.mysite .page-meta .floating-btn:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px rgba(100, 156, 235, 0.6);
}

.mysite .page-meta .floating-btn:hover::after {
    width: 120%;
    height: 120%;
    background: rgba(100, 156, 235, 0.5);
}

.mysite .page-meta .con-box .x-large {
    width: 100%;
    max-width: 1200px;
}

.mysite .page-meta .con-box:not(:last-of-type) {
    margin-bottom: 20px;
}

.mysite .con-box .none-box {
    padding: 70px 10px;
    background: #f7f8f9;
    border: 1px solid #E2EAEE;
    border-radius: 4px;
    text-align: center;
}

.mysite .page-meta .con-box p.tit span {
    color: var(--primary-color);
}

.mysite .page-meta .con-box .checkbox-tit-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mysite .page-meta .meta-list {
    position: relative;
}

.mysite .page-meta .meta-list .slick-arrow {
    position: absolute;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
}

.mysite .page-meta .meta-list .slick-prev {
    left: -46px;
    background: url('/mysite/img/metabus-edu/slider_left.svg') center center no-repeat;
}

.mysite .page-meta .meta-list .slick-next {
    right: -46px;
    background: url('/mysite/img/metabus-edu/slider_right.svg') center center no-repeat;
}

.mysite .page-meta .meta-list .slick-arrow.slick-disabled {
    opacity: 0.3;
    cursor: default;
}

.mysite .page-meta .meta-list .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin-top: 25px;
}

.mysite .page-meta .meta-list .slick-dots > li {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #ccc;
    font-size: 0;
    cursor: pointer;
}

.mysite .page-meta .meta-list .slick-dots > li.slick-active {
    width: 24px;
    height: 8px;
    background: var(--primary-color);
}

.mysite .page-meta .meta-list.space-list .slick-arrow {
    top: 45px;
}

.mysite .page-meta .meta-list .univ {
    display: inline-block;
    height: 26px;
    margin-bottom: 8px;
    padding: 0 12px;
    background: #6B7A8E;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}

.mysite .page-meta .meta-list .list-item {
    margin: 0 7px;
    text-align: center;
}

.mysite .page-meta .meta-list .list-item .univ-logo {
    display: inline-block;
    height: 18px;
    margin-bottom: 12px;
}

.mysite .page-meta .meta-list .list-item .thumbnail {
    width: 100%;
    height: 80px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 4px;
}

.mysite .page-meta .meta-list .list-item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mysite .page-meta .meta-list .list-item p.list-tit {
    margin: 12px 0px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.mysite .page-meta .meta-list .list-item .info-box {
    margin-bottom: 12px;;
    padding: 15px 10px;
    background: #F7F8F9;
    border: 1px solid #E2EAEE;
}

.mysite .page-meta .meta-list .list-item .info-box .name {
    margin-bottom: 12px;
    text-align: center;
    font-weight: 700;
}

.mysite .page-meta .meta-list .list-item .info-box .name span {
    color: #666;
    font-weight: 400;
}

.mysite .page-meta .meta-list .list-item .info-box ul > li {
    margin-bottom: 6px;
    color: #666;
    font-size: 15px;
}

.mysite .page-meta .meta-list .list-item .info-box ul > li:last-of-type {
    margin-bottom: 0;
}

.mysite .page-meta .meta-list .list-item a.btn {
    width: 100%;
    padding: 0 5px;
}

.mysite .page-meta .meta-list.lesson-list .list-item {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.mysite .page-meta .meta-list.lesson-list .slick-arrow {
    top: 145px;
}

.mysite .page-meta .meta-list.my-lesson-list .slick-arrow {
    top: 63px;
}

.mysite .page-meta .meta-list.my-lesson-list .list-item {
    position: relative;
    height: 100%;
    margin-bottom: 0;
    transition: all 0.25s;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.mysite .page-meta .meta-list.my-lesson-list .list-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
}

.mysite .page-meta .meta-list.my-lesson-list .slick-current {
    border: 4px solid var(--primary-color);
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
}

.mysite .page-meta .meta-list.my-lesson-list .slick-current::after {
    background: rgba(255, 255, 255, 0.1);
}

/* 메타버스 교안현황 슬라이드 */
.mysite .page-meta .meta-list.my-lesson-list .thumbnail ~ .caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2px;
    padding: 13px 10px;
    background: #edeef0;
    border: 1px solid #E2EAEE;
    border-radius: 2px;
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
}

.mysite .page-meta .meta-list.my-lesson-list .thumbnail ~ .caption > li {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.mysite .page-meta .meta-list.my-lesson-list .thumbnail ~ .caption .tit {
    font-weight: 700;
}

/* E : 메타버스 교안현황 슬라이드 */

.mysite .page-meta .con-box .detail-wrap {
    display: flex;
    margin-top: 25px;
    column-gap: 20px;
}

.mysite .page-meta .con-box .detail-wrap .detail-img {
    width: 50%;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
}

.mysite .page-meta .con-box .detail-wrap .detail-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mysite .page-meta .con-box .detail-wrap .detail-box {
    width: calc(50% - 20px);
    padding: 30px 35px;
    background: #f7f8f9;
}

.mysite .page-meta .con-box .detail-wrap .detail-box .lesson-tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.mysite .page-meta .con-box .detail-wrap .detail-box dl {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    row-gap: 8px;
}

.mysite .page-meta .con-box .detail-wrap .detail-box dl dt {
    width: 75px;
    color: #888;
    line-height: 1.5;
}

.mysite .page-meta .con-box .detail-wrap .detail-box dl dd {
    width: calc(100% - 75px);
    line-height: 1.5;
    word-break: keep-all;
}

.mysite .page-meta .con-box .detail-wrap .detail-box .btn-wrap {
    justify-content: flex-start;
    padding-left: 75px;
}

.mysite .page-meta .con-box .detail-wrap .detail-box .btn-wrap a.btn {
    width: 120px;
}

.mysite .page-meta .search-container .btn-wrap .btn-reset i {
    margin-right: 6px;
}

/* 클래스 등록관리 */

.mysite .page-meta .list-container {
    margin-top: 30px;
}

.mysite .page-meta .list-container .list-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.mysite .page-meta .list-container .class-list {
    padding-top: 5px;
    border-top: 2px solid #555;
}

.mysite .page-meta .list-container .class-list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 30px 40px;
}

.mysite .page-meta .list-container .class-list > li .none-txt {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.mysite .page-meta .list-container .class-list > li .info-wrap {
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
    width: calc(100% - 150px);
}

.mysite .page-meta .list-container .class-list > li .info-wrap .thumbnail {
    width: 256px;
    height: 144px;
}

.mysite .page-meta .list-container .class-list > li .info-wrap .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mysite .page-meta .list-container .class-list > li .txt-wrap {
    width: calc(100% - 296px);
}

.mysite .page-meta .info-wrap ul.info-list {
    display: flex;
    margin-bottom: 6px;
}

.mysite .page-meta .info-wrap ul.info-list > li {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 15px;
}

.mysite .page-meta .info-wrap ul.info-list > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background: #ccc;
}

.mysite .page-meta .info-wrap .tit-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 4px;
}

.mysite .page-meta .info-wrap .tit-wrap p {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.mysite .page-meta .info-wrap .tit-wrap span.sub-tit {
    margin-left: 3px;
    color: #888;
    font-weight: 400;
    line-height: 1.4;
}

.mysite .page-meta .info-wrap dl {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-top: 20px;
    text-align: left;
}

.mysite .page-meta .info-wrap dl dt {
    width: 80px;
    color: #888;
}

.mysite .page-meta .info-wrap dl dt.dt-date {
    padding-top: 3px;
}

.mysite .page-meta .info-wrap dl dd {
    width: calc(100% - 80px);
}

.mysite .page-meta .info-wrap dl dd .time-list li {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.mysite .page-meta .info-wrap dl dd .time-list li:not(:last-of-type) {
    margin-bottom: 8px;
}

.mysite .page-meta .info-wrap dl dd .time-list li .status {
    height: 22px;
    padding: 0 12px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
}

.mysite .page-meta .info-wrap dl dd .time-list li .status.type01 {
    background: #FFF1CC;
    color: #ff9201;
}

.mysite .page-meta .info-wrap dl dd .time-list li .status.type02 {
    background: #D9E9FF;
    color: #649CEB;
}

.mysite .page-meta .info-wrap dl dd .time-list li .status.type03 {
    background: #E9EBEE;
    color: #6B7A8E;
}

.mysite .page-meta .list-container .class-list > li .btn-list li:not(:last-of-type) {
    margin-bottom: 5px;
}

.mysite .page-meta .list-container .class-list > li .btn-list .btn {
    min-width: 100px;
}

.mysite .page-meta .list-container .class-list > li.btn-wrap {
    justify-content: center;
    margin-top: 30px;
    padding: 0;
    border: 0;
}

.mysite .page-meta .list-container .btn-more {
    margin-top: 20px;
    text-align: center;
}

/* 클래스 등록 */

.mysite .page-meta .register-container .input-container {
    margin: 0 auto;
}

.mysite .register-container .row {
    margin-bottom: 10px;
}

.mysite .register-container .row:last-of-type {
    margin-bottom: 0;
}

.mysite .page-meta .register-container p.tit,
.mysite .page-meta .result-container p.tit {
    margin-bottom: 20px;
}

.mysite .page-meta .register-container .gray-box dl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mysite .page-meta .register-container .gray-box dl dt {
    margin-right: 10px;
    color: #888;
}

.mysite .page-meta .register-container .gray-box dl dd:not(:last-of-type) {
    margin-right: 40px;
}

ul.dept-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.dept-list > li {
    display: flex;
    align-items: center;
}

ul.dept-list > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -2px 8px 0 8px;
    background: url('/mysite/img/common/chevron-right-solid.svg') center center no-repeat;
    background-size: contain;
    opacity: 0.3;
}

.mysite .page-meta .input-container .row .radio-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.mysite .page-meta .input-container .row .radio-list .radio {
    width: calc((100% - 45px) / 4);
    margin: 0;
}

.mysite .page-meta .input-container .row .radio-list .radio label.list-item {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 15px 20px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.mysite .page-meta .input-container .row .radio-list .radio label::before {
    position: unset;
}

.mysite .page-meta .input-container .row .radio-list .radio input[type="radio"]:checked ~ label {
    border: 1px solid #649CEB;
    background: #F0F6FF;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
}

.mysite .page-meta .input-container .date-wrap .row {
    margin-bottom: 8px;
}

.mysite .page-meta .input-container .date-wrap select {
    min-width: 100px;
    width: 100px;
}

.mysite .page-meta .input-container .date-wrap span {
    margin: 0;
}

.mysite .page-meta .input-container .date-wrap .datepicker {
    width: 150px;
}


.mysite .page-meta .input-container select.none {
    display: none;
}

.mysite .page-meta .input-container .row .btn-delete {
    border: 1px solid #FFB6B6;
    background: #FFF0F0;
    color: #FF6060;
}

.mysite .input-container .student-select-wrap {
    border: 1px solid #ddd;
}

.mysite .input-container .student-select-wrap > div {
    width: 100%;
}

.mysite .input-container .student-select-wrap .search-container {
    align-items: flex-end;
    border: 0;
    border-radius: 0;
}

.mysite .input-container .student-select-wrap .search-container input[type="text"] {
    width: 150px;
}

.mysite .input-container .student-select-wrap .search-container select {
    width: auto;
}

.mysite .input-container .student-select-wrap .none-box {
    border: 0;
    border-top: 1px solid #ddd;
    border-radius: 0;
}

.mysite .input-container .student-select-wrap .table {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    max-height: 440px;
    overflow-y: auto;
}

.mysite .input-container .student-select-wrap table .checkbox {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.mysite .input-container .student-select-wrap table .checkbox label {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

.mysite .input-container .student-select-wrap table tbody tr:last-of-type {
    border-bottom: 0;
}

.mysite .input-container .student-select-wrap .student-wrap {
    padding: 20px;
    background: #f7f8f9;
}

.mysite .student-select-wrap .student-wrap dl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #888;;
    font-size: 14px;
}

.mysite .student-select-wrap .student-wrap dl dt {
    margin-right: 6px;
}

.mysite .student-select-wrap .student-wrap dl dd:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    background: #ddd;
}

.mysite .student-select-wrap .student-wrap dl dd span.selected {
    margin: 0;
    color: #649CEB;
    font-weight: 700;
}

.mysite .student-select-wrap .student-wrap dl dd span.limit {
    margin: 0;
    color: #FF6767;
    font-weight: 700;
}

.mysite .student-select-wrap .student-wrap .student-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 20px;
}

.mysite .student-select-wrap .student-wrap .student-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc((100% / 5) - 4px);
    height: 65px;
    padding: 0 14px 0 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
    font-size: 15px;
    line-height: 1.4;
    flex-wrap: wrap;
}

.mysite .student-select-wrap .student-wrap .student-list li .name {
    margin-right: 3px;
    color: #333;
    font-weight: 500;
}

.mysite .student-select-wrap .student-wrap .student-list li a {
    margin-left: 6px;
}

/* 메타버스 학생 선택 리스트 */
.mysite .student-select-wrap .student-wrap .user-list {
    display: flex;
    padding: 20px 0;
    border-top: 1px solid #999;
}

.mysite .student-select-wrap .student-wrap .user-list:first-of-type {
    margin-top: 20px;
}

.mysite .student-select-wrap .student-wrap .user-list:last-of-type {
    padding: 20px 0 0;
}

.mysite .student-select-wrap .student-wrap .user-tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    width: 115px;
    height: 115px;
    text-align: center;
}

.mysite .student-select-wrap .student-wrap .user-list .user-tit i {
    font-size: 24px;
}

.mysite .student-select-wrap .student-wrap .user-list .user-tit .icon {
    width: 30px;
    height: 24px;
}

.mysite .student-select-wrap .student-wrap .user-list .user-tit .text {
    text-align: center;
    font-weight: 600;
}

.mysite .student-select-wrap .student-wrap .user-list .student-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
    width: calc(100% - 115px);
    margin-top: 0;
    padding: 0 15px;
}

/* E : 메타버스 학생 선택 리스트 */

/* 클래스 결과 */

.mysite .page-meta .result-container .gray-box {
    padding: 28px 40px;
}

.mysite .page-meta table ul.dept-list {
    padding: 0 10px;
}

.mysite .page-meta .result-container .btn-wrap {
    margin-top: 50px;
}

/* E : 메타버스 교육 */


/* 성과지표관리 */

/* 지표별관리 */
.page-attainment .content-wrap.con-box {
    padding: 30px 25px;
}

.page-attainment .indicator-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.page-attainment .indicator-list .indicator-box {
    width: calc(25% - 15px);
    padding: 22px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

.page-attainment .indicator-box .box-tit {
    display: flex;
    align-items: flex-start;
    column-gap: 6px;
    margin-bottom: 15px;
}

.page-attainment .indicator-box .box-tit span {
    color: var(--primary-color);
    line-height: 1.4;
    font-weight: 700;
}

.page-attainment .indicator-box .box-tit p {
    line-height: 1.4;
    font-weight: 500;
}

.page-attainment .indicator-box p.value {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 700;
}

.page-attainment .indicator-box ul.legend-list {
    margin-top: 14px;
}

.page-attainment .indicator-box ul.legend-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 8px;
    row-gap: 4px;
    margin-bottom: 8px;
    line-height: 1.3;
}

.page-attainment .indicator-box ul.legend-list > li:last-of-type {
    margin-bottom: 0;
}

.page-attainment .indicator-box ul.legend-list > li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--primary-color);
}

.page-attainment .indicator-box ul.legend-list > li span.list-name {
    width: calc(100% - 14px);
    font-size: 14px;
    color: #666;
    word-break: keep-all;
}

.page-attainment .indicator-box ul.legend-list > li span.list-value {
    width: 100%;
    padding-left: 14px;
    font-size: 18px;
    font-weight: 500;
}

.page-attainment .indicator-box ul.legend-list > li span.list-value::before {
    content: ":";
    display: inline-block;
    padding-right: 4px;
}

.page-attainment .content-wrap .year-check {
    margin-bottom: 30px;
}

.page-performance table td.end {
    color: #ff6767;
    font-weight: 500;
}

.page-performance .table-top-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    background: #F0F6FD;
}

.page-performance .table-top-box .save-container {
    display: flex;
    align-items: center;
}

.page-performance .table-top-box .save-container .autosave {
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.page-performance .table-top-box .save-container .autosave .toggle label::before {
    top: -12px;
}

.page-performance .table-top-box .save-container .autosave .toggle label::after {
    top: -9px;
}

.page-performance .table-top-box .save-container span.tit {
    display: inline-block;
    margin-right: 8px;
    font-weight: 500;
}

.page-performance .table-top-box .save-container .save {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.page-performance .table-top-box .save-container .save input {
    width: 60px;
}

/* 대시보드 차트 */

.page-attainment .indicator-box .graph-box {
    position: relative;
    padding-right: 6px;
}

.page-attainment .indicator-box .graph-box .graph {
    margin-left: 46px;
    padding: 10px 0;
    border-left: 1px solid #666;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px);
    background-size: 10% 100%;
}

.page-attainment .indicator-box .graph-box .graph .item {
    height: 50px;
    padding: 10px 0;
}

.page-attainment .indicator-box .graph-box .graph .item .name {
    position: absolute;
    left: 6px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.page-attainment .indicator-box .graph-box .graph .item .bar {
    position: relative;
    display: flex;
    height: 30px;
    transform-origin: left;
    animation: revealing-bars 4.5s ease-out;
}

@keyframes revealing-bars {
    0% {
        transform: scaleX(0);
    }

    15% {
        transform: scaleX(1);
    }
}

.page-attainment .indicator-box .graph-box .graph .item .bar .data {
    display: inline-block;
    height: 100%;
}

.page-attainment .indicator-box .graph-box .graph .item .bar .data.target {
    background: #649CEB;
}

.page-attainment .indicator-box .graph-box .graph .item .bar .data.result {
    background: #F88484;
}

.page-attainment .indicator-box .graph-box .graph .item span.value {
    position: absolute;
    left: 6px;
    z-index: 9;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    animation: appearance 5s;
}

.page-attainment .indicator-box .graph-box .graph .item .target ~ span.value {
    text-shadow: -1px 0 #649CEB, 0 1px #649CEB, 1px 0 #649CEB, 0 -1px #649CEB, 0 0 3px #000;
}

.page-attainment .indicator-box .graph-box .graph .item .result ~ span.value {
    text-shadow: -1px 0 #F88484, 0 1px #F88484, 1px 0 #F88484, 0 -1px #F88484, 0 0 3px #000;
}

@keyframes appearance {
    0% {
        opacity: 0;
    }

    13% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }
}

/* E : 지표별관리 */

.page-performance table .color-bg {
    background: #F1FFEF;
}

.page-performance table .color-bg-or {
    background: rgb(255, 245, 239);
}

.page-target .con-box p.tit {
    margin-bottom: 0;
}

.mysite .page-target .list-container .table-wrap {
    margin: 15px 0 30px 0;
}

.page-target .table-wrap .btn-wrap {
    justify-content: flex-end;
    margin-bottom: 10px;
}

.page-performance dl.save-date {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 10px;
    color: #666;
}

.page-performance .tit-wrap dl.save-date {
    margin-bottom: 0;
}

.page-performance dl.save-date ul {
    display: flex;
    align-items: center;
}

.page-performance dl.save-date ul li {
    display: flex;
    align-items: center;
}

.page-performance dl.save-date ul li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #ccc;
    margin: 0 8px;
}

.page-target .list-container table {
    table-layout: fixed;
}

.page-target .list-container table input {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.page-target .list-container table .align-left input {
    text-align: left;
}

.page-target .list-container table .align-right input {
    text-align: right;
}

.page-target .list-container table input:disabled {
    padding: 0;
    background: transparent;
    border: none;
    color: #333;
}

.page-performance .popup-wrap .popup {
    max-width: 860px;
}

.page-performance .popup-wrap .popup .popup-tit {
    font-size: 20px;
}

.page-performance .tit-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.page-performance .tit-wrap > .checkbox::before {
    content: "※";
    margin-right: 2px;
}

.mysite .page-performance .input-container p.tit {
    margin-bottom: 30px;
}

.page-performance .tit-wrap.flex-end {
    justify-content: flex-end;
}

.mysite .page-performance .tit-wrap p.tit {
    margin: 0;
    font-size: 18px;
}

.page-performance .tit-wrap span.date {
    color: #666;
}

.page-performance .tit-wrap span.des-txt {
    color: #888;
    font-size: 14px;
}

.mysite .page-performance .input-container .table-wrap {
    max-height: none;
    padding: 0;
}

.performance-input-popup .tit-wrap .checkbox input[type="checkbox"]:disabled ~ label {
    color: #333;
}

.performance-input-popup .tit-wrap .checkbox input[type="checkbox"]:disabled ~ label:before {
    background: url('/mysite/img/common/checkbox_off.svg') center center no-repeat;
}

.performance-input-popup .table-wrap.table-scroll {
    max-height: 385px;
    overflow-y: auto;
}

.performance-input-popup .input-container table {
    table-layout: fixed;
}

.performance-input-popup .input-container table input,
.performance-input-popup .input-container table select {
    width: 100%;
}

.page-performance table .radio-list {
    display: flex;
    justify-content: center;
    column-gap: 8px;
}

.page-performance table .radio-list .radio label {
    padding-left: 25px;
    margin-bottom: 0;
}

.page-performance table .radio-list.flex-start {
    justify-content: flex-start;
}

.page-performance table .radio-list.flex-column {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 6px;
}

.performance-input-popup .input-container table .check-input {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.performance-input-popup .input-container .table-wrap table .check-input label {
    display: inline;
}

.page-performance .con-wrap .input-wrap {
    display: flex;
    align-items: center;
    column-gap: 30px;
    flex-wrap: wrap;
}

.page-performance .con-wrap .input-wrap .input {
    width: calc((100% - 60px) / 3);
}

.page-performance .con-wrap .input-wrap .input label {
    display: inline-block;
    width: 50px;
    margin-right: 8px;
    text-align: right;
}

.page-performance .con-wrap .input-wrap .input input {
    width: calc(100% - 60px);
}

.page-performance .popup-wrap .input-wrap pre {
    padding-left: 28px;
}

.performance-input-popup .input-wrap ~ p.error-msg {
    margin-top: 10px;
    color: #FF4F4F;
    font-size: 15px;
}

.page-performance .con-wrap .tit-wrap .tit span.option,
.hywoman-dashboard .con-wrap .tit-wrap .tit span.option {
    margin-left: 6px;
    color: #888;
    font-size: 14px;
    font-weight: 500;
}

.performance-detail-popup .performance-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}

.performance-detail-popup .performance-list > li {
    display: flex;
    align-items: center;
    width: calc((100% - 30px) / 3);
    padding: 15px 20px;
    gap: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.performance-detail-popup .performance-list > li img {
    border-radius: 12px;
}

.performance-detail-popup .performance-list > li:first-of-type img {
    box-shadow: 0px 5px 15px rgba(143, 224, 156, 0.4);
}

.performance-detail-popup .performance-list > li:nth-of-type(2) img {
    box-shadow: 0px 5px 15px rgba(248, 132, 132, 0.4);
}

.performance-detail-popup .performance-list > li:nth-of-type(3) img {
    box-shadow: 0px 5px 15px rgba(244, 203, 142, 0.4);
}

.performance-detail-popup .performance-list > li dl dt {
    margin-bottom: 10px;
    color: #666;
    font-size: 15px;
}

.performance-detail-popup .performance-list > li dl dd {
    font-size: 24px;
    font-weight: 500;
}

.performance-detail-popup .performance-list > li dl dd.goal {
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-weight: 700;
}

.performance-detail-popup .performance-list > li dl dd.goal.up {
    color: #FF6060;
}

.performance-detail-popup .performance-list > li dl dd.goal.up::before {
    content: "▲";
    font-size: 14px;
}

.performance-detail-popup .performance-list > li dl dd.goal.down {
    color: #649CEB;
}

.performance-detail-popup .performance-list > li dl dd.goal.down::before {
    content: "▼";
    font-size: 14px;
}

.page-performance .popup-wrap hr.divider {
    margin: 30px 0;
}

.performance-detail-popup .month-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    row-gap: 10px;
    margin-bottom: 30px;
    padding: 15px 80px;
    background: #f7f8f9;
}

.performance-detail-popup table th.position {
    position: relative;
}

.performance-detail-popup table th.position input,
.performance-detail-popup table td.position input {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 100px;
}

.performance-detail-popup table th img {
    height: 40px;
    margin-left: 4px;
    mix-blend-mode: multiply;
}

.performance-detail-popup table input {
    width: 100%;
}

.performance-detail-popup table .gray-box {
    margin-top: 10px;
    padding: 10px 20px 10px 25px;
    text-align: left;
    font-size: 15px;
    word-break: break-all;
}

.page-performance .popup-wrap .con-wrap ~ .con-wrap {
    margin-top: 30px;
}

.page-performance .con-wrap table ~ table {
    margin-top: 15px;
}

.performance-input-popup .input-container .con-wrap .list-add-btn {
    margin-top: 15px;
}

.performance-input-popup .input-container .con-wrap .list-add-btn > .btn {
    width: 100%;
}

.performance-input-popup table th.size15 {
    font-size: 15px;
}

.performance-input-popup table td .btn.width-fit {
    padding: 0;
    min-width: 60px;
}

.popup-wrap .popup ul.tab-menu {
    margin-bottom: 30px;
    box-shadow: inset 2px -4px 5px rgb(100 156 235 / 5%);
}

.popup-wrap .popup ul.tab-menu li {
    box-shadow: 2px 0px 5px rgba(100, 156, 235, 0.1);
    border: 0;
}

.popup-wrap .popup ul.tab-menu li.active {
    border-top: 4px solid var(--primary-color);
}

.page-performance .popup-wrap .tit-wrap span.info {
    color: #666;
}

.page-performance .name-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
    color: var(--primary-color);
}

.page-performance .tit-wrap .name-title {
    margin-bottom: 0;
}

.mysite .explain-box {
    width: 100%;
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 4px;
    background: #F7F8F9;
}

.page-performance table ~ .explain-box {
    margin: 15px 0 0 0;
}

.mysite .explain-box dl ~ dl {
    margin-top: 20px;
}

.mysite .explain-box dl dt {
    margin-bottom: 10px;
    font-weight: 700;
    color: #171717;
}

.mysite .explain-box dl dd {
    color: #555;
    line-height: 1.5;
    word-break: keep-all;
}

.mysite .explain-box dl dd.sub-txt {
    padding-left: 12px;
    text-indent: -0.8em;
}

.mysite .explain-box dl dd.des-txt {
    padding-left: 12px;
}

.mysite .explain-box span.refer {
    font-weight: 500;
    color: #6CA19E;
}

.mysite .explain-box dl dd.sub-txt::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -4px 8px 0 0;
    background: var(--secondary-color);
    border-radius: 50%;
    vertical-align: middle;
}

.mysite .explain-box dl dd.des-txt.mark::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -4px 8px 0 0;
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    vertical-align: middle;
}

.mysite .explain-box dl dd:not(:first-of-type) {
    margin-top: 2px;
}

.mysite .explain-box ul {
    margin-top: 30px;
}

.mysite .explain-box ul > li {
    font-size: 15px;
    line-height: 1.5;
    color: #788887;
}

.page-performance table tr.total td {
    background: #f0fff5;
    font-weight: 600;
}

.page-performance p.save-confirm-txt {
    margin: 40px 0 30px 0;
    text-align: center;
}

.page-performance .performance-input-popup .table-wrap .table-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-performance .performance-input-popup .table-wrap .table-top dl {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.page-performance .performance-input-popup .table-wrap .table-top dl dd.manual {
    color: #649CEB;
    font-weight: 500;
}

.page-performance .performance-input-popup .table-wrap .table-top dl dd.auto {
    color: #FF6060;
    font-weight: 500;
}

.performance-status-popup.popup-wrap .popup-content .table-wrap .table-top {
    display: flex;
    justify-content: flex-end;
    column-gap: 4px;
    margin-bottom: 10px;
}

.performance-status-popup.popup-wrap .table-wrap {
    max-height: auto;
    overflow-y: unset;
}

.performance-status-popup.popup-wrap .overflow-table {
    max-height: 380px;
    overflow-x: unset;
    overflow-y: auto;
    padding-bottom: 0;
}

.performance-status-popup.popup-wrap table {
    font-size: 15px;
}

.performance-status-popup.popup-wrap table td:not(.align-left) {
    padding: 11px 4px;
}

.performance-status-popup.popup-wrap table .color-bg {
    background: #F1FFEF;
}

.performance-status-popup.popup-wrap table .color-bg-or {
    background: rgb(255, 245, 239);
}

.performance-status-popup.popup-wrap table .current {
    background: #ffffef;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.page-performance table td.blank::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    transform: rotate(22deg);
}

.page-performance .table-wrap .table-des {
    margin-top: 12px;
    line-height: 1.4;
    color: #888;
}

/* E : 성과지표관리 */

/* AI 추천 매칭 */

.page-ai-cdp .search-container.vertical {
    align-items: center;
    justify-content: stretch;
}

.page-ai-cdp .search-container.vertical .row {
    column-gap: 6px;
}

.page-ai-cdp .search-container.vertical .search-wrap:last-child p {
    font-size: 16px;
    height: unset;
}

.page-ai-cdp .search-container.vertical .row .input-wrap input.input-search {
    width: 850px;
}

.page-ai-cdp table {
    table-layout: fixed;
}

.page-ai-cdp table tbody tr td span.temporary {
    font-weight: 500;
    color: var(--primary-color);
}

.page-ai-cdp table tbody tr td .manage-btn .btn ~ .btn {
    margin-top: 4px;
}

.page-ai-cdp table tbody tr td ul.ncs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-ai-cdp table tbody tr td ul.ncs-list > li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.page-ai-cdp table tbody tr td ul.ncs-list > li:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background: url(/mysite/img/common/ico_arrow.png) center center no-repeat;
}

.page-ai-cdp table tbody tr td ul.ncs-list ~ ul.ncs-list {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #DDD;
}

.mysite .page-ai-cdp .input-container .info-wrap {
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.mysite .page-ai-cdp .register-container .input-container p.tit {
    margin-bottom: 30px;
}

.page-extracurriculum.page-ai-cdp .register-container .category-list > li {
    width: 25%;
}

.page-ai-cdp table tbody tr td span.matching {
    display: inline-block;
    position: relative;
    color: #19BE6F;
    cursor: default;
}

.page-ai-cdp table tbody tr td .matching-manager {
    display: none;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-113%, -50%);
    width: 180px;
    padding: 14px 16px;
    background: #FFF;
    border-radius: 4px;
    border-left: 3px solid #19BE6F;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
}

.page-ai-cdp table tbody tr td .matching-manager .tit {
    text-align: left;
    font-weight: 700;
    color: #19BE6F;
}

.page-ai-cdp table tbody tr td .matching-manager .tit::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background: #B2E1CB;
}

.page-ai-cdp table tbody tr td .matching-manager ul.detail > li {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 15px;
}

.page-ai-cdp table tbody tr td .matching-manager ul.detail > li ~ li {
    margin-top: 2px;
}

.page-ai-cdp table tbody tr td .matching-manager ul.detail > li i.fa-solid {
    display: inline-block;
    width: 15px;
    margin-right: 6px;
    color: #999;
}

.page-ai-cdp table tbody tr td {
    word-break: break-all;
}

.page-ai-cdp table tbody tr td span.recommended {
    cursor: default;
}

.page-ai-cdp table tbody tr td span.recommended:hover + .recommended-detail {
    display: flex;
}

.page-ai-cdp table tbody tr td .recommended-detail {
    display: none;
    align-items: center;
    column-gap: 6px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-113%, -50%);
    width: fit-content;
    padding: 14px 16px;
    background: #FFF;
    border-radius: 4px;
    border-left: 3px solid #19BE6F;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
}

.page-ai-cdp table tbody tr td .recommended-detail > p:not(:last-of-type)::after {
    content: ',';
}

.page-ai-cdp .ncs-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.page-ai-cdp .ncs-wrap span.mark {
    display: inline-block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}

.page-ai-cdp .ncs-wrap span.mark.type01 {
    background: #515FA0;
}

.page-ai-cdp .ncs-wrap span.mark.type02 {
    background: #578ACA;
}

.page-ai-cdp .ncs-wrap span.mark.type03 {
    background: #68CEC8;
}

.page-ai-cdp .ncs-wrap span.mark.type04 {
    background: #6ED3A9;
}

.page-ai-cdp table tbody tr td p.ellip {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-ai-cdp .page-title > h3 > span {
    color: var(--primary-color);
}

.popup-wrap.confirm-popup-wrap .confirm-txt ~ textarea {
    margin-top: 20px;
}

/* E : AI 추천 매칭 */

/* 회원권한 관리 */

.page-members .register-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-members .register-container .con-box.large {
    width: 58%;
}

.page-members .register-container .con-box.small {
    width: 41%;
}

.page-members p.tit > span.select-user {
    margin-right: 4px;
    color: var(--primary-color);
}

.page-members .con-box .tit-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.page-members .con-box .tit-wrap .tit {
    margin-bottom: 0;
}

.page-members .authority-list > li ~ li {
    margin-top: 24px;
}

.page-members .authority-list .list-tit {
    margin-bottom: 16px;
    padding: 18px 16px;
    border-radius: 4px;
    background: #F0F6FD;
    font-weight: 500;
    color: var(--primary-color);
}

.page-members .authority-list .row {
    padding: 0 12px;
}

.page-members .authority-list .row ~ .row {
    margin-top: 16px;
}

.page-members .authority-list .row .row-name {
    margin-bottom: 8px;
    line-height: 1.5;
    padding-left: 0.9em;
    text-indent: -0.9em;
    font-weight: 500;
}

.page-members .authority-list .row .row-name::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -4px 8px 0 0;
    background: #333;
    border-radius: 50%;
    vertical-align: middle;
}

.page-members .authority-list .row .input-wrap {
    display: flex;
    padding: 0 12px;
}

.page-members .authority-list .row .input-wrap .toggle {
    width: 50%;
}

.popup-members .popup-input {
    width: 100%;
    padding: 15px 0;
}

.popup-members .popup-input > li ~ li {
    margin-top: 16px;
}

.popup-members .popup-input label {
    display: inline-block;
    width: 50px;
    margin-right: 8px;
    font-weight: 500;
}

.popup-members .popup-input input,
.popup-members .popup-input select {
    width: calc(100% - 64px);
}

/* .page-members .search-container .input-wrap > select {
    min-width: 220px;
} */

/* .page-members .search-container .input-wrap > input {
    min-width: 250px;
} */

.page-members table tbody tr td span.state-active {
    font-weight: 500;
    color: #19BE6F;
}

.page-members table tbody tr td span.badge {
    display: inline-block;
    height: 24px;
    margin-right: 6px;
    padding: 0 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    background: #DDD;
}

.page-members table tbody tr td span.badge.professor {
    background: #FFF1CC;
    color: #FFB801;
}

.page-members table tbody tr td span.badge.student {
    background: #D9E9FF;
    color: #649CEB;
}

.page-members table:not(.list-form) tbody tr:hover {
    background: #F6F6F6;
}

.popup-members .popup {
    max-width: 450px;
}

    /* S : 학생정보 일괄처리 관리 (240403) */
        .info-popup .popup-content .guide-box > .btn.download {
            margin: 10px 0 0 30px;
        }
        .info-popup .popup-content .file-upload {
            margin-top: 30px;
            width: 100%;
            text-align: center;
        }
        .info-popup .popup-content .file-upload > input {
            width: 50%;
        }

    /* E : 학생학년 일괄처리 관리 (240403) */

    /* S : 학생졸업 일괄처리 관리 (240315) */
        .grad-popup .popup-content .guide-box > .btn.download {
            margin: 10px 0 0 30px;
        }
        .grad-popup .popup-content .file-upload {
            margin-top: 30px;
            width: 100%;
            text-align: center;
        }
        .grad-popup .popup-content .file-upload > input {
            width: 50%;
        }

    /* E : 학생졸업 일괄처리 관리 (240315) */

/* E : 회원권한 관리 */

/* 1:1 문의 */

.mysite .page-board .register-container .input-container p.tit {
    margin-bottom: 24px;
}

.page-board .register-container .input-container ~ .input-container {
    margin-top: 50px;
}

.page-board .video-file-list a:hover {
    opacity: 0.8;
}

.page-board textarea {
    height: 220px;
}

/* E : 1:1 문의 */

/* 산학기업관리 기업분석종합보고서 */

.mysite .page-company-report .reportCover .grid.simple .grid-body {
    border-top: 1px solid #ddd;
}

.mysite .page-company-report .reportCover .coverTop {
    margin-bottom: 60px;
}

.mysite .page-company-report .reportCover .coverTop .panel {
    font-size: 13px;
}

.mysite .page-company-report .reportCover .coverTtl {
    margin-bottom: 80px;
}

.mysite .page-company-report .reportCover .coverTtl h1 {
    margin-bottom: 5px;
    color: #649CEB;
    font-size: 52px !important;
}

.mysite .page-company-report .reportCover .coverTtl h3 {
    color: #666;
}

.mysite .page-company-report .coverHelp {
    padding: 20px 30px;
    background: #f7f8f9;
    line-height: 1.5;
}

.mysite .page-company-report .coverHelp p {
    margin-bottom: 6px;
    color: #333;
    font-weight: 700;
}

.mysite .page-company-report .coverHelp span {
    color: #649CEB;
}

.mysite .page-company-report .reportTitle tr {
    border-bottom: 0;
}

.mysite .page-company-report .comName {
    background: #649CEB;
    color: #fff;
    font-weight: 700;
}

.mysite .page-company-report .grid.simple {
    border: 0;
}

.mysite .page-company-report .con-box p.tit {
    margin-bottom: 16px;
    font-size: 17px;
}

.mysite .page-company-report .con-box p.tit::before {
    width: 18px;
    height: 18px;
}

.mysite .page-company-report .grid.simple .grid-title {
    padding: 0;
}

.mysite .page-company-report .con-box .gray-box {
    padding: 20px 30px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
}

.mysite .page-company-report table th:first-of-type {
    border-left: none !important;
}

.mysite .page-company-report table th:last-of-type {
    border-right: none !important;
}

.mysite .page-company-report .boxtiles .tiles-body .tit {
    display: inline-block;
    height: 26px;
    margin-bottom: 8px;
    padding: 0 10px;
    border-radius: 4px;
    background: #6B7A8E;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
}

/*  E : 산학기업관리 기업분석종합보고서 */

/* 현장실습학기제 */

.mysite .page-field p.tit span {
    margin-right: 4px;
    color: var(--primary-color);
}

.mysite .page-field .gray-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 16px;
    text-align: left;
    margin-bottom: 40px;
}

.mysite .page-field .popup-wrap .gray-box {
    margin-bottom: 20px;
}

.page-field .gray-box dl {
    display: flex;
    align-items: center;
}

.page-field .gray-box.divide-2 dl {
    width: 360px;
}

.page-field .gray-box.divide-3 {
    justify-content: flex-start;
}

.page-field .gray-box.divide-3 dl {
    width: calc(100% / 3);
}

.page-field .gray-box dl dt {
    width: 90px;
    color: #888;
}

.page-field .gray-box dl dt.large {
    width: 170px;
}

.mysite .page-field .input-container p.tit {
    margin-bottom: 20px;
}

.page-field .question-wrap .con {
    margin-bottom: 30px;
}

.page-field .register-container .input-container .con {
    margin-bottom: 40px;
}

.page-field .question-wrap .con p.question-tit {
    margin-bottom: 6px;
    font-weight: 500;
}

.page-field .question-wrap .con p.refer-red {
    margin-bottom: 6px;
    padding-left: 35px;
    color: #FF4F4F;
}

.page-field .question-wrap .con p.question-tit > span {
    display: inline-block;
    width: 35px;
    font-weight: 700;
    color: var(--primary-color);
}

.page-field .question-wrap .con .answer-wrap {
    padding: 4px 0 4px 35px;
}

.page-field .question-wrap .con .answer-wrap .checkbox,
.page-field .question-wrap .con .answer-wrap .radio {
    margin: 6px 0;
}

.page-field table tr td p.td-tit {
    text-align: center;
    font-weight: 600;
    color: var(--secondary-color);
}

.page-field table tr td p.td-tit b {
    font-weight: 700;
}

.page-field .con p.refer ~ textarea {
    margin-top: 10px;
}

.page-field .register-container .input-container .con .evaluator-input {
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 10px;
}

.page-field .register-container .input-container .con .evaluator-input .input {
    display: flex;
    align-items: center;
    column-gap: 15px;
    width: calc((100% - 48px) / 3);
}

.page-field .register-container .input-container .con .evaluator-input .input label {
    flex-shrink: 0;
    width: 70px;
}

.page-field .register-container .input-container .con .evaluator-input .input .datepicker,
.page-field .register-container .input-container .con .evaluator-input .input input {
    width: 100%;
}

.mysite .page-field .input-container .input-wrap.datepicker input,
.mysite .page-field .input-container .input-wrap.year-wrap input {
    width: 150px;
}

.mysite .page-field .input-container .period-wrap .input-wrap {
    padding-left: 15px;
}

.mysite .page-field .input-container .period-wrap input {
    width: 150px;
}

.mysite .page-field .input-container .row .gray-box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 20px;
    row-gap: 15px;
}

.mysite .page-field .input-container .row .gray-box .row {
    align-items: center;
    width: 100%;
    margin: 0;
}

.mysite .page-field .input-container .row .gray-box .row label {
    width: 85px;
    margin: 0;
}

.mysite .page-field .input-container .row .gray-box .input-wrap {
    width: calc(100% - 90px);
}

.mysite .page-field .input-container .row .gray-box .row .amount-wrap input {
    width: 150px;
}

.mysite .page-field .input-container .row .gray-box .row .payment-wrap input {
    width: 60px;
}

.mysite .page-field .input-container .table-wrap {
    padding: 0;
}

.mysite .page-field .input-container .table-wrap .add-btn {
    margin-top: 10px;
}

.mysite .page-field .con-wrap {
    margin-bottom: 40px;
}

.mysite .page-field .con-wrap p.tit {
    margin-bottom: 20px;
}

.mysite .page-field .con-wrap .table-wrap:not(:last-of-type) {
    margin-bottom: 20px;
}

.mysite .page-field .con-wrap .table-wrap p.table-tit {
    margin-bottom: 10px;
    line-height: 1.4;
}

.mysite .page-field .con-wrap .input-wrap {
    display: flex;
    justify-content: space-between;
    column-gap: 24px;
}

.mysite .page-field .con-wrap .input-wrap .input {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: calc((100% - 48px) / 3);
}

.mysite .page-field .con-wrap .input-wrap .input input {
    width: 100%;
}

.mysite .page-field .register-container .row .form-wrap .input-wrap .radio {
    padding: 10px 0;
}

.mysite .page-field .field-student-wrap ~ .btn-wrap {
    position: relative;
    margin-top: 50px;
}

.mysite .page-field .field-student-wrap ~ .btn-wrap .side-btn-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mysite .page-field .field-student-wrap {
    display: flex;
    column-gap: 15px;
}

.mysite .page-field .field-student-wrap .student-list,
.mysite .page-field .field-student-wrap .selected-list {
    width: calc((100% - 120px) / 2);
}

.mysite .page-field .field-student-wrap .table-wrap {
    margin-top: 25px;
}

.mysite .page-field .field-student-wrap table td select {
    width: 100%;
}

.mysite .page-field .field-student-wrap .table-wrap > p {
    margin-bottom: 10px;
    font-weight: 500;
}

.mysite .page-field .field-student-wrap .table-wrap > p > strong {
    color: var(--primary-color);
}

.mysite .page-field .field-student-wrap .student-list .table-wrap .table-body {
    max-height: 330px;
    overflow-y: auto;
}

.mysite .page-field .field-student-wrap .selected-list .table-wrap .table-body {
    max-height: 440px;
    overflow-y: auto;
}

.mysite .page-field .field-student-wrap .small-tit {
    margin-bottom: 15px;
}

.mysite .page-field .field-student-wrap .small-tit > p {
    font-size: 17px;
    font-weight: 700;
}

.mysite .page-field .field-student-wrap .small-tit > span {
    display: inline-block;
    margin-top: 8px;
    color: #777;
}

.mysite .page-field .field-student-wrap .between-btn {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
}

.mysite .page-field table td .code-name {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    cursor: default;
}

.mysite .page-field table td .code-name .code-tip {
    display: none;
    position: absolute;
    z-index: 1;
    left: 100%;
    bottom: 100%;
    transform: translateX(4px);
    padding: 12px 24px;
    border-radius: 4px;
    border-left: 3px solid var(--primary-color);
    background: #fff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    white-space: nowrap;
}

.mysite .page-field table td .code-name:hover .code-tip {
    display: block;
}

.company-history-popup .popup {
    max-width: 1200px
}

.matching-status-popup .popup {
    max-width: 1000px;
}

.matching-status-popup .table-container {
    margin-bottom: 20px;
}

.matching-status-popup .table-container .table-top {
    font-weight: 500;
    margin-bottom: 10px;
}

.matching-status-popup .job-selection-list > ul {
    display: flex;
    align-items: center;
}

.matching-status-popup .job-selection-list > ul ~ ul {
    margin-top: 4px;
}

.matching-status-popup .job-selection-list > ul::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 6px;
    border-radius: 4px;
    background: var(--primary-color);
}

.matching-status-popup .job-selection-list > ul li strong {
    margin-right: 10px;
    font-weight: 600;
}

.matching-status-popup table thead th.thead-title {
    background: #CFDAE9;
}

.matching-status-popup table td .checkbox-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 10px;
}

.matching-status-popup table td .checkbox-wrap .checkbox {
    width: calc(100% / 5);
}

.matching-status-popup table td .checkbox-wrap .checkbox label {
    padding-left: 25px;
}

.mysite .page-field .input-container .form-wrap .input-wrap span.refer {
    font-size: 15px;
    color: #666;
}

.mysite .page-field .input-container .form-wrap .input-wrap .checkbox,
.mysite .page-field .input-container .form-wrap .input-wrap .radio {
    padding: 10px 0;
}

.mysite .page-field .input-container .form-wrap.label-xlarge .input-wrap-list {
    width: calc(100% - 150px);
}

.mysite .page-field .input-container .form-wrap.label-large .input-wrap-list {
    width: calc(100% - 115px);
}

.mysite .page-field .input-container .input-wrap-list > li {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.mysite .page-field .input-container .input-wrap-list > li > p {
    flex-shrink: 0;
    width: 90px;
}

.mysite .page-field .input-container .input-wrap-list > li > .input-wrap {
    flex-shrink: 0;
    width: auto !important;
}

.mysite .page-field .input-container .input-wrap-list > li > label {
    flex-shrink: 0;
}

.mysite .page-field .input-container .input-wrap-list > li > .radio {
    flex-shrink: 0;
    width: 60px;
}

.mysite .page-field .input-container .input-wrap-list > li:not(:last-of-type) {
    margin-bottom: 10px;
}

.mysite .page-field .input-container .form-wrap.file-upload .input-wrap {
    flex-direction: column;
    align-items: flex-start;
}

.mysite .page-field .popup-wrap .popup .popup-tit > span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #888;
}

.mysite .page-field table td .btn-wrap ~ .btn-wrap {
    margin-top: 4px;
}

.mysite .page-field .input-container .btn-wrap.space-between {
    margin-top: 50px;
}

.mysite .page-field .input-wrap-list .upload-list {
    margin-top: 0;
}

.mysite .page-field .input-wrap-list .upload-list > li {
    width: calc((100% - 30px) / 3);
}

.mysite .page-field .input-wrap-list .upload-list > li .img_wrap {
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
}

.mysite .page-field .input-wrap-list .upload-list > li .img_wrap img {
    width: 100%;
    object-fit: contain;
}

.mysite .page-field .input-wrap-list .upload-list > li .btn {
    width: 100%;
    margin-top: 6px;
}

.mysite .page-field .register-container .form-wrap ul.dept-list {
    margin-top: 15px;
    padding-left: 150px;
}

.mysite .page-field .gray-search-box {
    flex-direction: column;
    gap: 0;
}

.mysite .page-field .gray-search-box label {
    width: 130px;
}

.mysite .page-field .gray-search-box .radio-list {
    display: flex;
    column-gap: 30px;
}

.mysite .page-field .gray-search-box .radio-list label {
    width: auto;
    font-weight: 400;
}

.student-select-popup .popup {
    max-width: 1000px;
}

.student-select-popup .popup .search-container label {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 500;
}

.participants-popup .popup {
    max-width: 760px;
}

.participants-popup .popup .table-wrap {
    max-height: 575px;
    border-bottom: 1px solid #ddd;
    overflow-y: auto;
}

.mysite .page-field .evaluation-container .row .form-wrap .input-wrap .radio {
    padding: 0;
}

.page-field .evaluation-container .row .radio label {
    padding-left: 20px;
    text-indent: -9999px;
}

.mysite .page-field .questionnaire-table .radio label {
    padding-left: 25px;
}

.mysite .page-field .questionnaire-table td {
    word-break: keep-all;
}

.popup-industry .table-wrap {
    max-height: 400px;
    overflow-y: auto;
}

/* 현장실습학기제 - 기업 */

.mysite .page-field table td .attendance-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
}

.mysite .page-field .register-container .input-container .con table ~ .add-btn {
    margin-top: 20px;
}

.mysite .page-field .register-container .input-container .con .add-btn .btn .fa-plus {
    font-size: 14px;
    font-weight: 400;
}

.mysite .page-field .register-container .input-container .report-form-wrap > li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mysite .page-field .register-container .input-container .report-form-wrap > li:not(:last-of-type) {
    margin-bottom: 20px;
}

.mysite .page-field .register-container .input-container .report-form-wrap > li > p {
    width: 150px;
}

.mysite .page-field .register-container .input-container .report-form-wrap > li > textarea {
    width: calc((100% - 170px) / 2);
}

.popup-wrap.view-select-wrap .popup-content {
    text-align: center;
}

.popup-wrap.view-select-wrap .popup-content .des {
    text-align: center;
}

.popup-wrap.view-select-wrap .popup-content select {
    min-width: 200px;
    margin: 15px auto 0 auto;
}

/* S : 현장실습학기제  참여학생관리 검색창 */
.page-field .search-container.student {
    align-items: end;
    flex-wrap: wrap;
}

.page-field .search-container.student .search-wrap {
    width: 100%;
}

.page-field .search-container.student .search-wrap .input-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.page-field .search-container.student .search-wrap .input-wrap .size-m {
    flex: 1 1 30%;
}
/* E : 현장실습학기제  참여학생관리 검색창 */

/* E : 현장실습학기제 */

/* 공유관리 - 메타버스공간 */

.page-share-meta table td .thumb-nail {
    width: 144px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
}

.popup-wrap.share-meta-popup .popup {
    max-width: 760px;
}

.popup-wrap.share-meta-popup .stats-list {
    display: flex;
    column-gap: 12px;
    margin: 30px 0;
}

.popup-wrap.share-meta-popup .stats-list > li {
    display: flex;
    column-gap: 10px;
    width: calc((100% - 24px) / 3);
    padding: 15px 18px;
    border-radius: 6px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.popup-wrap.share-meta-popup .stats-list > li img {
    border-radius: 11px;
}

.popup-wrap.share-meta-popup .stats-list > li:nth-child(1) img {
    box-shadow: 0px 4.61539px 13.8462px rgba(143, 224, 156, 0.4);
}

.popup-wrap.share-meta-popup .stats-list > li:nth-child(2) img {
    box-shadow: 0px 4.61539px 13.8462px rgba(248, 132, 132, 0.4);
}

.popup-wrap.share-meta-popup .stats-list > li:nth-child(3) img {
    box-shadow: 0px 4.61539px 13.8462px rgba(244, 203, 142, 0.4);
}

.popup-wrap.share-meta-popup .stats-list dl dt {
    margin-bottom: 10px;
    font-size: 15px;
    color: #666;
}

.popup-wrap.share-meta-popup .stats-list dl dd {
    font-size: 20px;
    font-weight: 700;
}

.popup-wrap.share-meta-popup .edu-select-list {
    max-height: 492px;
    padding-top: 15px;
    border-top: 2px solid #555;
    overflow-y: auto;
}

.popup-wrap.share-meta-popup .edu-select-list > li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.popup-wrap.share-meta-popup .edu-select-list > li ~ li {
    margin-top: 10px;
}

.popup-wrap.share-meta-popup .edu-select-list > li.select {
    background: #F0F6FF;
    border: 1px solid #649CEB;
    box-shadow: 0px 2px 10px rgba(100, 156, 235, 0.3);
}

.popup-wrap.share-meta-popup .edu-select-list > li.disabled {
    background: #F7F8F9;
    cursor: default;
}

.popup-wrap.share-meta-popup .edu-select-list > li:not(.disabled):hover {
    background: #F0F6FF;
    border: 1px solid #649CEB;
}

.popup-wrap.share-meta-popup .edu-select-list .thumb-nail {
    position: relative;
    width: 195px;
    margin-right: 30px;
    aspect-ratio: 16 / 9;
}

.popup-wrap.share-meta-popup .edu-select-list .thumb-nail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-wrap.share-meta-popup .edu-select-list .thumb-nail > a {
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: inline-block;
    height: 27px;
    padding: 0 10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
    transition: all 0.25s;
}

.popup-wrap.share-meta-popup .edu-select-list .thumb-nail > a:hover {
    background: rgba(0, 0, 0, 1);
}

.popup-wrap.share-meta-popup .edu-select-list .list-info dl {
    display: flex;
}

.popup-wrap.share-meta-popup .edu-select-list .list-info dl ~ dl {
    margin-top: 12px;
}

.popup-wrap.share-meta-popup .edu-select-list .list-info dl dt {
    width: 80px;
    color: #888;
}

.popup-wrap.share-meta-popup .edu-select-list .list-info dl dd {
    color: #555;
}

.popup-wrap.share-meta-popup .edu-select-list .radio {
    position: absolute;
    top: 20px;
    right: 20px;
}

.page-share-meta .detail-container .detail-box {
    display: flex;
    align-items: center;
    padding: 20px 35px;
    column-gap: 50px;
    background: #F9F9F9;
    border: 1px solid #EAECED;
    border-radius: 4px;
}

.page-share-meta .detail-container .detail-box .thumbnail {
    width: 306px;
    height: 180px;
}

.page-share-meta .detail-container .detail-box .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-share-meta .detail-container .detail-box .info-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    line-height: 1.2;
}

.page-share-meta .detail-container .detail-box .info-wrap dt {
    color: #888;
}

.page-share-meta .detail-container .detail-box .info-wrap.offer-info-wrap dt {
    width: 150px;
}

.page-share-meta .detail-container .detail-box .info-wrap.import-info-wrap dt {
    width: 110px;
}

.page-share-meta .detail-container .detail-box .info-wrap dd {
    color: #555;
}

.page-share-meta .detail-container .detail-box .info-wrap.offer-info-wrap dd {
    width: calc(100% - 150px);
}

.page-share-meta .detail-container .detail-box .info-wrap.import-info-wrap dd {
    width: calc(100% - 110px);
}

.page-share-meta .detail-container .guide-box {
    margin: 40px 0 20px 0;
}

.page-share-meta .detail-container .guide-box p.tit {
    margin-bottom: 10px;
    font-size: 16px;
}

.page-share-meta .detail-container .guide-box p.tit::before {
    background: url('/mysite/img/common/ico_info.svg') center center no-repeat;
}

.page-share-meta .detail-container .btn-wrap {
    margin-top: 40px;
}

/* E : 공유관리 - 메타버스공간 */

/* 공유관리 - 온라인교육콘텐츠 */

.page-share-online table {
    table-layout: fixed;
}

.page-share-online table td .title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-share-online table td.no {
    color: #FF6060;
}

.share-online-popup .popup {
    max-width: 860px;
}

.share-online-popup .edu-list {
    max-height: 470px;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 2px solid #555;
    overflow-y: auto;
}

.share-online-popup .edu-list > li {
    position: relative;
}

.share-online-popup .edu-list > li label {
    display: block;
    margin-bottom: 10px;
    padding: 20px 24px;
    border: 1px solid #ddd;
    border-radius: 4px;
    /* cursor: pointer; */
}

.share-online-popup .edu-list > li label::before {
    top: 20px;
    left: 24px;
}

.share-online-popup .edu-list > li label span.tit {
    display: inline-block;
    padding-left: 25px;
    text-indent: 0px;
}

.share-online-popup .edu-list > li input[type="checkbox"]:checked ~ label {
    background: #F0F6FF;
    border: 1px solid #649CEB;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.2);
}

.share-online-popup .edu-list > li:last-of-type {
    margin-bottom: 0;
}

.share-online-popup .edu-list > li dl {
    display: flex;
    max-width: calc(100% - 100px);
    padding-left: 25px;
    margin-top: 12px;
}

.share-online-popup .edu-list > li dl dt {
    margin-right: 10px;
    color: #888;
}

.share-online-popup .edu-list > li dl dd {
    display: flex;
    align-items: center;
}

.share-online-popup .edu-list > li dl dd:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin: 0 12px;
}

.share-online-popup .edu-list > li a.btn {
    position: absolute;
    bottom: 20px;
    right: 24px;
}

.edu-play-popup .popup .play-container {
    display: flex;
    column-gap: 10px;
    justify-content: center;
}

.edu-play-popup .popup .play-container .video {
    max-width: 900px;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #eee;
}

.edu-play-popup .popup .play-container .list-wrap {
    width: 230px;
    border-radius: 4px;
    overflow: hidden;
}

.edu-play-popup .popup .play-container .list-wrap p {
    width: 100%;
    height: 50px;
    text-align: center;
    background: #649CEB;
    color: #fff;
    font-weight: 600;
    line-height: 50px;
}

.edu-play-popup .popup .play-container .edu-list {
    height: 456px;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0;
    overflow-y: auto;
}

.edu-play-popup .popup .play-container .edu-list li {
    margin-bottom: 4px;
    padding: 12px 8px 12px 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

.edu-play-popup .popup .play-container .edu-list li:last-of-type {
    margin-bottom: 0;
}

.edu-play-popup .popup .play-container .edu-list li dl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: 1.4;
}

.edu-play-popup .popup .play-container .edu-list li dl dt {
    width: 40px;
}

.edu-play-popup .popup .play-container .edu-list li dl dd {
    width: calc(100% - 48px);
}

.edu-play-popup .popup .play-container .edu-list li.selected {
    border: 1px solid #649CEB;
    background: #EDF4FF;
    box-shadow: 0px 5px 10px 0px rgba(100, 156, 235, 0.10);
    color: #649CEB;
    font-weight: 600;
    transition: all 0.25s;
}

.edu-play-popup .popup .play-container .edu-list li:hover {
    border: 1px solid #649CEB;
    background: #EDF4FF;
    box-shadow: 0px 5px 5px 0px rgba(100, 156, 235, 0.08);
}

.page-share-online .con-wrap {
    margin-top: 50px;
}

.page-share-online .con-wrap p.tit {
    margin-bottom: 15px;
}

.page-share-online .con-box .info-box {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 30px 40px;
    border-radius: 4px;
    border: 1px solid #EAECED;
    background: #F9F9F9;
}

.page-share-online .con-box .info-box .thumbnail {
    width: 400px;
    height: 225px;
}

.page-share-online .con-box .info-box .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-share-online .con-box .info-box .img-wrap a.btn {
    width: 100%;
    margin-top: 10px;
}

.page-share-online .con-box .info-box dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 12px;
    width: calc(100% - 460px);
    line-height: 1.4;
}

.page-share-online .con-box .info-box dl dt {
    width: 140px;
    color: #888;
}

.page-share-online .con-box .info-box dl dd {
    display: flex;
    align-items: center;
    column-gap: 20px;
    width: calc(100% - 140px);
}

.page-share-online .con-box .con {
    padding: 24px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.5;
}

.page-share-online .con-box .con-wrap p.des {
    margin-bottom: 15px;
    padding-left: 28px;
    color: #555;
}

.page-share-online .con-box .con-wrap p.des::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -2px 10px 0 0;
    background: #649CEB;
    border-radius: 50%;
    vertical-align: middle;
}

.page-share-online .con-box .con-wrap ~ .btn-wrap {
    margin-top: 40px;
}

/* E : 공유관리 - 온라인교육콘텐츠 */

/* 주문식 교육과정 */

.page-pog .list-container .con-box:not(:last-of-type) {
    margin-bottom: 15px;
}

.page-pog .list-container .search-container.m15 {
    margin: 15px 0;
}

.page-pog .list-container table input {
    width: 100%;
}

.page-pog .list-container table .btn-info-popup, .page-pog .list-container table .btn-prof-popup {
    text-decoration: underline;
    cursor: pointer;
}

.page-pog .list-container .con-box .table-top.right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin: -20px 0 -15px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.page-pog .list-container .status-table tbody tr:hover {
    background: #f6fafc;
}

.popup-wrap.subject-popup .popup {
    width: 750px;
}

.page-pog .list-container .year-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-pog .list-container .year-list li {
    width: calc((100% - 50px) / 6);
    padding: 20px 20px 24px 20px;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}

.page-pog .list-container .year-list li dt {
    width: fit-content;
    height: 28px;
    margin: 0 auto 12px auto;
    padding: 0px 14px;
    border-radius: 14px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.page-pog .list-container .year-list li:first-of-type dt {
    background: #649CEB;
}

.page-pog .list-container .year-list li:nth-of-type(2) dt {
    background: #C6ABFF;
}

.page-pog .list-container .year-list li:nth-of-type(3) dt {
    background: #F4CB8E;
}

.page-pog .list-container .year-list li:nth-of-type(4) dt {
    background: #8FE09C;
}

.page-pog .list-container .year-list li:nth-of-type(5) dt {
    background: #F88484;
}

.page-pog .list-container .year-list li:nth-of-type(6) dt {
    background: #79D8CC;
}

.page-pog .list-container .year-list li dd {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.page-pog .total-wrap {
    width: 100%;
    margin-top: 10px;
    padding: 20px 15px;
    background-color: #f7f8f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.page-pog .total-wrap p {
    font-size: 14px;
    font-weight: 700;
}

.page-pog .total-wrap p .selected {
    color: var(--primary-color);
}

.mysite .file-wrap {
    width: calc(100% - 115px);
}

.mysite .file-wrap .img-box {
    margin: 10px 0 0;
}

.prof-popup .popup {
    max-width: 640px;
}

.pog-info-popup .con-box {
    margin-top: 30px;
    padding: 0;
    border: 0;
}

.pog-info-popup .con-box p.tit {
    margin-bottom: 15px;
    font-size: 18px;
}

.pog-info-popup .con-box table th ~ td {
    border-top: 1px solid #ddd;
}

.pog-info-popup .con-box table th + td {
    border-right: 0;
}

table tbody tr.total {
    background-color: #f7f8f9;
}

.pog-info-popup .con-box .table-top {
    margin: 20px 0 15px 0;
    text-align: right;
}

.pog-info-popup table .radio label {
    padding: 0 15px 0 25px;
}

.mysite .table-wrap.participant-table {
    overflow-x: auto;
}

.mysite .table-wrap.participant-table table {
    white-space: nowrap;
    table-layout: fixed;
}

.mysite .table-wrap.participant-table table th,
.mysite .table-wrap.participant-table table td {
    white-space: normal;
}

.pog-info-popup .table-wrap.participant-table table .class-name {
    width: 130px;
}

.mysite .table-wrap.participant-table table .class-name {
    width: 140px;
}

.mysite .table-wrap.participant-table table .blue {
    color: #649CEB;
    font-weight: 700;
}

.mysite .table-wrap.participant-table table .red {
    color: #FF4F4F;
    font-weight: 700;
}

.mysite .table-wrap.participant-table table select {
    min-width: 120px;
}

.mysite .table-wrap.participant-table table .radio-list {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

.mysite .table-wrap.participant-table table .radio-list .radio label {
    padding-left: 25px;
}

.mysite .table-wrap.participant-table table .name {
    text-decoration: underline;
    cursor: pointer;
}

.pog-info-popup table .comment {
    display: none;
    background: #f6fafc;
}

.pog-info-popup table .comment > td {
    padding: 20px;
}

.pog-info-popup table .comment .accordion-content-inner {
    padding: 15px;
}

.pog-info-popup table .comment table {
    width: 100%;
    margin: 0 auto;
}

.mysite .con-box .year-wrap {
    position: relative;
}

.mysite .con-box .year-wrap .yearpicker-container {
    top: 40px;
}

.mysite .con-box .year-wrap .yearpicker-items {
    border-radius: 4px;
    transition: all 0.25s;
}

.mysite .con-box .year-wrap .yearpicker-items:hover {
    background: #f2f2f2;
    color: #649ceb;
}

.mysite .con-box .year-wrap .yearpicker-items.selected {
    background: #649CEB;
    color: #fff;
}

.page-pog .register-container .input-container table .btn-wrap input {
    width: calc(100% - 100px);
}

.page-pog .register-container .input-container .flex-wrap {
    flex-wrap: wrap;
}

.register-container .input-container .flex-wrap .list-add-btn {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.register-container .input-container .flex-wrap .list-add-btn .btn {
    width: 15%;
}

.page-pog .con-box p.tit span {
    margin-left: 4px;
    color: #649CEB;
    font-weight: 700;
}

.page-pog .list-container .participant-table ~ .btn-wrap {
    margin-top: 50px;
}

.page-pog .btn.size-m.reset {
    min-width: 0;
}

.prof-search-popup .popup {
    max-width: 860px;
}

.prof-search-popup .gray-box {
    gap: 4px;
}

/* E : 주문식 교육과정 */


/* 내정보 */
.mysite .profile-wrap {
    margin-bottom: 30px;
}

.mysite .profile-wrap .profile-img {
    width: 108px;
    height: 108px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.mysite .profile-wrap .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mysite .profile-wrap .img-register {
    margin-top: 15px;
    text-align: center;
}

.mysite .profile-wrap .img-register input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mysite table.list-form .dept-wrap .input-wrap {
    flex-wrap: wrap;
}

.mysite table.list-form .dept-wrap .input-wrap:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border: 1px dashed #ddd;
    margin: 12px 0;
}

.mysite table.list-form .dept-wrap .input-wrap span.type {
    height: 30px;
    margin-right: 6px;
    padding: 0 15px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
}

.mysite table.list-form .dept-wrap .input-wrap span.type01 {
    background: #DCEEFF;
    color: #1D88FD;
}

.mysite table.list-form .dept-wrap .input-wrap span.type02 {
    background: #E1F8DA;
    color: #48AE29;
}

.mysite table.list-form .dept-wrap .input-wrap span.type03 {
    background: #FFF2E3;
    color: #FF9820;
}

.mysite table.list-form .dept-wrap .input-wrap span.duty::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 12px;
    background: #aaa;
    vertical-align: middle;
}

.mysite table.list-form .required {
    margin-left: 3px;
    color: #FF4F4F;
    font-size: 14px;
}

.mysite .popup-wrap.password-popup .popup {
    max-width: 500px;
}

.mysite .popup-wrap.password-popup table.list-form td input {
    width: 100%;
}

.mysite .popup-wrap.password-popup table.list-form tr th {
    padding-right: 0px;
}

.mysite .popup-wrap.password-popup table.list-form tr td {
    padding-left: 0px;
}

.mysite .popup-wrap.password-popup table.list-form tr.no-border {
    border-bottom: none;
}

.mysite .popup-wrap.password-popup table.list-form tr.no-border th,
.mysite .popup-wrap.password-popup table.list-form tr.no-border td {
    padding-bottom: 0px;
}

.mysite .withdrawal-wrap {
    border-top: 2px solid var(--secondary-color);
}

.mysite .withdrawal-wrap .con {
    padding: 30px;
    border-bottom: 1px solid #ddd;
}

.mysite .withdrawal-wrap .con .box {
    padding: 30px 40px;
    border-radius: 6px;
    background: #F8F8F8;
}

.mysite .withdrawal-wrap .con .box .main-txt {
    font-size: 18px;
    font-weight: 700;
}

.mysite .withdrawal-wrap .con .box .sub-txt {
    margin-top: 8px;
    color: var(--secondary-color);
}

.mysite .withdrawal-wrap .con .box .info-list {
    margin-top: 20px;
}

.mysite .withdrawal-wrap .con .box .info-list > li {
    padding-left: 10px;
    line-height: 1.5;
    word-break: keep-all;
    color: #555;
}

.mysite .withdrawal-wrap .con .box .info-list > li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -2px 8px 0 0;
    background: var(--primary-color);
    border-radius: 50%;
    vertical-align: middle;
}

.mysite .withdrawal-wrap .con .checkbox {
    margin-top: 20px;
    padding-left: 30px;
}

.mysite .withdrawal-wrap .con > p {
    font-weight: 500;
}

.mysite .withdrawal-wrap .con p ~ .box {
    margin-top: 20px;
}

.mysite .withdrawal-wrap ~ .btn-wrap {
    margin-top: 40px;
}

.mysite .withdrawal-wrap .con .box.align-center {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}

.mysite .withdrawal-wrap .con .box .input-wrap {
    display: flex;
    align-items: center;
}

.mysite .withdrawal-wrap .con .box .input-wrap label {
    margin-right: 10px;
    font-weight: 500;
    color: #777;
}

.mysite .withdrawal-wrap .con .box .input-wrap .btn {
    margin-left: 4px;
}

.mysite table.list-form tr td .agreement-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mysite table.list-form tr td .agreement-list > li:not(:first-of-type)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: -2px 12px 0 12px;
    background: #aaa;
    vertical-align: middle;
}

/* 운영관리자 권한설정 */

.page-role .register-container .con-wrap .right-table .category {
    font-weight: 600;
}

.page-role .register-container .con-wrap .right-table .checkbox-wrap {
    display: flex;
    column-gap: 15px;
}

.page-role .register-container .con-wrap .right-table .checkbox-wrap .checkbox {
    margin: 0;
}

.page-role .register-container .con-wrap .right-table .checkbox {
    margin-bottom: 15px;
}

.page-role .register-container .con-wrap .right-table .checkbox label {
    padding-left: 25px;
}

.page-role .register-container .con-wrap .right-table .checkbox:last-of-type {
    margin-bottom: 0;
}

.page-role .register-container .con-wrap .guide-box {
    background: #F9F9F9;
}

.page-role .con-wrap .table-header {
    margin-bottom: 15px;
}

.admin-search-popup .search-box {
    padding: 20px;
    background: #F7F8F9;
    border: 1px solid #EAECED;
    border-radius: 4px;
    margin-bottom: 10px;
}

.admin-search-popup .search-box .row {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.admin-search-popup .table-wrap {
    max-height: 380px;
    overflow-y: auto;
}

.admin-search-popup table .able {
    color: #649CEB;
}

.admin-search-popup table .disable {
    color: #FF4F4F;
}

/* 온라인교육콘텐츠 */

.page-online-edu .search-container {
    align-items: center;
}

.page-online-edu .search-container input[type="text"] {
    min-width: 350px;
    margin-left: 8px;
}

.page-online-edu table tbody tr td .temp {
    color: #ff6767;
}

.page-online-edu table tbody tr td .thumbnail {
    width: 144px;
    height: 78px;
    margin: 0 auto;
}

.page-online-edu table tbody tr td .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mysite .page-online-edu .register-container .row {
    align-items: flex-start;
}

.mysite .page-online-edu .register-container .row .label {
    display: inline-block;
    width: 135px;
    padding: 13px 0;
    font-weight: 500;
}

.mysite .page-online-edu .register-container .row .radio-list {
    display: flex;
    column-gap: 20px;
    padding: 11px 0;
}

.mysite .page-online-edu .register-container .row .input-wrap {
    width: calc(100% - 135px);
}

.mysite .page-online-edu .register-container .row input[type="text"] {
    width: 100%;
}

.mysite .page-online-edu .thumbnail-wrap .checkbox {
    margin: 15px 0 12px 0;
}

.mysite .page-online-edu .upload-wrap .btn.line {
    margin-left: 0;
}

.page-online-edu .register-container .thumbnail-wrap .thumbnail {
    width: 320px;
    height: 180px;
    overflow: hidden;
}

.page-online-edu .register-container .thumbnail-wrap .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mysite .page-online-edu .register-container .row .upload-container {
    flex-direction: column;
    align-items: flex-start;
}

.mysite .page-online-edu .upload-container .video-upload-list {
    width: 100%;
    margin-top: 10px;
}

.page-online-edu .register-container .video-upload-list li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding: 20px 24px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.page-online-edu .register-container .video-upload-list li:last-of-type {
    margin-bottom: 0;
}

.page-online-edu .register-container .video-upload-list li .number {
    display: inline-block;
    width: 70px;
    padding: 13px 0;
    font-weight: 500;
}

.page-online-edu .register-container .video-file-list li .file-wrap,
.page-online-edu .register-container .url-list li .input {
    width: calc(100% - 70px);
}

.page-online-edu .register-container .video-file-list li .upload-wrap {
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.page-online-edu .register-container .video-file-list li .upload-btn {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.page-online-edu .register-container .video-file-list li .file-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px;
    margin-top: 10px;
    padding: 15px 20px;
    background: #f3f5f7;
}

.page-online-edu .register-container .video-file-list .file-name dl {
    display: flex;
    align-items: center;
    width: calc(100% - 50px);
    line-height: 1.4;
}

.page-online-edu .register-container .video-file-list .file-name dt {
    display: flex;
    align-items: center;
    max-width: calc(100% - 80px);
    white-space: pre-line;
    word-break: break-all;
}

.page-online-edu .register-container .video-file-list .file-name dt::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #aaa;
    margin-left: 15px;
}

.page-online-edu .register-container .video-file-list .file-name dt span.title {
    display: inline-block;
    width: calc(100% - 91px);
}

.page-online-edu .register-container .video-file-list .file-name dt span.capacity {
    display: inline-block;
    width: 71px;
    margin-left: 4px;
    color: #888;
}

.page-online-edu .register-container .video-file-list .file-name dd {
    width: 80px;
    text-align: right;
}

.page-online-edu .register-container .video-file-list .warn {
    margin-top: 10px;
    color: #ff6767;
}

.page-online-edu .register-container .url-list .input input[type="text"] {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

.page-online-edu .register-container .url-list .input input[type="text"]:last-of-type {
    margin-bottom: 0;
}

.page-online-edu .register-container .url-list .input .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.page-online-edu .register-container .url-list .input .info span.time {
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: #888;
}

.page-online-edu .register-container .url-list .input .info .btn-wrap {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.page-online-edu .btn-reset {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.page-online-edu .btn-reset span {
    text-decoration: underline;
}

.page-online-edu .btn-reset i {
    color: #666;
}

.page-online-edu .register-container .upload-container .btn-add {
    margin-top: 20px;
    width: 100%;
}

.page-online-edu .register-container .row .txt-wrap {
    padding: 13px 0;
}

.page-online-edu .list-container .info-wrap {
    padding: 24px 20px 20px 20px;
    background: #F0F6FD;
    border-radius: 10px;
}

.page-online-edu .list-container .info-wrap .title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.page-online-edu .list-container .info-wrap dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
    padding: 15px 30px;
    background: #fff;
    /* border: 1px solid #eee; */
    border-radius: 10px;
    line-height: 1.4;
}

.page-online-edu .list-container .info-wrap dl dt {
    width: 100px;
    color: #888;
}

.page-online-edu .list-container .info-wrap dl dd {
    width: calc(33% - 100px);
}

.page-online-edu .list-container .table-top .right-wrap dl {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.page-online-edu .list-container .table-top .right-wrap dl dt {
    margin-right: 8px;
    color: #888;
}

.page-online-edu .list-container .table-top .right-wrap dl dd {
    display: flex;
    align-items: center;
}

.page-online-edu .list-container .table-top .right-wrap dl dd:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ccc;
    margin: 0 12px;
}

.page-online-edu .list-container .table-top .right-wrap dl dd span {
    color: #649CEB;
    font-weight: 500;
}

.page-online-edu .input-container .video-contents-wrap,
.page-online-edu .input-container .type-wrap {
    width: calc(100% - 135px);
}

.page-online-edu .input-container .video-contents-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.page-online-edu .input-container .video-contents-list .list-item {
    width: calc((100% - 45px) / 4);
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.page-online-edu .input-container .video-contents-list .list-item.selected {
    border: 1px solid #649CEB;
    background: #F0F6FF;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
}

.page-online-edu .input-container .video-contents-list .list-item .btn-wrap {
    margin-top: 10px;
}

.page-online-edu .input-container .wrap-box .search-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.page-online-edu .input-container .wrap-box .search-wrap span {
    margin-right: 10px;
}

.page-online-edu .input-container .wrap-box .search-wrap input[type="text"] {
    max-width: 300px;
}

.mysite .page-online-edu .input-container .student-select-wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 20px 0;
    border: 1px dashed #ddd;
}

.mysite .page-online-edu .input-container .student-select-wrap .table {
    border-top: 0;
}

.mysite .page-online-edu .input-container .student-select-wrap .table p.count {
    margin-bottom: 10px;
}

.mysite .page-online-edu .input-container .student-select-wrap .table table {
    border: 1px solid #ddd;
}

.page-online-edu.page-extracurriculum .register-container .wrap-box .student-select-wrap .student-wrap {
    margin-top: 0;
    padding: 20px 0 0 0;
}

.page-online-edu .input-container .student-select-wrap {
    border: 0;
}

.page-online-edu .input-container .student-select-wrap .student-wrap .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 공용장비 고도화_202311 */

/* 장비·대여공간 등록 */

.page-shared-equip .search-container {
    align-items: flex-end;
    margin-bottom: 30px;
}

.page-shared-equip .search-container .search-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.page-shared-equip table .title-wrap {
    flex-wrap: wrap;
}

.page-shared-equip table .title-wrap .tit {
    width: calc(100% - 145px);
}

.page-shared-equip table dl.fee {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 4px;
    padding: 0 8px;
}

.page-shared-equip table dl.fee dt {
    width: 40px;
    padding: 4px 8px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.page-shared-equip table dl.fee dt.time {
    background: #df7c55d6;
}

.page-shared-equip table dl.fee dt.day {
    background: #48a2b6c7;
}

.page-shared-equip table dl.fee dd {
    width: calc(100% - 50px);
}

.page-shared-equip table a {
    margin: 2px 0;
}

.page-shared-equip .register-container .checkbox {
    padding: 10px 0 0 0;
}

.page-shared-equip .register-container .checkbox label {
    text-indent: -9999px;
}

.mysite .page-shared-equip .register-container .input-container .form-wrap.horizontal.label-large label {
    width: 130px;
}

.mysite .page-shared-equip .register-container .input-container .form-wrap.horizontal.label-large .input-wrap {
    width: calc(100% - 130px);
}

.page-shared-equip .register-container .des {
    padding-bottom: 20px;
    color: #649CEB;
    font-size: 15px;
}

.factory-video-popup .popup-content p.tit {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.factory-video-popup.popup-wrap .popup {
    max-width: 690px;
}

.factory-video-popup .popup-content .video-wrap {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    background: #f1f1f1;
}

/* 예약관리 */

.page-shared-equip .guide-box dl.process-des {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 15px;
}

.page-shared-equip .guide-box dl.process-des dt {
    width: 50px;
    font-weight: 500;

}

.page-shared-equip .guide-box dl.process-des dd {
    width: calc(100% - 50px);
}

/* 사용내역관리 */

.page-shared-equip table .equip-btn-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.popup-shared-equip.popup-wrap .popup {
    max-width: 550px;
}

.popup-shared-equip.popup-detail .popup .dl-wrap dl dt {
    width: 100px;
}

.popup-shared-equip.popup-detail .popup .dl-wrap dl dd {
    width: calc(100% - 110px);
}

/* 공용장비_교수 */

.page-shared-equip table td.confirm {
    color: #19ce77;
    font-weight: 500;
}

.page-shared-equip table td.refuse {
    color: #FF4F4F;
    font-weight: 500;
}

/* E : 공용장비 */


/* 부산보건대 캡스톤디자인_231108 */

/* 교과운영등록관리 */
.popup-wrap.doc-popup table .impossible {
    color: #999;
    background-color: #F7F8F9;
}

.popup-wrap.doc-popup table .impossible td:last-of-type {
    color: #FF6060;
}

/* E : 교과운영등록관리 */

/* STEP1. 교과운영정보입력 */
.page-bhu-capstone .row .guide-box {
    margin-bottom: 20px;
}

.page-bhu-capstone .require-txt {
    font-weight: 500;
}

.page-bhu-capstone .register-container .content-wrap {
    padding: 50px 25px;
}

.page-bhu-capstone .input-wrap > .radio {
    margin: 10px 0;
}

.page-bhu-capstone .input-wrap .input-txt {
    margin-bottom: 15px;
}

/* E : STEP1. 교과운영정보입력 */

/* STEP2. 그룹편성 */
/* 두번째 */
.mysite ul.blue-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background: #F0F6FD;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
}

.mysite ul.blue-box li {
    min-width: 156px;
    padding: 11px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.mysite ul.blue-box li.empty {
    width: 100%;
    background-color: unset;
    border: unset;
    color: #999;
}

/* E : 두번째 */

/* 세번째 */
.mysite .register-container .input-container .txt-box.flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mysite span.red {
    color: #FF6060;
}

.mysite span.blue {
    color: var(--primary-color);
}

.table-wrap > table.group-list tbody tr:hover {
    background-color: #fff;
}

.table-wrap > table.group-list tbody td:hover {
    background-color: #f6fafc;
}

/* E : 세번째 */

/* 네번째 */
/* 무작위 배정하기 버튼 클릭 시 활성화되는 영역 */
/* 설명 */
.page-bhu-capstone .explain-box {
    margin-bottom: 0;
}

/* E : 설명 */

/* 그룹박스 */
.page-bhu-capstone .row.gap10 {
    gap: 10px;
}

.page-bhu-capstone .group-box {
    width: 25%;
    padding: 25px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-bhu-capstone .group-box .group-tit {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
}

.page-bhu-capstone .group-box .input-box {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.page-bhu-capstone .group-box .input-box .form-wrap {
    margin-bottom: 10px;
}

.page-bhu-capstone .group-box .input-box .form-wrap:last-of-type {
    margin-bottom: 0;
}

.page-bhu-capstone .group-box .table-list {
    height: 222px;
    overflow-y: scroll;
}

/* E : 그룹박스 */
/* E : 무작위 배정하기 버튼 클릭 시 활성화되는 영역 */
/* E : 네번째 */

/* 대상학생 선택 팝업 */
.popup-wrap .popup-content > p.tit {
    margin-bottom: 15px;
    font-weight: 700;
}

.popup-wrap .popup-content .flex-wrap {
    display: flex;
    gap: 20px;
}

.popup-wrap.stu-select-popup .table-box,
.popup-wrap.stu-select-popup .blue-box {
    width: 100%;
    height: 430px;
    overflow-y: scroll;
}

.popup-wrap.stu-select-popup .table-box {
    width: 40%;
}

.popup-wrap.stu-select-popup .seleted-wrap {
    width: 60%;
}

.mysite .popup-wrap .popup-content ul.blue-box {
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 7px;
    row-gap: 11px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.mysite .popup-wrap .popup-content ul.blue-box li.tit {
    all: unset;
    width: 100%;
    margin-bottom: 9px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.mysite .popup-wrap .popup-content ul.blue-box li {
    display: flex;
    justify-content: space-evenly;
    width: calc((100% / 3) - 5px);
    padding: 10px 10px 10px 22px;
}

.mysite .popup-wrap .popup-content ul.blue-box li a {
    margin-left: auto;
}

/* E : 대상학생 선택 팝업 */
/* E : STEP2. 그룹편성 */

/*  STEP3. 개설정보확인 */
.mysite .page-bhu-capstone .input-container .tit.none::before {
    display: none;
}

.mysite .page-bhu-capstone .input-container .tit.none {
    justify-content: center;
}

.mysite .page-bhu-capstone .register-container .gray-box.confirm {
    display: flex;
    justify-content: center;
    margin: 40px 0 40px;
    padding: 30px 40px;
    text-align: left;
}

.mysite .page-bhu-capstone .register-container .gray-box.confirm .dl-wrap {
    width: fit-content;
}

.mysite .page-bhu-capstone .register-container .gray-box dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8px 0;
    line-height: 1.4;
}

.mysite .page-bhu-capstone .register-container .gray-box dl dt {
    width: 110px;
    color: #888;
}

.mysite .page-bhu-capstone .register-container .gray-box dl dd:nth-child(2) {
    width: 329px;
}

.mysite .page-bhu-capstone .register-container .gray-box dl dd:nth-child(4) {
    max-width: 329px;
}

/* E : STEP3. 개설정보확인 */

/* 교과운영정보관리 */
.mysite input.read,
.mysite textarea.read {
    padding: 0;
    background: transparent;
    border: none;
    color: #333;
}

/* E : 교과운영정보관리 */

/* 과제계획서/과제결과보고서/결과평가 */
.mysite .register-container .input-container .guide-box > p.tit {
    margin-bottom: 10px;
}

.mysite .register-container .input-container .listview-btn {
    border-bottom: 1px solid #333;
    font-weight: 500;
}

/* S : 명단보기 팝업 */
.popup-wrap.listview-popup table .leader {
    margin-left: 8px;
    color: var(--primary-color);
    font-weight: 700;
}
/* E : 명단보기 팝업 */


/* S : [읽기전용] 과제결과평가 팝업 / 산업체 */
    /* S : inner tab-menu */
    .page-bhu-capstone ~ .popup-wrap .inner-tab-menu {
        display: flex;
        column-gap: 20px;
        width: 100%;
        border-bottom: 1px solid #333;
    }

    .page-bhu-capstone ~ .popup-wrap .inner-tab-menu .tab {
        padding: 30px 10px 10px;
        color: #5A5A68;
        font-weight: 400;
        border-bottom: 3px solid #FFF;
        cursor: pointer;
    }

    .page-bhu-capstone ~ .popup-wrap .inner-tab-menu .tab:not(.on):hover {
        color: #333;
        border-bottom: 3px solid #333;
    }

    .page-bhu-capstone ~ .popup-wrap .inner-tab-menu .tab.on {
        color: #333;
        font-weight: 600;
        border-bottom: 3px solid #333;
    }

    .page-inner .inner-tab-wrap .inner-tab-con {
        padding: 40px;
    }
    /* E : inner tab-menu */
/* E :  [읽기전용] 과제결과평가 팝업 / 산업체 */


/* S : [작성전용] 과제결과평가 팝업 / 교수 */
.page-bhu-capstone ~ .popup-wrap .popup-content .radio-wrap {
    display: flex;
    gap: 15px;
}

.page-bhu-capstone ~ .popup-wrap .popup-content table .radio-wrap .radio label {
    padding-left: 25px;
}

.page-bhu-capstone ~ .popup-wrap .con-box {
    padding: 0;
    border: 0;
}

.page-bhu-capstone ~ .popup-wrap .con-box p.tit {
    font-size: 18px;
    margin: 20px 0 15px;
}

.page-bhu-capstone ~ .popup-wrap .con-box p.tit span.red {
    padding-left: 8px;
    font-weight: 400;
}
/* E :  [작성전용] 과제결과평가 팝업 / 교수 */


/* E : 과제계획서/과제결과보고서/결과평가 */
/* S : 교과운영결과보고서 */
.page-bhu-capstone .con-container {
    max-width: 1200px;
    margin: 20px auto;
}

.page-bhu-capstone .con-container .guide-box {
    margin-bottom: 30px;
}

.page-bhu-capstone .con-container table td.non-register {
    color: #FF6D6D;
}

.page-bhu-capstone .step-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    max-width: 1290px;
    margin: 20px auto;
}

.page-bhu-capstone .step-wrap .step-box {
    width: 210px;
}

.page-bhu-capstone .step-wrap .step-list {
    background: #f7f8f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-bhu-capstone .step-wrap .step-list li {
    display: flex;
    align-items: center;
    column-gap: 10px;
    height: 52px;
    padding: 0 15px;
    font-weight: 500;
    transition: all 0.1s;
}

.page-bhu-capstone .step-wrap .step-list li a:hover {
    color: var(--primary-color);
}

.page-bhu-capstone .step-wrap .step-list li::before {
    content: "입력전";
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.page-bhu-capstone .step-wrap .step-list li.typing a {
    color: #333;
    font-weight: 700;
}

.page-bhu-capstone .step-wrap .step-list li.typing::before {
    content: "입력중";
    color: var(--primary-color);
    font-weight: 700;
}

.page-bhu-capstone .step-wrap .step-list li.completed::before {
    content: "";
    display: inline-block;
    width: 31px;
    height: 20px;
    background: url('/mysite/img/common/ico_title.svg') center center no-repeat;
    background-size: contain;
}

.page-bhu-capstone .step-wrap .step-box a.btn {
    width: 100%;
    margin-top: 20px;
}

.page-bhu-capstone .step-wrap .con-wrap {
    width: calc(100% - 220px);
    padding: 50px 55px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-bhu-capstone .step-wrap .con-wrap h4 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.page-bhu-capstone .step-wrap .con-wrap .top-des-wrap {
    display: flex;
    margin-bottom: 10px;
}

.page-bhu-capstone .step-wrap .con-wrap .top-des-wrap.between {
    justify-content: space-between;
}

.page-bhu-capstone .step-wrap .con-wrap .top-des-wrap p.des {
    font-size: 14px;
    line-height: 1.4;
}

.page-bhu-capstone .step-wrap .con-wrap table td {
    padding: 11px 15px;
}

.page-bhu-capstone .step-wrap .con-wrap table td.border-top {
    border-top: 1px solid #ddd;
}

.page-bhu-capstone .step-wrap .con-wrap table td.border-right {
    border-right: 1px solid #ddd;
}

.page-bhu-capstone .step-wrap .con-wrap table .align-top {
    vertical-align: top;
}

.page-bhu-capstone .step-wrap .con-wrap table tr th ~ td {
    border-right: 0;
}

.page-bhu-capstone .step-wrap .con-wrap table input[type="text"] {
    width: 100%;
}

.page-bhu-capstone .step-wrap .con-wrap table tr.total {
    background: #f7f8f9;
}

.page-bhu-capstone .step-wrap .con-wrap table .checkbox-wrap {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.page-bhu-capstone .step-wrap .con-wrap table .radio label {
    padding-left: 25px;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap {
    margin-top: 0;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap label {
    margin: 0;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap .file-list {
    padding: 10px 15px;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap .file-list li {
    margin: 0;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap .file-list li.img::before {
    background: url('/mysite/img/common/ico_pic.png') center center no-repeat;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap .file-list li span.name {
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-bhu-capstone .step-wrap .con-wrap table .upload-wrap .file-list li span.size {
    margin-left: -8px;
    color: #888;
}

.page-bhu-capstone .step-wrap .con-wrap .table-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.page-bhu-capstone .step-wrap .con-wrap .table-bottom .btn-wrap {
    margin-top: 0;
}

.page-bhu-capstone .step-wrap .con-wrap .table-bottom p.value {
    font-weight: 700;
}

.page-bhu-capstone .step-wrap .con-wrap .editor-wrap {
    width: 100%;
    height: 450px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    padding: 20px;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li {
    width: calc((100% - 60px) / 3);
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap {
    position: relative;
    width: 100%;
    height: 180px;
    background: #eee;
    border: 1px solid #eee;
    cursor: pointer;
    overflow: hidden;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    background: url('/mysite/img/common/ico_img_add.svg') center center no-repeat;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}

.page-bhu-capstone .step-wrap .con-wrap .img-list.result-img-list li .img-wrap {
    cursor: default;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list.result-img-list li .img-wrap::before {
    content: "등록내역이 없습니다.";
    width: auto;
    height: auto;
    color: #999;
    text-align: center;
    font-size: 14px;
    background: none;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list.result-img-list li .img-wrap:hover {
    transform: none;
    box-shadow: none;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap input[type="file"] {
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.15s;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li .img-wrap img {
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 10px;
    margin-top: 20px;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li dl dt {
    width: 80px;
    font-weight: 500;
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li dl dd {
    width: calc(100% - 88px);
}

.page-bhu-capstone .step-wrap .con-wrap .img-list li dl dd input {
    width: 100%;
}

.page-bhu-capstone .step-wrap .con-wrap .btn-wrap {
    margin-top: 40px;
    column-gap: 10px;
}

/* E : 교과운영결과보고서 */

/* S : [기업페이지] 교과프로그램정보 */
.input-wrap p.txt-wrap {
    padding: 12px 0;
    line-height: 1.5;
    white-space: normal;
}
/* E : [기업페이지] 교과프로그램정보 */
/* E : 부산보건대 캡스톤디자인 */


/* S : 메타버스 행사 */
/* S : 메타버스 행사 - 평가지 설정 */
.popup-wrap.popup-evaluation .popup {
    max-width: 860px;
}

.popup-wrap.popup-evaluation .guide-box {
    margin-bottom: 30px;
}

.popup-wrap.popup-evaluation .guide-box pre {
    padding-left: 16px;
}

.popup-wrap.popup-evaluation .evaluation-list dl ~ dl {
    margin-top: 30px;
}

.popup-wrap.popup-evaluation .evaluation-list dl dd {
    margin-top: 15px;
    padding: 0px 16px;
}

.popup-wrap.popup-evaluation .evaluation-list dl dd .radio-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.popup-wrap.popup-evaluation .evaluation-list dl dd .radio-wrap > p {
    font-size: 15px;
    line-height: 1.3;
    color: var(--secondary-color);
}

.popup-wrap.popup-evaluation .evaluation-list dl dd .radio-wrap.liner-wrap {
    flex-direction: row;
    column-gap: 30px;
    align-items: flex-end;
}

.popup-wrap.popup-evaluation .evaluation-list dl dd .radio-wrap.liner-wrap .radio>input+label {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    row-gap: 4px;
    padding-left: 0px;
}

.popup-wrap.popup-evaluation .evaluation-list dl dd .radio-wrap.liner-wrap .radio>input+label::before {
    position: unset;
}

.page-meta-event .input-box-wrap .box {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #EAECED;
    border-radius: 4px;
    background: #F7F8F9;
    text-align: center;
}

.page-meta-event .input-box-wrap .box .top-wrap {
    margin-bottom: 15px;
    text-align: right;
}

.page-meta-event .input-box-wrap .box input[type="text"] {
    width: 100%;
}

.page-meta-event .input-box-wrap .box hr.divider {
    margin: 15px 0;
    border: none;
    border-top: 1px solid #bbb;
}

.page-meta-event .input-box-wrap .box .option-wrap .question-list > li ~ li {
    margin-top: 8px;
}

.page-meta-event .input-box-wrap .box .option-wrap .question-list > li {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.page-meta-event .input-container .input-box-wrap .box .option-wrap .select-wrap {
    margin-bottom: 15px;
}

.page-meta-event .input-box-wrap .box .option-wrap.option-multiple .question-list > li .input-wrap {
    width: calc(100% - 23px);
}

.page-meta-event .input-box-wrap .box .option-wrap.option-magnifi .question-list > li .input-wrap {
    width: calc(100% - 30px);
}

.page-meta-event .input-box-wrap .box .option-wrap.option-magnifi .question-list > li > p {
    width: 22px;
    font-weight: 500;
}

.page-meta-event .input-container .input-box-wrap .box .btn-add {
    margin-top: 15px;
}

.page-meta-event .input-container .input-box-wrap .add-option-box {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding: 20px;
    border: 1px solid #EAECED;
    border-radius: 4px;
}

.page-meta-event .input-container .input-box-wrap .add-option-box .btn {
    min-width: 42px;
    margin-left: 10px;
    padding: 0px;
    text-align: center;
}

.page-meta-event .input-container .input-box-wrap .add-option-box .btn i {
    margin-right: 0px;
    line-height: 42px;
}


/* 메타버스 행사 - 행사전시관 셋팅 */
.mysite .page-meta.page-meta-event .meta-list .list-item .thumbnail {
    border-radius: 4px;
}

.mysite .page-meta.page-meta-event .meta-list.space-list .list-item .thumbnail {
    height: 120px;
    margin-bottom: 12px;
}

.mysite .page-meta.page-meta-event .meta-list.lesson-list .list-item .thumbnail {
    height: 140px;
    margin-bottom: 12px;
}

.mysite .page-meta.page-meta-event .meta-list.lesson-list .slick-arrow {
    top: 70px;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item {
    padding: 10px 10px 14px 10px;
    border: 1px solid #DDD;
    border-radius: 8px;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .slick-current {
    border: 1px solid var(--primary-color);
    background: #F0F6FF;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item .thumbnail {
    position: relative;
    height: 120px;
}

.mysite .page-meta.page-meta-event .con-box .detail-wrap .detail-img.ongoing {
    position: relative;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item .thumbnail.ongoing::after,
.mysite .page-meta.page-meta-event .con-box .detail-wrap .detail-img.ongoing::after {
    content: "진행중";
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    display: inline-block;
    height: 28px;
    padding: 0px 10px;
    border-radius: 4px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item dl {
    margin-top: 15px;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item dl dt {
    font-weight: 700;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item dl dd {
    margin-top: 8px;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item dl dt,
.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .list-item dl dd {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mysite .page-meta.page-meta-event .meta-list.event-lesson-list .slick-arrow {
    top: 80px;
}

.mysite .page-meta.page-meta-event .con-box .detail-wrap .detail-box .btn-wrap a.btn {
    width: calc((100% - 12px)/4);
}

.page-meta-event .con-box p.tit span.sub-txt.red-txt {
    color: #FF6060;
}

.page-meta-event .con-box .detail-container ~ .btn-wrap,
.page-meta-event .con-box .none-box ~ .btn-wrap {
    margin-top: 50px;
}


/* 메타버스 행사 - 행사전시 운영 */
.page-meta-event .search-container .checkbox-wrap {
    display: flex;
    column-gap: 30px;
}

.page-meta-event .register-container .input-container .input-wrap .select-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.mysite .page-meta.page-meta-event .list-container .class-list > li .info-wrap {
    align-items: stretch;
}

.mysite .page-meta.page-meta-event .list-container .class-list > li .txt-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-meta-event .list-container .class-list > li .txt-wrap .btn-wrap {
    justify-content: flex-start;
}


/* 메타버스 행사 - 통계 */
.page-meta-event .list-container .main-status-list {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 30px;
}

.page-meta-event .list-container .main-status-list > li {
    min-width: 430px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    background: url('/mysite/img/performance/bg_status00.svg') no-repeat center center;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.page-meta-event .list-container .main-status-list > li dl dt {
    margin-bottom: 12px;
    text-align: center;
    color: #7f7f7f;
    font-size: 15px;
}

.page-meta-event .list-container .main-status-list > li dl dd {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.page-meta-event .gray-title-box {
    padding: 20px;
    margin-top: 12px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    background: #F7F8F9;
}

.page-meta-event .content-wrap .box-wrap {
    margin-top: 30px;
}

.page-meta-event .content-wrap .box-wrap .box-top {
    margin-bottom: 15px;
}

.page-meta-event .content-wrap .box-wrap .box-list > li {
    padding: 24px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.page-meta-event .content-wrap .box-wrap .box-list > li ~ li {
    margin-top: 15px;
}

.page-meta-event .content-wrap .box-wrap .box-list > li p.box-tit {
    display: flex;
    align-items: center;
    column-gap: 6px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}

.page-meta-event .content-wrap .box-wrap .box-list > li p.box-tit span {
    font-size: 15px;
    font-weight: 400;
}

.page-meta-event .content-wrap .box-wrap .box-list > li p.box-tit span strong {
    color: var(--primary-color);
}

.page-meta-event .content-wrap .box-wrap .box-list > li p.box-tit::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-color);
}

.page-meta-event .content-wrap .box-wrap .box-list > li .pie-wrap {
    width: 360px;
    height: 360px;
    margin: 0 auto;
}

.page-meta-event .content-wrap .box-wrap .box-list > li .bar-wrap {
    width: 100%;
    height: 360px;
}

.page-meta-event .table-wrap .table-top > p.red-txt {
    color: #FF6060;
}

.page-meta-event .content-wrap .box-wrap .box-list .answer-list > li {
    padding: 14px 20px;
    border-radius: 4px;
    background: #F7F8F9;
    line-height: 1.3;
}

.page-meta-event .content-wrap .box-wrap .box-list .answer-list > li ~ li {
    margin-top: 8px;
}

.page-meta-event .content-wrap .survey-empty {
    margin-top: 12px;
    padding: 80px 24px;
    border-radius: 6px;
    border: 1px solid #ddd;
    text-align: center;
}

.page-meta-event .content-wrap .survey-empty p {
    margin-top: 24px;
    text-align: center;
}
/* E : 메타버스 행사 */


/* 한양여대 성과지표 총괄 : 달성 현황 */
.hywoman-dashboard .con-box {
    padding: 30px 25px;
}

.hywoman-dashboard .main-status-list {
    display: flex;
    column-gap: 20px;
    margin-bottom: 50px;
}

.hywoman-dashboard .main-status-list > li {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    background: url('/mysite/img/performance/bg_status00.svg') center center no-repeat;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.hywoman-dashboard .main-status-list > li dl dt {
    margin-bottom: 12px;
    text-align: center;
    color: #7f7f7f;
    font-size: 15px;
}

.hywoman-dashboard .main-status-list > li dl dd {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.hywoman-dashboard .main-status-list > li dl dd i.fa-solid {
    margin-left: 4px;
}

.hywoman-dashboard .main-status-list > li dl dd i.fa-solid.fa-caret-up {
    color: #0C7BE1;
}

.hywoman-dashboard .main-status-list > li dl dd i.fa-solid.fa-caret-down {
    color: #F93939;
}

.hywoman-dashboard .con-wrap .tit-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}

.hywoman-dashboard .con-wrap .tit-wrap span {
    color: #666;
}

.hywoman-dashboard .con-wrap .tit-wrap .checkbox-wrap {
    display: flex;
    column-gap: 20px;
}

.hywoman-dashboard .con-wrap p.tit {
    margin-bottom: 0px;
}

.hywoman-dashboard .con-wrap .box {
    padding: 0px 24px 24px 24px;
    /* border-radius: 6px; */
    /* border: 1px solid #ddd; */
}

.hywoman-dashboard .con-wrap .box .box-tit {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 10px;
}

.hywoman-dashboard .con-wrap .box .box-tit p {
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-size: 17px;
    font-weight: 600;
}

.hywoman-dashboard .con-wrap .box .box-tit p::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #649ceb;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail {
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 6px 12px;
    background: #6B7A8E;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail span {
    font-weight: 600;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail dl {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
}

.hywoman-dashboard .con-wrap .box .box-tit .detail dl::before {
    content: "(";
    margin-right: 3px;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail dl::after {
    content: ")";
    margin-left: 3px;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail dl dt {
    margin-right: 6px;
}

.hywoman-dashboard .con-wrap .box .box-tit .detail dl dd:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    margin: -2px 10px 0 10px;
    vertical-align: middle;
}

.hywoman-dashboard .con-wrap .box p.none-txt {
    text-align: center;
}

.hywoman-dashboard .con-wrap .box .graph-wrap {
    width: 100%;
    height: 300px;
}

.hywoman-dashboard .con-wrap .box .con ~ .con {
    margin-top: 40px;
}

.hywoman-dashboard .con-wrap .box .result-list {
    display: flex;
    justify-content: center;
    column-gap: 30px;
    margin-top: 60px;
}

.hywoman-dashboard .con-wrap .box .result-list > li {
    width: calc((100% - 30px) / 4);
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    border: 1px solid #EAECED;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
}

.hywoman-dashboard .con-wrap .box .result-list > li .count {
    font-size: 30px;
    font-weight: 700;
}

.hywoman-dashboard .con-wrap .box .result-list > li p {
    margin-bottom: 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.hywoman-dashboard .con-wrap .box .result-list > li .name {
    width: fit-content;
    display: inline-block;
    margin-left: 6px;
    padding: 7px 16px;
    border-radius: 30px;
    background: #fff;
    font-size: 17px;
    font-weight: 600;
}

.hywoman-dashboard .con-wrap .box .result-list > li .blue .name {
    color: #0C7BE1;
    border: 1px solid #0C7BE1;
}

.hywoman-dashboard .con-wrap .box .result-list > li .red .name {
    color: #F93939;
    border: 1px solid #F93939;
}

.hywoman-dashboard .con-wrap .box .result-list > li .blue strong {
    color: #0C7BE1;
}

.hywoman-dashboard .con-wrap .box .result-list > li .red strong {
    color: #F93939;
}
/* E : 한양여대 성과지표 총괄 : 달성 현황 */


/* S : 순천제일대 자료아카이빙 */
.page-archiving .search-container {
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
}

.page-archiving .search-container .row-wrap {
    display: flex;
    column-gap: 30px;
}

.page-archiving .search-container .row {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.page-archiving table a.ico {
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline;
}

.page-archiving table a.ico::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
}

.page-archiving table a.ico.folder::before {
    background: url('/mysite/img/common/ico_folder.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.doc::before {
    background: url('/mysite/img/common/ico_doc.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.xls::before {
    background: url('/mysite/img/common/ico_excel.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.pdf::before {
    background: url('/mysite/img/common/ico_pdf.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.ppt::before {
    background: url('/mysite/img/common/ico_ppt.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.img::before {
    background: url('/mysite/img/common/ico_image.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.vid::before {
    background: url('/mysite/img/common/ico_video.svg') center center no-repeat;
    background-size: contain;
}

.page-archiving table a.ico.zip::before {
    background: url('/mysite/img/common/ico_zip.svg') center center no-repeat;
    background-size: contain;
}

.popup-create .popup {
    max-width: 540px;
}

.popup-create .popup .dl-wrap {
    border-top: 1px solid #444;
}

.popup-create .popup .dl-wrap dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 18px 24px;
    border-bottom: 1px solid #DDD;
}

.popup-create .popup .dl-wrap dl dt {
    width: 80px;
    font-weight: 500;
    color: #777;
}

.popup-create .popup .dl-wrap dl dt .required {
    margin-left: 3px;
    color: #FF4F4F;
    font-size: 14px;
}

.popup-create .popup .dl-wrap dl dd {
    width: calc(100% - 80px);
    line-height: 1.3;
}

.popup-create .popup .dl-wrap dl dd input[type="text"] {
    width: 100%;
}

.popup-create .popup .dl-wrap .input-wrap .btn {
    margin: 0;
}

.popup-create .popup .dl-wrap .input-wrap .des {
    color: var(--primary-color);
    font-weight: 500;
}

.popup-share-manage.popup-wrap .popup {
    max-width: 1440px;
}

.popup-share-manage .list-wrap {
    display: flex;
    column-gap: 15px;
}

.popup-share-manage .list-wrap .search-container {
    margin-bottom: 15px;
}

.popup-share-manage .list-wrap .table-container {
    width: calc((100% - 80px) / 2);
}

.popup-share-manage .list-wrap .table-wrap .table-body {
    max-height: 340px;
    overflow-y: auto;
}

.popup-share-manage .list-wrap .table-wrap {
    max-height: unset;
}

.popup-share-manage .list-wrap .share-table .table-wrap .table-body {
    max-height: 470px;
}

.popup-share-manage .list-wrap .table-tit {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 500;
}

.popup-share-manage .list-wrap .between-btn {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    justify-content: center;
    align-items: center;
}

.popup-share-manage .list-wrap .between-btn .btn {
    min-width: 80px;
    padding: 0;
}

.popup-share-status .popup {
    max-width: 960px;
}

.popup-share-status .search-container {
    margin-bottom: 15px;
}

.popup-folder .popup {
    max-width: 640px;
}

.popup-folder .popup-content {
    padding: 10px 20px;
    border: 1px solid #ddd;
}

.popup-folder .folder-list li p.tit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 2px;
}

.popup-folder .folder-list li p.tit .arw {
    width: 14px;
    height: 14px;
    background: url('/mysite/img/common/chevron-right-solid.svg') center center no-repeat;
    background-size: contain;
    opacity: 0.4;
}

.popup-folder .folder-list li p.tit.open .arw {
    transform: rotate(90deg);
}

.popup-folder .folder-list li p.tit span {
    display: flex;
    column-gap: 5px;
    width: calc(100% - 16px);
    margin-top: 2px;
    padding: 7px 8px 6px 8px;
    transition: all 0.15s;
    cursor: pointer;
    line-height: 1.2;
}

.popup-folder .folder-list li p.tit span::before {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    background: url('/mysite/img/common/ico_folder.svg') center center no-repeat;
    background-size: contain;
}

.popup-folder .folder-list li p.tit.open span::before {
    background: url('/mysite/img/common/ico_folder_open.svg') center center no-repeat;
    background-size: contain;
}

.popup-folder .folder-list p.tit span:hover {
    background: #e4efff;
}

.popup-folder .folder-list p.tit span.selected {
    background: #86b7ff;
    color: #fff;
}

.popup-folder .folder-list .folder-list {
    width: 100%;
}

.popup-folder .folder-list .folder-list:last-of-type {
    padding-bottom: 4px;
}

.popup-folder .folder-list .folder-list li {
    padding-left: 15px;
}
/* E : 순천제일대 자료아카이빙 */


/* S : 성과지표관리 리뉴얼 */
.page-indicator .content-wrap .select-box {
    padding: 15px;
    background: #F0F6FD;
    border-radius: 6px;
    text-align: center;
}

.page-indicator .content-wrap .select-box select {
    min-width: 600px;
}

.page-indicator .content-wrap h4.indicator-tit {
    margin: 30px 0;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;
}

.page-indicator .content-wrap .con-wrap ~ .con-wrap {
    margin-top: 50px;
}

.page-indicator .content-wrap .summary-graph {
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
}

.page-indicator .content-wrap .value-list {
    display: flex;
    column-gap: 15px;
}

.page-indicator .content-wrap .value-list > li {
    display: flex;
    align-items: center;
    column-gap: 24px;
    width: calc((100% - 60px) / 5);
    padding: 20px 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
}

.page-indicator .content-wrap .value-list > li dl dt {
    margin-bottom: 10px;
    font-size: 15px;
    color: #777;
}

.page-indicator .content-wrap .value-list > li dl dd {
    font-size: 24px;
    font-weight: 700;
}

.page-indicator .formula-box {
    margin-bottom: 16px;
    padding: 30px 20px;
    border-radius: 8px;
    background: #EBEFF5;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.mysite .page-indicator .list-container .formula-box + .table-wrap {
    margin-top: 0px;
}

.page-indicator .text-box {
    margin-top: 16px;
    padding: 20px 24px;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
    border: 1px solid #ddd;
}

.page-indicator .con-box p.tit + .text-box,
.page-indicator .con-box .tit-wrap + .text-box {
    margin-bottom: 50px;
}

.page-indicator .con-box {
    margin-top: 25px;
}

.page-indicator .condition-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.page-indicator .condition-list ~ .condition-list {
    margin-top: 15px;
}

.page-indicator .condition-list.align-center {
    justify-content: center;
}

.page-indicator .condition-list > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc((100% - 45px) / 4);
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
}

.page-indicator .condition-list.column-5 > li {
    width: calc((100% - 60px) / 5);
}

.page-indicator .condition-list.column-3 {
    justify-content: left;
}

.page-indicator .condition-list > li .info-wrap {
    text-align: center;
}

.page-indicator .condition-list > li img {
    width: 50px;
    height: 40px;
    margin-bottom: 15px;
    object-fit: contain;
}

.page-indicator .condition-list > li .info-wrap p {
    text-align: center;
}

.page-indicator .condition-list > li .info-wrap p ~ p {
    margin-top: 8px;
}

.page-indicator .condition-list > li .info-wrap p.name {
    font-weight: 500;
    line-height: 1.4;
    color: #666;
}

.page-indicator .condition-list > li .info-wrap p.depart {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 13px;
    background: var(--secondary-color);
}

.page-indicator .condition-list > li .info-wrap .part {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin-top: 10px;
    padding: 12px 10px 8px;
    border-radius: 3px;
}

.page-indicator .condition-list > li .info-wrap .part ul:first-child {
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.page-indicator .condition-list > li .info-wrap .number {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.page-indicator .condition-list > li .info-wrap p.number span:not(:last-of-type)::after {
    content: '=';
    display: inline-block;
}

.page-indicator .condition-list > li .info-wrap.after p.number span:not(:last-of-type)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0px 12px;
    background: #bbb;
}

.page-indicator .condition-list > li .info-wrap .des {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #999;
}

.page-indicator .con-box p.tit-des {
    margin: -20px 0 10px 0;
    text-align: right;
    color: #888;
}

.page-indicator .divide-graph-wrap {
    display: flex;
    align-items: flex-start;
    column-gap: 50px;
}

.page-indicator .divide-graph-wrap ~ .divide-graph-wrap {
    margin-top: 60px;
}

.page-indicator .divide-graph-wrap > div {
    /*width: calc((100% - 50px) / 2);*/
    /* 캔버스 너비 대응*/
    width: calc((100% - 50px));
}

.page-indicator .divide-graph-wrap .divide-graph .graph-title {
    position: relative;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: center;
}

.page-indicator .divide-graph-wrap .divide-graph .graph-title span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: 300;
    color: #888;
}

.page-indicator .divide-graph-wrap .divide-graph .graph-des {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
    color: #888;
    text-align: right;
}

.page-indicator .divide-graph-wrap .divide-graph .canvas-wrap {
    width: 100%;
    height: 260px;
}

.page-indicator .divide-graph-wrap .table-wrap {
    margin-top: 0;
}

.page-indicator .divide-graph-wrap .table-wrap .des {
    margin-bottom: 10px;
    text-align: right;
    color: #888;
    font-size: 15px;
}

.page-indicator table tbody tr td img {
    margin: 10px 0px;
}

.page-indicator table tbody tr td .box {
    padding: 18px 20px;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid #ddd;
    color: #666;
}

.page-indicator table tbody tr td.border-top {
    border-top: 1px solid #ddd;
}

.page-indicator .table-wrap .table-des {
    margin-top: 12px;
    line-height: 1.4;
    color: #888;
}

.page-indicator .table-wrap .table-title {
    margin-bottom: 10px;
}

.page-indicator p.con-tit {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 12px;
    font-weight: 600;
}

.page-indicator p.con-tit::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #649CEB;
}

.mysite .page-indicator .list-container p.con-tit + .table-wrap {
    margin-top: 0px;
}

.page-indicator .tit-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}

.page-indicator .tit-wrap p.tit {
    margin-bottom: 0px;
}

.page-indicator .tit-wrap span {
    color: #888;
}

.page-indicator .tit-wrap .radio-wrap {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.page-indicator .con-wrap .status-graph {
    width: 100%;
    height: 370px;
}

.page-indicator .sub-tit-wrap {
    margin-bottom: 30px;
}

.page-indicator .sub-tit-wrap p.con-sub-tit {
    color: #555;
}

.page-indicator .sub-tit-wrap p.con-sub-tit span {
    font-weight: 500;
    color: #649CEB;
}

.page-indicator .con-box .condition-list-wrap ~ .condition-list-wrap {
    margin-top: 30px;
}

.page-indicator ul.con-list {
    display: flex;
    column-gap: 25px;
}

.page-indicator ul.con-list .text-list {
    padding: 20px 24px;
    border: 1px solid #ddd;
}

.page-indicator ul.con-list .text-list li {
    color: #666;
    line-height: 1.4;
    padding-left: 0.9em;
    text-indent: -0.9em;
}

.page-indicator ul.con-list .text-list li::before {
    content: "·";
    margin-right: 10px;
}

/* E : 성과지표관리 리뉴얼 */


/* S : 한양여대 디지털배지 231130 */
/* S : 배지등록관리 */
.page-digital-badge .table-wrap td .img-badge {
    width: 80px;
    margin: 0 auto;
}

.page-digital-badge .skill-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.page-digital-badge .skill-list li {
    padding: 6px 12px 5px 12px;
    border-radius: 16px;
    border: 1px solid #bbb;
    background: #fff;
    color: #666;
    font-size: 15px;
    cursor: default;
    transition: all 0.2s;
}

.page-digital-badge .skill-list.tooltip-list li {
    padding: 6px 12px 0 12px;
    border-radius: 20px;
}

.page-digital-badge .skill-list.tooltip-list li:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.page-digital-badge .skill-list li .tooltip p.name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.page-digital-badge .skill-list li .tooltip span dl {
    padding: 4px 0;
}

.page-digital-badge .skill-list li .tooltip span dl dt {
    font-weight: 600;
}

.page-digital-badge .skill-list li .tooltip span dl dd {
    margin-top: 5px;
    font-weight: 300;
    opacity: 0.9;
    line-height: 1.4;
}

.page-digital-badge .table-wrap .toggle.activation {
    position: relative;
    width: 70px;
    height: 24px;
    margin: 0 auto;
}

.page-digital-badge .table-wrap .toggle.activation label::before {
    width: 70px;
    top: 50%;
    transform: translateY(-50%);
}

.page-digital-badge .table-wrap .toggle.activation label::after {
    top: -9px;
    z-index: 1;
}

.page-digital-badge .table-wrap .toggle.activation input[type="checkbox"]:checked + label::after {
    transform: translateX(44px);
}

.page-digital-badge .table-wrap .toggle.activation .label {
    position: absolute;
    z-index: 0;
    width: 70px;
    font-size: 15px;
}

.page-digital-badge .table-wrap .toggle.activation input[type="checkbox"] ~ .label::after {
    content: "불가능";
    display: block;
    padding-right: 6px;
    text-align: right;
}

.page-digital-badge .table-wrap .toggle.activation input[type="checkbox"]:checked ~ .label::after {
    content: "가능";
    display: block;
    padding-left: 13px;
    text-align: left;
    color: #fff;
}

.page-digital-badge .table-wrap ~ .btn-wrap {
    margin-top: 40px;
}
/* E : 배지등록관리 */


/* S : 배지등록관리 > 배지등록 */
.page-digital-badge .input-container .form-wrap .input-wrap.align-top {
    align-items: flex-start;
}

.page-digital-badge .input-container .form-wrap .input-wrap .thumbnail.badge {
    width: 250px;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.page-digital-badge .input-container .form-wrap .info {
    display: flex;
    align-items: center;
    column-gap: 5px;
    padding: 0 0 10px 115px;
    margin-top: 10px;
    font-size: 15px;
}

.page-digital-badge .input-container .form-wrap .info::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/mysite/img/common/ico_info.svg') center center no-repeat;
}

.mysite .register-container .input-container .form-wrap.horizontal.label-large .input-wrap.half {
    width: 50%;
}

.page-digital-badge .input-container .form-wrap .input-wrap.column {
    flex-direction: column;
}

.page-digital-badge .input-container .form-wrap .input-wrap.column .txt-box {
    margin-top: 10px;
    padding: 20px 15px;
}

.page-digital-badge .input-container .form-wrap .input-wrap .txt-box .caution {
    margin-bottom: 6px;
    padding-left: 1.8em;
    color: #666;
    text-indent: -1.6em;
    word-break: keep-all;
}

.page-digital-badge .input-container .form-wrap .input-wrap .txt-box .caution:last-of-type {
    margin-bottom: 0;
}

.page-digital-badge .input-container .form-wrap .input-wrap .txt-box .caution::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -4px 6px 0 0;
    background: url('/mysite/img/common/ico_info.svg') center center no-repeat;
    vertical-align: middle;
}

.page-digital-badge .input-container .form-wrap .input-wrap .txt-box .btn-wrap {
    justify-content: right;
    margin: 20px 20px 0 0;
}

.page-digital-badge .input-container .form-wrap .input-wrap .skill-list {
    justify-content: left;
    margin-bottom: 10px;
}

.page-digital-badge .input-container .form-wrap .input-wrap .skill-list li {
    width: auto;
}

.page-digital-badge .btn-delete {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    background: url('/mysite/img/common/ico_close.png') center center no-repeat;
    background-size: cover;
}
/* E : 배지등록관리 > 배지등록 */


/* S : 배지등록관리 > 배지발급관리 > 배지발급하기 팝업 */
.page-digital-badge ~ .popup-wrap.issue-popup table .state {
    color: var(--primary-color);
    font-weight: 600;
}
/* E : 배지등록관리 > 배지발급관리 > 배지발급하기 팝업 */


/* S : 배지등록관리 > 배지구조관리 */
    /* S : 배지 구조도 */
    /* S : tree-top */
    .tree-wrap .tree-top.right {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .tree-wrap .tree-top.right {
        justify-content: flex-end;
    }
    /* E : tree-top */

    .tree-wrap table th {
        width: 20%;
        padding: 12px 5px;
        color: #fff;
    }

    .tree-wrap table th:nth-child(1) {
        background: #515FA0;
    }

    .tree-wrap table th:nth-child(2) {
        background: #578ACA;
    }

    .tree-wrap table th:nth-child(3) {
        background: #55AACD;
    }

    .tree-wrap table th:nth-child(4) {
        background: #68CEC8;
    }

    .tree-wrap table th:nth-child(5) {
        background: #6ED3A9;
        border-right: 0;
    }

    .tree-wrap table tbody tr {
        border: 0;
    }

    .tree-wrap table tbody tr td {
        padding: 10px 0;
        border: 0;
        text-align: left;
    }

    .tree-wrap table tbody td:first-of-type {
        padding: 5px 0;
    }


    /* S : 라인 */
    .tree-wrap table .tree-line {
        width: 15px;
        max-width: 15px;
    }

    .tree-wrap table .tree-line.left {
        border-left: 2px solid #999;
    }

    .tree-wrap table .tree-line.bottom {
        border-bottom: 2px solid #999;
    }

    .tree-wrap table .tree-line.left-bottom {
        border-left: 2px solid #999;
        border-bottom: 2px solid #999;
    }
    /* E : 라인 */


    .tree-wrap table .tree-list {
        position: relative;

    }

    .tree-wrap table .tree-item {
        margin-right: 21px;
        padding: 20px 30px 20px 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
    }

    .tree-wrap table .tree-area:nth-of-type(14) .tree-item {
        margin-right: 0;
        padding: 20px 15px;
    }

    .tree-wrap table .tree-list .tree-item > .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .tree-wrap table .tree-list .tree-item > .top > i {
        font-size: 20px;
        cursor: pointer;
    }

    .tree-wrap table .tree-list .tree-item .mid {
        display: flex;
        align-items: center;
        column-gap: 5px;
    }

    .tree-wrap table .tree-list .tree-item .mid ul:nth-child(1) {
        width: 100%;
    }

    .tree-wrap table .tree-list .tree-item .mid ul:nth-child(2) {
        width: calc(100% - 55px);
    }

    .tree-wrap table .tree-list .tree-item .mid > ul:nth-child(1).badge-wrap {
        width: 50px;
        font-size: 14px;
        text-align: center;
    }

    .tree-wrap table .tree-list .tree-item .mid > .badge-wrap img {
        width: 42px;
        margin-bottom: 5px;
    }

    .tree-wrap table .tree-list .tree-item .mid > .badge-wrap > .txt {
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .tree-wrap table .tree-list .tree-item .mid > .fill-wrap input {
        width: 100%;
    }

    .tree-wrap table .tree-list .tree-item .mid > .fill-wrap .btn {
        width: 100%;
        margin-top: 4px;
    }

    .tree-wrap table .tree-list .btn.plus {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }


        /* S : 하위항목추가 버튼 */
        .tree-area .btn.size-l.tooltip {
            min-width: 42px;
            padding: 0;
            border-radius: 21px;
        }

        .tree-area .tooltip i {
            margin-right: 0;
            color: #fff;
        }

        .tree-area .tooltip span {
            display: none;
            top: calc(100% + 15px);
            left: -29px;
            width: auto;
            padding: 6px 10px;
        }

        .tree-area .tooltip span::before {
            display: block;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
        }

        .tree-area .tooltip:hover span {
            display: block;
        }
        /* E : 하위항목추가 버튼 */


        /* S : 데이터가 없을 때 */
        .tree-wrap table tbody.empty td {
            height: 100px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        /* E : 데이터가 없을 때 */


        /* S : 미리보기 팝업 */
        .popup-wrap .tree-wrap table .tree-item {
            display: flex;
            align-items: center;
            width: 240px;
            height: 129px;
            margin-right: 0;
            padding: 20px 15px;
            border-radius: 6px;
        }

        .popup-wrap .tree-wrap table .tree-area:nth-of-type(2) .tree-item {
            border: 2px solid #515FA0;
            background-color: rgba(81, 95, 160, 0.1);
        }

        .popup-wrap .tree-wrap table .tree-area:nth-of-type(5) .tree-item {
            border: 2px solid #578ACA;
            background-color: rgba(87, 138, 202, 0.1);
        }

        .popup-wrap .tree-wrap table .tree-area:nth-of-type(8) .tree-item {
            border: 2px solid #55AACD;
            background-color: rgba(85, 170, 205, 0.1);
        }

        .popup-wrap .tree-wrap table .tree-area:nth-of-type(11) .tree-item {
            border: 2px solid #68CEC8;
            background-color: rgba(104, 206, 200, 0.1);
        }

        .popup-wrap .tree-wrap table .tree-area:nth-of-type(14) .tree-item {
            border: 2px solid #6ED3A9;
            background-color: rgba(110, 211, 169, 0.1);
        }

        .popup-wrap .tree-wrap table .tree-list .tree-item .mid ul:nth-child(1) {
            width: 210px;
        }

        .popup-wrap .tree-wrap table .tree-list .tree-item .mid ul:nth-child(2) {
            width: 135px;
        }

        .popup-wrap .tree-wrap table .tree-list .tree-item .mid > ul:nth-child(1).badge-wrap {
            width: 70px;
        }

        .popup-wrap .tree-wrap .mid > ul li p {
            font-weight: 600;
            text-align: center;
        }
        /* E : 미리보기 팝업 */
    /* E : 배지등록관리 > 배지구조관리 */
/* E : 한양여대 디지털배지 231130 */


/* S : 한양여대 ICC 성과게시판 관리 */
.mysite .list-container .gallery-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.mysite .list-container .gallery-list li {
    width: calc((100% - 60px) / 5);
}

.mysite .list-container .gallery-list li.list-none {
    width: 100%;
    padding: 50px 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
    text-align: center;
}

.mysite .list-container .gallery-list li label.list-item {
    display: block;
    height: 100%;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
}

.mysite .list-container .gallery-list li label::before {
    position: unset;
}

.mysite .list-container .gallery-list li input[type="checkbox"]:checked ~ label {
    border: 1px solid #649CEB;
    background: #F0F6FF;
    box-shadow: 0px 5px 10px rgba(100, 156, 235, 0.3);
}

.mysite .list-container .gallery-list li .img {
    width: 100%;
    height: 140px;
    margin: 12px 0;
    border-radius: 4px;
}

.mysite .list-container .gallery-list li .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mysite .list-container .gallery-list li .list-tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    min-height: 45px;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.mysite .list-container .gallery-list li dl {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    padding: 15px 20px;
    background: #f7f8f9;
    border: 1px solid #E2EAEE;
    text-align: left;
}

.mysite .list-container .gallery-list li dl dt {
    width: 55px;
    color: #666;
    font-size: 15px;
}

.mysite .list-container .gallery-list li dl dd {
    width: calc(100% - 55px);
    color: #555;
    font-size: 15px;
}
/* E : 한양여대 ICC 성과게시판 관리 */


/* S : 강원도립대 플랫폼 기능개선 240620 */

/* 공용장비통합관리 */
.page-shared-equip .list-container .con-box ~ .con-box {
    margin-top: 30px;
}

.popup-wrap.popup-manager-select .popup {
    max-width: 1200px;
}
/* end 공용장비통합관리 */

/* 가족기업관리 */
.mysite .industry-form-wrap ul li .industry-input-wrap .datepicker input {
    width: 150px;
}

.mysite .industry-form-wrap ul li .industry-input-wrap .datepicker span {
    margin: 0 4px;
}
/* end 가족기업관리 */

/* 기업애로기술지도 */
.mysite .page-guide-register .tech-guide-register .radio-list .checkbox {
    width: 110px;
}

.mysite .page-guide-register .tech-guide-register .btn.btn-add-time {
    width: 100%;
    margin-top: 15px;
}

.page-guide-register .plan-container .plan-box {
    position: relative;
    margin-top: 15px;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.page-guide-register .plan-container .plan-box .remove-box {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
}

.page-guide-register .plan-container > .btn-wrap {
    margin-top: 15px;
}

.page-guide-register .plan-container .plan-box .form-wrap .input-wrap .select-wrap {
    margin-left: 6px;
}

.page-guide-register .plan-container .plan-box .form-wrap .input-wrap .select-wrap .mini-label {
    font-weight: 500;
}

.popup-wrap .popup .pop-section ~ .pop-section {
    margin-top: 30px;
}

.popup-wrap .popup .pop-section p.tit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.popup-wrap .popup .pop-section p.tit::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(/mysite/img/common/ico_title.svg) center center no-repeat;
    background-size: cover;
}

.tech-guidance-report .popup .pop-section table td dl {
    display: flex;
    align-items: center;
    width: 100%;
}

.tech-guidance-report .popup .pop-section table td dl ~ dl {
    margin-top: 8px;
}

.tech-guidance-report .popup .pop-section table td dl dt {
    width: 80px;
    color: #777;
}

.tech-guidance-report .popup .pop-section table td dl dd {
    margin-right: 12px;
}

.tech-guidance-report .popup .pop-section table th.border {
    border-right: 1px solid #ddd !important;
}

.tech-guidance-report .popup .pop-section table td .down-file a {
    text-decoration: underline;
}

.tech-guidance-report .popup .pop-section table td .down-file a:hover {
    color: var(--primary-color);
}

.popup-wrap .popup .pop-section.section-box {
    padding: 20px;
    border-radius: 6px;
    background: #F7F8F9;
    border: 1px solid #EAECED;
}

.tech-guidance-report .popup .pop-section.section-box .table-wrap ~ .table-wrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}
/* end 기업애로기술지도 */

/* E : 강원도립대 플랫폼 기능개선 240620 */