* {
	margin:0;
	padding:0;
	border:0;
}
body {
	width:980px;
	margin:0 auto;
	font: 12px/1.6  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}
/******* 공통 레이아웃 *********/
a:hover, #sub_menu ul li a:active{
	color:#0088cc;
	text-decoration:none;
}
a {
	text-decoration:none;
	color:#333;
	}



h1,h2,h3,h4,h5,h6,strong { color:#696969; }
h1,h2,h3,h4 { font-weight: bold; }
h2,h3,h4 { line-height: 10px; }
h1,h2 { margin-bottom: 5px;}
h1 { font-size: 20px; line-height: 50px; }
h2 { font-size: 16px;  }
h3 { font-size: 14px; line-height: 30px;}
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

/*전체 텍스트 박스 스타일*/
input[type=text], input[type=file], input[type=password], textarea, select {
    -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
		 outline: none;
		padding: 3px 0px 3px 3px;
		margin: 5px 1px 3px 0px;
		border: 1px solid #DDDDDD;
		font: 12px/1.2  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		vertical-align:middle;
}
 
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px rgba(200, 203, 238, 1);
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(80, 203, 238, 1);
	font: 12px/1.2 "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	vertical-align:middle;
}

label {
  width: 100px;
  float: left;
  font:bold 12px/1.6  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
}

label sup {
	font:bold 11px/1.6  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color:red;
	
}

.line_box span {
	font:11px/1.6  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	margin-left:10px;
}
#btn_box {
	margin-top:10px;
	border-top:1px solid #cdcdcd;
	padding:10px;
	text-align:right;
}

#order_btn_box {
	margin-top:10px;
	padding:10px;
	text-align:right;
}

#notice {
	font:11px/1.6  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

	#notice span{
		font:bold 11px/2  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		color:red;
	}
/******* header **********/

#header {
    width:980px;
	
	display:inline-block;
	margin: 0 auto; 
	border:0px solid #ccc; 


}

	/*우측 상당 네비게이션*/
	#logo {
		border:0px solid #ccc;
		width:166px;
		height:38px;
		float : left;
		margin-top:15px;

	}

		#nav01 {
			border:0px solid #ccc;
			
			float:right;
			margin-left:700px;
			margin-bottom:;
			padding-right:0px;
		}

			#nav01 ul {
					list-style-type:none ;
					padding-right:0px;
				}
			#nav01 ul li {
					display: inline;
					font: bold 9px Arial, Verdan, Helvetica;
					color:#808080;									
				}


		#nav02 {
			border:0px solid #ccc;
			float:right;
			margin-right:0px;
			margin-top:20px;

		}
			#nav02 ul {
						list-style-type:none ;
						padding-right:0px;
					}
				#nav02 ul li {
						display: inline;
						font: bold 10px Arial, Verdan, Helvetica;
						color:#696969;									
					}


#menu_box {

background:rgb(74,81,85); 
padding:1px 4px 3px 4px;

border-radius:3px;
}


/******* main-content **********/

#wrapper {
	display: inline-block;
	margin:5px 0 20px 0;
}

/******서브 메뉴 영역*******/
	#sidebar {
		width:185px;
		padding:px;
		margin-right:10px;
		float:left;
		border: 0px solid #ce0101;
		background:fff;
	}

		#sub_title {
			border:0px solid #cdcdcd;
			border-top-left-radius:4px;
			border-top-right-radius:4px;
			height:27px;
			padding-top:4px;
			text-align:center;
			
			background:url('../images/sub_title_bg.png');
		}

			#sub_title p {
				font:bold 16px "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
				color:#fff;
			}
		
		#sub_menu {

			border:1px solid #cdcdcd;
			border-bottom-left-radius:4px;
			border-bottom-right-radius:4px;
			padding:10px 0;
			background:#f7f7f7;
		}

		#sub_menu ul {
			list-style-type:none;
			padding:0px;
			
		}

		#sub_menu ul li {
			margin:0px 0;
			
		
			
		}
		#sub_menu ul li a{
			display:block;
			padding:4px 0;font: bold 13px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
			text-decoration:none;
			border:0px solid red;
		}
		#sub_menu ul li a:link, #sub_menu ul li a:visited{
			color:#333;
			padding-left:10px;
			text-decoration:none;
		}
		#sub_menu ul li a:hover, #sub_menu ul li a:active{
			color:#0088cc;
			background:#d6e5f2;
			text-decoration:none;
		}
		#select_menu{
			color:#0088cc;
			background:#d6e5f2;
			text-decoration:none;
		}


