@import url(http://211.234.100.234/font/nanumgothic.css);

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	font-family: 'Nanum Gothic', sans-serif;
	color:#666;
}
form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'Nanum Gothic', sans-serif;
}
form, p, div, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption, select {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'Nanum Gothic', sans-serif;
}
address { font-style:normal; }
ul, li, ol, dl, dd { list-style:none; }

fieldset { 
	border:0; 
	margin: 0;
	padding: 0;
}
legend { position:absolute; visibility:hidden; overflow:hidden; }  
.dipy_n, hr { position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; }  

/*skip navi*/
#accessibility { 
	position:absolute; top:10px; left:900px; z-index:2;}
#accessibility a { position:absolute; left:5px; top:10px; display:block; overflow:hidden;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active { height:auto; color:#333333; }
 
p, div, th, td, select, input {
    font-size: 11px;
	color: #666;
	font-family: 'Nanum Gothic', sans-serif;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:active, a:hover {
	color: #0e6eb1;
	text-decoration: none;
}
img, 
input.image {
	border: 0 none; vertical-align:top;
}
input.text, 
textarea, 
select {
	border: 1px solid #c9c9c9;
	background: #fff;
}
select.m {
	border: 2px solid #0788d2;
	background: #fff;
}
input, select, textarea {
	vertical-align: middle;
	color: #666;
}
input, input.type-text {
	padding: 0; margin:0;
}
select {
	font-size: 12px;
	font-family: 'Nanum Gothic', sans-serif;
}
span.button, 
img.button, 
a.button {
	cursor: pointer;
	vertical-align: middle;
}
input.type-radio {
	width: 13px;
	height: 13px;
	margin: 0 0 0;
}
input.type-text {
	border: 1px solid #666;
	height: 17px;
}
input.type-checkbox {
	width: 14px;
	height: 14px;
	margin: 0;
}
img.action {
	cursor: pointer;
	vertical-align: middle;
}
div.btn img {
	vertical-align: middle;
}
input.none {
	border: none;
	background: transparent;
	padding: 4px 0 0;
}
.float_l { float:left; }
.float_r { float:right; }
.clear_b { clear:both; }
.img {margin: 0 auto; text-align: center;}


/***********link*************/
.b_greenlink {color:#666; }
a.b_greenlink:link {color:#666;text-decoration: none;}
a.b_greenlink:visited {color:#666;text-decoration: none;}
a.b_greenlink:hover {color: #1fa29d;text-decoration: underline; font-weight:bold;}
a.b_greenlink:active {color:#1fa29d;text-decoration: none; font-weight:bold;}

.b_darkbluelink {color:#225587; }
a.b_darkbluelink:link {color:#225587;text-decoration: none; font-weight:bold;}
a.b_darkbluelink:visited {color:#225587;text-decoration: none; font-weight:bold;}
a.b_darkbluelink:hover {color: #225587;text-decoration: underline; font-weight:bold;}
a.b_darkbluelink:active {color:#225587;text-decoration: none; font-weight:bold;}


.nolinelink {color:#666}
a.nolinelink:link {color:#666;text-decoration: none; }
a.nolinelink:visited {color:#666;text-decoration: none; }
a.nolinelink:hover {color: #666;text-decoration: none; }
a.nolinelink:active {color:#666;text-decoration: none; }

.linelink {color:#666}
a.linelink:link { text-decoration:underline; }
a.linelink:visited { text-decoration:underline; }
a.linelink:hover { text-decoration:underline; }
a.linelink:active { text-decoration:underline; }

.bluelink { color:#3057af; }
a.bluelink:link {color:#3057af; text-decoration: none;}
a.bluelink:visited {color:#3057af; text-decoration: none;}
a.bluelink:hover {color: #3057af; text-decoration: none; }
a.bluelink:active {color:#666; text-decoration: none; }



/*base--------------------------*/
input { font-size:12px; color:#797979; font-family:NanumGothic; line-height:17px; }
textarea { font-size:12px; color:#797979; font-family:NanumGothic; line-height:17px; }
select	 { font-size:12px; color:#797979; font-family:NanumGothic; line-height:17px; }
caption { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; }
.cells_s { border-collapse:separate; }


/*position-------------------------------*/
.justify { text-align:justify; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.top {vertical-align:top; }
.middle {vertical-align:middle; }
.bottom {vertical-align:bottom; }

/***********font*************/
/*style*/
.wfont { font-weight:bold; }
.nfont { font-weight:normal; }

/*size*/
.sfont { font-size:11px; }
.big_font { font-size:13px; }
/*face*/
.dface { font-family: Dotum, "³ª´®°íµñ", sans-serif; }
.aface { font-family: Arial }
/*line-height*/
.lh_13 { line-height:13px; }
.lh_14 { line-height:14px; }
.lh_15 { line-height:15px; }
.lh_16 { line-height:16px; }
.lh_17 { line-height:17px; }
.lh_20 { line-height:20px; }
.lh_25 { line-height:25px; }
.lh_27 { line-height:27px; }
/*letter-spacing*/
.ls_1 { letter-spacing:-1px; }

/***********color*************/
.blue_color { color:#0e6eb1; }
.purple_color { color:#4f3377; }
.pink_color { color:#822674; }
.red_color { color:#be0f0f; }
.white_color { color:#fff; }
.orange_color { color:#e85708; }
.bluegreen_color { color:#55a8a1; }
.green_color { color:#6ead13; }



input.input{ padding:0px 5px; height:18px; border:1px solid #ddd; line-height:18px; }
input.input2 { padding:0px 0px;  border:1px solid #ddd; line-height:18px; }
select.select{ padding:0px 0px; height:18px; border:1px solid #ddd; line-height:18px; }
textarea.textarea{padding:0px 5px; height:260px; border:1px solid #ddd; line-height:24px;}
input.input_radio{position:relative; margin-top:-2px; margin-right:3px; }

.pt_20 { padding-top:10px; }
.pl_15 { padding-left:15px;  }
.pl_25 { padding-left:25px;  }
.pl_45 { padding-left:45px;  }
.pr_10 { padding-right:10px; }
.ml_10 { margin-left:10px;  }
.ml_20 { margin-left:20px;  }
.tl { text-align:left; }
.tc { text-align:center; }
.h20 { height:20px; }
.h30 { height:30px; }

.w30 { width:30px; }
.w50 { width:50px; }




ul.pro_tab { display:block;  width:100%; height:30px; padding-top:10px; padding-left:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#f3f3f3; margin-bottom:5px; }
ul.pro_tab li { float:left; padding-right:5px;  }



/*table*/
table.car { width:900px;  padding:0px;  background-color: #e0e0e0; border: solid 1px #eeeeee;  }
table.car td { padding:5px; background-color:#f4f4f4; text-align:center; }
table.car td.tl { text-align:left; padding-left:10px; }
table.car td.car_font { font-size:13px; color:#525da0; font-weight:bold; text-align:center; width:150px;   }
table.car td.td50 { width:100px; padding-left:0; }



table.car2 { width:100%;  padding:0px;   margin:0 auto; text-align:center;   }
table.car2 td { padding:8px;  text-align:left;   border-bottom: 1px dotted #ddd;  }
p.rfont { color:red; margin:0; padding:0; text-align:center; }
table.car2 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.car2 th { padding:2px;  text-align:center;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }
.car2_btn {  padding-left:300px; margin:50px 0; }

table.car3 { width:100%;  padding:0px;   margin:0 auto;   }
table.car3 td { padding:8px;  text-align:center;   border-bottom: 1px dotted #ddd; vertical-align:top;  }
p.rfont { color:red; margin:0; padding:0; text-align:center; }
table.car3 td.td_gray {  background-color:#eeeeee; border:  solid 1px #ffffff; width:200px; text-align:left;   }
table.car3 td.td_gray_left { background-color:#eeeeee; width:200px; text-align:left; }
table.car3 th { padding:2px;  text-align:center;   border-bottom: 1px dotted #ddd;  }
.car3_btn {  padding-left:300px; margin:50px 0; }

div.div_rfont   { color:red;  padding:20px; }
table.car4 { width:900px;  padding:0px;  border-top: solid 2px #eeeeee;   margin-top:20px;   }
table.car4 td { padding:14px;  text-align:center;   border-bottom: 1px dotted #ddd;  }
table.car4 td.none { border:0; }
table.car4 th.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px; height:30px;  }
table.car4 td.td_gray {  background-color:#f5f5f5; border:  solid 3px #ffffff; width:150px;  }
table.car4 th { padding:2px;  text-align:center;   border-bottom: 1px dotted #ddd;  }

table.car5 { width:900px;  padding:0px; margin-top:20px;   }
table.car5 td { padding:14px;  text-align:center;}
table.car5 td.none { border:0; }
table.car5 th.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px; height:30px;  }
table.car5 td.td_gray {  background-color:#f5f5f5; border:  solid 3px #ffffff; width:150px;  }
table.car5 th { padding:2px;  text-align:center;}

table.idboard { border-bottom: 1px dotted #ddd; }
td.txt   {  text-align:center; padding-top:20px; font-size:15px; line-height:27px;  }
td.txt span {  font-size:35px; color:#779aff; letter-spacing:-0.1em; }
span.txt {  font-size:35px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;}
td.txt span.stxt {  font-size:13px; color:#ff1a1b;   }

p.rfont { color:red; margin:0; padding:0; text-align:center; }
.idboard00_btn {  padding-left:300px; margin:50px 0; }

table.idboard00 { width:100%;  padding:0px;   margin-top:10px; margin-left:10px;  }
table.idboard00 td { padding:8px;  text-align:center;   border-bottom: 1px dotted #ddd;  }
table.idboard00 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.idboard00 th { height:37px; background:url(../image/board_th_gray.gif) repeat-x right top; }
table.idboard00 h3 { font-size:15px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;    }

table.idboard01 { width:100%;  padding:0px;   margin-top:10px; margin-left:10px; margin: 0 auto;}
table.idboard01 td { padding:8px; border-bottom: 1px dotted #ddd;  }
table.idboard01 th { height:37px; background:url(../image/board_th_gray.gif) repeat-x right top; }
table.idboard01 h3 { font-size:15px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;    }

.idboard02 { clear:both; }

table.Midboard00 { width:100%;  padding:0px; }
table.Midboard00 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.Midboard00 th { height:37px; background:url(../image/board_th_gray.gif) repeat-x right top; }

table.idboard00_detial { width:100%;  padding:0px;   margin-top:10px;   border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;  }
table.idboard00_detial td { padding:2x;  text-align:center;   border-bottom: 1px dotted #ddd;  }
table.idboard00_detial td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.idboard00_detial th { padding:1px;  text-align:center;   border-bottom: 1px dotted #ddd; border-right:1px solid #ddd; background-color:#ffffff;  }
.idboard00_detial_btn {  padding-left:300px; margin:50px 0; }

table.idboard00_detial7 { width:100%;  padding:0px;   margin-top:10px;   border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;  }
table.idboard00_detial7 td { padding:2x;   border-bottom: 1px dotted #ddd;  }
table.idboard00_detial7 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.idboard00_detial7 th { padding:1px;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }
.idboard00_detial_btn {  padding-left:300px; margin:50px 0; }

table.idboard00_detial2 { width:100%;  padding:0px;   margin-top:10px;   border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;  }
table.idboard00_detial2 td { padding:2px;  text-align:left;   border-bottom: 1px dotted #ddd;  }
table.idboard00_detial2 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.idboard00_detial2 th { padding:1px;  text-align:center;;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }
.idboard00_detial2_btn {  padding-left:300px; margin:50px 0; }

table.idboard00_detial4 { width:100%;  padding:0px;   margin-top:10px;}
table.idboard00_detial4 td { padding:2x;  text-align:center;   border-bottom: 1px dotted #ddd;  }
table.idboard00_detial4 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.idboard00_detial4 th { padding:1px;  text-align:center;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }
.idboard00_detial_btn {  padding-left:300px; margin:50px 0; }

table.Midboard00_detial2 { width:100%;  padding:0px;   margin-top:10px;   border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;  }
table.Midboard00_detial2 td { padding:2px;  text-align:left;   border-bottom: 1px dotted #ddd;  }
table.Midboard00_detial2 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff; width:150px;  }
table.Midboard00_detial2 th { padding:1px;  text-align:center;;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }

table.idboard00_detial3 { width:300px;  padding:0px;   margin-top:10px;   border-top: 0px solid #ddd; border-bottom: 0px solid #ddd;  }
table.idboard00_detial3 td { padding:2px;  text-align:left;   border-bottom: 1px dotted #ddd;  }
table.idboard00_detial3 td.td_gray {  background-color:#f5f5f5; border:  solid 1px #ffffff;   }
table.idboard00_detial3 th { padding:2px;  text-align:center;;   border-bottom: 1px dotted #ddd; background-color:#eeeeee;  }
.idboard00_detial3_btn {  padding-left:300px; margin:50px 0; }

.auto { background:#f1f1f1; width:465px;height:65px; margin-top:10px; text-align:center; padding-top:18px;   border: 1px solid #ddd; }
span.next_txt {  font-size:13px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;  }
div.agreebox { width:400px; height: 200px; overflow-y: scroll;  border: 1px solid #ddd; padding:5px; margin-bottom:30px;  }

table.id_login { width:250px; height:95px; border: 2px solid #dbdbdb; background-color:#f3f4f3;    }

table.mainboard00 { width:100%;  padding:0px;   margin-top:0px; margin-left:0px;  }
table.mainboard00 td { padding:0px;  text-align:center;   border-bottom: 1px dotted #ddd;  }
table.mainboard00 td  h3  { font-size:15px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;  float:left; padding-left:3px;   }
table.mainboard00 td p { float:right; padding-right:10px; }
table.mainboard00 td.title {  border-bottom: 1px solid #cfcfcf; padding-bottom:8px;  }
table.mainboard00 td.date { font-size:11px; color:#a6a6a6; }
table.mainboard00 td.num { font-size:11px; color:#a6a6a6; }

table.mainboard00 td.txt { text-align:left; color:#666666; padding-left:0px; }
.txt a:link {color:#666; text-decoration: none; }
.txt a:visited {color:#666; text-decoration: none; }
.txt a:hover {color: #000000; text-decoration: none; }
.txt a:active {color:#666; text-decoration: none; }



table.mainboard01 { width:100%;  padding:0px;   margin-top:10px; margin-left:10px;  }
table.mainboard01 td { padding:0px;  text-align:center;   }
table.mainboard01 td  h3  { font-size:15px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;  float:left; padding-left:3px;   }
table.mainboard01 td p { float:right; padding-right:10px; }
table.mainboard01 td img { border: 1px solid #ddd; margin-top:10px; }
table.mainboard01 td.br { border-right: 1px dotted #ddd;   }
table.mainboard01 td.txt { text-align:left; vertical-align:top; padding-left:10px; width:200px; word-break: break-all; table-layout: fixed; line-height:19px; padding-top:8px;  }

table.mainboard01 td.title {  border-bottom: 1px solid #cfcfcf; padding-bottom:8px;  }
table.mainboard01 td.date { font-size:11px; color:#a6a6a6; }
table.mainboard01 td.num { font-size:11px; color:#a6a6a6; }



table.countboard01 { width:200px; height:100px;  padding:0px;   margin-top:10px; margin-left:10px;  }
table.countboard01 td { padding:0px;  text-align:center;   }
table.countboard01 td  h3  { font-size:15px; color:#779aff; letter-spacing:-0.1em;  font-weight:bold;  float:left; padding-left:3px;   }
table.countboard01 td p { float:right; padding-right:10px; }
table.countboard01 td img { border: 1px solid #ddd; margin-top:10px; }
table.countboard01 td.br { border-right: 1px dotted #ddd;   }
table.countboard01 td.txt { text-align:left; vertical-align:top; padding-left:10px; width:200px; word-break: break-all; table-layout: fixed; line-height:19px; padding-top:8px;  }

table.countboard01 td.title {  border-bottom: 1px solid #cfcfcf; padding-bottom:8px;  }
table.countboard01 td.date { font-size:11px; color:#a6a6a6; }
table.countboard01 td.num { font-size:11px; color:#a6a6a6; }


.left_nav {
	width: 200px;
	height: auto;
	position: relative;
	background: #dddddd;
}

.left_nav > .left_nav_title {
	width: 200px;
	height: 40px;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
	line-height: 40px;
}

.left_nav > .left_nav_head {
	width: 200px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #ffffff;
	background: url('../img/nav_head_bg.png') no-repeat;
	font-weight: bold;
	text-align: center;

}

.left_nav > .left_nav_head a {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.left_nav > .left_nav_head a:hover {
	color: #ffff86;
}

.left_nav > .left_nav_menu {
	width: 200px;
	height: auto;
	position: relative;
	text-align: left;
	margin-bottom: 15px;
}

.left_nav > .left_nav_menu ul {
	width: 200px;
	height: auto;
	position: relative;
}

.left_nav > .left_nav_menu ul li {
	width: 200px;
	height: 30px;
	position: relative;
	display: block;
}

.left_nav > .left_nav_menu ul li a {
	font-size: 13px;
	color: #333333;
	line-height: 30px;
	display: block;
	text-align: left;
	padding-left: 10px;
}

.left_nav > .left_nav_menu ul li a span {
	color: #ff0000;
	font-weight: bold;
}

.left_nav > .left_nav_menu ul li a:hover {
	color: #ffffff;
	background: url('../img/nav_on.png') no-repeat;
	padding-left: 22px;
	font-weight: bold;
}

.left_nav > .left_nav_menu ul li a.active {
	color: #ffffff;
	background: url('../img/nav_on.png') no-repeat;
	padding-left: 22px;
	font-weight: bold;
}