/*
 * layout definition
 */

@charset "euc-kr";
@import url(template.css);

.wrap{position: relative;  width:860px; 
	padding: 0px;
	min-height: 478px;
   	LEFT: 50%;	top: 10%;
	MARGIN: 15px 0px 0px -460px; OVERFLOW: no;
}

.body { 
   width:100%;
	padding:0px;
	margin: 0;
	height: 478px;
	border:1px solid #cccccc;
}

/* #top */
.conts { 
   width:100%;
	padding:33px 20px 10px 30px;
	margin: 0;
	height: 100%;
	
}

#header{   width:100%;	border:0px solid red;
	height:50px;
	padding:0px;
	margin-top: 10px;}

#logo { float:right;text-align:right }

#title h1          { font-size:1.6em; padding:0px 0 0 0px; }
#header #menu           {  float:left; height:35px; }
#header #menu ul        { }
#header #menu li        { display:inline;background:url(../images/common/menubar.gif) no-repeat right;padding:0px 25px 0px 25px; }
#header #menu li.end  { padding:0px 23px 0px 20px;}
#header #menu li.end  { padding:0px 23px 0px 20px;background:none;}
#header a{ color:#4c4c4c; text-decoration:none; font:0.9em verdana;}

#header a:hover{ color:#000; text-decoration:none; font:0.9em verdana;}

/* #left */
#brandimg{float:left; 
	width:630px;
	height:477px;
	overflow:hidden;
	margin-right:20px;vertical-align:middle;text-align:center;display:block;
		background:#fff url('../images/common/loading.gif') 50% 50% no-repeat;
	}	


#brandimg #pic img{WIDTH: 100%; height:100%; max-width: 320px}

#brandinfo{float:left;	width:190px; padding:0px;
	margin-right:10px; }
#brandinfo h2{margin:42px 0 0 0 0;}
#brandinfo h3{margin:100px 0 0 0; font:0.9em µ¸¿ò;color:#999;line-height:1.4em;}
#brandinfo h4{margin:20px 0 0 0 0; font:0.8em verdana;color:#4c4c4c; letter-spacing:-0.1em;line-height:1.4em;}
#brandinfo th{height:420px; text-align:left;vertical-align:top;}
#brandinfo td{height:50px; padding-bottom:20px; vertical-align:bottom;}
#brandinfo td img{vertical-align:middle;}
#brandinfo .shop{margin-left:20px;}

#swatch{ padding: 0px;margin-top:26px;}
#swatch a {
	margin:0px 5px 0px 0px;
	width:48px;
	height:35px;
	padding: 0px;
	text-decoration: none;
	border: 1px solid #e7e3df;	
	}

#swatch a:hover {
	border: 1px solid #DE6F15;
	}


/***** ¸ÞÀÎ **********/

#main-wrapper {position: relative; float:left;  width:890px; }

/*¸ÞÀÎ À̹ÌÁö*/
#main {	 border:0px solid red;background:#C0AE90;
	position: absolute; 
	float:left;
	width:696px;
	height:436px;
	padding:0px;
	top:95px;left:0px;
	z-index:10;
}
 /*¸ÞÀÎ -´º½º*/

/* #foot */
#foot {float:left;	 height: 30px; padding:7px 10px 7px 15px;background: 694434; MARGIN-TOP:2PX}
#foot ul{ float:right;  margin:0; padding:0px; }
#foot li {   list-style-type:none;   float:left;   }
#foot li.bar { margin:0; padding-left:20px;  float:left; background: url(../images/common/top_site_bar.gif)  no-repeat top left;  }

#copyright { float:left;  }



/*Æ˾÷½ºÅ¸ÀÏ*/
.popbg{background: #fff; }


#pop_head {position: relative;
z-index: 1;
background: #9E8976  url(../images/common/pop_logo) no-repeat right center 10px 10px;	
	padding:13px 0 10px 10px;
	height:43px;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;

}
#pop_body {border: 5px solid #fff;
min-height: 100%;
height: 100%;
margin: -54px 0px -21px 0px;
background: #E1D4C1;
}
#pop_content {
height: 100px;
	float: left;
	width: 98%;
	padding:10px;
margin: 54px 0px 21px 0px;

}

#pop_foot {
clear: both;
	background: #fff;
	padding:0px 5px 0px 0px;
	height:20px;
}