@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'NEXON Lv1 Gothic OTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); font-weight: normal; font-style: normal; }

html{scroll-behavior: smooth;}

body {font-family: 'NEXON Lv1 Gothic OTF', sans-serif;
      font-size:14px;
	  line-height:1.5;
	  }
	   .navbar-toggler-icon {
    width: 1em;
    height: 1em;
}
a {
    color: #000;
}
.bg-dark { background-color:rgba(52,58,64,0.7) !important;}
	     .time-hidden {display:none; font-size:0; padding:0; margin:0; height:0;}
	  .btn-hidden { visibility:hidden; width:0; height:0;} 
	  .btn-visible {visibility:visible; font-size:24px; font-weight:700;padding:10px 5px 5px 5px; display:block; float:right; height:auto;}
	                       p.kakao {  background-image:url(../images/katalk.png);
				              background-color:#fbe300; 
							  background-position:5px; center; 
							  background-repeat:no-repeat; 
							  background-size:26px;
							  border-radius: 5px; 
							  -webkit-border-radius: 5px; 
							  -moz-border-radius: 5px;
							  font-family: "Open Sans", sans-serif;
							  font-size:20px;
							  font-weight:700;
							  text-align:right;
							  padding:5px 10px 5px 35px;
							}
							p.kakao span{font-family: "NEXON Lv1 Gothic OTF", sans-serif; font-weight:700; font-size:16px;}
																									 
	  
	  .top-phonenum {display:block;padding:5px 0; text-align:center; font-size:16px; font-weight:700; color:#fff; background-color:rgba(255,255,255,0);}
	  @media (max-width: 990px) {
									.time-hidden {display: block; font-size:14px; padding:3px 3px 0px 10px; margin:0; height:26px;}
									.btn-hidden { visibility:visible; width:auto; height:auto; position:absolute; right:60px; top:5px; z-index:100000;}
									.btn-hidden .btn{height:auto !important;}
									.fa-phone-volume {font-size:20px;}
									.btn-visible {visibility:hidden; font-size:0; padding:0; float:none; display:inline-block; width:0; height:0;}
								 	.top-phonenum {display:none;padding:0; text-align:center; font-size:0px; font-weight:700; color:#fff; background-color:none;}
													 }
	  
	   li, p {word-break:keep-all;}
	  

 
	  /*바텀 */
	   .dodo-footer p{margin-bottom:.3rem;}
	   .dodo-footer address {margin-bottom:.3rem;}
	   address span{display:inline-block;}
	  p.copyright {padding-left:15px;}
	   .kakao_bottom {
					 font-size:0px;
					 display:none;
					 }
			   .hidden-banner {visibility:hidden; width:0; height:0;}
			   @media (max-width: 990px) {
				   .dodo-footer p{margin-bottom:.3rem; font-size:13px;}
				   .dodo-footer p span{display:block;}
	   .dodo-footer address {margin-bottom:.3rem;font-size:12px;}
	   address span{display:block;}
	  p.copyright {padding-left:15px;font-size:12px;}
				   .kakao_bottom {background-color:#fee600;
								  background-image:url(../images/kakao.png);
								  background-position:6px center;
								  background-repeat:no-repeat;
								  background-size:24px;
								  -webkit-border-radius: 6px;
								  -moz-border-radius: 6px;
								  border-radius: 6px;
								  margin:3px;
								  height:36px;
								  color:#3d3037;
								  font-size:16px;
								  padding-top:2px;
								  padding-left:26px;
								  font-weight:700;
								  text-align:right;
								  display:inline;
								  }
					 .hidden-banner {visibility:visible; width:auto; height:auto;}  
			   }
	  /*메인 맵*/
	  #map { 
			  border-radius: 5px; 
		     -webkit-border-radius: 5px; 
		     -moz-border-radius: 5px;
			 border:1px solid #ccc;
		     }
	  
	  /*서브 컨텐츠===============================================*/
	  
	  .mt-dodo1 { margin-top:170px;}
	  .katalk_scroll {position:fixed; right:0px; bottom:30px; z-index:9999;/* background-color:#fbe300; */
																	 font-family: "Open Sans", sans-serif;
																	 font-weight:900;
																	 font-size:0px;
																	 font-weight:900;
																	 text-align:center;
																	 padding:10px; width:0px; height:0px; visibility:hidden; display:none;
																	 display:block;
																	 border-radius: 5px; 
																	 -webkit-border-radius: 5px; 
																	 -moz-border-radius: 5px;
																	 }	
																	  .katalk_scroll_fix {
																	 font-family: "Open Sans", sans-serif;
																	 font-weight:900;
																	 font-size:0px;
																	 font-weight:900;
																	 text-align:center;
																	 padding:10px; width:0px; height:0px; visibility:hidden; display:none;
																	 display:block;
																	 border-radius: 3px; 
																	 -webkit-border-radius: 3px; 
																	 -moz-border-radius: 3px;
																	 }	
	   
	   	  .w-12-5 {width:12.5% !important;}
	  .w-11-11 {width:11.11111%;}
	  .w-11-11 p{font-size:14px;}
	  
	   @media (max-width: 990px) { 
	                                .mt-dodo1 { margin-top:70px;}
									.w-12-5 {width:25% !important;}
									.w-11-11 {width:33.33333%;}
									
									.katalk_scroll {position:fixed; right:0px; bottom:40px; z-index:9999; background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:16px;
																	  text-align:center;
																	  padding:5px; width:160px; height:auto; visibility:visible;
																	  display:block;
																	  border-radius: 5px; 
																	  -webkit-border-radius: 5px; 
																	  -moz-border-radius: 5px;
																	 }	
																	 .katalk_scroll_fix {background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:14px;
																	  color:#000;
																	  text-align:center;
																	  padding:3px; width:auto; height:auto; visibility:visible;
																	  display:block;
																	  border-radius: 3px; 
																	  -webkit-border-radius: 3px; 
																	  -moz-border-radius: 3px;
																	 }	
																   .mo-thumb  {width:30px; height:auto;}
									}
									
		/*서브 타이틀 +++++++++++++++++++++++++++  */
		  .sub-title { font-weight:700; color:#000;
		               background-image:url();
					   background-position:5px center;
					   background-repeat:no-repeat;
					   background-size:32px;
					   border-bottom:3px double #eee;
					   padding-left:0px;
					   margin-bottom:20px;
					   }
					   
					   
		
		 @media (max-width: 767px) { 
										.sub-title { 
										            background-size:26px;
													padding-left:0px; font-size:20px; margin-top:10px;}
													
													h5.mb-5 font{display:block;}
										 }
		 
		 hr.hr-style {display:block; width:70%; margin:70px auto 0; padding:2px; border-top:1px solid #CCC; border-bottom:1px solid #ccc;}
		 
		   /*소개말씀 -------------------------------------------------------------------------------------*/
		   
		   .w-33-3 {width:33.333333%;}
		   .w-33-3-etc {width:33.333333%;}
                @media (max-width: 767px) { 
				                   .w-33-3 {width:50%;}
								   .w-33-3-etc {width:100%; display:block; text-align:center;}
				}
	       
		   /*시설안내 -------------------------------------------------------------------------------------*/
              .bg-transparent-70 { background-color:rgba(236,236,236,0.7);}
		   
		   
		   /*시설보기 ------------------------------------------------------------------------------------*/
		   
		   .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;}
				   }
                  

		   /*오시는길-------------------------------------------------------------------------------------*/
		      .daum{ height:450px;}
			  .daum-map {width:876px; height:480px; margin:0 auto; overflow:hidden; display:block; visibility:visible;}
			  .daum-map-small {width:320px; height:0px; margin:0 auto; overflow:hidden; display:none; visibility:hidden;}
			  .daum-map-medium {width:520px; height:0px; margin:0 auto; overflow:hidden; display:none; visibility:hidden;}
			  .daum-map span, .daum-map-small span {font-family: "NEXON Lv1 Gothic OTF", sans-serif !important;font-size:14px ; font-weight:700; display:block; padding:7px;}
			  
				  @media screen and (max-width:768px) {
					  .daum-map {width:0px; height:0px; display:none; visibility:hidden;}
					  .daum-map-medium {width:520px; height:400px; margin:0 auto; overflow:hidden; display:block; visibility:visible;}
					  .daum-map-small {width:320px; height:0px; margin:0 auto; overflow:hidden; display:none; visibility:hidden;}
					  
				  }
				  @media screen and (max-width:468px) {
					  
					   .daum-map {width:0px; height:0px; display:none; visibility:hidden;}
					  .daum-map-medium {width:520px; height:0px; margin:0 auto; overflow:hidden; display:none; visibility:hidden;}
					  .daum-map-small {width:320px; height:430px; 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;}

/*멤버배너*/
 .member-banner{width:257px; height:63px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:visible; }
@media screen and (max-width: 767px) {
	   .member-banner{width:1px; height:1px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:hidden; }
	   }
	   
	   .only-mobile-bottom { display:none; visibility:hidden;}
	   
	   @media screen and (max-width: 767px) {
		   .only-mobile-bottom { display:block; visibility:visible; color:#FFF;}
		   .only-mobile-bottom a {color:#FFF;}
		   .btn {line-height:1;}   
	   }