/*사이드메뉴*/
.sideMenu_header {
    background: #57524e;
    padding: 0 10px;
}

.sideMenu_header h1 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 20px 0
}

.sideMenu_header i {
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 24px;
    color: #fff;
}

/*호텔 검색폼*/
.hotel_search_top {
    background: #55524f;
    padding: 12px 10px;
    font-size: 13px;
}

.dark_blue {
    background: #20333c
}

.hotel_search_top h3 {
    color: #fff;
    position: relative;
    right: -6px;
    padding-bottom: 6px
}

.hotel_search_top li {
    float: left;
    width: 48%;
    padding: 5px 1% 5px 1%;
}

.hotel_search_top select, .hotel_search_top input {
    height: 40px;
    -webkit-background-size: 1em 1em;
    background-size: 1em;
    width: 100%;
    border: none;
    border-radius: 0px;
    background-position: 94% 16px;
}

.hotel_search_top .calendar_input {
    padding: 0px 0px 0px 0px;
    border: none;
    width: 98%;
    background: #fff url("../images/common/icon_input_cal.png") no-repeat scroll 95% center / 18px auto;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    background-position: 96% 9px;
    padding-left: 2%;
}

.hotel_search_top input::-webkit-input-placeholder {
    color: #666;
    padding-left: 4px
}

.hotel_search_top input::-moz-placeholder {
    color: #666;
    padding-left: 4px
}

.hotel_search_top input:-ms-input-placeholder {
    color: #666;
    padding-left: 4px
}

.hotel_search_top input::placeholder {
    color: #666;
    padding-left: 4px
}

.hotel_search_top .condition1 {
    color: #fff;
}

.hotel_search_top .condition2 {
    color: #fff;
    padding: 0.4rem 1%;
}

.hotel_search_top .condition2 .count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hotel_search_top .condition2 .count {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotel_search_top .condition2 .count .tit {
    display: inline-block;
    float: left;
    margin-right: 6px;
}

.hotel_search_top .condition2 .count div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 18px;
}

.hotel_search_top .condition2 .count div.last {
    margin-right: 0
}

.hotel_search_top .condition2 .count input {
    padding: 0;
    height: 40px;
    padding: 0 10px;
}

.hotel_search_top .condition2 select {
    background-position: 80% 16px;
    padding-left: 6px;
}

.hotel_search_top input[type="radio"] {
    display: none;
}

.hotel_search_top input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 6px 0 0;
    vertical-align: middle;
    background: url(../img/check.png) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    cursor: pointer;
}

.hotel_search_top input[type="radio"]:checked + label span {
    background: url(../img/check_on.png) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

.hotel_search_top input[type="checkbox"] {
    display: none;
}

.hotel_search_top input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
    background: url(../img/check.png) no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    cursor: pointer;
}

