@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: 42px; padding-top: 30px; font-weight: 600; letter-spacing: 0;}
	#title .title .ttlname span { letter-spacing: 0;}
	#title .title .ttlname .area {font-size: 30px; color: #4f6f63; margin-right: 8px; font-weight: 600;}
	#title .title .ttlname .name {font-size: 40px; color: #139c4f; font-weight: 600;}
	#title .title .ttlname .intro {font-size: 30px; color : #005666; margin-left: 6px; font-weight: 600;}
	#title .title .ttlsbj {font-size: 20px; padding-bottom: 10px; color: #444; line-height: 1.6;}
	#title .title .ttlen {font-size: 12px; text-transform: uppercase; color: #005666; border-bottom: 1px solid #005d8b; border-top: 1px solid #005d8b; margin: 18px 350px; padding: 6px 0; letter-spacing: 14px; 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;}
		}

/* out */
	#out .title .ttlen {font-size: 24px; 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;}	
	#out .out h1,
	#out .outimg h1 {color: #000; text-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
	#out .out li {font-size: 14px; display: block; } 
	#out .outimg {width: 100%; }
	#out .outimg li {font-size: 14px; display: inline-block; border: 0px solid #ccc; }
	#out .outimg li img {width: 450px; }
	/* out media query */
		@media (max-width: 1000px){
			#out .title .ttlen {font-size: 48px;}
			#out .out h1, .outimg h1 {font-size: 48px;}
			#out .out li {font-size: 32px; padding: 0 ;}
			#out .outimg li {font-size: 32px;}
			#out .title .ttlen {font-size: 20px; margin: 50px 150px 50px 150px; padding: 10px; letter-spacing: 5px; font-family: 'Satisfy', cursive;}
		}

/* ºÎ´ë½Ã¼³ */
	#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; } 
	#special .specialimg {width: 100%; }
	#special .specialimg li {font-size: 14px; 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 .specialimg li {font-size: 32px;}
			#special .title .ttlen {font-size: 20px; margin: 50px 150px 50px 150px; padding: 10px; letter-spacing: 5px; font-family: 'Satisfy', cursive;}
		}

/* reser */
	/* ¶°³ª¿ä´Þ·Â*/
		#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;} /*³ôÀÌ ¸ÂÃçÁÖ¼¼¿ä*/
				}
	/* ¿ä±ÝÇ¥ table */
		#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 .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 .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;}
		}

/* =========================
   »ó´ÜÀ¸·Î °¡±â ¹öÆ°
   ¸ðµç ÆäÀÌÁö °øÅë
========================= */
.top-btn{
  position: fixed;
  right: 18px;
  bottom: 90px;          /* ÀüÈ­°É±â ¹öÆ°°ú ¾È °ãÄ¡°Ô */
  z-index: 9999;

  width: 88px;
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: linear-gradient(
    135deg,
    #ff6f91,
    #ff9671
  );

  color: #fff;
  font-size: 40px;
  font-weight: 700;

  box-shadow: 0 8px 22px rgba(255, 111, 145, 0.45);
}

/* hover */
.top-btn:hover{
  filter: brightness(1.08);
}

/* ¸ð¹ÙÀÏ À§Ä¡ Á¶Á¤ */
@media (max-width: 1000px){
  .top-btn{
    right: 14px;
    bottom: 86px;
  }
}