@charset "UTF-8";

#vkey{ display:none; position: absolute;width: 600px;height: 250px;z-index: 999999999;background-color: white;right: 0px;text-align: center;border: 1px solid #ddd;box-shadow: 0 4px 16px #b8b7b7; /*cursor: move;*/}
#vkeyesc { width:15px; height:15px; border:1px solid #ddd; border-radius:2px; font-size:10px; font-weight: bold; margin-right:13px;}
div#keyboardLayout { margin:2px 0 3px 0; clear:both; }
div#keyboardLayout .show_layout { height:1.5em; }
div#keyboardLayout span.menu { float:right; }

#keyboardLayoutTable { clear:both; width:600px; margin:0 auto; }
#keyboardLayoutTable .row { margin:0; }

div.e1, div.e2, div.e3, div.h1, div.h2, div.h3 {
	display:inline-block; font-size:11px; vertical-align:bottom; height:30px; cursor:pointer;
	border-width:2px; border-style:solid; border-color:#fff #aaa #aaa #fff;
}
div.e1 { background-color:#f3f3f3; border:1px solid #ddd; border-radius:2px;}
div.e2 { background-color:#f3f3f3; border:1px solid #ddd; border-radius:2px;}
div.e3 { background-color:#f3f3f3; border:1px solid #ddd; border-radius:2px;}
div.h1 { background-color:#f3f3f3; border:1px solid #ddd; border-radius:2px;}
div.h2 { background-color:#f3f3f3; border:1px solid #ddd; border-radius:2px;}
div.gin-hol { background-color:#ccbbff; }
div.h3 { background-color:lightgreen; }
div.e1:hover, div.e2:hover, div.e3:hover, div.h1:hover, div.h2:hover, div.h3:hover { background-color:#ebc9c9; }
div.e1:active, div.e2:active, div.e3:active, div.h1:active, div.h2:active, div.h3:active { 
	border-style:solid; border-width:2px; border-color: #aaa #fff #fff #aaa;
}
div.pressed { background-color: lightyellow; }
kbd { font-family: "Courier New", monospace; word-spacing: -0.3em; }
kbd.status { font-family: "GulimChe", monospace; color: white; background-color: royalblue; }
div.up{ height:16px; }
div.down{ height:22px; } 
div.up { margin:1px 1px 0 0px; }
@-moz-document url-prefix() { div.up { margin:1px 1px 1px 2px; } }
div.down { margin:0px 1px 0px 1px; }
div.ue, div.de { clear:both; float:left; font-family:'Consolas',monospace,sans-serif; color:#777; font-size:14px; }
div.e2 div.ue { color:#000; font-size:14px; }
div.dh, div.uh { float:right; font-size:14px; }
div#row4 div.ue, div#row4 div.de { margin:0px auto; width:100%; text-align:center; }
div#row4 #ue56 { text-align:left; }
div#row4 div.up, div#row4 div.down {}
div#row4 .special div.ue, div#row4 .special div.de  { font-size:12px; font-family:'맑은 고딕','Malgun Gothic','함초롬돋움','함초롬돋움 LVT','HCR Dotum LVT','Un Jamo Batang Ex','은 자모 바탕 확장'}