.hotel_search_top input[type="checkbox"]:checked + label span {
    background: url(../img/check_on.png);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

.hotel_search_top .btn_Hsearch {
    padding: 0.4rem 1%;
}

.hotel_search_top .btn_Hsearch a {
    display: block;
    background: #e44c52;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 14px 0;
    border-radius: 0px;
    margin: 0 auto;
    margin-top: 2px;
}

/*상품 리스트 상단*/
.db_list_top {
    background: #fff;
    padding: 16px 10px;
    margin: 10px 0;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.db_list_top .db_title {
    text-align: center;
}

.db_list_top .db_title span {
    font-weight: 500;
}

.db_list_top .condition3 {
}

.db_list_top .condition3 p {
    display: inline-block;
    font-size: 16px;
    color: #111
}

.db_list_top .condition3 span {
    margin-right: 8px;
    color: #e44c52;
    padding-left: 10px;
    font-weight: 600;
}

.db_list_top .condition3 select {
    position: relative;
    top: 0;
    padding: 0 0 0 0;
    height: 36px;
    width: 105px;
    border-radius: 0px;
    float: right;
    background-position: 90% 13px;
    -webkit-background-size: 12px 12px;
    background-size: 12px;
    padding: 0 10px;
}

/*상품리스트*/
.db_product_list {
    position: relative;
    padding: 0 10px;
}

.db_product_list .db_list {
    margin-bottom: 10px;
    background: #fff;
}

/*.db_product_list .db_list:last-child {
    margin-bottom: 0;
}*/
.db_product_list .pic {
    position: relative;
}

.db_product_list .pic > img {
    width: 100%;
    height: 240px;
}

.db_product_list .pic .area {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 18px;
    background: rgba(0, 0, 0, 0.3);
}

.db_product_list .pic .sticker {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.db_product_list .db_exp {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.db_product_list .db_exp .name {
    font-size: 18px;
    font-weight: 600;    /*margin-bottom: 4px;*/
}

.eventList .name span {
    display: block;
    width: 77px;
    font-size: 11px;
    padding: 4px 6px;
    background-color: #ff6d00;
    color: #fff
}

.db_product_list .db_exp .name span {
    position: relative;
    top: -4px;
    font-size: 10px;
    color: #fff;
    padding: 3px 6px;
    margin-left: 10px;
    background: #FF6D00;    /*border-radius: 3px;*/
}

.db_product_list .db_exp .price {
    font-size: 18px;
    font-weight: 800;
    color: #e44c52;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 6px
}

.db_product_list .db_exp .note {
    overflow: hidden;
    height: 40px;
    font-size: 14px;
    color: #333;
}

/* 아이폰 5 & 5S 세로 ------ */
@media only screen and (max-width:320px) {
    .hotel_search_top {
        padding: 10px 4px;
        font-size: 13px
    }

}

/*///////////////////////////////////////
///상품 상세 보기 - hotel_view_working////
///////////////////////////////////////*/
.detail_pic {
position: relative;
}

.detail_pic .swiper-slide img {
display: block;
width: 100%;
height: 270px
}

.detail_pic .bxslider img {
display: block;
width: 100%;
height: 270px
}

.detail_pic .sticker {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
}

.detail_pic .map {
position: absolute;
bottom: 10px;
right: 48px;
z-index: 3;
}

.detail_pic .map i {
font-size: 30px;
color: rgba(255, 255, 255, 0.8);
}

.detail_pic .wish {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 3;
}

.detail_pic .wish i {
font-size: 30px;
color: rgba(255, 255, 255, 0.8);
}

.detail_pic .wish .on i {
color: #e44c52;
}

.detail_pic .grade {
position: absolute;
left: 10px;
bottom: 10px;
padding: 6px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
font-weight: 300;
z-index: 3;
border: 1px solid rgba(255, 255, 255, 0.5)
}

.titlePrice {
background: #fff;
padding: 10px;
margin: 10px 0;
}

.titlePrice .name {
font-size: 18px;
font-weight: 600;
color: #111;
}

.titlePrice .price {
font-size: 22px;
font-weight: 600;
color: #e44c52;
}

.titlePrice .price span {
font-size: 10px;
padding: 2px 4px;
border: 1px solid #e44c52;
border-radius: 10px;
margin-right: 6px;
position: relative;
top: -2px;
}

.titlePrice .price strong {
font-size: 11px;
margin-left: 4px;
position: relative;
top: -2px;
}

.titlePrice .simple {
font-size: 14px;
color: #333;
}

.eventList {
color: #666;
background: #fff;
padding: 12px;
font-size: 13px;
line-height: 1.5
}

.eventList > ul {
}

.eventList > ul > li {
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
position: relative;
}

.eventList > ul > li:last-child {
border-bottom: none;
}

.eventList .namePrice:after {
content: '';
display: block;
clear: both;
}

.eventList .name2 {
font-size: 16px;
font-weight: 600;
width: 100%;
display: inline-block;
float: left;
}

.eventList .name2 a{
	margin-top:5px;
	display: block;
}

.eventList .namePrice {
position: relative;    /*border: 1px solid red*/
}

.eventList .price2 {
font-size: 18px;
font-weight: 600;
color: #e51400;
}

.eventList .intro2 {
font-size: 12px;
color: #666;
padding: 6px 0
}

.eventList .people_count {
/*display: flex;*/
overflow: hidden;
justify-content: space-between;
margin: 10px 0;
/*
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
*/
color: #666;
}

.eventList .people_count2 {
overflow: hidden;
justify-content: space-between;
margin: 10px 0;
color: #666;
}

.eventList .people_count2 div {
	float:left;
    position: relative;
	line-height:24px;
}
.eventList .people_count2 div:first-child{
	width:25%;
}
.eventList .people_count2 div:first-child span{
	width:40%;
}
.eventList .people_count2 div:first-child select {
	width:60%;
	height: 24px;
}

.eventList .people_count2 div.price278 {
	float:right;
	margin-right:110px;
}

.eventList .people_count div {
    /*flex: 1;*/
    float:left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    position: relative;
	font-size:11px;
	width:24%;
}

.eventList .people_count div:nth-child(4){
    border-right: 1px solid #ddd;
}

.eventList .people_count div.sel{
	border:none;
	padding-top:5px;
	width:24%;
	text-align:center;
	float:right;
}

.eventList .people_count div.sel select{
	width:45px !important;
	background: url(../images/common/bg_slct_arr.png) 92% center no-repeat #fff;
	background-size:8px;
	font-size:10px;
	height: 25px;
}

.people_count input {
box-sizing: border-box;
margin: 0;
padding: 0;
width: 24px;
height: 36px;
margin-left: 5px;
text-align: center;
font-weight: bold;
padding-bottom: 4px
}



.icon_btn {
display: inline-block;
font-size: 11px;
background: #647687;
color: #fff;
padding: 2px 8px;
border-radius: 4px;
position: relative;
top: -2px;
font-weight: 600
}

.icon_btn2 {
position: relative;
display: inline-block;
font-size: 11px;
background: #4698a5;
color: #fff;
padding: 2px 6px;
border-radius: 4px;
top: -2px;
clear: both;
}

.eventList .res_area {
position:absolute;
right:14px;
bottom: 26px
}

.res_btn {
/*display: inline-block;*/
background: #000;
padding: 6px 12px;
border-radius: 4px;
}

.res_area > a {
    color: #fff;
    font-weight: 600
}

.btn_red {
background: #e74c3c;
}

.btn_green {
background: #16a085
}

.eventList .name {
font-size: 16px;
font-weight: bold;
}

.eventList .name i {
font-size: 16px;
padding-right: 3px;
}

.eventList .intro {
font-size: 12px;
color: #555
}

.eventList .intro li {
line-height: 1.6;
}

.eventList .intro .price {
font-size: 18px;
font-weight: 600;
color: #FF8F00;
margin: 6px 0 0;
}

/* Explain */
.tab_menu {
background: #f2f4f7;
}

.tab {
clear: both;
width: 100%;    /*height: 82px;*/
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tab li {
float: left;
width: 25%;
text-align: center;
padding: 10px 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}

.tab li a {
display: block;
color: #333;
font-size: 12px;
font-weight: normal;
}

.tab li:last-child {
border-right: 0;
}

.tab li.on {
border: none;
background: rgba(0, 0, 0, 0.1);
}

.tab li.on a {
color: #111;
font-weight: 600;
}

.exp {
position: relative;
background: #fff;
padding: 10px;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
}

.exp dt.tit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600;
margin: 10px 0;
}

.exp dt.tit i {
font-size: 30px;
color: #EE4938;
margin-right: 4px;
}

.exp dd.con {
font-size: 14px;    /*font-weight: normal;*/
color: #000;
}

/*.exp dd.con > p {
    width: 100%;
}*/

.exp dd.con > p > img {
	width: 100% !important;
    height: auto !important;
    padding-bottom: 20px
}

.exp dd.con div > p > img {
    /*width: 100% !important;*/
    /*height: auto !important;*/
    padding-bottom: 20px
}

.exp dd.con div > p > iframe {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px
}

.exp dd.con span {
font-size: 12px !important;
}

.exp dd.con table {
width: 100% !important;
font-size: 12px;
margin: 10px 0
}

.exp dd.con table th {
    font-size: 14px
}

.exp dd.con table td {
    padding: 4px;
    font-size: 12px
}

.exp dd.con table th img {
max-width: 100%;
}

.exp dd.con table td img {
max-width: 100% !important;
}

.exp dd.con table .left_img {
width: 45%;
padding-right: 7px
}

.exp dd.con table .info_dt_conts strong {
font-size: 11px
}

.exp dd.con table .info_detail {
font-size: 11px;
font-weight: normal
}

.exp dd.con table .card_thumb {
height: auto !important;
}

.exp dd.con table .thumb_list {
height: auto !important;
}

.exp dd.con table .thumb_list img {
padding-bottom: 5px
}

.exp dd.con table div {
width: 100% !important;
}

.exp dd.con table div#info_img_box {
width: auto !important;
}

/*위로 가자*/
#go_top {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
bottom: 20px;
z-index: 2;
text-align: center;
}

#go_top a {
display: inline-block;
color: #fff;
font-size: 16px;
padding: 14px 38%;
background: #EE4938;
border-radius: 30px;
}

/*///////////////////////////////////////
///상품 예약하기 - hotel_view_working/////
///////////////////////////////////////*/
.res_mod {
margin: 10px;
background: #fff;
}

.res_mod select {
height: 40px;
font-weight: normal;
-webkit-background-size: 1em 1em;
background-size: 1em;
width: 100%;
border-radius: 0px;
background-position: 96% 15px;
}

.res_titlePrice {
background: #7A7574;
padding: 15px;
margin: 10px 0;
}

.res_titlePrice .name {
font-size: 18px;
font-weight: 700;
padding-bottom: 12px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.res_titlePrice .date {
color: #bdbab9;
border-bottom: 1px solid #8d8c8b;
padding: 8px 0;
}

.res_titlePrice .date span {
margin: 0 20px;
color: #f0f0f0;
}

.res_titlePrice .date strong {
font-weight: 400;
color: #f0f0f0;
}

.res_titlePrice .room {
color: #bdbab9;
padding-top: 8px;
}

.res_titlePrice .room span {
margin: 0 20px;
color: #f0f0f0;
}

.res_select {
}

.res_select .step1 {
background: #fff;
padding: 10px 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 0;
}

/*.res_select .step1 span{
display: inline-block;
margin-right: 10px;
}*/
.res_select .step1 span p {
display: inline-block;
padding-right: 10px;
}

.res_select .step1 span:nth-child(1) {

/*width: 50%;*/
font-size: 18px;
font-weight: bold;
color: #e44c52;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 10px;
}

.res_select .step1 span:nth-child(2) {

/*width: 50%;*/
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 10px;
}

/*.res_select .step1 span:nth-child(3){
width: 20%;
text-align: right;
}

.res_select .step1 span:nth-child(4){
width: 40px;
float: right;
margin-right: 0;
}*/
.res_select .step1 select {
padding: 0 0 0 0;
width: 60px;
background-position: 90% 10px;
-webkit-background-size: 1rem 1rem;
background-size: 1rem;
padding-left: 6px;
height: 32px;
border-radius: 0;
}

.res_select .step1 input[type="text"] {
padding: 0 0 0 0;
width: 40px;
height: 30px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.2);
}

.res_select .step2 {
border-top: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
padding: 10px 10px 6px 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.res_select .step2 span {
width: 48%;
padding: 5px 1% 5px 1%;
}

.res_select .step2 select {
padding: 0 0 0 0;
width: 100%;
background-position: 90% 10px;
-webkit-background-size: 1rem 1rem;
background-size: 1rem;
padding-left: 6px;
height: 36px;
border-radius: 0;
}

.res_select .step3 {
background: #fff;
padding: 0 10px 10px 10px;
text-align: center;
}

.res_select .step3 select {
padding: 0 0 0 0;
width: 98%;
background-position: 95.4% 10px;
-webkit-background-size: 1rem 1rem;
background-size: 1rem;
padding-left: 6px;
height: 36px;
border-radius: 0;
}

.res_select .caution {
background: #fff;
padding: 0 20px 20px 20px;
}

.res_select .caution > p {
color: #333;
line-height: 24px;
}

.res_select .caution > p > span {
position: relative;
top: 3px;
}

.res_select .caution > p > strong {
color: #FF3D00;
}

.res_select .caution .caution_add {
width: 100%;
margin: 10px 0 70px;
padding: 12px;
background: #9E9E9E;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.res_select .caution .caution_add p {
color: #fff;
}

/*합계 및 예약 버튼*/
#res_btn {
width: 100%;
position: fixed;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
}

#res_btn li {
display: table;
float: left;
height: 70px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}