/******제품소개 - 컨텐츠 *******/
	#content_wrap {
		width:785px;
		margin-top:0px;
		
		float:left;
		border: 0px solid ;
		background:;
	

		
		/*
		border-radius:15px;
		box-shadow: 0px 0px 10px 0px #888888; */
	}

	#content_wrap a:hover, #sub_menu ul li a:active{
		color:#0088cc;
		text-decoration:none;
	}
	#content_wrap a {
		text-decoration:none;
		color:#0088cc;
		}


/******서브상단 네비게이션바 *******/		
		#top_navi {
		
			border-top:1px solid #cdcdcd;
			height:30px;
	/*		background-image:url('../images/top_navi_bg.png'); */

			

			
		}
		#top_navi_home {

			margin-left:10px;
			margin-top:5px;
			display:inline-block;

			border:0px solid red;
			text-align:;
			width:25px;

			background-image:url('../images/home.png'),url('../images/seperator.png') ;
			background-repeat:no-repeat;
			background-position:left, right;
		}
		#top_navi_01 {
		padding-left:2px;
		display:inline-block;
		padding-right:12px;
		border:0px solid red;
		background-image:url('../images/seperator.png');
		background-repeat:no-repeat;
		background-position:right;
		}
		#top_navi_02 {
		border:0px solid red;
		display:inline-block;
		}

