html,
body { height:100%; }
/* common */
body { margin:0; padding:0; color:#555; font-style:normal; font-size:12px; font-family:'돋움', dotum, verdana, arial, applegothic, sans-serif; line-height:1.5; }
div, ul, ol, li, dl, dt, dd, form, fieldset, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0;

}
img { border:0; vertical-align:middle; }
li { list-style:none; }

/* font */
i, em, u, cite { font-style:normal; }
 
/* link */
a { color:#555; font-family:'돋움', dotum, verdana, arial, applegothic, sans-serif; font-size:12px; text-decoration:none; }
a:hover { text-decoration:underline; }

/* typo */
strong.required { padding:0 0 0 9px; font-weight:normal; font-size:11px; background:url('~/images/superuser/icon_star.gif') 0 2px no-repeat; }
strong.required em { position:absolute; font-size:0; line-height:0; text-indent:-99999px; color:#fff; }
span.txt { vertical-align:middle; }
span.max { margin:0 0 0 9px; font-size:11px; color:#999; }
strong.total { color:#333; }

/* table */
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
th, td { border-collapse:collapse; }
legend, caption, hr { display:none; }

/* form */
form { display:inline; }
select{ color:#666; font-family:'돋움', dotum, verdana, arial, applegothic, sans-serif; font-size:inherit; vertical-align:middle;
}
fieldset, blockquote, iframe { border:none; }
fieldset{ display:inline; }

.input_txt,
.input_file { height:20px; padding:0 0 0 8px; font:11px/21px 돋움,Dotum; color:#666; background:#fff; border:1px solid #9c9c9c; }
.input_file { height:22px;	}

.input_textarea { padding:9px; font:11px/1.5 돋움,Dotum; border:1px solid #9c9c9c; background:#fff; 
	overflow:auto; overflow-x:hidden;
	scrollbar-highlight-color: #f8f8f8;
	scrollbar-shadow-color: #f8f8f8;
	scrollbar-arrow-color: #aaa; 
	scrollbar-face-color: #f8f8f8;
	scrollbar-3dlight-color: #e4e4e4;
	scrollbar-darkshadow-color: #e4e4e4;
	scrollbar-track-color: #e4e4e4; 
}
.input_select { vertical-align:middle; }
.multiple { border:1px solid #c9c9c9; }
.multiple select { color:#999; font-size:13px; }

/* button Type */
a.button,
.button { display:inline-block; min-height:15px; _height:15px; padding:2px 3px 0 4px; font-size:11px; line-height:17px; color:#777; text-decoration:none; background:#fff; border:1px solid #c1c1c1; zoom:1; vertical-align:middle;  }

button.button2,
a.button2 { position:relative; z-index:1; margin:0; padding:3px 6px 3px 6px; color:#333; cursor: pointer; font: 12px "돋움",Dotum,"굴림",Gulim; letter-spacing:0; overflow:visible; vertical-align: middle;
	display:inline-block; background:#d4d0c8; border:1px solid #404040; border-top-color:#fff; border-left-color:#fff; text-decoration:none;
}
a.button2 { padding:4px 8px 4px 8px; padding-bottom:5px; }

/* button Area Type */
.buttonArea { position:relative; padding:15px 0 0 0; text-align:right; min-height:40px; _height:40px; }
.buttonArea .btnL { position:absolute; left:0; top:15px; }
.pagingButtonArea { position:relative; top:15px; margin-bottom:25px; zoom:1; text-align:center; vertical-align:middle; } /*min-height:40px; _height:40px;*/
.pagingButtonArea .pgButton { position:absolute; right:0; top:0; _top:18px; }

.addButtonArea { position:relative; min-height:30px; _height:30px; text-align:right; vertical-align: middle; }

/* clear */
.clear { clear:both; float:none; width:0; height:0; padding:0; font:0/0 Arial; line-height:0; }
.clearfix:after {content:""; display:block; clear:both; }


/* layout */
#header {  width:1064px; min-width:1024px; height:80px; background:#efefef; border-bottom:6px solid #4ba9f1; z-index:1; }
#header h1 { left:37px; top:24px;float:left; margin-top:30px;}
#header .adminInfo { right:67px; top:40px;width: 266px; float:right; margin-top:30px;}
#container { position:relative; width:1024px; min-height:100%; margin:-86px 0 0 0; }
#nav {left:0;  width:200px; margin-top:0px;height: 156px;float:left;}
#nav ul { width:200px; }
#nav a { display:block; padding:6px 0 5px 37px; font-size:13px; font-weight:bold; color:#333; background:url('~/images/superuser/ico_arrow_down.gif') 100% 50% no-repeat; border-bottom:1px solid #c1c1c1; letter-spacing:-1px; }
#nav li.active a { color:#4cabf3; background-image:url('~/images/superuser/ico_arrow_up.gif'); }
#nav ul.sub { display:none; width:200px; padding:11px 0 10px 0; background:#efefef; border-bottom:1px solid #c1c1c1; }
#nav ul.sub a { padding:1px 0 1px 41px; font-size:12px; font-weight:normal; color:#555; background:none; border-bottom:0; }
#nav ul.sub li ul { margin:0 0 9px 0; padding:1px 0 6px 0; background:url("~/images/superuser/bg_nav_subsub.gif") 50% 100% no-repeat; }
#nav ul.sub li ul li a { color:#999; padding-left:49px; }
#nav ul.sub a.active { font-weight:bold; letter-spacing:-1px; word-spacing:-1px; background:url('~/images/superuser/ico_arrowr.gif') 34px 7px no-repeat; }
#nav li.active .sub { display:block; }
#contents {float:left; margin-left:20px; margin-top:0px;width: 800px; height:800px;}



/* common : title */
h2.g { color:#fe4c6b; border-bottom:1px solid #f1f1f1; margin:0 0 15px 0; }
h3.stitle { position:relative; min-height:21px; _height:21px; font-size:12px; color:#333; }
h3.stitle a.button { position:absolute; right:0; top:-3px; font-weight:normal; }
h3.st0 { margin:0; }
.selectTitle { padding:8px 0 5px 18px; color:#555; font-weight:bold; background:#fbfbfb; border:1px solid #c9c9c9; }

/* common : left right content */
.ctLR { position:relative; text-align:right; padding:0 0 3px 0; zoom:1; }
.ctLR .ctL { position:absolute; left:0; }

/* common : board search */
.selBoardSrarch { position:relative; min-height:20px; _height:20px; text-align:left; }
.selBoardSrarch .input_txt { vertical-align:middle; margin:0 4px 0 0; }
.selBoardSrarch button.button2 { position:relative; top:-1px; }
.boardSrarch { position:relative; min-height:39px; _height:39px; text-align:right; }
.boardSrarch .input_txt { vertical-align:middle; margin:0 4px 0 0; }
.boardSrarch button.button2 { position:relative;  top:-1px; }
/* common : board */
.tbDesign { width:100%; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
.tbDesign thead th { padding:8px 0 4px 0; font-size:13px; color:#333; background:#fbfbfb; border-bottom:1px solid #c4c4c4; }
.tbDesign thead th em { color:#fbfbfb; }
.tbDesign tbody th,
.tbDesign tbody td { min-height:19px; _height:19px; padding:5px 0; border-top:1px solid #e5e5e5; text-align:center; }
.tbDesign thead .tl,
.tbDesign tbody .tl{ text-align:left; }
.tbDesign td.noSearch { height:200px; }
.tbDesign td.link1 a { color:#999; }
.tbDesign td.link1 a strong { color:#555; }
.tbDesign tr.none th,
.tbDesign tr.none td { border-top:0; padding-top:0; }
.tbDesignImage tbody th,
.tbDesignImage tbody td { padding-top:10px; padding-bottom:9px; }
.tbDesignReple tbody th,
.tbDesignReple tbody td { padding-top:8px; padding-bottom:5px; }
.tbDesignReple tbody .none td { padding-bottom:20px; }
/* common : board - write */
.tbDesignWrite { width:100%; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.tbDesignWrite th,
.tbDesignWrite td { padding:11px 0 11px 0; text-align:left; background:#fbfbfb; border-top:1px solid #e5e5e5; }
.tbDesignWrite th { padding-left:19px; color:#333; }
.tbDesignWrite tr.vt th,
.tbDesignWrite tr.vt td { vertical-align:top; }
.tbDesignWrite th em { position:relative; left:-6px; padding-left:6px; background:url("~/images/superuser/bul_dot_pink.gif") 0 45% no-repeat; }
.tbDesignWrite th .max { font-weight:normal; }
.tbDesignWrite td table { border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;
}
.tbDesignWrite td table th,
.tbDesignWrite td table td { padding:0; border-top:0; }

/* common : paging */
.paging { position:relative; text-align:center; margin:19px 0 0 0; _zoom:1; }
.paging .page { display:inline; background:#fff; }
.paging img { vertical-align:top; }
.paging a,
.paging strong { font-size:12px; line-height:19px; color:#777; display:inline-block; padding:0 2px; }
.paging a:hover,
.paging strong { color:#fe4c6b; }
.paging span { position:relative; top:1px; display:inline-block; padding:0 5px 4px 0; vertical-align:middle; background:url("~/images/superuser/common/bg_paging_button.gif") 100% 100% no-repeat; }
.paging span a { padding:0; }
.paging span.prev { margin:0 -4px 0 -8px; }
.paging span.next { margin:0 -8px 0 0; }


/* space margin */
.st { padding:5px 0 0 0; padding:3px 0 0 0; }
.stb { display:block; padding-top:11px; }
.stb.stb0 { padding-top:0; }
.mt6 { margin-top:6px; }

.line{border-top:1px solid #cccccc;}

/*input 박스*/

select.form_select{
   background: white;
    border: 1px solid #CCC;
    border-radius: 3px;
   /* box-shadow: 0 0 5px #DDD inset;*/
    color: #666;
    float: left;
    padding: 5px 5px;
    width: 150px;
    outline: none;
}

select.form_selectst{
   background: white;
    border: 1px solid #CCC;
    border-radius: 3px;
   /* box-shadow: 0 0 5px #DDD inset;*/
    color: #666;
    float: left;
    padding: 5px 5px;
    width: 170px;
    outline: none;
	font-size:10px;
}

input.form_text{
   background: white;
    border: 1px solid #CCC;
    border-radius: 3px;
   /* box-shadow: 0 0 5px #DDD inset;*/
    color: #666;
    float: left;
    padding: 2px 2px;
    outline: none;

}