/* CSS Document */

body{background-color:#ffffff;margin:0;text-align:center; }


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 {
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:#438A01;
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:#ED6C1F;
}
.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:#01498D;
}
.tj {
color:#ED6C1F;
font-size:10px;
}
dt.first, dd.first, li.first {
background:transparent none repeat scroll 0% !important;
padding-left:0pt;
}
/*input*/
.type-text{border:1px solid #c2c2c2; height:18px;}


#wrapper{
margin:0pt auto;
position:relative;
text-align:left;
width:988px;
}
#shopmain,#top,#wrapper_body{
   position:relative;
   width:923px;
}

#wrapper_body{margin-top:15px; }
/***************»ó´Ü****************/
#top{ height:120px;}
#top_top{ height:70px;}
#top_menu{height:50px; background:url(../images/top_menu_bg.gif) no-repeat left top;}
#logo{
    position:absolute; left:10px; top:6px;
	width:160px;
	height:30px;
}
#fav{
   position:absolute; left:510px; top:40px;
   width:130px; height:20px;
}
#search{
   position:absolute; right:30px; top:40px;
   width:230px;
   height:20px;
}
#search .type-text{width:150px; vertical-align:top;}
#search input, select{font-size:100%; vertical-align:middle;}
#search #btn{ vertical-align:top;}

/*»ó´Ü ¸Þ´º*/
#top_menu ul{  
     padding-top:10px; 
	 padding-left:40px;
	 }
#top_menu li{ 
      background:transparent url(../images/top_menu_line.gif) no-repeat; 
	  background-position:0pt 3px !important; 
	  display:inline; 
	  padding: 0pt 6px 0pt 25px;
}
/***************»ó´Ü³¡****************/

/*****************ÁÂÃø****************/
#left{ float:left; position:relative;}

#title_menu{padding-bottom:20px;}
/*****¸ÞÀÎ ·Î±×ÀÎ*****/
#mainlogin{ 
    width:180px; height:114px;
	background:url(../images/bg_mainlogin.gif) no-repeat left top;          
	}
#mainlogin input{ background-color:#ffffff; font-size:100%; vertical-align:middle;}

/*·Î±×¾Æ¿ôÈ­¸é*/
#welcome{ }
#mainlogout{ padding-left:20px; padding-top:30px;}
#mainlogout dd{padding-top:10px;}

.LoginInput label.title{display:none;}
.LoginInput dd {margin-bottom:1px;}

#mainlogin #ssl { font-size:11px; }

#mainlogin fieldset {
                width:180px;
				background:transparent;
				border:medium none;
				position:relative;
				text-align:left;
				left:8px;
				top:25px;
		}
 #mainlogin fieldset legend { display:none;}		


#mainlogin .type-text{width:85px;}
#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:1px;}

#mainlogin ul{margin-top:4px;}
#mainlogin li {display:inline;}
#mainlogin #nomember{margin-top:2px;}
/*********¸ÞÀÎ ·Î±×ÀÎ³¡********/	

/*Ä«Å×°í¸®*/
#catelist{width:180px; margin-top:10px;}
/*Ä¿¹Â´ÏÆ¼*/
#community{width:180px; margin-top:10px;}
/*°í°´¼¾ÅÍ*/
#customer{width:180px; margin-top:10px;}
/*°èÁÂ¹øÈ£*/
#account{width:180px; margin-top:10px;}
/*¹è¼ÛÁ¶È¸*/
#delivery{width:180px; margin-top:10px;}

/*****************ÁÂÃø³¡****************/

/*****************¿ìÃø*****************/
#right{ position:relative; width:733px; float:right;}

#banner_body{position:relative; width:733px; height:335px;}

#main_banner1{ 
     position:absolute; left:0px; top:0px;
	 width:212px; height:208px;
	 }
#main_banner2{
     position:absolute; left:400px; top:0px;
	 width:212px; height:208px;}
#main_banner3{
     position:absolute; left:622px; top:0px;
	 width:111px; height:322px;
	 }
	 
#notice{
     position:absolute; left:400px; top:217px;
	 width:212px; height:104px;
	 background:url(../images/notice_bg.gif) no-repeat left top;
	 }
#notice_content{position:absolute; left:5px; top:28px;}	 
#notice #more{position:absolute; left:168px; top:10px;}	
/*º»¹®¿µ¿ª*/ 
#main_item{
   position:relative;
	 width:733px;
	 }
#sub_main_item{
     position:relative;
	 width:733px; height:500px;
	 padding:0px 10px 0px 10px;
	 }


/*****************¿ìÃø³¡*****************/
/*¿ìÃø ½ºÅ©·Ñ·¯*/
.scroll_bar_main {position:absolute; right:0pt; width:60px; margin-left:5px;}

 
/*·Î±×ÀÎÈ­¸é°ü·Ã*/
#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_order{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:325px;
}
 #nomember_number{
   position:absolute; left:280px; top:350px;
}
 #nomember_pw{
   position:absolute; left:280px; top:375px;
}
 #nomember_btn{
   position:absolute; left:410px; top:337px;
}
/*********ºñÈ¸¿øÁÖ¹®³¡**************/
/*·Î±×ÀÎÈ­¸é°ü·Ã³¡*/
 
/*ÇÏ´Ü*/ 
#footer {
	border-top:1px solid #EAEAEA;
	padding:20px 0pt 18px;
	text-align:center;
	  position:relative;
  width:923px;
	height:150px;
	
}

#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;}
/*°Ô½ÃÆÇ±ÛÁ¶È¸*/
.text01 {color:#5e4a26; font-size:11px;}
.color01{color:#e2d1b5;}
/*°Ô½ÃÆÇ±ÛÀÐ±â*/
.text02 {color:#5e4a26;}
.color02{color:#e2d1b5;}
/*°Ô½ÃÆÇ±Û¾²±â*/
.text03 {color:#5e4a26;}
.color03{color:#e2d1b5;}
/*°Ô½ÃÆÇ±Û¸¶Áø*/
.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));
}
