@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{margin:0;}
.materia button{overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}

.materia{position:absolute;top:0px;width:960px;height:540px;background:url(../img/bg.png) 0 0 no-repeat;overflow:hidden;}
.con{position:absolute;top:100px;word-break: keep-all;}
.page{position:relative;width:960px;height:400px;float:left;color:#ffffff;font-family:'Nanum Gothic', sans-serif;}
.one{font-size:20px;font-weight:bolder; padding-bottom: 10px;}
.two{width:100%;font-size:20px;background-color:#41b6cd;color:#022e4f;font-weight:bolder;padding:5px;margin-bottom:10px;}
.three{font-size:18px;font-weight:bolder;padding: 5px;}
.three .blit{width:20px;vertical-align:top;}

.four{font-size:16px;padding: 0px 0px 5px 20px;}
.four .blit{width:10px;vertical-align:top;}

.five{font-size:16px;padding: 0px 0px 5px 40px;}
.five .blit{width:20px;vertical-align:top;}

.prev{position:absolute;top:15px;right:100px;width:27px;height:27px;background:url(../img/arrow.png) 0 0 no-repeat;}
.prev:hover{background-position-y:-27px;}

.next{position:absolute;top:15px;right:15px;width:27px;height:27px;background:url(../img/arrow.png) -27px 0 no-repeat;}
.next:hover{background-position-y:-27px;}

.now{position:absolute;top:18px;right:85px;}
.split{position:absolute;top:18px;right:70px;}
.max{position:absolute;top:18px;right:50px;}