@charset "euc-kr";

/* 
1. alt 속성시 
 을 사용하면 다음줄로 입력가능
2. 빈공간 <div></div> 에도 &nbsp;을 css 에는 line-height 를 삽입해야 글자 크게 해도 깨지지 않음.
*/ 
* {
    font-family:"돋움", AppleGothic, sans-serif;
	font-size:small;
	margin:0px;
	padding:0px;
}

body {
	line-height: 1.5em;
}
ul, ol {
	list-style:none;
}
/* 디폴트 테이블 */
table {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
}
th, td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
        white-space:nowrap;
	text-align:center;
}
td.title {
	width:100%;
	white-space:normal;
}
/* 디폴트로 선이 그려진 테이블의 선을 없애고 줄 사이에 라인 삽입 */
.tablenoline {
	margin:0 auto;
	border:0
}
.tablenoline * {
	padding:0;
	margin:0;
}
.tablenoline th {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline td {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline .td_line {
	background:url(../board/images/dot.gif);
	height:1px;
}
/* form 내 table td left 정렬 */
.tableform td{
   text-align:left;
}
/* 고정메뉴 */
#aside_admin {
	position:fixed;
	_position:absolute;
	_z_index:1;
	left:785px;
	top:40px;
	width:10px;
	height:20px;
	padding:0px;
	background:#dddddd;
}
#aside_user {
	position:fixed;
	_z_index:1;
	left:850px;
	top:40px;
	width:10px;
	height:20px;
	padding:0px;
	background:#dddddd;
}

/* 때때로 테이블 대신 사용 */
#content { 
	padding: 10px;
	border: 1px solid #999;
	margin: 0 auto;
	line-height: 1.5em;
	text-align: left;
	width: 311px; /* 익스플로어용  */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px; /* 원래실제값 */
}
/* 각 페이지에서 사용, 가로 세로 중간 정렬
#center {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 503px;
                height: 294px;
                overflow: hidden;
                margin-top: -180px;
                margin-left: -210px;
}
*/

textarea {
    color:#666;
	border:1px solid #d0d0cc;
	padding:2px;
}
textarea.width500 {
	width:500px;
	height:150px;
}
select {
	border:1px solid #d0d0cc;
}
input{/* 기본*/
    width:13em;
	height:18px;
	border:1px solid #d0d0cc;
}

/* radio, checkbox, submit 클라스  */
input.radio, input.checkbox {
	width:auto;height:auto;
	border:none; 
}
input.submit,input.image {
	width:auto;height:auto;
	border:none;
}
input.inputfile {
	width:400px;
	height:20px;
	border:1px solid #d0d0cc;
}
input.subject {
	width:30em;
}
input.subject_short {
	width:15em;
}
input.zip {
	width:3em;
}
input.jumin1 {
	width:7em;
}
input.jumin2 {
	width:8em;
}
input.tel {
	width:4em;
}
input.email01 {
	width:7em;
}
input.email02 {
	width:15em;
}
input.ok_button	{ background: #ffffff; border: 1px solid #ccc;}

/* 입력박스 선택시 색상 변경  */
input:hover {
	background: #66FF33;
}
input:focus, textarea:focus {
	background: #ffc;
}
fieldset {
	margin:0px;
	padding:0px;
	border:none;
}
legend {
	display:none;
}

a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#0C0;
	text-decoration:none;
}

/*문서나 뉴스 피드 다운로드용 링크  */
/*
a[href$=".pdf] {
	background: url(../admin/images/pdflink.gif) no-repeat right top;
	padding-right:10px;
}
a[href$=".doc] {
	background: url(../admin/images/wordlink.gif) no-repeat right top;
	padding-right:10px;
}
a[href$=".rss"], a[href$=".rdf"] {
	background: url(../admin/images/feedlink.gif) no-repeat right top;
	padding-right:10px;
}
*/
img {
	border:0 none;
}
hr {
	display:none;
} /* 코드시에만 hr 선 보임 */

form {
	margin:0;
}

/* 약어 툴팁  */
abbr, acronym {
	border-bottom:1px dotted;
	cursor: help;
}
/* 스크린리더 약어를 한단어로 읽기 */
abbr {
	speak:spell-out;
}
acronym {
	speak:normal;
}

