@charset "utf-8";

@import url(../../css/font.css);
@import url(../../css/xeicon.min.css);

/* reset */
html {min-width: 360px; margin: 0; padding: 0; overflow-y: scroll;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing:border-box; word-break: keep-all;}
body {margin: 0; padding: 0; color: #333; font-size:14px; line-height:1; font-family: NotoSansKR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; font-weight: 300;}
header, footer, article, section, aside, nav, main{display:block;}
mark{background-color:#fff;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {color:#444; text-decoration:none;}
a[href*=tel]{color: inherit;}

img{border:none;}
h1, h2, h3, h4, h5, h6, p, figure, figcaption {margin: 0; padding: 0;}
ul, ol, li, dl, dt, dd{margin: 0; padding: 0; list-style:none;}
em, address, i {font-style:  normal;}
hr{display: block; margin: 0; padding: 0; border: none;}
iframe {margin:0; padding:0; border:currentcolor; border-image-source:none;}

form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none;}
select, input, textarea {background-color: #fff; border: 1px solid #aaa; border-radius: 0; -webkit-border-radius: 0; color: #666; vertical-align: middle; font-size:  inherit; font-family: inherit; font-weight: inherit;  }
select[multiple="multiple"]	 {height: auto;}
select:focus, input:focus, textarea:focus  { border-color: #4d90fe;}
input[type="radio"], input[type="checkbox"], input[type="image"]{width:auto; border-color: transparent;}
input[type="submit"], input[type="button"] {cursor:pointer;}
:-ms-input-placeholder {color: #333;}
::-webkit-input-placeholder {color: #333;}
:-moz-placeholder {color: #333;}
::-moz-placeholder {color: #333;}
* button{position:relative;display:inline-block;margin:0;padding:0;background:none;border:0;cursor:pointer;_cursor:hand;text-decoration:none; overflow: visible; font-size: inherit; font-family: inherit; font-weight: inherit; white-space: nowrap;}
legend, caption {width: 100%; height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}

.sr-only {position:absolute; width:1px;height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}

table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.show{display:block;}
.hide{display:none;}

/*skip*/
#skip a {position:absolute; left:-3000%;}
#skip a:focus {display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
.tl{text-align:left !important;}
#wrap {overflow: hidden;}
#header{position: relative; width:100%;height:100px;background: #F2F0E8;}
#header .header_wrap {
	max-width:1080px; 
	margin:0 auto;
	height: 100%;
	}
#header .logo {
	width: 72px; 
	height: 67px;
    margin: auto;
    padding-top: 19px;
	}
#header .logo a {
	display: block;
	}	
#header .logo img {
	max-width: 100%;
	}
#header .menubtn {
	position: absolute;
	top: 50%;
	right: 20px;
	color: #000;
    font-size: 38px;
    transform: translateY(-50%);
	z-index: 50;
	}

#wrap #header .header_wrap #navigation-list{position:absolute; left:0; width:75%; background:#645c59; font-size: 15px;  z-index:99999;}
#wrap #header .header_wrap #navigation-list ul li{position:relative;}
#wrap #header .header_wrap #navigation-list ul li .depth{position:absolute; right:15px; top:11px; width:12px; cursor:pointer;}
#wrap #header .header_wrap #navigation-list ul li > a{display:block; padding:15px 20px; color:#fff;}
#wrap #header .header_wrap #navigation-list ul li ul{padding: 10px 0;background: #F2F0E8;}
#wrap #header .header_wrap #navigation-list ul li ul li p a{background:url(/mobile/images/menu_bullet.jpg) no-repeat 15px center; background-size:4px; color: #645c59;}
#wrap #header .header_wrap #navigation-list ul li ul li span a{color:#645c59;}
#wrap #header .header_wrap #navigation-list ul li ul li a{display:block; padding: 5px 15px 5px 24px;}
#wrap #header .header_wrap .blank{background:#000; opacity:0.5; width:25%; position:absolute; right:0; z-index:9999;}

#wrap #container{width:100%;}
#wrap #container .tab {background-color: #625C59;}
#wrap #container .tab:after{display:table; content:''; line-height:0; clear:both;}
#wrap #container .tab li{width:20%; float:left; text-align:center; box-sizing:border-box;}
#wrap #container .tab li a{font-size: 14px;color:#dfd4c6;display:block;padding:13px 2px;/* background:#625c59 url(/mobile/images/tab_line.jpg) right top no-repeat; */}
#wrap #container .tab li.on a{background-color: #4B423E;}
#wrap #container .tab li:last-child a{padding-right:0;}

#wrap #container #login_pop{padding:10px; width:90%; height:auto; position:absolute; top:200px; left:50%; margin-left:-45%; border:3px solid #837166; color:#444; z-index:99999; background:#fff; box-sizing:border-box;}
#wrap #container .login_title{background:url(/images/sub/booking/login.jpg) left center no-repeat; background-size:30px; padding-left:40px; font-size:1.4em; font-weight:bold; height:54px; line-height:54px; color:#191919;}
#wrap #container .login_title span{font-size:0.6em; color:#b3b2b2; font-weight:normal; margin-left:14px;}
#wrap #container .table{margin-top:10px; padding-bottom:12px; border-bottom:1px solid #e2e1e7; width:100%;}
#wrap #container .table:after{display:table; content:''; line-height:0; clear:both;}
#wrap #container .table .tb_login{border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
#wrap #container .table .tb_login tr td{font-size:0.8em; color:#444;}
#wrap #container .table .tb_login tr td:first-child{padding-left:8px;}
#wrap #container .table .tb_login tr td input{width:80%; border:1px solid #ddd; padding-left:10px; height:20px; line-height:20px;}
#wrap #container .table .login_enter{width:65px; height:60px; line-height:60px; background:url(/images/sub/booking/login_btn.jpg); float:right; margin-right:8px;}
#wrap #container .table .login_enter a{display:block; color:#fff; font-size:1.2em; text-align:center;}
#wrap #container #login_pop #pop_close{position:absolute; top:25px; right:10px; cursor:pointer;}
#wrap #container .login_button{margin-top:19px; text-align:center;}
#wrap #container .login_button:after{display:table; content:''; line-height:0; clear:both;}
#wrap #container .login_button a{display:inline-block; background:#837166; color:#fff; font-size:0.8em; font-weight:bold; width:48%; height:50px; line-height:50px; text-align:center;}
#wrap #container .login_button a:first-child{}

/*accommodation*/
#container .acco_menu{width:100%; height: 45px; margin:20px 0 35px; background:#645C59; }
#container .acco_menu ul{width:100%;margin:0 auto;height: 45px;}
#container .acco_menu ul:after{clear:both; display:table; content:''; line-height:0; }
#container .acco_menu ul li {float:left;position:relative;height: 100%;width:20%;border-right: 1px solid rgba(255,255,255, .3);box-sizing: border-box;}
#container .acco_menu ul li a{display:block; color:#fff; font-size:14px;}
#container .acco_menu > ul > li > a {position: relative;display: flex;display: -webkit-flex;flex-flow: row wrap;align-items: center;align-content: center;/* justify-content: center; */padding: 0 13px;height: 100%;}
#container .acco_menu > ul > li > a::after {position: absolute; top: 50%; right: 10px; font-family:xeicon; content:"\e941";  transform: translateY(-50%);}
#container .acco_menu > ul > li:first-child > a::after {display: none;}
#container .acco_menu > ul > li.two > a::after {display: block;}
#container .acco_menu ul li p {display:none; position:absolute; left:0px; width: 100% !important; z-index:999;}
#container .acco_menu ul li p span{display:block;}
#container .acco_menu ul li p span a{display:block;padding: 8px 13px; background:#4b423e; color:#cbbcb4; line-height: 1.5;}
#container .acco_menu ul li p span a:hover{background:#625c59; color:#fff;}
#container .acco_menu ul li.two{width: 45%;}
#container .acco_menu ul li.last{width: 55%;}

#container .container_wrap .acco .acco_left .rule span.point {color: #ff0000;}


#container .slide_wrap{position:relative; margin-bottom:15px;}
.slide_wrap .bx-wrapper .bx-controls-direction, .slide2 .bx-wrapper .bx-controls-direction{width:100%;}
.slide_wrap .bx-wrapper img{width:100%; height:100%;} 
.slide_wrap .bx-wrapper .bx-prev{left:0px; background: url(/images/sub/accommodation/acco_left.png) no-repeat;} 
.slide_wrap .bx-wrapper .bx-next{right:0px; background: url(/images/sub/accommodation/acco_right.png) no-repeat;}
.slide_wrap .bx-wrapper .bx-controls-direction a{bottom:40%; position: absolute; width: 50px; height:50px; text-indent: -9999px; z-index: 90;}
.slide_wrap .bx-wrapper .bx-controls-direction a.disabled{display: none;}
.slide_wrap .bx-wrapper .bx-controls-direction{display:block;}
#container .acco .acco_tit{margin-bottom:15px; padding-top:12px; background:url(/images/sub/accommodation/acco_tit.jpg) left top no-repeat; font-size: 16px; font-weight: 600;}
#container .container_wrap .acco .acco_left p.acco_tit2{margin-bottom:10px; color:#000; font-size: 15px;  font-weight: 500; }
#container .container_wrap .acco .acco_left p.acco_text{font-size:0.9em; color:#666; line-height:24px; margin-bottom:25px;}
#container .container_wrap .acco .acco_left .room_info{margin-bottom:30px; border-top:1px solid #67564c;}
#container .container_wrap .acco .acco_left .room_info li{border-bottom:1px solid #d2cac2;  display:table; width:100%;}
#container .container_wrap .acco .acco_left .room_info li span{display:table-cell; height:40px; line-height:20px; color:#666; font-size:0.9em; padding-left:10px; width:70%; box-sizing:border-box; vertical-align:middle;}
#container .container_wrap .acco .acco_left .room_info li span:first-child{padding-left:10px; width:30%; border-right:1px solid #d2cac2; background:#9a8c7e; color:#fff;}

#container .container_wrap .acco .acco_left .service{margin-bottom:30px;}
#container .container_wrap .acco .acco_left .service li.text{border:1px solid #ddd; padding:10px 0px 10px 10px; width:100%; box-sizing:border-box;}
#container .container_wrap .acco .acco_left .service li p{margin:1em 0; position:relative; line-height:16px;}
#container .container_wrap .acco .acco_left .service li p img{vertical-align:middle;}
#container .container_wrap .acco .acco_left .service li .img{width:100%; display:block;}

#container .container_wrap .acco .acco_left .mb0{margin-bottom:0 !important;}
#container .container_wrap .acco .acco_left .acco_tb{border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #9a8c7e; margin-bottom:30px; width:100%;}
#container .container_wrap .acco .acco_left .acco_tb th{font-size:0.9em; color:#1e1c19; background:#f1e9e4; border:1px solid #d2cac2; padding:13px 0; text-align:center;}
#container .container_wrap .acco .acco_left .acco_tb th:first-child{}
#container .container_wrap .acco .acco_left .acco_tb td{font-size:0.9em; color:#666; text-align:center; padding:13px 0; border:1px solid #d2cac2;}
#container .container_wrap .acco .acco_left .acco_tb td.bg{background:#f1e9e4; color:#837166;}
#container .container_wrap .acco .acco_left .explan{font-size:0.8em; color:#e07a3f; text-align:right; margin:10px 0 30px;}
#container .container_wrap .acco .acco_left .rule{padding:10px; background:#f7f7f7; border:1px solid #dedede; width:100%; box-sizing:border-box;}
#container .container_wrap .acco .acco_left .rule li{}
#container .container_wrap .acco .acco_left .rule li p{padding-left:10px; background:url(/images/sub/accommodation/acco_bullet.jpg) left 9px no-repeat; margin-bottom:5px; line-height:22px; font-size:0.9em; color:#666;}
#container .container_wrap .acco .acco_left .rule li p span{color:#000;}
#container .container_wrap .acco .acco_left .information{margin:10px 0;}
#container .container_wrap .acco .acco_left .information .tel{height:58px; line-height:58px; padding-left:60px; background:url(/images/sub/accommodation/tell.jpg) 10px center no-repeat; font-size:1.1em; color:#000; display:inline-block; background-size:40px;}
#container .container_wrap .acco .acco_left .information .tel span{color:#a46339;}
#container .container_wrap .acco .acco_left .m_btn{text-align:right; margin-bottom:20px;}
#container .container_wrap .acco .acco_left .m_btn .btn2{font-size:1.1em; color:#fff; text-align:center; width:35%; height:40px; line-height:40px; background:url(/images/sub/btn2.jpg) no-repeat; display:inline-block; background-size:100% 100%;}

#container .container_wrap .acco .acco_left .room_info{margin-bottom:30px; border-top:1px solid #67564c; border-right:1px solid #d2cac2;}
#container .container_wrap .acco .acco_left .room_info li{border-bottom:1px solid #d2cac2; width:100%; display:table;}
#container .container_wrap .acco .acco_left .room_info li span{display:table-cell; line-height:24px; color:#666; font-size:0.9em; padding-left:10px; width:70%; box-sizing:border-box;}
#container .container_wrap .acco .acco_left .room_info li span:first-child{width:30%; border-right:1px solid #d2cac2; background:#9a8c7e; color:#fff;}

#wrap #footer{background: #F2F0E8;padding:15px;}
#wrap #footer .footer_wrap{width:100%; margin:0 auto;}
#wrap #footer .footer_wrap .f_button{width:20%;background: #D8D3C0;padding:10px 0;margin:0 auto 5px;}
#wrap #footer .footer_wrap .f_button a{display:block; color:#666; font-size:0.9em; text-align:center; font-weight:bold;}
#wrap #footer .footer_wrap p{color:#666; font-size:0.7em; text-align:center;}
#wrap #footer .footer_wrap p.privacy{margin:8px 0;}
#wrap #footer .footer_wrap p.privacy a{color:#555; font-size:1.2em;}

@media all and (min-width:620px){
.slide_wrap .bx-wrapper .bx-controls-direction a{bottom:45%;}
	}
@media all and (max-width: 480px){
#wrap #header .header_wrap #navigation-list {
	width: 100%;
	}
#container .acco_menu ul li a {
	font-size: 13px;
	}
}
@media all and (max-width: 370px){
#wrap #container .contents .room_info{margin-top:30px;}
#wrap #container .contents .dining{margin-top:30px; margin-bottom:30px;}
.bx-wrapper .bx-pager.bx-default-pager{bottom:-20px;}
.bx-wrapper .bx-pager.bx-default-pager a{width:5px; height:5px; border-radius:5px;}
#container .acco_menu ul li.two,
#container .acco_menu ul li.last{width: 50%;}

}
@media all and (max-width:320px){
.slide_wrap .bx-wrapper .bx-controls-direction a{position: absolute; width:30px; height:30px; text-indent: -9999px; z-index: 9999; background-size:100% 100%;}
#container .acco_menu ul li.last a{letter-spacing:-1px;}
#container .acco_menu ul li.last a.last_a{letter-spacing:-1.5px;}
}