/* 최종 수정일:2016년 04월 28일 */

/* 기본 스타일 */
body {margin:0;padding:0;font-family:"굴림",Gulim,sans-serif; color:#fff; background-color:#222; line-height:1.4;}
code, kbd, pre, samp, h1, h2, h3, h4, h5, h6, table {font-family:"굴림체",GulimChe,monospace;}
h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.5em 0; color:#fc4;}
img {margin:0; padding:0;}
p {margin:1em 0px; border:1px solid #CCC;}
hr {height:1px; border-width:1px 0 0; border-style:dashed none none; color:#888;}
caption {font-weight:700; white-space:nowrap;} 
blockquote {border-left:3px solid #dcf600; padding:0 0 0 0.5em;}
abbr[title] {border-bottom:none; text-decoration: underline; cursor: help;}
code {padding:2px 4px; font-size:90%; color:#c7254e; background-color:#f9f2f4; border-radius:4px}
kbd {padding:2px 4px; font-size:90%; color:#fff; background-color:#333; border-radius:4px;}
pre {display:block; background:none repeat scroll 0% 0% #CCC; padding:0.5em; color:#000; overflow-x:auto; border-radius:4px;}

/* 테이블 스크롤 */
.tof {
    display: block;
    max-width: 100%;
    overflow-x: auto;
	padding:0 0 0.5em 0;
	border:0;
}

/* 테이블 */
table {
	border:1px solid #CCC;
	border-collapse:collapse;
	white-space:nowrap;
}

th, thead, td {
	border:2px solid #CCC;
	padding:.2em .3em;
}

th, thead {
	background-color:#336699;
	text-align:center;
	font-weight:700;
	cursor: pointer;
}

/* 설명 */
dl {margin-top:0; margin-bottom:20px}
dt {font-weight:700}
dd {margin-left:0}

/* 링크 */
a {text-decoration:none;}
a:link, a:visited, a:active {color:#48f;}
a:hover {color:#fc4; text-decoration:underline}
a[href^="http"] {color:#090;}
a[href^="https"] {color:#090;}

/* 리스트 */
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:upper-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:upper-alpha;}
ol ol ol ol ol ol {list-style-type:upper-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

/* h3~h6 (번호 부여)
h3 {font-size:30px; counter-increment:section-1; counter-reset:section-2 section-3 section-4;}
h4 {font-size:24px; counter-increment:section-2; counter-reset:section-3 section-4;}
h5 {font-size:18px; counter-increment:section-3; counter-reset:section-4;}
h6 {font-size:12px; counter-increment:section-4;}
h3:before {content:counter(section-1, decimal) ". ";}
h4:before {content:counter(section-1, decimal) "." counter(section-2, upper-alpha) ". ";}
h5:before {content:counter(section-1, decimal) "." counter(section-2, upper-alpha) "." counter(section-3, upper-roman) ". ";}
h6:before {content:counter(section-1, decimal) "." counter(section-2, upper-alpha) "." counter(section-3, upper-roman) "." counter(section-4, decimal) ". ";}
*/

/* h3~h6 */
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:16px;}

/* 레이아웃 */
#header, #navi, #content, #notice, #article, #footer {
	display:block;
	margin:0;
	padding:1em;
}

/* 머리글 */
#header {margin: 0;padding: 0 0 1em 1em;border-bottom: 3px solid #CCC;}
#header h1 {margin: 0;padding: 2px 0 0 2px;color: #FFF;}
#header h2 {margin: 0;padding: 2px 0 0 2px;color: #FFF;font-size: 1em;}
#header a {text-decoration: none;}

/* 네비 */
#navi {font-weight: 700; font-family: "굴림체", GulimChe, monospace;}
#navi ul {margin:0; padding:0; list-style-type:none;}
#navi li {display:inline-block; margin-right:2px;}
#navi li a {background-color: #666; padding: 10px 20px; text-decoration: none; color: #fff; border-radius: 4px;}
#navi li a:hover {color: white; background-color: black;}

/* 목차 */
#content {display: table;border: 1px solid #CCC;margin:1em;padding:1em;font-weight: 700; font-family: "굴림체", GulimChe, monospace;}
#content ul {list-style: none;}
#content:before {content:"목차"; font-size: 1.2em; font-weight:700;}

/* 알림 (Main_Page.html) */
#notice:before {content:"알림"; font-size: 1.2em; font-weight:700;}

/* 본문 */
#article {max-width: 1000px;}

/* 하단 */
#footer {clear: both;margin:0;padding:0.3em;border-top:1px solid #CCC;font-weight: 700;color: #FFF;text-indent: 1em;}
#footer a {text-decoration: none;}

/* 색인 (Main_Page.html) */
.index {float: left; display:inline-block; text-align:left; width:250px; border:4px solid #666; margin:0 0.5em 0.5em 0; font-weight:700;}
.index_top {float:left; text-align:center; width:250px; color:#fff; background-color:#666; font-size:18px; padding:4px 0 4px 0;}
.index ul {margin: 0; padding: 0 0 0 24px; line-height:1.4em; list-style-type:square;}
.index li {font-size:14px;}

/* 텍스트박스 */
.textbox {display:inline-block; border-style:solid; border-width:1px; border-color:rgb(190, 190, 190); padding:10px; margin:0.5em 0 0.5em 0;}

/* 문장 강조 */
mark, .mark {color:#000; background:#ff0}