/* 아이프레임시 내용넘치땔 높이 자동 조정*/
#page_content {
	position:absolute;
	left:0;top:0;
	width:100%; 
	margin:0 auto;
}

/* Anchor Button */
a.button, a.button span {
	position:relative;
	display:inline-block;
	text-decoration:none !important;
	background:url(../img/buttonWhite.gif) no-repeat;
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
*vertical-align:top;
}
a.button {
	padding:0;
	background-position:left top;
	overflow:visible;
}
a.button span {
	left:2px;
	padding:6px 10px 5px 8px;
	color:#000;
	font:12px/12px Sans-serif;
	background-position:right top;
}
a.button, x:-moz-any-link {
font:0/23px Sans-serif;
padding:12px 0;
top:1px;
} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default {
padding:0;
top:0;
} /* Firefox 2 Fix */
/* Large Size */
a.button.large {
	background-position:left -30px;
}
a.button.large span {
	padding:7px 10px 6px 8px;
	font:16px/16px Sans-serif;
	background-position:right -30px;
}
a.button.large, x:-moz-any-link {
font:0/29px Sans-serif;
padding:15px 0;
} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge {
	background-position:left -65px;
}
a.button.xLarge span {
	padding:8px 10px 7px 8px;
	font:20px/20px Sans-serif;
	background-position:right -65px;
}
a.button.xLarge, x:-moz-any-link {
font:0/35px Sans-serif;
padding:18px 0;
} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* Small Size */
a.button.small {
	background-position:left -107px;
}
a.button.small span {
	padding:4px 6px 3px 4px;
	font:11px/11px Sans-serif;
	background-position:right -107px;
}
a.button.small, x:-moz-any-link {
font:0/18px Sans-serif;
padding:9px 0;
} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
/* Control Button + Submit Button */
span.button, span.button button, span.button input {
	position:relative;
	margin:0;
	display:inline-block;
	border:0;
	font:12px Sans-serif;
	white-space:nowrap;
	background:url(../images/buttonWhite.gif) no-repeat;
	vertical-align:middle;
}
span.button {
	padding:0;
	background-position:left top;
}
span.button, x:-moz-any-link {
font:0/23px Sans-serif;
padding:11px 0;
} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button button, span.button input {
	height:23px;
	left:2px;
*top:-1px;
	_top:0;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	line-height:24px;
	background-position:right top;
	cursor:pointer;
}
/* Large Size */
span.button.large {
	background-position:left -30px;
*top:-1px;
}
span.button.large, x:-moz-any-link {
font:0/29px Sans-serif;
padding:15px 0;
} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.large button, span.button.large input {
	height:30px;
*top:0;
	_top:-1px;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	font:16px/30px Sans-serif;
	background-position:right -30px;
}
/* xLarge Size */
span.button.xLarge {
	background-position:left -65px;
}
span.button.xLarge, x:-moz-any-link {
font:0/35px Sans-serif;
padding:17px 0;
} /* Firefox 2 Fix */
span.button.xLarge, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.xLarge button, span.button.xLarge input {
	height:35px;
	padding:0 10px 0 8px;
*padding:0 5px 0 3px;
	font:20px/36px Sans-serif;
	background-position:right -65px;
}
/* Small Size */
span.button.small {
	background-position:left -107px;
}
span.button.small, x:-moz-any-link {
font:0/18px Sans-serif;
padding:9px 0 8px 0;
} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default {
padding:0;
} /* Firefox 2 Fix */
span.button.small button, span.button.small input {
	height:18px;
*top:0;
	_top:-1px;
	padding:0 6px 0 4px;
*padding:0 3px 0 2px;
	font:11px/18px Sans-serif;
	background-position:right -107px;
}
/* Strong Button */
a.button.strong *, span.button.strong * {
	font-weight:bold !important;
}
/* Icon Add */
a.button .icon {
	position:relative;
	border:0;
	vertical-align:middle;
}
span.button .icon {
	position:relative;
	left:10px;
	margin-right:8px;
	vertical-align:middle;
}
/* Color Preset */
a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input {
	background-image:url(../admin/images/buttonGreen.gif);
	color:#fff;
}
a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input {
	background-image:url(../admin/images/buttonBlack.gif);
	color:#fff;
}
a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input {
	background-image:url(../admin/images/buttonRed.gif);
	color:#fff;
}
a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input {
	background-image:url(../admin/images/buttonBlue.gif);
	color:#fff;
}
/* Offset Debug */
a.button, span.button {
	margin-right:2px;
}

