@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@charset "euc-kr";
/* CSS Document */

body {font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#222; }
a,img {selector-dummy: expression(this.hideFocus=true); border:0px;}

A:link { text-decoration: none; COLOR: #ffffff; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}
A:visited {	text-decoration: none; COLOR: #ffffff; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';font-weight:bold; LETTER-SPACING: -1px;}
A:active { text-decoration: none;  COLOR: #ffffff; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}
A:hover { text-decoration: none;  COLOR: #fd7fc6; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}

.text2 { font-family: 'Nanum Barun Gothic'; font-size:1.2em; font-weight:600; color: #222;  }

.pro_tit { font-family: 'Nanum Myeongjo'; font-size:1.6em; }

.tittext { font-family:'Playfair Display', serif; font-size:4em; color:#303843; font-weight:500; }
.titstext { font-family: 'KoPub Batang', serif; font-size:1em; color:#999999;} 

.roomname { font-family: 'Nanum Barun Gothic'; font-size:1.6em; font-weight:600; color: #222;  }
.roomnametext { font-family: 'Nanum Barun Gothic'; font-size:1em; font-weight:600; color: #222;  }

.special_text { font-family:'century', serif; font-size:3em; color:#000000; font-size:30px; font-style: italic;}
.special_text2 { text-decoration: none; COLOR: #5285b1; font-weight:bold; LETTER-SPACING: -1px; font-size:18px;}
.special_text3 { font-family:'Nanum Myeongjo'; font-size:1.8em; font-weight:600; color: #222; }
.special_text4 { font-family:'Nanum Myeongjo'; font-size:1.4em; font-weight:600; color: #cccccc; }

.service_text { font-family: 'Nanum Barun Gothic'; font-size:1.2em; font-weight:500; line-height:120%; }

.tourtit { font-family: 'Nanum Myeongjo'; font-size:1.8em; font-weight:600; color: #222;  }

.reser_txt { font-family: 'Nanum Barun Gothic'; font-size: 1.8em; color:  #dedede; font-weight:700; }
.reser_txt2 { font-family: 'Nanum Barun Gothic'; font-size: 1.5em; color:  #959595; font-weight:700; }
.reser_txt3 { font-family: 'Nanum Barun Gothic'; font-size:1.8em; font-weight:600; color: #222;  }

.copy {	font-family: 'Nanum Barun Gothic'; font-size: 11px; color:  #666666 }

.copymenutit A:link { color:#fff; font-weight:700; FONT-SIZE: 16px; letter-spacing:0px;}
.copymenutit A:visited { color:#fff;}
.copymenutit A:active { color:#fff;}
.copymenutit A:hover { color:#515151;}

.copysmenu A:link { text-decoration: none; COLOR: #515151; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}
.copysmenu A:visited {	text-decoration: none; COLOR: #515151; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';font-weight:bold; LETTER-SPACING: -1px;}
.copysmenu A:active { text-decoration: none;  COLOR: #515151; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}
.copysmenu A:hover { text-decoration: none;  COLOR: #fff; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; font-weight:bold; LETTER-SPACING: -1px;}


.number { text-decoration: none; COLOR: #848484; font-family: 'Adobe Devanagari'; font-weight:bold; LETTER-SPACING: -1px; font-style: italic; font-size:36px;}
.number2 { text-decoration: none; COLOR: #d9c66f; font-family: 'DINM'; LETTER-SPACING: -1px; font-size:25px;}



.sub_txt1
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#4f4f4f;font-weight: bold;line-height:18px;}

.sub_txt2
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;font-weight: bold; color:#444444;text-decoration:none;}

.sub_txt3
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#cc3333;font-weight: bold;line-height:18px;}

.sub_txt4
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#336699;font-weight: bold;line-height:18px;}

.sub_txt5
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#d3b57f;font-weight: bold;line-height:18px;}

.sub_txt6
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:24px;color:#b41414;font-weight: bold;line-height:18px;}

.sub_txt66
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:24px;color:#444444;font-weight: bold;line-height:18px;}

.sub_txt7
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:24px;color:#dd7035;font-weight: bold;line-height:18px;}

.sub_txt8
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#000000;font-weight: bold;font-style: italic;line-height:18px;}

.sub_txt9
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#888888;line-height:24px;}

.sub_txt99
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#333333;line-height:24px;}

.sub_txt10
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:20px;color:#333333;font-weight: bold;line-height:24px;}

.sub_txt11
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#cccccc;font-weight: bold;line-height:24px;}

.sub_txt12
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#ffffff;line-height:24px;}

.sub_txt13
{font-family:font-family: '나눔명조', 'nanummyeongjo','nanummyeongjoWeb';font-size:26px;color:#c2c2c2;font-style: italic;line-height:50px;}

.sub_txt14
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#c2c2c2;line-height:24px;}

.sub_txt15
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#cc3300;line-height:24px;}

.sub_txt16
{font-family:font-family: '나눔고딕', 'Nanum Gothic','NanumGothicWeb';font-size:16px;color:#0066cc;line-height:24px;}

.sub_txt17
{ font-family:'Playfair Display', serif; font-size:3em; color:#303843; font-weight:500; }




#head {
	width: 0px;
	height:0px;
}
#gotop {
	position: absolute;
	right: 30px;
	top: 70px;
	width: 100px;
	height: 200px;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb'; FONT-SIZE: 15px;   color:#555555; text-decoration:none; LETTER-SPACING: -0.01em ;line-height:23px; }

.es_menu .group{float:left ;padding:0px; }
.es_menu p{font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';font-size:13px;margin:0px;z-index: 50 ;line-height:20px;}
.es_menu .sdiv{position: absolute;width:auto;overflow:hidden;z-index:50;}
.es_menu .disable{height:20px;}
.es_menu .sdiv2{position: relative;width:100%;height:30px;display:block;z-index:40;}
.es_menu ul{padding:2px;margin:2px;position:relative;border:0px solid #525252 ;list-style:none}
.es_menu li{font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';display:inline;margin:4px 0px;font-size:14px;}
.es_menu li a{color:#b4b4b4; line-height:20px ;font-size:14px; }
.es_menu li a:hover{color:#333333;font-size:14px;}
.es_menu li .cur_sub{ color:#555555;font-size:14px;}

/*---버튼 스타일---*/
.button, .button:link{
	border : 1px solid #ebebeb;
    color: #666; 
	font-size: 13px; 
	font-weight: bold;
    font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';
	  LETTER-SPACING: -0.2px;	}

.button, .button:visited {
	border : 1px solid #ebebeb;
background: #ffffff url(overlay.png) repeat-x; 
display: inline-block; 
font-weight: bold;
padding: 20px 20px 20px; 
color: #666666;  
text-decoration: none;
position: relative;
 font-size: 13px; 
cursor: pointer;
  LETTER-SPACING: -0.2px;}


.button:hover
{ background-color: #000000; color: #ffffff; font-size: 13px; font-weight: bold;   LETTER-SPACING: -0.2px;}


/*---버튼 스타일---*/
.button1, .button1:link{
	color: #ffffff; 
	font-size: 16px; 
	font-weight: bold;
    font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';
	  LETTER-SPACING: -0.5px;	}
.button1, .button1:visited {
background: #b89d76 url(overlay.png) repeat-x; 
display: inline-block; 
font-weight: bold;
padding: 5px 20px 5px; 
color: #ffffff;  
text-decoration: none;
position: relative;
 font-size: 12px; 
cursor: pointer;
  LETTER-SPACING: -0.2px;}


.button1:hover
{ background-color: #6b4e25; color: #ffffff; font-size: 12px; font-weight: bold;   LETTER-SPACING: -0.2px;}


/*---버튼 스타일---*/
.button2, .button2:link{
	color: #ffffff; 
	font-size: 1.1em; 
	font-weight: bold;
    font-family: 'Nanum Barun Gothic','Nanum Gothic','NanumGothicWeb';
	  LETTER-SPACING: -0.2px;	}
.button2, .button2:visited {
background: #494949 url(overlay.png) repeat-x; 
display: inline-block; 
font-weight: bold;
padding:  5px 27px 5px; 
color: #ffffff;  
text-decoration: none;
position: relative;
font-size: 1.1em; 
cursor: pointer;
LETTER-SPACING: -0.2px;
border:solid 1px #494949; 
}


.button2:hover
{ background-color: #ffffff; border:solid 1px #c5c5c5; color: #222222; font-size: 1.1em; font-weight: bold;   LETTER-SPACING: -0.2px;}




/*-------------- navi---------------*/
#menu body {
  font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
  margin: 0px;
  padding: 50px;
  background: #e1e1e1;
}
.menu {
  position: relative;
  height: 50px;
  width: auto;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.menu > ul {
  position: relative;
  display: block;
  background: #2b2f3a;
  width: 100%;
  z-index: 500;
}
.menu:after, .menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu.align-right > ul > li {
  float: right;
}
.menu.align-center ul {
  text-align: center;
}
.menu.align-center ul ul {
  text-align: left;
}
.menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
.menu > ul > #menu-button {
  display: none;
}
.menu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
.menu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.menu > ul > li.sub > a {
  padding-right: 32px;
}
.menu > ul > li:hover > a {
  color: #ffffff;
}
.menu li.sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.menu > ul > li.sub::after {
  right: 5px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
.menu > ul > li:hover::after {
  border-top-color: #ffffff;
}
.menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
.menu ul ul ul {
  top: 50px;
  padding-left: 5px;
}
.menu ul ul li {
  position: relative;
}
.menu > ul > li:hover > ul {
  left: auto;
  top: 50px;
  opacity: 1;
}
.menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
.menu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
.menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
.menu ul ul li a {
  width: 100px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.menu.align-right ul ul li a {
  text-align: right;
}
.menu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
.menu ul ul li:last-child > a, .menu ul ul li.last > a {
  border-bottom: 0;
}