@font-face{
font-family:jua;
src:url('../../fonts/jo.eot');
src:local(※), 
	url('../../fonts/jo.woff') format('woff');
}
.bh-screeninspector { position:absolute; width:0; height:0; left:0; top:0; z-index:2 }

body { color:#583332; background-color:#fbf9f4; margin:0; padding:0; font-family:'jua', sans-serif; font-size:12px; color:#330000 }
html, body { height:100%; width:100%; overflow:hidden; }
.fl-left { float:left }
.fl-right { float:right }
a { color:#583332 }
.print { display:none }
:focus { outline:none }
img { border:none }

.arrow-left { position:absolute; left:20px; top:50%; display:block; background:transparent url(../img/arrow_left.png) top left no-repeat; width:30px; height:30px }
.arrow-right { position:absolute; right:20px; top:50%; display:block; background:transparent url(../img/arrow_right.png) top left no-repeat; width:30px; height:30px }

#cover { position:absolute; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#f6efe3; }

#start { position:absolute; left:0; top:0; z-index:99; width:100%; height:100%; background-color:#f6efe3; }

#container { width:100%; height:100%; margin:0; padding:0; }


#content { width:100%; }

.filosofia { width:100%; height:95%; position:relative; background-color:#fbf9f4 }
.filosofia .top { z-index:55; position:absolute; width:100%; height:9px; top:0; left:0; background:transparent url(../img/filosofia_book_bg_top.png) top left repeat-x }
.filosofia .bottom {z-index:55; position:absolute; width:100%; height:9px; bottom:0; left:0; background:transparent url(../img/filosofia_book_bg_bottom.png) bottom left repeat-x }

.filosofia .intro { background-color:#fbf9f4; position:absolute; left:0; top:0; width:100%; height:100%; z-index:54; text-align:center }
.filosofia .intro .book { height:100%; }
.filosofia .intro2 { position:absolute; left:0; top:0; width:100%; height:100%; z-index:53; }

.filosofia .bookcont { position:relative; width:100%; height:88%;  } /* 기존 100% 수정 */
.filosofia .bookcont .book { margin:0; padding:0; position:relative; width:100%; height:100% }
.filosofia .bookcont .book .page { color:#343434; text-align:left; display:inline-block; display:expression("inline"); margin:0 auto }
.filosofia .bookcont .book .page h2 { text-align:left; margin:0 0 15px 0; font-family:'jua', sans-serif; padding:0; font-size:28px; line-height:28px; font-weight:normal; color:#cc9966 }
.filosofia .bookcont .book .page h3 { text-align:left; margin:0 0 10px 0; font-family:'jua', sans-serif; padding:0; font-size:18px; line-height:18px; font-weight:normal; color:#cc9966 }
.filosofia .bookcont .book .page p, .filosofia .bookcont .book .page span{ margin:0; padding:0; font-size:13px; line-height:17px }
a.bookdownloadlink { font-style:normal; text-decoration:none; display:inline-block; margin:0; padding:3px 10px; text-transform:uppercase; background-color:#4c4b4b; color:#f6efe3 }
.filosofia .bookcont .book .page .margin { margin-left:60px; margin-right:60px }
.filosofia .bookcont .book .page .italic { font-style:italic }
.filosofia .bookcont .book .page .center { text-align:center }
.filosofia .bookcont .book .page .hilight { color:#cc9966 }
.filosofia .bookcont .book .page .firma { width:140px; height:55px; display:inline-block; background:transparent url(../img/firma.png) bottom left repeat-x }
.filosofia .bookcont .book .page img { margin-bottom:5px; }
.filosofia .bookcont .book .page .photo { padding:10px 15px; }
.filosofia .bookcont .book .page .shadow { box-shadow:1px 1px 5px #cccccc;
											-webkit-box-shadow:1px 1px 5px #cccccc;
											-moz-box-shadow: 1px 1px 5px #cccccc; }	
											
.filosofia .bookcont .book .page .photo .se img { height:600px }
.bh-treshold-2 .filosofia .bookcont .book .page .photo .se img { height:600px; }

.filosofia .bookcont .book .page .photo .ga img { height:500px }
.bh-treshold-2 .filosofia .bookcont .book .page .photo .ga img { height:500px; }

.filosofia .bookcont .book .page .photo .ga2 img { height:400px }
.bh-treshold-2 .filosofia .bookcont .book .page .photo .ga2 img { height:400px; }

.bh-treshold-2 .filosofia .bookcont .book .page p { font-size:15px; line-height:20px }

.filosofia .bookcont .book .b-wrap-left { background:#fbf9f4 url(../img/filosofia_book_page_bg.png) top right repeat-y }
.filosofia .bookcont .book .b-wrap-right { background-color:#fbf9f4 }
.filosofia .bookcont .book .b-counter { display:none }


.bh-toggle .bh-content { display:none }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{ 
    #logo, .logo
    {
        background-image:url('../img/logo-hires.png');
        background-size: 186px 55px;
        content:"a";
    }
}