body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	background: #fff;
	    
}
#wrap { width:100%; }
#header { background:#0650a3; height:100px; position:fixed; width:100%; border-bottom:1px solid #333; z-index: 100; }
#header .logo { padding-top:5px; background:#FFF; padding-left:20px; font-family: "맑은고딕", "맑은 고딕", "MalgunGothic", "MalGun Gothic", "malgungothic", "malgun gothic", malgun; }
#header .logo ul,
#header .logo ul li { padding:0 0 0 0; margin:0 0 0 0; list-style: none; line-height: 20px; }
#header .logo ul li { display: inline; vertical-align: middle; }
#header .logo ul li select { vertical-align: top; }
#header .logo ul li.licence { position: absolute; top:22px; margin-left:10px;} 
#header .logo ul li.dn { position: absolute; top:22px; margin-left:70px;} 
#header .logo ul li.page { position: absolute; right:20px; top:12px; } 
#header .title { color:#FFF; font-size:12px; padding-top:10px; text-align:center; }
#header .logo .title { font-size:11px; color:#333; font-family: "맑은고딕", "맑은 고딕", "MalgunGothic", "MalGun Gothic", "malgungothic", "malgun gothic", malgun; }
#container {
	text-align:center; position: absolute;
	width: 100%;
	right: 0px;
	top:81px;
	/* overflow: hidden; */
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 60; }
#container2 {
	text-align:center; position: absolute;
	width: 100%;
	background:#FFF;
	right: 0px;
	top:121px;
	padding-bottom:-120px;
	margin-bottom:-120px;
	/* overflow: hidden; */
	-webkit-overflow-scrolling: touch;
	z-index: 60; }
#dialog { z-index: 120; }
#dialog p { font-size:12px; }

/* Mobile Device */
#container #doc { width:100%; background:#FFF; }

/* Tablet & Desktop Device */
@media all and (min-width:768px) {
#container #doc { width:100%; background:#FFF; }
#header .title { color:#FFF; font-size:14px; padding-top:10px; text-align:center; }
}

/* Desktop Device */
@media all and (min-width:1025px) {
#container #doc { width:1000px; background:#FFF; }
#header .title { color:#FFF; font-size:16px; padding-top:10px; text-align:center; }
}


.frTabs,
.frTabs li { padding:0 0 0 0; margin:0 0 0 0; list-style: none; }
.frTabs { position:fixed; z-index:256; left:0; top:0; min-width:100%; border-bottom:1px solid gray; width:100%; height:30px; background:#E0E0E0; }
.menu a  { border:1px solid #CCC; border-left:0; background:#FFF; font-size:14px; line-height: 30px; padding:5px 10px; }
.menu a:link, .menu a:visited {color:#000;text-decoration:none; margin:0 0 0 0;}
.menu a:hover, .menu a:focus, .menu a:active {color:#000;text-decoration:none}
        /* How to display when full screen */ 
       #doc:-fullscreen {
         position:absolute;
         left:0;
         top:0;
         width: 100%;
         height: 100%;
         background-color: #FFF;
       }
       
       /* What color to show the background */
       #doc:-fullscreen::-backdrop {
         background-color: magenta;
       }
   /* Microsoft section */    
        /* How to display when full screen */ 
       #doc:-ms-fullscreen {
         position:absolute;
         left:0;
         top:0;
         width: 100%;
         height: 100%;
         background-color: #FFF;
       }
       
       /* What color to show the background */
       #doc:-ms-fullscreen::-ms-backdrop {
         background-color: #FFF;
       }