body, p, input, button, textarea, select, .c1  { background-color:#3E3E3E; font-family:굴림,Tahoma; font-size:9pt; color:#D5D5D5; }
form { margin:0px; }
textarea {resize: none}
a:link, a:visited, a:active { text-decoration:none; color:#D5D5D5; } 
a:hover { text-decoration:none; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#7a851b; }
a.menu:hover { text-decoration:none; }

.member {font-family:Arial,돋움;font-size:9pt;font-weight:normal;color:#dfe9ff;}  /* color:#bbecf9; #dcf5fc */
.guest  {font-weight:normal;color:#D5D5D5;}

.gradientbg {
	margin: 0;
	padding: 0px 0px 0px;
	line-height: 100%;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 4px 2px rgba(0, 0, 0, .7);
	background: rgba(44, 44, 44, 0); /* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6e6e', endColorstr='#000000'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#8e8e8e', endColorstr='#1e1e1e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#6e6e6e)); /* for webkit browsers */
	background: -moz-linear-gradient(top right,  #000000,  #6e6e6e); /* for firefox 3.6+ */ 
    background: -ms-linear-gradient(top,rgba(55, 55, 55, 1), rgba(224, 224,224,.4));
	background: linear-gradient(20deg,rgba(32, 32, 32, .6),rgba(75, 75, 75, .5) 50%,rgba(123, 123,123,.7));
	border-top: 0px solid red;border-bottom: 0px solid yellow;
	text-align:center;
}

.gradientbg2 {
	margin: 0;
	padding: 0px 0px 0px;
	line-height: 100%;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
	background: #272727; /* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3e3e3e'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#000000', endColorstr='#3e3e3e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3e3e3e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #000000,  #3e3e3e); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top,#000000, #3e3e3e);
	background: linear-gradient(0deg,black,black 50%,#3e3e3e);
	border-top: 0px solid red;border-bottom: 0px solid yellow;
	text-align:center;
}

.gradientbg3 {
	
	display: table;
	margin: 0 auto;
	padding: 0px 0px 0px;
	line-height: 100%;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	background: #272727; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#3e3e3e'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3e3e3e), to(#3e3e3e)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3e3e3e, #3e3e3e); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top,#3e3e3e, #3e3e3e);
	background: linear-gradient(20deg,#3e3e3e,#5e5e5e 50%,#3e3e3e);
	border-top: 0px solid red;border-bottom: 0px solid yellow;
}


.title1 {
	font: normal 1.5em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e6cd5b ;       /*   #efefef    #f8f1d1           */
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0px 10px 0px 10px;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
	border:0px solid red;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.gradientbg4 {
	margin: 0,auto;
	padding: 0px 0px 0px;
	line-height: 100%;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
	background: rgba(66, 66, 66, 1); /* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6e6e6e'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#8e8e8e', endColorstr='#1e1e1e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#6e6e6e)); /* for webkit browsers */
	background: -moz-linear-gradient(top right,  #000000,  #6e6e6e); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top,#8e8e8e, #1e1e1e);
	background: linear-gradient(20deg,rgba(44, 44, 44, 0.5),rgba(79, 79, 79, .3) 70%,rgba(117, 117,117,.3));
	border-top: 0px solid red;border-bottom: 0px solid yellow;
	text-align: center;
}

.gradientbg5 {
	margin: 0,auto;
	padding: 0px 0px 0px;
	line-height: 100%;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
	background: rgba(66, 66, 66, 1); /* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6e6e6e'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#8e8e8e', endColorstr='#1e1e1e')";
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#6e6e6e)); /* for webkit browsers */
	background: -moz-linear-gradient(top right,  #000000,  #6e6e6e); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top,#8e8e8e, #1e1e1e);
	background: linear-gradient(20deg,rgba(32, 32, 32, .7),rgba(55, 55, 55, .7) 70%,rgba(80, 80, 80,.7));
/*	background: linear-gradient(20deg,rgba(82, 82, 82, 0.5),rgba(92, 92, 92, .3) 60%,rgba(176, 176,176,.3));  */
	border-top: 0px solid red;border-bottom: 0px solid yellow;
	text-align: center;
}


#random {   position: relative;
			margin: 0;
			padding: 0;
			width: 1024px;			
			height: 130px;
}

#random li {position:absolute;
			list-style:none;
			top: 0;
			left: 0;
			width: 1024px;
			height: 130px;
			overflow: hidden;
			text-align: center;
			
}	
#random li img { border:0px solid #666; width:1024px; height:130px; padding-top:5px; }


#wrapper { 
 margin: 0 auto;
 width: 1024px;
}

/*

#header {
 float: left; 
 width: 1024px;
 height: 100px; 
 color: #D5D5D5;
 padding: 0px;
 border: 1px solid #ffffff;
 margin: 0px 0px 0px 0px;
 background-color: #e33E3E;
 position: relative;
}


#navigation {
 float: left;
 width: 1024px;
 height: 100px;
 color: #D5D5D5;
 padding: 0px;
 border-top : 0px solid #D5D5D5;border-bottom: 0px solid #D5D5D5;
 margin: 0px 0px 0px 0px;
 background-color: #6aa23E;
 vertical-align: middle;
 position: relative;
}
#login {
 float: left;
 width: 1024px;
 height: 30px;
 color: #D5D5D5;
 padding: 0px;
 border: 0px solid #3E3E3E;
 margin: 0px 0px 0px 0px;
 background-color: #3E3E3E;
 position: relative;
}

#boardtop {
 float: left;
 width: 1024px;
 height: 30px;
 color: #D5D5D5;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background-color: #3E3E3E;
 position: relative;
}

#leftcolumn { 
 float: left;
 color: #D5D5D5;
 border: 0px solid #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 800px;
 width: 654px;
 background-color: #3E3E3E;
 position: relative;
}
#rightcolumn { 
 float: right;
 color: #D5D5D5;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 800px;
 width: 350px;
 background-color: #3E3E3E;
 position: relative;
}
#footer { 
 width: 1024px;
 height: 40px;
 clear: both;
 color: #D5D5D5;
 border-top : 1px solid #000000;border-bottom: 1px solid #000000;
 background-color: #3E3E3E;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 position: relative;
}

*/

/*  ------------------------ LINE     <div class="h-line"></div>   */

.h-line1 {
    font-size:0pt; /* IE에서 1px로 안 보이는 것을 방지 */
    line-height:0%;
    padding:0px;
    margin:3px; 
    height:1px;
    border-top:1px solid #5e5e5e; 
    background-color:transparent;
}

.h-line2 {
    font-size:0pt; 
    line-height:0%;
    padding:0px;
    margin:3px; 
    height:2px;
    border-top:2px solid #2e2e2e; 
    background-color:transparent;
}


.line1 { border-top:1px solid #7e7e7e;height:1px; padding:0;}
.line2 { border-top:1px solid #2e2e2e;height:1px; padding:;0}
.line3 { border-top:1px solid #5e5e5e;height:1px; padding:;0}
.line4 { border-top:2px solid #2b2b2b;height:1px; padding:;0}
.lined {background-color:#494949; border-top:1px solid #353535;height:1px;}

/* -------------------------------------  */


.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed {border:1px solid #919191; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:굴림; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

/*
input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }    
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }  */




/*  ------------------------  <a href='#' class='button'>Button</a>   ----------------------------------   */

.button {
   border: 1px solid #121212;
   background: #4e4e4e;
   background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#4e4e4e));
   background: -webkit-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -moz-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -ms-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -o-linear-gradient(top, #4e4e4e, #4e4e4e);
   background-image: -ms-linear-gradient(top, #4e4e4e 0%, #4e4e4e 100%);
   padding: 6px 12px 6px 12px;
   margin: 0px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #1d1d1d 0 1px 0;
   color: #d5d5d5;
   font-size: 12px;
   font-family: Arial,굴림,Tahoma, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 1px solid #dbe03d;
   text-shadow: #1d1d1d 0 1px 0;
   background: #252622;
   background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#252622));
   background: -webkit-linear-gradient(top, #4e4e4e, #252622);
   background: -moz-linear-gradient(top, #4e4e4e, #252622);
   background: -ms-linear-gradient(top, #4e4e4e, #252622);
   background: -o-linear-gradient(top, #4e4e4e, #252622);
   background-image: -ms-linear-gradient(top, #4e4e4e 0%, #252622 100%);
   color: #ffffff;
   }
.button:active {
   text-shadow: #1e4158 0 0px 0;
   border: 1px solid #0a3c59;
   background: #f2f4f5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcfeff), to(#252622));
   background: -webkit-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -moz-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -ms-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -o-linear-gradient(top, #fcfeff, #f2f4f5);
   background-image: -ms-linear-gradient(top, #fcfeff 0%, #f2f4f5 100%);
   color: #000000;
   }


   /* -------------------   INPUT 태그에 사용 */

   .button2 {
   border: 1px solid #121212;
   background: #4e4e4e;
   background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#4e4e4e));
   background: -webkit-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -moz-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -ms-linear-gradient(top, #4e4e4e, #4e4e4e);
   background: -o-linear-gradient(top, #4e4e4e, #4e4e4e);
   background-image: -ms-linear-gradient(top, #4e4e4e 0%, #4e4e4e 100%);
   padding: 7px 12px 5px 12px;
   margin: 0px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #1d1d1d 0 1px 0;
   color: #d5d5d5;
   font-size: 12px;
   font-family: Arial, 굴림,Tahoma, serif;
   text-decoration: none;
   vertical-align: middle;
   
   }
.button2:hover {
   border: 1px solid #dbe03d;
   text-shadow: #1d1d1d 0 1px 0;
   background: #252622;
   background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#252622));
   background: -webkit-linear-gradient(top, #4e4e4e, #252622);
   background: -moz-linear-gradient(top, #4e4e4e, #252622);
   background: -ms-linear-gradient(top, #4e4e4e, #252622);
   background: -o-linear-gradient(top, #4e4e4e, #252622);
   background-image: -ms-linear-gradient(top, #4e4e4e 0%, #252622 100%);
   color: #ffffff;
   }
.button2:active {
   text-shadow: #1e4158 0 0px 0;
   border: 1px solid #0a3c59;
   background: #f2f4f5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fcfeff), to(#252622));
   background: -webkit-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -moz-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -ms-linear-gradient(top, #fcfeff, #f2f4f5);
   background: -o-linear-gradient(top, #fcfeff, #f2f4f5);
   background-image: -ms-linear-gradient(top, #fcfeff 0%, #f2f4f5 100%);
   color: #000000;
   }

  /* -------------------  페이징 버튼 */

  .button3 {
   border: 1px solid #2a2c2e;
   background: #3c4148;
   background: -webkit-gradient(linear, left top, left bottom, from(#3c4148), to(#3c4148));
   background: -webkit-linear-gradient(top, #3c4148, #3c4148);
   background: -moz-linear-gradient(top, #3c4148, #3c4148);
   background: -ms-linear-gradient(top, #3c4148, #3c4148);
   background: -o-linear-gradient(top, #3c4148, #3c4148);
   background-image: -ms-linear-gradient(top, #3c4148 0%, #3c4148 100%);
   padding: 4px 4px 4px 4px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #f2f26d;
   font-size: 13px;
   font-family: Arial,굴림,Tahoma,helvetica, serif;
   font-weight: normal;
   text-decoration: none;
   vertical-align: middle;
   }
.button3:hover {
   border: 1px solid #e6e653;
   text-shadow: #000000 0 1px 0;
   background: #212121;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#212121));
   background: -webkit-linear-gradient(top, #000000, #212121);
   background: -moz-linear-gradient(top, #000000, #212121);
   background: -ms-linear-gradient(top, #000000, #212121);
   background: -o-linear-gradient(top, #000000, #212121);
   background-image: -ms-linear-gradient(top, #000000 0%, #212121 100%);
   color: #fff;
   }
.button3:active {
   text-shadow: #000000 0 1px 0;
   border: 1px solid #000000;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#212121));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
   color: #000000;
   }