@font-face {font-family: "nanumbold2";src: url(../image/font/nanumbold2.eot);}
@font-face{
  font-family: 'SilwelBrlz';
  font-style: normal;
  font-weight: normal;
  src: url('http://61.74.60.234/Silwb.eot'); 
  src: local('SilwelBrlz'), url('../image/font/Silwb.woff') format('woff'), url('http://61.74.60.234/Silwb.ttf') format('truetype'); 
}

#container{clear:both; width:1000px; padding-top:2px; margin:0 auto;background-color:#F8F8F8;height:890px;} 
 
body {width:100%;background:#F8F8F8;display:table;margin-left:auto;margin-right:auto;display:inline-block;text-align:center;position:relative;margin:0;padding:0;}
<-- mobile -->
@media only screen and (max-width:320px) {
body {background:#F8F8F8;}
}
a {text-decoration:none;}

.skip {padding-top:0;background:#38638E url(http://www.musicbraille.org/guide/img/maindot.gif) no-repeat left 0;width:100%;height:30px;text-align:left;}
 .skip a {font-family:nanumbold2;color:#fff;font-weight:bold;display:block;padding:5px;}


.con {clear:both;}
.con h1 {text-align:center;font-size:1.2em;padding:10px 0;line-height:100%;padding-bottom:0;}
.con h1 span {font-size:0.9em;display:block;}
.con h2 {font-size:1em;padding-left:5px;padding:10px 0;}

.contents {width:34%;float:left;background:#F8F8F8;}
.contents a {display:block;padding:4px;color:#38638E;font-weight:normal;text-align:left;font-size:0.85em;clear:both;line-height:120%;}
.contents a:hover {font-weight:bold;}
.contents a span {}
.contents a span.n {width:55px;float:left;border-bottom:1px solid #34587C;}
.contents a span.t {float:left;border-bottom:1px solid #34587C;}

#con_box {padding-bottom:20px;text-align:left;width:90%;float:left;}
#con_box .sil_box {}
#con_box span {display:block;line-height:140%;letter-spacing:0px;text-align:justify;padding:10px;}
div.right {text-align:right;color:#0D1722;font-weight:bold;padding:10px 0 10px 20px;}
span.braille {font-family:SilwelBrlz;font-size:20px;}
.inbox {margin:10px 0;padding:10px 10px;margin:0 auto;background:#fff;float:left;}
.inbox h2 {text-align:left;padding:10px 0;font-family:nanumbold2;font-size:1.2em;}
.inbox h3 {background:url(img/dot.png) no-repeat left 13px;padding-left:15px;font-size:1em;text-align:left;padding-top:10px;padding-bottom:10px;}
.inbox h4 {font-weight:bold;text-align:left;padding-left:20px;padding-top:10px;padding-bottom:10px;font-family:nanumbold2;font-size:1em;}
.inbox span.caption {padding:5px 0 10px 10px;display:block;text-align:left;}
.inbox span.c_w {padding:10px 0 10px 20px;text-align:left;display:block;line-height:120%;}
.inbox span.example {padding:5px 0 10px 20px;display:block;text-align:left;}
.inbox span.example1 {padding:5px 0 10px 20px;display:block;text-align:left;position:relative;left:20px;}
.inbox span.e_w {padding:10px 0 10px 20px;text-align:left;display:block;line-height:120%;}
.inbox img {border:1px solid #000;display:block;text-align:left;}
.inbox img.ex {border:none;text-align:left;padding-bottom:10px;margin-bottom:10px;}
.inbox img.ex1 {border:none;text-align:left;padding-bottom:10px;margin-bottom:10px;padding-left:0px;}
.inbox ol li {text-align:left;padding:5px 0;line-height:120%;position:relative;left:10px;}
.inbox span {padding:5px 0;padding-left:20px;}


.pages {background-color:#F8F8F8;margin:0 auto;text-align:center;width:100%;}
ul.p_box {padding-left:10px;padding-top:10px;padding-bottom:10px;display:table;margin-left:auto;margin-right:auto;display:inline-block;text-align:center;}
ul.p_box li {float:left;list-style:none;text-align:center;}
ul.p_box li a {float:left;margin:0 auto;width:30px;background:#ddd;padding:10px 5px;border-bottom:1px solid #ACACAC;border-left:1px solid #ACACAC;border-right:1px solid #969696;border-top:1px solid #969696;margin-right:10px;text-align:center;}
ul.p_box li a span {color:#202020;font-weight:bold;letter-spacing:0px;text-align:center;margin:0 auto;}
ul.p_box li a:hover {color:#fff;background-color:#202020;font-weight:bold;letter-spacing:0px;text-decoration:underline;}
ul.p_box li a:hover span {color:#fff;letter-spacing:0px;}

ul.p_box li a.selected {text-decoration:underline;background:#000;color:#ddd;text-align:center;}
ul.p_box li a.selected span {color:#ddd;text-align:center;font-size:1em;letter-spacing:0px;}


.footer {margin:0 auto;text-align:center;background:#F8F8F8;padding:10px 0;}
.footer span {font-size:0.75em;padding:10px 0;width:100%;}