.testBtn {
    width: 100px;
    background: #123123;
    border: 1px solid #432143;
}
.top-bar{
    width:100%;
    display:flex;
    border-bottom : 1px solid #DEDEDE;
    height : 100px;
    align-items : center;
}
.top-logo{
    margin-left:24px;
    height : 40px;
}

.container{
    width:1200px;
}

.step-explain-box{
    /*width : 1600px;*/
    height : 111px;
    margin : 60px 0;
    margin-left : 160px;
    display : flex;
    align-items:center;
    justify-content : center;
}

.step-explain-item{
    display : flex;
    flex-direction : column;
    justify-content : space-between;
    height:100%;
}

.step-content {
    display: flex;
    align-items: center;
}

.step-svg{
    height:29px;
}
/*
.webuploader-pick, .back-btn{
    width: 300px;
    border: none;
    height:50px;
    background: #5569BF;
    box-shadow : 0 0 4px 0 #5569BF;
    padding : 0px;
    margin : 0px;
    display : flex;
    align-items : center;
    justify-content : center;
    font-size : 16px;
    font-weight : bold;
    color : #fff;
    cursor : pointer;
}*/
.divide-bar{
    border-right : 1px solid #5569BF;
    margin : 0 135.75px;
    height : 80px;

}
.step-content > div{
    font-size: 16px;
    font-weight: bold;
    margin-left: 24px;
}

#step-2 {
    justify-content: center !important;
}

.modal-box{
    position : fixed;
    width : 100%;
    height : 100%;
    top:0;
    left:0;
    background : #00000064;
    z-index : 100;
    justify-content : center;
    align-items : center;
    display:none;
}
.modal-img{
    width:600px;
    height:280px;
}

.showPanel{
    display : flex;
}
.companyLogo {
    width: 100%;
    position: absolute;
    height: 35px;
    background: #fff;
    display : flex;
    justify-content : flex-end;
}

body {
    margin: 0;
    background : rgb(30,30,30);
    min-width :1920px;
}

.lobby_box {
    display: flex;
    justify-content: center;
    background: rgb(30,30,30);
}

.top_nav_bar {
    background: rgb(30,30,30);
    position: absolute;
    left: 0;
    z-index: 10;
    height: 138px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_nav_box {
    width: 1550px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.hide {
    display: none;
}

.top_nav_items {
    display: flex;
    gap: 90px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255,0.5);
    margin-right: 17px;
}

.top_nav_item {
    cursor: pointer;
}

.nav_logo {
    margin-right: 277px;
}

#uploader {
    position: absolute;
    top : 698px;
    left: 50%;
    transform: translateX(-50%) translateX(740px);
    z-index: 20;
    cursor : pointer;
}

#loadingOverlay {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.overlayText {
    color: white;
    font-size: 1.2em;
}

/* 회전 스피너 */
.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #4caf50;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}