/******서브 컨텐츠 영역 *******/
	#content {
		margin-top:0px;
		border:1px solid #cdcdcd;
		border-radius:4px;
		padding:15px;
	/*	box-shadow:0px 0px 6px 0px #888888; */
		}
		.decimal_list {
			border:0px solid #cdcdcd;
			
			padding-left:20px;
			list-style-type:decimal;

		}
		.circle_list {
			border:0px solid #cdcdcd;
			margin:px;
			padding-left:40px;
			list-style-type:disc;
			
		}
		.disk_list {
			border:0px solid #cdcdcd;
			margin:px;
			padding-left:20px;
			list-style-type:disc;
			
		}
			.disk_list span {
				font:bold 12px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
				color:#554400;
			}

		#cnt_img {
			margin-top:10px;
			text-align:center;
		
		}
		#right_img {
			float:right;
			padding:5px 5px;
		}
		.note {
			margin-top:10px;
			
			outline: none;  
			
			background:#f8f8f8;
			
			text-decoration: none;  
			padding: .5em 1em .55em;  
			text-shadow: 0 1px 1px rgba(0,0,0,.3);  
			-webkit-border-radius: .5em;  
			   -moz-border-radius: .5em;  
					border-radius: .5em;  
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  
			   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
					box-shadow: 0 1px 2px rgba(0,0,0,.2);
		}
		.title_accent {
			font:bold 12px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
			color:#554400;
		}
		#color_accent {
			color:#0088cc;
		}
		

		#image_gallery {
			display:inline-block;
			border:0px solid #cdcdcd;
			padding-left:3px;

		}
			#image_frame {
				background:#f9f9f9;
				margin-right:10px;
				margin-top:10px;
				float:left;
				padding:10px;
				border:1px solid #cdcdcd;
				border-radius:4px;
				text-align:center;
				
			}
		#davit_map {
			border:3px solid #f0f0f0;
			padding:20px;
			border-radius:5px;
			vertical-align:middle;
		}
			#map_address01 {
				border-bottom:2px solid #f0f0f0;
				text-align:left;
				padding-bottom:5px;
				margin-bottom:10px;
			}
			#map_address02 {
				border:0px solid red;
				text-align:left;
				
				
				margin-bottom:10px;
				
			}
				#map_child {
					border:0px solid red;
					
					
					margin-bottom:3px;
				}
				#tel_box {
					float:left;
					background:#9a9077;
					text-align:center;
					width:60px;
					padding:2px;
					border-radius:2px;
					margin-right:10px;
				}
					#tel_box p {
					font:11px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
					color:white;
					}

		.line_box {
			border:3px solid #f0f0f0;
			padding:15px 15px 5px 15px; 
			border-radius:5px;
			vertical-align:middle;
		
		}

		.product_wrapper {
			display:inline-block;
			width:97%;
			background-image:url(../images/videobox_bg.png);
			background-repeat:repeat-x;
			background-position:bottom;
			text-decoration: none;  
			padding: .5em 1em .55em;  
			text-shadow: 0 1px 1px rgba(0,0,0,.3);  
			-webkit-border-radius: .5em;  
			   -moz-border-radius: .5em;  
					border-radius: .5em;  
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  
			   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
					box-shadow: 0 1px 2px rgba(0,0,0,.2);
		}

		.product_wrapper img { 
			float:left;
			border-right:1px solid #eaeaea;
			margin-right:15px;

		}
		.mini_info {
			border:0px solid #eaeaea;
			padding:5px 10px;
			margin-bottom:10px;
			background:#eaeaea;
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			border-radius:2px;
		
		}
		.pr_title { 
			
			font:bold 12px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		    color:#C40452;
			border-bottom:1px solid #cdcdcd;
			padding:5px 5px;
			margin-bottom:5px;
			
			border-radius:0px;
			
			background:#eaeae;
			
		}
		.pr_title img{
			margin-top:5px;
			margin-right:5px;
			border-right:none;
		}
		.exp_wrapper {
			
			border:0px solid red;
			float:left;
			width:210px;
			
		}
		.exp_box {
			border:0px solid red;
			padding-left:20px;
			
		}

/** Tooltip 레이아웃 **/
.product_content {
	padding-top:10px;
	border:px solid red;
	text-align:center;
}
.product_content img {
	
}
.product_info {
	text-align:left;
}




/**	

	#wrapper a {
		color: blue;
	}
	#wrapper a:hover {
		text-decoration: underline;
	}

	img {
		float:left;
		
	}
	.spacer{
	clear:both;
	}

	h2 {
		clear:both;
	}





/******* footer **********/

#footer {
	border:0px solid green;
	clear:both;
}

	#copyright {
		text-align:center;
		margin:20px 0;
		font:11px  Helvetica, Arial, Verdana, sans-serif;
		color:#888888;
	}
	#navi_bar {
		border-top:1px solid #cccccc;
		border-bottom:2px solid #cccccc;
		padding:3px 0;
		text-align:center;
		background:#;
	}
	.navi_menu{
		display:inline-block;
		
		padding:0 10px;
		border-right:1px solid #cdcdcd;
		font:bold 11px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		color:#0088cc;
	}
	
	#last_menu {
		display:inline-block;
		border-right:0px solid #cdcdcd;
		padding:0 10px;
		
		font:bold 11px  "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		color:#0088cc;
	}

/******* 테이블 스타일**********/
table {
    border-collapse: collapse;
   /* font:normal 12px Gulim, "굴림", sans-serif; */
    margin: 0;padding: 0;
	width:100%;
	border-right:none;


}

th, td {
    border: 1px solid #cdcdcd;
	border-left:none;
    padding: 0.6em;
    vertical-align: 4px;
	text-align:center;
	vertical-align:middle;
}

