@charset "utf-8";
/* CSS Document */

body {background-image:url(../images_re/bg_body.png);
      background-position:center top;
	  background-repeat:repeat-y;
	  background-attachment:fixed;
	  font-family: "Nanum Gothic", sans-serif;
	  }
.navbar {
		border: 1px solid transparent;		
		min-height: 80px;
		margin-bottom:0;
		position: relative;
	    }
.navbar-default {
				background: rgba(255,255,255,0);

			   }
			   .navbar-right { margin-top:20px;}
.navbar-brand {
			  float: left;
			  height: 80px;
			  padding: 15px 15px;
			  font-size: 18px;
			  line-height: 20px;
			  text-align:center;
			  }		  
.navbar-default .navbar-nav > li > a {
	                                 color: #000;
									 padding-right:14px;
									 padding-left:14px;
									 text-align:center;
									 }

.navbar-nav li a {font-size:16px; font-weight:700;}
.navbar-nav li a span.small_entext{
			display:block;
			font-weight:200;
			font-size:12px;
			color:#777;
			text-align:center;
			background-color:#f7f7f7;
			margin-top:5px;
			padding:2px 7px 2px 7px;
		  }
		  .call { visibility:hidden;}
		  
@media screen and (max-width:768px) {
		  .navbar {
					border: 1px solid transparent;
					margin-bottom: 0;
					min-height: 76px;
					position: relative;
					}
					.navbar-default {
									background: rgba(255,255,255,1.0);
									border-color: none;
								   }
		  .navbar-brand {
						float: left;
						width:52%;
						height: 60px;
						padding: 15px 0 5px 5px;
						font-size: 18px;
						display:block;
						overflow:hidden;
					  }

		  .navbar-brand img {width:88%; display:inline-block;}
		  .navbar-default .navbar-nav > li > a {
											   color: #000;
											   padding-right:10px;
											   padding-left:10px;
											   text-align:left;
											   }
          .navbar-nav li a span.small_entext{
											display:inline-block;font-weight:200;
											font-size:12px;
											text-align:left;
											background-color:transparent;
											border:0px solid #a4b0b2;
											margin-top:0px;
											padding:2px 7px 2px 7px;
										  }
										  .call { visibility:visible;}
										  
										  .btn-call { font-size:18px; margin-top:10px;}
										  }
.navbar-toggle {
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 24px;
}

/*===========메인이미지==============================================*/


