@charset "euc-kr";

* { margin: 0; padding: 0; }
html { height: 100%; margin: 0; padding: 0; }
body { 
	width: 100%; height: 100%; min-width: 1000px; margin: 0; padding: 0; 
	font-family: arial,sans-serif; 
	font-size: 82%; 	
}
table {table-layout: fixed}
table caption { display: none; } 
img { border: 0; }
ul, li { list-style: none; margin:0; padding:0}
a:hover { text-decoration: underline; }
input.txt { height: 15px; padding-left: 2px; padding-top: 3px; color: #999; font-size: 12px; font-family: Dotum; border: 1px solid #9398aa; }
input.file { height: 20px; padding-left: 2px; padding-top: 3px; color: #999; font-size: 12px; font-family: Dotum; border: 1px solid #9398aa; }
input.radio { vertical-align: -2px; margin: 0 3px 0 0; }
*html input.radio { vertical-align: -1px; margin: 0; }
*+html input.radio { vertical-align: -1px; margin: 0; }
input.checkbox { vertical-align: -2px; margin: 0 5px 0 0; border: none; background: none; }
*html input.checkbox { vertical-align: -1px; margin: 0 2px 0 -3px; }
*+html input.checkbox { vertical-align: -1px; margin: 0 2px 0 -3px; }
select { font: 12px Gulim; color: #999999; }
textarea { padding: 8px; color: #999; line-height: 17px; font: 12px Dotum; overflow: auto; background: #ffffff; border: 1px solid #e5e5e5; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #e5e5e5; }

#wrap { width: 1280px; min-width: 1400px; height: 100%}

#toparea { position: relative; z-index: 1; width: 100%; min-width: 1000px; height: 70px; }
#toparea .innerwrap { position: relative; width: 1000px; }
#toparea h1 { position: absolute; left: 24px; top: 13px; }
#toparea ul.gnb { position: absolute; right: 0; top: 37px; }
#toparea ul.gnb li { float: left; padding: 0 11px 0 10px; font-size: 11px; letter-spacing: -1px; color: #6699cc; background: url('../images/bg_bar_01.gif') 0 1px no-repeat; }
#toparea ul.gnb li a { font-size: 11px; color: #6699cc; word-spacing: -1px; }
#toparea ul.gnb li.my { padding-left: 0; color: #003399; background: none; }
#toparea ul.gnb li.my a { color: #003399; }
#toparea ul.topmenu { position: absolute; left: 0; top: 60px; width: 100%; min-width: 1000px; background: url('../images/bg_topmenu_off.gif') 0 0 repeat-x; border-bottom: 3px solid #ad5600; }
#toparea ul.topmenu li { float: left; margin: 0; padding: 0; background: url('../images/bg_bar_02.gif') right top no-repeat; }
#toparea ul.topmenu li a { display: block; height: 28px; padding: 15px 22px 0 22px; text-align: center; word-spacing: -1px; font-size: 14px; color: #fff; font-weight: bold; }
#toparea ul.topmenu li a:hover { text-decoration: none; background: url('../images/bg_topmenu_on.gif') 0 0 repeat-x; }
#toparea ul.topmenu li span { display: inline-block; height: 25px; margin-top: -4px; padding: 4px 0 0 26px; }
#toparea ul.topmenu li.menu_01 a { padding: 15px 30px 0 30px; }
#toparea ul.topmenu li.menu_01 span { margin: 0; padding: 0; }
#toparea ul.topmenu li.menu_02 span { background: url('../images/icon_gnb_01.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_03 span { background: url('../images/icon_gnb_02.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_04 span { background: url('../images/icon_gnb_03.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_05 span { padding-left: 32px; background: url('../images/icon_gnb_04.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_06 span { background: url('../images/icon_gnb_05.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_07 span { background: url('../images/icon_gnb_06.gif') 0 0 no-repeat; }
#toparea ul.topmenu li.menu_08 span { background: url('../images/icon_gnb_07.gif') 0 0 no-repeat; }

td.side-menu {
	padding-left: 20px;
	min-width: 170px;
	width: 170px;
	vertical-align: top;
	background: #F9F9F9 url('/common/img/bg_td.gif') repeat-y;
	
}
td.side-menu.side-menu-hidden {
	min-width: 0;
	width: 0;
	display: none;
}
.split-bar {
	background: #d2d2d2;
	height: 100%;
	width: 5px;
}
.split-bar:hover {
	background-color: #777;
	-moz-transition: background-color .20s linear;
	-webkit-transition: background-color .20s linear;
	transition: background-color .20s linear;
}
.split-bar-large {
	width: 7px;
	background-color: #777;
	-moz-transition: background-color .20s linear;
	-webkit-transition: background-color .20s linear;
	transition: background-color .20s linear;
}

td.content-area {
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
}
#content {
	clear: both;
	border-top: 1px solid #CCC;
}
#toolbar {
	float: right;
	padding-right: 10px;
}
#content-title {
	float: left;
	padding: 5px;
	font-weight: bold;
	font-size: 110%;
}

#midarea { width: 100%; min-height: 100%; margin: -106px 0 -98px 0; background: #fff url('../images/bg_leftmenu_gr.gif') 0 0 repeat-y; }
*html #midarea { height: 100%; }
#leftarea { 
	float: left; 
	width: 100%; 
	padding: 0 0 0 0; 
}
#leftarea ul { 
	width: 100%; 
	padding: 0; 
}
#leftarea ul li { margin: 0; padding: 0; font-size: 12px; color: #333; line-height: 17px; border-bottom: 1px solid #e1e1e1; }
#leftarea ul li a { display: block; padding: 12px 0 11px 40px; font-size: 12px; color: #333; border-left: 4px solid #f7f7f7; }
#leftarea ul li.on a { font-weight: bold; letter-spacing: -1px; border-left: 4px solid #6699cc; }
#leftarea ul li a:hover { text-decoration: none; font-weight: bold; letter-spacing: -1px; border-left: 4px solid #6699cc; }
#leftarea ul li.lnb_01 a { background: url('../images/icon_lnb_01.gif') 10px 10px no-repeat; }
#leftarea ul li.lnb_02 a { background: url('../images/icon_lnb_02.gif') 10px 10px no-repeat; }
#leftarea ul li.lnb_03 a { background: url('../images/icon_lnb_03.gif') 10px 10px no-repeat; }
#leftarea ul li ul { 
	width: 194px; padding: 10px 0 10px 40px; overflow: hidden; 	
	border-top: 1px solid #e1e1e1; 
}
#leftarea ul li ul li { margin: 0 0 9px 0; padding: 0 0 0 8px; line-height: 20px; color: #11528c; font-weight: normal; font-size: 12px; border-bottom: 0; border-left: 0; }
#leftarea ul li ul li a { display: inline; padding: 0 0 0 8px !important; color: #11528c; font-weight: normal !important; font-size: 12px; border-left: 0 !important; background: url('../images/icon_arr_01.gif') 0 2px no-repeat !important; }
#leftarea ul li ul li a:hover { text-decoration: underline; }