/* 기존 코딩한 문서를 가운데로 위치폭 제어 */
#main_div {
	width: 700px;
	padding-left:55px;
	padding-top:40px;
}
.handy {
	cursor:pointer;
	cursor:hand;
}
/* 비밀번호변경화면 */
.passwdchange {
	margin:0 auto;
	border:0
}
.passwdchange * {
	padding:0;
	margin:0;
}
.passwdchange dt {
	float:left;
	width:20%;
	height:32px;
	line-height:33px;
	text-align:center;
	background:#f7f7f7;
	font-weight:bold;
	border:1px solid #ccc;
}
.passwdchange dd {
	float:left;
	width:77.7%;
	height:24px;
	border:1px solid #ccc;
	margin-bottom:1px;
	margin-left:1px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}
.passwdchange input {
	border:1px solid #ccc;
	width:150px;
	height:20px;
}
.passwdchange table, .passwdchange th, .passwdchange td {
	border:0;
	font-weight:bold;
}
.passwdchange .blankbox {
	clear:both;
	width:500px;
	height:20px;
	border:0;
}
/* 드랍캡 첫글자 꾸미기 */
.drop {
	float:left;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	background: #eee;
}
/* 관리자로그인화면 */
#adminlogin_box {
	width: 503px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: -140px;
	margin-left: -230px;
}
#adminlogin_box h1 {
	width:503px;
	height:150px;
}
#adminlogin_box h2 {
	width:274px;
	float:left;
}
#adminlogin_box dl {
	background-image: url(../admin/images/middle_02.gif);
	float:right;
	width: 229px;
	height:49px;
}
#adminlogin_box dt {
	_clear:both; /* 익스6.0에 적용*/
	float: left;
	width: 24px;
	text-align:center;
	vertical-align:middle;
	font-weight: bold;
	padding-top:4px;
}
#adminlogin_box dd {
	float:right;
	width: 200px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
#adminlogin_box dl input {
	width:100px;
	height:15px;
	border:1px solid #ccc;
}
#adminlogin_box dl input {
	width:100px;
	height:15px;
	border:1px solid #ccc;
}
#adminlogin_box .footer {
	clear:both;
}
/* 관리자 owner 화면 */
#admin_owner {
	float:left;
	width:532px;
	margin-top:120px;
	margin-left:140px;
	_margin-left:70px;
	border-color:#CCC;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	background: medium;
}
#admin_owner h1 {
	text-align:center;
	height:60px;
	text-indent: -5000px;
	padding-top:20px;
	background: url(../admin/images/text.gif) no-repeat center center;
}
#admin_owner .text01 {
	float:left;
	width:60%;
	height:59px;
	text-align:left;
	vertical-align: middle;
	padding:15px 0px 50px 25px;
}
#admin_owner img {
	float:right;
	padding:15px 25px 50px 0px;
}

/* 관리자 TOP 화면 */
#admin_top {
	width:100%;
	height:95px;
	padding-top:17px;
	background:#DCDDDC; 
	float:left; 
}
#admin_top .body01 {
    float:left;
	width:642px; _width:600px;
	height:77px;
}
#admin_top .body01 .top01 {
	width:627px;
	height:27px;
	padding-left:15px;
	font-size:90%;
	color:#006633;
	background:#fff;
	line-height:27px;
}
#admin_top .body01 .bottom01 {
	width:642px;
	height:50px;
	background: url(../admin/images/top_adminmode_02.jpg) no-repeat ;
}
#admin_top .body02 {
	float:left;
	width:375px;
	height:77px;
	position:relative;
}
#admin_top .body02 ul{
	list-style:none;
}
#admin_top .body02 a{
	position:absolute;
	width:50px;
	height:65px;
	text-indent:-1000em;
}
#admin_top .body02 .home a{
	top:10px;
	left:35px;
}
#admin_top .body02 .a_home a{
	top:10px;
	left:105px;
}
#admin_top .body02 .out a{
	top:10px;
	left:165px;
}

#admin_top .body03 {
	position:absolute;left:1017px;
	width:100%;
	height:77px;
	background:#0C0 url(../admin/images/top_admin_bg.gif) repeat-x ;
}