thead tr {
	background-image:url('');
	color:#333;
}


#last_head_col{
	border-right:none;
}


.last_col{
	border-right:none;
	text-align:left;
}

.last_col_center{
	border-right:none;
}

.col_size {
	width:40px;
}

thead th,thead td, tfoot th, tfoot td {
    background-color: #eeeeee;
    font-size: 1.1em;
	
	text-align:center;
    vertical-align:middle;
}



thead th, thead td {
    border-top:#C40452 solid 2px;

}

tbody td {
    background:white url(pix1.gif) 0 50%  no-repeat;
}

.align_left_col {
	text-align:left;
}

 

/*마우스 온오버*/
tbody th, td        { background-color:#FFF;}
tbody tr:hover td, tbody tr:hover th {background-color: #EEE;}


/******* 게시판 리스트 스타일**********/
table.board {
    border-collapse: collapse;
   /* font:normal 12px Gulim, "굴림", sans-serif; */
    margin: 0;padding: 0;
	width:100%;


}

table.board th, table.board td {
    border: 1px solid #cdcdcd;
	border-left:none;
	border-right:none; 
    padding: 0.3em;
	vertical-align:middle;
}

table.board thead tr {

	color:#333;
}


table.board thead th,table.board thead td, table.board tfoot th, table.board tfoot td {
    background-color: #eeeeee;
    font-size: 1.1em;

	
	text-align:center;
    vertical-align:middle;
}



table.board thead th, table.board thead td {
    border-top:#C40452 solid 2px;

}

table.board tbody td {
    background:white url(pix1.gif) 0 50%  no-repeat;
}

#subject_align {
	text-align:left;
	
}




	#subject_align a:hover, #subject_align a:active{
		color:#a1372a;
		text-decoration:underline;
	}
	#subject_align  a {
		text-decoration:none;
		color:#333;
		}


/*마우스 온오버*/
table.board tbody th, table.board tbody td        { background-color:#FFF;}
table.board tbody tr:hover td, table.board tbody tr:hover th {background-color: #EEE;}


/*게시판 페이징 리스르*/
#board_listing {

	display:inlin-block;
	border:px solid red;
	margin-top:10px;
	margin-bottom:30px;
	text-align:center;
	

}
#total_page{
	border:px solid blue;
	display:inline-block;
	float:left;
	width:12%;
	text-align:left;
}
	#total_page span {
		color:#ff7a00;
	}
#list_center {
	position:relative;
	border:px solid blue;
	display:inline-block;
	
	float:
	text-align:center;
	

}
	#board_listing p {
		float:left;
		border:0px solid red;
	}
	#board_listing p span {
		color:#ff7a00;
	}
#prev_arrow{
	margin-top:2px;
	margin-right:5px;
	float:left;
	border:0px solid red;
}
#prev_arrow img{

	float:left;
}
#next_arrow{
	margin-top:2px;
	margin-left:5px;
	float:left;
	border:0px solid red;
}
#next_arrow img{
	float:left;

}


/*게시판 글쓰기 버튼*/

#tb_write {
	border:px solid blue;
	width:12%;
	text-align:right;
	display:inline-block;
	float:right;	
}

/*게시판 검색*/
.board_search {
	border:px solid red;
	margin-bottom:10px;
	text-align:right;
}





/******* 게시판 View 스타일**********/
.board_view {
    border-collapse: collapse;
   /* font:normal 12px Gulim, "굴림", sans-serif; */
    margin: 0;padding: 0;
	width:100%;


}

.board_view th, .board_view td {
    border: 1px solid #cdcdcd;
	border-left:none;
	border-right:none; 
    padding: 0.3em;
	vertical-align:middle;
}

.board_view thead tr {

	color:#333;
}


.board_view thead th,.board_view thead td, .board_view tfoot th, .board_view tfoot td {
    background-color: #eeeeee;
    font-size: 1.1em;

	
	text-align:center;
    vertical-align:middle;
}



