html,body,#wrapper{border:0;height:100%;width:100%;margin:0;padding:0;}

body
{
	/*background-image:url(../images/back.gif); 
	background-attachment:fixed;*/
	
     background-color: #2E373E; 

  /*background-color: #4682b4;
    background-color: #2E373E; */
	}

/* body{background-color:#606060} #4682b4; */
 
body,td{font-family:url(../images/font/hippofont.ttf), sans-serif;font-size:12px;color:#555;}

form{margin:0;}

img{border:0;display:inline;}

a:link,a:visited,a:active{text-decoration:none;color:#555;}  /*  skyblue   #555 */

a:hover{text-decoration:underline;color:#036;} 
 
.link2 a:link{text-decoration:none;color:#4682b4 ;}
.link2 a:visited{text-decoration:none;color:#4682b4 ;}
.link2 a:active{text-decoration:none;color:#4682b4;}
.link2 a:hover{text-decoration:none;color:#4682b4;}

.grid3 a:link{text-decoration:none;color:#4682b4 ;}
.grid3 a:visited{text-decoration:none;color:#4682b4 ;}
.grid3 a:active{text-decoration:none;color:#4682b4;}
.grid3 a:hover{text-decoration:none;color:#4682b4;}

div.demo {  
position:relative;  
overflow: hidden; clear:both; height:290px; 
/* border-bottom: 0px solid skyblue; border-top: 0px solid skyblue; border-left: 1px solid skyblue; border-right: 1px solid skyblue;*/
} 

div.galerypad {  
padding: 5px 0px 5px 0px; 
} 


input.EDIT1
{
	background-color: #FFFFFF;
	border-color: #7F9DB9;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	font-size: 12px;
	font-family: "µ¸¿ò", "seoul", "Verdana";
	color: #3D3D3D; 
	height:20px;
}

select.edit100 {
	border: 1px solid #7F9DB9;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: "µ¸¿ò", "seoul", "Verdana";
	color: #3D3D3D;
	width:100px;
	height:20px;
}


.TextBox1
{   
	BORDER: 0 solid #B5B5B5;
}

.TextBox2
{
	BACKGROUND-COLOR: #f5f5f5;
	BORDER: 0 solid #f5f5f5;
} 
.TextBox3
{
	BACKGROUND-COLOR: #ffffff;
	BORDER: 0 solid #f5f5f5;
} 

.listgrid
{ 
font-size:12px;
clear: left;
margin: 0;
padding: 2px 2px 2px 2px;  
/* border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; */
/*word-wrap:break-word;word-break:break-all; */
border-bottom: 1px dashed #ccc;  
word-break:break-all;
overflow:hidden;
}

.listheadergrid
{ 
/* background-color:#f0f8ff; */
font-size:12px;
clear: left;
margin: 0;
padding: 7px 7px 7px 7px;  
border-bottom: 2px solid gray; 

overflow:hidden; 
}

.listheadergrid2
{ 
/* background-color:#f0f8ff; */
font-size:12px;
clear: left;
margin: 0;
padding: 7px 7px 7px 7px;  
border-top: 2px solid gray; 

overflow:hidden; 
}

.grid
{
font-size:12px;
clear: left;
margin: 0;
padding: 2px 2px 2px 2px;  
border-bottom: 0px dashed gray; border-top: 1px dashed gray; border-left: 0px dashed gray; border-right: 0px dashed gray;
}

.grid2{ 
font-size:12px;
clear: left;
margin: 0;
padding: 2px 0 6px 0; 
border-bottom: 1px dashed gray; border-top: 0px dashed gray; border-left: 0px dashed gray; border-right: 0px dashed gray; 
height: 1%;
}

.grid22{ 
font-size:12px;
clear: left;
margin: 0;
padding: 2px 0 6px 0; 
border-bottom: 1px dashed gray; border-top: 0px dashed gray; border-left: 0px dashed gray; border-right: 1px dashed gray; 
height: 1%;
}

.grid3{ 
font-size:12px;
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
height: 1%;
}

.grid310
{
background-color:#f5f5f5;
color:black;
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
height: 1%;
}

.grid31
{
background-color:#f5f5f5;
color:black;
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
height: 1%;
}

.grid32{ 
background-color:#f5f5f5; 
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; border-left: 0px solid #ccc; border-right: 1px solid #ccc; 
height: 1%;
}

.grid320{ 
background-color:#f5f5f5; 
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 0px solid #ccc; border-right: 1px solid #ccc; 
height: 1%;
}


.grid4{ 
font-size:12px;
clear: left;
margin: 0;
padding:  5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; border-left: 1px solid #ccc; border-right: 0px solid #ccc; 
height: 1%;
}

.gridngmleft
{
font-size:12px;
clear: left;
margin: 0;
padding: 2px 2px 2px 2px;  
border-bottom: 0px dashed #ccc; border-top: 0px dashed #ccc; border-left: 1px dashed #ccc; border-right: 0px dashed #ccc;
}



.comhdgrid
{  
background-color:#f5f5f5;
font-size:11px;
clear: left;
margin: 0;
padding: 7px 7px 7px 7px;  
border-bottom: 0px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
overflow:hidden; 
}

.comgrid{    
font-size:11px;
clear: left;
margin: 0;
padding: 7px 7px 7px 7px;  
border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
word-break:break-all;
overflow:hidden;
}

.comgrid2{ 
font-size:12px;
clear: left;
margin: 0;
padding: 2px 0 6px 0; 
border-bottom: 1px dashed gray; border-top: 1px dashed gray; border-left: 1px dashed gray; border-right: 1px dashed gray; 
height: 1%;
}

.leftgrid
{
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px dashed #ccc;
height: 1%;
display: list-item;
list-style-type: none;	
margin-left: 16px;
width:auto;
}

.leftgridhippo
{  
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px dashed #ccc;
height: 1%;
display: list-item;
list-style-type: none;	
margin-left: 16px;
width:auto;
}

.leftgridtop{ 
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px solid black;
height: 1%;
}

.box
{
background-color:#f5f5f5;  
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px dashed gray; border-top: 1px dashed gray; border-left: 1px dashed gray; border-right: 1px dashed gray;
height: 1%;
} 

.boxlogin
{ 
background-color:#f5f5f5;  
clear: left;
margin: 0;
padding: 5px 5px 5px 5px;  
background-repeat:no-repeat;
height: 1%;
border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;
} 

.boxlogin2
{ 
clear: left;
margin: 0;
padding: 5px 5px 5px 5px;  
background-repeat:no-repeat;
height: 1%;
border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;
} 


.mainbox
{ 
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px solid dodgerblue; border-top: 1px solid dodgerblue; border-left: 1px solid dodgerblue; border-right: 1px solid dodgerblue;
height: 1%;
background-color:aliceblue;
} 
 

.mainbox3
{ 
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 0px solid #ccc; border-top: 1px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc;
height: 1%;
} 

.maintitlebox
{ 
 background-color:#f5f5f5;  
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
height: 1%;
} 


.galbox
{
background-color:white;  
clear: left;
margin: 0;
padding: 5px 5px 5px 5px; 
border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;
height: 1%;
} 
 

.usersetbox
{
width:98%; 
clear: left;
margin: 0;
padding: 10px 10px 10px 10px; 
border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;
height: 1%;
display :none;
} 

.leftbox
{  
clear: left;
margin: 0;
padding: 11px 11px 11px 11px; 
border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;
height: 1%;
width: inherit;
} 

.Linkboxtop a:hover{text-decoration:none;}
.Linkbox a:hover{text-decoration:none;}  

.Linkboxbuy a:link{text-decoration:none;color:red ;}
.Linkboxbuy a:visited{text-decoration:none;color:red ;}
.Linkboxbuy a:active{text-decoration:none;color:white;}
.Linkboxbuy a:hover{text-decoration:none;color:#FF7F24;}


.Linkboxbuy2 a:link{text-decoration:none;color:steelblue ;}
.Linkboxbuy2 a:visited{text-decoration:none;color:steelblue ;}
.Linkboxbuy2 a:active{text-decoration:none;color:white;}
.Linkboxbuy2 a:hover{text-decoration:none;color:blue;}


.Linkboxbuy3 a:link{text-decoration:none;color:green ;}
.Linkboxbuy3 a:visited{text-decoration:none;color:green ;}
.Linkboxbuy3 a:active{text-decoration:none;color:white;}
.Linkboxbuy3 a:hover{text-decoration:none;color:blue;}

.Linkboxtop
{ 
text-align:left; 
clear: left;
margin: 5;
font-size:large; 
padding: 5px 5px 5px 15px;    
background-image:url(../images/menu.png);
background-position: top left;
	background-repeat: no-repeat;
	width:187px;
	height:44px;
}

.Linkbox
{ 
font-size:large; 
text-align:left; 
clear: left;
margin: 5; 
padding: 5px 5px 5px 15px;    
background-image:url(../images/menu.png);
background-position: top left;
	background-repeat: no-repeat;
	width:187px;
	height:44px;
} 

.Linkboxbuy
{ 
font-size:large; 
text-align:left; 
clear: left;
margin: 5; 
padding: 5px 5px 5px 15px;    
background-image:url(../images/menu.png);
background-position: top left;
	background-repeat: no-repeat;
	width:187px;
	height:44px;
} 

.Linkboxbuy2
{ 
font-size:large; 
text-align:left; 
clear: left;
margin: 5; 
padding: 5px 5px 5px 15px;    
background-image:url(../images/menu.png);
background-position: top left;
	background-repeat: no-repeat;
	width:187px;
	height:44px;
} 

.Linkboxbuy3
{ 
font-size:large; 
text-align:left; 
clear: left;
margin: 5; 
padding: 5px 5px 5px 15px;    
background-image:url(../images/menu.png);
background-position: top left;
	background-repeat: no-repeat;
	width:187px;
	height:44px;
} 

.LinkboxInner
{
	color:gray;
font-size:11px; 
text-align:left; 
clear: left;
margin: 5;  
}

.TitleBox
{
font-weight:bold; 
text-align:left;
font-size:23px; 
clear: left; 
padding: 2px 2px 2px 2px;  
}

.TitleBox2
{
font-weight:bold;
color:black; 
text-align:left;
font-size:large; 
clear: left; 
padding: 2px 2px 2px 2px;  
}

.TitleBoxsub
{ 
color:gray; 
text-align:left;
font-size:small; 
clear: left; 
padding: 5px 2px 2px 2px;  
}

.ftitle
{  
font-weight:bold; 
text-align:left;
font-size:12px; 
clear: left;  
padding: 5px 5px 5px 5px;  
}

.fcontents
{ 
color:gray; 
text-align:left; 
clear: left;   
border-bottom: 1px solid #f5f5f5; border-top: 0px solid #f5f5f5; border-left: 0px solid #f5f5f5; border-right: 0px solid #f5f5f5;
}

.fcontents2
{ 
background-color: #f5f5f5;
color:gray; 
text-align:left; 
clear: left;   
border-bottom: 1px solid #f5f5f5; border-top: 0px solid #f5f5f5; border-left: 0px solid #f5f5f5; border-right: 0px solid #f5f5f5;
}

.boardMemo
{
	height: auto;
	padding:10px 10px 10px 10px;
	font-size:11px;
}
 
/*input[type=submit],input[type=button]{border:1px solid #868686;background-color:#dcdcdc;color:#555;font-weight:700;font-family:sans-serif;padding:1px;}*/

input[type=file],input[type=button]{border:1px solid #868686;background-color:#FFF;color:#555;font-weight:700;font-family:sans-serif;padding:1px;}


#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page  */
 background-color:White;
}

#header
{ 
clear: left;
width: 100%;  
text-align: left;
padding: 0px 0;
height:100px;
margin-left:0px;
border-bottom:  2px dashed black; border-top:  0px solid white; /* 5px solid steelblue; #4682b4  skyblue*/ 
}

#contentwrapper{
float: left;
width: 100%;
} 

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/   
text-align: left;
padding: 10px 10px 10px 10px;  
/*border-left: 2px dashed skyblue;  border-right: 2px dashed skyblue;*/   
}


#contentcolumn2{ 
text-align: left;
padding: 0px 0px 0px 0px;   
}

#contentcolumn3{
margin-left: 205px; /*Set left margin to LeftColumnWidth*/   
text-align: left;
padding: 10px 10px 10px 10px;  
border-left: 2px dashed skyblue;  
}

#leftcolumn{
float: left;
width: 185px; /*Width of left column*/
margin-left: -890px; /*Set left margin to -(MainContainerWidth)  background: #C8FC98;   */
margin-top: 10px;  
margin-right:10px;  
} 

#footer{  
clear: left;
width: 100%;
border-top: 2px dashed #black;  
text-align: left; 
padding-top: 2px; 
height: 73px;  
}  

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/* À̹ÌÁö ¹è°æ ó¸®*/

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 90px; /* container width*/
background-color: #d1cfd0;
} 

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}



/*Çì´õ ¸Þ´º*/


.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 0px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit; 
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px verdana;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #f5f5f5; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #4682b4; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #4682b4; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}