/* CSS Document */

body{
	margin:0; text-align:center;
	background:url(../images/bg.gif) center top;
	/*background-color:#333333;*/
}


body, div, td, li {
color:#444444;
font-size:12px;
}
body, div, td, li, .p11 {
font-family:µ¸¿ò,Dotum,AppleGothic,sans-serif;

}
b {
letter-spacing:-1px;
}
div, p, ul, li, ol, dl, dd , h1,h2,h3,h4,h5,h6{
margin:0pt;
padding:0pt;
}

ul, ol, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

a:link {
color:#444444;
text-decoration:none;
}
a:visited {
color:#444444;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:underline;
}
a:active {
text-decoration:none;
}

img {
border:0pt none;
}
.ls1 {
letter-spacing:-1px;
}
.stockinp, .tbox {
border:1px solid #B5B37C;
}
.dotum {
font-family:dotum !important;
}
.p11 {
font-size:11px;
}
.p11_R{
font-size:11px;
color:#FF0000;
}
.p14 {
font-size:14px;
}
.ln14 {
line-height:1.4;
}
.ln17 {
line-height:1.7;
}
.c, a.c:link, a.c:visited, a.c:hover, a.c:active {
color:#444444;
}
.o, a.o:link, a.o:visited, a.o:hover, a.o:active {
color:#333333;
}
.b, a.b:link, a.b:visited, a.b:hover, a.b:active {
font-weight:bold;
letter-spacing:-1px;
}
.nv, a.nv:link, a.nv:visited, a.nv:hover, a.nv:active {
color:#0149;
}
.tj {
color:#ED6C1F;
font-size:10px;
}
dt.first, dd.first, li.first {
background:transparent none repeat scroll 0% !important;
padding-left:0pt;
}


/*·¹À̾ƿô*/
#LayoutWrapper{
  position:relative;
  min-width:1024px;
}
#wrapper{
margin:0pt auto;
position:relative;
text-align:left;
width:1024px;

}
#TopWrapper{
   position:relative;
   width:705px;
}

/**************input****************/
.type-text{
     border:1px solid #c2c2c2; 
	 height:19px; 
	 font-size:14px; font-weight:bold;
	 vertical-align:top;
}

/****************»ó´Ü******************/

#logo{
    position:relative;
	width:190px; height:30px;
	margin-top:60px;
}
#loginmenu{
	position:absolute; left:15px; top:20px;
	width:500px;
	height:11px;
	background-color:#737373;	
}
#loginmenu ul{padding:3px 4px 0px 3px;}
#loginmenu li{  
	  display:inline; 
	  font-size:11px;
	  padding:0pt 1px;
}
#loginmenu li span{
     color:#ffffff;
	 font-size:12px;
	 padding:0px 2px 9px 2px;

}

#customer{
    position:absolute; left:20px; top:40px;
     width:400px; 
}


/*****************ÁÂÃø****************/
#left{ 
   width:190px; 
   /*position:absolute;
   left:0px; top:0px;*/
   position:relative;
   float:left;
}

/*Ä«Å×°í¸®*/
#catelist{ 
   width:190px; 
   margin-top:20px;
}


#leftbanner01{ 
     width:190px; 
   padding-top:10px;
   text-align:center;
}
#leftbanner02{ 
     width:190px; 
   padding-top:10px;
   text-align:center;
}
#leftbanner03{ 
     width:190px; 
   padding-top:10px;
   text-align:center;
}
#leftbanner04{ 
     width:190px; 
   padding-top:10px;
   text-align:center;
}
#leftbanner05{ 
     width:190px; 
   padding-top:10px;
   text-align:center;
}


/*****************ÁÂÃø³¡****************/

#right{ 
      position:relative;
   float:left;
   width:715px; height:800px;
   background-color:#ffffff;
   padding-bottom:150px;
}


/***************º»¹®¿µ¿ª*****************/ 
#content{
     position:relative;
	 left:0px; top:110px;
	 width:715px;
	 padding:5px;
}

