@charset "euc-kr";
/* CSS Document */
body{
	 font-size:0.9em;
	 line-height:150%;
	 border-top:6px solid #a996b2;
	 background-image:url(../images/body_m_bg.jpg);
	 background-position:left top;
	 background-repeat:repeat;
	 }
/* Çصå & ·Î°í/////////////////////////////////////////////////////////*/
div.wrap-body {width:98%; margin:0 auto;}
header {
		width: 100%;
		padding:10px 0 15px 0;
		text-align:left;
		position:relative;
		overflow:hidden;		
		}
		h1 img{
				width:60%;
				margin-left:0.3em;
				}
		  p.phone-p{
				   position:absolute;
				   top:10px;
				   right:1%;
				   z-index:10;
				   width:15%;
					}
					p.phone-p2{
							   position:absolute;
							   top:10px;
							   right:16%;
							   z-index:11;
							   width:15%;
							  }
					 p.phone-p img{
						           width:96%;
								   }
								   p.phone-p2 img{
												 width:96%;
												 }
		  @media all and (min-width: 480px) {
									
									h1{
									   padding:5px 0 10px 15px;
									   width:300px;
									   text-align:center;
									   }
									   h1 img{
											 margin:0 0 0 0.3em;
											 padding:0;
											 width:77%;
											 }

									  p.phone-p{
											   position:absolute;
											   top:12px;
											   right:5px;
											   z-index:10;
											   width:13%;
												}
												p.phone-p2{
														 position:absolute;
														 top:12px;
														 right:110px;
														 z-index:11;
														 width:13%;
														  }
												
												p.phone-p img{
													       width:90%;
														   }
														   p.phone-p2 img{
																		 width:90%;
																		 }
										  }
	nav {
		 padding:2px 0px;
		 }
	nav ul {	        
			width:99%;			
			margin:0 auto;
			overflow:hidden;		
			}
			nav ul li {
				         float:left;
						 width:32.7%;
						 margin:0 1px;
						 text-align:center;
						 }
						 										@media all and (max-width: 500px) {
																	                                     nav ul li {
																												   float:left;
																												   width:32.7%;
																												   }
																									   }
																									   /* ¸Þ´º ¾ÆÀÌÄÜ ¹è°æ/////////////////////////////////////////////////////////*/
																									   nav ul li.home a {
																										              background-image:url(../themes/images/icons-png/home-black.png);
																													  background-position:5px center;
																													  background-repeat:no-repeat;
																													  }
																										nav ul li.home-on a{
																														  background-image:url(../themes/images/icons-png/home-white.png);
																														  background-position:5px center;
																														  background-repeat:no-repeat;
																														  background-color:#a996b2;
																														  color:#FFF;
																													  }
																													  nav ul li.priv a{
																														              background-image:url(../themes/images/icons-png/clock-black.png);
																																	  background-position:5px center;
																																	  background-repeat:no-repeat;
																																	  }
																																	  nav ul li.publ a{
																																		             background-image:url(../themes/images/icons-png/camera-black.png);
																																					 background-position:5px center;
																																					 background-repeat:no-repeat;
																																					 }
																																					 nav ul li.qna a{
																																						           background-image:url(../themes/images/icons-png/mail-black.png);
																																								   background-position:5px center;
																																								   background-repeat:no-repeat;
																																								   }
																																					  nav ul li.qna-on a{
																																						           background-image:url(../themes/images/icons-png/mail-white.png);
																																								   background-position:5px center;
																																								   background-repeat:no-repeat;
																																								   background-color:#a996b2;
																																								   color:#FFF;
																																								   }
																																								   nav ul li.enviro a{
																																									                background-image:url(../themes/images/icons-png/cloud-black.png);
																																													background-position:5px center;
																																													background-repeat:no-repeat;
																																													}
																																									nav ul li.enviro-on a{
																																									                background-image:url(../themes/images/icons-png/cloud-white.png);
																																													background-position:5px center;
																																													background-repeat:no-repeat;
																																													background-color:#a996b2;
																																													color:#fff;
																																													}
																																					 nav ul li.map a{
																																						           background-image:url(../themes/images/icons-png/location-black.png);
																																								   background-position:5px center;
																																								   background-repeat:no-repeat;
																																								   }
																																					 nav ul li.map-on a{
																																						           background-image:url(../themes/images/icons-png/location-white.png);
																																								   background-position:5px center;
																																								   background-repeat:no-repeat;
																																								   background-color:#a996b2;
																																								   color:#FFF;
																																								   }
						 nav ul li a{
										font-weight:bold;
										color:#000;
										display:block;
										margin:7px 0;				
										text-decoration:none;
										text-overflow:ellipsis; white-space:nowrap;	
										-moz-border-radius: 5px;
									   -webkit-border-radius: 5px;
										border-radius: 5px;
										border: 1px solid #a996b2;						  
						
										}								
										nav ul li a:hover{
														  font-weight:bold;
														  color:#FFF;
														  display:block;
														  margin:7px 0;
														  text-decoration:none;
														  text-overflow:ellipsis; white-space:nowrap;
														  -moz-border-radius: 5px;
														  -webkit-border-radius: 5px;
														  border-radius: 5px;
														  border: 1px solid #a996b2;						  
														  -webkit-box-shadow: outset 0 1px 1px 1px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
														  -moz-box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
														  box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
														  background-color:#9cc8b7;									
														  }
										@media all and (max-width: 500px) {
											                   nav ul li a{ 
														                  font-size:1.0em;
																		  padding:7px 0;
																		  text-overflow:ellipsis; white-space:nowrap;
																		  -moz-border-radius: 5px;
																		 -webkit-border-radius: 5px;
																		  border-radius: 5px;
																		  border: 1px solid #a996b2;						  
																		  -webkit-box-shadow: outset 0 1px 1px 1px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																		  -moz-box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																		  box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																														  }
																		  nav ul li a:hover{
																							font-weight:bold;
																							color:#FFF;
																							display:block;
																							padding:7px 0;
																							text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #666666 /*{a-bar-shadow-color}*/;
																							text-decoration:none;
																							text-overflow:ellipsis; white-space:nowrap;
														  						            -moz-border-radius: 5px;
																						   -webkit-border-radius: 5px;
																							border-radius: 5px;
																							border: 1px solid #a996b2;						  
																							-webkit-box-shadow: outset 0 1px 1px 1px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																							-moz-box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																							box-shadow: outset 0 1px 1px 1px/*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;
																							background-color:#9cc8b7;									
																															}
														  }

										
footer {
	    background-color:#353535;
		padding:3px;
		text-align:center;
		color:#FFF;
		font-size:0.8em;
		}
		footer address{
			           color:#FFF;
					   font-style:normal;					   
					   }										

/*º»¹® ³»¿ëµé//////////////////////////////////////////////////////////////////////////////*/
article{
		margin:15px 8px;
		overflow:hidden;
		}
		article ul.m-strong {}
		article ul.m-strong li { background-color:#2db782; background-image:url(../images/dot_new.png); background-position: 5px center; background-repeat:no-repeat; font-weight:bold; margin:3px 0; padding:7px 0 7px 17px; border-radius:5px; color:#FFF;}
		article ul.m-strong li.color { background-color:#ccbcd3; font-weight:bold;}
		article p.index img{width:100%;}
		@media all and (min-width: 600px) {
			                                   article p.index img{width:570px; margin:0 auto;}
			}
article.all-content {
	                margin:0px 7px;
					padding:5px;
					}
					article.all-content p {word-break:keep-all;}
					h2.h2-st {padding:0 0 5px 0; margin:5px 0px 5px 0; border-bottom:1px solid #64ab87; color:#64ab87; font-size:1.2em;}
fieldset.point{
						text-align:center;
						padding:10px;
						font-weight:bold;
						}
		 .point-color1{
			           color:#F00;}
		 .point-color2{
			           color:#33F;}
		 .point-color3{
			           color:#090;}
		 .point-color4{
			           color:#C0F;}
		 .point-color5{
			           font-weight:bold;}
		 .point-color6 {color:#68ad8a;}
		 .point-color7 {color:#a996b2;}
					    /*¼Ò°³¸»¾¸--------------------------------------------------------------------*/
				   fieldset.dasol-introduce-text{
											 border:0px solid #CCC;	
											  margin:7px auto;
											  padding:10px
											 }
				   fieldset.dasol-introduce{
											 border:1px solid #CCC;											 
											 -moz-border-radius: 5px;
											 -webkit-border-radius: 5px;
											  border-radius: 5px;
											  margin:7px auto;
											  padding:10px
											 }
				   
				   fieldset.dasol-introduce legend{
					                                 font-weight:bold;
													 color:#64ab87;
													 }
				   fieldset.dasol-introduce ul{
					                             list-style:disc;
												 padding-left: 25px;
												 }
												 fieldset.dasol-introduce ul li {word-break:keep-all;}
				/*»ýÈ°¾È³»--------------------------------------------------------------------*/
				   fieldset.dasol-information{
											 border:1px solid #CCC;											 
											 -moz-border-radius: 5px;
											 -webkit-border-radius: 5px;
											  border-radius: 5px;
											  margin:7px auto;
											  padding:10px
											 }
				   
				   fieldset.dasol-information legend{
					                                 font-weight:bold;
													 color:#64ab87;
													 }
				   fieldset.dasol-information ul{
					                             list-style:disc;
												 padding-left: 25px;
												 }
												 fieldset.dasol-informatin ul li {word-break:keep-all;}

     /*½Ã¼³º¸±â--------------------------------------------------------------------*/
	 fieldset.gallery {
		               text-align:center;
					   }

	/*ÁÖº¯È¯°æ--------------------------------------------------------------------*/
	                 fieldset.en-img{
						            border:0;
									margin:0 auto;
									overflow:hidden;
									}
					 fieldset.en-img ul{
						                margin:0;
										padding:0;
										}	
					 fieldset.en-img ul li{
						                  float:left;
										  width:48%;										
										  }
									.en-img ul li.en-box{float: left; width:48%;margin:4px auto;text-align:center;}
									.en-img ul li.en-box img{max-width:96%; border:2px #FFF;
															 /*box-shadow: 0 2px 0 2px rgba(0, 0, 0, 0.5);  ¹Ú½º ±×¸²ÀÚ - °¡·Î À§Ä¡, ¼¼·Î À§Ä¡, Å©±â, ½ºÇÁ·¹µå, Ä÷¯ */
															 }
	 /*¿À½Ã´Â±æ--------------------------------------------------------------------*/
	fieldset.dasol-map{
						    width:320px;
							margin:0 auto;
	}
	fieldset.dasol-customer p{
		                      margin:10px;
							  text-align:center;
							  }
	/*»ó´ã¹®ÀÇ--------------------------------------------------------------------*/
	fieldset.dasol-customer{
		                    width:300px;
							height:330px;
							margin:0 auto;
							padding:10px;
							background-image:url(../images/bg_mobile.png);
							background-position:center bottom;
							background-repeat:no-repeat;
							background-size:95%;
	}
	fieldset.dasol-customer p{
		                      margin:8px;
							  text-align:center;
							  }