.homeContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.home_inner {
    width: 95%;
    height: 95%;
}

.home_head {
    height: 570px;
    border: 3px dashed #00bfff;
    border-radius: 10px;
    background-color: #eeaaeeaa;
    /* opacity: 0.2; */
    /* 진한 회색 텍스트 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_head_outter {
    width: 95%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.home_head_head {
    width: 60%;
    height: 50px;
    border: 3px dashed #00bfff;
    border-radius: 10px;
    background-color: #fff;
    /* opacity: 0.2; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.home_head_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
}

.home_profile {
    width: 60%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_nitube {
    width: 100%;
    height: 100%;
}


.visualvie {
    width: 50%;
    height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.visiting {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #ffffff;
    border: 2px dashed #00bfff25;
    border-radius: 15px;
}

.lovwel {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border: 2px dashed #00bfff;
    border-radius: 15px;
    margin: 3px;
}

.greeting {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* background: #ffffff; */
    border-radius: 15px;
}


.proImg {
    width: 10%;
    /* height: 100%; */
}

.nini_intro {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    border: 2px dashed #00bfff;
    border-radius: 15px;
}




.home_head_scroll {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: 210px;
    border: 3px dashed #00bfff;
    border-radius: 10px;
    background-color: #F3E5AB;
    direction: rtl;
    margin-top: 15px;
}

/* 스크롤바 스타일 */
.home_head_scroll::-webkit-scrollbar {
    width: 12px;
    /* 스크롤바 너비 */
}

.home_head_scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #eeaaee, #00bfff);
    /* 그라데이션 색상 */
    border-radius: 10px;
    /* 둥근 모서리 */
}

.home_head_scroll::-webkit-scrollbar-track {
    background: #b5e0be;
    /* 스크롤바 트랙 배경 */
    border-radius: 10px;
}

.home_head_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home_head_body {
    width: 95%;
    height: 40px;
    border: 3px dashed #00bfff;
    border-radius: 10px;
    background-color: #fff;
    /* opacity: 0.2; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5px;
    margin-top: 5px;
}


.home_margin {
    height: 10px;
}