@charset "UTF-8";

/*width*/
.width-100 {
    width: 100%;
}

.width-420 {
    width: 420px !important;
}

/*height*/
.height-100 {
    height: 100vh;
}

/*margin*/
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 50px;
}

.mb120 {
    margin-bottom: 120px;
}

.m-auto {
    margin: auto;
}

.r-40 {
    right: 40px !important;
}

/*padding*/
.pd_top-120 {
    padding-top: 120px;
}

.pd_bottom-120 {
    padding-bottom: 120px !important;
}

/*display*/
.dp-none {
    display: none !important;
}

.dp-block {
    display: block !important;
}

/*visibility*/
.vb-hidden {
    visibility: hidden;
}

.vb-visible {
    visibility: visible !important;
}

/*table*/
.tableLine_st-01 {
    border-left: 0px !important;
}

/*bg*/
.bg-00 {
    background-color: #fff;
}

.bg-01 {
    background-color: #fafafa;
}

.bg-02 {
    background-color: #f4f7fa;
}

/*border*/
.border-top {
    border-top: 1px solid #000;
}

/*btn*/
.res_btn_st-01 {
    left: -30px;
    position: relative;
}

.c_btn {
    margin-right: 10px;
}

/*title*/
.title_st-01 {
    padding: 50px 0px;
    margin: 70px auto 0;
}

/*side_bar*/
.side_bar {
    display: none;
}

/*font color*/
.f-c-6 {
    color: #666;
}

