@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;
	  }
	   
	   a {color:#333 !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;}
	  .call button{height:40px;}
	                       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-size:18px;
							  font-weight:700;
							  text-align:right;
							  padding:5px 10px 0px 35px;
							  margin-bottom:0;
							}
							p.kakao a{color:#391b1b !important;}
							p.kakao a:hover {text-decoration:none; color:#391b1b;}
							p.kakao span{font-family: "NEXON Lv1 Gothic OTF", sans-serif; font-weight:700; font-size:16px;}
							p.talktalk {  background-image:url(../images/talktalk.png);
				              background-color:#00b235; 
							  background-position:5px; center; 
							  background-repeat:no-repeat; 
							  background-size:26px;
							  border-radius: 5px; 
							  -webkit-border-radius: 5px; 
							  -moz-border-radius: 5px;
							  font-size:18px;
							  font-weight:700;
							  text-align:right;
							  padding:5px 10px 0px 35px;
							  margin-bottom:0;
							}
							p.talktalk a{color:#fff !important;}
							p.talktalk a:hover {text-decoration:none; color:#fff;}
							p.talktalk span{font-family: "NEXON Lv1 Gothic OTF", sans-serif; font-weight:700; font-size:16px;}
																									 
	  .bg-yellow {background-color:#fbe300;}
	  .top-phonenum {display:block;padding:5px 0; text-align:center; font-size:14px; font-weight:700; color:#000; background-color:rgba(255,255,255,0);}
	  @media (max-width: 776px) {
									.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:24px;}
									.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: 576px) {
				   .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:130px;}
	  .katalk_scroll {position:fixed; right:0px; bottom:30px; z-index:9999;/* background-color:#fbe300; */																
																	 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;
																	 }	
	   
	  .w-12-5 {width:12.5% !important;}
	  .w-11-11 {width:11.11111%;}
	  .w-11-11 p{font-size:14px;}
	  .w-20 {width:20% !important;}
	  
	   @media (max-width: 767px) { 
	                                .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-weight:900;
																	  font-size:16px;
																	  font-weight:900;
																	  text-align:center;
																	  padding:5px; width:160px; height:auto; visibility:visible;
																	  display:block;
																	  border-radius: 5px; 
																	  -webkit-border-radius: 5px; 
																	  -moz-border-radius: 5px;
																	 }	
																   .mo-thumb  {width:30px; height:auto;}
									}
									
		/*서브 타이틀 +++++++++++++++++++++++++++  */
		  .sub-title { display:inline-block; font-size:24px; font-weight:700; color:#000; padding:0; margin-bottom:0; margin-left:0; background-color:#none;border-bottom:2px solid #f7f7f7; }
		
		 @media (max-width: 767px) { 
										.sub-title { padding:0.5rem; padding-left:0; 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%;}
           h3 font{font-family:'JSDongkang-Regular', sans-serif;}
		   h3 span{display:inline;}
		   h3 span.small {font-size:70%; color:#999; font-weight:400;}
                @media (max-width: 767px) { 
				                   h3 span{display:block;}
								   h3 span.small {font-size:70%; color:#999; font-weight:400; display:inline-block;}
				                   .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;}
				   }
                  
				    /*사진 보기 방식 ===================================*/
																							  /*source : http://responsiveslides.com/ */
																							  /*! http://responsiveslides.com v1.54 by @viljamis */
																									  ul.rslides {list-style:none; margin:0 0 5px 0; padding:0 0 10px 0;}
																									  #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: 1050px;
																												  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 {padding-top:15px;}
																													#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;
																													  }

		   /*오시는길-------------------------------------------------------------------------------------*/
		      .daum{ height:450px;}
			  .daum-map {width:1100px; 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 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-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;}


/*바텀 픽스*/
.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:#000; font-weight:700;}
		   .btn {line-height:1;}   
	   }