@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
body {font-family: "Nanum Gothic", sans-serif;
      font-size:15px;
	  line-height:1.5;
	  }
	   
	   .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:900;padding:10px 5px 5px 5px; display:block; float:right; height:auto;}
	                       p.kakao {  background-image:url(../images/katalk_channel.png);
				              background-color:#f6e34a; 
							  background-position:5px; center; 
							  background-repeat:no-repeat; 
							  background-size:34px;
							  border-radius: 5px; 
							  -webkit-border-radius: 5px; 
							  -moz-border-radius: 5px;
							  font-family: "Open Sans", sans-serif;
							  font-size:20px;
							  font-weight:900;
							  line-height:1;
							  text-align:right;
							  padding:8px 10px 8px 55px;
							  margin-bottom:5px;
							}
							p.kakao-channel {  background-image:url(../images/katalk_channel.png);
										background-color:#fbe300; 
										background-position:5px; center; 
										background-repeat:no-repeat; 
										background-size:34px;
										border-radius: 5px; 
										-webkit-border-radius: 5px; 
										-moz-border-radius: 5px;
										font-family: "Open Sans", sans-serif;
										line-height:1;
										letter-spacing:-1px;
										font-weight:700;
										text-align:right;
										padding:8px 10px 8px 38px;
									  }
									  p.kakao-channel a{text-decoration:none; color:#000;font-size:17px;}
							p.kakao a {color:#381e1d; text-decoration:none;}
							p.kakao a:hover {text-decoration:none;}
							p.kakao span{font-family: "Nanum Gothic", sans-serif;; font-weight:900; font-size:16px;}
																									 
	  
	    .top-phonenum {display:block; padding:5px 5px; text-align:left; font-family: "Open sans", sans-serif; font-size:18px; line-height:1.1;font-weight:900; color:#000; background-color:rgba(255,255,255,.7);}
	    .rightbanner {position:absolute; top:120px; right:1%; width:100px; height:435px; z-index:10000; visibility:visible;}
	  @media (max-width: 776px) {
		    
		  body, p, ul, li {font-size:16px;}	
									.rightbanner {position:absolute; top:50px; right:0; width:0; height:0; z-index:0; visibility:hidden; display:none;}
								
									.time-hidden {display: block; font-size:14px; padding:3px 3px 0px 10px; margin:0; height:26px;}
									.btn-hidden { visibility:visible; width:auto; height:auto;}
									.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:900; color:#fff; background-color:none;}
													 }
	  
	   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;}
	   address span {display:inline-block;}
	  p.copyright {padding-left:15px;}
	  p.copyright span {display:inline-block;}
	   .kakao_bottom {
					 font-size:0px;
					 display:none;
					 }
			   .hidden-banner {visibility:hidden; width:0; height:0;}
			   @media (max-width: 576px) {
				   address span {display:block;}
				   p.copright span {display:block;}
				   .kakao_bottom {background-color:#fee600;
								  background-image:url(../images/katalk_channel.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:900;
								  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:400; padding:0.7rem 2rem; background-color:#a7e7f7; 
		               box-shadow:2px 1px 7px #eeeeee;
					   border-radius: 5px 0px 0px 0px;
					   -webkit-border-radius: 5px 0px 0px 0px;
					   -moz-border-radius: 5px 0px 0px 0px;
					   }
		
		 @media (max-width: 576px) { 
										.sub-title { padding:0.5rem; font-size:20px; margin-top:10px;
										background-color:#a7e7f7;
										box-shadow:2px 1px 7px #eeeeee;
									    border-radius: 5px 0px 0px 0px;
										-webkit-border-radius: 5px 0px 0px 0px;
										-moz-border-radius: 5px 0px 0px 0px;
										 }
										 }
		 
		 hr.hr-style {display:block; width:80%; margin:50px auto 20px; 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: 576px) { 
				                   .w-33-3 {width:50%;}
								   .w-33-3-etc {width:100%; display:block; text-align:center;}
				}
	       
		   /*시설안내 -------------------------------------------------------------------------------------*/
              .bg-transparent-70 { background-color:rgba(255,255,255,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:1050px; height:450px; margin:0 auto; overflow:hidden; display:block; visibility:visible;}
			  .daum-map-small {width:350px; 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:900; display:block; padding:7px;}
			  
				  @media screen and (max-width:768px) {
					  .daum-map {width:0px; height:0px; display:none; visibility:hidden;}
					  .daum-map-small {width:350px; height:420px; 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; }
	   }
	   
	   .katalk_scroll {position:fixed; right:0px; top:70px; z-index:9999;/* background-color:#fbe300; */
																	 font-family: "Open Sans", sans-serif;
																	 font-weight:900;
																	 font-size:0px;
																	 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;
																	 }	
				 @media screen and (max-width: 767px) {
														 
													    	.katalk_scroll {position:fixed; right:0px; top:70px; z-index:9999; background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:15px;
																	  text-align:center;
																	  padding:5px; width:170px; height:auto; visibility:visible;
																	  display:block;
																	  border-radius: 5px; 
																	  -webkit-border-radius: 5px; 
																	  -moz-border-radius: 5px;
																	 }	
																	 .katalk_scroll a{color:#381e1d; text-decoration:none;}
																	 .katalk_scroll a:hover {text-decoration:none;}
																   .mo-thumb  {width:40px; height:auto;}
														   }
		
		.text-blue {color:#4964c5;}
		
		/*팝업 =========================================================== */
.divpopup {position:absolute;left:80px;top:140px;z-index:200;visibility:hidden; width:350px; height:390px; background-color:#000000;}
.divpopup img{width:350px; height:350px;}
@media screen and (max-width:768px) {	
	.divpopup {position:absolute;left:10px;top:100px;z-index:200;visibility:hidden; width:250px; height:290px; background-color:#000000;}
    .divpopup img{width:250px; height:250px;}	
}

h1,h2,h3,h4,h5 {font-weight:900;}