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

body {background-image:url(../images/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: none;
			  height: 60px;
			  padding: 30px 10px 0 30px;
			  font-size: 18px;
			  line-height: 1.2;
			  }	
			  a.navbar-brand {	
			            display:block;	
			            text-align:center;		 
			  }		  
.navbar-default .navbar-nav > li > a {
	                                 color: #000;
									 width:100px;
									 padding-right:2px;
									 padding-left:2px;
									 text-align:center;
									 }

.navbar-nav li a {font-size:16px; font-weight:700;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #9cd503;
}
.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:40%;
						height: auto;
						padding: 12px 0 0px 5px;
						font-size: 18px;
						display:block;
						overflow:hidden;
					  }

		  .navbar-brand img {width:86%; display:inline-block;}
		  .navbar-default .navbar-nav > li > a {
			                                   width:auto;
											   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;
	padding: 11px;
}
a.kkofacilities/ img {margin-top:10px;}
 .katalk { position:fixed; right:0px; bottom:10px;z-index:9999; background-color:#fbe300; padding:10px; visibility:hidden; display:none;}			  	  
				  .katalk-bg{ background-image:url(../images/katalk.png);
				              background-color:#fbe300; 
							  background-position:10px; center; 
							  background-repeat:no-repeat; 
							  background-size:26px;
							  border-radius: 10px; 
							  -webkit-border-radius: 10px; 
							  -moz-border-radius: 10px;
							  font-family: "Open Sans", sans-serif;
							  font-weight:900;
							  font-size:24px;
							  font-weight:900;
							  text-align:right;
							  padding:5px 15px 5px 10px;
							 }
							 .katalk-bg span{font-family: "Nanum Gothic", sans-serif; font-weight:700; font-size:17px;display:block;}
							 .katalk-bg span a{font-size:17px; text-decoration:none; display:block;color:#000;}
	
							 						    	.katalk_scroll {position:fixed; right:0px; bottom:10px; z-index:9999; background-color:#fbe300; 
															font-family: "Open Sans", sans-serif;
															font-weight:900;
															font-size:0px;
															font-weight:900;
															 text-align:right;
																	 padding:10px; width:0px; height:0px; visibility:hidden; display:none;
																	 display:block;
																	 border-radius: 10px; 
																	 -webkit-border-radius: 10px; 
																	 -moz-border-radius: 10px;
																	 }	

				 @media screen and (max-width: 767px) {
				                                        /*   .main_area1{ display:none; height:1px;}*/
														 p.phone{font-size:20px;}
														 
													    	.katalk_scroll {position:fixed; right:0px; bottom:10px; z-index:9999; background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:18px;
																	  font-weight:900;
																	  text-align:center;
																	  padding:10px; width:160px; height:50px; visibility:visible;
																	  display:block;
																	  border-radius: 10px; 
																	  -webkit-border-radius: 10px; 
																	  -moz-border-radius: 10px;
																	 }	
																   .mo-thumb  {width:30px; height:30px;}
														   }
/*===========메인이미지==============================================*/


/*===========메인컨텐츠==============================================*/
.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/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/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/icon_phone.png); 
												background-position:left 10px;
												background-repeat:no-repeat;
												background-size:40px;
												font-family: 'Oxygen', sans-serif;
												font-size:26px;
												line-height:1.2;
												color:#01abba;
												text-shadow:1px 1px 1px #fff;
												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;}	
															  }
					 .kakao_sub { width:234px;
																								  background-image:url(../images/katalk.png);
																								           background-color:#fbe300; 
																										   background-position:5px center;
																										   background-repeat:no-repeat;
																										   background-size:32px;
																								    -webkit-border-radius: 3px;
																							         -moz-border-radius: 3px;
																							         border-radius: 3px;
																									 margin:10px 10px 10px 0px;
																									 color:#3d3037;
																									 font-family: "Open Sans", sans-serif;
																									 font-weight:900;
																									 font-size:22px;
																									 font-weight:900;
																									 padding-top:8px;
																									 padding-bottom:8px;
																									 padding-right:10px;
																									 font-weight:700;
																									 text-align:center;
																									 }
																									 .kakao_sub span {font-family: "Nanum Gothic", sans-serif; font-weight:700; font-size:15px;
																									 display:block;}
																									 .kakao_sub span a{display:block;font-size:15px; text-decoration:none; color:#000}
			 
/*===========소개말씀==========================================*/

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;}
					}
					/*----장점 아이콘 */
				.bg-white {}
				.w-12-5 {width:11.999%; padding:0; margin:0;}	
				.inline-block {display:inline-block;}	
				kbd {margin-bottom:7px; display:block;}
				@media screen and (max-width:768px) {
					.w-12-5 {width:23.9%; padding:0; margin:0;}	
					
				}
