@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff');
}
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff');
}
@font-face {
	font-family: 'NanumMyeongjo';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff');
}
@font-face {
	font-family: 'NanumMyeongjo';
	font-style: normal;
	font-weight: 600;
	src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff');
}
@font-face {
	font-family: 'LexiSaebomR';
	font-style: normal;
	font-weight: 400;
	src: url('/WebFonts/LexiSaebomRWeb/LexiSaebomR.woff') format('woff');
}
@font-face {
	font-family: 'LexiSaebomR';	/* Bold face가 없어서 나눔고딕으로 대체 */
	font-style: normal;
	font-weight: bold;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Monaco';
	font-style: normal;
	font-weight: 400;
	src: url('/WebFonts/monaco-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: bold;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff');
}
@font-face {
	font-family: 'NanumGothicCoding';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.woff) format('woff');
}

html {
	font-size: 83.3%;
}

body {
	color: #222;
	font-family: "NanumMyeongjo", "Helvetica";
	font-size: 1em;
	line-height: 160%;
}

input {
	color: #222;
	font-family: "NanumGothic", "Helvetica";
	font-size: 1em;
	line-height: 120%;
}
input[type="password"] { font-family: Helvetica; letter-spacing: 0.08em; }

textarea {
	color: #222;
	font-family: "NanumGothic", "Helvetica";
	font-size: 1em;
	line-height: 160%;
}

body { margin-left: 2em; margin-right: 2em; }
p { margin: 1em 0; }
li { margin: 0.6em 1em; }
.ind { text-indent: 2.5em; }
.indented { margin-left: 2.5em; }

