@charset "utf-8";
/******************************************************************
    초기화
*******************************************************************/
body {
    font-size: 12px; /* 기본폰트 사이즈 */
    line-height: 140%; /* 행간 */
    color: #666;  /* 폰트 컬러 */
    margin: 0;
    padding: 0;
    font-family: Dotum, "돋움", sans-serif;  /* 폰트스타일 */
}

form, fieldset, p, div, dl, dt, dd, h1, h2, h3, h4, h5, h6  { margin: 0px; padding: 0px; }
ul, ol, li                      		{ margin: 0; padding: 0; list-style: none; }
img, input.type-image   		{ border: none; }
hr                              		{ display: none; }
select                          		{ border: 1px solid #dbdbdb; height: 19px; font-size: 12px; font-family: Dotum, "돋움", sans-serif; }
table                           		{ width: 100%; border-collapse: collapse; }
textarea                        	{ background: #fff; border: 1px solid #dbdbdb; font-family: "돋움", sans-serif; }
input.type-text             		{ height: 14px; padding: 2px 2px 0; font-size: 1.0em; font-family: Dotum, "돋움", sans-serif; border: 1px solid #dbdbdb; background: #fff; }
input.type-file            			{ height: 20px; padding: 0px 0px 1px 0px; font-size: 1.0em; font-family: Dotum, "돋움", sans-serif; border: 1px solid #dbdbdb;background: #fff; }
input.type-file1             		{ height: 20px; padding: 0px 0px 1px 0px; font-size: 1.0em; font-family: Dotum, "돋움", sans-serif; border: 1px solid #dbdbdb;background: #fff; }
input.type-radio,
input.type-checkbox {
    margin: 0;
    padding: 0;}
input.type-radio-mobile{
    margin: 0 0 0 0;
    padding: 0 0 0 0;}
input.type-number {
	text-align: right;	
	height: 14px; 
	width:90%;
	padding: 2px 2px 2px, 2px; 
	font-size: 1.0em; 
	font-family: Dotum, "돋움", sans-serif; 
	border: 1px solid #dbdbdb; 
	background: #fff;	
}

/******************************************************************
    레이아웃
*******************************************************************/
html {
    height: 100%;
}
body {
    height: 100%;    
}
#head {
    margin: 2px 0 0;
    overflow: hidden;
    width: 100%;
    min-width: 700px;
    width:expression(document.body.clientWidth < 700? "700px": "auto" );
    height: 100px;
    position: relative;
    z-index: 2;    
}
#head div.head_left {
    width: 175px;
    height: 100px;
    float: left;
}
#head div.head_left h1 {
    padding: 13px 0 0 13px;
}
#head div.head_right {
    height: 100px;
    padding: 0 20px 0;
    text-align: right;
    float: right;
}
#head div.toputil {
    padding: 5px 0 0;
    display: inline-block;
    width: 860px;
    color: #77dba1;
}
#head div.toputil * {
    vertical-align: middle;
}
#head div.toputil p,
#head div.toputil ul,
#head div.toputil li {
    font-size: 0.95em;
    display: inline-block;
}
#head div.toputil p strong {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url("../images/bl_circle.gif") no-repeat 0 6px;
}
#head div.navigation {
    margin: 11px 0 0;
    height: 60px;
}
#head div.navigation li.active a {
    background: url("../images/bg_navi_on.gif") no-repeat 0 0;
}
#head div.navigation li.active span {
    background: url("../images/bg_navi_on.gif") no-repeat right 0;
}
#head div.navigation li span {
    cursor: pointer;
    padding: 8px 15px 0 0;
    display: inline-block;
    height: 43px;
}
#head div.navigation li a {
    padding: 0 0 0 15px;
    display: inline-block;
    height: 35px;
    color: #fff;
}
#head div.navigation ul {
    float: right;
}
#head div.navigation li {
    float: left;
    height: 60px;
}
#head div.navigation div.submenu {
    text-align: right;
    width: 100%;
    display: none;
    position: absolute;
    right: 0;
    top: 70px;
}
#head div.navigation div.submenu ul {
    text-align: right;
    width: 100%;
    padding: 5px 0 0;
}
#head div.navigation div.submenu li {
    float: none;
    display: inline;
    padding: 0 5px;
    font-size: 0.95em;
}
#head div.navigation div.submenu li a {
    color: #000;
    background: none;
}

#body {
    margin: -100px 0 -29px;
    min-height: 100%;
}
*html #body {
    height: 100%;
}
#body div.content {
    padding: 120px 32px 80px;
}

