/*<style type="text/css"> */
/* 2016.11.09 * /
/* shadow text 구현 */ 

body {
            padding: 0;
            margin: 0px;
            -moz-user-select: none;
            -webkit-user-select: none;
             -ms-user-select: none;
                user-select: none; 
        }
    img,
    div {
		position:relative;
		display:block;
		box-sizing: border-box;
		padding:0px;
		margin:0px;
		border:0px;	
        -webkit-transform-style : preserv-3d; -webkit-perspective : 320px; transform-style : preserv-3d; perspective : 320px;
        font: bold 12px arial, sans-serif;
        
    }


    .Scale{
		-webkit-transform: scale(0.5);
		    -ms-transform: scale(0.5);
		        transform: scale(0.5);
		-webkit-transform-origin: 0 0 0 ;
		    -ms-transform-origin: 0 0 0 ;
		        transform-origin: 0 0 0 ; 

    }

	.Center{			/*가운데정렬*/
		position: relative;
		margin:0 auto;
		
	}
	.Bottom{			/*하단붙침*/
		position: absolute;
		top:auto;
		bottom: 0px;
	}
	.PageCFloatL{	   /*왼쪽 붙침*/
		position: relative;
		float: left;

	}
	
	.LinkOver:hover{
		/*border: 1px solid darkorange;*/
	}


	.PageCRight{
		position: absolute;
		right: 0px;
		top:0px;
	}

	.PageCLeft{
		position: absolute;
		left: 0px;
		top:0px;

	}

	.PageCRightBottom{
		position: absolute;
		right: 0px;	
		top:auto;
		top:auto;
		bottom: 0px;			
	}
	.PageCLeftBottom{
		position: absolute;
		left: 0px;	
		top:auto;
		bottom: 0px;			
	}
	.gradientsR {
	    
	    background: rgba(102, 102, 102, 0);
	    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 102, 102, 0)), color-stop(36%, rgba(82, 82, 82, 0.36)), color-stop(99%, rgba(36, 36, 36, 0.99)), color-stop(100%, rgba(0, 0, 0, 1)));
	    background: linear-gradient(to right, rgba(102, 102, 102, 0) 0%, rgba(82, 82, 82, 0.36) 36%, rgba(36, 36, 36, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
	    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=1);
	    -ms-transform: translate(0px, 0px);
	    /* IE 9 */
	    -webkit-transform: translate(0px, 0px);
	    /* Safari */
	    transform: translate(0px, 0px);
	}
	/* title menu */
			
			#_PageBarCont {
				-webkit-transition : opacity 1.5s linear;
				transition : opacity 1.5s linear;
			}
	
			
			#_PageBar:hover {
				background-color: rgba(0,0,0,0.3);
			}
			
			
			#titleBar{
				position:absolute;
				display:block;
				margin:0px;
				top:0px;
				left:0px;
				background-color: lightgray;
				padding:0px;
				width: 100%;	
				/*height:40px;	*/
				bottom:100px;
				color: #ffffff;
				font: 18px bold arial, sans-serif;
				text-align:center;
				z-index : 1001;
				-webkit-transition : opacity 1.5s linear;
				transition : opacity 1.5s linear;
			}
			#titleBar .logoArea{
				display:inline-block; 
				position:absolute; 
				right:0px; top:0px; 
				margin:4px; 
				margin-right: 50px;
				padding:0px;
				width : auto;
				height:30px;
				border-radius:7px; 
				overflow:hidden;
				cursor: pointer;
			}
	/*title menu */ 
	 #_ArrPre{
	    -ms-transform: scale(1) ; /* IE 9 */
	    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
	    transform: scale(1);
	    opacity: 0.7;
	   

	 }
	 #_ArrNext{
	    -ms-transform: scale(1) ; /* IE 9 */
	    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
	    transform: scale(1);
		 opacity: 0.7;
		
	 }
	.gradientsL {
	    -ms-transform: rotate(90deg) ; /* IE 9 */
	    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	    transform: rotate(90deg);
	    background: rgba(102, 102, 102, 0);
	    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 102, 102, 0)), color-stop(36%, rgba(82, 82, 82, 0.36)), color-stop(99%, rgba(36, 36, 36, 0.99)), color-stop(100%, rgba(0, 0, 0, 1)));
	    background: linear-gradient(to right, rgba(102, 102, 102, 0) 0%, rgba(82, 82, 82, 0.36) 36%, rgba(36, 36, 36, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
	    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=1);
	    -ms-transform: translate(0px, 0px) rotate(180deg);
	    /* IE 9 */
	    -webkit-transform: translate(0px, 0px) rotate(180deg);
	    /* Safari */
	    transform: translate(0px, 0px) rotate(180deg);
	}

