/* 
 * Nanum Square Web Fonts
 * https://github.com/hiun/NanumSquare
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
 @font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(/images/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/images/font/NanumSquareR.woff2) format('woff2'),
       url(/images/font/NanumSquareR.woff) format('woff'),
       url(/images/font/NanumSquareR.ttf) format('truetype');
}



@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(..images/font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(/images/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/images/font/NanumSquareB.woff2) format('woff2'),
       url(/images/font/NanumSquareB.woff) format('woff'),
       url(/images/font/NanumSquareB.ttf) format('truetype');
}@charset "utf-8";


/* font(나눔고딕) */
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/



* {margin:0; padding:0;}
html { height:100%; overflow-y:scroll; overflow-x:auto;}
body {
	height:100%;
	font-size:13px;
	line-height:23px;
	font-family:'Nanum Square', sans-serif ,'Nanum Gothic', '나눔고딕', "돋움",Dotum,"굴림",Gulim,AppleGothic ;
	color:#535353;
	width:100%;
	min-width:1200px;
	padding:0; margin:0;
	letter-spacing:0em;
	word-break:keep-all;
	position:relative;
	}
img { border:0;	font-size:0; vertical-align:middle;	}
form, fieldset	{display:block; border:0;}
ul,ol,li {list-style:none;}
legend,caption	{ width:0; height:0; font-size:0;  line-height:0; overflow:hidden;	}
table {	border-collapse:collapse; border-spacing:0;	}
ul,ol,li,a,table,td,th,p,dl,dd,dt,strong,span,div {font-size:1em;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var 
	{ font-weight:normal; font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6	{font-size:1em; font-weight:normal}
big	{font-size:1.125em;} /* 14px */
small {font-size:0.95em;} /* 11px */
sub	{font-size:1.05em;}
sup	{font-size:1.05em;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q	{ quotes:"" ""; }
ins { text-decoration:none; }
del	{text-decoration:line-through;}
hr {display:none;}
iframe {border:0;}


/* //////////////////// 공통적용 /////////////////////// */

#wrap { width:100%; height:auto; }
.hidden { position:absolute; left:-9999px;}
.png24 { tmp:expression(setPng24(this));}
.bold { font-weight:700; }

/* 기본 링크 스타일 */
a:link 	{color:#555; text-decoration:none;}
a:visited	{color:#555; text-decoration:none;}
a:hover, a:focus	{color:#555; text-decoration:none;}
a:active	{color:#555; text-decoration:none;}

/* button */
button	{background:transparent; margin:0; padding:0; border:0; *overflow:visible; cursor:pointer;}

/* clear */
.clear {clear:both;}
.clearfix:after {display:block; content:''; clear:both; }

/* input, textarea */
.checkbox {	width:12px;	height:12px;}
.radio { width:12px; height:12px;}
input, select { 
	vertical-align:middle;
	font-size:1em;
	color:#555;
	font-family:'Nanum Square', sans-serif ,'Nanum Gothic', '나눔고딕', "돋움",Dotum,"굴림",Gulim,AppleGothic ;
	}
textarea {
	border:1px solid #ccc;
	font-size:12px;
	resize:none;
	font-family:'Nanum Square', sans-serif ,'Nanum Gothic', '나눔고딕', "돋움",Dotum,"굴림",Gulim,AppleGothic ;
	}
input[type="text"]	{ border:1px solid #ccc; }

/* align */
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.f-left { float:left !important;}
.f-right { float:right !important;}
.valign-m { vertical-align:middle !important;}

/* hover 이미지 */
a img.over { display:none;}
a:hover img.over { display:block;}
a:hover img.off { display:none;}

/* */
.p-absolute { position:absolute; }

.text-en  { font-family:Verdana, Geneva, sans-serif !important; }



/* /////////////// header ////////////////////// */

#header-wrap { width:100%;  top:0; left:0; font-family: 'Nanum Gothic', sans-serif;}
#header-wrap.sub { position:fixed; z-index:999999; }
#header-wrap .header { width:100%; height:auto; position:relative;background:none;}
#header-wrap .header .gnb-wrap { height:85px; width:1200px; margin:0 auto;position:relative; background:none;}
#header-wrap .header .gnb-wrap .header_line{opacity: 0.4;
top: 50px;
width: 148px;
height: 0.25px;
background: #fff;
display: inline-block;
position: absolute;
left: 230px;}

#header-wrap .header .gnb-wrap .header_line_2{opacity: 0.4;
	top: 50px;
	width: 148px;
	height: 0.25px;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 230px;}

#header-wrap .header .gnb-wrap h1.logo { position:absolute; top:25px; left:50%; margin-left:-173px; }
#header-wrap .header .gnb-wrap h1.logo a { display:block; }
#header-wrap .header .gnb-wrap .gnb { float:left; }
#header-wrap .header .gnb-wrap .gnb ul { height:auto; overflow:hidden; margin-top:40px; }
#header-wrap .header .gnb-wrap .gnb ul li  { display:block; float:left; padding-left:10px; background:url(../images/grey_dot.png) left 8px no-repeat; margin-left:10px; }
#header-wrap .header .gnb-wrap .gnb ul li:first-child { padding-left:0; margin-left:0; background:none;}
#header-wrap .header .gnb-wrap .gnb ul li a { display:block; color:#fff; font-weight:800; }
#header-wrap .header .gnb-wrap .gnb ul li a:hover { color:#fff; font-weight:800; }
#header-wrap .header .gnb-wrap .gnb-1 { position:absolute; right:0px; top:40px; }
#header-wrap .header .gnb-wrap .gnb-1 .sns { float:right;}
#header-wrap .header .gnb-wrap .gnb-1 .sns a { display:inline-block; margin-left:5px;}
#header-wrap .header .gnb-wrap .gnb-1 .lng { float:left; position:relative; margin-right:20px; width:auto; z-index:999999;font-weight:700;font-size:13px;}
#header-wrap .util { position:relative; width:1200px; margin:0 auto;  }
#header-wrap .util .nav { width:1200px; margin:0 auto; height:46px; text-align:center; }
#header-wrap.sub .util .nav { border-bottom:1px solid #171717;}

/* Select */
.select {
  font-size:12px;
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder {
  position: relative;
  display: block;
  background-color: none;
  border:0px solid #999;
  z-index: 1;
  height:23px; line-height:23px;
  padding-left:5px;
  cursor: pointer;
  color:#fff;
  font-weight:800;
}

.select.is-open .placeholder:after { background:url(../images/lang_arw_up.png) no-repeat center center; }
.select.is-open ul { display: block;}
.select ul {display:none; position:absolute; top:25px; left:0; width:100px; overflow:hidden; background:#f1f1f1; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; box-sizing:border-box;}
.select ul li a { display: block; text-align: left; line-height:23px; color: #999; cursor: pointer; padding-left:5px; }
.select ul li a:hover {  color: #171717;}



/*헤더 css*/
#header-wrap .header .gnb-wrap .btn01{width:29px;height:20px;background:url(../images/menu.png) no-repeat center;background-size:100%!important;display:inline-block;}
#header-wrap .header .gnb-wrap .btn02{width:29px;height:20px;background:url(../images/menu.png) no-repeat center;background-size:100%!important;display:inline-block;}
#header-wrap .header .gnb-wrap #hidden_menu{display:none;position:absolute;right:-45px;font-size:15px;color:#fff;font-weight:700;text-align:center;z-index:100;}
#header-wrap .header .gnb-wrap #hidden_menu .menu_line{display:inline-block;width:2px;height:35px;margin:30px 0px 0px 0px;background:#fff}
#header-wrap .header .gnb-wrap #hidden_menu 
#header-wrap .header .gnb-wrap #hidden_menu a{color:#fff;font-size:15px;font-weight: 700;}

#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_01{margin-top:0px;position:relative;background:url(../images/menu_back.png) no-repeat center bottom;text-shadow: 0 0 4px #000000;z-index: 100;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_01:first-child{margin-top:15px;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_01:last-child{background:url(../images/menu_back_last.png) no-repeat center bottom;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_01 a{color:#fff;padding:10px 0px 15px 0px;display:inline-block;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_02{display:none;position: absolute;top:36px;right:100px;background-color:rgba(0,0,0,0.5);width:180px;padding:5px 10px;text-shadow: 0 0 5px #000000;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_02::before{display:block;content:"";width:320px;height:20px;background:url(../images/menu_border.png) no-repeat center top;left:-10px;position:absolute;top:-10px;background-size:100%!important;background-size:100%!important;}
#header-wrap .header .gnb-wrap #hidden_menu #menu1 .navigation .dep_02 li{padding:0px 0;}


/*푸터 css*/
#footer-wrap{width:100%;font-family: 'Nanum Gothic', sans-serif;margin-top:140px;padding-bottom:12px;}
#footer-wrap .footer_inner{width:1200px;margin:0 auto;color:#fff;font-size:12px;font-weight:700;overflow: hidden;border-bottom:1px solid rgba(255,255,255,0.5);margin-bottom:10px;padding-bottom:10px;position: relative;}
#footer-wrap .footer_inner dl{float:left;}
#footer-wrap .footer_inner dl span{font-weight:800;padding-right:10px;}
#footer-wrap .footer_inner dl.footer_title{width:189px;}
#footer-wrap .footer_inner dl.footer_address{width:347px;}
#footer-wrap .footer_inner dl.footer_number{width:361px;}
#footer-wrap .footer_inner dl.sns_box{width: 293px;
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 10px;}
#footer-wrap .footer_inner .sns_box dd img{margin-right:4px;}
#footer-wrap .footer_inner .sns_box dd:last-child{margin-left:12px;}
#footer-wrap .footer_inner .sns_box dd{display:inline-block;}
#footer-wrap .footer_inner .sns_box a{color:#fff;}
#footer-wrap .copy{text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:1.2;width:1200px;margin:0 auto;position: relative;}
#footer-wrap .copy .terms_wrap{position: absolute;right:0px;bottom:0px;}
#footer-wrap .copy .terms_wrap a{font-size:12px;color:#fff;font-weight:700;margin-right:2px;}
#footer-wrap .copy .terms_wrap a:last-child{margin-right:0px;}


















@charset "utf-8";

#container { width:100%; z-index:100; }
#container:after { display:block; clear:both; content:''; }
.main-container { width:100%; }
.main-container .inner { width:1200px; margin:0 auto; position:relative; }

.main-container .container-1  { padding-top:30px; margin-top:-30px; margin-bottom:35px; }
.main-container .container-1:after { display:block; clear:both; content:'';}
.main-container .container-1 > div { width:380px; margin-left:30px; height:420px; text-align:center; float:left;}
.main-container .container-1 .mcon-1 { margin-left:0; }
.main-container .container-1 div h2.tit { font-size:22px; color:#171717; padding-top:50px; padding-bottom:20px; position:relative; }
.main-container .container-1 div h2.tit:before { display:inline-block; position:absolute; background:#171717; width:50px; height:1px; left:50%; margin-left:-25px; bottom:0; content:''; }
.main-container .container-1 div p { font-size:13px; color:#777; line-height:20px; margin-top:20px; } 
.main-container .container-1 > div > a { display:block;  height:420px; }
.main-container .container-1 .mcon-1 { background:url(../images/about.jpg) no-repeat center bottom; }
.main-container .container-1 .mcon-2 { background:url(../images/facility2.jpg) no-repeat center bottom; }
.q-reservation { background:#445b73; height:450px !important; margin-top:-30px; position:relative; overflow:hidden; font-family:'verdana' !important; z-index:999999;}
.q-reservation .select-d { padding-top:30px;}
.q-reservation .inpput-d { background:url(../images/d_input_bg.png) no-repeat center top; padding:15px 40px; position:absolute; bottom:0; left:0;}
.q-reservation .inpput-d ul { height:auto; overflow:hidden; }
.q-reservation .inpput-d ul li { width:150px; float:left; display:block; text-align:left; }
.q-reservation .inpput-d ul li label { display:block; color:#fff; line-height:25px; }
.q-reservation .inpput-d ul li input { width:145px; height:28px; border:1px solid #4f6378; background:none;}
.q-reservation .inpput-d .btn { margin-top:10px; text-align:center; }
.q-reservation .inpput-d .btn .btn-res { display:block; width:300px; line-height:35px; color:#4a687b; font-size:18px; background:#fff; letter-spacing:0.1em; }
.q-reservation .inpput-d ul .check-date { text-align: center; color: #fff; }
/* 달력*/
.calender { font-family:'verdana' !important; width:322px; margin:0 auto;  }
.calender .month { text-align:center; position:relative; margin-bottom:20px; vertical-align:center;}
.calender .month .month-1 { font-size:50px; color:#fff; display:inline-block; line-height:35px; }
.calender .month .month-2 { font-size:14px; color:#a1b7c4; display:inline-block; margin-left:10px; line-height:17px; vertical-align:top; text-align:left; }
.calender .month a.prev { position: absolute; left:0; top:0; margin-left:-29px; }
.calender .month a.next { position: absolute; right:0; top:0; margin-right:-29px;}
.calender .table-calender { font-size:13px; text-align:center; color:#fff; }
.calender .table-calender th { font-weight:normal;}
.calender .table-calender th.week { color:#fff; text-transform:capitalize; }
.calender .table-calender th.week.sun { color:#c1a94b; }
.calender .table-calender th > span { width:45px; height:30px; margin-left:1px; display:block; line-height:30px; text-align:center;  }
.calender .table-calender td > span { width:45px; height:30px; margin-bottom:1px; margin-left:1px; display:block; line-height:30px; text-align:center; }
.calender .table-calender td > span.select { color:#4a687b; background:url(../images/date_select_bg.png) no-repeat center center; font-weight:bold;  cursor:pointer; }
.calender .table-calender td span.n_avaiable { cursor:default; color:#78889a; }
.calender .table-calender td span.avaiable { cursor:pointer; color:#fff; }

.container-2 { width:100%; background:#efefef; padding:35px 0; height:auto; overflow:hidden; }
.container-2 .movie { width:585px; height:320px; float:left; background:url(../images/movie_bg.jpg) no-repeat; color:#fff; text-align:center; margin-right:30px; position:relative;  }
.container-2 .movie .tit { font-size:25px; font-weight:bold; line-height:80px; position:relative; letter-spacing:0.1em; margin-top:30px; margin-bottom:30px;  }
.container-2 .movie .tit:before { display:block; position:absolute; width:50px; height:1px; background:#fff; bottom:0; left:50%; margin-left:-25px; content:''; }
.container-2 .movie .btn-movie { margin-top:50px; display:inline-block;}
.container-2 .movie .movie-view { background:#000; position:absolute; z-index:100; left:0; top:0; width:585px; height:320px;}
.container-2 .notice { width:535px; padding:25px; height:70px; background:#fff; float:right; position:relative; }
.container-2 .notice .tit { font-size:20px; color:#171717; font-family:Verdana, Geneva, sans-serif !important; position:relative; padding-top:5px;  }
.container-2 .notice .tit:before { position:absolute; width:50px; height:1px; background:#171717; top:0; left:0; content:''; }
.container-2 .notice .board-list-wrap { }
.container-2 .notice .board-list-wrap .btnset { position:absolute; top:20px; right:25px; width:94px; height:32px;  }
.container-2 .notice .board-list-wrap .btnset a {display:block; width:32px; height:32px; margin-left:-1px; background:url(../images/news_arwset.png) no-repeat; float:left; }
.container-2 .notice .board-list-wrap .btnset a.prev { background-position:0 0; }
.container-2 .notice .board-list-wrap .btnset a.next { background-position:-32px 0; }
.container-2 .notice .board-list-wrap .btnset a.more { background-position: -125px 0;}
.container-2 .notice .board-list-wrap .btnset a:first-child { margin-left:0;}
.container-2 .notice .board-list-wrap .board-list { color:#555; font-size:15px; margin-top:15px; height:25px; overflow:hidden; }
.container-2 .notice .board-list-wrap .board-list > div { display:block; height:25px;   }
.container-2 .notice .board-list-wrap .board-list > div:after { display:block; content:''; clear:both; }
.container-2 .notice .board-list-wrap .board-list div a { display:inline-block; float:left; width:415px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.container-2 .notice .board-list-wrap .board-list div span.date { display:inline-block; float:right; width:120px; text-align:right; }

.container-2 .contact { width:535px; padding:25px; background:#fff; height:149px; margin-top:1px; float:right; color:#333; font-size:14px;}
.container-2 .contact .tit { font-size:20px; color:#171717; font-family:Verdana, Geneva, sans-serif !important; position:relative; padding-top:5px; width:150px; float:left;  }
.container-2 .contact .tit:before { position:absolute; width:50px; height:1px; background:#171717; top:0; left:0; content:''; }
.container-2 .contact .address { width:380px; float:left; margin-top:5px;}
.container-2 .contact .address li { display:block; line-height:21px; margin-bottom:5px; height:auto; overflow:hidden;}
.container-2 .contact .address li span { display:inline-block; }
.container-2 .contact .address li span.a-tit { font-family:Verdana, Geneva, sans-serif !important; font-size:14px; background:url(../images/cir_blk.png) no-repeat; line-height:21px;
width:21px; text-align:center; margin-right:5px; color:#fff;  }
.container-2 .contact .sns-1 { clear:both; margin-left:150px; margin-top:10px; }
.container-2 .contact .sns-1 a { display:inline-block; margin-right:30px;}
.container-2 .contact .sns-1 .f-icon { display:inline-block; float:left; background:url(../images/snsset.png) no-repeat; height:24px; width:21px; margin-right:5px;}
.container-2 .contact .sns-1 .i-icon { display:inline-block; float:left; background:url(../images/snsset.png) no-repeat; background-position:-22px 0; height:24px; width:24px; margin-right:5px;}


/* visual */
.ei-slider{ position:relative; width:100%; max-width:1920px; height:600px; margin:0 auto; text-align:center;}
.ei-slider-loading {width:100%; height:100%; position:absolute; top:0px; left:0px;	z-index:999; background:rgba(0,0,0,0.9); color:#fff; text-align:center;	line-height:600px;}
.ei-slider-large { height:100%;	width:100%; position:relative; overflow:hidden; }
.ei-slider-large li { position:absolute; top:0px; left:0px; overflow:hidden;height: 100%; width:100%; }
.ei-title { position:absolute; left:0; top:95px; width:100%; tex-align:center;  }
.ei-title h2, .ei-title h3 { text-align: center; }
.main-visual .v-text { color:#fff; }
.main-visual .v-text .tit { font-size:55px; font-weight:bold; letter-spacing:0.1em;padding-bottom:40px; line-height:60px; position:relative; }
.main-visual .v-text .tit .s-text { font-size:16px;}
.main-visual .v-text .tit:before { position:absolute; bottom:0; left:50%; margin-left:-50px; width:100px; height:1px; background:#fff; content:''; }
.main-visual .v-text .s-tit { margin-top:35px; font-size:17px; line-height:28px; }
.ei-slider-thumbs { position:absolute; bottom:45px; left:50%; z-index:9999; height:23px; text-align:center; display:inline-block !important; margin-left:-60px;  }
.ei-slider-thumbs li { display:inline-block; *display:inline; *zoom:1; margin:0 8px; width:23px !important; }
.ei-slider-thumbs li.ei-slider-element{ top:0px; left:0px;	position:absolute;	height:100%; z-index:10; text-indent:-9000px; background: url(../images/slides_thumb_item.png) no-repeat 0 0; }
.ei-slider-thumbs li a {
	display: block;
	text-indent: -9000px;
	background: url(../images/slides_thumb_bg.png) no-repeat 0 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover { }









/*2021-10-25메인리뉴얼css*/

#main-wrap { width:100%;    font-family: "Nanum Square", sans-serif, "Nanum Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, AppleGothic;}
#main-wrap .main_inner { width:1200px; margin:0 auto; position:relative;margin:0 auto; text-align:center;}
#main-wrap .main_inner .main_text{letter-spacing: -0.1em;padding-top:170px;line-height:1.8;font-weight: 300;}
#main-wrap .main_inner .main_text dt{font-size:80px;color:#fff;text-shadow: 0 0 10px rgba(0,0,0,0.4);letter-spacing: -0.05em;}
#main-wrap .main_inner .main_text dd{font-size:25px;color:#fff;text-shadow: 0 0 10px rgba(0,0,0,0.4);}

#main-wrap #reservation_title{width:1006px;margin:0 auto;display: table;margin-top:118px;}
#main-wrap #reservation_title .reservation_border{height:3px;width:354px;display:inline-block;background:#fff;margin-top:7px;}
#main-wrap #reservation_title .reservation_text{display:inline-block;font-size:30px;color:#fff;display: table-cell;vertical-align: middle;}
#main-wrap #reservation_title .reservation_btn {display:inline-block;font-size:30px;  font-weight:700; color:#fff; display: table-cell; vertical-align: middle; border:2px solid #fff; padding:15px 30px;}
#main-wrap #reservation_title .reservation_border.middle{height:3px;width:354px;display:inline-block;background:#fff; margin-top:27px;}

/* 달력 */
.rsvCalender-wrap { overflow:hidden;background-color:rgba(255,255,255,0.9); width:600px;height:280px;z-index:90;padding:15px; border:2px solid #333231; position:absolute;left:50%;top:150px;margin-left:-300px;}
.revCalender-in { position:relative; }
/*.revCalender-in .monthNav { height:3.4rem; line-height:3.4rem; margin-bottom:2rem; }*/
.revCalender-in .monthNav a { font-size:20px; color:#333; letter-spacing:0em; }
.revCalender-in .monthNav a .calYear { font-size:18px; color:#555; display:inline-block; margin-right:0.5rem; }
.revCalender-in .monthNav:after { display:block; clear:both; content:''; }
.revCalender-in .monthNav .monthPrev  { float:left; width:50%; text-align:center; margin-bottom:10px;}
.revCalender-in .monthNav .monthNext  { float:right; width:50%; text-align:center;margin-bottom:10px;}
.revCalender-in .monthNav .monthPrev a.btnPrev { display:block; background:url(../images/pre.png)left center no-repeat; }
.revCalender-in .monthNav .monthNext a.btnNext { display:block; background:url(../images/next.png)right center no-repeat; }
.revCalender-in .monthNav .monthPrev a.btnPrev.disable { display:block; background:url(../images/pre_off.png)left center no-repeat; cursor:default; }
.revCalender-in .monthNav .monthNext a.btnNext.disable { display:block; background:url(../images/next_off.png)right center no-repeat; cursor:default; }
.revCalender-in .rsvCalendar {  }
.revCalender-in .rsvCalendar.calendarPrev { float:left; }
.revCalender-in .rsvCalendar.calendarNext { float:right; }
.revCalender-in .rsvCalendar table th { height:30px; line-height:30px; text-align:center; width:14.2857%;  }
.revCalender-in .rsvCalendar table td { text-align:center; border:1px solid #efefef; width:14.2857%; line-height:35px; height:35px; }
.revCalender-in .rsvCalendar table th span { font-size:13px; text-transform:uppercase; font-weight:500; letter-spacing:0em; color:#999; }
.revCalender-in .rsvCalendar table td span { display:block; /*width:35px; height:35px; line-height:35px;*/ color:#111; font-size:13px; line-height:35px; height:35px; text-align:center; }
.revCalender-in .rsvCalendar table{width:280px;padding:10px;}
.revCalender-in .rsvCalendar th.sun span, 
.revCalender-in .rsvCalendar td.sun span { color:red; }
.revCalender-in .rsvCalendar td span.rNoDate { color:#bababa; cursor:default; }
.revCalender-in .rsvCalendar td span.rDate { cursor:pointer; }
.revCalender-in .rsvCalendar td span.selectDate { background:#1c2739; color:#fff; }

.reservation_inner{width:1006px;margin:47px auto 0;overflow: hidden;border:0px solid red;}
.reservation_inner dl{width:50%;float:left;font-size:20px;color:#fff;}
.reservation_inner dl.check_in_out{font-size:20px;color:#fff;}
.reservation_inner dl.check_in_out dt{font-weight:400;padding-bottom:12px;}
.reservation_inner dl.check_in_out dd{font-weight:700;}
.reservation_inner dl.search_box a{margin-top:12px;display:inline-block;color:#fff;font-weight:700;width:110px;height:36px;line-height:36px;border:1px solid #fff;}
.reservation_inner dl.check_in_out dd{padding:0 90px;position: relative;overflow: hidden;width:340px;height:23px;}
.reservation_inner dl.check_in_out dd span#check_in{float:left;}
.reservation_inner dl.check_in_out dd span#check_out{float:right;}
.reservation_inner dl.check_in_out dd span.hyphen{position:absolute;left:251px;}

/*날씨*/
#main-wrap .main_inner .weather_today{margin-top:90px;}
#main-wrap .main_inner .weather_today p{font-size:25px;color:#fff;height:30px;line-height:30px;}
#main-wrap .main_inner .weather_today p img{vertical-align:top;margin-left:6px;}


@charset "utf-8";

#sub-container { background-color:#fff; width:100%; margin-top:132px; }
#sub-container:after { clear:both; display:block; content:'';}

#sub-container .sub-visual { width:100%; height:220px; background:url(../images/sub/sub_visual_1.jpg) no-repeat center top; }
#sub-container .sub-visual.sub-visual-1 { background:url(../images/sub/sub_visual_1.jpg) no-repeat center top; height:220px;}
#sub-container .sub-visual.sub-visual-2 { background:url(../images/sub/sub_visual_2.jpg) no-repeat center top; height:220px;}
#sub-container .sub-visual.sub-visual-3 { background:url(../images/sub/sub_visual_3.jpg) no-repeat center top; height:220px;}
#sub-container .sub-visual.sub-visual-4 { background:url(../images/sub/sub_visual_4.jpg) no-repeat center top; height:220px;}
#sub-container .sub-visual.sub-visual-5 { background:url(../images/sub/sub_visual_5.jpg) no-repeat center top; height:220px;}
#sub-container .sub-visual.sub-visual-6 { background:url(../images/sub/sub_visual_6.jpg) no-repeat center top; height:220px;}

.snb-wrap { width:100%; }
.snb-wrap .snb { width:1200px; margin:0 auto; background:url(../images/sub/snb_bg.gif) repeat-x left top; height:47px; }
.snb-wrap .snb .sub-navi { color:#333; }
.snb-wrap .snb .sub-navi > li { display:block; position:relative; float:left; line-height:47px; background:url(../images/sub/snb_bar.gif) no-repeat right top; font-size:15px; }
.snb-wrap .snb .sub-navi > li > a { display:block; }
.snb-wrap .snb .sub-navi li.home { width:75px;  }
.snb-wrap .snb .sub-navi li.home a { display:block; text-align:center; vertical-align:middle; padding-top:15px;}
.snb-wrap .snb .sub-navi li.menu_1st { width:200px; text-align:center;  }
.snb-wrap .snb .sub-navi li.menu_2nd { width:250px; padding-left:20px;  }
.snb-wrap .snb .sub-navi li .fly_menu { width:100%; position:absolute; z-index:1000; left:0; top:47px; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-top:0;}
.snb-wrap .snb .sub-navi li .fly_menu li + li { border-top: 1px dotted #efefef; }
.snb-wrap .snb .sub-navi li .fly_menu li a { display:block; padding:5px 20px; font-size:14px; line-height:28px; }
.snb-wrap .snb .sub-navi li .fly_menu li a:hover { color:#384f6d; font-weight:bold; text-decoration:underline; }
.snb-wrap .snb .sub-navi .current { color:#384f6d; font-weight:bold; }
.snb-wrap .snb .sub-navi .current.fly:after { background:url(../images/sub/snb_down.png) no-repeat left center; width:27px; height:47px; position:absolute; right:0; top:0; content:''; }
.snb-wrap .snb .sub-navi .current.fly.open:after { background:url(../images/sub/snb_up.png) no-repeat left center; width:27px; height:47px; position:absolute; right:0; top:0; content:''; }

.sub-contents-wrap { width:1200px; margin:0 auto; }
.sub-contents-wrap h2.sub-title { font-size:45px; color:#333; text-align:center; line-height:50px; font-weight:bold; padding-top:45px; }
.sub-contents-wrap h2.sub-title:after { display:block; content: url(../images/sub/h2_bar.png); text-align:center; margin-top:10px; }

.sub-contents { min-height:400px; padding-bottom:80px; padding-top:40px; font-size:13px; color:#333; }


/*서브헤더 css*/
#header-wrap .header{background: #fff !important;height:107px;}
#header-wrap .header .gnb-wrap .gnb ul li a { display:block; color:#686868!important; font-weight:800; }
#header-wrap .header .gnb-wrap .gnb ul li a:hover { color:#686868!important; font-weight:800; }
#header-wrap .header .gnb-wrap .header_line{background:#86877c;}
#header-wrap .header .gnb-wrap .header_line_2{background:#86877c;}
#header-wrap .header .gnb-wrap .btn01{background: url(../images/sub_menu.png) no-repeat center;}
#header-wrap .header .gnb-wrap .btn02{background: url(../images/sub_menu.png) no-repeat center;}

.select .placeholder{color:#686868;}

#sub-container { background-color:#fff; width:100%; margin-top:0px; }
.sub-contents-wrap h2.sub-title:after { display:block; content: url(../images/sub/h2_icon.png); text-align:center; margin-top:5px; }
.sub-contents-wrap h2.sub-title{font-size:30px;}

.sub-contents { min-height:400px; padding-bottom:80px; padding-top:10px; font-size:13px; color:#333; }

.link_btn{display: inline-block;width:auto;height: 28px;border: 1px solid #000;color: #000;font-size: 18px;margin-top: 20px;border-radius: 5px;line-height: 28px;padding:0 5px;}



@charset "utf-8";

/* 컨텐츠 공통 */
.mt80 { margin-top:80px !important;}
.mt70 { margin-top:70px !important;}
.mt60 { margin-top:60px !important;}
.mt50 { margin-top:50px !important;}
.mt40 { margin-top:40px !important;}
.mt30 { margin-top:30px !important;}
.mt20 { margin-top:20px !important;}
.mt10 { margin-top:10px !important;}
.mt5 { margin-top:5px !important;}
.ml15 { margin-left:15px !important;}
.mb40 { margin-bottom:40px !important;}
.ml_0 { margin-left:0 !important;}
.dotted_line { background:url(../images/contents/dot_line.png) repeat-x 0 0; height:1px;}
.dotted_line_1 { background:url(../images/contents/dot_line_1.png) repeat-x 0 0; height:1px;}

/* 버튼 */


/* 텍스트 관련 */
.bold { font-weight:700; !important;}
.fs16 { font-size:16px; line-height:25px; }
.fs18 { font-size:18px; line-height:26px; }
.text-blue { color:#3580d4; !important;}
.text-ltgreen {color:#40a497; !important;}
.text-ygreen {color:#70a225; !important;}
.text-blk { color:#111; !important;}
.text-org { color:#ea7b04; !important;}
.text-yellow {color:#f6dc04; !important;}
.text-teal {color:#4fabb1; !important;}
.text-box { background:#efefef; border:1px solid #ccc; padding:18px; }

/* 리스트 */
ul.list-dia {}
ul.list-dia li { background:url(../images/contents/bullet_1.png) no-repeat 0 7px; padding-left:10px; height:auto; overflow:hidden; }
ul.list-bullet {}
ul.list-bullet li { background:url(../images/contents/bullet_2.png) no-repeat 0 9px; padding-left:6px; height:auto; overflow:hidden; }


/* 테이블 */
table.table-basic { border-top:2px solid #eb7c0f; }
table.table-basic th { background:#efefef; border:1px solid #ccc; padding:8px 10px; color:#eb7c0f; font-weight:700; text-align:center; }
table.table-basic td { background:#fff; border:1px solid #ccc; padding:8px 10px; }
table.table-basic th.s-tit, table.table-basic td.s-tit { color:#333; font-weight:700; }
table.table-basic.s-table th, table.table-basic.s-table td { padding:8px 3px; }
table.table-teal { border-top:2px solid #2ca4ab; }
table.table-teal th { background:#efefef; border:1px solid #ccc; padding:8px 10px; color:#2ca4ab; font-weight:700; text-align:center; }
table.table-teal td { background:#fff; border:1px solid #ccc; padding:8px 10px; }
table.table-teal th.s-tit, table.table-basic td.s-tit { color:#333; font-weight:700; }
table.table-teal.table-ss th, table.table-teal.table-ss td { padding:5px; }
table.table-emerald { border-top:2px solid #4bb694; }
table.table-emerald th { background:#efefef; border:1px solid #ccc; padding:8px 10px; color:#4bb694; font-weight:700; text-align:center; }
table.table-emerald td { background:#fff; border:1px solid #ccc; padding:8px 10px; }
table.table-emerald th.s-tit, table.table-emerald td.s-tit { color:#333; font-weight:700; }
table.table-ygreen { border-top:2px solid #8ac029; }
table.table-ygreen th { background:#efefef; border:1px solid #ccc; padding:8px 10px; color:#8ac029; font-weight:700; text-align:center; }
table.table-ygreen td { background:#fff; border:1px solid #ccc; padding:8px 10px; }
table.table-ygreen th.s-tit, table.table-ygreen td.s-tit { color:#333; font-weight:700; }

/* 탭 */
.tab-wrap .nav { margin-bottom:30px; border-bottom:1px solid #66b3b8; height:auto; overflow:hidden;}
.tab-wrap .nav li { display:block; float:left; margin-left:-1px; }
.tab-wrap .nav li:first-child { margin-left:0; }
.tab-wrap .nav li a { display:block; height:45px; line-height:45px; padding:0 60px; background:#fff; color:#555; font-size:17px; text-align:center; border:1px solid #ccc; border-bottom:0; }
.tab-wrap .nav li a:hover, .tab-wrap .nav li a.current { background:#66b3b8; color:#fff;  border:1px solid #66b3b8; border-bottom:0; }

/* 호텔소개 */
.about p { color:#333; font-size:15px; text-align:center; line-height:25px;  }
.about .slogen { font-size:33px; color:#4a6486; }


/* 객실안내 */
.all-room {}
.all-room .room-unit  { width:375px; height:auto; float:left; margin-left:37px; margin-bottom:40px; }
.all-room .room-unit a { display:block; }
.all-room .room-unit a:hover:after {   }
.all-room .room-unit .room-sum {}
.all-room .room-unit .room-pic { position:relative; }
.all-room .room-unit .room-pic:hover:after { position:absolute; width:37px; height:210px; content:''; background:url(../images/contents/room_over.png) no-repeat; top:0; left:0; }
.all-room .room-unit .room-sum .room-name { font-family:Verdana, Geneva, sans-serif !important; font-size:19px; color:#2a4870; margin-top:10px; }
.all-room .room-unit .room-sum .room-des-1 { font-weight:bold; font-size:14px; color:#333; margin-top:10px;}
.all-room .room-unit .room-sum .room-des-2 { font-size:13px; color:#777; margin-top:5px; }
.all-room .room-unit .room-sum .room-des-2 span.title { display:block; float:left; font-weight:bold; width:35px; text-align:center; background:#dbdbdb; margin-right:5px; border-radius:3px; }
.all-room .room-unit .room-sum .room-des-2 span.cnts { display:block; float:left; width:100% }

.room {}
.room .top-text, .all-room .top-text { color:#333; font-size:15px; text-align:center; line-height:25px; font-weight:bold; }
.room .room-gallery { position:relative; width:1200px; }
.room .room-gallery .room-summary-wrap { position:absolute; right:0; top:0; width:300px; height:500px; background:url(../images/contents/white_op85.png); z-index:999; }
.room-summary-wrap .room-summary { position:relative; padding:40px; padding-bottom:0; text-align:center; height:460px; }
.room-summary-wrap .room-summary .btn-reservation { position:absolute; right:0; bottom:0; width:260px; height:40px; line-height:40px;  }
.room-summary-wrap .room-summary .btn-reservation a { display:block; font-size:17px; line-height:40px; background:url(../images/contents/stripe_bg.png); background-color:#2f4665; color:#fff; 
letter-spacing:0.1em; }
.room-summary-wrap .room-summary h3.room-title { color:#2a4870; font-size:20px; letter-spacing:0.1em; font-weight:bold; }
.room-summary-wrap .room-summary .description { font-size:13px; }
.room-summary-wrap .room-summary .description li { margin-top:40px; display:block; }
.room-summary-wrap .room-summary .description li span.tit { display:block; color:#fff; font-weight:bold; background:url(../images/contents/blue_cir_bg.png)no-repeat center top;line-height:36px; margin-bottom:5px; }
.room-summary-wrap .room-summary .description li span.cnts { color:#333; line-height:20px; }
.room-info { width:845px; float:left; margin-top:50px; }
.room-info h2.title { color:#171717; font-size:22px; font-weight:bold; text-align:center; position:relative; line-height:22px; margin-bottom:40px; }
.room-info h2.title span {  }
.room-info h2.title:before { width:50px; display:inline-block; content:''; margin-right:10px; background:url(../images/contents/dk_grey.png) repeat-x 0 13px; height:22px; }
.room-info h2.title:after { width:50px; display:inline-block; content:''; margin-left:10px;  background:url(../images/contents/dk_grey.png) repeat-x 0 13px; height:22px;  }
.room-info .room-info-1 .amenities { height:auto; overflow:hidden; }
.room-info .room-info-1 .amenities li { width:211px; float:left; background:url(../images/contents/dot_line.png) repeat-y 0 0; text-align:center; min-height:400px; }
.room-info .room-info-1 .amenities li:first-child { background:none; }
.room-info .room-info-1 .amenities h3.title { padding-top:65px; font-size:18px; color:#333; margin-bottom:20px; }
.room-info .room-info-1 .amenities div.list { font-size:13px; color:#777; }
.room-info .room-info-1 .amenities .amen-01 h3.title { background:url(../images/contents/bedroom.png) no-repeat center 0; }
.room-info .room-info-1 .amenities .amen-02 h3.title { background:url(../images/contents/bathroom.png) no-repeat center 0; }
.room-info .room-info-1 .amenities .amen-03 h3.title { background:url(../images/contents/bar.png) no-repeat center 0; }
.room-info .room-info-1 .amenities .amen-04 h3.title { background:url(../images/contents/etc.png) no-repeat center 0; }
.room-info .room-info-2 {  margin-top:100px; }
.room-info .room-info-2 .service { height:auto; overflow:hidden; width:860px; margin-left:-15px; }
.room-info .room-info-2 .service li { padding:10px; width:180px; height:110px; float:left; margin-left:15px; margin-bottom:15px; background:#e3e9ef; text-align:center; }
.room-info .room-info-2 .service li span { display:block; text-align:center; font-size:14px; color:#555; padding-top:78px; }
.room-info .room-info-2 .service li span.s-01 { background:url(../images/contents/service_1.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-02 { background:url(../images/contents/service_2.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-03 { background:url(../images/contents/service_3.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-04 { background:url(../images/contents/service_4.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-05 { background:url(../images/contents/service_5.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-06 { background:url(../images/contents/service_6.png)no-repeat center 0;}
.room-info .room-info-2 .service li span.s-07 { background:url(../images/contents/service_7.png)no-repeat center 0;}
.room-info .room-info-2 .service-01 .tit { display:block; width:180px; float:left; font-size:16px; color:#333; font-weight:bold; }
.room-info .room-info-2 .service-01 .cnts { display:block; width:640px; float:left; color:#777; font-size:13px; }
.hotel-info { padding:30px 20px; width:260px; float:right; background:#f5f5f5; margin-top:40px; }
.hotel-info h2.title { color:#385984; font-size:20px; text-align:center; }
.hotel-info > div { margin-top:25px; font-size:13px; color:#777; }
.hotel-info > div h3.title { color:#385984; font-size:15px; font-weight:bold;}
.hotel-info .i-info { background:url(../images/contents/info_icon.png) no-repeat left center; padding-left:48px; color:#776b57; margin-top:40px; }

/* 부대시설 */
.fac-summary { text-align:center; }
.fac-summary ul.description { display:inline-block; margin-top:20px; font-size:14px; }
.fac-summary ul.description li { display:inline-block; margin-left:50px; float:left;}
.fac-summary ul.description li:first-child span.tit { margin-left:0; padding-left:0px;}
.fac-summary ul.description li span.tit { border-radius:10px; background:#4a6486; height:26px; line-height:26px; padding:0 10px; text-align:center; margin-right:10px; color:#fff; font-weight:bold; display:inline-block; }
.fac-summary ul.description li span.cnts { color:#333;}


/* 오시는길 */
.contact .top-text { color:#333; font-size:15px; text-align:center; line-height:25px; font-weight:bold; }
.trans { font-size:14px; color:#777; }
.trans h2.title { font-size:25px; font-weight:bold; color:#171717; margin-bottom:30px;  }
.trans h3.title-1 { font-size:18px; color:#333; margin-bottom:15px; font-weight:bold; }
.trans .trans-path { color:#777; font-size:14px; }
.trans .trans-path p span{font-size:10px;}
.trans .trans-path span:before { content:''; background:url(../images/contents/path_arw.png) no-repeat center center; width:30px; display:inline-block; height:7px; }
.trans .trans-path span:first-child:before { width:0; background:none; }
.src_path .car { height:auto; overflow:hidden; }
.src_path .car li { width:25%; float:left; text-align:center; background:url(../images/contents/trans_1.png)no-repeat center top; padding-top:65px; font-size:15px; color:#171717; font-weight:bold;}
.src_path .car li a.map_btn { display:inline-block; width:95px; height:24px; border:1px solid #777; color:#777; font-size:13px; margin-top:10px;}
.trans .trans-2 .bus > div { background:url(../images/contents/trans_2.png) no-repeat left 50%; padding-left:70px; }
.trans .trans-2 .subway > div { background:url(../images/contents/trans_3.png) no-repeat left 50%; padding-left:70px; min-height:54px; }
.trans .trans-2 .foot > div { background:url(../images/contents/trans_4.png) no-repeat left 50%; padding-left:70px; }
.trans .trans-2 .bus .bus-num { margin-top:10px; height:auto; overflow:hidden; }
.trans .trans-2 .bus .bus-num li { display:inline-block; float:left; margin-right:30px;}
.trans .trans-2 .bus .bus-num li span.title { display:inline-block; width:50px; height:24px; line-height:24px; font-weight:bold; color:#fff; text-align:center; background:#1949a1; margin-right:5px;}
.trans .trans-2 .bus .bus-num li span.title.tit-2 { background:#27ac30;  }
.trans .trans-2 .bus .bus-num li span.title.tit-3 { background:#ef5053;  }

/* 이미지 슬라이드 */
.lSPager {  }
.lSPager li img { width:100%; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {  border-radius:0 !important; }
.lSPager li { box-sizing:border-box; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border:2px solid #171717; border-radius:0 !important; box-sizing:border-box;}
.lSPager.lSGallery { height:115px;}
.hotel-foreground .lSAction > a, .fac-gallery .lSAction > a {
    width: 60px;
    display: block;
    top: 50%;
    height: 60px;
    background: url(../images/contents/slides_arrow.png) ;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    margin-top: -30px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.hotel-foreground .lSAction > .lSNext, .fac-gallery .lSAction > .lSNext { background-position:-60px 0;}
.room-gallery .lSAction > a {
    width: 60px;
    display: block;
    height: 60px;
    background: url(../images/contents/room_slide_arrow.png);
    cursor: pointer;
    position: absolute;
    z-index: 9999;
	margin-top:0;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}




/*20211026 리뉴얼 css*/

/*객실*/
.room .top-text, .all-room .top-text{color:#686868;font-size:20px;line-height:1.5;font-weight:600;padding:27px 0 70px 0;}
.all-room .room-unit {text-align:center;font-family: 'Nanum Square';}
.all-room .room-unit .room-sum .room-name{font-family: 'Nanum Square'!important;font-size:20px;color:#000;font-weight:700;}
.all-room .room-unit .room-sum .room-des-2 span.cnts{font-size:10px;color:#686868;line-height: 1.5;}

.all-room .room-unit .room-pic:hover:after { position:absolute; width:375px; height:246px; content:''; background:url(../images/contents/room_over.png) no-repeat; top:0; left:0; }
.room .room-gallery .room-summary-wrap { position:absolute; right:0; top:0; width:300px; height:500px; background:url(../images/contents/white_op85.png); z-index:10; }
.lSPagerP{display:none;}


.room-gallery .lSAction > .lSPrev { left:-82px; }
.room-gallery .lSAction > .lSNext { right:-82px;background-position:-60px 0;}

.btn-reservation{width:1200px;margin:0 auto;text-align: center;padding-bottom:115px;}
.btn-reservation a{text-align: center;margin:0 auto;width:166px;height:34px;font-size:20px;color:#686868;font-family: 'Nanum Square';border:1px solid #686868;line-height:34px;display:inline-block;}

.mt40 { margin-top:30px !important;}

.room-summary-wrap .room-summary { position:relative; padding:40px; padding-bottom:0; text-align:center; height:500px;border-bottom: 22px solid rgba(31,66,93,0.7);box-sizing: border-box;}

.room-summary-wrap .room-summary .description li span.tit{background:none;color:#1f425d;font-size:18px;display:inline-block;border-bottom:2px solid #1f425d;}
.room-summary-wrap .room-summary .description li span.cnts{display:block;}
.room-summary-wrap .room-summary .description li:first-child{margin-top:50px;}

/*오시는길*/

.contact .top-text{font-size:20px;color:#686868;}
.contact_us{margin:70px auto 0;padding-bottom:70px;width:1200px;}
.contact_us h2{font-weight:700;font-size:35px;color:#000;letter-spacing:-0.05em;padding-bottom:30px;}
.contact_us dl{font-size:20px;color:#686868;letter-spacing:-0.05em;overflow:visible;}
.contact_us dl dd{font-weight:400px;font-size:20px;color:#686868;display:inline-block;padding-bottom:10px;position: relative;}
.contact_us dl dd:nth-child(1){width:595px;}
.contact_us dl dd:nth-child(3){width:595px;}
.contact_us dl dd:nth-child(2){width:600px;}
.contact_us dl dd:nth-child(4){width:600px;}
.contact_us dl dd span.title{font-weight:700;font-size:30px;padding-right:6px;display:inline-block;position:absolute;left:0px;top:0px;}
.contact_us dl dd span.inner_text{font-size:20px;color:#686868;padding-left:25px;}
.contact_line{width:100%;height:23px;background:#f8f8f8;display:block;content: "";}
.contact .root_daum_roughmap{margin:0 auto;}
.contact h2.sub-title{color: #333;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    padding-top: 45px;}

.contact h2.sub-title:after{display: block;
    content: url(../images/sub/h2_icon.png);
    text-align: center;
    margin: 5px 0 10px 0;}

.trans { font-size:18px; color:#686868;letter-spacing: -0.05em;width:1200px;margin:0 auto;padding-bottom:160px;}
.trans h2.title { font-size:25px; font-weight:bold; color:#171717; margin:50px 0;}
.trans h3.title-1 { font-size:18px; color:#333; margin-bottom:15px; font-weight:bold; }
.trans .trans-path { color:#686868; font-size:18px; line-height:1.5;letter-spacing: -0.025em;}
.trans .trans-path span:before{display:none;}
.trans .trans-path span:after { content:''; background:url(../images/contents/path_arw.png) no-repeat center center; width:30px; display:inline-block; height:7px; }
.trans .trans-path span:last-child:after { width:0; background:none; }

.trans .trans-path span:nth-child(10):before{display:block;display:inline-block;}
.src_path{margin-top:25px;}
.src_path .car { height:auto; overflow:hidden; }
.src_path .car li { width:25%; float:left; text-align:center; background:none; padding-top:0px; font-size:18px; color:#686868; font-weight:400;}
.src_path .car li a.map_btn { display:inline-block; width:107px; height:28px; border:1px solid #000; color:#000; font-size:18px; margin-top:20px;border-radius:5px;line-height:28px;}
.trans .trans-1 .title-1{color:#000;font-size:20px;font-weight: 700;background:url(../images/sub/car_icon.png) no-repeat left center;height:40px;line-height:40px;padding-left:54px;margin-bottom:10px;}
.trans .trans-2 .title-1{color:#000;font-size:20px;font-weight: 700;}
.trans .trans-2 .bus > div { background:none; padding-left:0px; }
.trans .trans-2 .subway > div { background:none; padding-left:0px; min-height:54px; }
.trans .trans-2 .foot > div { background:none; padding-left:0px; }
.trans .trans-2 .bus .bus-num { margin-top:10px; height:auto; overflow:hidden; }
.trans .trans-2 .bus .title-1{color:#000;font-size:20px;font-weight: 700;background:url(../images/sub/bus_icon.png) no-repeat left center;height:40px;line-height:40px;padding-left:54px;margin-bottom:10px;}
.trans .trans-2 .bus .bus-num li { display:inline-block; float:left; margin-right:30px;}
.trans .trans-2 .bus .bus-num li span.title { display:inline-block; width:62px; height:24px; line-height:24px; font-weight:bold; color:#fff; text-align:center; background:#1949a1; margin-right:5px;font-size:18px;}
.trans .trans-2 .bus .bus-num li span.title.tit-2 { background:#27ac30;  }
.trans .trans-2 .bus .bus-num li span.title.tit-3 { background:#ef5053;  }

.trans .trans-2 .subway .title-1{color:#000;font-size:20px;font-weight: 700;background:url(../images/sub/metro_icon.png) no-repeat left center;height:50px;line-height:50px;padding-left:54px;margin-bottom:10px;}

.trans .trans-2 .foot .title-1{color:#000;font-size:20px;font-weight: 700;background:url(../images/sub/walk_icon.png) no-repeat left center;height:58px;line-height:58px;padding-left:54px;margin-bottom:10px;}

.trans .trans-2 .bus{margin-bottom:90px;}
.trans .trans-2 .subway{margin-bottom:90px;}
span.font-10{font-size:10px;}
span.font-10:after{display: none !important;}

.trans .title{color:#000;font-size:35px;font-weight: 700;margin-bottom:50px;}

/*호텔소개*/
.sub-menu_1{width:100%;position: relative;}
.sub-menu_1 h2.sub-title{color:#fff;font-size:40px;text-shadow: 0 0 5px #000000;padding-top:210px;text-align:center;padding-bottom:10px;}
.sub-menu_1 h2.sub-title:after{    display: block;
content: url(../images/sub/about_h2_icon.png);
text-align: center;
margin-top: 20px;
}
.hotel-foreground{position:absolute;left:0px;top:0px;width:100%;}
.hotel-foreground img{width:100%;}
.hotel-foreground .lSAction > .lSPrev { left:240px; }
.hotel-foreground .lSAction > .lSNext { right:240px;background-position:-60px 0;}

.hotel-foreground .lSAction > a {
    width: 60px;
    display: block;
    height: 60px;
    background: url(../images/contents/hotel_slide_arrow.png);
    cursor: pointer;
    position: absolute;
    z-index: 9999;
	margin-top:0;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.about{background:url(/images/contents/about_background.png)no-repeat center top;height:100vh;}
.about p{color:#fff;text-shadow: 0 0 5px #000000;font-size:20px;font-weight:400;line-height:1.5;}
.about p.slogen{font-size:30px;font-size:30px;font-weight:700;color:#fff;}
.about p.slogen_inner{font-size:15px;}
.about .about_line{display:block;width:2px; height:57px;margin:35px auto;background:#fff;}

/*부대시설*/
.sub-menu_3 {background:#fff;height:100vh;}
.sub-menu_31{background:url(/images/fac/fac1/sub3_1_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_32{background:url(/images/fac/fac2/sub3_2_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_33{background:url(/images/fac/fac3/sub3_3_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_34{background:url(/images/fac/fac4/sub3_4_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_35{background:url(/images/fac/fac5/sub3_5_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_36{background:url(/images/fac/fac6/sub3_6_back.png)no-repeat center top;background-size:cover!important;}
.sub-menu_37{background:url(/images/fac/fac7/sub3_7_back.png)no-repeat center top;background-size:cover!important;}

.sub3_wrap{padding-top:140px;}
.sub3_wrap .sub3_inner{background:#fff;width:1200px;margin:0px auto;position: relative;}
.contents-in .sub3{width:936px;margin:0 auto;padding-bottom:60px;}
.contents-in .sub3 .top-text{padding:10px 0 0 0;letter-spacing: -0.01em;font-weight: 400;font-size:18px;}
.sub-menu_3 h2.sub-title{    color: #333;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    padding-top: 45px;font-size:30px;}
.sub-menu_3 h2.sub-title::after{display: block;
    content: url(../images/sub/h2_icon.png);
    text-align: center;
    margin-top: 5px;}
.contents-in .sub3 .lSAction > a {
    width: 60px;
    display: block;
    height: 60px;
    background: url(../images/contents/room_slide_arrow.png);
    cursor: pointer;
    position: absolute;
    z-index: 9999;
	margin-top:30px;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.contents-in .sub3 .lSAction > .lSPrev { left:30px; }
.contents-in .sub3 .lSAction > .lSNext { right:30px;background-position:-60px 0;}
.fac-summary ul.description li span.tit{font-size:18px;color:#1f425d;background:none;position: relative;padding:0 15px;margin-right:15px;float:none;}
.fac-summary ul.description li span.tit::after{display:inline-block;content: "";width:2px;height:20px;background:#000;position: absolute;right:0px;top:3px;}
.fac-summary ul.description li span.cnts{font-size:18px;color:#000;}
.fac-summary ul.description li{margin-left:0px;}

.sub-menu_34 .fac-summary ul.description{letter-spacing: -0.02em;}
.sub-menu_34 .fac-summary ul.description li span.cnts{font-size:18px;}
.sub-menu_34 .fac-summary ul.description li span.tit{font-size:18px;padding:0 10px;margin-right:10px;}

.sub-menu_35 .fac-summary ul.description{letter-spacing: -0.07em;}
.sub-menu_35 .fac-summary ul.description li span.cnts{font-size:18px;}
.sub-menu_35 .fac-summary ul.description li span.tit{font-size:18px;padding:0 10px;margin-right:10px;}


/*부대시설_인트로*/
.sub3_intro{background:#fff;height:100vh;}
.sub3_intro h2.sub-title{color:#000;font-size:70px;padding-top:290px;}
.sub3_intro h2.sub-title:after{content: url(../images/sub/sub3_h2_icon.png);margin:30px 0 20px 0;}
.sub3_intro p.top-text{color:#000;font-size:35px;padding-top:0px;font-weight:400;}

.sub3_intro_2{background:#fff;height:100vh;text-align:center;}
.sub3_intro_2 ul.sub_intro_menu{color:#000000;padding-top:250px;}

.sub3_intro_2 ul.sub_intro_menu li a{color:#000;font-size:30px;line-height:1.6;font-weight:700;}
.sub3_intro_2 ul.sub_intro_menu li a:hover{border-bottom:1px solid #000;}

/*커뮤니티 게시판*/

.snb_menu3{display:none;}
.s_default_admin{display:none;}
.board_search {
    margin: 0 auto!important;
    width: 1200px;
    float: none!important;
    border: 0px solid #626262!important;
}
#boardSkin_s_default{
    margin: 0 auto!important;
    width: 1200px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 14px;
    padding: 0;
    color: #555;
}
.boardSkin_s_default_bottom{
width:1200px!important;margin:0 auto!important;
}

.sub-menu_4 .sub-title{font-size:20px !important;font-weight: 300!important;line-height:1!important;}
.sub-menu_4 .sub-title_2{font-size:30px!important;font-weight: 700!important;text-align: center;color:#000!important;}
.sub-menu_4 h2.sub-title:after{margin:15px 0;}

.board_search ul{width:238px!important;float: right;border-bottom:2px solid #555555;margin-bottom:18px;margin-right:28px;}
.board_search .btn{width:30px!important;}
.board_search .btn img{width:100%!important;}
.board_search input[type="text"]{width: 140px !important;}
.board_search select{width:48px!important;}
#boardSkin_s_default th{border-top:3px solid #1f425d!important;font-size:20px!important;padding:20px 10px!important;}

.boardPromotion{position: relative;}
.sub-menu_4 .sub-contents-wrap{position: relative;}
.sub_nav{width:199px;height:187px;position: absolute;top: 200px;left:-233px;text-align:center;background:#f8f8f8;}
.sub-menu_8 .sub_nav{height:220px;}
.sub_nav::before{content: "";display:block;position: absolute;top:-9px;background:url(../images/contents/submenu4_left.png) no-repeat center top;background-size:100%!important;width:199px;height:19px;}
.sub_nav li{margin-top:20px;}
.sub_nav li:first-child{margin-top:35px;}
.sub_nav li a{color:#3c3c3c;font-size:20px;font-weight:300;}
.sub_nav li a.on{font-weight:bold;}


/*약관관리*/

.sub-menu_8 .sub-contents-wrap{position: relative;}
.sub-menu_8 .sub-title_2{color:#000;font-size:30px;text-align:center;line-height: 50px;
    font-weight: bold;
    padding-top: 86px;}
.sub-menu_8 .sub-contents-wrap h2.sub-title{display:none;}
.user_terms_wrap{margin-top:53px;border-top:3px solid #1f425d;font-size:16px;color:#333333;padding-top:25px;}.ddsmoothmenu{
width: 100%;
text-align:center;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
display:inline-block;
text-align:center;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: block;
float: left; 
}

/*Top level menu link items style*/
.ddsmoothmenu ul li  a{
display: block;
white-space:nowrap;
}

.ddsmoothmenu ul li.dep_01 > a{	
height:46px;
line-height:46px;
font-size:16px;
color: #171717;
display:block;
width:200px; 
text-align:center;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
/*display: inline-block;*/
}


.ddsmoothmenu ul li.dep_01 > a.selected, .ddsmoothmenu ul li.dep_01 > a:hover{
color:#FFF;	font-weight:700; background: url(../images/menu_over_bg.png) no-repeat center bottom; }

.ddsmoothmenu ul li.dep_01.no-menu > a.selected, .ddsmoothmenu ul li.dep_01.no-menu > a:hover
{ background:#000; }


	
/*1st sub level menu*/
.ddsmoothmenu ul li ul.dep_02{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
border:1px solid #171717;
border-top:0;
background:#fff;
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:100%;
box-sizing:border-box;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: block;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-size:14px;
padding-top:4px;
padding-bottom:4px;
position:relative;
color:#555;
}

.ddsmoothmenu ul li ul.dep_02 li a:hover {
color:#171717;	
font-weight:700;
text-decoration:underline; 
}

.ddsmoothmenu ul li ul.dep_02 li a:hover:before{
content: url(../images/arw_org.png);
display:inline-block;
position:absolute;
top:12px;
left:40px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
display:none;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
/*opacity: 0.8;*/
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    /*position: relative;*/
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    display:none;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 60px;
    display: block;
    top: 50%;
    height: 60px;
    background: url(../images/contents/slides_arrow.png) ;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    margin-top: -30px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
}
.lSAction > .lSNext {
    background-position: -60px 0;

}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}@charset "utf-8";

/* 공통 */
.s_font { font-size:12px; } 
.bold { font-weight:bold;}
input[type="text"] { height:28px; border:1px solid #ccc; line-height:28px; padding:0 5px; background:#fff; }
select { height:30px; line-height:30px; background:#fff; border:1px solid #ccc;}
/*textarea { border:1px solid #7b7a75; color:#fff;} */
.pl_20 { padding-left:20px; }
a { text-decoration:none; color:#666;}
.dotted-line {height:1px; background:url(../images/contents/dotted_line.gif) repeat-x;}
input[type="submit"] { cursor:pointer; }
.navy-btn { background:#445b73; color:#fff; border:1px solid #272e35; text-align:center; }
.white-btn { background:#fff; color:#445b73; border:1px solid #445b73; text-align:center; }
table td { display:table-cell !important;}



/* 테이블 */
table.reserveTable th { height:35px; line-height:35px; font-weight:bold; color:#fff; padding:0 7px; background:#445b73; font-size:14px; text-transform:uppercase; }
table.reserveTable td { border-bottom:1px solid #cccccc; padding:7px; font-size:13px; text-align:center;}
table.reserveTable_1 th { background:#a78c4b; border-bottom:1px solid #6d6c68; border-left:1px solid #6d6c68; height:38px; line-height:38px; font-weight:bold; color:#fff; padding:0 7px;}
table.reserveTable_1 th.first { border-left:none; }
table.reserveTable_1 td { border-bottom:1px solid #6d6c68; padding:8px 7px; font-size:11px; border-left:1px solid #6d6c68;}
table.reserveTable_1 td.first { border-left:none; }
table.form_table th { border-bottom:1px solid #ccc; background:#445b73; height:50px; line-height:50px; padding:0 10px; font-weight:bold; color:#fff; }
table.form_table td { border-bottom:1px solid #ccc; height:50px; line-height:50px; padding:0 20px; color:#555;  }
table.form_table th.first { border-top:2px solid #445b73; }
table.form_table td.first { border-top:2px solid #445b73; }
table.form_table th.last { border-bottom:1px solid #445b73; }
table.form_table td.last { border-bottom:1px solid #445b73; }



/* 달력 */
.calender { font-family:'verdana' !important; margin:0 auto; width:100%; }
.calender .month { text-align:center; position:relative; margin-bottom:30px; vertical-align:center; font-size:25px;font-family:Verdana, Geneva, sans-serif !important; color:#fff; }
.calender .month a.prev { position: absolute; left:0; top:0; margin:0;  }
.calender .month a.next { position: absolute; right:0; top:0; margin:0; }
.calender .table-calender { font-size:13px; text-align:center; color:#fff; }
.calender .table-calender th { font-weight:normal;}
.calender .table-calender th.week { color:#fff; text-transform:capitalize; }
.calender .table-calender th.week.sun { color:#c1a94b; }
.calender .table-calender th > span { width:50px; height:32px; margin-left:1px; display:block; line-height:32px; text-align:center;  }
.calender .table-calender td > span { width:50px; height:32px; margin-bottom:1px; margin-left:1px; display:block; line-height:30px; text-align:center; }
.calender .table-calender td > span.select { color:#4a687b; background:url(../images/date_select_bg.png) no-repeat center center; font-weight:bold;  cursor:pointer; }
.calender .table-calender td span.n_avaiable { cursor:default; color:#78889a; }
.calender .table-calender td span.avaiable { cursor:pointer; color:#fff; }



/* reservation */
#resevation {}
#reserveStep { border-bottom:2px solid #999; }
#reserveStep li { width:20%; float:left; }
#reserveStep .step-title { color:#777777; text-align:center; font-size:14px; }
#reserveStep .step-title ol { height:auto; overflow:hidden; }
#reserveStep .step-title ol li { padding:10px 0; border-top:3px solid #999; border-bottom:1px solid #999; position:relative; }
#reserveStep .step-title ol li span { display:block; }
#reserveStep .step-title ol li:before { display:block; content:url("/images/reservation/step_arw.png"); position:absolute; right:-13px; top:50%; margin-top:-14px;  }
#reserveStep .step-title ol li.s-5:before { display:none; content:''; }
#reserveStep .step-title ol li span.step-num { font-family:Verdana, Geneva, sans-serif !important; font-weight:bold;}
#reserveStep.step_01 .step-title ol li.s-1 { border-top:3px solid #171717; border-bottom:1px solid #171717; color:#171717; }
#reserveStep.step_02 .step-title ol li.s-1, #reserveStep.step_02 .step-title ol li.s-2
{ border-top:3px solid #171717; border-bottom:1px solid #171717; color:#171717; }
#reserveStep.step_03 .step-title ol li.s-1, #reserveStep.step_03 .step-title ol li.s-2, #reserveStep.step_03 .step-title ol li.s-3
{ border-top:3px solid #171717; border-bottom:1px solid #171717; color:#171717; }
#reserveStep.step_04 .step-title ol li.s-1, #reserveStep.step_04 .step-title ol li.s-2, #reserveStep.step_04 .step-title ol li.s-3, #reserveStep.step_04 .step-title ol li.s-4
{ border-top:3px solid #171717; border-bottom:1px solid #171717; color:#171717; }
#reserveStep.step_05 .step-title ol li.s-1, #reserveStep.step_05 .step-title ol li.s-2, #reserveStep.step_05 .step-title ol li.s-3, #reserveStep.step_05 .step-title ol li.s-4,
#reserveStep.step_05 .step-title ol li.s-5 { border-top:3px solid #171717; border-bottom:1px solid #171717; color:#171717; }
#reserveStep.step_01 .step-title ol li.s-1:before { content:url("/images/reservation/step_arw_on.png"); }
#reserveStep.step_02 .step-title ol li.s-1:before, #reserveStep.step_02 .step-title ol li.s-2:before { content:url("/images/reservation/step_arw_on.png"); }
#reserveStep.step_03 .step-title ol li.s-1:before, #reserveStep.step_03 .step-title ol li.s-2:before, #reserveStep.step_03 .step-title ol li.s-3:before
{ content:url("/images/reservation/step_arw_on.png"); }
#reserveStep.step_04 .step-title ol li.s-1:before, #reserveStep.step_04 .step-title ol li.s-2:before, #reserveStep.step_04 .step-title ol li.s-3:before,
#reserveStep.step_04 .step-title ol li.s-4:before { content:url("/images/reservation/step_arw_on.png"); }
#reserveStep.step_05 .step-title ol li.s-1:before, #reserveStep.step_05 .step-title ol li.s-2:before, #reserveStep.step_05 .step-title ol li.s-3:before,
#reserveStep.step_05 .step-title ol li.s-4:before, #reserveStep.step_05 .step-title ol li.s-5:before{ content:url("/images/reservation/step_arw_on.png"); }
#reserveStep #step_img { background:#fcfcfc; padding:10px 0; height:auto; overflow:hidden;}
#reserveStep #step_img li { padding:5px 10px; box-sizing:border-box; }


#reservation h3.title { margin-top:70px; margin-bottom:20px; color:#171717; font-size:20px;}


.dealDate { border:1px solid #ccc; background:#fff; height:auto; position:relative; overflow:hidden; box-sizing:border-box; height:auto; overflow:hidden; height:350px; }
.dealDate .calender-wrap { background:#445b73; width:510px; float:left; padding:30px; height:350px; box-sizing:border-box;}
.dealDate .reserveDate {  background:#fff; width:390px; height:auto; padding:30px; float:left; box-sizing:border-box;}
.dealDate .reference { float:right; width:298px; background:#efefef; padding:30px; box-sizing:border-box;  height:350px; }
.dealDate .reserveDate .t-text { color:#777; font-size:13px; font-weight:bold;}
.dealDate .reserveDate .dotted_line_1 { margin-top:10px; margin-bottom:15px; }
.dealDate .reserveDate > ul { }
.dealDate .reserveDate > ul li { margin-top:5px; height:auto; overflow:hidden;  }
.dealDate .reserveDate > ul li:first-child { margin-top:0px; }
.dealDate .reserveDate ul label { display:block; float:left; width:110px; height:30px; line-height:30px; ;font-family:Verdana, Geneva, sans-serif !important; text-transform:uppercase; color:#333; }
.dealDate .reserveDate ul input[type="text"] { display:block; float:left; width:180px;}
.dealDate .reserveDate ul select { display:block; float:left; width:180px;}
.dealDate .reference span.title { display:block; color:#445b73; font-size:15px; font-weight:bold; font-family:Verdana, Geneva, sans-serif !important; margin-bottom:15px; text-transform:uppercase;  }
.dealDate .reference span.title-1 { color:#333; font-size:15px; font-weight:bold; margin-bottom:10px;}
.dealDate .reference ul li { } 
#reserveStep_01 .roomChoice { height:auto; overflow:hidden; border:1px solid #ccc; padding:30px; padding-top:0; }
#reserveStep_01 .roomChoice .roomlist { width:50%; float:left; height:150px; margin-top:30px; }
#reserveStep_01 .roomChoice .roomlist p.room-img { width:250px; margin-right:20px; float:left;  }
#reserveStep_01 .roomChoice .roomlist ul { float:left; width:280px; }
#reserveStep_01 .roomChoice .roomlist .roomName { color:#445b73; font-size:16px; margin-bottom:8px; text-transform:uppercase; font-weight:bold; } 
#reserveStep_01 .roomChoice .roomlist .details { font-size:13px; line-height:20px; margin-bottom:8px; color:#555; }
#reserveStep_01 .roomChoice .roomlist select { width:120px; }
#reserveStep_01 .btn { text-align:center; margin-top:50px;}
#reserveStep_01 .btn .confirm-btn { letter-spacing:0.1em; font-size:17px; font-weight:bold; width:280px; height:50px; line-height:50px;}

.promotionChoice .btn-view { background:#a1a1a1; font-family:Verdana, Geneva, sans-serif !important; display:inline-block; width:60px; line-height:24px; color:#fff; text-align:center; border-radius:3px; }

#reserveStep_03 .promotionChoice tr.pmtChoice { background:#9c9584; }
#reserveStep_03 .bfChoice { background:#fff; height:auto; border:1px solid #ccc; padding:15px; position:relative;}
#reserveStep_03 .bfChoice label[for="bf-num"] { display:inline-block; margin-bottom:10px;}
#reserveStep_03 .bfChoice select { width:60px; margin-right:5px;}
#reserveStep_03 .bfChoice a.bfDate { display:inline-block; height:28px; line-height:28px; border:1px solid #ccc; padding:0 20px; margin-left:30px; color:#777; text-decoration:none;  }
#reserveStep_03 .bfChoice a.bfDate img { margin-left:5px; vertical-align:middle;}
#reserveStep_03 .bfChoice .CalenderWrap { position:absolute; right:0; top:-20px; z-index:999999;  height:auto; overflow:hidden; background:#445b73; width:400px;  padding:15px;}
#reserveStep_03 .bfChoice .calender {  }
#reserveStep_03 .bfChoice .CalenderWrap .calender th > span { width:35px; height:28px; line-height:28px;  }
#reserveStep_03 .bfChoice .CalenderWrap .calender td > span { width:35px; height:28px; line-height:28px;}
#reserveStep_03 .bfChoice .CalenderWrap .btn_close { text-align:center; padding:7px; background:#8f9dab; }
#reserveStep_03 .bfChoice .CalenderWrap .btn_close a { display:block; color:#445b73; font-weight:bold; text-decoration:none; }
#reserveStep_03 .reservePolicy { background:#fff; height:auto; overflow:hidden; border:1px solid #ccc; padding:19px;}
#reserveStep_03 .reservePolicy h4.policy-tit { float:left; width:120px; color:#333; font-size:16px; font-weight:bold  }
#reserveStep_03 .reservePolicy p.details { float:left; width:1000px; background:#f7f7f7; padding:10px; font-size:13px; color:#777; border:1px solid #ccc; }
#reserveStep_03 .reservePolicy p.check { margin-top:5px; float:right; clear:both;}
#reserveStep_03 .reservePolicy p.check label { margin-left:5px;}
#reserveStep_03 .reservePolicy .policy_01 { height:auto; overflow:hidden;}
#reserveStep_03 .reservePolicy .policy_02 { height:auto; overflow:hidden; margin-top:10px;}
#reserveStep_03 .btn { text-align:center; margin-top:50px; }
#reserveStep_03 .btn .white-btn, #reserveStep_03 .btn .navy-btn, #reserveStep_05 .btn .white-btn, #reserveStep_05 .btn .navy-btn,
#reserveStep_06 .btn .white-btn, #reserveStep_06 .btn .navy-btn
{ width:200px; height:48px; letter-spacing:0.1em; display:inline-block; }

#reserveStep_05 td { font-weight:bold;}
#reserveStep_05 td.title span { margin-left:15px; }
#reserveStep_05 td.title span:first-child { margin-left:0; }
#reserveStep_05 td.title span label { margin-left:5px;}
#reserveStep_05 td.name input[type="text"] { width:200px;}
#reserveStep_05 td.mail input[type="text"] { width:400px;}
#reserveStep_05 td.phone input[type="text"] { width:200px;}
#reserveStep_05 td.nation select { width:200px;}
#reserveStep_05 .roomInfo { border:1px solid #ccc; padding:15px; position:relative; min-height:150px; background:#fff;}
#reserveStep_05 .roomInfo dl {position:relative; padding-left:280px;}
#reserveStep_05 .roomInfo dt.roomName { font-weight:bold; padding-top:10px; padding-bottom:10px; font-size:20px; color:#445b73; text-transform:uppercase; }
#reserveStep_05 .roomInfo dd.roomDetails { font-size:13px; line-height:20px; }
#reserveStep_05 .roomInfo dd.roomImg { position:absolute; top:0; left:0; width:250px; height:150px; }
#reserveStep_05 .roomInfo p.roomRate { position:absolute; height:40px; line-height:60px; color:#555; font-size:18px; font-weight:bold; right:20px; bottom:20px; text-align:center;}
#reserveStep_05 .spRequest { padding:15px; position:relative; height:auto; overflow:hidden; border:1px solid #ccc; background:#fff; }
#reserveStep_05 .spRequest label { display:block; margin-bottom:7px; text-transform:uppercase; font-size:15px; }
#reserveStep_05 .spRequest textarea { height:60px; color:#777 !important; padding:10px !important; line-height:18px !important; background:#efefef; width:100%; border:none; margin:0 auto; border:1px solid #ccc; font-size:13px;}
#reserveStep_05 .emailCfm { padding-top:30px; text-align:center; font-size:15px;}
#reserveStep_05 .emailCfm > p { font-weight:bold; padding-bottom:15px;}
#reserveStep_05 .emailCfm span { display:inline-block; padding:0 10px;}
#reserveStep_05 .btn { text-align:center; margin-top:50px;}

#reserveStep_06 .paymentNote { background:#fff; border:1px solid #ccc; padding:10px; font-size:14px; margin-bottom:10px; }
#reserveStep_06 .payLast { padding:20px; color:#dda622; text-align:center;}
#reserveStep_06 .payLast > span { display:inline-block; padding:0 10px; } 
#reserveStep_06 td.cardChoice select { width:200px;}
#reserveStep_06 td.cardNum input { width:330px; }
#reserveStep_06 td.cardNum > span > input { width:80px !important; }
#reserveStep_06 td.expiryDate input { width:150px; }
#reserveStep_06 td.owner input {width:330px; }
#reserveStep_06 td.mobile input { width:330px;}
#reserveStep_06 .paymentNote_1 { padding-top:30px; font-weight:bold; text-align:center; font-size:14px; }
#reserveStep_06 .btn { text-align:center; margin-top:50px;}

#reserveStep_07 .reserveComplete { border:1px solid #ccc; background-color:#fff; padding:25px; }
#reserveStep_07 .reserveComplete > p { padding-bottom:30px; line-height:26px; font-size:14px; color:#445b73; font-weight:bold; }
#reserveStep_07 .reserveComplete > ul li { margin-top:10px; height:auto; overflow:hidden;  }
#reserveStep_07 .reserveComplete > ul li span { display:inline-block; }
#reserveStep_07 .reserveComplete > ul li span.title { float:left; width:150px; font-weight:bold;}
#reserveStep_07 .reserveComplete > ul li a { }
#reserveStep_07 .btn { text-align:center; margin-top:50px;}
#reserveStep_07 .btn a.inq-btn { letter-spacing:0.1em; font-size:17px; font-weight:bold; width:280px; height:50px; line-height:50px; display:inline-block; color:#fff; }
#reserveStep_07 .btn .btn-inq { letter-spacing:0.1em; font-size:17px; font-weight:bold; width:280px; height:50px; line-height:50px;}


/* reservation inquiry */
#reserveInquiry h3.title { margin-bottom:25px;}
#reserveInquiry .reserveNumber { border:1px solid #ccc; background:#fff; padding:25px; }
#reserveInquiry .reserveNumber .text { text-align:center; color:#445b73; font-size:15px; font-weight:bold; padding-bottom:20px;}
#reserveInquiry .reserveNumber .inputNum { text-align:center; margin-top:20px;}
#reserveInquiry .reserveNumber .inputNum span { display:inline-block; padding:0 10px;}
#reserveInquiry .inquirybtn { margin-top:40px; text-align:center;}
#reserveInquiry .inquirybtn .btn-inq { letter-spacing:0.1em; font-size:17px; font-weight:bold; width:280px; height:50px; line-height:50px; }
#reserveInquiry .inquiryList { margin-top:40px;}