/*view-scale css*/
#view-scale-container{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height: calc(var(--vh, 1vh)*100);
    z-index: 24;
    display:flex;
    align-items: center;
    justify-content: center;
}

#view-scale-container .dim{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100vw;
    height:100vh;
    /*height: calc(var(--vh, 1vh) * 100);*/
    background: #000000;
    opacity: 0.6;
    z-index: 23;
}

#view-scale-container .wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 25;
    position: relative;
    width: 1024px;
    height: 768px;
}

#view-scale-container .wrap.ko{
    background: url("https://seoulauction.com/images/pc/auction/viewscale-bg-pc.jpg") center no-repeat;
}

#view-scale-container .wrap.en{
    background: url("https://seoulauction.com/images/pc/auction/viewscale-bg-pc-en.png") center no-repeat;
}

#view-scale-container .wrap .btn-close {
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    background-position: -716px -712px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#view-scale-container .wrap .img-box{
    position: relative;
    margin-top: -170px;
}

#view-scale-container .wrap .img-box img{
    box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 7%), 10px 10px 20px 0 rgb(0 0 0 / 7%);
    object-fit:contain;
}

#view-scale-container .wrap .img-box .size{
    opacity: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    font-size: 13px;
    color: #111111;
    font-weight: 600;
}
#view-scale-container .wrap .img-box .size-x{
    min-width: 50px;
    bottom: 101%;
    width: 100%;

    align-items: center;
}
#view-scale-container .wrap .img-box .size-y{
    min-width: 100px;
    left: 105%;
    height: 100%;

    flex-direction: column;
}

#view-scale-container .wrap .size-toggle-btn{
    position: absolute;
    left: 30px;
    bottom: 20px;
    border: 0 none;
    background: transparent;
    cursor: pointer;
    width: 42px;
    height: 42px;
}
#view-scale-container .wrap .size-toggle-btn .icon-size::after{
    content: "";
    display: block;
    background-image: url("https://seoulauction.com/images/common/sp_icons.png");
    width: 42px;
    height: 42px;
    background-position: -52px -850px;
}

#view-scale-container .wrap .size-toggle-btn .icon-size.on::after{
    background-position: -104px -850px;
}


@media (max-width: 1023px){
    #view-scale-container .wrap{
        height: 100%;
        max-width: 1024px;
        background-size: 1024px 1080px;
    }

    #view-scale-container .wrap.ko{
        background: url("https://seoulauction.com/images/mobile/auction/viewscale-bg-mo.jpg") center no-repeat;
        background-size: 1024px 1080px;
    }

    #view-scale-container .wrap.en{
        background: url("https://seoulauction.com/images/mobile/auction/viewscale-bg-mo-en.png") center no-repeat;
        background-size: 1024px 1080px;
    }

    #view-scale-container .wrap .size-toggle-btn{
        bottom: 35px;
    }
}