body {
    overflow-x: hidden;
    margin: 0;
}

.datalab-container {
    width: 1100px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    padding-bottom: 200px;
}

/* MARK: 배너 영역 */
.datalab-banner {
    background: linear-gradient(180deg, #424857 -2.27%, #083ec7 109.74%);
    color: #fff;
    padding: 60px;
    border-radius: 20px;
    position: relative;
    height: 300px;
    overflow: hidden;
}

.banner-content {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.banner-content h2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.banner-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #fff;
    letter-spacing: -0.3px;
    word-spacing: 1px;
}

.banner-content .sub-text {
    color: #90caf9;
    font-size: 16px;
    letter-spacing: -0.2px;
    margin-bottom: 0 !important;
}

.banner-image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    height: 100%;
    background-image: url("/assets/data/img/datalab/main/mainBanner.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    opacity: 0.9;
}

/* MARK: 알림 영역 */
.notice-section {
    margin: 30px 0;
    background-color: #fff3ef;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    box-sizing: border-box;
}

.notice-content {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
}

.notice-badge {
    background-color: #f14040;
    color: white;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    flex: 0 0 auto !important;
}

.notice-text {
    color: #333;
    font-size: 16px;
    flex: 0 0 auto !important;
}

.notice-text-emphasize {
    color: #f14040;
    font-weight: 500;
}

.notice-link {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    margin-left: 10px !important;
    flex: 0 0 auto !important;
}

.notice-link:hover {
    text-decoration: underline;
}

/* MARK: 검색 영역 */
.search-section {
    position: relative;
    width: 100%;
    margin-top: 40px;
}

.search-box {
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
}

.search-results {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-height: 50px; /* 최소 높이 추가 */
}

.guide-text {
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    padding: 8px 15px;
}

.results-list {
    margin: 0;
    padding: 8px 0; /* 상하 패딩 추가 */
    list-style: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.results-list li {
    font-size: 16px;
    padding: 12px 15px;
    cursor: pointer;
}

.results-list li:last-child {
    border-bottom: none;
}

.results-list li:hover {
    background-color: #f5f5f5;
}

.results-list li a {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    display: block;
}

.results-list .no-result {
    height: 150px;
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.company-item .company-info {
    flex: 1;
}

.company-item .company-name {
    font-weight: 500;
    margin-bottom: 4px;
}

.search-input {
    width: 100%;
    padding: 12px 20px;
    padding-right: 50px;
    /* 아이콘 공간 확보 */
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
}

.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url("/assets/data/img/datalab/main/search.png") no-repeat center;
    background-size: contain;
    border: none;
    cursor: pointer;
}

/* MARK: 섹션 제목 */
.section-title {
    margin: 40px 0 20px 0 !important;
}

.section-title .sub-title {
    font-size: 18px;
    color: #414141;
    margin-bottom: 12px !important;
}

.section-title .main-title {
    font-size: 24px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -0.5px;
}

/* MARK: 대시보드 목록 필터 */
.period-filter {
    display: flex;
    align-items: center;
    margin-bottom: 15px !important;
}

.period-filter > span {
    margin-right: 8px;
    font-size: 14px;
    color: #495264;
    font-weight: 700;
    white-space: nowrap;
}

.period-filter .filter-list {
    display: flex;
    gap: 8px !important;
    list-style: none;
    padding: 0;
}

.period-filter .filter-list li {
    color: #626F87;
    padding: 2px 9px !important;
    background: #fff;
    border-radius: 30px !important;
    border: 1px solid #CBD3DE;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
}

.period-filter .filter-list li.active {
    background: #495264;
    color: #fff;
    font-weight: 700;
    border-color: #495264;
}

/* MARK: 산업 목록 필터 */
.industry-filter {
    margin-bottom: 40px !important;
}

.industry-filter .filter-list {
    display: flex;
    gap: 8px !important;
    list-style: none;
    padding: 0;
}

.industry-filter .filter-list li {
    color: #495264;
    padding: 11px 16px 11px 16px !important;
    background: #f6f7f9;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.industry-filter .filter-list li.active {
    background: #282d37;
    color: #fff;
    font-weight: 600;
}

/* MARK: 기업 목록 */
.company-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    width: 100%;
    box-sizing: border-box;
}

.company-card {
    min-width: 0;
    height: 150px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
    padding: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}

/* 첫 번째 열에만 왼쪽 테두리 추가 */
.company-card:nth-child(5n + 1) {
    border-left: 1px solid #e4e4e4;
}

/* 첫 번째 행에만 상단 테두리 추가 */
.company-card:nth-child(-n + 5) {
    border-top: 1px solid #e4e4e4;
}

.company-card:hover {
    position: relative;
    z-index: 1;
    outline: 1px solid #333;
    outline-offset: 0;
}

.card-header {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    min-height: 24px;
}

.card-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}

.card-footer {
    flex: 0 0 auto;
    width: 100%;
    padding-top: 10px;
    margin-top: auto;
}

