/* The overall elements style */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
		
		
		
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
		
		a { text-decoration:none; }


/* #Basic Styles
================================================== */


/*color 

#84C017 -연두색
#827120 -녹두색
#C7B299 - 연황토
#33241C - 진황토

*/



body {
	
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: Dotum,AppleGothic,NanumGothic,ngeot,Tahoma,sans-serif,Arial, Helvetica Neue, Helvetica, sans-serif,Gulim;
	
	background:url(../image/con_back/m4_back.jpg) center no-repeat fixed; background-size:cover !important;
	
	
	
	/*
	background-size: cover !important;
	*/
	
}




#menu_bar { width:100%;  text-align:center; position: fixed; /*background-color:#000;   opacity:0.8;*/ z-index:100; 
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(0,0,0,0.65);
}

#menu_bar_mini { display:none; width:100%;  text-align:center; position: fixed; background-color:#fff;   opacity:0.7; z-index:3; color:#606060; }




#menu_bar #menu { width:960px; height:50px; margin:0px auto;  text-align:center;    }
#menu_bar #menu li  { text-align:center;  float:left;   }
#menu_bar #menu li a { color:#fff; font-size:16px;  display:block;  padding:20px 14px; }
#menu_bar #menu li a:hover { background:#948989; }
#menu_bar #menu li a img { width:50px; padding:0px; margin:0px;}
#menu_bar #menu a:hover  {  color:#33241C; } 


#menu #logo a { padding:0px; } 
#menu #menu_01 {  }
#menu #menu_02 { } 
#menu #menu_03 {  } 
#menu #menu_04 { } 
#menu #menu_05 { }  




#main_wrapper {   width:100%; font-size: 1.1em; }

#room_ex {
    min-height: 60px;
}
#room_ex p {
    line-height: 20px;
}


#ywd_movie_wraper
{
 position: absolute; 
	z-index:2;
	width: 100%;
	
}

#ywd_movie
{
	width: 560px;
	margin: 300px auto;
		
}


#visual_area { width:100%; background-color:#D3D3D3; position:relative; z-index:1; min-height:500px; min-width:720px;}

#main_logo { position:absolute; z-index:1; opacity:0.7; text-align:center; width:100%; top:30px; background-color:#FFFFFF; display:block; }




#contents_area .m_con { float:left; width:100%;}






/* ----------------------- FOOTER CSS ------------------------------ */

/* Footer copyright text CSS */


#footer {
	
	width:100%;
	
	
	color:#33241C;
	
	
	
	
	clear:both;
	
	float:left;
	

	}
	
	

	
#footer_wrapper { width:900px; margin:20px auto;  position:relative; z-index:1; }
	
#footer	#footer_logo { width:100%; float:left; text-align:center; clear:both; }
#footer	#footer_logo a img { width:150px;  } 
#footer #footer_con  {  margin:20px 0 0 20px; }	
#footer #footer_con h3 {  margin-bottom:0px; font-weight:bold; }
#footer #footer_con p {padding:10px 0 0 0;  }
#footer #footer_con p span {  }

						

/* #Media Queries
================================================== */