/* CSS Document */
body{
	margin:0px;
	height:100%;
}
#wrap {	
	width:100%;
	min-height:100%;
	height: auto !important;
	height:100%;
	position:absolute;	
	margin:0 auto;
	clear:both;
	background:url(../_img/common/bg_redbar.gif) left top repeat-x;
}
#container {
	margin: 0 auto;
	width:997px;
	padding-bottom:80px;
}
#toparea {padding-top:3px;}
#topleft { float:left; width:210px; height:63px;}
#topright { float:right;  height:63px;}
#topright ul {padding-top:40px;}
#topright ul li {float:left; padding:0 5px;}

#topright ul li a 			{ color: #000; font-family:tahoma; font-size:11px;}
#topright ul li a:active	{ color: #000; text-decoration: none;}
#topright ul li a:link		{ color: #000; text-decoration: none;}
#topright ul li a:visited 	{ color: #000; text-decoration: none;}
#topright ul li a:hover 	{ color: #000; text-decoration: none;}

#gnb { padding:18px 0;}
ul.menu li {float:left; margin-right:50px;}

ul.menu li a 			{ color: #fff; font-family:Malgun Gothic; font-size:14px; font-weight:bold;}
ul.menu li a:active		{ color: #fcff00; text-decoration: none;}
ul.menu li a:link		{ color: #fff; text-decoration: none;}
ul.menu li a:visited 	{ color: #fff; text-decoration: none;}
ul.menu li a:hover 		{ color: #fcff00; text-decoration: none;}
ul.menu li.select a		{ color: #fcff00; text-decoration: none;}

.contents { clear:both; margin-top:40px;}
.contents h1 {padding:0; margin:0; float:left;}
.contents h1 img {vertical-align:bottom;}
.contents div.btnarea { float:right; padding-top:6px;}
* html .contents div.btnarea  { padding-top:18px;} /*IE6.0*/
*+html .contents div.btnarea  { padding-top:18px;} /*IE7.0*/


.contents div.btnarea img { vertical-align:bottom;}
.leftarea { float:left; width:370px; padding-right:25px; }
.middlearea { float:left; width:280px; }
.rightarea { float:right; width:280px;}

.left2area { float:left; width:475px; padding-right:30px; }
.right2area { float:right; width:475px;}

.basictb { clear:both; width:100%; border-top:solid 1px #ccc; margin-top:5px; }
.basictb th {font-weight:normal; color:#666; background:#f9f9f9; padding:6px 0; text-indent:15px; text-align:left; border-bottom:solid 1px #ccc; letter-spacing:-1px;}
.basictb td { padding:6px 0; border-bottom:solid 1px #ccc; text-indent:15px;}

.dottedtb { clear:both; width:100%; border-top:solid 1px #ccc; margin-top:5px; }
.dottedtb th {font-weight:normal; color:#666; background:#f9f9f9; padding:6px 0; text-indent:15px; text-align:left; border-bottom:solid 1px #ccc; letter-spacing:-1px;}
.dottedtb td { padding:4px 0; border-bottom:dotted 1px #ccc; text-indent:15px; font-size:11px;}
.txtgray {color:#999;}


.dottedtb td a 			{ color: #000; font-family:tahoma; font-size:11px;}
.dottedtb td a:active	{ color: #000; text-decoration: none;}
.dottedtb td a:link		{ color: #000; text-decoration: none;}
.dottedtb td a:visited 	{ color: #000; text-decoration: none;}
.dottedtb td a:hover 	{ color: #000; text-decoration: none;}

dl.gallery dt img {border: solid 1px #ebebeb; margin:5px 0; vertical-align:bottom;}
dl.gallery dt {float:left; padding:0; margin:0;}
dl.gallery dd {float:left; width:75px; margin: 5px 0 0 15px; word-spacing:normal; text-indent:0; line-height: 14px;}

.txtright {text-align:right;}

#CopyrightArea {
	clear:both;
	width:100%;
	position:absolute;
	bottom: 0px !important;
	background:#f9f9f9;
}
.BottomCopyright {
	width:980px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	height:35px;
	font-size:9px;
	font-family:tahoma;
	color:#999;
}

.graphtb    { clear:both; width:100%; margin-top:5px;  }
.graphtb th	{ font-weight:normal; font-size:11px;}
.graphtb td	{ text-align:center; height:110px; border:solid 1px #ccc; vertical-align:bottom;}
table.grbar { width:100%;}
table.grbar td {border-right :dotted 1px #ccc; border-top:none; border-bottom:none; border-left:none;}
table.grbar td.bdnone {border-right:dotted 1px #fff;}
tr.txt12 th { font-size:12px; padding-top:7px;}



.pt10 {padding-top:10px;}
.txtbold {font-weight:bold;}
.txtred {color:#cc3333;}
.txt11 {font-size:11px;}
.txtcenter {text-align:center;}

/*****************************************************

	서브페이지 - 왼쪽메뉴

*******************************************************/

.leftmenu { width:178px; border: solid 1px #e1e1e1; padding:1px; float:left;}
.leftmenu h2 {background:#f1f1f1; border-bottom: solid 1px #e7e7e7; padding:13px 0; margin:0; text-indent:15px; font-size:16px; letter-spacing:-1px; color:#000;}
ul.submenu { padding: 20px 0 10px 0; background:#fcfcfc; display:block; margin-top:1px;}
ul.submenu li { letter-spacing:-1px; background:url(../_img/common/icon_menu.gif) left 5px no-repeat; padding-left:5px; margin:0 15px 12px 15px; word-spacing:normal;}

ul.submenu li a 		{ color: #666; }
ul.submenu li a:active	{ color: #1ca7d0; text-decoration: none;}
ul.submenu li a:link	{ color: #666; text-decoration: none;}
ul.submenu li a:visited { color: #666; text-decoration: none;}
ul.submenu li a:hover 	{ color: #1ca7d0; text-decoration: none; }

ul.submenu li.on a			{ color: #1ca7d0; text-decoration: none; font-weight:bold;}
ul.submenu li.on a:active	{ color: #1ca7d0; text-decoration: none; font-weight:bold;}
ul.submenu li.on a:link		{ color: #1ca7d0; text-decoration: none; font-weight:bold;}
ul.submenu li.on a:visited	{ color: #1ca7d0; text-decoration: none; font-weight:bold;}
ul.submenu li.on a:hover	{ color: #1ca7d0; text-decoration: none; font-weight:bold;}




/*****************************************************

	서브페이지 - 오른쪽 컨텐츠

*******************************************************/

.subcontents {float:right; width:777px;}
.subcontents h3 {margin:13px 0; background:url(../_img/common/icon_title.gif) left center no-repeat; text-indent:10px; font-size:14px; letter-spacing:-1px; color:#000; float:left;}
.subcontents .naviarea {float:right; margin-top:15px; font-size:11px; letter-spacing:-1px; }
.bdbox {border: solid 1px #d6d6d6;}
.bdbox h4 { margin:0; padding:10px 0; background:#f7f7f7; border-bottom: solid 1px #e2e2e2; text-indent:15px; color:#000; font-size:12px;}
h4 { margin:12px 0 8px 0; color:#000; font-size:12px;}

.innerbox {clear:both; padding:10px;}
.searchtb {width:100%; background:none}
.searchtb th { font-size : 11px; letter-spacing:-1px; color:#666; text-align:left; vertical-align:top; } 
.searchtb th input, .searchtb td input, .searchtb td img  { vertical-align:middle;}
.searchtb td {text-align:left; padding-bottom:1px;}

ul.btnlist li {
	background:url(../_img/common/bg_btn.gif) left top no-repeat; 
	width:44px; 
	padding-top:3px; 
	display:block; 
	text-align:center; 
	font-size:11px; 
	color:#666; 
	letter-spacing:-1px; 
	margin-right:3px; 
	float:left;}

* html ul.btnlist li  { padding-top:2px;} /*IE6.0*/
*+html ul.btnlist li  { padding-top:2px;} /*IE7.0*/

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

div.bdbar {
	clear:both;
	border-top: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
	padding:1px 0;
	margin-bottom:10px;	
}
div.graybox {
	background:#f7f7f7;
	padding:10px;
}

table.listtb {
	width:100%;
}
table.listtb th {
	background:url(../_img/common/bg_tablehead.gif) left top repeat-x;
	font-size:11px;
	padding: 6px 4px;
	letter-spacing:-1px;
}
table.listtb td {
	padding: 5px 0;
	border-bottom: solid 1px #f5f5f5;
	text-align:center;
	color:#666;
	font-size:11px;
}
table.listtb td.alignleft {
	text-align:left;
	text-indent:5px;
}
table.listtb td.alignright {
	text-align:right;
	text-indent:5px;
}

.ListPageNum {
	clear:both;
	text-align:center;
	margin-top:10px;
}
.ListPageNum img {vertical-align:middle;}
a.SelectPage 			{ color: #ff0000; font-weight:bold; text-decoration: none; padding:3px; margin:3px; }
a.PagingNo 		  		{ color: #555; font-weight:bold; text-decoration: none; padding:3px; margin:0px;}
a.PagingNo:active	 	{ color: #ff0000; font-weight:bold; text-decoration: none;}
a.PagingNo:link			{ color: #999; font-weight:bold; text-decoration: none;}
a.PagingNo:visited	 	{ color: #999; font-weight:bold; text-decoration: none;}
a.PagingNo:hover 		{ color: #ff0000; font-weight:bold; text-decoration: none;}


ul.infotxt li {
	font-size:11px;
	color:#666;
	letter-spacing:-1px;
	background:url(../_img/common/icon_check.gif) left center no-repeat;
	padding-left:14px;
	line-height:18px;
}

table.inputtb {width:100%; border-top: solid 1px #e2e2e2;}
table.inputtb th {background:#fafafa; text-align:left; text-indent:15px; padding:7px 0; border-bottom: solid 1px #e2e2e2; color:#666; font-weight:normal; vertical-align:top;}
table.inputtb td {text-align:left;  padding: 3px 0 3px 15px; border-bottom: solid 1px #e2e2e2;}
table.inputtb td span {font-size:11px; color:#999; letter-spacing:-1px;}
table.inputtb td input, table.inputtb td img, table.inputtb td select {vertical-align:middle;}
td p.view {padding:20px 10px; line-height:18px; color:#666; min-height:200px;}
* html td p.view {height:200px;}

table.inputtb2 th {width:20%}
table.inputtb2 td {width:30%}

a.list_key 			{ color: #333333; font-family:Dotum,돋움,Gulim,굴림,"Tahoma"; font-size:9pt; font-weight:bold;}
a.list_key:active	{ color: #000; text-decoration: none;}
a.list_key:link		{ color: #333333; text-decoration: none;}
a.list_key:visited 	{ color: #333333; text-decoration: none;}
a.list_key:hover 	{ color: #000; text-decoration: none;}

table.inputtb td.ckeditor_area { margin:0; padding:0; }