/* reset css start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';}

table {border-collapse: collapse; border-spacing: 0;}
/* reset css end */

/* web view css start */
body { background: #FFFFFF;	overflow: hidden; line-height: 1; }

#container {overflow: hidden; width:100%;}

#header_container { 
	position: absolute;
	z-index: 15; 
	left:0; 
	top:0; 
	width:100%;
}

#header {
	width:100%; 
	position: relative; 
	background:#F7F7F7; 
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	height: 44px; 
	color: #343d5e; 
	z-index: 15; 
}
#header_title {
	width: 95%;
	margin: auto;
	height: 25px;
	font-family: Arial, Helvetica, Nanum Gothic, Dotum, Helvetica, AppleGothic, sans-serif;
	font-size: 17px;
	/*font-weight: bold;*/
	color: #999999;
	background: #ecebf2; 
	border: 1px solid #C9C9C9; 
	border-radius: 24px; 
	text-align: center;
	line-height: 25px;

	/*white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;*/
}

.pageInfoTxt_en {
	float: left;
	color: #454964;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 10px;
	vertical-align: middle;
	line-height:58px; 
}
.pageInfoTxt_ko {
	float: right;
	color: #454964;
	font-family: Arial, Helvetica, Nanum Gothic, Dotum, Helvetica, AppleGothic, sans-serif;
	font-size: 13px;
	margin-left: 10px;
	vertical-align: middle;
}

#drawSelectOption {
	display: block;
	float: left;
	min-width: 75px;
	min-height: 34px;
	max-height: 69px;
	/*padding-right: 20px;*/
}

#palette_pen, #palette_highlighter {
	display: block;
	float: left;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #c8c9cc;
	/*border-bottom: 1px solid #c8c9cc;
	border-left: 1px solid #c8c9cc;*/
	padding-right: 10px;
	padding-left: 10px;

}

#palette_pen img, #palette_highlighter img {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
}

#palette_eraser {
	float: left;
}
	
#palette_highlighter, #palette_eraser, #btn_share, #draw_detail, #eraser_detail, #tempPageText {
	display: none;
}
#draw_detail {max-height: 70px;}
#draw_detail table, #draw_detail table tr, #draw_detail table tr td{max-height: 69px;}

#header_menu_detail { 
	position: relative;
	display: none;
	background: #F3F3F3;
	border-top: 0 solid #ceced6; 
	border-bottom: 1px solid #ceced6;
	/*min-width: 460px;*/
}

#header_menu_detail table {
	margin: 0 auto;  
	height: 30px;
	border:0 solid red;
}

#header_menu_detail td {
	vertical-align: middle;
}

#header_menu_detail td img {
	vertical-align: middle;
	float: left;
}

#header_toggle { 
	position: absolute; 
	height: 38px; 
	cursor: pointer;
	z-index: 30;
	display: none;
}

#footer_container { 
	background: #F7F7F7; 
	/*border: 1px solid #c5c5c5; */
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	bottom: 0; 
	height: 44px; 
	left: 0; 
	position : absolute; 
	z-index: 30; 
	width: 100%;
	vertical-align: middle;
}

#btn_draw, #btn_memo, #btn_more1, #btn_close, #callThumbnail, #btn_link, #btn_share, #btn_login, .searchList, #history, #btn_pageMode, #selectPen, #selectHighlighter, #selectEraser, #eraserSelect1, #eraserSelect2, #eraserSelect3, #eraserAll, .zoomOut, .zoomIn, #btn_fullScreen, #btn_print, #btn_more, #btn_filedownload, #btn_winclose {
	cursor: pointer;
}

#currentMode {
	position: absolute;
	font-family: Arial, Helvetica, Nanum Gothic, Dotum, Helvetica, AppleGothic, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#FF6600;
	line-height:58px; 
}

#currentModeNotice {
	position: absolute;
	text-align: center;
	font-family: Arial, Helvetica, Nanum Gothic, Dotum, Helvetica, AppleGothic, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url('../images/forIE/bg_50.png');
	bottom: 47px;
	width: 100%;
	height: 22px;
	line-height:22px; 
	display: none;
}

div#ISleft {
	position:fixed;
	z-index: 30;
	top: 42%;
	left: 1%;
	cursor: pointer;
}

div#ISright{
	position:fixed;
	z-index: 30;
	top: 42%;
	right: 1%;
	cursor: pointer;
}

/* bookmark */
#bookmark_container {
	top: 60px;
	z-index: 1;
	cursor: pointer;
}

#paging { 
	width: auto; 
	height: 20px;
	text-align: center;
	line-height: 32px;
	margin-top: -2px;
	/*background: #ecebf2; */
	/*border: 1px solid #C9C9C9;*/
	/*border-radius:10px; */
	/*margin-right: 10px;*/
}

#CURRENT_PAGE, #TOTAL_PAGE { 
	font-size: 15px; 
	/*font-weight: bold; */
	color: #6F6F6F; 
}

/* loading image */

.loading_icon {
	width: 80px;
	height: 80px;
	background: url('../images/progressbar.png') no-repeat;
	position: fixed;
	z-index: 100;
}

.loading_icon_mini {
	width: 40px;
	height: 40px;
	background: url('../images/progressbar_mini.png') no-repeat;
	position: fixed;
	z-index: 11000;
}

#slider_drawing, #slider_eraser {
	width: 150px;
}

/* index list */

.indexList {
	cursor: pointer;
}

#content {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
}

#pages {
	position: absolute;
	width : 100%;
	height: 100%;
}

