/* Basic sample */

ul {margin:0;	padding:0;}
li {list-style:none; margin:0;padding:0;}
img {border:none;}

body{
	
	margin:0;
	padding:0;
}

body {
	
    width:100%;
	height:100%;
    	
	background: url(../img/bg.jpg) no-repeat center center fixed;
	background: url(../img/bg.jpg) \0/IE8;
	*background: url(../img/bg.jpg);
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}


.skip{display:none;}
.wrap{
	position:relative;
	display:none;
	width:1400px; 
	height:100%; 
	overflow:hidden;
	margin:auto;
}


div.bt_contents{
	
	position:fixed;
	left:0;
	top: 50%;
	top:40% \0/IE8+9;
	*top: 40%;
	transform: translateY(-50%);
	z-index:999;
}
div.contents{
	
	position:fixed;
	left:-538px;
	top:0;
	height: 100%;
	width:538px;
	background:#CAD3D8;
	overflow-y:auto;

	z-index:999;
}
div.contents ul.menu{
	position:relative;
	padding-top:46px;
	padding-left:33px;
}

.menu1{background:url(../img/contents_1_160.png) no-repeat;  margin-bottom:48px; width:462px; height:40px;}
.menu2{background:url(../img/contents_2_160.png) no-repeat; margin-bottom:48px; width:462px; height:40px;}
.menu3{background:url(../img/contents_3_160.png) no-repeat;margin-bottom:48px; width:462px; height:40px;}
.menu4{background:url(../img/contents_4_160.png) no-repeat;margin-bottom:48px; width:462px; height:40px;}
.menu5_on{background:url(../img/contents_5_160.png) no-repeat; margin-bottom:48px; width:462px; height:40px;}
.menu5_off{background:url(../img/contents_5_2_160.png) no-repeat;  margin-bottom:20px;width:462px; height:40px;}
.menu6{background:url(../img/contents_6_160.png) no-repeat; margin-top:28px; width:462px; height:40px; margin-bottom:48px;}
.menu7{background:url(../img/contents_7_160.png) no-repeat; margin-top:28px; width:462px; height:40px; margin-bottom:20px;}

div.contents li a{
	display: block; 
	width:100%;
	height:100%;
}


div.contents ul.sub_menu  {
	margin-top:10px;
}

div.contents ul.sub_menu li {
	position:relative;
	margin-bottom:5px;
	text-align:left;
	padding-left:30px;
	height:20px;
	
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	font-family:Malgun Gothic,¸¼Àº°íµñ;
}


div.contents ul.sub_menu li a{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	font-family:Malgun Gothic,¸¼Àº°íµñ;
}
div.contents ul.sub_menu li a:hover{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	font-family:Malgun Gothic,¸¼Àº°íµñ;
}
/*¸ñÂ÷ END*/


.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:1000px;
}

.flipbook-viewport .container{
	position:absolute;
	top: 49%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:1300px;
	height:918px;
	left:-650px;
	top:-450px;
}

.flipbook-viewport .page{
	width:650px;
	height:918px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}



.remote{ width: 280px;
	height:40px;
	background:url(../img/bg_remote.png) no-repeat;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -200px;
    z-index:999;
}

.remote_prev1{position:absolute; width:30px; height:40px;  display:block; left:30px; top:0px; }
.remote_prev2{position:absolute; width:30px; height:40px;  display:block; left:65px; top:0px; }
.remote_next1{position:absolute; width:30px; height:40px; display:block; left:185px; top:0px; }
.remote_next2{position:absolute; width:30px; height:40px; display:block; left:220px; top:0px; }