/* loader S */

table {
    width: 100%;
}

td {
    border:2px solid blue;
}

.fontcolor{
   color: red;
 
}
/*이미지 progress 스타일 */
#progress {
  width: 300px;
  height: 2px;
  background: #eee;
}

#progress > div {
  width: 200px;
  height: 2px;
  background: #0b90ff;
  -webkit-transition: width 50ms ease-out;
}

.divProgress{
  width: 500px;
  border: 1px solid #ddd;
  border-radius: 5px; 
  overflow: hidden;
  display:inline-block;
  margin:0px 10px 5px 5px;
  vertical-align:top;
}
.progressbar {
    color: #fff;
    text-align: right;
    height: 25px;
    width: 0;
    background-color: #0ba1b5; 
    border-radius: 3px; 
} 
/* cursor */ 
.zoomIn{
	    cursor: grab;
    	cursor: -webkit-grab;
        cursor: url('/_viewer/_pc/_viewerV2_1/css/zoomin_cur_1.cur'),url('/_viewer/_pc/_viewerV2_1/css/zoomin_cur.png'),default !important; 
}

.Pages img
{
max-width:100%; 
max-height:100%;
margin:auto;
display:block;
}
/* shadow text  style */ 
.shText {
	background-color:;
	color:;
	font-weight:900;
	font-size:13px;
	opacity: 1;
	text-shadow: 1px 1px #ffffff;
}

#progress {
  width: 300px;
  height: 2px;
  background: #eee;
}

#progress > div {
  width: 200px;
  height: 2px;
  background: #0b90ff;
  -webkit-transition: width 50ms ease-out;
}

/* loader E */ 
/*</style>*/

/* _View */

/* slider menu */
.thumImg{

		position:absolute;

		display:none;

		bottom: 32px;

		left:-50px;

		width:120px;

		border-radius:5px;

		border:2px solid #cccccc;			

	}


div#_PageNum  {
	position: absolute;
	border: 0px solid #fff;
	box-sizing: border-box;
	border-radius: 7px;
	background-color: rgba(0,0,0,.4);
	font: 700 10pt arial,sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow : hidden;
	width: 80px;
	line-height : 120%;
}

div#_ThumbInfo  {
	position: absolute;
	border: 0px solid #fff;
	box-sizing: border-box;
	border-radius: 7px;
	background-color: rgba(0,0,0,.4);
	font: 700 10pt arial,sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow : hidden;
	width: 48px;
	-webkit-transition : opacity 1.5s linear;
	transition : opacity 1.5s linear;
}

div#_FullScreen  {
	position: absolute;
	border: 0px solid #fff;
	box-sizing: border-box;
	border-radius: 7px;
	background-color: rgba(0,0,0,.4);
	font: 700 10pt arial,sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow : hidden;
	width: 48px;
	-webkit-transition : opacity 1.5s linear;
	transition : opacity 1.5s linear;
}			       

#userlogo {
	position : absolute;
	width : 180px;
	height : 30px;
}

div[id^="mC"] img {  /* content Layer */
	padding: 0;
	margin: 0;         
	-webkit-transform:translateZ(0);
	transform:translateZ(0);    
}		
	
/* slider menu */