@charset "utf-8";
/* CSS Document */
/* 
====================================================================================== base 설정 
*/
* { word-break: keep-all; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	border: 0;
	outline: 0;
}
body {
	width: 100%;
	height: 100%;
	font-family: nanum_bgo, nanum_go, nanum_sr, sans-serif;
	font-weight: normal;
	font-size: 17px;
	text-decoration: none;
	line-height: 1.3em;
	letter-spacing: -0.03em;
	word-spacing: 0.125em;
	color: #555;
	background: #222b51;
}
a, a:link {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active, a:focus { text-decoration: none; }
h2 { display: none; }
ul li, ol li { list-style: none; }
a[href], input[type='submit'], input[type='image'], label[for], select, button { cursor: pointer; }
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 버튼 효과음 플레이어감춤*/
#btn_sound audio, #voice_sound embed {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: 0;
}
/* webkit scrollbar style 
::-webkit-scrollbar {
 width: 12px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 5px #5c8e45;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background: #80b667;
 -webkit-box-shadow: inset 0 0 6px #a0c88d;
}
::-webkit-scrollbar-thumb:window-inactive {
 background: #a0c88d;
}*/

/* 
====================================================================================== class 정의 
*/
ol.ol_list {
	padding-left: 0;
	margin-left: 0;
}
ol.ol_list li {
	padding-left: 0;
	margin-left: 33px;
	list-style: none;
}
ol.ol_list li::before {
	position: absolute;
	margin-left: -20px;
	margin-top: 3px;
}
ol.ol_list li:nth-child(1)::before { content: url(../images/circle01.png); }
ol.ol_list li:nth-child(2)::before { content: url(../images/circle02.png); }
ol.ol_list li:nth-child(3)::before { content: url(../images/circle03.png); }
ol.ol_list li:nth-child(4)::before { content: url(../images/circle04.png); }
ol.ol_list li:nth-child(5)::before { content: url(../images/circle05.png); }
ol.ol_list li:nth-child(6)::before { content: url(../images/circle06.png); }
ol.ol_list li:nth-child(7)::before { content: url(../images/circle07.png); }
ol.ol_list li:nth-child(8)::before { content: url(../images/circle08.png); }
ol.ol_list li:nth-child(9)::before { content: url(../images/circle09.png); }
ol.ol_list li:nth-child(10)::before { content: url(../images/circle10.png); }
ul.ul_list {
	padding-left: 0;
	margin-left: 20px;
}
ul.ul_list li {
	padding: 0;
	margin: 0;
	list-style: url(../images/hyphen.png);
}
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w100 { width: 100%; }
.float_n { float: none; }
.float_l { float: left; }
.float_r { float: right; }
.over_h { overflow: hidden; }
.mg_0auto { margin: 0 auto; }
.mg0 { margin: 0; }
.mg_b0 { margin-bottom: 0; }
.mg_t0 { margin-top: 0; }
.mg_t20 { margin-top: 20px; }
.mg_t30 { margin-top: 30px; }
.mg_t50 { margin-top: 50px; }
.mg_t100 { margin-top: 100px; }
.mg_r5 { margin-right: 5px; }
.pd0 { padding: 0; }
.pd_b0 { padding-bottom: 0; }
.pd_20 { padding: 20px; }
.pd_t20 { padding-top: 20px; }
.pd_tb5 { padding: 5px 0; }
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.v_align_t { vertical-align: top }
.dp_none { display: none; }
.border_r_none { border-right: none; }
.ff_sr { font-family: nanum_sr; }
.ff_bgo { font-family: nanum_bgo; }
.ff_go { font-family: nanum_go; }
/* font-size : fs숫자로 정의*/
.fs30 { font-size: 30px; }
.fs27 { font-size: 27px; }
.fs25 { font-size: 25px; }
.fs23 { font-size: 23px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 18px; }
.fs15 { font-size: 15px; }
.fw_bold { font-weight: bold; }
.fw_normal{font-weight:normal;}
.color_bk { color: #000; }
.dp_none { display: none; }
.dp_b { display: block; }
/* table */
table {
	width: 98%;
	margin: 5px 0;
}
td, th {
	border: 1px solid #999;
	padding: 5px 10px;
	background: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
}
th[scope="col"] {
	background: #33a5c1;
	color: #fff;
}
th[scope="row"] {
	background: #e9e9e9;
	color: #232c56;
}