/*구글 폰트 추가*/
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css); 
			
html, body	{ height:100%; font-family: 'Jeju Gothic', serif;}
body { margin:0; padding:0; overflow:auto; }   
#flashContent { display:none; }
/*div{width:800px; margin: 0 auto;}*/
ul{list-style: none;}
/*공통*/
#top_nav{height:100px;width: 100%;}
#top_nav ul{text-decoration: none; width: 800px; background-color: #4FC3F7; height: 80px;padding: 0; margin: 0 auto;}
#top_nav li{float: left; height: 80px; line-height: 80px; font-size: 20px;}
#top_nav a{color:#fff; height:80px;text-align: center;}
select{height:40px; float:left; width: 150px; margin-right: 10px; border-radius:5px; background-color: #4FC3F7; border: #4FC3F7 solid 1px; color:#fff; font-size: 13px; font-family: 'Jeju Gothic', serif;}
/*fileupload*/		
#select_box{width: 100%; height: 50px; }
#inputbox{width: 100%;}
.inputbox_f{height: 30px; line-height:30px;}			
.MultiFile-list{border: #9E9E9E solid 1px; min-height:100px; margin-top: 10px;}
#save_btn{float: right; width: 100px;border-radius:5px; border: #9CCC65 solid 1px; height: 40px; background-color: #9CCC65; color:#fff;}

#filelist{width: 100%; height: 500px; max-height: 500px; overflow: auto; border: #9E9E9E solid 1px;}
/*fileupload end*/
/*category_set*/	
.top_category_box{width:800px; margin: 0 auto;height:40px;}
#category_box{width:1005px; margin: 0 auto;min-height:300px;}
#category_add{width:500px;min-height:300px;float: left; border: #dedede solid 1px;}
#category_add table{width:100%; text-align: center;}
#category_add table td{width: 40%;}
#category_add table input {width:95%;} 
			
#category_remove{width:500px; margin-left:505px; min-height:300px; position: relative;border-left: #dedede solid 1px;border-top: #dedede solid 1px;border-bottom: #dedede solid 1px;border-right: #dedede solid 1px;}
#category_remove table{width:100%; text-align: center;}
#category_remove table tbody{}
#category_remove table input {width:95%;}
	
.category_btn_box{width:1005px;margin: 0 auto; height: 30px;}
.add_btn_box{width:500px;height: 30px;float: left; border-bottom: #dedede solid 1px;border-left: #dedede solid 1px;border-right: #dedede solid 1px;}
.remove_btn_box{width:500px; margin-left:505px; height: 30px;position: relative;border-left: #dedede solid 1px; border-bottom: #dedede solid 1px;border-right: #dedede solid 1px;}
			
#title_box{width:1005px; margin: 0 auto;min-height:300px;}
#title_add{width:500px;min-height:300px;float: left; border: #dedede solid 1px;}
#title_add table{width:100%; text-align: center;}
#title_add table td{width: 25%;}
#title_add table input {width:95%;} 
			
#title_remove{width:500px; margin-left:505px; min-height:300px; position: relative;border-left: #dedede solid 1px;border-top: #dedede solid 1px;border-bottom: #dedede solid 1px;border-right: #dedede solid 1px;}
#title_remove table{width:100%; text-align: center;}
#title_remove table tbody{}
#title_remove table input {width:95%;}			
/*category_set end*/

/*booklist*/
#book_del{height: 40px; width: 150px; background-color: #4FC3F7; border: #4FC3F7 solid 1px; color:#fff; font-size: 13px; border-radius:5px; float: right;}
#book_content{margin-top: 20px;}
.booktitlebar{width: 100%;height: 30px; background-color: #4FC3F7;}
.booktitlebar li {height: 30px;float: left; line-height: 30px; color: #fff;}
#all_delete{height: 26px;width: 50px;margin-top: 2px;}
#booklist{width: 100%; height:500px; max-height: 500px; background-color: #81D4FA; overflow-x:auto;}
#booklist li{width: 100%;height: 40px;}
#booklist li a{text-decoration: none;}
.bookcheck{width: 10%; height: 40px; float:left; margin: 0;}
.bookcheck input{height: 20px; margin-top: 10px; width: 50px;}
.bookname{width: 50%; height: 40px; line-height:40px; font-size: 12pt;float:left;}
.bookname input{float:left;}
.bookimg{width: 40%; height: 40px; text-align: center; font-size: 12pt; margin-left: 60%;}
.bookimg .book_f{width: 100%; height: 25px; text-align: center;}
.bookimg .fimg_in{width: 80%; height: 15px; text-align: center; margin: 0 auto; padding: 0; background-color:#4FC3F7; border:#4FC3F7 solid 1px; color: #fff; border-radius:5px;}
/*booklist end*/
/*alllist*/
#file_box_header {width: 100%;height: 30px;background-color: #4FC3F7; border: #4FC3F7 solid 1px; }
#file_box_header li{float:left; height: 30px; color: #fff;}

#file_box_body {width: 100%; height:500px; max-height: 500px; background-color: #fff; border:#dedede solid 1px; overflow-x:auto;}
#file_box_body li{height: 30px; text-align: center;}
#file_box_body div{float: left; margin: 0; line-height: 30px;}
.f_path{width:40%;}
.f_title{width:20%;}
.f_name{width:20%;}
.f_img{width:20%;}
/*alllist end*/
/*bookviewer*/

#bookviewer_top{width: 100%; height: 35px; background-color: #fff;  line-height: 35px; text-align: center;}
#ad_area{width: 100%;height:100px;}
#documentViewer{width:100%;margin: 0 auto;}			
button{background: transparent; border: transparent solid 1px; cursor: pointer; float: left;}
button img{width: 25px; margin-top: 3px;}
#bookviewer_top div{position: absolute; width:164px; margin-left: 40px;}
#bookviewer_top div img{margin-top: 2px;}
#close_menu{width: 240px; padding: 0px; margin: 0; height: 75px;background-color: #039BE5; line-height: 75px;}
#menu_close{width: 25px; float:right; cursor: pointer;}
#mask {position: absolute; left: 0; top: 0; z-index: 999; background-color: #000; display: none;width: 100%; height: 100%;}
#menu_booklist{width: 240px; height:100%; padding: 0px; margin: 0; overflow-y: auto;}