#res_btn li:first-child {
width: 70%;
background: #4e6179;
}

#res_btn li:last-child {
width: 30%;
background: #e44c52;
text-align: center;
}

#res_btn .sum {
display: table-cell;
vertical-align: middle;
color: #9fb9da;
line-height: 24px;
}

#res_btn .sum span {
color: #bbd0e9
}

#res_btn .sum h4 {
color: #7dcde7;
}

#res_btn .sum strong {
color: #f0e5cd;
font-size: 18px;
}

#res_btn .confirm {
display: table-cell;
vertical-align: middle;
}

#res_btn .confirm a {
color: #fff;
font-size: 16px;
font-weight: 500;
}

/*메인화면 - hot sale*/
.hot_sale {
}

.hot_sale .hot_tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.hot_sale .hot_tab li {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
text-align: center;
width: 100%;
padding: 16px 0;
font-size: 14px;
background: #fff;
}

.hot_sale .tabcontent {
display: none;
background-color: #F2F2F2;
}

.hot_sale .hot_tab li.current {
border-bottom: 3px solid #EE4938;
border-right: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
color: #EE4938;
font-weight: bold;
}

.hot_sale .tabcontent.current {
display: block;
}

.area_select {
padding: 10px 10px 18px 10px;
}

.area_select p {
display: inline-block;
font-size: 16px;
font-weight: 500;
padding-top: 10px;
}

.area_select p span {
color: #EE4938;
margin-left: 10px;
font-weight: 600;
}

.area_select select {
padding: 0 0 0 0;
height: 36px;
color: #333;
width: 105px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
float: right;
background-position: 90% 12px;
-webkit-background-size: 1rem 1rem;
background-size: 1rem;
font-size: 13px;
padding: 0 10px;
}

/*순위 - ranking.html*/
.ranking h3 {
font-size: 14px;
font-weight: 500px;
padding: 14px 10px;
text-align: center;
}

/*/////순위 탭 디자인////*/
.ranking .rank_tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.ranking .rank_tab li {

/*border-top: 1px solid #D9D9D9;*/
border-bottom: 1px solid #D9D9D9;
text-align: center;
width: 50%;
padding: 16px;
font-size: 16px;
font-weight: 500;
background: #fff;
}

.ranking .tabcontent {
display: none;
background-color: #F2F2F2;
}

.ranking .rank_tab li.on {
border-bottom: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
color: #f47422;
border-bottom: 3px solid #9b794c;    /*background: #EE4938;*/
}

.ranking .tabcontent.on {
display: block;
}

/*/////순위 탭 디자인////*/
.ry_list {
background: #fff;
padding: 10px;
}

