@charset "utf-8";

/*@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
/*@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);*/
/*20210802 jhk : url(http://~) --> url(//) */ 
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
    font-family: 'Gyeonggi_Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Gyeonggi_Regular.woff');
}


html, body {width: 100%;word-break: keep-all;}
html, body, div, section, nav, li, a, button, form, input, label, span, p, small, i, h1, h2, h3, h4, h5, h6, header, footer {font-family: 'Noto Sans KR', sans-serif;font-weight: 300;letter-spacing: 0.8px;word-break: keep-all;}

.container {padding: 0;}

h1, h2, h3, h4, h5, h6 {font-weight: 500;}

.text-vertical-center h3 {font-weight: 500;font-size: 22px;}


input.space {padding: 0;margin: 0;}

a {color:#333;}
a:hover, a:active, a:focus {color:#333;}
a, a:hover, a:focus, a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.related-post li h4 a:hover, span.highlight, article .post-heading h3 a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .active > a:focus {text-decoration: none;cursor: pointer;}

.float_wrap {display: inline-block;}
.float {float:left;}

hr {margin: 20px auto;}

input[type="checkbox"] {cursor: pointer;}


table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {vertical-align: middle}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle; }
.table > thead > tr > th {border-bottom: 1px solid #ddd;}

section {margin: 30px 0;}

.btn {border-radius: 0;}
.btn-primary {background-color: #666;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #4f4f4f;}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {background:#4f4f4f;}

#sub-bg {
    width: 100%;
    height: 120px;
}
.sub-bg {background: url(../../views/img/sub-bg.jpg) center center no-repeat;overflow-y: hidden;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: top;text-align: center;}    

.sub-bg > .sub-bg-con{text-align: center;color:#fff;font-size: 1.1em;font-weight: 600;margin-top: 90px;}

/*map*/

#map {height: 400px;width: 100%;}

/*body 컨텐츠 해상도별 여백*/

.wrap {margin: 80px auto; padding-top: 34px; max-width: 1100px;}

@media all and (min-width: 1200px) { 
	.wrap {min-height:600px;}
}
.con-title{color:#999;font-weight: 600;margin-bottom: 40px;margin-left: 15px;}
.con-title-pass {color:#999;font-weight: 800;margin-bottom: 40px;}

@media (min-width: 520px) { 
    .hidden-mobile {display: none;}
}

/*nav*/

header ul.nav li {margin-left: 25px;}
.navbar-header {float: none;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0;margin-left: 0;}

.navbar.navbar-index {background:rgba(0,0,0,0.15);border-bottom: 1px solid #ddd;}
.navbar-brand {margin-top: 20px;font-weight: 600;display: block;text-align: center;width:100%;padding: 0;}
header .navbar-nav.navbar-index > li {padding-top: 16px;}
.navbar-brand > span {font-weight: 500;}
.affix.navbar {background:rgba(255,255,255,0.85);}
.affix .navbar-brand span {color:#777;font-weight: 500;}
.affix .navbar-brand span:first-child {color:#58b2d9;}
.navbar-default .navbar-brand span:first-child {color:#58b2d9;font-weight: bold;}

.navbar-default {background:#fff;border-bottom: 1px solid #ddd;}
.navbar-default .navbar-brand {color:#777;}
.navbar-default.navbar-index .navbar-brand {color:#fff;}
.affix.navbar-default .navbar-brand {color:#777;}
.navbar-default .nav > li > a, .affix.navbar .nav > li > a {color:#777;}
.navbar-default.navbar-index .nav > li > a {color:#fff;}

header ul.nav li {margin: 0;}

.affix {padding-top: 10px;}

/*PC*/
@media (min-width: 768px) {
    .navbar-brand {border-bottom: 1px solid #ddd;}
    header .navbar-nav > li {float: none;padding-top: 0;}
    header .navbar-collapse ul.navbar-nav {float: none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;max-width:1100px;margin: 0 auto;}
    .navbar .nav > li > a, .navbar .nav > li > a {border-top: 2px solid transparent;border-bottom: 2px solid transparent;}
    .navbar.navbar-index .nav > li > a:hover, .navba.navbar-indexr .nav > li > a:focus {color:#fff;border-bottom:2px solid #fff;}
    .navbar.navbar-index.affix .nav > li > a, .navbar.navbar-index.affix .nav > li > a {color:#777;}
    .navbar.navbar-index.affix .nav > li > a:hover, .navbar.navbar-index.affix .nav > li > a:focus {color:#777;border-bottom:2px solid #777;}
    .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {color:#777;border-bottom: 2px solid #777;}
}

/*모바일*/
@media (max-width: 767px) {
    .navbar-collapse {float: none;}
/*    header .navbar-collapse ul.navbar-nav {float: none;}*/
    .wrap {margin-top: 80px;}
    .navbar-header {margin-top: 0;}
    .navbar-default .navbar-toggle {margin-top: 20px;color: #58b2d9;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #58b2d9;}
    .affix .navbar-toggle .icon-bar {background-color:#58b2d9;}
    .navbar-default.navbar-index .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default .navbar-brand {width:auto;}
    .navbar .nav > li > a {font-size: 18px; margin-left: 0;font-weight: 400;color:#666;}
}
    
.navbar-default.on .navbar-header {margin-top: 0;background-color: #fff;}
.navbar-default.on .navbar-brand {color: #777;}
.navbar-default.on .navbar-brand span {color: #58b2d9;}
.navbar-default.on .navbar-toggle .icon-bar {background-color: #58b2d9;}
.navbar-default.affix .navbar-toggle .icon-bar {background-color: #58b2d9;}
.navbar-default.navbar-index.on .nav > li > a {color: #777;}

/*index*/

.index_wrap {margin: 80px auto;}

.flex-direction-nav a {height: 40px;}

.index_info_room {box-shadow: 0 0 5px #ddd;padding-bottom:30px;position:relative; box-sizing: border-box; border-bottom:6px solid #bbb;margin: 30px 0;}
.room-info .index_info_room {background:#fff;margin: 15px auto;padding-bottom: 15px;}
.index_info_text {padding: 0 20px;}
.index_info_text h3 {margin-top: 20px;}
.index_info_text p {height: 5em;font-size: 1.1em;}
.index_info_text div {width:20px;height: 20px;border: 2px solid #bbb;}

@media (max-width: 320px) {
    .index_info_text p {height: auto;}
}

.index_info_room:hover {border-bottom:6px solid #58b2d9; transition :all .5s ease-in-out;box-shadow: 0 0 17px #999;}

.index_info_room .btn-primary {background-color: #bbb;}
.index_info_room .btn-primary.on{background-color: #58b2d9;}

.flexslider {overflow: hidden;}
.text-vertical-center h1 {color:#aaa;}

.index-title {color:#666;font-size: 22px;padding: 0;margin-bottom: 50px;}
.index-title span {border-bottom: 3px solid #555;padding-bottom: 5px;}

.index_wrap .container-fluid, .index_wrap .col-lg-12, .index_wrap .col-md-6, .index_wrap .col-md-7, .index_wrap .col-md-5 {padding: 0;}
.index_wrap .index-title {border-bottom:1px solid #ccc;padding-bottom: 5px;} 
.index_wrap .room_con_wrap .room_img:first-child {margin:3.8% 0;}
.index_wrap .room_con_wrap .room_info {position: absolute;width: 450px;background: #fff;text-align: right;height: 320px;margin-top: 11%;left: 40%;padding: 40px;}
/*.index_wrap .room_con_wrap .room_info .room_location {display: inline-block;color: #333;}*/
.index_wrap .room_con_wrap .room_info .room_location {display: inline-block;color: #58b2d9;font-size: 17px;}
.index_wrap .room_con_wrap .room_info .room_info_text {padding-top: 0;}
.index_wrap .room_con_wrap .room_info .room_info_text h3 {border-bottom: 1px solid #aaa;padding-bottom: 16px;font-size: 28px;color:#666;text-align: right;}
.index_wrap .room_con_wrap .room_info .room_info_text h3 span {border-bottom: 3px solid #666;padding-bottom: 9px;text-align: right;}
.index_wrap .room_con_wrap .room_info .room_info_text p {text-align: right;margin-bottom: 30px;max-width: 300px;margin-left:auto;font-size: 16px;}
.index_wrap .room_con_wrap .room_info .room_info_text a {width:400px;background:#333;color:#fff;padding:12px;margin-left: -100px;display: block;text-align: right;}
.index_wrap .room_con_wrap .room_info .room_info_text a i {margin-top: 0;margin-left: 15px;}
    
@media all and (max-width: 1200px) { 
    .index_wrap .room_con_wrap .room_info {margin-top: 8%;}
}
@media all and (max-width: 991px) { 
    .index_wrap {margin: auto;}
    .index_wrap .index-title {margin-right: 20px;margin-bottom: 0;}
    .index_wrap .room_con_wrap .room_info {width: 100%;position: relative;left: 0;margin-top: 0;text-align: left;}
    .index_wrap .room_con_wrap .room_info .room_info_text h3 {text-align: left;}
    .index_wrap .room_con_wrap .room_info .room_info_text p {text-align: left;margin-right: auto;margin-left: 0;}
    .index_wrap .room_con_wrap .room_info .room_info_text a {text-align: left;margin: auto;display: block;width:auto;}
    
}

/*private 개인정보 취급방침*/

.private-box {border:1px solid #ccc;border-top: 3px solid #666;padding: 50px;margin: 50px auto;}

/*info_room 예약*/

.detail_title {padding-bottom: 18px;border-bottom: 1px solid #aaa;margin-left: 10px;margin-top: 35px;color:#666;font-weight: 500;}
.detail_title span {padding-bottom: 10px;border-bottom: 3px solid #666;font-weight: 500;}

.detail_sub_info {color: #777;margin: 10px;font-size: 13px;margin-bottom: 20px;}

.info_room_btn {display: inline-block;width: 100%;margin-top: 10px;}
@media (min-width: 768px) {
    .info_room_btn_qna {width: 45.666667%;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0;}
}

.flatpickr-current-month {font-size: 100%;}

.flex-control-thumbs {margin: 0;}

.representative_img_wrap {overflow: hidden;}

.room-title {padding-top: 20px;}
.room-title+span {color:#666;line-height: 2;}
.list-group {margin: 0;}
.modal-body .list-group-item{border-radius: 9px 9px 0 0;}
.modal-title {margin-left: 10px;float: left;font-weight: 800;font-size: 1.8em;}
.modal-header {line-height: 3;padding: 5px 15px 5px 15px;}
.modal-header .close{margin-top: 4px;}
.modal-header span{margin-left: 10px;}
.list-group-item{box-shadow: 0 0 5px #ddd;border: 0;padding: 0px;}
.item-mobile{padding: 0;margin: 0;}
.list-group-item-info {color:#333;font-weight: bold; background-color: #f2f2f2;}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {background-color: #fff;}
.reserv_info table {margin-top: 30px;}
.reserv_info td {padding: 0;}
#reserv_info h5 {margin-bottom: 0;border-bottom:1px solid #aaa;padding-bottom: 14px;}
#reserv_info h5 span {border-bottom: 3px solid #666;padding-bottom: 10px;}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {color: 777;}
.room-info {text-align: center;margin-top: -10px;}
.select_box {cursor: pointer;color:#333;max-width: 76px; margin: 0 auto;margin-top: 10px;font-size: 18px;height: auto;}
.select_box option {font-size: 18px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #1C0113;border-color: #1C0113; color:#fff;}
.pagination > li > a, .pagination > li > span {color: #1c0113;}
.pagination > li > a:hover, .pagination > li > span:hover {color: #1c0113; background-color: #f2f2f2;}
.list-group-item .form-control {margin-right: 0;}
.table-stripe {max-width: 500px;margin: 0 auto;}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color:#fff;}
.flatpickr-calendar.inline{margin-bottom: 20px;}
.disabled input[readonly] {background-color: #fff;border: 1px solid #ddd; text-align: center;padding: 5px;font-size: 1.3em; font-weight: 400;border-radius: 5px;color: #2699cb;margin-top: 10px;}
#reserv_info2 {border-radius: 0 0 9px 9px;margin: 25px auto;}
#reserv_info2 input::placeholder {color: #bbb; font-weight: 300; font-size: 90%;}
#reserv_info2>input::-webkit-input-placeholder {color: #bbb; font-weight: 300; font-size: 80%;}
#reserv_info2 ::-moz-placeholder {color: #bbb; font-weight: 300; font-size: 80%;}
#reserv_info2 :-ms-input-placeholder {color: #bbb; font-weight: 300; font-size: 80%;}
#reserv_info2 :-moz-placeholder {color: #bbb; font-weight: 300; font-size: 80%;}
.room-title-wrap {padding: 0 5px;}
#paging {padding: 0;}
big {margin-bottom: 10px;}

.info_room .info_pension {overflow: hidden;background: #fff;box-shadow: 0 0 20px #AAA;}
@media all and (max-width: 767px) {
    .info_room .info_pension {box-shadow: none;}
    .info_room_info_wrap {padding: 0;}
}

.detail_information {border:1px solid #dfdfdf; padding: 10px;margin: 10px;}
.info_room .info_room_slide {padding: 0;}

#donggum {background: url('../../views/img/pension_donggum_bg.jpg') no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: .25;background-size: 100% 100%;}
#sanghwawon {background: url('../../views/img/pension_sanghwawon_bg.jpg') no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: .25;background-size: 100% 100%;}
.info_room .table {margin-bottom: 0;}
.info_room .table > tbody > tr > th {vertical-align: top;}

@media all and (max-width: 991px) { 
    .room-info .index_info_room{padding: 0;}
    
    .room-title-wrap h4 {font-size:14px;}
    .room-title {padding:0;margin:5px;}
    
    .list-group-item {box-shadow: 0 0 0 #fff;}
    
    .wrap {max-width: 700px;}
}

.info_reserv_find .fa {width: 30px;}

#reserv_btn, #reserv_btn + button {margin: 0 auto;margin-top: 20px;}

.room_info {display: inline-block;}
.room_info.sanghwawon_button {margin: 4px 1px;}
.sanghwawon_button_wrap {padding: 0 10px;padding-bottom: 12px;min-height: 161px;}


.modal-body {padding: 0;}
.modal-content {border-radius: 9px;padding: 20px;}
.modal-dialog {max-width: 1000px;}
@media (min-width: 991px) {
    .modal-dialog {width: 1000px;}
}
.btn-login, .btn-login:hover, .btn-login:focus{background-color: #337ab7;color: #fff;}

.login {margin-top: -12px;}
.find_id, .find_pwd {padding: 0;}
.find_id {padding-right: 10px;}

@media (max-width:800px) {
    .find_id {padding:0;}
}

.omb_loginForm .input-group input {height: 50px;}
.omb_loginForm label{cursor: pointer;}


.default {color:#337ab7; font-weight: bold;}

.form {width: 90%;margin: 0 auto;}

.btn {font-size:15px;}

label {margin-bottom: 6px;color:#666;}

.img-responsive {display: inline;width: 100%;}

.line-height {line-height: 2;}

.bgc{background-color: #ddd;}

.border{border: 0;}

.table > tbody > tr > td{padding: 8px 8px;}

.table > tbody > tr > td.space{padding: 8px 0;}


h2.text-danger {margin-bottom: 0;}

.nav-pills > li > a{border-radius: 0;position:relative;box-sizing: border-box;color:#bbb;background-color: #fff;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color:#58b2d9;background-color: #fff;font-weight: 600;}

.nav > li > a {}

.nav > li > a:hover, .nav > li > a:focus {background-color: #fff;}
.mypage-a {font-size: 1.2em;font-weight: 600;color: #bbb;background-color: #fff;}

.mypage-a:hover {background-color:#fff;color:#58b2d9;font-weight: 600;}

.mypage-a > i {font-size: 45px;}

.table {font-size: 14px;}

.thumb_park {max-width: 70px;}

.list-bg {background-color: #f6f6f6;}
.card-bg {background-color: #fff;}

.navbar-default .navbar-collapse {padding: 0 10px;}

@media (min-width: 900px) {
    .navbar-default .navbar-collapse {padding: 0 20px;}
}

.vcenter p{font-size: 24px; color:#dfdfdf;letter-spacing: 5px;text-shadow:#666 0px 0px 1px;}

.detail-img{max-height: 250px}

.col-sm-6 > .btn {margin-top: 15px;}

.vertical {display: inline-block;vertical-align: middle;text-align: center;}

.group {padding: 0 100px;}

@media (max-width: 600px) { 
    .group {padding: 0;}
}

.group .detail-table {border: 1px solid #ddd;}

.group .table > tbody > tr > td{line-height: 2;}

#r_room_group{visibility: visible;padding: 0 10px;}

.view_con {min-height: 100px;}

.label {font-weight: 400;font-size: 90%;}

.cs_nav_wrap {float: left; text-align: center;width: 100%;}
.cs_nav {margin: 0 auto;}
.cs_nav > li {width:150px;}
.mypage-menu .cs_nav > li {width:90px;}
.cs_nav.nav-pills > li + li {margin: 0;}
.cs_nav.nav-justified > li {display: inline-block;}
.my_nav > li {width:50%;}
.my_nav.nav-pills > li + li {margin: 0;}
.my_nav.nav-justified > li {float: left;}

.list_info {margin-top: 8px;color: #666;font-size: 0.9em;}

tr.list {border-top: 1px solid #000;}

#example {table-layout: fixed;margin-top: 20px;}
#example th{overflow: hidden;}
#example tbody {border-top: 1px solid #000;}
#example tfoot button {float: right;}
#example th {text-align: center;}

select.input-sm {margin-top: 6px;}

.fa-angle-right {margin-top: 12px;}

.meal label {cursor: pointer;}

.meal_wrap {padding: 0;}

.badge-new {border-radius: 15px; padding: 2px 5px 5px 5px; font-weight: 400;font-size: 0.8em;}

.badge-light {background-color: #dfdfdf;color:#666;min-width: 58px; margin-right: 5px;}

.board_wrap div, .board_wrap td{word-break:break-all;}

.table .fa-lock {color:#aaa;}


/*페이징*/

.row {width: 100%;margin: 0 auto;}

.welcome h2 {color:#666;}
.point {width: 350px;padding: 20px 0;background-color: #aaa;line-height: 2;}
.point hr {margin: 20px;}
.point p {color:#fff;font-weight: 500;font-size: 1.2em;}
.point h1 {color: #fff;}


/*포인트*/

.point_wrap {text-align: center;margin-bottom: 20px;}
.point_wrap .point_list {max-width: 900px;}
.point_wrap .row .point_img {background: #fff url("../../views/img/point.svg") no-repeat center;padding:50px 15px 35px 25px;}
.point_wrap .row .point_img h4 {margin: 10px;}
.point_wrap .row .point_img p {margin: 5px;font-size: 14px;}
.point_wrap .point_sum h1 {color:#58b2d9;font-weight: 800;font-size: 3.2em;}
.point_wrap h4 {color:#666;margin-bottom: 10px;}
.point_wrap h1 {color:#333;margin-top: 0;margin-bottom: 10px;}


input[type="checkbox"] + small {cursor: pointer;}

/*faq*/

.accordion {margin: 0 auto;}
.accordion .panel-heading {cursor: pointer; padding: 10px 15px;}
.accordion .panel-group {border-top: 1px solid #333;border-bottom: 1px solid #333;}
.accordion .panel-group .panel{border-radius: 0;}
.accordion .panel-collapse {background-color: #f6f6f6;}
.faq_q {position: relative;padding: 5px 50px 5px 60px;}
.faq_q p {position: relative;margin-bottom: 0px;margin-left: 30px;}
.faq_q:before {content: 'Q';font-family: "Nanum Myeongjo", serif;font-weight: 800;position: absolute;left: 15px;line-height: 1;background: #f0f0f0;padding:10px;border-radius: 100%;top: -1px;}
.faq_q:after {content: '+';position: absolute;top: 10px;right: 15px;}
.faq_a {position: relative;padding: 5px 50px 5px 60px;}
.faq_a p {position: relative;margin-bottom: 0px;margin-left: 30px;}
.faq_a:before {content: 'A';font-family: "Nanum Myeongjo", serif;font-weight: 800;position: absolute;left: 15px;line-height: 1;background: #aaa;padding: 10px;border-radius: 100%;color: #fff;top: -1px;}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border: 0; padding: 10px 15px;}
.accordion .panel-default > .panel-heading{background-color: #fff;border: 0;border-bottom: 1px solid #ddd;}
.accordion .panel{border: 0;box-shadow:0 0 0 rgba(0, 0, 0, 0);}


#example {max-width:900px !important;}

.dataTables_length {display: none;}

.dataTables_filter {width: 200px;right: 0;}

#example_wrapper .row:first-child {margin: 0;}

#facilities {padding-top: 10px;line-height: 1.7;}

.modal-dialog {margin: 10px auto;}

.dataTables_wrapper .row {margin-bottom: 0;}


.full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;}

.carousel-caption {top:50%;margin-top: -120px;text-shadow: 0 0 0 rgba(0,0,0,0)}
.bg-title {font-size: 3.8em;color:#fff; font-weight: 800;box-shadow: 0 0 0 #fff;}
.text-vertical-center {background:rgba(0,0,0,0.05);}
.text-vertical-center h3.bg-text {font-family: 'Nanum Brush Script', serif;color:#fff;font-weight: 400;font-size: 2.8em;display: inline-block;padding: 20px;text-shadow: 0 0 10px #bbb;}
.text-vertical-center h3.bg-text big {font-size: 1.8em;}

mark {background:transparent;color:#fff;}

.cs_nav {padding-bottom:30px;position:relative; box-sizing: border-box; margin: 30px auto;}
.cs_nav > li {box-sizing: border-box; border-bottom:6px solid #bbb;}
.cs_nav > li:hover {border-bottom:6px solid #58b2d9; transition :all .5s ease-in-out; }
.cs_nav > li.active {border-bottom: 6px solid #58b2d9;}

.mypage_nav > li {width: 150px;}

.join_terms .panel-group {margin-top: 50px;}
.join_terms .panel-body {overflow-y:scroll;height: 350px;}
.join_terms label {cursor: pointer;}
.join_terms .text-right {margin: 10px;}

.join_form {margin-top: 50px;}
.join_form .table th, .join_form .table td {vertical-align: middle;}
.join_form select[name=phone1], .join_form select[name=birth_month] {height: 34px;width: 100%;min-width:35px}

.find_form .table th, .find_form .table td {vertical-align: middle;}

.find_ok .col-sm-8 {background-color: #f2f2f2;padding:30px 0;}
.find_ok h3, .find_ok p {margin: 30px 0;}

#include_agreement {overflow-y: scroll; height: 270px;}
.reserv_form strong{font-size: 1.2em;color:#666;}
.reserv_form h5 {line-height: 1.8;}
.reserv_form label {cursor: pointer;}
.reserv_form .col-lg-7:first-child {margin-top: 30px;}
.panel-heading.row, .panel-body.row {margin-bottom: 0;}
.reserv_img {padding: 0;}
.reserv_info {padding-left: 15px;}
@media (max-width: 767px) { 
    .reserv_info {padding: 0;font-size: 1.2em;}
}
.form-inline.row {margin-bottom: 0;}
.form-inline .col-xs-4:first-child {width:25%;}
.form-inline .col-xs-4:first-child select{padding: 5px;}
.form-inline .col-xs-4:nth-child(2){width:40%}
.reserv_form .fa-angle-down {margin: 10px 0;}
.reserv_form .table {margin-bottom: 0;}
@media (min-width: 1199px) { 
    .reserv_form .col-lg-7:first-child {padding-left: 0;}
    .reserv_form .col-lg-5 {padding-right: 0;}
}
@media (max-width: 1199px) { 
    .reserv_form .col-lg-7:first-child, .reserv_form .col-lg-5 {padding: 0;}
}

.my_reserv_wrap .col-sm-6 {padding-bottom: 30px;}
.my_reserv {padding-right: 0;}
.my_reserv.index_info_room {padding-bottom: 30px;}
.my_reserv .btn-danger,.my_reserv  .btn-warning,.my_reserv  .btn-success {border: 0;}
.my_reserv .btn-danger:hover {background: #a40b0b;border: 0;}
.my_reserv .btn-warning:hover {background: #F0B300;border: 0;}
.my_reserv .btn-success:hover {background: #11766D;border: 0;}

.number-spinner {width: 100%;}
.number-spinner input {width: auto;display: inline;min-width: 35px;}
.number-spinner div:first-child {margin-top: 5px;}
.number-spinner .col-xs-6 {padding: 0;}
.input-group.row {margin-bottom: 0px;}
.input-group-btn {width: 0;}
.spinner {height: 34px;}

.index-reservation {max-width:1000px;}
.index-reservation .col-sm-6 {padding-left: 25px;padding-right: 25px;display: inline;}
.index-reservation .col-sm-6 p {margin: 0;font-size: 16px;}
.index-reservation .col-sm-6 span {position: absolute;top: 0;left: 0;/* top: 4px; */font-size: 13px;line-height: 18px;}
/*.index-reservation .col-sm-6 strong {background: #58b2d9;color: #fff;padding: 12px 10px;position: absolute;width: 70px;font-weight: 500;font-size: 15px;line-height: 1.5;}*/
.index-reservation .col-sm-6 strong {background: #58b2d9;color: #fff;padding: 12px 10px;position: absolute;width: 80px;font-weight: 500;font-size: 18px;line-height: 1.5;}
.index_info_room {padding-bottom: 0;margin: 0 auto;}
.index_info_text {margin-bottom: 10px;}
.index_info_text h3 {word-break: keep-all;line-height: 32px;}

.carousel-indicators {left: auto;right: 20px;top: 15px;width: 10px;}
.carousel-indicators li {border: 2px solid #fff;width: 13px;height: 13px;box-shadow: 0 2px 1px rgba(0,0,0,0.6);}

.carousel-caption {position: static;margin-top: 0;color: #666;}

/*footer*/
footer {padding-top: 30px; line-height: 1.8;}
footer address, footer div, footer a {line-height: 1.8;font-size: 13px;}
.footer_info {margin-bottom:20px;max-width: 1000px;}
.footer_img {margin-bottom: 15px;}
.widget h4, .widget h5 {margin-top: 0;margin-bottom: 10px;font-size: 16px;font-weight: bold;}
.widget a {display: inline-block;border:1px solid #fff; padding: 5px;background: transparent;}

footer .copyright {background:#fff;text-align:center;}
footer .copyright .widget p, footer .copyright .widget a {color:#555; border:none;}

.reserv_form span.disabled {color:#aaa;}

.chk_meal label {font-size: 14px;}
.chk_meal input, input[type="checkbox"] {vertical-align: middle;margin: 0;}

.payment h5 {margin: 5px;}

.info_room_wrap {margin: 50px auto;}

.info_wrap {padding: 20px;border: 1px solid #ccc;margin-bottom: 30px;}
.info_wrap h5 {font-size: 18px;color: #666;padding-bottom: 18px;border-bottom: 1px solid #666;}
.info_wrap h5 span {color:#444;font-weight: 400;padding-bottom: 12px;border-bottom:3px solid #444;}

@media (max-width: 767px) {
    .cs_nav > li {width:auto;border-bottom: 1px solid #bbb;}
    .cs_nav > li:hover, .cs_nav > li.active {border-bottom: 4px solid #58b2d9;}
    .nav > li > a {padding: 10px 5px;font-size: 14px;}
    .faq_q p {font-size: 14px;}
}

.people_select {color: #58b2d9}

.reserv_ok_wrap {background: #f2f2f2;padding: 80px 30px;max-width: 1000px;margin: 0 auto;}
/*.reserv_ok_wrap .fa {font-size: 80px;}*/
.reserv_ok_wrap hr {border-color: #aaa;margin: 30px auto;max-width: 550px;}
.reserv_ok_wrap h4 {color:#777;}
.reserv_ok_wrap .point {background: transparent;color:#58b2d9;font-weight: 600;}

.space {padding: 0;margin: 0;}

.table_charge {margin-top: 30px;}

.table a {display: block;}

hr.small {margin: 50px auto;}

.range_date {max-width: 120px; margin: 0 auto;}

.btn-pass {line-height:1.8;font-size:16px;padding:20px;margin-top: 70px;margin-bottom: 70px;}

@media (max-width: 768px) {
	.btn-pass {margin:20px;display:block;}
}