.book1 {background-image:url(../img/books/1.jpg)}
.book2 {background-image:url(../img/books/2.jpg)}
.book3 {background-image:url(../img/books/3.jpg)}
.book4 {background-image:url(../img/books/4.jpg)}
.book5 {background-image:url(../img/books/5.jpg)}
.book6 {background-image:url(../img/books/6.jpg)}
.book7 {background-image:url(../img/books/7.jpg)}
.book8 {background-image:url(../img/books/8.jpg)}
.book9 {background-image:url(../img/books/9.jpg)}
.book10 {background-image:url(../img/books/10.jpg)}
.book11 {background-image:url(../img/books/11.jpg)}
.book12 {background-image:url(../img/books/12.jpg)}
.book13 {background-image:url(../img/books/13.jpg)}
.book14 {background-image:url(../img/books/14.jpg)}
.book15 {background-image:url(../img/books/15.jpg)}
.book16 {background-image:url(../img/books/16.jpg)}
.book17 {background-image:url(../img/books/17.jpg)}
.book18 {background-image:url(../img/books/18.jpg)}
.book19 {background-image:url(../img/books/19.jpg)}
.book20 {background-image:url(../img/books/20.jpg)}
.book21 {background-image:url(../img/books/21.jpg)}
.book22 {background-image:url(../img/books/22.jpg)}
.book23 {background-image:url(../img/books/23.jpg)}
.book24 {background-image:url(../img/books/24.jpg)}
.book25 {background-image:url(../img/books/25.jpg)}
.book26 {background-image:url(../img/books/26.jpg)}
.book27 {background-image:url(../img/books/27.jpg)}
.book28 {background-image:url(../img/books/28.jpg)}
.book29 {background-image:url(../img/books/29.jpg)}
.book30 {background-image:url(../img/books/30.jpg)}
.book31 {background-image:url(../img/books/31.jpg)}
.book32 {background-image:url(../img/books/32.jpg)}
.book33 {background-image:url(../img/books/33.jpg)}
.book34 {background-image:url(../img/books/34.jpg)}
.book35 {background-image:url(../img/books/35.jpg)}
.book36 {background-image:url(../img/books/36.jpg)}
.book37 {background-image:url(../img/books/37.jpg)}
.book38 {background-image:url(../img/books/38.jpg)}
.book39 {background-image:url(../img/books/39.jpg)}
.book40 {background-image:url(../img/books/40.jpg)}
.book41 {background-image:url(../img/books/41.jpg)}
.book42 {background-image:url(../img/books/42.jpg)}
.book43 {background-image:url(../img/books/43.jpg)}
.book44 {background-image:url(../img/books/44.jpg)}
.book45 {background-image:url(../img/books/45.jpg)}
.book46 {background-image:url(../img/books/46.jpg)}
.book47 {background-image:url(../img/books/47.jpg)}
.book48 {background-image:url(../img/books/48.jpg)}
.book49 {background-image:url(../img/books/49.jpg)}
.book50 {background-image:url(../img/books/50.jpg)}
.book51 {background-image:url(../img/books/51.jpg)}
.book52 {background-image:url(../img/books/52.jpg)}
.book53 {background-image:url(../img/books/53.jpg)}
.book54 {background-image:url(../img/books/54.jpg)}
.book55 {background-image:url(../img/books/55.jpg)}
.book56 {background-image:url(../img/books/56.jpg)}
.book57 {background-image:url(../img/books/57.jpg)}
.book58 {background-image:url(../img/books/58.jpg)}
.book59 {background-image:url(../img/books/59.jpg)}
.book60 {background-image:url(../img/books/60.jpg)}
.book61 {background-image:url(../img/books/61.jpg)}
.book62 {background-image:url(../img/books/62.jpg)}
.book63 {background-image:url(../img/books/63.jpg)}
.book64 {background-image:url(../img/books/64.jpg)}
.book65 {background-image:url(../img/books/65.jpg)}
.book66 {background-image:url(../img/books/66.jpg)}
.book67 {background-image:url(../img/books/67.jpg)}
.book68 {background-image:url(../img/books/68.jpg)}
.book69 {background-image:url(../img/books/69.jpg)}
.book70 {background-image:url(../img/books/70.jpg)}
.book71 {background-image:url(../img/books/71.jpg)}
.book72 {background-image:url(../img/books/72.jpg)}
.book73 {background-image:url(../img/books/73.jpg)}
.book74 {background-image:url(../img/books/74.jpg)}
.book75 {background-image:url(../img/books/75.jpg)}
.book76 {background-image:url(../img/books/76.jpg)}
.book77 {background-image:url(../img/books/77.jpg)}
.book78 {background-image:url(../img/books/78.jpg)}
.book79 {background-image:url(../img/books/79.jpg)}
.book80 {background-image:url(../img/books/80.jpg)}