p.quote { margin: 0.75em 2.0em; color: #546c6a; }
p.quote_c { margin: 0.75em 0; text-align: center; color: #546c6a; }

ol, ul { margin-left: 2em; padding-left: 0; }
dl { margin-left: 1.5em; padding-left: 0; }
dt { font-weight: bold;  }
dd { margin: 1em 1.5em; }

.nanum_s { color: #222; font-family: NanumGothic; font-size: 0.93em; }
.nanum { color: #222; font-family: NanumGothic; font-size: 1em; }
.nanum_b { color: #222; font-family: NanumGothic; font-size: 1.1em; }
.malgun_s { color: #222; font-family: "맑은 고딕", Helvetica;
	font-size: 0.93em; }
.malgun { color: #222; font-family: "맑은 고딕", Helvetica; font-size: 1em; }
.malgun_b { color: #222; font-family: "맑은 고딕", Helvetica;
	font-size: 1.1em; }
.myeongjo_s { color: #222; font-family: "함초롬바탕", "바탕", Georgia;
	font-size: 0.97em; }
.myeongjo { color: #222; font-family: "함초롬바탕", "바탕", Georgia;
	font-size: 1.07em; }
.myeongjo_b { color: #222; font-family: "함초롬바탕", "바탕", Georgia;
	font-size: 1.17em; }
.lexi_s { color: #444; font-family: Lato, LexiSaebomR; font-size: .95em; 
	word-spacing: 0.15em; }
.lexi { color: #444; font-family: Lato, LexiSaebomR; font-size: 1.03em; 
	word-spacing: 0.15em; }
.lexi_b { color: #444; font-family: Lato, LexiSaebomR; font-size: 1.1em; 
	word-spacing: 0.15em; }

td, th { line-height: 125%; }

pre {
	color: dimgray;
	font-family: "Consolas", "NanumGothicCoding";
	font-size: 1em;
	line-height: 140%;
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}

ol.my, ol.my_cont {
  list-style: none;
}
ol.my {
  counter-reset: muffins;
}
ol.my li, ol.my_cont li {
  counter-increment: muffins;
}
ol.my li:before, ol.my_cont li:before {
  content: "(" counter(muffins) ") ";
	margin-left: -1.7em;
}

ol.paren {
    list-style-type: none;
    margin-left: 1.7em;
}
ol.paren li {
    counter-increment: item; 
    text-indent: -1.7em;
}
ol.paren li:before {
    content: "(" counter(item) ") ";
}

ol.alpha {
    list-style-type: none;
    margin-left: 1.7em;
}
ol.alpha li {
    counter-increment: letter;
    text-indent: -1.7em;
}
ol.alpha li:before {
    content: "(" counter(letter, lower-alpha) ") "
}

h1, h2, h3, h4, div.h3 {
	color: #444;
	font-family: "NanumGothic", "Helvetica";
	font-weight: bold;
	margin: 15px 0;
}

dt { font-family: NanumGothic; }

h4 { font-size: 1.2em; }
h3, div.h3 { font-size: 1.4em; }
h2 { font-size: 1.6em; }
h1 { font-size: 1.8em; }

hr {
    border-style: dotted;
    border-width: thin;
    color: gainsboro;
    display: inline-block;
    margin: 4px 5%;
    width: 40%;
    /* <div style='text-align: center;'><hr style='width: 30%;'/></div> */
}

A:link { color: steelblue; text-decoration: none; }
A:visited { color: steelblue; text-decoration: none; }
A:hover { color: hotpink; text-decoration: underline; }
A:active { color: yellowgreen; text-decoration: none; }

strong { font-weight: bold; text-decoration: none; }

.srccode { color: dimgray; font-family: "Consolas", "NanumGothicCoding";
	line-height: 140%; margin: 0.8em 0 0.8em 2.0em; }
.srcIcode { color: dimgray; font-family: "Consolas", "NanumGothicCoding"; }
.tterm { color: darkgoldenrod; font-family: "Consolas", "NanumGothicCoding"; }
.em { color: darkgoldenrod; text-decoration: underline; }
.em0 { color: darkgoldenrod; }
.em1 { color: forestgreen; }
.cmt { font-family:  "NanumGothic", "Helvetica"; }
.srcem0 { color: darkgoldenrod; font-family: "Consolas", "NanumGothicCoding"; }
.cmtem0 { color: darkgoldenrod; font-family: "NanumGothic", "Helvetica"; }
.srcem1 { color: forestgreen; font-family: "Consolas", "NanumGothicCoding"; }
.cmtem1 { color: forestgreen; font-family: "NanumGothic", "Helvetica"; }
.em2 { color: royalblue; }
.srcem2 { color: royalblue; font-family: "Consolas", "NanumGothicCoding"; }
.em3 { color: orchid; }
.srcem3 { color: orchid; font-family: "Consolas", "NanumGothicCoding"; }
.em4 { color: darkgray; }
.srcem4 { color: darkgray; font-family: "Consolas", "NanumGothicCoding"; }
.cmtem4 { color: darkgray; font-family: "NanumGothic", "Helvetica"; }
.em5 { color: salmon; }
.srcem5 { color: salmon; font-family: "Consolas", "NanumGothicCoding"; }
.cmtem5 { color: salmon; font-family: "NanumGothic", "Helvetica"; }
.alert { color: red; }
.em6 { color: steelblue; }
.em7 { color: red; }
.em8 { color: olivedrab; }
.em9 { text-decoration: underline; }
.vari { color: darkseagreen; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari0 { color: darkgoldenrod; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari1 { color: forestgreen; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari2 { color: royalblue; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari3 { color: orchid; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari4 { color: darkgray; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari5 { color: salmon; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.vari6 { color: steelblue; font-family: "Consolas", "NanumGothicCoding";
	font-style: italic; }
.emph_bg { background-color: #fff400; color: black; }

table { border-collapse: collapse; }
table.border_g1 td, th { border: 1px solid gray; }
table.border_g2 td, th { border: 1px solid darkgray; }
table.border_g3 td, th { border: 1px solid gainsboro; }
td, th { border: 1px solid gray; padding: 3px 4px; }
th { background-color: #DEF; }
td.l { text-align: left; }
td.c { text-align: center; }
td.r { text-align: right; }
/* nb means No Border */
td.nbl { border: 0; text-align: left; }
td.nbc { border: 0; text-align: center; }
td.nbr { border: 0; text-align: right; }

button.a { width: 60px; }
button.b { padding-left: 0; padding-right: 0; width: 80px; }
button.c { padding-left: 0; padding-right: 0; width: 60px; }

img.fold { margin-left: 2px; margin-right: 2px; }

/* style for login-plate */
.plate td { border: 0; color: #222; font-family: "NanumGothic", "Helvetica";
	font-size: 1em; height: 30px; padding: 1px 3px;
	text-align: right; vertical-align: middle; }
.plate td.hline { border-top: 1px solid #bbb; text-align: center; }
.plate td.save { text-align: center; }
input.input_id { font-family: Helvetica; letter-spacing: 0.07em; width: 9em; }
input.input_pw { width: 9em; }
#joinButton, #loginButton {
	background-color: #777; color: white;
	display: table-cell; height: 13.6mm; text-align: center;
	vertical-align: middle; width: 13.6mm;
}
#loginButton_s {
	background-color: #777; color: white;
	display: table-cell; height: 21.8mm; text-align: center;
	vertical-align: middle; width: 13.6mm;
}
.plate td a:link { color: #888; text-decoration: none; }
.plate td a:visited { color: #888; text-decoration: none; }
.plate td a:hover { color: red; text-decoration: none; }
.plate td a:active { color: yellowgreen; text-decoration: none; }

/* 위치 미세 조정 (모바일은 아무것도 안 함) */
.down2 {  position: relative; top: 2px; }

/* box-shadow, usage: elt.className = 'boxshadow1'; */
.boxshadow1 {
	-moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, .25);
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, .25);
}
.boxshadow2 {
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .15);
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .15);
}