@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
body {font-family: 'Noto Sans KR', sans-serif;
      font-size:15px;
	  line-height:1.5;
	  }
	   
	   
	  .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 30px;
							}
							p.kakao span{font-family: "Nanum Gothic", sans-serif; font-weight:700; font-size:16px;}
																									 
	  
	  .navbar-brand span.top-phonenum {display:inline-block;padding:5px 0; text-align:center; font-size:24px; font-weight:700; color:#000; background-color:rgba(255,255,255,0);}
	  @media (max-width: 576px) {
									.btn-hidden { visibility:visible; width:auto; height:auto; display:inline;}
									.fa-phone-volume {font-size:20px;}
									.btn-visible {visibility:hidden; font-size:0; padding:0; float:none; display:inline-block; width:0; height:0;}
									.navbar-brand span.top-phonenum {display:none;padding:0; text-align:center; font-size:0px; font-weight:700; color:#fff; background-color:none;}
									.navbar-brand img{ width:auto; height:50px;margin-top:5px; margin-left:5px;}
									 }
	  
	   li, p {word-break:keep-all;}
	  
	  .w-12-5 {width:12.5% !important;}
	  
 
	  /*바텀 */
	   .dodo-footer p{margin-bottom:.3rem;}
	   .dodo-footer address {margin-bottom:.3rem;}
	  p.copyright {padding-left:15px;}
	   .kakao_bottom {
					 font-size:0px;
					 display:none;
					 }
			   .hidden-banner {visibility:hidden; width:0; height:0;}
			   @media (max-width: 576px) {
				   .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;}
	  
	   @media (max-width: 576px) { 
	                                .mt-dodo1 { margin-top:70px;}
									.w-12-5 {width:25% !important;}
									}
									
		/*서브 타이틀 +++++++++++++++++++++++++++  */
		  .sub-title { display:inline-block; font-weight:700; color:#fff; padding:0.7rem 2rem; background-color:#1410a8;}
		
		 @media (max-width: 576px) { 
										.sub-title { padding:0.5rem; font-size:20px; margin-top:10px;}
										 }
		 
		 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%;}
		    dt {padding:3px; border-top:1px dotted #CCC;border-bottom:1px dotted #CCC; background-color:#d9dcf0; margin-bottom:10px;}
			

                @media (max-width: 576px) { 
				                   .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:440px; 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 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:0px; height:0px; 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;}

/*멤버배너*/
 .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; }
	   }