.company-logo {
    max-width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-logo img {
    /* max-width: 100%;
        max-height: 100%; */
    width: 172px;
    height: 60px;
    object-fit: contain;
}

.company-name {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    text-align: left;
}

.recruit-badge {
    height: 22px;
    padding: 0 6px;
    background: #f14040;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.follow-button {
    width: 24px;
    height: 24px;
    background: url("/assets/data/img/datalab/main/unfollow.png") no-repeat center !important;
    background-size: 20px !important;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: 0.8;
    margin-left: auto;
}

.follow-button.active {
    background: url("/assets/data/img/datalab/main/follow.png") no-repeat center !important;
    /* 활성화된 상태도 경로 수정 */
}

/* 기업이 없을 때 표시되는 메시지 스타일 */
.no-companies {
    grid-column: 1 / -1; /* 그리드의 전체 너비를 차지 */
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-companies p {
    color: #a7a7a7;
    font-size: 15px;
    text-align: center;
    margin: 0;
}

/* MARK: 플로팅 배너 */
.floating-status {
    position: fixed;
    right: calc(50% - 550px - 180px);
    top: 450px;
    width: 180px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.floating-title {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
    letter-spacing: -0.5px;
    padding: 12px;
    border-bottom: 2px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.title-left {
    flex: 1;
}

.year-half {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px;
}

.title-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-emoji {
    font-size: 20px;
    margin-bottom: 4px;
}

.more-link {
    font-size: 12px;
    color: #666;
    text-decoration: none;
}

.more-link:hover {
    text-decoration: underline;
}

.floating-title-sub {
    font-size: 16px;
    font-weight: 700;
    display: block;
}

.status-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px;
    cursor: pointer;
    width: calc(100% + -2px);
    height: 45px;
    border-bottom: 2px solid #f5f5f5;
}

.status-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.status-label {
    font-size: 15px;
    color: #666;
}

.status-value {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 50px; /* NEW 표시를 포함한 최소 너비 */
}

.status-new {
    font-size: 12px;
    color: #f14040;
    font-weight: 500;
    width: 35px; /* NEW 표시의 고정 너비 */
}

/* NEW가 없을 때 공간 확보를 위한 가상 요소 */
.status-value::after {
    content: "";
    width: 35px; /* NEW 표시와 동일한 너비 */
    display: inline-block;
}

/* NEW가 있을 때는 가상 요소 숨김 */
.status-value:has(.status-new)::after {
    display: none;
}

/* 상태별 기업 리스트 모달 */
.status-detail-modal {
    position: fixed;
    right: calc(50% - 550px + 10px);
    top: 450px;
    /*top: 30%;*/
    width: 180px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    z-index: 99;
    display: none;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 2px solid #f5f5f5;
}

.modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.close-btn {
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 0;
}

.company-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.company-list li {
    padding: 0;
    border-bottom: 2px solid #f5f5f5;
}

.company-list li:last-child {
    border-bottom: none;
}

.company-list a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 12px;
}

.company-list a:hover {
    background-color: #f5f8ff;
}

.company-list a:hover .modal-company-name {
    color: #2561fa;
}

.status-check-needed {
    color: #f14040;
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
    text-decoration: none !important;
}

.status-check-needed::after {
    content: "•";
    display: inline-block;
    margin-left: 4px;
    font-size: 10px;
    vertical-align: 1px;
}

.company-name {
    display: block;
    text-align: center;
}

.modal-company-name {
    display: block;
    text-align: left;
}

.status-item:hover {
    background-color: #f5f8ff;
}

.status-item:hover .status-number {
    color: #2561fa;
    text-decoration: underline;
}

.status-new {
    font-size: 12px;
    color: #f14040;
    font-weight: 500;
}

/* MARK: 우측 플로팅 배너 스타일 */
.floating-banner {
    position: fixed;
    left: calc(50% + 750px);
    /* 컨텐츠 영역 width(1100px)의 절반 + 여유공간 */
    z-index: 100;
    /* display: flex;
        flex-direction: column; */
    gap: 24px;
}

.banner-item {
    cursor: pointer;
}

.banner-item img {
    /* max-width: 100%; */
    width: 160px;
    height: auto;
    display: block;
}

.alarm-banner {
    transition: transform 0.2s ease;
}

/* MARK: 우측 컨텐츠 영역 */
.content-area {
    flex: 1;
}


/* 데이터랩 - 대시보드 영역 :S */
.ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.tooltip {
    position: absolute;
    background: #282D37;
    color: #FFF;
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 8px;
    pointer-events: none;
}

.tooltip * {
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.tooltip .cert * {
    line-height: 1.6;
    font-size: 13px;
    font-weight: 500;
}

.dashboard-container {
    margin-top: 40px;
}

.dashboard-container .section-title {
    position: relative;
    margin-top: 24px !important;
}
.dashboard-container #refresh_dashboard {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1.5;
}
.dashboard-container #refresh_dashboard a {
    font-size: 12px;
    color: #414141;
    line-height: 1.4;
}

.dashboard-container #refresh_dashboard a i {
    transition: 0.3s;
}

.dashboard-container #refresh_dashboard a:hover i {
    transform: rotate(180deg);
}

.dashboard-container #refresh_dashboard p {
    margin-top: 8px;
    font-size: 12px;
    color: #a7a7a7;
    text-align: right;
    line-height: 1.4;
}

.dashboard-container .dashboard-block-wrap {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 5px));
    gap: 10px;
    min-height: 385px;
    background: url(/assets/data/img/datalab/main/logout_blur.png) no-repeat center center / cover;
    opacity: 0;
    transition: 0.3s;
}

.dashboard-container .dashboard-block-wrap > * {
    display: none;
}

/* 0~3번째 children */
.dashboard-container .dashboard-block-wrap[data-odd=true] > *:nth-child(-n+4) {
    display: block; /* 원하는 display 스타일 */
}

/* 4~8번째 children */
.dashboard-container .dashboard-block-wrap[data-odd=false] > *:nth-child(n+5):nth-child(-n+8) {
    display: block; /* 원하는 display 스타일 */
}

