@charset "utf-8";
*{padding:0;margin:0;outline:none;border:none;border-spacing:0;box-sizing:border-box;font-family:굴림;font-size:14px;line-height:1.5;}

html,body{height:100%;background:#eee;}

body{overflow-y:scroll;}

article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
mark,time{display:inline}

p b { box-shadow: inset 0 -8px 0 #d2ffdc; line-height:21px; }
img { border-bottom:1px solid #ccc; padding-bottom:20px; }

table { width:100%; margin:10px auto; text-align:center; }
table th { padding:5px; background:#eee; }
table td { padding:5px; border-bottom:1px solid #ddd; }

#article a {
  color: #00c;
  text-decoration: none;
  font-weight:bold;
}


#header{background:#2d457a}
#footer{background:#2d457a}

#header .box{max-width:728px;padding:20px 40px;margin:0 auto;background:rgba(0,0,0,0.15);color:#fff;}

#header h1 a{margin:0 -2px;font-size:26px;text-decoration:none;color:#fff;}

#main{max-width:728px;padding:35px 40px;margin:0 auto;background:#fff;}

#main h2{margin:25px -1px 5px;font-size:18px; border-left: 3px solid #6c8071; padding-left: 5px;}

#main h3{margin:25px -1px 5px;font-size:16px;}

#main p{margin:15px 0;text-align:justify;word-break:break-all;}

#main img{max-width:100%;height:auto;}

#footer .box{max-width:728px;padding:15px 40px;margin:0 auto;background:rgba(255,255,255,0.12);color:#fff;}

/*
ul li { list-style-type: none; }
ul { display:table; background:#d7ebfa; margin:10px 0; padding:15px; }
ul h2 { margin-top:0 !important; border-left:0 !important; padding-left:0 !important; }
li { margin-top: 15px; }

nav.at-menu ul.menu-ul { display:block; max-width:728px;padding:10px 40px;margin:0 auto;background:rgba(0,0,0,0.35);color:#fff; }
nav.at-menu ul.menu-ul li.menu-li { display:inline-block; margin-right:20px; margin-top:0; }
nav.at-menu ul.menu-ul li.menu-li a { text-decoration:none; color:#fff; }	
nav.at-menu ul.menu-ul li.menu-li a:hover { color:orange;  }
*/


#toc {
  background: #eee;
  padding: 2em;
  margin: 10px 0;
  display:table;
}
#toc h2 {
  margin-top: 0;
}
#toc ul {
  padding: 0 0 0 1em;
}
#toc li {
  margin: 0 0 0.25em 0;
}
#toc a {
  text-decoration: none;
  color:#333
}
#toc a:hover,
#toc a:active {
  text-decoration: underline;
}