/*inner*/
.wrap,
.header {
    min-width: 1460px;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.col {
    position: relative;
    width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-50 {
    position: relative;
    width: 50%;
}

.col-auto {
    flex: 0 0 auto;
}

/*width: auto;max-width: none;*/
.w-auto {
    width: auto;
    display: inline-block;
}

/*input*/
.input_hidden {
    visibility: hidden;
    position: absolute;
}

.box_input.datepicker input[data-datepicker=bookg] {
    background: url("../images/common/ico_calendar.png") right 20px center no-repeat;
}

.f_NotoR {
    font-family: 'NotoR' !important;
}

.f_spoqa {
    font-family: 'spoqa' !important;
}

.f_spoqaL {
    font-family: 'spoqaL' !important;
}

.f_nanum {
    font-family: 'nanum' !important;
}

.ln-1 {
    line-height: 1;
}

.container {
    padding: 0;
}

.box_visual_top.txt_ver {
    padding: 125px 0 70px !important;
}

.box_visual_top.txt_ver .title_wrap .title01 {
    font-family: 'trajan', 'nanum', sans-serif;
}

.inner_full {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inner_full > .login_area {
    max-width: 1620px !important;
    margin: auto;
    text-align: center;
    padding: 0 0 120px 0;
}

.inner_full > .login_area > .text01 {
    padding: 70px 0 0;
}

.inner_full > .login_area > .text01 > em {
    color: #738390;
}

.inner_full > .login_area > .box_input {
    width: 420px;
    height: 60px;
    display: block;
}

.inner_full > .login_area > .btn_area > .btn_square.black {
    width: 420px;
    margin: 24px auto 0;
}

.inner_full > .login_area > .btn_text {
    padding: 20px 0 0 0;
    line-height: 2em;
}

.inner_full > .login_area > .btn_text.mr30 {
    margin-right: 30px;
}

.inner_full > .login_area hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 70px 0;
    border: 0;
    border-top: solid 1px #eee;
}

.inner_full > .login_area > .sns_txt-01 {
    font-size: 22px;
    color: #738390;
    font-family: 'spoqaL', sans-serif;
}

.inner_full > .login_area > .sns_txt-01 > em {
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
    color: #000;
    font-family: 'spoqa', sans-serif;
}

.inner_full > .forgot_area {
    max-width: 1620px !important;
    display: flex;
    margin: auto;
    text-align: center;
    padding: 70px 0 120px 0;
}

.inner_tit-01 {
    max-width: 1620px;
    min-width: 1460px;
    margin: 70px auto 20px;
    padding: 0 80px;
    font-size: 24px;
    font-family: 'nanum';
    height: 36px;
}

.inner_tit-01 > span {
    position: relative;
    display: block;
    float: right;
    font-size: 14px;
    bottom: -15px;
    font-family: 'spoqa';
    color: #738390;
}

.inner_tit-01 > span::after {
    content: '*';
    display: inline-block;
    margin-top: -11px;
    color: #738390;
    vertical-align: top;
    font-size: 25px;
    font-family: 'spoqaL', sans-serif;
}

/*mypage*/
.mypage-benefits .text01.t_center {
    padding: 80px 0px;
}

.mypage-benefits .text_wrap.t_center {
    margin-bottom: 120px;
}

.mypage-benefits .text_wrap.t_center > .text03 {
    font-size: 16px;
    font-family: 'spoqa', sans-serif;
}

.mypage-benefits .type02 {
    margin: 0 0 120px 0;
}

.mypage-benefits .type02 .box_list_type {
    border-top: 1px solid #000;
}

.mypage-benefits .type02 .box_list_item {
    border-bottom: 1px solid #ddd;
    padding: 40px;
}

.mypage-benefits .type02 .list_tit {
    color: #738390;
    font-family: 'spoqaL' !important;
}

.mypage-benefits .type02 .list_cont {
    font-size: 14px;
}


/*modify1*/
.modify_confirm_area .inner02 .text01.t_center {
    padding: 80px 0px;
}

.modify_confirm_area .inner02 .text_wrap.t_center {
    margin-bottom: 120px;
}

.modify_confirm_area .inner02 .box_input {
    display: block;
    margin: 0 auto;
}

.modify_confirm_area .inner02 .btn_area {
    margin-top: 28px;
    margin-bottom: 90px;
}

.modify_confirm_area .inner02 .btn_area a {
    width: 420px;
}

.modify_confirm_area .inner_full > .box_memberout_info {
    margin: 0 auto 70px;
    padding: 78px 0px 70px 0px;
    text-align: center;
}

.modify_confirm_area .inner_full > .box_memberout_info .text01.t_center {
    padding: 0px 0px 55px 0px;
}

.modify_confirm_area .inner_full > .box_memberout_info .box_form_item {
    word-spacing: -6px;
}

.modify_confirm_area .inner_full > .box_memberout_info .box_form_item > .form_label,
.inner_full .box_memberout_info .box_form_item > .form_cont {
    display: inline-block;
}

.modify_confirm_area .inner_full > .box_memberout_info .box_form_item > .form_cont {
    margin-left: 30px;
}

.account_deactivate_area .box_inner {
    margin: 0 auto 70px;
}

.account_deactivate_area .text01 {
    padding: 70px 0px 50px;
}

.account_deactivate_area .box_form_item {
    display: block;
    text-align: center;
    position: relative;
    padding: 0 0 70px;
}

.account_deactivate_area .box_form_item .form_label {
    top: 12px;
    right: 26px;
}

.account_deactivate_area .inner02 > .text_wrap {
    margin-bottom: 50px;
    padding: 65px 40px;
}

.account_deactivate_area .inner02 > .text_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.account_deactivate_area .inner02 > .text_wrap .text03 {
    float: left;
}

.account_deactivate_area .inner02 > .text_wrap .list_info {
    float: right;
}

.account_deactivate_area .inner02 > .text_wrap .list_info li {
    display: inline-block;
    width: auto;
    line-height: 26px;
    margin-left: 25px;
}

.account_deactivate_area .inner02 > .text_wrap .list_info li:first-child {
    margin-left: 0px;
}

.account_deactivate_area .inner02 > .box_input {
    display: block;
    margin: 0 auto;
}

.account_deactivate_area .inner02 > .btn_area {
    margin-top: 28px;
    margin-bottom: 100px;
}

.account_deactivate_area .inner02 > .btn_area a {
    width: 300px;
}

.account-deactivate > .text03 > strong {
    display: block;
    margin: 0 0 14px 0;
    font-size: 20px;
}

.account-deactivate > .text03 {
    font-size: 16px;
}

.modify > .inner_tit-01 {
    margin: 70px auto 20px;
}

.account-02 .box_form_item {
    margin-top: 20px;
    padding: 40px;
}

.account-02 .box_form_item > .terms_box_label > .checkbox_area {
    position: relative;
    display: block;
    float: right;
}

.account-02 .btn_text {
    margin: 0 0 0 20px;
}

.account-03 .box_form_item {
    margin-top: 20px;
    padding: 0px;
}

.sns > li {
    clear: both;
    line-height: 3.5;
    padding: 40px;
    border-bottom: 1px solid #ddd;
}

.sns > li:last-child {
    border: 0px;
}

.sns > li > span {
    font-size: 14px;
    color: #999;
}

.sns > li.on > span {
    color: #000;
}

.sns > li > a {
    float: right;
}

.sns > li > a > span {
    font-size: 0px;
    opacity: 0;
}

.sns > li > a::after {
    content: '\c5f0\acb0\d558\ae30';
}

.sns > li.on > a {
    background: #000;
    color: #fff;
}

.sns > li.on > a::after {
    content: '\c5f0\acb0\d574\c81c';
}

.icon-sns {
    font-size: 0px;
    text-indent: -99999px;
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 22px 0 0;
}

.icon-sns::before {
    content: '';
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background-size: contain;
}

.icon-sns.naver::before {
    background: url("../images/member/icon-naver.png") no-repeat;
}

.icon-sns.kakao::before {
    background: url("../images/member/icon-kakao.png") no-repeat;
}

.icon-sns.google::before {
    background: url("../images/member/icon-google-line.png") no-repeat;
}

.icon-sns.facebook::before {
    background: url("../images/member/icon-facebook.png") no-repeat;
}

/*mypage-type*/
.mypage-type .text_wrap {
    border: 0px;
    padding: 70px 40px 50px;
}

.mypage-type .box_search_bar .search_form .form_item {
    display: block;
}

.mypage-type .box_search_bar .search_form.type01 .form_item:last-child {
    width: auto;
}

.mypage-type .box_search_bar .search_form.type01 > .form_item > .row_in {
    display: block;
}

.mypage-type .box_search_bar .search_form.type01 > .form_item > .row_in > .box_input {
    vertical-align: baseline;
    background: #fff;
}

.mypage-type .box_search_bar .search_form.type01 > .form_item > .row_in > .list_sort {
    position: relative;
    display: inline-block;
    margin: 0 20px 0;
    top: 8px;
}

.mypage-type .error_box {
    padding: 128px 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.mypage-type .error_box::before {
    content: '';
    display: block;
    width: 65px;
    height: 65px;
    margin: auto;
    background-size: contain;
    background: url("../images/common/icon-no-result.png") no-repeat;
}

.count {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 auto 40px;
}

.count > .count_in {
    display: block;
    float: left;
    width: calc(25%);
    padding: 25px;
    background: #fff;
    margin: 0;
    border-right: 1px solid #ddd;
    cursor: pointer;
}

.count > .count_in:last-child {
    border-right: 0px;
}

.count > .count_in.on {
    background: #738390;
    color: #fff;
}

.count > .count_in > i {
    display: block;
    font-style: normal;
    font-size: 18px;
    font-family: 'spoqaL';
}

.count > .count_in > em {
    display: block;
    font-style: normal;
    font-size: 30px;
    text-align: right;
    color: #738390;
}

.count > .count_in.on > em {
    color: #fff;
}

.count > .count_in > em.null {
    color: #c5c5c5;
}

.count > .count_in.on > em.null {
    color: rgba(255, 255, 255, 0.4);
}

.res-list > ul > li:first-child {
    margin: 0;
}

.res-list > ul > li {
    padding: 40px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    margin: -4px 0 0 0;
}

.res-list > ul > li:hover {
    background-color: #fafafa
}

.res-list > ul > li > a > .box_in_item {
    position: relative;
    /* display: inline-block; */
    width: 100%;
}

.res-list > ul > li > a > .box_in_item .thumb {
    position: relative;
    display: block;
    width: 20%;
    float: left;
}

.res-list > ul > li > a > .box_in_item .thumb > img {
    width: 257px;
    height: 140px;
}

.res-list > ul > li > a > .box_in_item .tit {
    position: relative;
    display: block;
    padding: 35px 40px 0px;
    width: 25%;
    float: left;
}

.res-list > ul > li > a > .box_in_item .tit .info li {
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.res-list > ul > li > a > .box_in_item .tit .info li::after {
    content: ' -';
}

.res-list > ul > li > a > .box_in_item .tit .info li:last-child::after {
    content: '';
}

.res-list > ul > li > a > .box_in_item .contents {
    display: block;
    position: relative;
    width: 35%;
    float: left;
}

.res-list > ul > li > a > .box_in_item .contents > ul {
    line-height: 2.2;
}

.res-list > ul > li > a > .box_in_item .contents > ul > li i {
    display: inline-block;
    width: 120px;
    font-style: normal;
    font-size: 14px;
    font-family: 'spoqaL';
}

.res-list > ul > li > a > .box_in_item .contents > ul > li em {
    display: inline-block;
    width: calc(100% - 130px);
    font-style: normal;
    font-size: 14px;
    font-family: 'spoqaL';
}

.res-list > ul > li > a > .box_in_item .contents > ul > li:first-child:nth-last-child(2),
.res-list > ul > li > a > .box_in_item .contents > ul > li:first-child:nth-last-child(2) ~ .res-list > ul > li > a > .box_in_item .contents > ul > li {
    margin-top: 5.5%;
}

.res-list > ul > li > a > .box_in_item .contents > ul > li:first-child:nth-last-child(3),
.res-list > ul > li > a > .box_in_item .contents > ul > li:first-child:nth-last-child(3) ~ .res-list > ul > li > a > .box_in_item .contents > ul > li {
    margin-top: 3%;
}

.res-list > ul > li > a > .box_in_item .state {
    position: relative;
    display: block;
    width: 20%;
    text-align: right;
    float: left;
}

.res-list > ul > li > a > .box_in_item .state > span {
    line-height: 8.8;
}

.res-list > ul > li > a > .box_in_item .state > span.state-chk::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url("../images/mypage/ico-chk.png") center no-repeat;
    margin: 0 4px 0 0;
}

.res-list > ul > li > a > .box_in_item .state > span.state-chk {
    display: inline-block;
    color: #71a38a;
}

.res-list > ul > li > a > .box_in_item .state > span.state-cancle::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url("../images/mypage/ico-cancle.png") center no-repeat;
    margin: 0 4px 0 0;
}

.res-list > ul > li > a > .box_in_item .state > span.state-cancle {
    display: inline-block;
    color: #b76556;
}

.res-list > ul > li > a > .box_in_item .state > span.state-end::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    margin: 0 4px 0 0;
}

.res-list > ul > li > a > .box_in_item .state > span.state-end {
    display: inline-block;
    color: #999999;
}

.res-list > ul > li > a > .box_in_item .state > span.state-wait::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url("../images/mypage/ico-wait.png") center no-repeat;
    margin: 0 4px 0 0;
}