/* [data-odd=true]일 때 1, 4번째 */
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="1"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="4"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="5"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="8"] {
    background: linear-gradient(97.93deg, #ECEFFB 12.94%, #EFF8FE 88.83%);
}

/* [data-odd=true]일 때 2, 3번째 */
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="2"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="3"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="6"],
.dashboard-container .dashboard-block-wrap .dashboard-block[data-group-id="7"] {
    background: linear-gradient(97.93deg, #EBF4FB 12.94%, #E5EEF9 88.83%);
}

.dashboard-container .dashboard-block {
    padding: 18px 16px;
    border-radius: 12px;
}

.dashboard-container .block-title {
    position: relative;
    padding: 0 4px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #202020;
    line-height: 1.6;
}

.dashboard-container .block-title .notify {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 11px;
    font-weight: 400;
    color: #a7a7a7;
}

.dashboard-container .block-title > .underline {
    text-decoration: underline;
    text-underline-position: from-font;
}

.dashboard-container .block-title > .major {
    opacity: 0;
    transition: 0.3s;
}

.dashboard-container .block-title > .major.on {
    opacity: 1;
}

.dashboard-container select {
    min-width: 81px;
    height: 26px;
    margin-right: 3px;
    margin-bottom: 6px;
    padding: 0 25px 0 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #202020;
    background: #fff url('/assets/img/icon/arr_slc.png') no-repeat right 6px center / 14%;
    box-shadow: -1px 1px 2px 0px #2528314d;
}

.dashboard-container select[name=career_year] {
    margin-top: 6px;
    margin-bottom: 0;
}

.dashboard-container .block-contents {
    position: relative;
    width: 100%;
    height: 212px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.dashboard-container .block-contents.skeleton:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
}

.dashboard-container .block-contents * {
    gap: 5px;
    font-size: 13px;
    color: #202020;
    line-height: 1.5;
}

.dashboard-container .block-contents .block-item {
    width: 100%;
    height: 100%;
    padding: 14px;
    flex: 1 0 calc((100% / 3) - 3px);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #00000021;
}

.dashboard-container .block-contents .block-item.empty {
    width: 100%;
    flex: 1 0 calc((100% / 3) - 3px);
    background: #FFFFFFB2;
    text-align: center;
}

.dashboard-container .block-contents .block-item > a,
.dashboard-container .block-contents .block-item > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 10px;
}

