/* 공통 사용 스타일 */
    .vertical-middle {
        vertical-align: middle;
    }
    .cursor-pointer {
        cursor: pointer;
    }
/* 모바일 화면 개행 */
    @media (max-width: 768px){
        .m-flex-newline {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
/* 카드 그림자 */
/* 사용자화면 - 리스트 부분 그림자 */
	.list-box-shadow {
		box-shadow: 0px 5px 10px 0px rgba(10, 10, 10, 0.1);
	}
/* 탭1 (회색 테두리) */
/* 성과 상세팝업 하단부 */
	.common-tab-container > ul {
		border-bottom: 0;
		margin-bottom: -1px;
	}
	.common-tab-container > ul .nav-item .nav-link {
		transition: initial;
	}
	.common-tab-container > ul .nav-item .nav-link:hover {
		border-bottom: 1px solid white;
	}
	.common-tab-container > ul .nav-item .nav-link.active {
		border: 1px solid #d6d8db;
		border-bottom: 1px solid white;
		background-image: none;
		color: #4680ff!important;
		font-weight: bold;
	}
	.common-tab-container > .tab-content {
		border: 1px solid #d6d8db;
	}
/* 탭2 (파란 배경) */
/* 사용자 상세정보 - 성과 상단부 */
	.common-pilltab-container > ul .nav-link {
		border-radius: 0.25rem;
		font-weight: bold;
	}
/* 리스트1 (제목 강조) */
/* 관리자 : 회원관리 */
/* 사용자 : 과제,동향,성과검색 */
	.common-info-list > .common-info-row {
		margin-top: -1px; 
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		padding: 0.8rem 0.5rem;
		cursor: pointer;
	}
	.common-info-list > .common-info-row.duplicate{
		opacity: 0.4!important;
		cursor: not-allowed;
	}
	.common-info-list > .common-info-row.duplicate:hover span:not(.scrap-button),
	.common-info-list > .common-info-row.duplicate:hover span:not(.view-button),
	.common-info-list > .common-info-row.duplicate:hover span:not(.download-button) {
		opacity: inherit;
	}
	.common-info-list > .common-info-row:hover span:not(.scrap-button),
	.common-info-list > .common-info-row:hover span:not(.view-button),
	.common-info-list > .common-info-row:hover span:not(.download-button),
	.common-info-list > .common-info-row:hover .common-info-text {
		opacity: 0.7;
	}
	.common-info-list > .common-info-row .common-info-header,
	.common-info-list > .common-info-row .common-info-header-sub {
		display: flex;
	}
	.common-info-list > .common-info-row .common-info-name {
		font-size: 1.1rem;
		font-weight: 500;
		color: black;
		text-align: left;
	}
	.common-info-list > .common-info-row .common-info-badge {
		font-size: 0.6rem;
		padding: 0.2rem;
		align-self: center;
	}
	.common-info-list > .common-info-row .common-info-text {
		font-size: 0.8rem;
		font-weight: 200;
		text-align: left;
	}
	.common-info-list > .common-info-row .custom-checkbox {
		min-width: 30px;
		width: 30px;
		padding-top: 5px;
	}
	.common-info-list > .common-info-row .custom-control-input {
		width: 20px;
		margin-left: 31px;
	}
	.common-info-list > .common-info-row .custom-control-label {
		width: 20px;
		height: 20px;
	}
	.common-info-list > .common-info-row .custom-control-label:hover {
		cursor: pointer;
	}
	.common-info-list > .common-info-row .custom-control-label::before,
	.common-info-list > .common-info-row .custom-control-label::after {
		margin-left: 25px;
	}
	.common-info-list .scrap-button {
		font-size: 0.7rem;
		font-weight: 500;
		border: 1px solid #6C757D;
		border-radius: 0.3rem;
		padding: 0.2rem 0.3rem 0 0.3rem;
		height: fit-content;
		min-width: 55px;
	}
	.common-info-list .view-button {
		font-size: 0.7rem;
		font-weight: 500;
		border: 1px solid #6C757D;
		border-radius: 0.3rem;
		padding: 0.2rem 0.3rem 0 0.3rem;
		height: fit-content;
		min-width: 55px;
	}
	.common-info-list .download-button {
		font-size: 0.7rem;
		font-weight: 500;
		border: 1px solid #6C757D;
		border-radius: 0.3rem;
		padding: 0.2rem 0.3rem 0 0.3rem;
		height: fit-content;
		min-width: 55px;
	}
	.common-info-list .item {
		font-size: 0.9rem;
		font-weight: 300;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left;
	}
	.common-info-list .item-name {
		font-weight: 500;
		color: #17A2B8;
	}
	.common-info-list .divider {
		margin: 0 0.5rem;
        font-size: 0.9rem;
	}
	.common-info-list .divider::before {
		content: '|';
		color: #ccc;
	}
/* 리스트2 (뱃지+입력칸) */
/* 관리자 : 회원관리, 학력 수정, 약력 수정 */
	.common-badge-padding {
		margin-top: -1px;
		padding: 0.5rem;
		border-top: 1px solid #d6d8db;
		border-bottom: 1px solid #d6d8db;
	}
	.common-badge-list {
		
	}
	.common-badge-list > .item {
		display: flex;
		min-height: 1.2rem;
	}
	.common-badge-list > .item .item-edit {
		width: inherit;
	}
	.common-badge-list > .item .item-badge {
		border-radius: 0.25rem;
		min-width: 6.5rem;
		font-size: 0.8rem;
		height: fit-content;
		margin-right: 0.3rem;
	}
	.common-badge-list > .item .item-editbtn,
	.common-badge-list > .item .item-savebtn,
	.common-badge-list > .item .item-canbtn {
		padding-top: 0;
		padding-bottom: 0;
	}
	.common-badge-list > .item .item-editbtn:hover {
		color: #FFBA57;
	}
	.common-badge-list > .item .item-savebtn:hover {
		color: #4680FF;
	}
	.common-badge-list > .item .item-canbtn:hover {
		color: #FF5252;
	}
	.common-badge-list > hr {
		width: 100%;
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 0.3rem;
		margin-bottom: 0.3rem;
	}
	.b-c-blue {
		border: 1px solid #4680ff;
	}
    .b-c-red {
        border: 1px solid #dc3545;
    }
/* 리스트3 (학력,약력용 리스트) */
/* 관리자 : 학력, 약력 */
	.common-career-list > .item-row {
		padding: 0.25rem 0rem;
	}
	.common-career-list > .item-row {
		margin-top: -1px; /* border collapse */
		border-top: 1px solid #d6d8db;
		border-bottom: 1px solid #d6d8db;
	}
	.common-career-list > .item-row-edit {
		background-color: #EFEFEF;
	}
	.common-career-list > .item-row .item-isprev[data-isprev='Y']:after {
		content: "(전)";
	}
	.common-career-list > .item-row .item-isprev[data-isprev='N']:after {
		content: "(현)";
		color: #4680FF;
	}
	.common-career-list > .item-row .item-edit-item {
		display: flex;
		flex-basis: 100%;
	}
	.common-career-list > .item-row .item-edit-badge {
		min-width: 105px;
		min-height: 25px;
		font-weight: bold;
		font-size: 13px;
		height: fit-content;
		vertical-align: top;
		border: 1px solid #aaa;
	}
	.common-career-list > .item-row .item-edit-input {
		border-radius: 0.25rem;
		border: 1px solid #aaa;
		font-weight: 500;
		padding: 1px 0.25rem;
	}
	.common-career-list > .item-row .item-editbtn,
	.common-career-list > .item-row .item-savebtn,
	.common-career-list > .item-row .item-canbtn {
		padding-top: 0;
		padding-bottom: 0;
	}
	.common-career-list > .item-row .item-editbtn:hover {
		color: #FFBA57;
	}
	.common-career-list > .item-row .item-savebtn:hover {
		color: #4680FF;
	}
	.common-career-list > .item-row .item-canbtn:hover {
		color: #FF5252;
	}
	
/* 페이지 버튼 (파란색) */
/* 관리자 : 페이지 버튼 */
	.common-blue-page .page-button {
		color: #343A40;
		border-color: #6C757D;
		margin-left: -1px;
	}
	.common-blue-page .page-button:disabled {
		opacity: 0.3;
	}
	.common-blue-page .page-button.cur-page-btn {
		color: white;
		background-color: #4680FF;
	}
/* 페이지 버튼 (청록색) */
/* 사용자 : 페이지 버튼 */
    .common-info-page .page-button,
    .common-info-page_mini .page-button {
        color: #3D464D;
        border-color: #E6E6E6;
        margin-left: -1px;
    }
    .common-info-page .page-button:disabled,
    .common-info-page_mini .page-button:disabled {
        color: lightgray;
    }
    .common-info-page .page-button.cur-page-btn,
    .common-info-page_mini .page-button.cur-page-btn {
        color: white;
        background-color: #17A2B8;
        border-color: #17A2B8;
    }
/* 리스트 정렬기준 (청록색) */
/* 사용자 : 리스트 정렬기준 */
    .common-sort-option .sort-option {
        color: #999;
        font-size: 0.9em;
        font-weight: 200;
        cursor: pointer;
    }
    .common-sort-option .sort-option:hover {
        opacity: 0.8;
    }
    .common-sort-option .sort-option.active {
        color: #17A2B8;
        font-weight: 600;
    }
/* 기타 */
    .round-border {
        border-radius: 0.25rem;
    }