@charset "utf-8";
/* font */
h1 {font-family: }

/* nav */
	#nav {width: 100%; position:fixed;  margin-top: 20px; z-index: 1000;}
		
	#nav .logo {margin-top: 0px; }
	#nav .logo a {text-align: center;}
    #nav .logo .name {font-family: 'Noto Sans KR', 'Pretendard', sans-serif;  font-weight: 500; font-size: 32px; letter-spacing: 0px;  line-height: 1; padding-top: 10px;  color: #ff6a00; }
	#nav .logo .pension {font-family: 'Noto Sans KR', 'Pretendard', sans-serif;  font-size: 23px;  color: #444; font-style: italic;   letter-spacing: 0.5px; margin-left: 6px;}
	/* logo media query*/
		@media (max-width: 1000px){
			#nav .logo a {float: right; text-align: left;}
			#nav .logo .name {font-weight: 500; font-size: 40px;  }	
	        #lnav .ogo .pension {font-size: 36px;}
		}
		
	#nav .menu-wrap {margin-top: 45px; background-color: #1565c0;}/* ¹Ù´Ù#1565c0 »ê#009900 °¡Á·# */
	#nav .menu-wrap .mNav {display: none;}/* ¸ð¹ÙÀÏ »ï¼± */
	#nav .menu-wrap .menu li {display: inline; }/* ¸Þ´º */
	#nav .menu-wrap .menu li a {font-size:14pt; color: #fff; font-family:'Noto Sans KR', sans-serif;  line-height: 2.4; padding: 20px 30px; letter-spacing: 2px; }
	/*menu-wrap media query*/
		@media (max-width: 1000px){
			#nav .menu-wrap {position: absolute; left: 0px; top: 0px; width: 100%;  transition: left 0.3s ease-in-out; background: #fff ;}
			#nav .menu-wrap .mNav {display: block; float: left; cursor: pointer; padding: 10px 0  0px 30px;}
			#nav .menu-wrap .menu { display: none; overflow: hidden; position: absolute; left: 110px; top: 0px; width: 55%; background: #fff;  text-align: center; }
			#nav .menu-wrap .menu ul {float: left; width: 100%; }
			#nav .menu-wrap .menu ul li {display: inline-block; width: 80%; font-family:'Abel', sans-serif; padding: 10px;}
			#nav .menu-wrap .menu ul li a {font-size: 32px; color:#999; }
		}
	#nav .top li {display: none; } /* ¸ð¹ÙÀϾÆÀÌÄÜ */
	
	/* top media query*/
		@media (max-width: 1000px){
			#nav .top {position: absolute;  left: 30px; top: 160px; }		
			#nav .top li {display: inline; }
			#nav .top li img {display: block; padding-top: 10px; width: 80px; height: 100px;}
			#nav .top li a {padding: 5px 10px; letter-spacing: 1px; }
		}
	

/* slide¸ÞÀÎ */
	#slide {width: 100%; padding-top: 150px; }
	#slide .mainslide {width: 100%; height: auto; }
	/* slide media query*/
		@media (max-width: 1000px){
			#slide {padding-top: 160px;}
			#slide .mobileslide {display: inline; }
		}

-------------------------------------------------------------------------
/* title¼­ºê°ø¿ë */
	#title {width: 100%; }	 
	#title .title .ttlname {font-size: 40px; padding-top: 50px;}
	#title .title .ttlname span {color: #139c4f;}
	#title .title .ttlsbj {font-size: 20px; padding-bottom: 10px;}
	#title .title .ttlen {font-size: 12px; text-transform: uppercase; color: #005666; border-bottom: 1px solid #005d8b; border-top: 1px solid #005d8b; margin: 15px 350px 15px 350px; padding: 5px; letter-spacing: 20px; font-family: 'Satisfy', cursive;}	
	/* title media query*/
		@media (max-width: 1000px){
			#title {padding-top: 70px;}
			#title .title {width: 100%; height: auto; }
			#title .title .ttlname {font-size: 48px; }
			#title .title .ttlsbj {font-size: 32px;  padding: 0 130px;}
			#title .title .ttlen {font-size: 20px; margin: 20px 150px 20px 150px; padding: 10px; letter-spacing: 5px; font-family: 'Satisfy', cursive;}
		}