/*===========생활안내==========================================*/	

fieldset.information {margin-bottom:15px;}
fieldset.information legend {font-weight:900;}
.information ul {padding-left:24px;}


@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;}
										  fieldset.information ul {padding-left:16px; }
										 }	

/*===========시설보기==========================================*/
.left_facilities {
				  background-image:url(../images/left_facilities.jpg);
				  background-position:left 90px;
				  background-repeat:no-repeat;
				  background-size:cover;
				  min-height:800px;
			      }
                              .jbMenu {width:0; display:none;}
							  @media screen and (max-width:768px) {
							                                              .jbMenu {
																					  border-top:3px solid #999;
																					  border-bottom:2px solid #999;
																					  width: 100%;
																					  background-color:#000;
																					  display:block;
																					}
																					.jbMenu ul {
																								margin:0 auto;
																								padding:0;
																								width:auto;											
																								overflow:hidden;
																								}
																					.jbMenu ul li{
																								  float:left;
																								  width:50%;
																								  text-align:center;
																								  }
																					.jbMenu ul a.jbmenu-a{
																									   text-decoration:none;
																									   text-align:center;
																									   display:block;
																									   padding:5px 3px;
																									   color:#FFF;
																									   font-size:16px;
																									   }
																					.jbContent {
																								height: 2000px;
																							   }
																					.jbFixed {
																							  position: fixed;
																							  top: 0px;
																							  z-index:1000;
																							  }
																							  
																							  
							  }
																							                                                                  /*사진 보기 방식 ===================================*/
																							  /*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: 820px;
																												  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;
																													  }
																													  
																													   .text-block {
						position: absolute;
						bottom: 13px;
						right: 10px;
						background-color:rgba(0,0,0,0.7);
						color: white;
						padding-left: 10px;
						padding-right: 10px;
						font-size:16px;
					   }
					   .text-block p {margin-bottom:10px;}
		   .overlay-view {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					height: 100%;
					width: 100%;
					opacity: 0;
					transition: .3s ease;
					background-color: #1410a8;
				  }
				  
				  .overlay-view:hover {
					opacity: 0.3;
				  }
				  
				  .dodo-link .icon {
					color: white;
					font-size: 80px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					text-align: center;					
				  }
				  .dodo-link-s .icon {
					color: white;
					font-size: 40px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					text-align: center;					
				  }
				   @media (max-width: 576px) { 
				                                 .dodo-link .icon, .dodo-link-s .icon {font-size:28px;}
				   }
                  

														
/*===========주변환경==========================================*/	
.environment {margin-top:20px;}
.environment2 {margin-top:20px; }

/*===========오시는길==========================================*/	
.daum-map {width:820px; height:400px; 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:820px; height:1px; display:none; visibility:hidden;}
		.daum-map-small {width:320px; height:400px; 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;}
.rightbanner {position:absolute; top:80px; right:2%; z-index:100; visibility:visible;}
@media screen and (max-width: 767px) {
    .bottom-area-sub { background-color:#3c3e41; color:#FFF;}
	.mobile-bottom {display:block;}
    .rightbanner {position:absolute; top:50px; right:0; z-index:0; visibility:hidden; display:none;}
  }