@charset "utf-8";

.bz_workspace{
    background: unset;
}
.bz_workspace .bz_main{
    padding-left: 30em;
    padding-bottom: 0;
    background: linear-gradient(#f8e9f1, #f7f7f7);
    min-height: 100vh;
}

.bz_workspace .bz_main .bz_aside{
    position: fixed;
    top: 0;
    left: 0;
    width: 30em;
    height: 100vh;
    background-color: #ffffff;
    box-shadow: 0 1.2em 1.5em rgb(0,0,0,0.12);
    padding: 10.5em 2em 2em;
}
.bz_workspace .bz_main .bz_aside{}
.bz_workspace .bz_main .bz_aside > ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    max-height: 65em;
    overflow-y: scroll;
}
.bz_workspace .bz_main .bz_aside > ul::-webkit-scrollbar{
    display: none;
}
.bz_workspace .bz_main .bz_aside > ul > li{
    position: relative;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_on > a,
.bz_workspace .bz_main .bz_aside > ul > li.bz_open > a,
.bz_workspace .bz_main .bz_aside > ul > li:hover > a{
    background-color: #f0f1f3;
    border-radius: 0.3em;
}
.bz_workspace .bz_main .bz_aside > ul > li > a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 2.2em;
    height: 4.2em;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu > a{
    padding: 0 2.2em 0 5.7em;
}
.bz_workspace .bz_main .bz_aside > ul > li > a > img{
    filter: invert(76%) sepia(13%) saturate(3%) hue-rotate(6deg) brightness(88%) contrast(93%);
    margin-right: 1.5rem;
}
.bz_workspace .bz_main .bz_aside > ul > .bz_delete_menu > a > img{
    width: 2em;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu > .bz_folder_open{
    position: absolute;
    top: 1.1em;
    left: 2.2em;
    width: 2.1em;
    height: 2.1em;
    background-image: url("../images/workspace/ico_aside_arrow_down.png");
    background-repeat: no-repeat;
    background-position: center 0.7em;
    border-radius: 0.3em;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu.bz_open > .bz_folder_open{
    background-image: url("../images/workspace/ico_aside_arrow_up.png");
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu > .bz_folder_add{
    position: absolute;
    top: 1em;
    right: 1.3em;
    width: 2.1em;
    height: 2.1em;
    background-image: url("../images/workspace/ico_folder_plus.png");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.3em;
    visibility: hidden;
    opacity: 0;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu.bz_open > .bz_folder_add{
    visibility: visible;
    opacity: 1;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu > button:hover{
    background-color: #ddd;
}    
.bz_workspace .bz_main .bz_aside > ul > li.bz_document_menu > button span{
    font-size: 0;
    opacity: 0;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_open > a > img,
.bz_workspace .bz_main .bz_aside > ul > li:hover > a > img{
    filter: unset;
}
.bz_workspace .bz_main .bz_aside > ul > li a span{
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #252525;
    display: inline-block;
    padding-bottom: 0.125em;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_open a span,
.bz_workspace .bz_main .bz_aside > ul > li:hover a span{
    font-weight: 500;
}

.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
}
.bz_workspace .bz_main .bz_aside > ul > li.bz_open > .bz_folder{
    margin-top: 1em;
    max-height: unset;
    overflow: visible;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.2em;
    background-image: url("../images/workspace/ico_down_folder.png");
    background-repeat: no-repeat;
    background-position: 1.9em 1.3em;
    background-size: 3.3em 1.6em;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li:hover,
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li.more_open,
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li.bz_more_open{
    background-color: #f0f1f3;
    border-radius: 0.3em;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 1.9em;
    height: 100%;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li a span{
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #252525;
    display: inline-block;
    max-width: 11em;
    padding-bottom: 0.13333em;
    margin-left: 2.86666em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li .bz_more{
    position: absolute;
    top: 1.1em;
    right: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 0.3em;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li .bz_more:hover{
    background-color: #ddd;
}
.bz_workspace .bz_main .bz_aside > ul > li > .bz_folder li input{
    font-size: 1.3em;
    font-weight: 500;
    width: 13em;
    height: 1.5384em;
    border: 0.076923em solid #dddddd;
    border-radius: 0.15384em;
    margin-left: 4.46153em;
    padding: 0.38461em;
    background-color: #fff;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu{
    position: absolute;
    top: 15.7em;
    left: 29em;
    width: 14em;
    height: 9.1em;
    background-color: #fff;
    padding: 0.9em;
    border: 0.1em solid #dddddd;
    border-radius: 1em;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}
.bz_workspace .bz_main .bz_aside.bz_more_open .bz_more_menu{
    visibility: visible;
    opacity: 1;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button{ 
    position: relative;
    width: 100%;
    height: 3.5rem;
    text-align: left;
    padding-left: 3.3em;
    border-radius: 0.5em;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button:hover{
    background-color: #f0f1f3;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6em;
    filter: invert(76%) sepia(13%) saturate(3%) hue-rotate(6deg) brightness(88%) contrast(93%);
}
.bz_workspace .bz_main .bz_aside .bz_more_menu .bz_more_adit img{
    left: 0.8em;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu .bz_more_delete img{
    left: 1em;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button:hover img{
    filter: unset;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button span{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    font-weight: 300;
    color: #aeaeae;
}
.bz_workspace .bz_main .bz_aside .bz_more_menu button:hover span{
    color: #252525;
    font-weight: 500
}

.bz_workspace .bz_main .bz_aside .bz_usage{
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    width: 26em;
    border-top: 0.1em solid #dddddd;
    padding: 1.8em 0.6em 0;
    background-color: #fff;
}
.bz_workspace .bz_main .bz_aside .bz_usage > strong{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 400;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info{}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_text{
    display: flex;
    justify-content: space-between;
    margin-top: 1.9em;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_text span{
    font-size: 1.3em;
    letter-spacing: 0;
    color: #252525;
    font-weight: 300;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_text span b{
    font-size: 1em;
    font-weight: 700;
    color: #de1e10;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_text p{
    font-size: 1.2em;
    letter-spacing: -0.05em;
    color: #aeaeae;
    font-weight: 400;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_bar{
    width: 100%;
    height: 1em;
    background-color: #dddddd;
    border-radius: 1em;
    margin-top: 0.7em;
}
.bz_workspace .bz_main .bz_aside .bz_usage .bz_usage_info .bz_usage_info_bar > div{
    height: 100%;
    background-color: #de1e10;
    border-radius: 1em;
}
.bz_workspace .bz_main .bz_aside .bz_usage > a{
    display: inline-block;
    width: 100%;
    height: 3.5em;
    border: 0.1em solid #de1e10;
    border-radius: 0.5em;
    margin-top: 1.5em;
    position: relative;
    text-align: center;
}
.bz_workspace .bz_main .bz_aside .bz_usage > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 5.5em;
    width: 2.2em;
    height: 2.5em;
    background-image: url("../images/workspace/ico_ai_logo.png");;
    background-repeat: no-repeat;
    background-size: 2.2em 2.5em; 
}
.bz_workspace .bz_main .bz_aside .bz_usage > a span{
    display: inline-block;
    font-size: 1.4em;
    letter-spacing: -0.05em;
    font-weight: 700;
    line-height: 2.14285em;
    padding-left: 0.71428em;
    background: linear-gradient(120deg,#de1e10 0%,#ff7171 50%,#de1e10 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.bz_workspace .bz_main .bz_conts{
    flex: 1;
    max-width: 140em;
    width: 100%;
    padding: 3.3em 0 0 4em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create{
    width: 100%;
    height: 14em;
    background-image: url("../images/workspace/bz_fast_create_bg.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 77.6em 14em;
    background-color: rgb(248,248,248, 0.8);
    box-shadow: inset 0 0 0.5em 0.5em rgba(255,255,255,0.8);
    border-radius: 1em;
    margin-bottom: 3em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create strong{
    position: relative;
    display: inline-flex;
    align-items: end;
    gap: 0.4em;
    margin: 1.5em 0 0 3em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create strong .bizai_logo{
    width: 9.1em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create strong span{
    font-size: 2.3em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 500;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create strong .bz_ico_pen{
    position: absolute;
    top: 1em;
    right: -2.8em;
    width: 2.6em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul{
    display: flex;
    align-items: center;
    gap: 1em;
    margin: 2.6em 0 0 3em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li{}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li a,
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15em;
    height: 4em;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 4em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li a{
    border: 0.1em solid #de1e10;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li button{
    border: 0.1em solid #d4d4d4;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li a span,
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li button span{
    display: inline-block;
    line-height: 2.46666em;
    padding-bottom: 0.13333em;
    font-size: 1.5em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: left center;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li .bz_create span{
    background-image: url("../images/ico_logo.png");
    background-position: left 0.2em;
    background-size: 1.4666em 1.666em;
    padding-left: 1.8em;
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li .bz_get_document span{
    background-image: url("../images/workspace/ico_file.png");
    background-size: 1.2666em 1.3333em;
    padding-left: 1.6em
}
.bz_workspace .bz_main .bz_conts .bz_fast_create ul li .bz_create_folder span{
    background-image: url("../images/workspace/ico_folder.png");
    background-size: 1.5333em 1.2em;
    padding-left: 1.8666em;
}


.bz_workspace .bz_main .bz_drive{
    margin-bottom: 1.5em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title{
    display: inline-flex;
    align-items: center;
    gap: 2em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title strong{
    font-size: 2.8em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 500;
    margin-top: -0.1071em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_path{
    display: inline-flex;
    align-items: center;
    gap: 0.8em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_path span{
    position: relative;
    font-size: 1.6em;
    letter-spacing: -0.035em;
    color: #555;
    font-weight: 400;
    background-image: url("../images/workspace/ico_my_drive_top_folder.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.125em 0.9375em;
    padding: 0 0.8125em 0 1.5em;

}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_path span::after{
    content: "";
    position: absolute;
    top: 0.125em;
    right: 0;
    width: 0.4375em;
    height: 0.8125em;
    background-image: url("../images/workspace/ico_my_drive_path_arrow.png");
    background-repeat: no-repeat;
    background-size: 0.4375em 0.8125em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_path span:last-child:after{
    display: none;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_trash_buttons{
    display: flex;
    gap: 1em;
    align-items: center;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_trash_buttons button{
    height: 3.5em;
    padding: 0 1.4em;
    background-color: #fff;
    border: 0.1em solid #ddd;
    border-radius: 0.5em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title .bz_drive_trash_buttons button span{
    font-size: 1.4em;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 400;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_title > p{
    font-size: 1.4em;
    color: #aeaeae;
    letter-spacing: -0.05em;
    font-weight: 400;
}

.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_search{
    position: relative;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_search input{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 400;
    width: 25em;
    height: 2.857em;
    background-color: #fff;
    border: 0.07142em solid #dddddd;
    border-radius: 0.3571em;
    padding: 0 1em;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_search input::placeholder{
    font-size: 1em;
    letter-spacing: -0.05em;
    color: #aeaeae;
    font-weight: 300;
}
.bz_workspace .bz_main .bz_drive .bz_drive_top .bz_drive_search button{
    position: absolute;
    top: 50%;
    right: 0em;
    transform: translateY(-50%);
    width: 4em;
    height: 4em;
    border-radius: 0.5em;
    background-image: url("../images/workspace/ico_my_drive_top_search.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.9em 1.9em;
}


.bz_workspace .bz_main .bz_drive_list{
    border-top: 0.1em solid #dddddd;
    padding-top: 1.7em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top{
    display: flex;
    justify-content: space-between;
    align-items: start;
    max-height: 3.5em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox{
    display: flex;
    align-items: center;
    gap: 1em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_all_checkbox{}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_all_checkbox input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_all_checkbox span{
    display: inline-block;
    width: 2.6em;
    height: 2.6em;
    background-image: url("../images/workspace/check_box.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.6em 2.6em; 
    cursor: pointer;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_all_checkbox input:checked ~ span{
    background-image: url("../images/workspace/checked_box.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type{}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type span{
    font-size: 1.4em;
    letter-spacing: -0.06em;
    color: #555555;
    font-weight: 300;
    line-height: 2.14285em;
    display: inline-block;
    height: 2.5em;
    padding: 0 1.2142em;
    background-color: #fff;
    border-radius: 2.5em;
    border: 0.07142em solid #d4d4d4;
    cursor: pointer;
    background-position: 1.07142em 0.5714em;
    background-repeat: no-repeat;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type.recently span{
    background-size: 1.14285em 1.14285em;
    background-image: url("../images/workspace/ico_clock.png");
    padding-left: 2.57142em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type.creator span{
    background-size: 0.9285em 1.0714em;
    background-image: url("../images/workspace/ico_people.png");
    padding-left: 2.4285em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type.bookmark span{
    background-size: 1.21428 1.14285em;
    background-image: url("../images/workspace/ico_star.png");
    padding-left: 2.7142em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_checkbox .bz_drive_view_type input:checked ~ span{
    background-color: #000;
    border: 0.07142em solid #000;
    color: #fff;
    font-weight: 500;
}

.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting{
    display: flex;
    align-items: start;
    gap: 1em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select{
    width: 12.4em;
    height: 3.5em;
    border: 0.1em solid #ddd;
    border-radius: 0.5em;
    background-color: #fff;
    padding: 0 0.9em;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select.on{
    height: auto;
    box-shadow: 0 1.2em 1.5em rgb(0,0,0,0.12);
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > span{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    color: #555;
    font-weight: 300;
    line-height: 2.28571em;
    display: inline-block;
    width: 100%;
    padding-left: 0.714285em;
    background-image: url("../images/workspace/ico_select_arrow.png");
    background-position: right 1em;
    background-repeat: no-repeat;
    cursor: pointer;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select.on > span{
    background-image: url("../images/workspace/ico_select_arrow02.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul{}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul.bz_drive_select_top{
    padding-bottom: 1em;
    border-bottom: 0.1em solid #dddddd;
    margin-top: 0.2em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul.bz_drive_select_bottom{
    padding: 1em 0 0.8em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li{}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li button{
    position: relative;
    width: 100%;
    height: 3.5em;
    border-radius: 0.5em;
    text-align: left;
    padding: 0 1em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li.on button::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 0.4em;
    height: 0.4em;
    background-image: url("../images/workspace/ico_selected.png");
    background-repeat: no-repeat;
    background-size: 0.4em 0.4em;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li button:hover{
    background-color: #f0f1f3;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li button span{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    color: #aeaeae;
    font-weight: 300;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_select > ul li.on button span{
    font-weight: 500;
    color: #252525;
}

.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort{
    display: flex;
    align-items: center;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort button{
    width: 3.1em;
    height: 3.5em;
    border: 0.1em solid #d4d4d4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.4em 1.4em;
    background-color: #fff;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort button.on{
    border: 0.1em solid #000;
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort .bz_drive_sort_box{
    width: 3.2em;
    border-right: unset !important;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    background-image: url("../images/workspace/ico_sort_box_off.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort .bz_drive_sort_list{
    border-left: 0.1em solid #000;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    background-image: url("../images/workspace/ico_sort_list_off.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort .bz_drive_sort_box.on{
    background-image: url("../images/workspace/ico_sort_box.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort .bz_drive_sort_list.on{
    background-image: url("../images/workspace/ico_sort_list.png");
}
.bz_workspace .bz_main .bz_drive_list .bz_drive_list_top .bz_drive_sorting .bz_drive_sort button span{
    font-size: 0;
}


.bz_workspace .bz_main .bz_drive_list > ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 2em;
    margin-top: 2em;
    padding-bottom: 3.3em;
}
.bz_workspace .bz_main .bz_drive_list > ul::-webkit-scrollbar{
    display: none;
}
.bz_workspace .bz_main .bz_drive_list > ul > li {
    position: relative;
    background-color: #fff;
    border: 0.1em solid #dddddd;
    border-radius: 1em;
    overflow: hidden;
    height: 27.5em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li.bz_drive_list_checked{
    border: 0.1em solid #de1e10;
    box-shadow: 0em 0em 0em 0.1em #de1e10
}
.bz_workspace .bz_main .bz_drive_list > ul > li > a{
    display: inline-block;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > a > img,
.bz_workspace .bz_main .bz_drive_list > ul > li > img{
    width: 100%;
}


.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_folder_icon{
    display: none;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 0.1em solid #dddddd;
    padding: 1.7em 1.3em 1.4em;
    height: 13.4em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_title{
    display: flex;
    align-items: start;
    gap: 0.7em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_title strong{
    font-size: 1.5em;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 500;    
    line-height: 1.466666em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_title strong > img{
    width: 1.466666em;
    height: 1.466666em;
    margin-right: 0.46666em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_info{}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_info span{
    display: block;
    font-size: 1.3em;
    letter-spacing: -0.06em;
    color: #aeaeae;
    font-weight: 300;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_content .bz_drive_list_info .bz_drive_list_edit_time{
    margin-top: 0.46153em;
}

.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 13.4em;
    padding: 1.3em 1.4em 1.4em;
    border-top: 0.1em solid #ddd;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder input{
    width: 100%;
    height: 2.14285em;
    border: 0.07142em solid #ddd;
    border-radius: 0.35714em;
    text-align: center;
    font-size: 1.4em;
    letter-spacing: -0.06em;
    color: #252525;
    font-weight: 500;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder.text_check_ok input{
    border: 0.07142em solid #000;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder input::placeholder{
    font-size: 1em;
    color: #aeaeae;
    font-weight: 300;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons{
    display: flex;
    align-items: center;
    gap: 0.6em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons button{
    width: 100%;
    height: 3.5em;
    border: 0.1em solid #555;
    border-radius: 0.5em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons button.ok_button{
    border: unset;
    background-color: #dddddd;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder.text_check_ok .bz_drive_list_add_folder_buttons button.ok_button{
    background-color: #000;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons button span{
    font-size: 1.3em;
    letter-spacing: -0.05em;
    color: #555;
    font-weight: 500;
}
.bz_workspace .bz_main .bz_drive_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons button.ok_button span{
    color: #fff;
}

.bz_workspace .bz_main .bz_drive_list > ul > li > label{
    position: absolute;
    top: 1em;
    left: 1em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > label input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > label span{
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    background-image: url("../images/workspace/check_box.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.2em 2.2em; 
    cursor: pointer;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > label input:checked ~ span{
    background-image: url("../images/workspace/checked_box.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > label input:checked ~ span{
    background-image: url("../images/workspace/checked_box.png");
}

.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_bookmark{
    position: absolute;
    top: 1em;
    right: 1em;
    width: 2em;
    height:  1.9em;
    background-image: url("../images/workspace/ico_bookmark_off.png");
    background-repeat: no-repeat;
    background-position: center;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_bookmark.on{
    background-image: url("../images/workspace/ico_bookmark.png");
}

.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons{
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
    display: flex;
    gap: 0.5em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons button{
    width: 2.3em;
    height: 2.3em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.3em 2.3em;
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_del{
    background-image: url("../images/workspace/ico_my_drive_del.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_down{
    background-image: url("../images/workspace/ico_my_drive_down.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_restoration{
    background-image: url("../images/workspace/ico_my_drive_restoration.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_adit{
    background-image: url("../images/workspace/ico_my_drive_adit.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_del:hover{
    background-image: url("../images/workspace/ico_my_drive_del_hover.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_down:hover{
    background-image: url("../images/workspace/ico_my_drive_down_hover.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_restoration:hover{
    background-image: url("../images/workspace/ico_my_drive_restoration_hover.png");
}
.bz_workspace .bz_main .bz_drive_list > ul > li > .bz_drive_list_buttons .bz_drive_list_adit:hover{
    background-image: url("../images/workspace/ico_my_drive_adit_hover.png");
}

.bz_workspace .bz_main .bz_drive_list.view_type_list > ul{
    grid-template-columns: 1fr;
    gap: 1em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li{
    height: unset;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > a{
    display: flex;
    width: 100%;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > .bz_drive_list_folder_icon{
    width: 2.2em;
    height: 2.2em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > .bz_drive_list_thumbnail,
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > a > img{
    display: none;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_content{
    flex-direction: row;
    align-items: center;
    gap: 1em;
    width: 100%;
    height: unset;
    border-top: unset;
    padding: 1.4em 13em 1.4em 4.1em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li.bz_drive_list_folder .bz_drive_list_content{
    padding: 1.4em 13em 1.4em 3.1em;
    justify-content: space-between;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_content .bz_drive_list_info{
    display: flex;
    padding-bottom: 0;
    gap: 1em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_content .bz_drive_list_info .bz_drive_list_edit_time{
    margin-top: 0;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > label{
    top: 50%;
    transform: translateY(-50%);
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > .bz_drive_list_bookmark{
    top: 50%;
    transform: translateY(-50%);
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li > .bz_drive_list_buttons{
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
    right: 3.8em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li.bz_drive_list_folder{
    display: flex;
    align-items: center;
    padding: 0 1em;
    gap: 0.9em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_add_folder{
    justify-content: start;
    gap: 1em;
    border-top: unset;
    padding: 1em 0;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_add_folder{
    flex-direction: row;
    height: unset;
    width: 100%;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_add_folder input{
    width: 31.14285em;
    height: 2.142857em;
    text-align: left;
    padding: 0 0.71428em;
}
.bz_workspace .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_add_folder .bz_drive_list_add_folder_buttons button{
    width: 10em;
    height: 3em;
}

.bz_workspace.bz_trash .bz_main .bz_drive_list.view_type_list > ul > li > .bz_drive_list_buttons{
    right: 1em;
}
.bz_workspace.bz_trash .bz_main .bz_drive_list.view_type_list > ul > li .bz_drive_list_content{
    padding: 1.4em 8.4em 1.4em 4.1em
}
.bz_workspace.bz_trash .bz_main .bz_drive_list.view_type_list > ul > li.bz_drive_list_folder .bz_drive_list_content{
    padding: 1.4em 7.4em 1.4em 3.1em
}


.bz_layers{}
.bz_layer_box{
    position: fixed;
    bottom: 6.2em;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    width: 61.8em;
    height: 8em;
    border-radius: 1.5em;
    border: 0.1em solid #dddddd;
    box-shadow: 0 1.2em 1.5em rgb(0,0,0,0.12);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3em 0 8em;
    display: none;
}
.bz_layer_box > img{
    position: absolute;
}
.bz_layer_box.bz_layer_type01 > img{
    top: 2.5em;
    left: 3.1em;
    width: 3.6em;
    height: 3.2em;
}
.bz_layer_box.bz_layer_type02 > img{
    top: 2.9em;
    left: 4.3em;
    width: 2.2em;
    height: 2.2em;
}
.bz_layer_box .bz_layer_text{}
.bz_layer_box .bz_layer_text strong{
    font-size: 1.5em;
    letter-spacing: -0.05em;
    color: #252525;
    font-weight: 500;
}
.bz_layer_box .bz_layer_text p{
    font-size: 1.3em;
    letter-spacing: -0.05em;
    color: #dd1e10;
    font-weight: 500;
    margin-top: 0.61538em;
}
.bz_layer_box .bz_layer_buttons{
    display: flex;
    align-items: center;
    gap: 1em;
}
.bz_layer_box .bz_layer_buttons button{
    width: 10em;
    height: 3em;
    border: 0.1em solid #555555;
    border-radius: 0.5em;
}
.bz_layer_box .bz_layer_buttons button.bz_layer_button_black{
    border: 0.1em solid #000;
    background-color: #000;
}
.bz_layer_box .bz_layer_buttons button span{
    font-size: 1.4em;
    letter-spacing: 0;
    color: #555;
    font-weight: 500;
}
.bz_layer_box .bz_layer_buttons button.bz_layer_button_black span{
    color: #fff;
}