/** {outline:0 !important;}*/
/*html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,*/
/*dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; font-family: "NanumSquare",'Dotum','돋움','돋움체'; font-weight: 700}*/
/*html, body{}*/
/*body{background:#fff;}*/
/*body,input,select,textarea,button {border:none;font-size:12px; font-family:'NanumSquare', sans-serif;color:#000;}*/
/*ul,ol,li{list-style:none;}*/
/*table{width:100%;border-spacing:0;border-collapse:collapse;}*/
/*img,fieldset{border:0;}*/
/*address,cite,code,em{font-style:normal;font-weight:normal;}*/
/*label,img,input,select,textarea,button{vertical-align:middle;}*/
/*.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}*/
/*hr{display:none;}*/
/*main,header,section,nav,footer,aside,article,figure{display:block;}*/
/*a{color:#000;text-decoration:none; cursor: pointer;}*/

/*.clear {clear:both;}*/
/*.clear:after { content:""; display:block; clear:both;}*/
video {
    object-fit: cover;
}

#capture {
    width: 1400px;
    position: relative;
    height: 788px;
}

#canvas {
    transform: scaleX(-1);
}

#webcam {
    width: 100%;
    height: 788px;
}

#webcam-zone {
    transform: scaleX(-1);
}

/*#overlay-image {*/
/*    width: 300px;*/
/*    position: absolute;*/
/*    top: 50px;*/
/*}*/

#wait_txt {
    color: #FFFFFF;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
    top: 20%;
    font-size: 300px;
}

.char {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}