#pages iframe{
	position: absolute;
	overflow: hidden;
}

 #connectionErrorTemplet {
	position: absolute;
	height: 150px;
	width: 300px; 
	left: 40%;
	top: 40%;
	background: #FFFFFF;		
	border: 1px solid #CCCCCC;
}

/* mini Map */
/*
#miniMap_container {
    z-index : 10000;
    position : absolute;
    cursor: pointer;
    font-size: 1em;
    border: 15px solid #D9D9D9;
    pointer-events : none;
    visibility: hidden;
}

.miniMapPreview {
    z-index : 10001;
    position : absolute;
    background : transparent;
    border: 15px solid blue;
}

#miniMapMenu1, #miniMapMenu2 {
	position: absolute;
	background-color: #333333;
	text-align: center;
	cursor: pointer;
}

#miniMap {
	background-color: #333333;
}
*/
#currentPageTextInput {
	/*width: 23px;*/
	border: 0px;
	cursor: pointer;
	font-size: 15px;
	color: #6F6F6F;
	/*font-weight: bold;*/
	text-align: right;
}

#btn_menu{
	position:absolute;
	top:-1px;
}

/* web view css end */

/* web view css add ver2.4.0 start */
#select_viewer{
	position: absolute;
	width: 320px;
	height: 402px;
	background: url('../images/index/popup1_bg.jpg') no-repeat;
	display: none;
}

#select_viewer #APP_VIEW{
	position: absolute;
	top:110px;
	left:18px;
	width: 284px;
	height : 42px;
	background: url('../images/index/popup1_btn1.png') no-repeat;
	border: none;
}

#select_viewer #WEB_VIEW{
	position: absolute;
	top:190px;
	left:18px;
	width: 284px;
	height : 42px;
	background: url('../images/index/popup1_btn2.png') no-repeat;
	border: none;
}
/* web view css add ver2.4.0 end */

#topMenuTableTr{
	display: none;
}

div.imageView{
	width:100%;
	height:100%;
	margin:0 auto;
}

div.imageView img{
	width:100%;
}

#gras{
	position: absolute;
	top:0;
	left:0;
}

#gras .graLeft{
	position:absolute;
	width:auto;
	height:1024px;
	display: none;
}
#gras .graLeft img{
	width:50px;
	height:100%;
	float: left;
}
#gras .graRight{
	position:absolute;
	width:auto;
	height:1024px;
	display: none;
}
#gras .graRight img{
	width:50px;
	height:100%;
	float: left;
}

#way_popup{
	position:absolute;
	width:100%;
	height:52px;
	text-align:center;
	bottom:70px;
	z-index:16;
	display: none;
}

#sviewer_ver{
	padding: 10px 0 10px 0;
	text-align: center;
}

#sviewer_ver p{color: #6F6F6F;}

#div-ad{
	position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    z-index: 10;
    text-align: center;
}

#div-ad-left{
	position: absolute;
    left: 0px;
    top: 15%;
    width: 160px;
    height: 600px;
    z-index: 10;
    text-align: left;
}

#div-ad-right{
	position: absolute;
    right: 0px;
    top: 15%;
    width: 160px;
    height: 600px;
    z-index: 10;
    text-align: right;
}

#img-adclose{
	display: none;
	cursor: pointer;
}

#img-adclose-left{
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: -10px;
}

#img-adclose-right{
	display: none;
	cursor: pointer;
	float: right;
	position: absolute;
	right: 0;
	z-index: 2;
	top: -10px;
}

#div-ad-left-iframe{
	position: absolute;
	left: 0;
	top: 0;
}

#div-ad-right-iframe{
	position: absolute;
	right: 0;
	top: 0;
}

#close_draw{width: 34px; height: 34px; background: url('../images/drawing/draw_close_btn_01.png') no-repeat; cursor: pointer;}
#close_draw:hover{background: url('../images/drawing/draw_close_btn_02.png') no-repeat;}

#swipe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

#components{
	position: absolute;
	left: 0;
	top: 0;
	/*width: 100%;
	height: 100%;*/
}

/* 목차 텍스트 스타일 */
.tocText {
	float: left;
    padding-left: 10px;
    width: 250px;
    height: 38px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
}
.tocPageNumber {
	position:absolute;
	right:10px;
	text-align:right;
}

/* */
.thumImage {
	border : 1px solid #c9c9c9;
}

/* 코멘트 게시판 스타일 */
#commentBoard { position: absolute; width: 100%; height: 100%; display: none; z-index: 101;}
#commentBoard_top {width: 100%; height:44px; background: #F7F7F7; border-bottom: 1px solid #D9D9D9}
#commentBoard_top ul li {font-family: Arial, Helvetica, Nanum Gothic, Dotum, Helvetica, AppleGothic, sans-serif;}
#comment_menu {position: absolute; width: 100%; height: auto; top: 10px;}
#comment_title {width :auto; float: left; margin-left: 35px; padding-top: 4px;}
#comment_close {width :25px; height: 25px; float: right; cursor: pointer; background: url('../images/titan_topMenu/comment_close.png') no-repeat; margin-right: 35px;}
#comment_write {width :80px; height: 25px; float: right; cursor: pointer; background: url('../images/titan_topMenu/comment_write.png') no-repeat; margin-top: 2px; margin-right: 20px;}

#comment_btn {display: inline-block; top: 0; left: 0; width: 26px; height: 17px; background: url('../images/titan_topMenu/topMenu_comment_normal.png') no-repeat; margin-left: 5px;}
#btn_cmt{cursor: pointer;}