.dashboard-container .block-contents .block-item.empty > div {
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.dashboard-container .block-contents .block-item.empty > div h3 {
    word-break: keep-all;
    color: #626F87;
    font-size: 13px;
    font-weight: 500;
}

/*.dashboard-container .block-contents .block-item.empty > div > img {
    display: none;
}*/

.dashboard-container .block-contents .block-item.empty > div span {
    color: #8496B1;
    word-break: keep-all;
    font-size: 12px;
}

.dashboard-container [data-template="basic"] .block-item > a {
    justify-content: center;
    gap: 15px;
}

.dashboard-container [data-template="basic"] .block-item .logo-image-wrap {
    /*width: 138px;*/
    height: 70px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dashboard-container [data-template="basic"] .block-item .logo-image-wrap img {
    width: 110px;
    aspect-ratio: 110 / 51;
    object-fit: scale-down;
}

.dashboard-container [data-template="basic"] .block-item .career-type,
.dashboard-container [data-template="basic"] .block-item .company-name {
    color: #626F87;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.dashboard-container [data-template="basic"] .block-item .position-name {
    height: 40px;
    font-size: 14px;
    color: #202020;
    line-height: 1.4;
}

.dashboard-container [data-template="basic"] .block-item .position-name,
.dashboard-container [data-template="basic"] .block-item .company-name,
.dashboard-container [data-template="circle"] .block-item .position-name,
.dashboard-container [data-template="circle"] .block-item .company-name {
    margin-top: 6px;
}

.dashboard-container [data-template="circle"] .block-item > div,
.dashboard-container [data-template="card"] .block-item > div {
    align-items: center;
    justify-content: center;
}

.dashboard-container [data-template="circle"] .block-item > div {
    gap: 0;
}

.dashboard-container [data-template="circle"] .block-item .circle {
    width: 70px;
    height: 70px;
    margin: 8px 0 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    color: #202020;
    aspect-ratio: 1 / 1;
}

.dashboard-container [data-template="circle"] .block-item .circle span {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-size: 18px;
}

.dashboard-container [data-template="basic"] .block-item .info-wrap:hover .position-name,
.dashboard-container [data-template="circle"] .block-item .info-wrap:hover *,
.dashboard-container [data-template="card"] .block-item .company-name:hover > span:not(.recruit-status) {
    text-decoration: underline;
    text-underline-position: under;
}

.dashboard-container [data-template="circle"] .block-item .cert {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #202020;
    font-weight: 500;
    text-align: center;
}

.dashboard-container [data-template="circle"] .block-item .company-name,
.dashboard-container [data-template="circle"] .block-item .position-name {
    color: #626F87;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.dashboard-container [data-group-name="industry_no_research"] [data-template="circle"] .block-item > div {
    height: 100%;
    justify-content: center;
}

.dashboard-container [data-group-name="industry_no_research"] [data-template="circle"] .block-item .company-name {
    color: #202020;
}

.dashboard-container [data-template="card"] .block-item .card {
    width: 120px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.dashboard-container [data-template="card"] .block-item .card .percent {
    font-size: 18px;
}

.dashboard-container [data-template="card"] .block-item .company-name p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-container .block-item p.empty:before {
    content: 'none';
    display: block;
    visibility: hidden;
}

.dashboard-container [data-template="card"] .block-item .company-name span {
    font-size: 13px;
    color: #495264;
    font-weight: 500;
}

.dashboard-container [data-template="card"] .block-item .company-name + .company-name {
    margin-top: 4px;
}

.dashboard-container [data-template="card"] .block-item .company-name .recruit-status {
    font-size: 11px;
    color: #F14040;
    font-weight: 700;
    line-height: normal;
}

.dashboard-container [data-template="card"] .block-item .company-name .recruit-status:empty {
    display: none;
}

.dashboard-container [data-template="card"] .block-item .card * {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.dashboard-container [data-template="card"] .block-item .card .industry-type {
    display: flex;
    align-items: center;
}

.dashboard-container [data-template="card"] .block-item:nth-child(1) .card {
    background-color: #4F97F5;
}

.dashboard-container [data-template="card"] .block-item:nth-child(2) .card {
    background-color: #8C6FF7;
}

.dashboard-container [data-template="card"] .block-item:nth-child(3) .card {
    background-color: #15BC60;
}

.dashboard-container [data-template="card"] .block-item .attention {
    margin: 4px 0 6px;
    font-size: 12px;
    color: #282D37;
    font-weight: 700;
}

.dashboard-container .block-item .stats-wrap {
    display: flex;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid #EBEEF2;
}

.dashboard-container .block-item .stats-wrap .icon {
    vertical-align: middle;
}

.dashboard-container .block-item .stats-wrap span {
    font-size: 12px;
    color: #626F87;
}

.dashboard-container .block-item .stats-wrap progress {
    appearance: none;
    width: -webkit-fill-available;
}

.dashboard-container .block-item .stats-wrap progress::-webkit-progress-bar {
    height: 6px;
    margin-top: 4px;
    border: none;
    border-radius: 90px;
    background-color: #E0E5EB;
    overflow: hidden;
}

.dashboard-container .block-item .stats-wrap progress::-webkit-progress-value {
    background-color: #608CFF;
}

.dashboard-container [data-template="summary"] .block-item {
    width: 50%;
}

.dashboard-container [data-template="summary"] .block-item .sub-title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-container [data-template="summary"] .block-item .sub-title-wrap h3 {
    font-size: 16px;
}

.dashboard-container [data-template="summary"] .block-item .info-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border: 1px solid #E0E5EB;
    border-radius: 8px;
}

.dashboard-container [data-template="summary"] .block-item .info-wrap * {
    text-align: left;
}

.dashboard-container [data-template="summary"] .block-item p.empty:before {
    height: 61px;
}

.dashboard-container [data-template="bar"] .block-item {
    width: 100%;
    padding: 0 !important;
}

.dashboard-container [data-template="bar"] .block-item:not(.empty) > div {
    gap: 0 !important;
}

.dashboard-container [data-template="bar"] .block-item .bar-wrap {
    height: 65%;
    position: relative;
}

.dashboard-container [data-template="bar"] .bar-wrap .float-info {
    position: absolute;
    top: 18px;
    left: 18px;
}

.dashboard-container [data-template="bar"] .bar-wrap .float-info.longest_gap {
    width: 78px;
    height: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    border: 1px solid #E0E5EB;
    border-radius: 8px;
    box-shadow: 0 2px 2px 0 #00000036;
}

.dashboard-container [data-template="bar"] .bar-wrap .float-info.longest_gap span:first-child {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.dashboard-container [data-template="bar"] .bar-wrap .float-info.longest_gap span:last-child {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.dashboard-container [data-template="bar"] .bar-wrap .float-info.shortest_avg_gap span:last-child {
    display: block;
    margin-top: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.dashboard-container [data-template="bar"] .block-item:last-child {
    flex: 0 0 45%;
}

.dashboard-container [data-template="bar"] .block-item.empty:last-child {
    flex: 1;
}

.dashboard-container [data-template="bar"] .block-item .info-wrap {
    height: 35%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid #E0E5EB;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap {
    position: absolute;
    bottom: 0;
    right: 20%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap > div > span:first-child {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap > div > span.value {
    display: block;
    width: 28px;
    height: 50%;
    background: #D6E1E6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap > div.max_gap > span {
    color: #F35050;
    font-weight: 700;
}

.dashboard-container [data-template="bar"] .bar-wrap .chart-wrap > div.max_gap > span.value {
    background-color: #FF9D9D;
}

.dashboard-container [data-template="bar"] .bar-wrap .shortest_avg_gap + .chart-wrap > div.avg_gap > span {
    color: #BE4141;
}

.dashboard-container [data-template="bar"] .bar-wrap .shortest_avg_gap + .chart-wrap > div.avg_gap > span.value {
    width: 20px;
    height: 30px;
    background-color: #F9C8C8;
}


/* MARK: 통계 데이터 없음 컨테이너 */
.dashboard-container .insufficient-data-container {
    width: 100%;
    height: 100%;
    grid-column: 1 / 3;
    border-radius: 16px;
}

.dashboard-container .insufficient-data-container .insufficient-data-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._pc .dashboard-container [data-group-name="major_view"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_1.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="major_view"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_1.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_2-1.png') no-repeat center center / cover;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_2-2.png') no-repeat center center / cover;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_2-3.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="my_recent_cert"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_2.png') no-repeat center 0 / contain;
}

._mo .dashboard-container [data-group-name="my_recent_cert"] .block-item + .no-data-image {
    height: auto;
    background: url('/assets/data/img/datalab/main/mobile/blur_2-2.png') no-repeat center center / cover;
    aspect-ratio: 320 / 296;
}

._mo .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image {
    height: auto;
    background: url('/assets/data/img/datalab/main/mobile/blur_2-1.png') no-repeat center center / cover;
    aspect-ratio: 320 / 138;
}

._mo .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .insufficient-data-content {
    padding-bottom: 0;
}

._pc .dashboard-container [data-group-name="major_age_industry"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_3.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="major_age_industry"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_3.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="industry_no_research"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_4.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="industry_no_research"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_4.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="industry_position"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_5.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="industry_position"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_5.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="industry_age_extreme"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_6.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="industry_age_extreme"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_6.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="industry_gap_career"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_7.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="industry_gap_career"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_7.png') no-repeat center 0 / contain;
}

._pc .dashboard-container [data-group-name="major_career_choice"] .no-data-image {
    background: url('/assets/data/img/datalab/main/pc/blur_8-1.png') no-repeat center center / cover;
}

._mo .dashboard-container [data-group-name="major_career_choice"] .no-data-image {
    background: #fff url('/assets/data/img/datalab/main/mobile/blur_8.png') no-repeat center 0 / contain;
}


.dashboard-container .spec-input-text {
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.dashboard-container .insufficient-data-image {
    width: 100%;
    text-align: center;
}
.dashboard-container .btn-container {
    padding: 54px 0;
    background-color: rgba(255, 255, 255, 1.812);
    border: 1px solid #1428a0;
}

.dashboard-container .insufficient-data-image img {
    width: 100%;
    height: auto;
    max-width: 264px;
    margin: 0 auto;
}

.dashboard-container .insufficient-data-message {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin: 20px 0;
}

.dashboard-container .spec-submit-button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 290px;
    margin: 0 auto;
    padding: 16px 30px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 3px 4px 0 #0000004D;
    /* margin-top: 10px; */
}

.dashboard-container .button-text {
    text-align: left;
}

.dashboard-container .button-text p {
    margin: 0;
    font-size: clamp(12px, 4.5vw, 14px);
    line-height: 1.5;
    white-space: nowrap;
    color: white;
}

.dashboard-container .button-text h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    white-space: nowrap;
    color: white;
}

.dashboard-container .button-text h3 em {
    font-size: 18px;
    font-style: normal;
    color: white;
    text-decoration: underline;
    text-underline-position: under;
}

.dashboard-container .button-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    margin-left: 15px;
    aspect-ratio: 1 / 1;
    line-height: 1;
    background: #fff url(/assets/img/icon/arrow-right.svg) no-repeat 56% 50% / 9px;
}

.dashboard-container .spec-submit-button.spec-input {
    background: linear-gradient(274.5deg, #229CFF 17.65%, #174CFC 103%);
}

.dashboard-container .spec-submit-button.status-submit,
.dashboard-container .user-spec.status-submit {
    background: linear-gradient(to right, #1fe5ad, #068ccf);
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .spec-submit-button {
    width: auto;
    padding: 16px 20px;
    flex-direction: column;
    align-items: start;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .button-text p {
    font-size: 12px;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .button-text h3,
._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .button-text h3 em {
    font-size: 14px;
}

._pc .dashboard-container [data-group-name="my_recent_cert"] .block-item + .block-item + .no-data-image .button-arrow {
    width: 20px;
    height: 20px;
    margin-left: 0;
    background: #fff url(/assets/img/icon/arrow-right.svg) no-repeat 56% 50% / 6px;
}

/* .spec-submit-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      } */

/* .spec-submit-button:active {
        transform: translateY(0);
      } */


/* 데이터랩 - 대시보드 영역 :E */

/* Mobile Ver */
@media screen and (max-width: 1024px) {
    ._bodyContainer {
        padding-top: 112px;
    }

    .datalab-container {
        width: 100%;
        padding: 0;
        padding-bottom: 200px;
    }
    ._DTTop {
        position: relative;
        padding: 30px 20px;
        background-color: #2846DC;
    }

    ._DTTop:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #2846DC url(/assets/data/img/datalab/main/mainBanner.png) no-repeat 13vw 32px / 500px;
        opacity: 0.4;
    }

    ._DTTop > * {
        position: relative;
    }
    ._DTTop ._tit {
        font-size: clamp(22px, 3vw, 30px);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 22px;
        margin-bottom: 15px;
        color: #F6F7F9;
    }
    ._DTTop ._con {
        font-size: clamp(13px, 3vw, 18px);
        font-weight: 400;
        letter-spacing: -0.03em;
        line-height: 1.5;
        margin-bottom: 8px;
        color: #E0E5EB;
    }
    ._DTTop ._con2 {
        font-size: clamp(13px, 3vw, 20px);
        font-weight: 600;
        letter-spacing: -0.03em;
        line-height: 1.5;
        color: #F6F7F9;
    }
    ._DTCon._DTInfo {
        padding: 30px 20px;
        background-color: #f6f7f9;
        margin-bottom: 60px;
    }
    ._DTInfo ._tit {
        font-size: clamp(18px, 3vw, 22px);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 18px;
        margin-bottom: 13px;
    }
    ._DTInfo ._con {
        gap: 10px;
        flex-wrap: nowrap;
        justify-content: center;
    }

    ._DTInfo ._con ._box {
        width: 100%;
        position: relative;
        flex: 1 1 auto; /* flex-grow, flex-shrink, flex-basis */
        aspect-ratio: 1/1; /* 가로세로 1:1 정사각형 유지 */
        background: #fff;
        border: 1px solid #ebeef2;
        border-radius: 4px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 30px 0;
    }
    ._DTInfo ._con ._box ._tit2 {
        font-size: clamp(14px, 3vw, 18px);
        font-weight: 500;
        letter-spacing: -0.02em;
        color: #202020;
    }
    ._DTInfo ._con ._box ._con2 {
        font-size: clamp(20px, 3vw, 24px);
        font-weight: 600;
        letter-spacing: -0.02em;
        color: #cf1a1a;
        margin-top: 8px;
    }
    ._DTInfo ._con ._box ._con3 {
        color: #C1C1C1;
    }
    ._DTInfo ._con ._box .box_pt {
        position: absolute;
        right: -6px;
        top: -6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #cf1a1a;
    }

    ._DTInfo .ntc_box {
        margin-top: 13px;
        width: 100%;
        height: 43px;
        border-radius: 4px;
        background-color: #1D1D1D;
        background-image: url('/assets/data/img/datalab/main/m_ntc_icon1.png'), url('/assets/data/img/datalab/main/m_ntc_icon2.png');
        background-position: 12px center, right 15px center;
        background-repeat: no-repeat, no-repeat;
        background-size: 20px auto, 5px auto;
        font-size: clamp(14px, 3vw, 18px);
        font-weight: 500;
        letter-spacing: -0.02em;
        line-height: 43px;
        color: #fff;
        padding-left: 36px;
    }

    ._DTInfo .ntc_box span {
        color: #FE8688;
        font-weight: 700;
        text-decoration: underline;
    }
    ._DTCompany {
        padding: 0 20px;
    }
    ._DTCompany ._tit {
        /*margin-bottom: 16px;*/
        font-size: clamp(18px, 3vw, 22px);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 140%;
    }
    ._DTCompany ._sub_tit {
        margin-bottom: 5px;
        font-size: clamp(13px, 3vw, 16px);
        font-weight: 400;
        letter-spacing: -0.02em;
        line-height: 150%;
    }


    .slideWrp {
        position: relative;
        max-height: 422px;
        margin-bottom: 40px;
    }
    .slideWrp .slide-image {
        margin-right: 10px;
        object-fit: scale-down;
        max-height: 290px;
    }
    .slideWrp .slick-dots {
        display: flex !important;
        gap: 10px;
        justify-content: center;
        margin-top: 6px;
    }
    .slideWrp .slick-dots li button{
        border: 0;
        font-size: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #D9D9D9;
    }
    .slideWrp .slick-dots li.slick-active button {
        background-color: #2561FA;
    }

    .period-filter {
        padding: 0 20px;
    }
    .period-filter .filter-list {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .industry-filter {
        margin-bottom: 10px !important;
    }

    .industry-filter .filter-list {
        overflow-x: scroll;
        white-space: nowrap;
        padding: 0 20px;
    }

    /*스크롤 제거*/
    .period-filter .filter-list::-webkit-scrollbar,
    .industry-filter .filter-list::-webkit-scrollbar {
        display: none;
    }

    .company-grid {
        padding: 0 20px;
        grid-template-columns: repeat(2,1fr)
    }
    .company-logo img {
        width: 100%;
    }
    .company-card:nth-child(5n + 1) {
        border-left: 0;
    }
    .company-card:nth-child(-n + 5) {
        border-top: 0;
    }
    .company-card:nth-child(2n + 1) {
        border-left: 1px solid #e4e4e4;
    }
    .company-card:first-child, .company-card:nth-child(2) {
        border-top: 1px solid #e4e4e4;
    }
    .company-name {
        font-size: 15px;
        font-weight: 500;
    }

    /*모달*/
    ._modalDTAplStdSc ._MbDTCon{
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9002;
        width: 100%;
        background: #FFFFFF;
        border-radius: 24px 24px 0 0;
    }

    ._modalDTAplStdSc ._MbDTCon .__tab {
        padding-left: 20px;
        max-width: 100%;
        height: 50px;
        border-bottom: 1px solid #CBD3DE;
        font-size: clamp(16px, 3vw, 20px);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 50px;
    }
    ._modalDTAplStdSc ._MbDTCon .__lst {
        height: 200px;
        overflow-y: auto;
    }
    ._modalDTAplStdSc ._MbDTCon .__lst .lst_info {
        padding: 0 20px;
        height: 56px;
        border-bottom: 1px solid #efefef;
        background: #fff url('/assets/data/img/datalab/main/m_right_arrow.png') no-repeat right 20px center;
        cursor: pointer;
    }
    ._modalDTAplStdSc ._MbDTCon .__lst .lst_info .__tit {
        line-height: 55px;
        font-size: clamp(16px, 3vw, 20px);
        font-weight: 500;
        letter-spacing: -0.02em;
    }
    ._modalDTAplStdSc ._MbDTCon .__lst .lst_info .__lbl {
        margin-left: 4px;
        height: 19px;
        line-height: 19px;
        padding: 0 4px;
        border-radius: 4px;
        background-color: #e51313;
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: clamp(12px, 3vw, 16px);
        margin-top: 17.5px;
    }
    ._modalDTAplStdSc ._MbDTCon .__bt {
        border-top: 1px solid #EFEFEF;
        height: 80px;
        padding: 14px 20px 0 20px;
    }
    ._modalDTAplStdSc ._MbDTCon .__bt .__sbmBtn {
        width: 100%;
        height: 42px;
        line-height: 42px;
        border-radius: 4px;
        background-color: #2561fa;
        text-align: center;
        color: #fff;
        font-size: clamp(12px, 3vw, 20px);
        font-weight: 700;
        letter-spacing: -0.02em;
        border: 0;
        cursor: pointer;
    }

    .industry-filter {
        position: sticky;
        top: 112px;
        z-index: 99;
        padding: 10px 0;
        width: 100%;
        background-color: #fff;
    }

    /*    .industry-filter._poFx {
          position: fixed;
          top: 117px;
          z-index: 1;
        }*/


    .divider {
        width: 100%;
        height: 8px;
        background-color: #EBEEF2;
    }
    /* 데이터랩 - 대시보드 영역 :S */
    .dashboard-container #refresh_dashboard {
        position: relative;
    }

    .dashboard-container #refresh_dashboard a {
        display: none;
    }

    .dashboard-container #refresh_dashboard p {
        text-align: left;
    }

    .dashboard-container select {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .dashboard-container select[name=career_year] {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .dashboard-container .dashboard-block-wrap {
        min-height: 300px;
        grid-template-columns: 1fr;
    }

    .dashboard-container .dashboard-block {
        position: relative;
        margin: 0 8px;   /* 좌우 8px → 합쳐서 16px */
        padding: 16px 16px 20px;
        min-height: 300px;
        max-height: 372px;
        display: flex;
        flex-direction: column;
        aspect-ratio: 272 / 372;
        background: #EBF6FF !important;
    }

    .dashboard-container .block-contents {
       /* height: auto;*/
        flex: 1;
    }

    .dashboard-container .block-contents .block-item {
        padding: 18px;
    }

    [data-section="datalab_main_dashboard"] .block-contents .block-item:first-child {
        width: 100%;
        box-shadow: none;
        border: 1px solid #BAD7EE;
    }

    [data-section="datalab_main_dashboard"] .block-contents .block-item:first-child:not(.empty) {
        padding-bottom: 30px !important;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        border-bottom: none;
    }

    [data-section="datalab_main_dashboard"] .block-contents .block-item:not(:first-child) {
        display: none;
    }

    .dashboard-container .block-title {
        padding: 0 0 10px;
        font-size: 14px;
    }

    .dashboard-container .block-title .notify {
        position: relative;
        bottom: unset;
        right: unset;
        display: block;
        text-align: right;
    }

    .dashboard-container .block-more {
        width: 100%;
        position: absolute;
        bottom: 20px;
        left: 0;
    }

    .dashboard-container .block-more:before {
        content: '';
        display: block;
        width: 100%;
        height: 45px;
        background: linear-gradient(180deg, rgba(235, 246, 255, 0) 0%, #EBF6FF 80%);
        position: absolute;
        bottom: -4px;
    }

    .dashboard-container .block-more span {
        position: relative;
        display: block;
        width: calc(100% - 76px);
        height: 30px;
        margin: 0 auto;
        background-color: #74B7ED;
        border: 1px solid #58A7E7;
        border-radius: 50px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 30px;
        z-index: 1;
    }

    .dashboard-container [data-template="basic"] .block-item .career-type,
    .dashboard-container [data-template="basic"] .block-item .company-name,
    .dashboard-container [data-template="circle"] .block-item .company-name,
    .dashboard-container [data-template="circle"] .block-item .position-name {
        font-size: 11px;
        text-align: center;
    }

    .dashboard-container [data-template="basic"] .block-item .position-name {
        font-size: 13px;
        text-align: center;
    }

    .dashboard-container [data-template="card"] .block-item .card * {
        font-size: 14px;
    }

    .dashboard-container [data-template="card"] .block-item .card .percent {
        font-size: 24px;
    }

    .dashboard-container [data-template="card"] .block-item .card {
        height: 110px;
    }

    .dashboard-container [data-template="card"] .block-item .attention {
        margin-top: 6px;
    }

    .dashboard-container [data-group-name="industry_no_research"] [data-template="circle"] .block-item .company-name {
        font-size: 13px;
    }

    .dashboard-container [data-group-name="industry_position"] [data-template="basic"] .logo-image-wrap,
    .dashboard-container [data-group-name="major_career_choice"] [data-template="basic"] .logo-image-wrap {
        height: 40px;
    }

    .dashboard-container [data-template="basic"] .block-item .position-name,
    .dashboard-container [data-template="circle"] .block-item .cert {
        height: auto;
    }

    .dashboard-container .block-contents .block-item > a,
    .dashboard-container .block-contents .block-item > div {
        justify-content: center;
        gap: 6px;
    }

    .dashboard-container .block-item .stats-wrap {
        padding-top: 6px;
        justify-content: center;
        border-top: none;
    }

    .dashboard-container .block-item .stats-wrap span {
        display: inline-flex;
    }

    .dashboard-container [data-template="bar"] .block-item .position-name {
        font-size: 12px;
        color: #626F87;
    }

    .dashboard-container [data-template="bar"] .block-item .bar-wrap {
        height: 60%;
    }

    .dashboard-container [data-template="bar"] .block-item .info-wrap {
        height: 40%;
        padding-bottom: 20px;
    }

    .dashboard-container .insufficient-data-container {
        border: 1px solid #BAD7EE;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        border-bottom: none;
    }

    .dashboard-container .insufficient-data-container:after {
        content: '';
        display: block;
        width: 100%;
        height: 50%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -4px;
        background: linear-gradient(180deg, rgba(235, 246, 255, 0) 0%, #EBF6FF 90%);
    }

    .dashboard-container .insufficient-data-container .insufficient-data-content {
        position: relative;
        padding-bottom: 30px;
        z-index: 1;
    }

    .dashboard-container .spec-submit-button {
        width: 55%;
        min-width: 140px;
        max-width: 150px;
        padding: 16px;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px;
    }

    .dashboard-container .button-text p,
    .dashboard-container .button-text h3 {
        white-space: normal;
    }

    .dashboard-container .button-text p {
        font-size: 12px;
    }

    .dashboard-container .button-text h3 {
        font-size: 13px;
    }

    .dashboard-container .button-text h3 em {
        padding: 2px 3px;
        font-size: 13px;
        white-space: nowrap;
        background-color: #082877;
        border-radius: 4px;
    }

    .dashboard-container .button-arrow {
        width: 24px;
        height: 24px;
        margin-left: 0;
        background: #fff url(/assets/img/icon/arrow-right.svg) no-repeat 56% 50% / 6px;
    }

    .dashboard-container [data-template="summary"] .block-item > div {
        justify-content: flex-start;
    }

    .dashboard-container [data-template="summary"] .block-item .sub-title-wrap h3 {
        font-size: 13px;
    }

    .dashboard-container [data-template="summary"] .block-item a + .sub-title-wrap {
        margin-top: 8px;
    }

    .dashboard-container [data-template="summary"] .block-item .info-wrap {
        justify-content: center;
    }

    .dashboard-container [data-template="summary"] .block-item .info-wrap * {
        text-align: center;
    }

    .dashboard-container [data-template="summary"] .block-item .info-wrap img {
        display: none;
    }

    .dashboard-container [data-template="summary"] .block-item .info-wrap .company-name {
        font-size: 12px;
    }

    .dashboard-container [data-template="summary"] .block-item .info-wrap .position-name {
        font-size: 11px;
        color: #626F87;
    }
    /* 데이터랩 - 대시보드 영역 :E */

    /* 모달 영역 :S */
/*    ._modal.type2 {
        display: block;
        opacity: 1;
    }*/
    ._modal.type2 ._modalCon {
        position: fixed;
        bottom: 0;
        height: auto;
        max-height: 100vh;
        /*padding-bottom: 20px;*/
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        z-index: 9999;
    }

    ._modal.type2 ._MbBdCon {
        height: 100%;
        padding: 24px 20px;
        overflow: hidden;
    }

    ._modal button._MbHdrClsBnt {
        position: absolute;
        right: 22px;
        width: 13px;
        height: 13px;
        padding: 4px;
        border: 0;
        background: url(/assets/img/icon/mo/md_cls.png) no-repeat center center;
        z-index: 1;
    }

    ._modal .dashboard-container {
        margin-top: 0;
    }

    .tooltip {
        display: none;
    }

    ._modal .dashboard-block-wrap {
        background: none;
    }

    ._modal .dashboard-block {
        width: 100%;
        max-height: 100%;
        margin: 0;
        padding: 0;
        aspect-ratio: auto;
        background: transparent !important;
    }

    ._modal .block-contents {
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
    }

    ._modal .block-contents .block-item {
        width: 100%;
        height: auto;
        flex: auto;
        border: 1px solid #BAD7EE;
    }

    ._modal .block-contents .block-item > a,
    ._modal .block-contents .block-item > div {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }

    ._modal .block-contents .block-item > a > *,
    ._modal .block-contents .block-item > div > * {
        flex: 1 1 auto;
    }

    ._modal .block-contents .block-item.empty > a > *,
    ._modal .block-contents .block-item.empty > div > * {
        flex: 0;
    }

    ._modal [data-template="basic"] .block-item .logo-image-wrap {
        width: 105px;
        height: 30px;
        margin: 0;
        flex: 0 0 105px;
    }

    ._modal [data-template="basic"] .block-item .logo-image-wrap img {
        width: 76px;
        aspect-ratio: unset;
    }

    ._modal [data-template="circle"] .block-item .circle {
        flex: 0 0 78px;
        width: 78px;
        height: 78px;
    }

    ._modal [data-template="circle"] .block-item .cert {
        justify-content: flex-start;
    }

    ._modal [data-template="basic"] .block-item .career-type,
    ._modal [data-template="basic"] .block-item .company-name,
    ._modal [data-template="basic"] .block-item .position-name,
    ._modal [data-template="circle"] .block-item .company-name,
    ._modal [data-template="circle"] .block-item .position-name {
        text-align: left;
    }

    ._modal .ellipsis1, ._modal .ellipsis2 {
        display: block;
    }

    ._modal .block-contents .block-item.empty {
        flex: 0;
        background-color: #f5f5f5;
        border: none;
        box-shadow: none;
    }
    ._modal .block-contents .block-item.empty > div {
        flex-direction: column;
        gap: 8px;
    }

    ._modal [data-template="card"] .block-item .card {
        width: 100px;
        height: 95px;
        flex: 0 0 100px;
    }

    ._modal [data-template="card"] .block-item .company-name p {
        justify-content: flex-start;
    }

    ._modal [data-template="bar"] .block-item:not(.empty) {
        width: 100% !important;
        aspect-ratio: 320 / 206;
    }

    ._modal [data-template="summary"] .block-item:not(.empty) > a,
    ._modal [data-template="summary"] .block-item:not(.empty) > div,
    ._modal [data-template="bar"] .block-item:not(.empty) > a,
    ._modal [data-template="bar"] .block-item:not(.empty) > div {
        flex-direction: column;
        gap: 14px;
    }

    ._modal [data-template="summary"] .block-item > a > *,
    ._modal [data-template="summary"] .block-item > div > * {
        width: 100%;
    }

    ._modal [data-template="summary"] .block-item .sub-title-wrap h3 {
        font-size: 16px;
    }

    ._modal [data-template="summary"] .block-item p.empty {
        display: none;
    }

    ._modal [data-template="bar"] .block-item .bar-wrap,
    ._modal [data-template="bar"] .block-item .info-wrap {
        width: 100%;
    }

    ._modal [data-template="bar"] .block-item .bar-wrap {
        height: 65%;
    }

    ._modal [data-template="bar"] .block-item .info-wrap {
        height: 35%;
        padding-bottom: 0;
    }

    ._modal [data-template="bar"] .bar-wrap .float-info {
        top: 26px;
        left: 26px;
    }

    ._modal [data-template="basic"] .block-item > a,
    ._modal [data-template="basic"] .block-item > div {
        gap: 14px;
    }

    ._modal .block-item .stats-wrap {
        width: 100%;
    }

    ._modal [data-group-name="industry_position"] .block-item:not(.empty) > div,
    ._modal [data-group-name="major_career_choice"] .block-item:not(.empty) > div {
        display: grid;
        grid-template-columns: 105px calc(100% - 105px - 14px);
        gap: 7px 14px;
    }

    ._modal [data-group-name="industry_position"] .block-item:not(.empty) > div .logo-image-wrap {
        grid-row: 1 / 3;
    }

    ._modal [data-group-name="industry_position"] .block-item:not(.empty) > div .stats-wrap,
    ._modal [data-group-name="major_career_choice"] .block-item:not(.empty) > div .stats-wrap {
        justify-content: flex-start;
        padding-top: 0;
    }


    ._modal [data-group-name="major_career_choice"] .block-item:not(.empty) > div .stats-wrap {
        grid-column: 1 / 3;
    }


    ._modal .spec-submit-button {
        width: 70%;
        max-width: 100%;
        justify-content: space-between;
    }

    ._modal .spec-submit-button br {
        display: none !important;
    }

    ._modal .button-text h3 em {
        font-size: 14px;
        background-color: transparent;
    }

    ._modal [data-group-name="my_recent_cert"] .no-data-image {
        background: url(/assets/data/img/datalab/main/mobile/blur_2-3.png) no-repeat 0 0 / cover !important;
        aspect-ratio: 160 / 217;
    }

    ._modal [data-group-name="industry_no_research"] .no-data-image {
        background: url(/assets/data/img/datalab/main/mobile/blur_4-1.png) no-repeat 0 0 / cover !important;
        aspect-ratio: 160 / 189;
    }

    ._modal [data-group-name="major_career_choice"] .no-data-image {
        background: url(/assets/data/img/datalab/main/mobile/blur_8-1.png) no-repeat 0 0 / cover !important;
        aspect-ratio: 80 / 103;
    }

    ._modal .insufficient-data-container {
        border: none;
    }
    /* 모달 영역 :E */
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    ._modal [data-template="bar"] .block-item:not(.empty) {
        aspect-ratio: 320 / 103;
    }
}