@charset "utf-8";
@font-face {
  font-family: 'NanumSquareB';
  font-style: bold;
  font-weight: 700;
  src: url(../textdbook/css/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(../textdbook/css/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../textdbook/css/NanumSquareB.woff) format('woff'),
}

html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; font-size:12px;font-family:'NanumSquareB';}
div, img, ul, li {margin:0px; padding:0px;}	
#mainTable {width:100%; height:100%;}	
#skin_MenuTop {width:100%;height:auto;}
#index_menuBar {width:100%; height:auto; padding:3px 0; border-top:1px solid #282932; background:#43444c; text-align:center; color:#ffffff; }
#skin_MenuBottom {}
#skin_MenuLeft {float:left;width:auto;}
#td_viewerLeft {float:left;width:auto;}
#td_viewerRight {float:right;width:auto; }
#skin_MenuRight {float:right;width:auto;}
#skin_Viewer {position:absolute; width:10px; height:10px;}
#viewerDiv{overflow:hidden;position:relative;width:100%;height:100%;-khtml-user-select:none;-khtml-user-drag:none;-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;}

#dBook{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;}
#ebook_htmlTip{position:absolute;left:-1px;top:-1px;z-index:300;-khtml-user-drag:none;background-color:#f1f1f1;}

.smenu_tab_btn_box_right  { width:50px; height:100%; background:#43444c; }
.smenu_tab_btn_box_right .on  {}
.smenu_tab_btn_box_right .off  {cursor:pointer;}

.smenu_tab_btn_box_left { width:50px; height:100%; background:#43444c; }
.smenu_tab_btn_box_left .on  {}
.smenu_tab_btn_box_left .off  {cursor:pointer;}

.smenu_resize_bar_left, .smenu_resize_bar_right {width:3px; height: 100%; float: left; background-color: transparent; cursor: e-resize;}
.smenu_resize_bar_left{margin-left:-5px;}
.smenu_resize_bar_right{margin-right:-5px;}

.smenu_contents_box_left {
	height:100%; float:left; *position:relative; *left:-2px; *top:-2px; background:#e9e9e9; overflow:hidden;
	border-radius:7px; 
	box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-o-box-shadow:0 0 30px rgba(0,0,0,0.3); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,0.3); 
}
.smenu_contents_box_left .smenu_title_bar { font-size:12px; padding:10px 0px 8px 7px; font-weight:bold; font-family:verdana; color:#000; position:relative; cursor:move;}
.smenu_contents_box_left .smenu_close_btn { position:absolute; right:7px; top:10px; margin-top:2px;margin-right:7px; cursor:pointer; }

.smenu_contents_box_right {height:100%; *position:relative; *right:-2px; *top:-2px; float:left; background:#949494; border-top:1px solid #0a0102; border-left:1px solid #0a0102; border-bottom:1px solid #0a0102; overflow:hidden; }
.smenu_contents_box_right .smenu_title_bar { font-size:12px; padding:10px 0px 8px 7px; background:url('../images/bg_smenu_line.jpg') left bottom repeat-x; font-weight:bold; font-family:verdana; color:#ffffff; position:relative; }
.smenu_contents_box_right .smenu_close_btn { position:absolute; right:7px; top:10px; cursor:pointer; }
.smenu_contents_box_right .smenu_contents { clear:both; }

.smenu_tmp_bar_left, .smenu_tmp_bar_right{position:absolute; border:1px solid #cccccc; cursor:e-resize; background-color:#cccccc;}	

/* 2014.03.14 구조 변경으로 인한 추가 */
/* Common */
li { list-style:none; }
img { border:0px; vertical-align:middle; }

/* Clearfix */
.clearfix { display:inline-block; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac */
*html .clearfix { height:1%; }
.clearfix { display:block; }
.floatL { float:left; }
.floatR { float:right; }

.tc { text-align:center; }

.nobg { background:none !important; }

/* Horizontal */
.box_top { height:71px; position:relative; overflow:hidden; }
.list_top { overflow:hidden; }
.list_top li { float:left; line-height:33px;cursor:pointer;}
.list_top li button { width:38px; height:38px; border:0px; cursor:pointer; }
.list_top li a { width:38px; height:38px; display:block; }
.bg_menu_top { width:100%; height:1px; position:absolute; left:0px; bottom:0px; background:url('../images/bg_menu.png') left bottom repeat-x; z-index:1; }
.bg_menu_bottom { width:100%; height:1px; position:absolute; left:0px; top:0px; background:url('../images/bg_menu.png') left top repeat-x; z-index:1; }

/* Vertical */
.box_vertical { width:39px; height:100%; background:#656774; overflow:hidden; }
.list_vert li button { width:39px; height:39px; border:0px; cursor:pointer; }

.btn_logo { width:auto !important; height:auto !important; }
.input_textbox { width:63px; height:30px; margin-right: 10px; margin-top:2px; background:#0c5e7f;/*background:url('../images/bg_textbox.png') left center repeat-x;*/ border:0px; border-radius: 3px; text-align:center; font-size:9pt; color:#000000; }
.btn_textbox { width:32px !important; height:26px !important; background:url('../images/btn_textbox.png') no-repeat; }
.btn_searchbox { width:32px !important; height:26px !important; background:url('../images/btn_search.png') no-repeat; }
.btn_searchbox:active { background:url('../images/btn_search_on.png') no-repeat; }


/* 2016.10.14 구조 변경으로 인한 추가 */
.green_wrap {width:295px;height:71px;display: table;padding-left:26px;box-sizing:border-box;overflow:hidden;background:#8cbe4e;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;text-align: left;}

.orange_wrap {width:780px;height:71px;overflow:hidden;background:#f0af1d;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.orange_wrap ul li {margin: 0 15px;}

.green_wrap > div,
.orange_wrap > div {height: 71px;display: table;}
.orange_wrap > div {margin: auto;}

.skin_title {margin-top: 4px;margin-right: 30px;display: inline-block;color:#ffffff;}
.skin_title span {float: left;margin:0;text-align:left;}
.skin_title .first {font-size:10px;}
.skin_title .second {clear: both;font-size:28px;}

.top_menu {display: table-cell;vertical-align:middle;}
.top_menu li {float:left;cursor:pointer;}
.top_menu li:hover span {color:#444444}
.top_menu li.skin_title:hover span {color:#fff}
.top_menu li span {display:block;text-align:center;font-size:13px;color:#ffffff;font-weight:600;}
.top_menu li div {height:35px;}
.top_menu li img {margin: auto;display: block;}
.top_menu li.home {padding-right: 20px;}

.box_bottom {width:648px;height:63px;position:absolute;bottom:-10px;left:0;right:0;margin:auto;overflow:hidden;background:#2085a8;   border-top-left-radius: 20px;border-top-right-radius: 20px;}
.box_bottom > div {display:table;margin:auto;}
.page_text {color:#ffffff;font-size:16px;font-family:'나눔고딕','돋움';}
.btn_index {position: fixed;top: 148px;cursor:pointer;z-index:3;}
.down:hover {margin-top:2px;}

.bg_wrap {position:absolute;width:100%;height:100%;background-color: #0c6182;z-index: -1;}
.bg_top {width:100%;height:100%;background:url(../images/bg_top.png)}
.bg_bottom {width:100%;height:99px;position:absolute;bottom:0;background:url(../images/bg_bottom.png);background-color: #0c6182;}
.bg_character1 {position:fixed;bottom:210px;left:57px;}
.bg_character2 {position:fixed;bottom:238px;left:-60px;right:0;margin:auto;}

/* 상단 메뉴 버튼 */
.btn_menu {width:100%;height:35px;background:none;background-position: top center;background-repeat: no-repeat;border:0;cursor:pointer;}

/*홈*/
.btn_menu.home {width: 27px;background-image:url(../images/btn_kumsung_home.png);}
.top_menu li:hover .btn_menu.home {background-image:url(../images/btn_kumsung_home_over.png);}

/*멀티미디어 자료실*/
.btn_menu.media {background-image:url(../images/btn_multiMedia.png);}
.top_menu li:hover .btn_menu.media {background-image:url(../images/btn_multiMedia_over.png);}

/*드래그 확대*/
.btn_menu.zoom {background-image:url(../images/btn_zoom_drag.png);}
.top_menu li:hover .btn_menu.zoom {background-image:url(../images/btn_zoom_drag_over.png);}

/*전체 보기*/
.btn_menu.FullScreen {background-image:url(../images/btn_fullscreen.png);}
.top_menu li:hover .btn_menu.FullScreen {background-image:url(../images/btn_fullscreen_over.png);}

/*그리기*/
.btn_menu.Pen {background-image:url(../images/btn_pen.png);}
.top_menu li:hover .btn_menu.Pen {background-image:url(../images/btn_pen_over.png);}

/*텍스트 선택*/
.btn_menu.TextCapture {background-image:url(../images/btn_cliping_text.png);}
.top_menu li:hover .btn_menu.TextCapture {background-image:url(../images/btn_cliping_text_over.png);}

/*이미지 선택*/
.btn_menu.ImgCapture {background-image:url(../images/btn_cliping_img.png);}
.top_menu li:hover .btn_menu.ImgCapture {background-image:url(../images/btn_cliping_img_over.png);}

/*메모*/
.btn_menu.memo {width: 29px;background-image:url(../images/btn_memo.png);}
.top_menu li:hover .btn_menu.memo {background-image:url(../images/btn_memo_over.png);}

/*책갈피*/
.btn_menu.bookmark {background-image:url(../images/btn_bookmark.png);}
.top_menu li:hover .btn_menu.bookmark {background-image:url(../images/btn_bookmark_over.png);}

/*인쇄*/
.btn_menu.print {width: 27px;background-image:url(../images/btn_print.png);}
.top_menu li:hover .btn_menu.print {background-image:url(../images/btn_print_over.png);}

/*도움말*/
.btn_menu.help {background-image:url(../images/btn_help.png);}
.top_menu li:hover .btn_menu.help {background-image:url(../images/btn_help_over.png);}

/*닫기*/
.btn_menu.close {width: 23px;background-image:url(../images/btn_close.png);}
.top_menu li:hover .btn_menu.close {background-image:url(../images/btn_close_over.png);}

/* popup */
.popup.guide {width:1123px;height:633px;background:#fff;z-index:2;}
.popup.timer {width:400px;z-index:2;}
.popup.guide .pop_top {background:#b17f49;}

.popup.introduce {width:1253px;height:694px;background:#fff;z-index:2;}
.popup.introduce .pop_top {background:#ee9d20;}
.popup.viewer {width:1100px;height:700px;background:#fff;z-index:2;}
.popup {position:absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;}
.popup.guide,.popup.introduce {border-radius: 8px;}
.popup .btn_popClose {position:absolute;right:9px;top:0;bottom:0;margin:auto;cursor:pointer;}
.popup .pop_top {width:100%;height:35px;display: table;position:relative;border-top-left-radius: 8px;border-top-right-radius: 8px;}

.popup .pop_top p {display: table-cell;vertical-align: middle;margin: 0;text-align:center;font-size:16px;font-weight:600;font-family:'나눔고딕','돋움';color:#ffffff;}

/*movie,swf popup*/
.content {position:absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;z-index:100;border-radius: 0px;}
.content .pop_top {width: 100%;}
.content .pop_top .btn_popClose {margin-right:10px;margin-bottom:10px;float:right;cursor:pointer;}
.content .btn_popClose1 {position:absolute;right:-638px;top:27px;bottom:0;margin:auto;cursor:pointer;z-index:3;}
.content .pop_top {display: table;position:relative;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.content.movie {width:650px;height:370px;z-index:2;}
.content.swf {width:640px;height:480px;z-index:2;}
.content.swf object {background:#fff;}

.opec1 {position:absolute;width:100%;height:100%;top: 0;background:#000;opacity: 0.5;z-index:1}
.opec2 {position:absolute;width:100%;height:100%;top: 0;background:#000;opacity: 0.5;z-index:3}