.line_top {
    border-top:#C40452 solid 2px;

}
.line_bottom{
	border-bottom:#C40452 solid 2px;
}

#align_left_col {
	text-align:left;
}

.back_list {
	margin-top:10px;
	text-align:right;
}

/*마우스 온오버*/
.board_view tbody th, .board_view tbody td        { background-color:#FFF;}
.board_view tbody tr:hover td, .board_view tbody tr:hover th {background-color: #fff;}



/******* 게시판 Write, Reply, Delete, Modify 스타일**********/



.board_wdm {
    border-collapse: collapse;
   /* font:normal 12px Gulim, "굴림", sans-serif; */
    margin: 0;padding: 0;
	width:100%;


}

.board_wdm th, .board_wdm td {
    border: 1px solid #cdcdcd;
	border-left:none;
	border-right:none; 
    padding: 0.3em;
	vertical-align:middle;
}

.board_wdm thead tr {
	
	color:#333;
}


.board_wdm thead th,.board_wdm thead td, .board_wdm tfoot th, .board_wdm tfoot td {
    background-color: transparent;
    font-size: 1.1em;

	
	text-align:center;
    vertical-align:middle;
}





/*마우스 온오버*/
.board_wdm tbody th, .board_wdm tbody td        { background-color:#FFF;}
.board_wdm tbody tr:hover td, .board_wdm tbody tr:hover th {background-color: #fff;}

/*글쓰기 보안코드*/
.security_code {
	font:bold 12px "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color:red;
	border:1px solid red;
	padding:2px;
	width:100%;
}

/* button 
---------------------------------------------- */
.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font:bold 12px/100% "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  padding: .5em 1.9em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}
 
.bigrounded {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.medium {
  font-size: 12px;
  padding: .4em 1.5em .42em;
}
.small {
  font-size: 11px;
  padding: .2em 1em .275em;
}

/* 버튼 칼라 white */
.white {
  color: #606060 !important;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}



/*어코디언 스타일*/
#accordion h3{ font:bold 13px/1.6 "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
#accordion span{ font:bold 12px/1.6 "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#C40452;}

#accordion li{ font: 12px/1.6 "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/*로그인 Madal 스타일*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

 #signup {

     width: 404px;
     padding-bottom: 2px;

    display:none;


    background: #FFF;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}



#test p { color: #666; text-shadow: none; }

#signup-header { background: url(../img/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#signup-header  h2 { color: #444; font-size: 18px; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 12px; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
#signup .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }



p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../img/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; }
p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
        
button {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3F9D4A; 
	border: none;
  width: auto;
  overflow: visible;
  font-size: 1.4em;
  color: #FFF;
 padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
        
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }

/* 동영상 갤러리 */

.yt_holder {
    
    padding: 0px;
    float: left;
	display:inline-block;
    border: px solid red;
	
	
}


.yt_holder ul {
    float: left;
    margin: 0;
    padding: 0;

    
}

.yt_holder ul li{
    list-style-type: none;
	width:167px;
    display:block;
	background: #474747;
	font:bold 12px/1.6 "Malgun Gothic", "맑은 고딕",AppleGothic, 굴림,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	color:#ffffff;
    margin-bottom: 5px;
	padding:5px;
	border-radius:2px;

}

.yt_holder a:hover{
	color:red;
	background:red;
}



#video_frame {
	margin-left:10px;
	float:left;
	border:2px solid #474747;
	
}


/* 발주관리테이블 */
.order_table {
	table-layout: fixed;
	width:200%;
}
.order_table tr td{
	vertical-align: top;
	border-top: 1px solid #ccc;
	padding:5px;
}

.order_table tr th{
	vertical-align: top;
	border-top: 2px solid #ccc;
	padding:5px;
}

}
.outer {position:relative}
.inner {
  overflow-x:scroll;
  overflow-y:visible;

}