/*¿ìÃø ½ºÅ©·Ñ·¯*/
.scroll_bar_main {position:absolute; right:0px; width:60px; margin-left:0px;}


/*·Î±×ÀÎÈ­¸é°ü·Ã*/
#login input, select{font-size:100%; vertical-align:middle;}


#login {width:592px; height:212px; position:relative; margin-left:40px;
        background:url(../images/bg_login.gif) no-repeat left top;
        }
.LoginInput label.title{display:none;}
.LoginInput dd {margin-bottom:3px;}

#login #ssl { font-size:11px; }

#login fieldset {
                width:220px;
				background:transparent;
				border:medium none;
				
				position:relative;
				text-align:left;
				left:200px;
				top:93px;
		}
 #login fieldset legend { display:none;}		


#login .type-text{width:130px;}
#id {background:transparent url(../images/id.gif) no-repeat scroll 4px 3px;}
#pw {background:transparent url(../images/pw.gif) no-repeat scroll 4px 3px;}
#loginbtn{margin-left:3px;}

#login ul{margin-top:7px;}
#login li {display:inline;}
#login #nomember{margin-top:2px;}
/*********ºñȸ¿øÁÖ¹®**************/
#nomember{
        width:592px;height:212px; margin-left:40px;
        background:url(../images/bg_nomember.gif) no-repeat left top;
}

 #nomember_name{
   position:absolute; left:280px; top:335px;
}
 #nomember_number{
   position:absolute; left:280px; top:360px;
}
 #nomember_pw{
   position:absolute; left:280px; top:385px;
}
 #nomember_btn{
   position:absolute; left:410px; top:345px;
}
/*********ºñȸ¿øÁÖ¹®³¡**************/

/*·Î±×ÀÎÈ­¸é°ü·Ã³¡*/
 

/*ÇÏ´Ü*/ 
#footer {
    clear:both;
	/*border-top:1px solid #EAEAEA;*/
	padding:20px 0pt 20px 0pt;
	text-align:center;
	  position:relative;
  width:1024px;
	height:150px;
		color:#ffffff;	
		padding-left:120px;
}
#footer p {

	color:#333333;
	font-family:µ¸¿ò,dotum;
	font-size:12px;
	margin:0pt;
	padding:0pt;
}
#footer p.info02 {
	color:#333333;
	font-family:µ¸¿ò,dotum;
	font-size:11px;
	line-height:17px;
	margin:0pt;
	padding-bottom:7px;
	padding-top:13px;
}
#footer p.copyright {
	color:#333333;
	font-family:µ¸¿ò,dotum;
	font-size:11px;
	margin:0pt;
	padding-top:7px;
}
#footer p.imginfo {
    padding-top:15px;
}
/*Çϴܳ¡*/

td .left{ text-align:left;}
td .right{ text-align:right;}
table.left{text-align:left;}
table.right{text-align:right;}


.board {background:url(../images/bg_board.gif) no-repeat left top;}
/*°Ô½ÃÆDZÛÁ¶È¸*/
.text01 {color:#5e4a26; font-size:11px;}
.color01{color:#e2d1b5;}
/*°Ô½ÃÆDZÛÀбâ*/
.text02 {color:#5e4a26;}
.color02{color:#e2d1b5;}
/*°Ô½ÃÆDZ۾²±â*/
.text03 {color:#5e4a26;}
.color03{color:#e2d1b5;}
/*°Ô½ÃÆDZ۸¶Áø*/
.board_padding {padding-left:5px;}
.board_margin {margin-left:5px;}


#jointable td {line-height:30px;}
   #jointable input,select {margin-left:7px;}

/* ie png 
================================== */
.png24 {
    background:transparent;
  tmp:expression(setPng24(this));
}



.border_img a img {
background-color:#FFFFFF;
border:1px solid #ffffff;
}
.border_img a:hover img {
background-color:#333333;
border-color:#aaaaaa;
}