-------------------------------------------------------------------------
.line {
  border: none;
  height: 3px;
  background: #ccc;
  margin: 30px 0;
}

/* ¹æ */
	#room .room h1{color: #000; text-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
	#room .room li {font-size: 14px; display: block; } 
	#room .roomimg {width: 100%; }
	#room .roomimg li {display: inline-block; border: 0px solid #ccc; }
	#room .roomimg li img {width: 450px; }
	/* °´½Çº¸±â media query */
		@media (max-width: 1000px){
			#room .room h1 {font-size: 48px;}
			#room .room li {font-size: 32px; padding: 0 130px;}
		}

/* ºÎ´ë½Ã¼³ */
   
	#special .title .ttlen {font-size: 12px; text-transform: uppercase; color: #005666; border-bottom: 1px solid #005d8b; border-top: 1px solid #005d8b; margin: 75px 350px ; padding: 5px; letter-spacing: 20px; font-family: 'Satisfy', cursive;}	
	#special .special h1,
	#special .specialimg h1 {color: #000; text-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
	#special .special li {font-size: 14px; display: block; text-align: left; padding: 0 100px;} 
	#special .specialimg {width: 100%; }
	#special .specialimg li {display: inline-block; border: 0px solid #ccc; }
	#special .specialimg li img {width: 450px; }
	/* ºÎ´ë½Ã¼³ media query */
		@media (max-width: 1000px){
			#special .special h1,
			.specialimg h1 {font-size: 48px;}
			#special .special  li {font-size: 32px; padding: 0 130px;}
			#special .title .ttlen {font-size: 20px; margin: 50px 150px 50px 150px; padding: 10px; letter-spacing: 5px; font-family: 'Satisfy', cursive;}
		}

/* ¿¹¾à¾È³» */
	#reser .title .ttlen {font-size: 12px; text-transform: uppercase; color: #005666; border-bottom: 1px solid #005d8b; border-top: 1px solid #005d8b; margin: 75px 350px ; padding: 5px; letter-spacing: 20px; font-family: 'Satisfy', cursive;}	
	/* ´Þ·Â¿ä±ÝÇ¥*/
		#reser .resertable {width: 100%; float:center; height: 600px; }
		#reser .resertable p {font-style: 24px; border: 0px solid #ccc;}
		#reser .resertable iframe {width: 100%; margin: 0 auto; height: 800px; }
			/*´Þ·Â¿ä±ÝÇ¥ media query */
				@media (max-width: 1000px){
					#reser .resertable {width: 100%; padding-top: 120px;}
					#reser .resertable p {font-style: 36px; border: 0px solid #ccc;}
					#reser .resertable iframe {width: 100%; height: 800px;} /*³ôÀÌ ¸ÂÃçÁÖ¼¼¿ä*/
				}
	
		#reser .reser table {width: 100%; border-collapse: collapse; padding: 1px; border: 1px solid #ccc;}
		#reser .reser th, td {padding: 10px; border: 1px solid #ccc; } 
		#reser .reser th {width: 14%; background: #E8E8E8;}
		#reser .reser td {vertical-align:top; }
		#reser .reser tr:nth-child(even) {background-color: #e7f7f7;}
		#reser .reser td img {width: 100%; }
		#reser .reser h1 {color: #000; text-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
		#reser .reser li {font-size: 14px;}
		/* ¿¹¾à media query */
			@media (max-width: 1000px){
				#reser .reser h1 {font-size: 48px;}
				#reser .reser li {font-size: 24px;  padding: 0 130px;}
				#reser .title .ttlen {font-size: 20px; margin: 50px 150px 50px 150px; padding: 10px; letter-spacing: 5px; font-family: 'Satisfy', cursive;}
			}



/* footer */
	#footer {text-align: center; padding: 10px 50px; background-color: #ccc; }
	#footer li {position: relative; display: inline; margin-right: 5px; white-space: nowrap; line-height:1.6; color:#424242;}
	#footer li::after {padding-left: 5px; content: "l"}
	#footer li:last-child::after {content: ""}
	#footer address {padding-top: 10px; font-size: 12px; color:#979797;}
	#footer address a {color:#979797;}
	/* footer media query*/
		@media (max-width: 1100px){
			#footer li {font-size: 20px; margin: 0;}
			#footer address {font-size: 18px;}
		}