/*===========메인컨텐츠==============================================*/
.main_contents {margin-bottom:20px;}
.main_contents .col-lg-5, .main_contents .col-lg-7 {padding:0;}

		   
		   .area1 {margin-top:20px;}
		   div.go_qna {position:absolute;
		               right:20px;
					   top:20px;
					   z-index:auto;
					   }					   
					   .m_notice h5{ font-size:24px;
					                 font-weight:bold;
									 border-radius: 0px;
									 -moz-border-radius: 0px;
									 -webkit-border-radius: 0px;
									 margin:0; padding:0;
									 }
									 .m_environment ul li{ padding:5px;
									                       margin-bottom:3px;
														   background-color:#084b4d;
														   font-size:16px;
														   color:#FFF;}
									.m_environment ul li.center_point {background-color:#00bbbb;}
									
									.m_phone { background-image:url(../images_re/icon_phone.png);
											   background-position:30px 30px;
											   background-repeat:no-repeat;
											   background-color:#ececec;
											   padding:20px 20px 10px 20px;		   
											   margin-bottom:0px;
											   font-family: 'Oxygen', sans-serif;
											   font-size:32px;
											   text-align:center;
											   position:relative;
											   border-radius: 10px 0px 10px 0px;
											   -moz-border-radius: 10px 0px 10px 0px;
											   -webkit-border-radius: 10px 0px 10px 0px;											   
											   }
									@media screen and (max-width:768px) {
									                                         .tem_hidden1 {height:1px; display:none;}
																			 }
																			 
		.good_icon, .good_object {list-style:none; padding:0; margin:12px 0 12px 0; overflow:hidden;}
		.good_icon li {float:left; width:16%; 
		               display:block;
					   border:2px solid #666;
					   border-radius: 10px;
					   -moz-border-radius: 10px;
					   -webkit-border-radius: 10px;
					   display:block;
					   text-align:center;
					   margin:0 1px;
					   padding:5px 0;
		                 }
		.good_icon li img { width:60%; }
		
		kbd {font-size:11px; letter-spacing:-1px;}
		
		.good_object li{float:left; width:33%; display:block; padding:7px;}
		.good_object li img{padding:8px; background-color:#eee;}


/*===========서브배경 및 이미지=================================*/
.sub_all_area {
	           background-image:url(../images_re/left_img.jpg);
               background-position:left top;
			   background-repeat:no-repeat;
			   }
.sub_area_left{ 
			   min-height:680px;
			   padding:450px 0 0 0;
			   margin:0;
			   position:relative;
			   }
				.sub_area_left ul {
								  position:absolute;
								  left:16px;
								  width:100%;
								  list-style:none;
								  padding:0;
								  margin:0 auto;
								  overflow:hidden;
								  border:0px solid #000;
								  }
				.sub_area_left ul li {float:left; width:33.333%; text-align:center;}
				.left-icon {background-color:#eeddd3; border:1px solid #FFF; padding:6px;}
				.sub_area_left ul li.sub_phone {cleart:both;
												width:100%;
												background-image:url(../images_re/icon_phone.png); 
												background-position:left 10px;
												background-repeat:no-repeat;
												background-size:40px;
												font-family: 'Oxygen', sans-serif;
												font-size:28px;
												color:#33F;
												border:0px solid #000;
												padding:10px 0 0 0;
												margin:0;
												}	
												li.sub_phone p {font-size:12px; font-weight:normal; color:#000;}			
				.sub_contents{ padding-top:20px;padding-right:0; padding-bottom:20px; }
				.sub_contents h3{display:block; width:100%; font-weight:700; background-color:#ecefec; padding:10px;}
				
				/*내용 영역 왼쪽 마진값*/
					.custom_ml {padding-left:40px;}		
					@media screen and (max-width:768px) {
															  
															  .sub_contents{ padding-top:10px; padding-right:10px; padding-bottom:20px;}
															  .sub_contents h3{margin-top:0;}
															  .sub_all_area {background-image:none;}	
															  .sub_area_left{height:1px; display:none;}															  
															  /*내용 영역 왼쪽 마진값*/
															  .custom_ml {padding-left:0px;}	
															  }
					
			 
/*===========소개말씀==========================================*/

p.boss_copy {font-size:18px; font-weight:700; color:#259c8d; word-break:keep-all; display:block; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.sub_contents p {padding-left:30px;}
dl.good_job {margin-left:30px; padding:20px 0; border-top: 2px solid #F90; border-bottom: 2px solid #F90;}
dl.good_job dt {font-weight:bold; margin-top:5px; }
dl.good_job dd {padding:3px; border-bottom:1px dotted #CCC;}
					@media screen and (max-width:768px) {
						                                     .sub_contents p {padding-left:0;}
														     dl.good_job {margin-left:0; padding:20px 0; border-top: 2px solid #F90; border-bottom: 2px solid #F90;}
					}
/*===========생활안내==========================================*/	

fieldset.information dl { overflow:hidden;}
fieldset.information legend {font-weight:700;}
fieldset.information dl dt {float:left;}
fieldset.information dl dd {float:left;}

@media screen and (max-width:768px) {
	                                      fieldset.information dl dt {float:none; display:block; text-align:center;}
										  fieldset.information dl dd {float:none; display:block;}
										  fieldset.information dl dd ul li {word-break:keep-all;}
										 }	

/*===========시설보기==========================================*/
.left_facilities {
				  background-image:url(../images/left_facilities.jpg);
				  background-position:left 90px;
				  background-repeat:no-repeat;
				  background-size:cover;
				  min-height:800px;
			      }
                                                                                              /*사진 보기 방식 ===================================*/
																							  /*source : http://responsiveslides.com/ */
																							  /*! http://responsiveslides.com v1.54 by @viljamis */
																									  #slider3 {
																												box-shadow: none;
																												-moz-box-shadow: none;
																												-webkit-box-shadow: none;
																												margin: 0 auto;
																												background-color:#eee;
																												border:1px solid #ccc;
																												}																										
																									
																									.rslides_tabs {
																												  list-style: none;
																												  padding: 0;
																												  background: rgba(0,0,0,.1);
																												  box-shadow: 0 0 1px rgba(255,255,255,.1), inset 0 0 5px rgba(0,0,0,0.2);
																												  -moz-box-shadow: 0 0 1px rgba(255,255,255,.1), inset 0 0 5px rgba(0,0,0,0.2);
																												  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.1), inset 0 0 5px rgba(0,0,0,0.2);
																												  font-size: 18px;
																												  list-style: none;
																												  margin: 0 auto 50px;
																												  max-width: 716px;
																												  padding: 10px 0;
																												  text-align: center;
																												  width: 100%;
																												  }
																												.rslides_tabs li {
																																  display: inline;
																																  float: none;
																																  margin-right: 1px;
																																  }																												
																												.rslides_tabs a {
																																width: auto;
																																line-height: 20px;
																																padding: 9px 20px;
																																height: auto;
																																background: transparent;
																																display: inline;
																																}																												
																												.rslides_tabs li:first-child {
																												                             margin-left: 0;
																												                             }
																												
																												.rslides_tabs .rslides_here a {
																																			  background: rgba(255,255,255,.1);
																																			  color: #fff;
																																			  font-weight: bold;
																																			  }																					  
																												  	#slider3-pager a {
																														             display: inline-block;
																																	 border:1px solid #3e72d8;
																													                 }
																													  
																													  #slider3-pager img {
																														float: left;
																													  }
																													  
																													  #slider3-pager .rslides_here a {
																														background: transparent;
																														box-shadow: 0 0 0 2px #000;
																													  }
																													  
																													  #slider3-pager a {
																														padding: 0;
																													  }
														
/*===========주변환경==========================================*/	
.environment {margin-top:20px;}
.environment2 {margin-top:20px; }

/*===========오시는길==========================================*/	
.daum-map {width:450px; height:650px; margin:0 auto; overflow:hidden; display:block; visibility:visible;}
.daum-map-small {width:320px; height:1px; margin:0 auto; overflow:hidden; display:none; visibility:hidden;}
.daum-map span, .daum-map-small span {font-family: "Nanum Gothic", sans-serif !important;font-size:14px ; font-weight:700; display:block; padding:7px;}

    @media screen and (max-width:768px) {
		.daum-map {width:450px; height:1px; display:none; visibility:hidden;}
		.daum-map-small {width:320px; height:370px; margin:0 auto; overflow:hidden; display:block; visibility:visible;}
		
	}
  
.map-info {margin:0 auto;}
.map-info th { width:20%; font-weight:bold; text-align:center; padding:5px;}
.map-info td { width:; padding:5px;}
.map-info td ul li {word-break:keep-all;}
/*===========입실문의 ==========================================*/

			
/*===========왼쪽 이미지 컨트롤==========================================*/	
             @media screen and (max-width:768px) {
				
				 }		 
/*===========하단==============================================*/
.bottom-area-sub {clear:both; text-align:center; padding:20px 0; border-top:2px solid #6a6c70; color:#000; font-size:13px;}
address {margin-top:0; margin-bottom:0;}
.bottom-area-sub p {margin:0; padding:0; line-height:1.5;}
.copy-en {font-size:12px;}

.mobile-bottom {display:inline;}
@media screen and (max-width: 767px) {.mobile-bottom {display:block;}}