.ry_list .local {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.ry_list .local a {
display: inline-block;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 6px;
width: 100%;
text-align: center;
}

.ry_list .local a.on {
border: 1px solid #9f6c10;
background: #9f6c10;
color: #fff;
}

.ry_list .ry_list_item {
padding: 14px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.ry_list .ry_list_item .name {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}

.ry_list .ry_list_item .name > span {
position: relative;
top: -2px;
width: 22px;
height: 22px;
background: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 4px;    /*border-radius: 20px;*/
}

.ry_list .ry_list_item .name > span > strong {
font-size: 12px;
font-weight: 600;
color: #fff;
}

.ry_list .ry_list_item .name > p {
font-weight: 600;
}

.ry_list .ry_list_item .name > p > span {
position: relative;
display: inline-block;
font-size: 9px;
font-weight: 400;
padding: 2px 4px;
background: #F57F17;
color: #fff;
margin-left: 6px;
top: -2px;
}

.ry_list .ry_list_item .info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.ry_list .ry_list_item .info .pic {
width: 100px;
margin-right: 10px;
}

.ry_list .ry_list_item .info .detail {
-webkit-box-flex: 3;
-webkit-flex-grow: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}

.ry_list .ry_list_item .info .detail .price {
font-size: 18px;
font-weight: 600;
color: #EE4938;
}

.ry_list .ry_list_item .info .reservation {
	border:2px solid #9b794c;
	width:55px;
	height:55px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	text-align:center;
    /*height: 40px;
    width: 80px;
    border: 1px solid #00BFA5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
	*/
}

.ry_list .ry_list_item .info .reservation p{
	font-size:12px;
	font-weight:600;
	line-height:22px;
	margin-top:5px;
}

.ry_list .ry_list_item .info .reservation p span{
	width:40px;
	display: block;
	margin: auto;
	border-top:1px dashed rgba(155, 121, 76, .6);
}

.ry_list .ry_list_item .info .reservation a {
    /*color: #00BFA5;*/
	color:#9f6c10
}

.ry_list .ry_list_item .info .count i.red {
color: #EE4938;
}

.ry_list .ry_list_item .info .count i.blue {
color: #1565C0;
}

.ry_list .ry_list_item .info .count i.green {
color: #00BCD4;
}

.ry_list .ry_list_item .info .count i.gray {
color: #666;
}

.rank_more{
	margin:15px 0;
}

.rank_more a{
	display: block;
	border-radius:50px;
	width:100%;
	padding:10px 0px;
	color:#f3741d;
	background:#ffe9dc;
	text-align: center;
}


/*이벤트 - event.html*/

/*/////이벤트 탭 디자인////*/
.event .event_tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.event .event_tab li {

/*border-top: 1px solid #D9D9D9;*/
border-bottom: 1px solid #D9D9D9;
text-align: center;
width: 50%;
padding: 16px;
font-size: 16px;
font-weight: 500;
background: #fff;
}

.event .tabcontent {
display: none;
background-color: #fff;
}

.event .event_tab li.on {
border: none;
color: #f47422;
border: 1px solid #D9D9D9;
border-top-width: 0;
border-bottom: 3px solid #9b794c;
}

.event .tabcontent.on {
display: block;
}

/*/////이벤트 리스트////*/
.ry_list_event {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.ry_list_event .pic {
margin-right: 10px;
width: 110px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}

.ry_list_event .event_info {
-webkit-box-flex: 3;
-webkit-flex-grow: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}

.ry_list_event .event_info .name {
font-weight: 500px;
margin-bottom: 6px;
}

.ry_list_event .event_info .term {
color: #666;
font-size: 12px;
}

/*게시판 페이지 이동 번호 스타일*/
.move_page {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 14px 0;
}

.move_page li {
float: left;
padding: 0 6px;
}

.move_page .number {
position: relative;
font-weight: 700;
font-size: 16px;
top: 2px;
color: #666;
}

.move_page .number li {
padding: 0 10px;
}

.move_page .number li.on {
color: #000;
}

/*이벤트 보기 - event_view.html*/
.event_view_title {
padding: 20px;
text-align: center;
}

.event_view_title h3 {
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
line-height: 22px;
}

.event_view_title p {
color: #666;
}

.event_content {
font-size: 16px;
line-height: 22px;
color: #333;
padding-bottom: 20px;
}

.go_list {
margin-bottom: 40px;
}

.go_list a {
    width: 80px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background: #9b794c;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
}

/*리뷰 게시판*/
.review {
}

.review_write {
padding: 10px;
background: #FAFAFA;
}

.review_write ul {
margin-bottom: 6px;
}

.review_write select {
width: 100%;
height: 40px;
-webkit-background-size: 12px 12px;
background-size: 12px;
border-radius: 0px;
background-position: 94% 14px;
}

.review_write .step2 select, .review_write .step3 select {
padding: 0;
background-position: 97.4% 14px;
padding: 10px;
}

/*.review_write .step2 select::option {
overflow: hidden;
}*/
.review_write .step1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.review_write .step1 li {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 3px 0 0;
}

.review_write .step1 li:last-child {
margin: 0 0 0 3px;
}

.review_write .step4 {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px;
font-size: 13px;
color: #666;
margin-bottom: 6px;
}
.review_write .step4 input[type=radio] + label {
    background: url(../img/star-on.png) no-repeat;
    padding-left: 20px;
}

.review_write .step4 li span {
padding-right: 10px;
}

.review_write .step4 li img {
position: relative;
top: -2px;
padding-right: 6px;
}

.review_write .step5 textarea {
padding: 10px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 150px;
}

.review_write .write_on {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.review_write .write_on a {
display: inline-block;
background: #1abc9c;
padding: 10px 30px;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 3px;
}

.review_list {
}

.review_list .search {
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.review_list .search .search_select {
padding: 0 12px;
height: 40px;
border-radius: 0px;
background: none;
background: #fff;
margin-right: 6px;
}

.review_list .search .search_input {
width: 100%;
height: 40px;
border-radius: 0px;
margin-right: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
}

.review_list .search .search_btn {
height: 40px;
width: 90px;
border-radius: 3px;
border: none;
background: #333;
color: #fff;
font-size: 14px;
}

.review_list .review_repeat {
background: #fff;
}

.review_list .review_repeat > li {
padding: 14px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.review_list .article {
position: relative;
border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.review_list .article .re_note {
position: absolute;
right: 0;
top: 0;
padding: 6px 10px;
background: #ddd;
font-size: 12px;
z-index: 2;
}

.review_list .article > img {
height: 80px;
margin: 0 10px 10px 0;
float: left;
}

.review_list .article ul {
font-size: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.review_list .article ul li {
padding-bottom: 4px;
}

.review_list .article .title {
font-weight: 600;
font-size: 14px;
}

.review_list .article .article_note {
padding: 10px 6px;
line-height: 22px;
}

.review_list .article_re {
position: relative;
padding: 10px 0 0 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.review_list .article_re i {
position: absolute;
top: 8px;
left: 0;
font-size: 24px;
color: #000;
}

.review_list .article_re > ul img {
height: 20px;
padding-right: 16px;
}

.review_list .article_re > ul li {
float: left;
font-size: 12px;
color: #666;
}

.review_list .article_re .article_note_re {
padding: 10px 0;
line-height: 22px;
color: #555;
}

.write_box {
    margin-top: 10px;
    margin-bottom: 8px;
}

.write_box textarea {
    width: 80%;
    float: left;
}

.write_box a {
    display: inline-block;
    padding: 10px;
    background: #ddd;
    float: right;
}

.membership {
padding: 20px 10px;
}

.membership > .contents {
padding: 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
}

.membership > .contents p {
font-weight: 600;
margin-bottom: 20px;
}

.membership > .contents dl {
margin: 16px 0;
}

.membership > .contents dl dt {
font-weight: 600;
margin-bottom: 6px;
}

.point {
padding: 20px 10px;
}

.point > .contents {
padding: 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
}

.point > .contents > dl dd {
margin: 10px 0;
}

/*포인트 관리 member_point.html*/
.member_point {
}

.member_point .point_total {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 0;
font-size: 12px;
}

.member_point .point_total span {
color: #EE4938;
font-weight: 600;
}

.member_point .point_list {
font-size: 14px;
padding: 10px;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.member_point .point_list:last-child {
border-bottom: none;
}

.member_point .point_list div {
margin-right: 4px;
}

.member_point .point_list div:last-child {
margin-right: 0;
}

.member_point .point_list .item1 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 600;
width: 20px;
}

.member_point .point_list .item2 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 600;
}

.member_point .point_list .item2 i {
font-size: 14px;
color: #EE4938;
}

.member_point .point_list .item2 i.blue {
color: #1565C0;
}

.member_point .point_list .item3 {
width: 46px;
color: #EE4938;
text-align: right !important;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}

.member_point .point_list .item3.blue {
color: #1565C0;
font-weight: 600;
}

.member_point .point_list .item4 {
-webkit-box-flex: 3;
-webkit-flex-grow: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}

.member_point .point_list .item4 p {
font-size: 12px;
}

.member_point .point_list .item5 {
font-size: 12px;
}

/*예약확인 mypge/_menu.html*/
.category {
margin: 13px 6px 0 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.category div {
padding: 6px 10px;
border: 1px solid #a76111;
color: #a76111;
}

.category div.on {
background: #a76111;
color: #fff;
font-weight: 600;
}

/*//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////*/

/* 상세 검색 팝업 */

.white_content {
display: none;
position: fixed;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10000
}

.white_content.on {
display: block;
}

.white_content select {
height: 32px;
width: 100%;
-webkit-background-size: 1em 1em;
background-size: 1em;
background-position: 90% 9px;
font-size: 12px;
border-radius: 0;
border: 1px solid #7a5230
}

.white_content .age_select {
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 5%;
left: 10%;
width: 80%;
max-height: 500px;
padding: 20px;
background-color: #fff;
overflow: none;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
}

.white_content .age_select dl {
padding-bottom: 6px;
}

.white_content .age_select dt {
display: inline-block;
float: left;
width: 30%;
height: 32px;
line-height: 32px;
border: 1px solid #7a5230;
font-size: 14px;
font-weight: 600;
color: #555;
background: #ddd
}

.white_content .age_select dd {
width: 68%;
display: inline-block;
float: right;
font-size: 12px
}

.white_content .age_select dd p {
padding-bottom: 2px;
}

.white_content .age_select dd p span.st_1 {
display: inline-block;
width: 40%;
height: 28px;
float: left;
font-size: 14px;
font-weight: 600;
line-height: 28px
}

.white_content .age_select dd p span.st_2 {
display: inline-block;
width: 60%;
}

.white_content .age_select .age_btn {
padding-top: 10px
}

.white_content .age_select .age_btn a {
display: inline-block;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 80px;
padding: 8px;
border: 1px solid #7a5230;
background: #7a5230;
color: #fff;
font-size: 13px;
font-weight: 400;
border-radius: 5px;
margin-right: 6px
}

.white_content .age_select .age_btn a.cancle {
margin-right: 0;
border: 1px solid #7a5230;
background: #fff;
color: #7a5230;
}

/*///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////
상세보기 하단 탭 디자인
///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////*/
.review_list > ul > li {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 16px;
}

.memo_area {
}

.memo_area .img {
display: inline-block;
float: left;
width: 30%;
margin-right: 10px;
}

.memo_area .con {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.memo_area p {
font-size: 12px;    /*padding-bottom: 3px;*/
}

.memo_area .con .area {
}

.memo_area .con .hotel {
}

.memo_area .memo_content {
clear: both;
display: block;
padding: 10px 0;    /*border: 1px solid red*/
}

.replyList {
padding: 10px 0 0 20px;
border-top: 1px dotted #ddd;
}

.replyList .memo_content {
position: relative;
line-height: 16px;
}

.replyList .memo_content i {
font-size: 24px;
position: absolute;
top: -4px;
left: -23px
}

.replyList .memo_content .nickname {
display: inline-block;
}

.replyList .memo_content .date {
display: inline-block;
font-size: 12px;
color: #666;
padding-left: 12px;
}

.replyList .memo_content .reply_cont {
padding-top: 12px;
color: #666;
line-height: 16px;
}

.naver_memo {
margin-bottom: 20px
}

.naver_memo i {
font-size: 24px;
margin-right: 6px
}

.naver_memo .lt {
font-weight: bold;    /*height: 30px;*/
margin-bottom: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;    /*justify-content: center;*/
}

.naver_memo .lt .xi-naver-square {
color: #00bd39
}

.naver_memo .lt .xi-help-o {
color: #7a5230
}

.naver_memo .txt {
padding-left: 30px;
font-size: 13px;
color: #666
}

.naver_memo .lt.brown {
color: #7a5230
}

.photo_view .subject {
font-weight: bold;
padding: 10px 16px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-top-width: 0;
}

.mfp-bg {
    opacity: 1 !important;
}

.review_list .qna {
}

.review_list .qna p.title {
height: 30px;
}

.review_list .qna p.title i {
font-size: 24px;
margin-right: 6px;
}

/*hotel_view_res.html 추가 옵션 - 디자인 */
.option_select {
padding: 10px 16px
}

.option_select .name {
font-size: 15px;
font-weight: 700;
margin-bottom: 3px;
}

.option_select .many_select {
margin-bottom: 10px;
}

.option_select .many_select .date {
display: inline-block;
width: 30%;
}

.option_select .many_select .num {
display: inline-block;
width: 22%;
}

.option_select .many_select .num select {
width: 100%;
padding: 6px 10px;
background-position: 90% 10px;
-webkit-background-size: 1rem 1rem;
background-size: 1rem;
border-radius: 0;
}

.option_select .many_select .price {
display: inline-block;
width: 25%;
text-align: right;
}

.option_select .many_select .btn_del {
display: inline-block;
position: relative;
float: right;
top: 6px;
}

.option_select .many_select .btn_del a {
float: right;
width: 20px;
height: 20px;
border: 1px solid #888;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.option_select .many_select .btn_del i {
font-size: 18px;
color: #000
}

/*\
\
\
메인추가
\
\
\*/
.service {
padding: 10px;
}

.service .inner {
background: #fff;
padding: 10px;
font-size: 13px;
line-height: 24px;
color: #333;
border-top: 2px solid #d8a052;
border-bottom: 1px solid #d8a052;
margin-bottom: 10px;
}

.service .inner p {
font-size: 18px;
font-weight: bold;
color: #d8a052;
margin-bottom: 10px;
}

.service .inner p i {
position: relative;
top: 4px;
color: #f0b72a;
font-size: 26px;
margin-right: 6px;
}

.service .inner ul {
padding-left: 2px;
}

.service .inner ul i {
color: #666;
}

/*======메인 추가 디자인 - 아이콘메뉴, 배너, 키워드, 추천지역=========*/
.inc_menu {
font-size: 11px;
color: #333
}

.inc_menu div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
border-top: 1px solid #ddd;
}

.inc_menu div a {
width: 25%;    /*border: 1px solid red;*/
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.inc_menu span {
display: inline-block;
margin-top: 10px;
text-align: center;
}

.inc_menu img {
width: 46px;
}

.keyword {
font-size: 12px;
line-height: 20px;
border-top: 1px solid #ddd;
}

.keyword .inner {
padding: 16px
}

.banner_fame {
text-align: center;
}

.banner_fame > p {
padding: 14px 0;
background: #fff;
border-top: 1px solid #D9D9D9;
border-bottom: 3px solid #7a5230;
}

.banner_fame > p > a {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background: #7a5230;
    border-radius: 6px;
}

.banner_fame .inner {
padding: 10px;
}

.banner_fame .inner li {
margin-bottom: 6px;
}

.banner_fame .inner li:last-child {
margin-bottom: 0
}

/*메인팝업 로딩화면 */
.pop_rsvinfo_wrap {
display: none;
position: fixed;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10000
}

.pop_rsvinfo_wrap:after {
content: "";
display: block;
clear: both
}

.pop_rsvinfo_wrap p {
position: absolute;
display: inline-block;
width: 240px;
height: 100px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #fff;
border-radius: 6px;/*border: 5px solid #333;*/
padding: 20px 16px;
text-align: center;
font-size: 12px;
z-index: 10002
}

.roading_text i {
display: block;
margin-bottom: 16px
}

.popup_reg_guide {
display: none;
position: fixed;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10000;
}

.popup_reg_guide:after {
content: "";
display: block;
clear: both
}

.popup_reg_guide .inner {
    box-sizing: border-box;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    padding: 16px;
    border-radius: 10px;
    background-color: #fff;
    overflow: auto;
}

.popup_reg_guide .inner > p {
    margin: 10px 0;
}

.popup_reg_guide .inner .guide_01 {
    font-weight: bold;
    font-size: 13px;
}

.popup_reg_guide .inner .guide_01 .add_txt {
    margin-bottom: 10px;
}

.popup_reg_guide .inner .guide_01 p {
    margin: 10px 0;
}

.popup_reg_guide .inner .guide_01 span {
    color: #d63733
}

.popup_reg_guide .inner .guide_02 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    padding: 10px 0
}

.popup_reg_guide .inner .guide_02 I {
    display: inline-block;
    padding: 8px 0;
    font-size: 11px;
    color: #777
}

.popup_reg_guide .inner .guide_02 span {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
}

.popup_reg_guide .inner .guide_02 ul.list {
    margin-left: 10px;
}

.popup_reg_guide .inner h2 {
    font-size: 16px;
    padding: 8px 0;
    margin-bottom: 10px;
    background: #e74c3c;
    color: #fff;
    text-align: center;
}

.popup_reg_guide .inner h3 {
    font-size: 14px;
    color: #525da0;
    margin: 8px 0;
}

.popup_reg_guide .inner .confirm {
    text-align: center;
    font-weight: bold;
    color: #d63733;
    margin: 20px 0
}

.popup_reg_guide .inner .confirm p {
    margin-bottom: 20px;
}

.popup_reg_guide .inner .confirm .btn {
    width: 210px;
    margin: 0 auto
}

.popup_reg_guide .inner .confirm .btn li {
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    float: left;
}

.popup_reg_guide .inner .confirm .btn li:last-child {
    margin-left: 10px;
}

.popup_reg_guide .inner .confirm a {
    box-sizing: border-box;
    display:inline-block;
    width: 100px;
    height:40px;
    background: #e74c3c;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.popup_reg_guide .inner .confirm .btn li a.cancel {
    background: #f4f4f4;
    border: 1px solid #666;
    color: #666
}

.note_box {
    border: 1px solid #ddd;
    padding: 12px 20px;
    margin-top: 20px;
    font-size: 12px;
}

.note_box p {
    margin: 6px 0
}

.note_box p.notice {
    font-weight: bold;
    color: #333
}

/* 마이페이지 PC 골프 디자인 */
@media (min-width: 768px) {
	.mob_mypage {display:none !important;}
	.pc_mypage {display:block !important;}

	#mypage {overflow:hidden; clear:both; min-height:600px; padding:40px 0; border-top:20px solid #f3f3f3;}
	#mypage .container {max-width:1100px; margin:0 auto; overflow:hidden;}
	#mypage .left {float:left; width:250px; margin-right:50px;}
	#mypage .left ul {border-top:1px solid #ccc; list-style:none; padding:0; margin:0;}
	#mypage .left ul li {position:relative; border:1px solid #ccc; border-top:0; padding-left:20px; background:#f3f3f3; line-height:50px;}
	#mypage .left ul li.first_line {line-height:100px; background:#fff; font-size:22px; font-weight:800;}
	#mypage .left ul li.on {background:#cc9900; border-color:#cc9900;}
	#mypage .left ul li.on a {color:#fff;}
	#mypage .left ul li a {display:block; width:100%; height:100%; line-height:49px; font-size:14px; font-weight:600;}
	#mypage .left ul li .xcon {display:none; position:absolute; color:#fff; top:11px; right:10px; font-size:24px;}
	#mypage .left ul li.on .xcon {display:block;}

	#mypage .right {float:right; width:750px; margin-top:40px;}
	#mypage .right h5 {overflow:hidden; font-size:24px; line-height:30px;}
	#mypage .right .my_cont {position:relative; overflow:hidden; margin:40px 0;}
	#mypage .right .my_cont3 .ryokan_tab {overflow:hidden; border-left:1px solid #ccc; border-top:1px solid #ccc; list-style:none; padding:0; margin:0 0 10px 0;}
	#mypage .right .my_cont3 .ryokan_tab li {float:left; width:25%; text-align:center; line-height:38px; border:1px solid #ccc; border-left:0; border-top:0; background:#f3f3f3;}
	#mypage .right .my_cont3 .ryokan_tab li a {display:block;}
	#mypage .right .my_cont3 .res_box {overflow:hidden; margin:5px 0; border:1px solid #ccc;}
	#mypage .right .my_cont3 .res_box:hover {border-color:#cc9900;}
	#mypage .right .my_cont3 .res_box .bref_box {padding:10px 120px 10px 10px; position:relative;}
	#mypage .right .my_cont3 .res_box .bref_box p {overflow:hidden; line-height:23px; margin-bottom:2px; white-space:nowrap; text-overflow:ellipsis;}
	#mypage .right .my_cont3 .res_box .bref_box .tit {display:inline-block; width:65px; margin-right:10px; background:#f3f3f3; text-align:center;}
	#mypage .right .my_cont3 .res_box .bref_box .price {font-size:14px; font-weight:600;}
	#mypage .right .my_cont3 .res_box .bref_box .btn_box {position:absolute; top:10px; right:10px;}
	#mypage .right .my_cont3 .res_box .bref_box a {font-weight:600;}
	#mypage .right .my_cont3 .res_box .bref_box a.res_detail_btn {display:block; width:100px; height:24px; text-align:center; line-height:22px; border:1px solid #ccc; border-radius:5px; font-weight:400;}
	#mypage .right .my_cont3 .res_box:hover .bref_box a.res_detail_btn {border-color:#cc9900; color:#cc9900;}

	/* 디테일 페이지 */
	#mypage .right .res_detail {position:relative;}
	#mypage .right .res_detail h4 {font-size:18px; margin-top:10px; line-height:36px;}
	#mypage .right .res_detail .red1 {color:#e44c52;}
	#mypage .right .res_detail .res_change_btn_box {position:absolute; line-height:36px; right:0; top:40px;}
	#mypage .right .res_detail .res_change_btn_box .btn {padding:5px 10px; margin-left:3px; background:#666; color:#fff;}
	#mypage .right .res_detail .detail_0 {margin:20px 0 40px;}
	#mypage .right .res_detail .detail_0 h6 {margin-bottom:10px; font-size:16px; line-height:32px;}
	#mypage .right .res_detail .detail_2 ul,
	#mypage .right .res_detail .detail_3 ul,
	#mypage .right .res_detail .detail_5 ul {border-top:1px solid #ccc; list-style:none; padding:0; margin:0;}
	#mypage .right .res_detail .detail_2 ul li,
	#mypage .right .res_detail .detail_3 ul li,
	#mypage .right .res_detail .detail_5 ul li {border:1px solid #ccc; border-top:0; line-height:36px;}
	#mypage .right .res_detail .detail_2 ul li .sub,
	#mypage .right .res_detail .detail_3 ul li .sub,
	#mypage .right .res_detail .detail_5 ul li .sub {padding-left:10px; display:inline-block; width:150px; margin-right:10px; background:#f3f3f3; font-weight:600;}
	#mypage .right .res_detail .detail_3 ul li {overflow:hidden; background:#f3f3f3;}
	#mypage .right .res_detail .detail_3 ul li .sub {float:left; width:150px; margin-right:0;}
	#mypage .right .res_detail .detail_3 ul li span:nth-child(2) {float:left; width:calc(100% - 160px); padding:0 10px; background:#fff;}
	#mypage .right .res_detail .detail_3 ul li span.option_txt {padding:6px 10px;}
	#mypage .right .res_detail .detail_3 ul li span p {line-height:24px;}
	#mypage .right .res_detail .detail_4 ul {border-top:1px solid #ccc; list-style:none; padding:0; margin:0;}
	#mypage .right .res_detail .detail_4 ul li {border:1px solid #ccc; border-top:0; line-height:36px; overflow:hidden;}
	#mypage .right .res_detail .detail_4 ul li.first_line {background:#f3f3f3; font-weight:600;}
	#mypage .right .res_detail .detail_4 ul li span {display:inline-block; text-align:center;}
	#mypage .right .res_detail .detail_4 ul li span.p_01 {width:10%;}
	#mypage .right .res_detail .detail_4 ul li span.p_02 {width:15%;}
	#mypage .right .res_detail .detail_4 ul li span.p_03 {width:35%;}
	#mypage .right .res_detail .detail_4 ul li span.p_04 {width:15%;}
	#mypage .right .res_detail .detail_4 ul li span.p_05 {width:25%;}
	#mypage .right .res_detail .detail_5 ul li .price {font-size:16px; line-height:36px;}
	#mypage .right .res_detail .detail_6 .rule_btn {display:block; margin-top:10px; text-align:center; line-height:40px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:14px; font-weight:600;}
	#mypage .right .res_detail .detail_6 #cancel_info_pc {width:100%; margin:10px 0; padding:20px; overflow:auto; background:#f3f3f3; border:1px solid #ccc;}
	#mypage .detail_btn {text-align:center; height:50px; margin-bottom:50px;}
	#mypage .detail_btn a.btn {line-height:50px; display:inline-block; width:150px; color:#fff; font-size:18px;}
	#mypage .detail_btn a.btn_red {background:#e44c52;}
	#mypage .detail_btn a.btn_grey {background:#666;}
}
@media (max-width: 767px) {
	.pc_mypage {display:none !important;}
	.mob_mypage {display:block !important;}
}

/* 로그인 페이지 PC 골프 디자인 */
@media (min-width: 768px) {
	.login_area {
		width:100% !important; max-width:1100px !important; margin:0 auto !important;
		padding:40px 0 50px !important; text-align:center !important;
	}
	.login_area > h4:first-of-type {
		font-size:24px !important; line-height:60px !important; padding:0 10px !important;
		border-bottom:1px solid #ccc !important; margin-bottom:10px !important;
	}
	.login_area > h4:first-of-type + form {
		/* 회원 로그인 form */
	}
	/* 안내문 영역 - subtit 다음 */
	.subtit + .login_area > h4:first-of-type {
		font-size:24px !important;
	}
	/* 2컬럼 레이아웃 */
	.login_area form {
		display:inline-block !important; vertical-align:top !important;
		width:48% !important; max-width:530px !important; text-align:left !important;
	}
	.login_area form:first-of-type {
		margin-right:2% !important;
	}
	.login_area > h4 {
		display:none !important;
	}
	.login_area form .loginBox {
		border:1px solid #ccc !important; background:#f9f9f9 !important;
		padding:30px !important; box-sizing:border-box !important;
	}
	.login_area form .loginBox::before {
		display:block; font-size:16px; font-weight:700; color:#333;
		margin-bottom:10px;
	}
	.login_area form#login_frm .loginBox::before {
		content:"회원 로그인";
	}
	.login_area form#login_frm2 .loginBox::before {
		content:"비회원 로그인";
	}
	.login_area .loginBox input[type=text],
	.login_area .loginBox input[type=password],
	.login_area .loginBox input[type=email],
	.login_area .loginBox input[type=number] {
		width:100% !important; height:36px !important; padding:0 10px !important;
		border:1px solid #ccc !important; margin-bottom:0 !important; margin-top:10px !important;
		box-sizing:border-box !important;
	}
	.login_area .loginBtn a {
		border-radius:0 !important;
		height:40px !important; line-height:40px !important; margin-top:10px !important;
	}
	.login_area .loginBtn.B a {
		border-radius:0 !important;
		height:40px !important; line-height:40px !important; margin-top:10px !important;
	}
	.login_area .keep_area {
		display:inline-block !important; width:48% !important; max-width:530px !important;
		vertical-align:top !important; height:auto !important; border:0 !important;
		padding:10px 0 !important; box-sizing:border-box !important;
	}
	.login_area .keep_area .keep {
		position:static !important; display:inline-block !important;
	}
	.login_area .keep_area .find_info {
		position:static !important; display:inline-block !important; margin-left:20px !important;
	}
	.login_area .keep_area2 {
		display:none !important;
	}
}

/*hotel-finish*/
.reserv_end_wrap {
    padding: 30px 20px
}

.mfp-bg {
/*	height: auto !important;*/
	background: rgba(0,0,0,0.6) !important;
}

.reserv_end_wrap .title {
    text-align: center;
}

.reserv_end_wrap .txt {
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.5
}

.btn_wrap {
    width: 210px;
    margin: 0 auto
}

.btn_wrap li {
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    float: left;
}

.btn_wrap li:last-child {
    margin-left: 10px;
}

.btn_wrap li a {
    box-sizing: border-box;
    display:inline-block;
    width: 100px;
    height:40px;
    background: #e74c3c;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.btn_wrap li.btn_ok a {
    background: #f4f4f4;
    border: 1px solid #666;
    color: #666
}

.mdpick{
	border-top:1px solid #9b794c;
	border-bottom:1px solid #9b794c;
	margin:10px 0px;
	padding:10px;
	background:#fff;
}

.mdpick .tit{
	font-size:16px;
	color:#9b794c;
	font-weight:600;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #9b794c;
}

.mdpick .product_con_wide h5{
	background:#9b794c;
	color:#fff;
	padding:5px;
	font-weight:500;
	line-height:18px;
}


/*예약조회 > 결제정보 > 예약변경 popup 페이지 */
.pop_cancel_wrap {
	padding: 20px 16px;
	background: #fff;
}

.pop_cancel_wrap h4 {
	font-size: 16px;
	background: #e74c3c;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}

.pop_cancel_wrap dt {
	font-weight: 600;
	padding-top: 10px;
}

.pop_cancel_wrap dd {
	font-size: 12px;
	color: #666;
	padding: 6px 0;
	border-bottom: 1px solid #ddd
}

.pop_cancel_wrap dd:last-child {
	border-bottom: none
}

.pop_cancel_wrap dd.bold {
	font-weight: bold;
	color: #111
}

.pop_cancel_wrap dd b {
	display: inline-block;
	padding: 0 6px;
}

.pop_cancel_wrap input label {
	font-size: 14px;
	padding: 10px 0;
	border-top: 1px solid #ddd
}

/*예약조회 > 결제정보 > 예약취소 popup 페이지 */
.pop_cancel_wrap h5 {
	margin: 20px 0 10px;
	font-size: 15px;
	display: inline-block
}

.pop_cancel_wrap select {
	width: 100%;
	height: 36px;
	background-size: 12px 10px;
}

.pop_cancel_wrap input[type="text"]{
	border: 1px solid #ddd;
	margin: 6px 0;
	box-sizing: border-box
}

.pop_cancel_wrap input[type="text"]._high{
	height: 30px !important
}

table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
table.type02 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
/*	border-top: 1px solid #fff;*/
/*	border-left: 1px solid #fff;*/
	background: #eee;
}
table.type02 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.mfp-bg.active {
	height: 4000px !important
}

.mfp-close {
	display: none !important
}


.btn_area3 {
	text-align: center;
	margin: 20px 0
}

.btn_area3 a {
    display:inline-block;
    padding: 10px 0;
    text-align: center;
    margin: 8px auto;
    color: #fff;
    width: 100px;
    border: 1px solid #7a5230;
    background: #7a5230;
    font-size: 13px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn_area3 a.btn_b {
	border: 1px solid #666;
    background: #666;
}

.btn_area3 a.btn_c {
	width: auto;
	padding: 10px 20px
}

/*예약조회 > 결제정보 > 예약취소 popup > 환불정보 페이지 */
table.type02._small {
	font-size: 13px;
}

.is_confirm {
	display: block;
	color: #d63733;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 6px;
}

.pop_cancel_wrap dt.f_tit {
	padding-top: 0;
}
/*예약조회 > 예약확인 - 환율규정*/
.ex_rate_rule {
	font-size: 12px;
}

.ex_rate_rule li {
	border: none !important;
}

.ex_rate_rule p {
	text-decoration: underline;
	padding-top: 8px
}

.ex_rate_rule p b {
	color: #e51400
}

/*예약조회 > 예약확인 - 취소수수료 확인*/
.cancle_rule {
	font-size: 12px;
	line-height: 1.5
}

.cancle_rule dt {
	font-weight: 600;
	background: #f5f5f5;
	padding: 6px;
	font-size: 13px;
}

.cancle_rule dd {
	padding: 6px;
	display: none
}

.cancle_rule dd p {
	margin-bottom: 10px;
}

.cancle_rule dd p.ud_line {
	text-decoration: underline
}

.cancle_rule dd span {
	font-size: 11px;
	color: #666;
	color: #7a5230
}

.cancle_rule dd span.ex {
	color: #e51400
}
.cancle_rule dd span.work_time {
	display: block;
	color: #e51400
}

/*bxSlide 교체*/
.photo_box {
    /*overflow: hidden;*/
    position: relative;
}

.photo_box .bx-wrapper {
    margin: 0 auto;
}

.photo_box .bx-wrapper .bx-pager {
    position: absolute;
    top: 10px;;
    right: 10px;
    font-size: 0.8rem;
    color: #fff;
    display: inline-block;
    padding: 6px 16px;
    width: 40px;
    height: 16px;
    background: rgba(0,0,0,0.6);
    border-radius: 20px;
}


/*hotel_view.html 숙박시설 상세정보 추가*/
.dt_info {
	font-size: 13px;
	color: #666;
	margin-top: 16px;
}

.dt_info dl {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

.dt_info dl:last-child {
	border-bottom: 1px solid #ddd;
}

.dt_info dt {
	width: 30%;
	float: left;
	font-weight: 600;
	display: block;
	padding-left: 10px;
	box-sizing: border-box;
	color: #7a5230
}

.dt_info dd {
	display: block;
	width: 70%;
	float: right
}

.dt_info dd span {
	display: inline-block;
	background: #a4a4a4;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 2px
}

.dt_info dd b {
	display: inline-block;
	margin: 0 16px 0 4px
}

/*///////////////////////////
/////아이폰 5 & 5S 세로/////
///////////////////////////*/
@media only screen and (max-width:320px) {
.ry_list .ry_list_item .info .reservation {
height: 40px;
width: 70px;
}

.ry_list .local a {
padding: 4px;
font-size: 12px;
margin-right: 6px;
}

.review_list .article > img {
height: 60px;
}

.member_point .point_list {
font-size: 12px;
}

.category {
font-size: 12px;
}

.service .inner {
font-size: 12px;
letter-spacing: -1px
}

}