@font-face {
	font-family:'NanumGothic';
	src:url(../fonts/nanum.eot);
	src:local('☺'), url(../fonts/nanum.woff) format("woff") , url(../fonts/nanum.ttf) format("truetype");
}
/* 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;}
g
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%;
}

.sns_share {
    float :left;
    margin : 5px;
}

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

.sns_share{
    width : 40px;
    height : 40px;
}
#sns_container_content{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border : 0.5px solid #aaaaaa;
}

#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:'NanumGothic', 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;
	margin-top:9px;
    /*white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;*/
}
#logo-out {
	position:absolute;
	left:10px;
	height: 25px;
	bottom:15px;
}
.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: 56px;
    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, .btn_duclass, .btn_teacher_dataroom, #btnSlideLeftFirst, #btnSlideRightLast {
    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: -13px;
    /*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%;
}

.page_action_container {
    position: absolute;
    width : 2120px;
    height: 2912px;
}

#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;
    pointer-events: none;

}

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

#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;}

/* 컨텐츠 삭제 버튼 */
.deleteContent{position: absolute; width: 19px; height: 19px; background: url('../images/common/indexList_deleteButton.png') no-repeat; margin-top: 110px; right: 10px;}

/* 검색 */
.div_searchWord{
    width: 150px; margin-left: 110px; overflow: hidden; line-height: 18px; text-align: left; word-wrap: break-word;
    word-break:break-all; -ms-word-break:break-all; -moz-word-break:break-all; -o-word-break:break-all;>
}

/* 북 컨텐츠 */
.filename {
    cursor: pointer;
}

/* svg */
#drawingSVG{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#drawing_container {
    position : absolute;
    top: 0;
    overflow: hidden;
    margin: 0px;
    border: 0px solid #00ff00;
    pointer-events: none;
}

#expandMode {
	/*position: fixed;*/
	position:absolute;
	bottom:  70px;
	left:50%;
	margin-left: -42px;
	width:84px;
	opacity:0.5;
	z-index:999;
	display:none;
}

#expandMode img {
	display:block;
	float:left;
	margin:0 10px;
	cursor:pointer;
}