/* header 부분 시작 */
.welcome_header {
    border-bottom: 5px dashed #eeaaeeaa;
    border-bottom-style: dashed solid;
    width: 100%;
    height: 10%;
}

.welcome_header_inner {
    /* display: flex;
    justify-content: space-evenly;
    align-items: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}

.welcome_header_left {
    width: 10%;
    border: 3px dashed #099FE9;
}

.welcome_header_img {
    width: 60px;
    /* margin-top: 50px; */
}

/* header 부분 종료 */


/* center 부분 시작 */
.welcome_center {
    height: 80%;
    width: 100%;
}

/* .welcome_hidden {
    display: none !important;
} */
.welcome_hidden {
    display: none;
}

/* center 부분 종료 */


/* bottom 부분 시작 */
.welcome_bottom {
    display: flex;
    border-top: 5px dashed #eeaaeeaa;
    /* border-bottom-style: dashed solid; */
    width: 100%;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 0;
    height: 10%;
}

.welcome_bottom_inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 25px;
    width: 100%;
    font-size: 12px;
}

/* bottom 부분 종료 */



/* homeContainer 스크롤바 모형  시작 */
::-webkit-scrollbar {
    /* width: 6px; */
    width: 7px;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    /* 트랙 배경 투명 */
}

::-webkit-scrollbar-thumb {
    /* background: var(--scrollbar-bg); */
    /* background: linear-gradient(to bottom, var(--scrollbar-bg-start), var(--scrollbar-bg-end)); */
    background: linear-gradient(to bottom,
            var(--scrollbar-bg-start) var(--scrollbar-bg-start-pos),
            var(--scrollbar-bg-end) var(--scrollbar-bg-end-pos));
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    /* background: linear-gradient(to bottom, var(--scrollbar-bg-end), var(--scrollbar-bg-start)); */
    background: linear-gradient(to bottom,
            var(--scrollbar-bg-end) var(--scrollbar-bg-start-pos),
            var(--scrollbar-bg-start) var(--scrollbar-bg-end-pos));
}

/* homeContainer 스크롤바 모형  종료 */




/* 메뉴 가로 스크롤바 모형  시작 */
.welcome_header_inner::-webkit-scrollbar {
    height: 7px;
    /* 스크롤바 높이 조정 */
}

.welcome_header_inner::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 스크롤바 트랙 색상 */
    border-radius: 4px;
}

.welcome_header_inner::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #eeaaee, #00bfff);
    /* 그라데이션 색상 */
    border-radius: 4px;
}

.welcome_header_inner::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #00bfff, #eeaaee);
    /* 호버 시 그라데이션 색상 */
}

/* 메뉴 가로 스크롤바 모형  종료 */