#contentarea { float: none; padding: 0 0 0 0; overflow: hidden; background: #fff; }
#contentarea h2 { clear: both; padding: 0 0 12px 15px; margin: 0; font-size: 14px; color: #364577; }
#contentarea .contentsbox { clear: both; width: 100%; padding: 0 0 60px 0; overflow: hidden; }
#contentarea .contentsinfo { position: relative; width: 750px; }
#contentarea .contentsinfo .txtbtn_set { position: absolute; right: 180px; bottom: 12px; }
#contentarea .contentsinfo .btnset { position: absolute; right: 0; bottom: 7px; }


/* align */
.btncenter { width: 100%; margin: 20px 0 0 0; text-align: center; }
.btnright { width: 100%; margin: 20px 0 0 0; text-align: right; }

/* margin, padding */
.mb { margin-bottom: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb70 { margin-bottom:70px !important; }

a.txtbtn { padding: 0 0 0 6px; margin-right: 8px; font-size: 11px; color: #364577; background: url('../images/icon_dot_01.gif') 0 4px no-repeat; }
input.btn { display: inline-block; width: 50px; height: 24px; padding: 3px 0 0 0; text-align: center; font-family: Dotum; font-size: 12px; color: #333; line-height: 14px; letter-spacing: -1px; background: url('../images/bg_btnbox.gif') 0 0 no-repeat; border: 0; }
input.bold { font-weight: bold !important; border: 0; }

.searchbox { width: 100%; background: #f5f5f5; border-top: 2px solid #ccc; }
.searchbox .innerwrap { width: 750px; padding: 10px 0 8px 0; text-align: right; }
.searchbox .innerwrap input.txt { width: 150px; height: 15px; background: #fff; border: 1px solid #aaa; }

.form-body {
	overflow-y: scroll;
	padding-top: 10px;
}

#footer { 
	clear: both; 
	position: relative; 
	width: 100%; 
	height: 53px; 
	padding: 12px 0 5px 0; 
	text-align: center; 
	font-size: 11px; 
	font-family: Verdana; 
	color: #909090;
	border-top: 1px solid #CCC;
	margin-top: 20px;
}
#footer .copyright { clear: both; }
#footer p {
	margin-bottom: 0;
}

.server-validation-error {
	margin-left: 10px;
	font-size: 11px;
	color: red;
}

.ellipsis {  
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    width: 150px; 
}

.button-actions.center {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.form-horizontal  li.control-group {
	margin-bottom: 0;
	padding-bottom: 0;
}

.error-block {
	display: none;
	color: #953B39;
	margin-left: 10px;
}

.error .error-block {
	display: inline;
	color: #953B39;
}

.content-header {
	margin-top: 10px;
	margin-bottom: 9px;
}

.alert {
	font-size: 11px;
	padding: 5px 35px 5px 6px;
	margin-bottom: 5px;
	color: #C09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.alert-info {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
}

.table tbody tr:hover td, .table tbody tr:hover th {
	background-color: none;
}

.no-bottom {
	border-bottom: none;
}

.form-table {
	
}

.form-table th {
	background-color: whiteSmoke;
}

.datatable-filter .filter-group {
	margin-bottom: 5px;
}

#filter .filter-group label {
	text-align: right;
}

.table-bordered {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.table-content tr th {
	text-align: right;
	background-color: whitesmoke;
}

.table-content tbody tr:hover th {
	background-color: whitesmoke;
}
/* jansi customizing */
.uneditable-input {
	font-size: 11px;
	height: 18px;
}
.value-label {
	color: darkgray;
	margin-left: 2px;
}
input.right {
	text-align: right;
}
.table.table-content th {
	font-weight: normal;
}
.table.table-content td.content div {
	vertial-align: top;
	min-height: 100px;
}
.badge-vertical-list li {
	margin-bottom: 5px;
}
.add-action-group {
	margin-bottom: 5px;
}
#popupArea {
	margin:0;	
}
#popupArea select {
	margin: 0;
}
.bannerArea {
	margin:0;
}
.bannerArea select {
	margin: 0;
}
.filter-group:last-child {
	margin-bottom: 11px;
}
ul.item {
	margin-top: 5px;
}
ul.item li {
	margin-bottom: 5px;
}
ul.item li:last-child {
	margin-bottom: 0px;
}
#board-info-modal ol li {
	list-style: decimal; 
	margin-bottom: 7px;
}
#board-info-modal ol li ul li {
	margin-left: 15px;
	list-style: square; 
}