/* 이미지 편집영역 */
#left{
	/*border: 1px solid #DDC5B5;*/
	float: left;
	margin: 5px;
	width: 500px;
	height: 500px;
}

/*템플릿리스트*/
#leftTemplate{
	border: 1px solid #DDC5B5;
	float:left;
	margin: 0px;
	width: 86px;
	height: 100%;
}

/*이미지편집 도구영역*/
#leftTool{
	border: 0px solid #DDC5B5;
	
	width: 100%;
	
	margin: 5px 0 5px 0;
	font-size:10px;	
	
}

#scrollbar{
	border: 0px solid #DDC5B5;
	width: 270px;
	
}

#imgscrollbar{
	border: 0px solid #DDC5B5;
	width: 270px;	
}

/* 이미지 인포저장에 미리보기*/
#left_info{
	/*border: 1px solid #DDC5B5;*/
	float: left;
	margin: 5px;
	width: 400px;
	height: 500px;
}

#right_info{
	/*border: 1px solid #DDC5B5;*/
	float:right;			
	margin: 5px;
	width: 520px;
	height: 500px;
}

/* drag area */
#drag{
	display: table;
	width: 100%;
}

/*에디터 */

.Template_change { 	
	float: left; 
	margin: 5px 0 0 5px; 
	background: #ffffff;	
	font-weight: bold; 
	opacity: .7; 	
	font-weight: normal;
	overflow:hidden;	
}

.Template { 	
	float: left; 
	margin: 5px 0 0 5px; 
	border: 1px dashed #aaaaaa;	
	background: #ffffff;	
	font-weight: bold; 
	opacity: .7; 	
	font-weight: normal;
	overflow:hidden;	
}

.Template:hover { 	
	float: left; 
	margin: 5px 0 0 5px; 
	border: 1px dashed #8a8a8a;	
	background: #ffffff;	
	font-weight: bold; 
	opacity: .8; 	
	font-weight: normal;
	overflow:hidden;	
}

.Template_thumbnai {
	border: 1px solid #8a8a8a;	
	margin: 5px 0 0 5px; 
	width: 60px;
} 

.drag-images { 
	border: 0px solid #aaaaaa; 
	color: #222222;
	width: 80px; 
	height: 140px; 
	padding: 0.3em; 
	float: left; 
	margin: 5px 5px 5px 5px;	
}

.drag-images-title { 
	border: 0px solid #aaaaaa;
	color: #222222;
	width: 70px; 
	height: 28px; 
	padding: 0.3em; 
	text-align:center;
	font:12px dotum;color:#aaaaaa;
	float: left; 	
}

.drag-images-price{
	border: 0px solid #aaaaaa;
	color: #222222;
	width: 70px; 
	height: 10px; 
	padding: 0.3em;
	text-align:center;
	float: left; 	
}


/*드레그 된후 템플릿 css*/
.dropped_change {
	border: 1px solid #DDC5B5; 	
	opacity: 1; 	
}

.dropped {
	border: 1px solid #DDC5B5; 	
	opacity: 1; 	
}

.dropped:hover {
	border: 1px solid #A69488; 	
	opacity: .9; 	
}

/*템플릿 내부 이미지 */
.dropped-images_chang {
	border: 1px dashed #ffffff; 
	opacity: 1;
}

.dropped-images_chang:hover {
	border: 1px dashed #ffffff; 
	opacity: 0.8; 	
}

/*에디터 이미지*/
.dropped-images {
	border: 1px dashed #ffffff; 
	opacity: 1; 	
}

.dropped-images:hover {
	border: 1px dashed #B8B8B8; 
	opacity: 1; 	
}

.dropped-images:active {
	border: 1px dashed #414141; 
	opacity: 1; 	
}

.dropped-images-selection{
	border: 1px dashed #414141; 
	opacity: 1; 	
}
.bgimg{
	border: 1px solid #DDC5B5;
	background:#000;
	opacity: 0.6;
	width:100px;
	height:100px;
	position:Relative;
	top:-105px;
	display:none;
}

.bgimgclick{
	opacity: 2.0;
	top:30px;
	left:30px;
	position:Relative;
}

/*팝업*/
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
}

#popupContact h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:10px;
}

#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor: pointer;
}

/* 이미지 위에 버튼 로드*/

div.ImageDiv{
	position:relative;
}
div.description{
	border: 0px solid #DDC5B5;
	position:absolute;
	bottom:15px;
	left:15px;
	display:none;	
	font-family: 'tahoma';
	font-size:15px;
	color:0000;	
}
div.cody_recody{
	float:left;
	margin:0px;
	padding:2px 0px;
	width:68px;
	height:27px;
	background-color:000;
}
div.cody_like{
	float:left;
	margin:0px;
	padding:2px 0px;
	width:59px;
	height:27px;
	background-color:000;
}
div.cody_coment{
	float:left;
	margin:0px;
	padding:2px 0px;
	width:86px;
	height:27px;
	background-color:000;
}
div.cody_edit{
	float:left;
	margin:0px;
	padding:2px 0px;
	width:54px;
	height:27px;
	background-color:000;
}

/* 상세보기 */
#Zone{
	border: 0px solid #000000;	
	width:964px;
	margin:15px auto;
}

#contentZone{
	border: 1px solid #DDC5B5;
	float:left;
	width:693px;	
}



#infoZone{
	border: 1px solid #DDC5B5;
	float:right;
	width:251px;	
	
}

#orderZone{
	border: 1px solid #DDC5B5;
	text-align:center;	
	float:right;
	width:251px;
	margin:15px auto;
}

#snsZone{
	border: 1px solid #DDC5B5;
	text-align:center;	
	float:right;
	width:251px;	
}

#Mcody{
	border:0px solid #000;
	width:400px;	
	margin:10px auto;
}

.image-info{
	border:1px solid #000;
	margin:10px auto;
}



.infoBase{
	border: 0px solid #DDC5B5;
/*	width:690px;*/
	height:300px;
}

#goodsInage{
	border: 0px solid #DDC5B5;	
	height:300px;
	float:left;
}

#goodsinfo {
	border: 0px solid #DDC5B5;
	margin-left:10px;	
	height:300px;
	float:left;
}