@charset "utf-8";



section {
    width: 1168px;
    margin: 0 auto;
    height: calc(100vh - 100px);



}

#sec1 {
    width: 100%;
    height: 250px;

}

#full{
 width: 100%;
    height: 100%;
}
#sec2 {
    width: 1168px;
    height: 550px;
    position: relative;
}


.aimage {
    position: absolute;
}

.bimage {
    position: absolute;
    opacity: 0;
    /*
    left: 0;
    top: 0;
    
*/
}


.aimage:hover {
    opacity: 0;

}



#sec2:hover .bimage {
    opacity: 1;
}




.draggable {
    width: 270px;
    height: 270px;
    float: left;

    position: absolute;
    left: 40%;
    top: 40%;

    background-color: transparent !important;
    /*    !important 너무자주쓰지말것 보수어려움 우선순위올려줌*/
    border: none !important;
    cursor: pointer;
}

;