/* CSS Document */
@charset "utf-8";
 /* 나눔고딕적용  */
 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);			/*	Nanum Gothic */
 @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);  	 /* Noto Sans KR */
 
 
  /******************** TAG DEFINE(COMMON_LINK) ********************/
  html,body,div,p,span,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,select,fieldset,input,textarea,button	{margin:0;	padding:0; border:0; list-style:none; font-family:"Nanum Gothic", "돋움", "굴림", "Tahoma" , "Helvetica", "AppleGothic", "sans-serif"; color:#696969;}
  body,div,span,a,input,select,textarea { text-decoration:none; }
		legend {font-size:0; height: 0; left: -9999px; line-height: 0; overflow: hidden; position: absolute; width: 0;}
		caption {font-size:0; height: 0; left: -9999px; line-height: 0; overflow: hidden; position: absolute; width: 0;}
		.skip {font-size:0; height: 0; left: -9999px; line-height: 0;  overflow: hidden; position: absolute; width: 0;}
		caption {position:static;}
		
  
  img 																		{ margin:0; border:0; padding:0px; border-collapse:collapse; }
  #a,img																{ selector-dummy: expression(this.hideFocus=true); } 
  
  input,select										{	vertical-align:middle; }
  input, button 								{	/*border:1px solid #cfcfcf; padding:5px;*/ vertical-align:middle;	}
  input[type=radio]					{	margin-top:-3px; cursor:pointer;	}
 
  label																	{	margin-left:5px; margin-right:20px; cursor:pointer;	}
  select																{	height:23px;	}
  
  body																		{	margin:0 auto; 
                          width:100%; 
                          height:100%;
                          padding:0px; 
                          font-size:12px; 
                          background-color:#FFFFFF; 
                          SCROLLBAR-FACE-COLOR:#ffffff;
                          SCROLLBAR-SHADOW-COLOR:#ae9da5;
                          SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
                          SCROLLBAR-3DLIGHT-COLOR:#ae9da5;
                          SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
                          SCROLLBAR-TRACK-COLOR:#ffffff;
                          SCROLLBAR-ARROW-COLOR:#ae9da5;
                         }
																									
																						
 
  /******************** FONT 설정 ********************/
  a:link 			{FONT-FAMILY:"Nanum Gothic", "돋움","굴림", AppleGothic, sans-serif; color: #696969; text-decoration:none;}
  a:visited {FONT-FAMILY:"Nanum Gothic", "돋움","굴림", AppleGothic, sans-serif; color: #696969; text-decoration:none;}
  a:active 	{FONT-FAMILY:"Nanum Gothic", "돋움","굴림",	AppleGothic, sans-serif; color: #696969; text-decoration:none;}
  a:hover 		{FONT-FAMILY:"Nanum Gothic", "돋움","굴림",	AppleGothic, sans-serif; color: #28A8A8; text-decoration:underline;}
	/**********************MAIN TOP ******************************/

		#allwrap 										{overflow: hidden;  position: relative; width:100%;}
		#wrap 													{overflow: hidden;  position: relative; width: 100%;}

		header           { display:block; margin:0; padding:0; width:100%; height:58px; background-color:#242b35;	}			
		section										{	display:block; margin:0; padding:0; width:100%; }
		article										{	width:100%; dispaly:block; }		
		footer											{	width:100%; dispaly:block; }			
		
		.page_dir								{ width:90%; padding:1% 5% 1% 5%; text-align:right; }

		
		/* TOP */
		@media all and (min-width:1100px)
		{
					#header							 																								{ width:100%; /*max-width:1400px;*/ margin:0; padding:0; }
					#header .top_logo_area   														{	display:inline-table; width:328px; height:58px; }
					#header .top_logo_area #mnavi  								{	display:none; }	
					#header .top_logo_area h1 													{	float:left; width:260px;	height:45px; text-align:center; padding-top:13px; }
			
					#header #navi								 											{ float: right; display:block; width:752px; height:58px;	}	
					#header #mnaviHead 														{	display:none; }		
					#header #navi ul li													 {	float:left; display:block; height:48px; position:relative; }
					#header #navi .top_menu										{	padding:10px 19px 0px 19px; vertical-align:middle !important; }
					#header #navi .top_border								{	border-style:solid; border-width: 0 1px 0 0; border-color:#8A9C9D;  }
			
					#header #navi ul li a            { display:block; background:rgba(0, 0, 0, 0) url("none") repeat scroll 0 0; color:#8c9b9e; position: relative; font-size:15px; height:30px;  padding:10px; text-decoration:none; }
					#header #navi ul li a:hover    	 { display:block; background:rgba(0, 0, 0, 0) url("none") repeat scroll 0 0; color:#07ACD6; position: relative; font-size:15px; height:30px;  padding:10px; text-decoration:none; }
					#header #navi .top_blog											{ display:block; float:right !important; }
					#header #navi ul li ul 												{	padding: 0px 0px 0px; left: 0px; top: 58px; display: none; position: absolute; z-index: 99;}
					#header #navi ul li ul li 									{	float:none;  height:30px; text-align:center; }
					#header #navi ul li ul li a 							{	padding: 7px; color:#FFF;  font-size: 14px;  font-weight: normal;}
					#header #navi ul li ul li a:hover 	{	padding: 7px; color:#FFF;  font-size: 14px;  font-weight: normal;}		
					#header #navi ul li ul li.m 					{	display: none;}
					#header #navi ul li ul#topSubm1 	{	width:100%;}
					#header #navi ul li ul#topSubm2 	{	width:100%;}
					#header #navi ul li ul#topSubm3 	{	width:100%;}
					#header #navi ul li ul#topSubm4 	{	width:100%;}						
					#header #navi ul li ul#topSubm5 	{	width:100%;}		
					
					#naviBg 																									{	background:#8A9C9D none repeat scroll 0 0; height: 0;  left: 0;  overflow: hidden;  position: absolute;  top: 58px;  width: 100%;  z-index: 60;}
					#naviPromote 																				{	margin: 0 auto;  overflow: hidden;  width:100%; }
					#naviPromote div 																{ /*border-right: 1px solid #ececec;*/  display: inline-block;   height: 50px;  /*margin: 20px 0 0;  padding: 0 48px 0 0;  width: 315px;*/ }
		}



		@media all and (max-width:1099px)
		{
				#header 																															{	width:100%; margin:0; padding:0; /*position: static;*/}
				#header .top_logo_area   														{	float:left; display:inline-table; width:328px; height:58px; }
				#header .top_logo_area #mnavi  								{	float:left; width:68px; 	height:58px; }	
				#header .top_logo_area h1 													{	float:left; width:260px;	height:45px; text-align:center; padding-top:13px;  }
				
				#header #navi 																								{	displau:hidden; background-color:#242b35; margin: 0px; left: -410px; top: 0px; width: 410px; float: none; position: absolute; z-index: 99999;	}
				#header #mnaviHead 																			{	didsplay:inline; width:100%; height: 58px; border-bottom-color: rgb(168, 168, 168); display: block; /* border-bottom-width: 1px; border-bottom-style: solid;  position: relative;*/}
				#header #navi ul li 																		{	float: none; padding-top:10px;  border-bottom-color: rgb(168, 168, 168); border-bottom-width: 1px; border-bottom-style: solid; 	}
				#header #navi ul li a 																{ display:block; background:rgba(0, 0, 0, 0) url("none") repeat scroll 0 0; color:#8c9b9e; position: relative; font-size:15px; height:30px;  padding:10px; text-decoration:none; }
				#header #navi ul li a:hover 										{ color:#07ACD6; }
				#header #navi .top_blog															{ display:none; 	}
				#header #navi ul li ul 															{	background:#0f161f; /*background: rgb(241, 241, 241);*/ padding: 14px 0px; border: 0px currentColor; left: 0px; top: 0px; width: auto; height: auto; display: none; visibility: visible; position: relative;}
				#header #navi ul li ul#topSubm1 						{	left: 0px; width: 100%;}
				#header #navi ul li ul#topSubm2 						{	left: 0px; width: 100%;}
				#header #navi ul li ul#topSubm3						 {	left: 0px; width: 100%;}
				#header #navi ul li ul#topSubm4						 {	left: 0px; width: 100%;}
				#header #navi ul li ul#topSubm5						 {	left: 0px; width: 100%;}
				#header #navi ul li ul li												 {	margin: 0px 0px 0px 15px; border: 0px currentColor;}
				#header #navi ul li ul li a {background: url("none"); font-size: 15px;}
				#header #navi ul li ul li.m {display: block;}
		}
		/* //TOP */
		
		
		/* FOOTER  */
			@media all and (	min-width:790px )
		{
					.copyright_add  											{	float:left; width:97%; padding:3% 0 3% 3%; background-color:#e9e9e9; color:5e5e5e; }
					.copyright_add  li								 {	display:inline; padding:0 10px 0 10px; }
					.border_right 													{	border-style:solid; border-width: 0 1px 0 0; border-color:#d3d3d3; }		
					
					.copyright   			{ float:left; width:100%; height:30px; padding-top:15px; background-color:#49b3cb; text-align:center; color:#FFF; }
					.margin_t_7px			{	margin-top:7px;		}

					.footer_go     	{ width:130px; position:relative; left:85%; top:7%; z-index:500; 	}			
			}

			@media all and (	max-width:789px	)
		{
					.copyright_add  											{	margin:0 auto; width:97%; padding:0 0 3% 3%; background-color:#e9e9e9; color:5e5e5e; }
					.copyright_add  li								 {	display:block; width:97%; text-align:center; padding-top:3%; font-size:14px; }
					.border_right 													{	display:none; }		
					
					.copyright   			{ float:left; width:100%; height:30px; padding-top:15px; background-color:#49b3cb; text-align:center; color:#FFF; }
					.margin_t_7px			{	margin-top:7px;		}

					.footer_go     	{ width:130px; position:relative; left:85%; top:7%; z-index:500; 	}				
					.footer_go						{	display:none; }
			}		
		/* //FOOTER */
		
		
		
		/* DEFAULT SLIDER */
	.slider-block {
			width: 100%;
			/*height: 100%;*/
			height: 800px;
			position: absolute;
			z-index: 97;
			background-position: 50% 50%;
			background-size: cover;
			opacity: 0;
		}
		
			@media all and (	min-width:790px )
		{
					#bx-pager																		{	width:100%;	/*background-color:#49b3cb;*/ }
					#bx-pager li 														{	width:10% !important; display:inline; margin:0px; padding:0px; }	
					#bx-pager li img											{	width:10%; }		
					#bx-pager li a.active img		{ transform:scale(1.2, 1.2); }				
			}

			@media all and (	max-width:789px	)
		{
					#bx-pager																		{	display:none; }
			}		
		/* //DEFAULT SLIDER */
		
		
		/* DEFAULT NOTICE */
		@media all and (	min-width:790px )
		{					
				.main_notice_box						{	float:left; width:30%; padding:5% 0 5% 3%;  }
				.border_center								{	border-style:solid; border-width: 0 1px 0 1px; border-color:#d3d3d3; }
				.main_notice										{	width:90%; }
				.main_notice dt							{ margin:15px 0 30px 0; font-size:14px; line-height:19px; color:#000; }
				.main_notice dd							{	line-height:18px; color:#8f8f8f;	} 
	
				.main_notice_box ul							{	margin-top:5%; width:90%; }
				.main_notice_box li							{	display:inline; }
				.main_notice_box .more				{	color:#49b3cb;		}
				.padding_right5per								{	padding-right:5%;	}
		}
				
		@media all and (	max-width:789px )
	{					
			.main_notice_box						{	float:left; display:block; width:97%; padding:5% 0 5% 3%;  }
			.border_center								{	border-style:solid; border-width:1px 0 1px 0; border-color:#d3d3d3; }
			.main_notice										{	width:90%; }
			.main_notice dt							{ margin:15px 0 30px 0; font-size:14px; line-height:19px; color:#000; }
			.main_notice dd							{	line-height:18px; color:#8f8f8f;	} 

			.main_notice_box ul							{	margin-top:5%; width:90%; }
			.main_notice_box li							{	display:inline; }
			.main_notice_box .more				{	color:#49b3cb;		}
			.padding_right5per								{	padding-right:5%;	}
	}				
		/* //DEFAULT NOTICE */		
		
		
		
		/* COMPANY */
				.com_title										{	width:90%; padding:5% 5% 0 5%; text-align:left;}	
				.com_title h2							{	width:110px; height:25px; text-align:center; border-style:solid; border-bottom-width:3px; border-bottom-color:#00A9E1; color:#000;	}
				.com_title_c								{	display: inline-table; width:90%; padding:1% 5% 0% 5%; margin:50px 0 0 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size:4.2em; font-weight:600; }

				.com_content 							{	width:90%; padding:2% 5% 5% 5%; text-align:left; color: rgb(119, 119, 119); font-family: Nanum Gothic; font-size:14px; line-height:23px; }
				
				#com_devel_area .txt										{	width:90%; padding:0% 5% 1% 5%; text-align:left; color:#FFF; font-size:14px; line-height:25px;  }
				#com_devel_area .txt span					{ color:#FFF; font-weight:bold; font-size:16px;}
				
				#com_manage_area .txt									{	width:90%; padding:0% 5% 1% 5%; text-align:left; color:#000000; font-size:14px; line-height:25px;  }
				#com_manage_area .txt span				{ color:#000000; font-weight:bold; font-size:16px;}
		
				#com_merchan_area .txt										{	width:90%; padding:0% 5% 1% 5%; text-align:left; color:#FFF; font-size:14px; line-height:25px;  }
				#com_merchan_area .txt span					{ color:#FFF; font-weight:bold; font-size:16px;}
		
				#com_product_area .txt									{	width:90%; padding:0% 5% 1% 5%; text-align:left; color:#000000; font-size:14px; line-height:25px;  }
				#com_product_area .txt span				{ color:#000000; font-weight:bold; font-size:16px;}

    .pad_right_10px					{	padding-right:10px;	}
    .color_black								{ color:#000; }	
				
				.com_title_his										{	width:90%; padding:5% 5% 0 5%; text-align:left;}	
				.com_title_his h2							{	width:70px; height:25px; text-align:center; border-style:solid; border-bottom-width:3px; border-bottom-color:#00A9E1; color:#000;	}

				.com_title_org										{	width:90%; padding:5% 5% 0 5%; text-align:left;}	
				.com_title_org h2							{	width:120px; height:25px; text-align:center; border-style:solid; border-bottom-width:3px; border-bottom-color:#00A9E1; color:#000;	}

				@media all and (min-width:790px)
				{
					.com_title_c_txt    { width:90%; padding:0% 5% 1% 5%; text-align:left; color:#363636; font-family: "Lato", sans-serif; font-size: 40px; font-weight: 600; }
					.com_menu 										{	width:90%; padding-bottom:5px; margin:1% 5% 1% 5%;	color:#8A9C9D; border-bottom-style:solid; border-bottom-color:#8A9C9D; border-bottom-width:1px; font-size:30px; font-weight:bold; letter-spacing:-1px; }
					.com_gubun										{	float:left; width:90%; margin:1% 5% 5% 5%; }
					.com_gubun	dl							{	float:left; width:20%; margin:2%; display:block;	}
					.com_gubun dt							{	padding:3px 0 3px 0;font-size:15px; color:#000000; font-weight:bold; }
					.com_gubun dt span		{	padding:3px; font-size:18px; color:#00A9E1; font-weight:bold; }				
					.com_gubun dd							{	padding:3px 0 3px 32px; font-size:13px; }

					#com_devel_area     										{ float:left; background-color:#8A9C9D; }	
					#com_devel_area .title								{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size: 50px; font-weight: 600; letter-spacing:-1px; }
					#com_devel_area .title	span			{ color:#FFF; }

					#com_manage_area     									{ float:left; }	
					#com_manage_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size: 50px; font-weight: 600; letter-spacing:-1px; }
					#com_manage_area .title	span		{ color:#8A9C9D; }

					#com_merchan_area     									{ float:left; background-color:#00A9E1; }	
					#com_merchan_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size: 50px; font-weight: 600; letter-spacing:-1px; }
					#com_merchan_area .title	span		{ color:#FFF; }

					#com_product_area     									{ float:left; }	
					#com_product_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size: 50px; font-weight: 600; letter-spacing:-1px; }
					#com_product_area .title	span		{ color:#00A9E1; }
				}
				
				@media all and (	max-width:789px )
				{
						.com_title_c_txt    { width:90%; padding:0% 5% 1% 5%; text-align:left; color:#363636; font-family: "Lato", sans-serif; font-size:20px; font-weight: 600; }	
						.com_menu 										{	width:90%; padding-bottom:5px; margin:1% 5% 1% 5%;	color:#8A9C9D; border-bottom-style:solid; border-bottom-color:#8A9C9D; border-bottom-width:1px; font-size:23px; font-weight:bold; letter-spacing:-1px; }					
						.com_gubun										{	float:left; width:90%; margin:1% 5% 5% 5%; }
						.com_gubun	dl							{	float:left; width:45%; padding:2% 2.5% 2% 2.5%; display:block;	}
						.com_gubun dt							{	padding:3px 0 3px 0;font-size:15px; color:#000000; font-weight:bold; }
						.com_gubun dt span		{	padding:3px; font-size:18px; color:#00A9E1; font-weight:bold; }				
						.com_gubun dd							{	padding:3px 0 3px 32px; font-size:13px; }

						#com_devel_area     										{ float:left; background-color:#8A9C9D; }	
						#com_devel_area .title								{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size:35px; font-weight: 600; letter-spacing:-1px; }
						#com_devel_area .title	span			{ color:#FFF; }

						#com_manage_area     									{ float:left; }	
						#com_manage_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size:35px; font-weight: 600; letter-spacing:-1px; }
						#com_manage_area .title	span		{ color:#8A9C9D; }
						
						#com_merchan_area     									{ float:left; background-color:#00A9E1; }	
						#com_merchan_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size:35px; font-weight: 600; letter-spacing:-1px; }
						#com_merchan_area .title	span		{ color:#FFF; }
						
						#com_product_area     									{ float:left; }	
						#com_product_area .title							{ width:90%; padding:1% 5% 0% 5%; margin:30px 0 30px 0;  text-align: left; color: rgb(0, 0, 0); letter-spacing:0px; font-family: "Lato", sans-serif; font-size:35px; font-weight: 600; letter-spacing:-1px; }
						#com_product_area .title	span		{ color:#00A9E1; }
					}

				
				.his_gubun														{	display:inline-table; width:90%; margin:1% 5% 5% 5%; }
				
				.his_family_area								{	width:90%; margin:0% 5% 0 5%; padding:3% 0 3% 0;	}
				.his_family_area h2					{ color:#FFFFFF; font-size:30px; font-weight:bold; letter-spacing:-1px;	}
				.his_slide_ls											{	width:100%; margin:2% 0 2% 0; text-align:center; }
				.his_slide_ls	li								{	display: inline-block;margin:4%;  text-align:center; }	
				
					@media all and (min-width:790px)
				{
						.his_title_c_txt    				{ width:90%; padding:1% 5% 1.5% 5%; text-align:left; color:#FFF; font-size: 35px; background-color:#00A9E1; letter-spacing:-1px;  }
						.his_title_c_txt span			{ color:#FFF; font-weight:600; }				
						.his_menu 														{	width:90%; padding-bottom:5px; margin:3% 5% 1% 5%;	color:#8A9C9D; border-bottom-style:solid; border-bottom-color:#8A9C9D; border-bottom-width:1px; font-size:30px; font-weight:bold; letter-spacing:-1px; }				
						.his_gubun .ls										{	width:30%; display: inline-table; vertical-align:top; margin-bottom:30px; }
						.his_gubun	dl											{	float:left; width:96%; margin:2%; display:table-cell;	}
						.his_gubun dt											{	padding:3px 0 3px 0; font-size:18px; color:#00A9E1; font-weight:bold; }
						.his_gubun dd											{	padding:3px 0 3px 0px; font-size:13px; color:#999; }			
						.his_gubun dd	span						{	padding:3px 8px 0 0; 	font-size:13px; color:#000; font-weight:bold; }		
				}
					
					@media all and (max-width:789px)
				{
						.his_title_c_txt    				{ width:90%; margin:2% 0 5% 0; padding:3% 5% 3% 5%; text-align:left; color:#FFF; font-size:25px; background-color:#00A9E1; letter-spacing:-1px;  }
						.his_title_c_txt span			{ color:#FFF; font-weight:600; }				
						.his_menu 														{	width:90%; padding-bottom:5px; margin:3% 5% 1% 5%;	color:#8A9C9D; border-bottom-style:solid; border-bottom-color:#8A9C9D; border-bottom-width:1px; font-size:23px; font-weight:bold; letter-spacing:-1px; }								
						.his_gubun .ls										{	width:90%; display: inline-table; vertical-align:top; margin-bottom:30px; }
						.his_gubun	dl											{	float:left; width:96%; margin:2%; display:table-cell;	}
						.his_gubun dt											{	padding:3px 0 3px 0; font-size:18px; color:#00A9E1; font-weight:bold; }
						.his_gubun dd											{	padding:3px 0 3px 0px; font-size:13px; color:#999; }			
						.his_gubun dd	span						{	padding:3px 8px 0 0; 	font-size:13px; color:#000; font-weight:bold; }		
				}

				.com_title_lot										{	width:90%; padding:5% 5% 0 5%; text-align:left;}	
				.com_title_lot h2							{	width:80px; height:25px; text-align:center; border-style:solid; border-bottom-width:3px; border-bottom-color:#00A9E1; color:#000;	}
				
				.lot_area           				{	display:inline-block; width:90%; margin:0% 5% 5% 5%; padding:3% 0 3% 0; 	}
				.audition_area          {	display:inline-block; width:90%; margin:0% 5% 5% 5%; padding:0 0 3% 0; 	}

				
					@media all and (min-width:1050px)
				{
						.lot_add                { float:left; display:inline-table; width:32.6%; background-color:#EBEEEE; }  
				}

					@media all and (max-width:1049px)
				{
						.lot_add                { float:left; display:inline-table; width:100%; background-color:#EBEEEE; margin-bottom:2%; }  
				}
				.lot_add ul													{	margin:20px;	}
				.lot_add dt													{	font-size:25px; font-weight:bold; padding-bottom:3px; color:#8A9C9D;	}	
				.lot_add dd													{	font-size:13px; padding:3px 0 3px 0; line-height:21px; color:#8A9C9D;	}														
				.lot_add dd.tel									{	font-size:17px; padding:10px 0 0 0; line-height:20px; color:#8A9C9D;	}
				/* //COMPANY */		
				
				
				
				/* PORTFOLIO */
				.gallery_area																{	display:inline-block; width:90%; padding:2% 5% 2% 5%; color:rgb(119, 119, 119); }

				
					@media all and (min-width:1070px)
				{
						.gallery_box_area     						 { float:left; width:30%; max-width:320px; margin:20px 10px 0 10px;  display:inline; }
						.gallery_box_area img								{	border-radius:20px; }
						.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
						.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}


					@media all and (max-width:1069px)
				{	
					.gallery_box_area     						 { float:left; width:30%; max-width:320px; margin:20px 1% 0 1%;  display:inline; }
					.gallery_box_area img								{	border-radius:20px; }
					.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
					.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}


					@media all and (min-width:900px)
				{	
					.gallery_box_area     						 { float:left; width:100%; max-width:320px; margin:20px 1% 0 1%;  display:inline; }
					.gallery_box_area img								{	border-radius:20px; }
					.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
					.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}



					@media all and (max-width:900px)
				{	
					.gallery_box_area     						 { float:left; width:100%; max-width:320px; margin:20px 1% 0 1%;  display:inline; }
					.gallery_box_area img								{	border-radius:20px; }
					.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
					.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}


					@media all and (max-width:789px)
				{	
					.gallery_box_area     						 { float:left; width:100%; max-width:320px; margin:20px 1% 0 1%;  display:inline; }
					.gallery_box_area img								{	border-radius:20px; }
					.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
					.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}


				
					@media all and (max-width:499px)
				{	
					.gallery_box_area     						 { float:left; width:100%; max-width:320px; margin:20px 0 0 0; text-align:center;  display:inline; }
					.gallery_box_area img								{	border-radius:20px; }
					.gallery_box_area dt									{	padding:7px 0; font-size:14px; font-weight:bold; text-align:center; line-height:23px; }
					.gallery_box_area dd									{	padding:7px 0; font-size:13px; text-align:center; line-height:23px; }				
				}				
				.gallery_view																{	margin:0 auto; width:90%; max-width:800px; }
				.gallery_view dl													{	margin:1% 0 1% 0;}
				.gallery_view dt													{	padding:0 0 10px 0; font-size:17px; font-weight:bold; text-align:center; }
				.gallery_view dd													{	padding:0 0 20px 0; font-size:14px; text-align:center;}				
				/* //PORTFOLIO */
				
				
				/* AUDITION */
				.conner { border-radius:20px; }
				/* AUDITION */



				/* BOARD */
				.board_area           {	display:inline-block; width:90%; margin:2% 5% 2% 5%; color:rgb(119, 119, 119); }
				.board_title										{	width:90%; padding:5% 5% 0 5%; text-align:left;}	
				.board_title h2							{	width:130px; height:25px; text-align:center; border-style:solid; border-bottom-width:3px; border-bottom-color:#00A9E1; color:#000;	}
	
				.basic_table_area					{	display:block; width:90%; padding:5% 5% 0 5%; text-align:left; border-style:solid; border-width:2px 0 2px 0; border-color:#000; }	
				.basic_table																		 			{clear:both; border-collapse:collapse; }
				.basic_table thead th.title_le 			{clear:both; height:40px; vertical-align:middle; font-size:13px; font-weight:bold; color:#000; border-style:solid; border-width:2px 0 1px 0; border-color:#333; }
				.basic_table thead th.title_le2 		{height:35px; text-align:left; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#f3f3f3; padding-left:10px;}
				.basic_table thead th.title_ri 			{height:35px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 0; 		border-color:#ececec; background-color:#f3f3f3;}
				
				.basic_table tbody th.title_le_w_top 	{padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:1px 1px 1px 0 ; border-color:#ececec; background-color:#f3f3f3;}
				.basic_table tbody td.title_ri_w_top 	{padding:3px 0 3px 10px; height:30px;	font-size:11px; line-height:20px;		border-style:solid; border-width:1px 0 1px 0 ; border-color:#ececec; text-align:left;}
				
				.basic_table tbody th.title_le_w 	{padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:0 1px 1px 0 ; border-color:#ececec; background-color:#f3f3f3;}
				.basic_table tbody td.title_ri_w 									{padding:3px 0 3px 10px; height:30px;	font-size:11px; line-height:20px;		border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; text-align:left;}
				
				.basic_table tbody th.com_le_w 									{padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; }
				.basic_table tbody td.com_ri_w 									{padding:3px 0 3px 10px; height:30px;	font-size:11px; line-height:20px;		border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; text-align:left;}
				
				.basic_table tbody td.img_area												{	padding:10px 0 10px 0; text-align:left;}
				.basic_table tbody td.txt_area												{	padding:20px 0 20px 0; line-height:20px;  }
								
				.basic_table tbody td.ls_left													{ padding:15px 0 15px 0; text-align:left; font-size:13px; }				
				.basic_table tbody a																						{	color:#666; }
				
				.basic_table tbody span.annotation 							{	color:#A00000; font-size:11px;	}
				
				/* board_ls */
				.basic_table tbody td.ls         		{	padding:15px 0 15px 0; font-size:13px; text-align:center; border-style:solid; border-color:#ececec; border-width:0 0 1px 0; }
				.basic_table tbody td.ls_le      	 {	padding:15px 0 15px 0; font-size:13px; text-align:left; 	 border-style:solid; border-color:#ececec; border-width:0 0 1px 0;	}
				.basic_table tbody td.ls_secret  	 {	height:30px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;	}
				.basic_table tbody td.ls_line 			 	{	height:1px;  padding:0px; background:url(../../images/board/dot_line.gif);	}
				
				.basic_table tbody td.bottom_ri 			{	padding:5px 0 0 0; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:right;		}
				.basic_table tbody td.bottom_ce 	 	{	padding:5px 0 0 0; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:center;	}
				
				@media all and ( max-width:749px )
				{
					 .hidden_749    { display:none;  }  
					}
				/* //BOARD */


				/* FONT-STYLE  */
				.color_white            { color:#FFFFFF; }
				/* //FONT-STYLE  */				



				/* COLOR   */
				.bg_323C49 													{ background-color:#323C49;  }
				.img_grayscale_1        { filter: gray;	-webkit-filter:grayscale(1); /* Google Chrome & Safari 6+ */ }
				.img_grayscale_0								{	filter: none; -webkit-filter:grayscale(0);}	  
				/* //COLOR */
			
			
			
				/* BTN  */
				.btn_area 														{ display:inline-block; width:90%; margin:2% 5% 0 5%; 	 }
				.btn_area a													{	text-decoration:none;		}
				.btn_page_now											{	display:inline;	background: rgb(128, 133, 145) none repeat scroll 0 0;   border: medium none currentcolor;   color: rgb(255, 255, 255);  font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: auto;	 margin-top:15px; text-align: center; cursor:pointer; border-radius:3px; padding:5px; }
				.btn_page															{ display:inline; color: rgb(204, 204, 204);  font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; margin: auto;	 margin-top:15px; text-align: center; cursor:pointer; border-radius:3px; padding:5px;	border-style:solid; border-color:rgb(204, 204, 204); border-width:1px; }
				.btn_press 													{	display:inline-block; 	background: rgb(128, 133, 145) none repeat scroll 0 0;   border: medium none currentcolor;   color: rgb(255, 255, 255);  font-size: 15px; font-weight: bold; height: 35px; line-height: 35px; text-align: center; width:15%; max-width:170px; cursor:pointer; border-radius:3px;  }
				/* //BTN  */			
			
			
				/* ALIGN  */
				.align_le															{	text-align:left;			}
				.align_ce															{	text-align:center;	}
				.align_ri															{	text-align:right;		}


				/* MARGIN */
				.margin_top_2per			    { margin-top:2%;  					}
				.margin_bottom_2per    { margin-bottom:2%;  		}
				.margin_right_1per					{	margin-right:1%;					}
				.margin_bottom_50px    {	display:inline-table; margin-bottom:50px;		}
				/* //MARGIN */
				
				
				/* FORM */
				.input_search    						{ display:inline-block; height:35px; vertical-align:top; border-style:solid; border-width:1px; border-color:#CCC; width:20%; min-width:170px; max-width:170px;  }
				.btn_search 		   						{ display:inline-block; height:27px; vertical-align:top; border-style:solid; border-width:1px; border-color:#CCC; width:100px; text-align:center; font-size:15px; padding-top:8px; }
				/* //FORM */
				
				
				/* BORDER */
				.border-bottom_1px    {	border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; font-size:13px; line-height:25px; }