.res-list > ul > li > a > .box_in_item .state > span.state-wait {
    display: inline-block;
    color: #738390;
}

.res-list > ul > li > a > .box_in_item .state > span.state-wait::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 25px;
    background: transparent;
    margin: 0 0 -6px 45px;
}

.res-list > ul > li > a > .box_in_item .state > span::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 25px;
    background: url("../images/mypage/arrow-right.png") center no-repeat;
    margin: 0 0 -6px 45px;
}

/*mypage-res-detail*/
.detail_info_in > .row {
    padding: 0;
    margin: 0 0 30px 0;
}

.detail_info_in dl {
    line-height: 2;
}

.detail_info_in dt {
    font-size: 14px;
    opacity: 0.6;
    display: inline-block;
    width: 120px;
    vertical-align: top;
}

.detail_info_in dd {
    font-size: 14px;
    display: inline-block;
    width: calc(100% - 140px);
}

.total {
    padding: 24px 35px;
}

.total > div > i,
.total > div > em,
.total > div > p {
    display: block;
}

.total > div > i {
    font-size: 14px;
    font-style: normal;
}

.total > div > em {
    font-size: 12px;
    color: #555;
    font-style: normal;
}

.total > div > p {
    font-size: 14px;
    color: #666;
    margin: 12px 0 0 0;
}

.total > div > p > a {
    margin: 0 0 0 10px;
}

.total .price {
    font-size: 28px;
    font-weight: bold;
    font-family: 'nanum';
}

.mypage-res-detail .box_list_type {
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
}

.mypage-res-detail .box_list_type .box_list_item .list_cont p {
    line-height: 2.14;
}

.reservation-push-frm {
    margin-top: 10px;
}

.reservation-push {
    background: none;

    border-style: none;
    border-bottom: 1px black solid;

    font-size: 15px;
    font-family: "nanum";
    font-weight: bold;

    cursor: pointer;
}

.box_list_type .box_list_item {
    padding: 70px 0;
}

/*agree popup*/
.agreeP .layer_pop_contents .conts {
    margin: 0 30px 30px !important;
    padding: 40px !important;
    max-height: 600px;
    overflow-y: auto;
}

/*account-02*/
.account-02 .box_list_item {
    padding: 70px 0px 0px !important;
}