#body div.content2 {
    padding: 0px 32px 0px;
}


/******************************************************************
    공통
*******************************************************************/
.right {
    text-align:right;
}
.left {
    text-align:left;
}
.cnt {
    text-align:center;
}

/********************************************************************
Admin
*********************************************************************/
#admin{background:#dbdbdb url("../images/admin_bg.jpg") no-repeat 50% top; height:100%;}
#admin form{margin:0 auto; width:310px; padding:320px; overflow:hidden;}
#admin input{border:1px solid #dcdcdc; width:165px; height:17px; line-height:17px; padding-left:3px;}
#admin ul{float:left;}
#admin ul li{padding:3px 0;}
#admin ul li span{width:70px; display:inline-block;}
#admin p{float:right; padding-left:5px}
#admin span{color:#555;}

/** padding  
0px  0px     0px      0px 
top  right    bottom  left 
*****/


/* admin_page Style */
#admin_page{width:1280px; margin:0 auto; overflow:hidden;}
#admin_page .site{width:1257px; overflow:hidden; background-color:#398f48; padding:4px 0 4px 23px; margin-bottom:2px;}
#admin_page .site li{float:left; padding-right:17px;}
#admin_page .top{width:1036px; overflow:hidden; background:url("../images/admin_page_top_bg.jpg") no-repeat; padding:13px 0 14px 244px; position:relative;}
#admin_page .top li{float:left; padding-right:6px;}
#admin_page .top li.logo{position:absolute; left:76px; top:31px;}

#admin_page div.today_home{overflow:hidden; width:1280px;}
#admin_page p.today{float:left; padding:4px 0 4px 250px;}
#admin_page p.today span{font-weight:bold;}
#admin_page p.home{float:left; padding:4px 0 4px 10px; margin-left:500px; background:url("../images/admin_page_home_bg.gif") no-repeat 0 9px;}

#admin_page .help_tx {font-size:11px; margin-left:10px}

#admin_page .left{float:left; width:236px; height:800px; background:url("../images/admin_page_left_bg.jpg") no-repeat;}
#admin_page .left ul.left_top{overflow:hidden; width:205px; padding:17px 0 0 23px;}
#admin_page .left ul.left_top li{float:left; padding-right:3px;}
#admin_page .left .leftmenu {width: 190px; margin:5px 0px 5px 13px; border: 1px solid #d2d2d2; background:#fff}
#admin_page .left dl.menu {margin:25px 0 0 50px;}
#admin_page .left dl.menu dt { padding:0 0 5px 10px; margin:0px 20px 10px -30px;border-bottom: 1px dashed #d2d2d2;  }
#admin_page .left dl.menu dt a{font-weight:bold;}
#admin_page .left dl.menu dt a span {  padding-left: 10px;margin:0px 0px 0px 0px; background:url(../images/admin_page_home_bg.gif) no-repeat 0 4px;  }
#admin_page .left dl.menu dd { padding: 5px 0px 5px 0px; margin: 0px 0px 0px -35px; width:160px; background-color: #fff; color:#777; cursor:hand}
#admin_page .left dl.menu dd a span { margin-left:20px }
#admin_page .left dl.menu dd:hover  {background-color: #efefef;}


#admin_page .right{ background:#fff;  border: 1px solid #d2d2d2; width:1040px; float:right; text-align:center}
#admin_page .right div.dataview{overflow:hidden; width:1000px; margin:10px; padding:5px; border: 1px solid #d2d2d2;}

#admin_page .right div.dataview table th{
	border: 1px solid #d2d2d2;
	background:#eee; 
	padding:5px;
}
#admin_page .right div.dataview table td{
	border: 1px solid #d2d2d2; 
	padding:5px;
}

#admin_page div.dataview table th{
	border: 1px solid #d2d2d2;
	background:#eee; 
	padding:5px;
}
#admin_page div.dataview table td{
	border: 1px solid #d2d2d2; 
	padding:5px;
}

/******************************************************************
    큰버튼
*******************************************************************/
#admin_page a.button {
    padding: 0 0 0 10px;
    display: inline-block;
    background: url("../images/button_on.gif") no-repeat left top;
}
#admin_page a.button span {
    font-weight: bold;
    color: #e8ebeb;
    height: 24px;
    padding: 4px 10px 0 0;
    display: inline-block;
    cursor:hand;
    background: url("../images/button_on.gif") no-repeat right top;
}

/*****************************************************************
버튼 레이어
******************************************************************/
#admin_page div.button_view {
	text-align: right;
	padding-top:10px;   
}