@charset "UTF-8";

html,
body {
    overflow: visible !important;
}

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

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

/*margin*/
.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.m-auto {
    margin: auto;
}

/*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;
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

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

.res_btn_st-02 {
    margin-left: 10px;
    position: relative;
}

.btn_page_close {
    z-index: 3;
}

#rec_search:hover {
    background-color: #738390 !important;
    color: #fff !important;
}

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

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

/*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;*/

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

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

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

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

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

/*icon*/
.icon_st-01 {
    position: absolute;
    right: 15px;
    line-height: 3;
}

.icon-plus {
    background: url("../images/reservation/ico-plus.png") center no-repeat;
}

.icon-minus {
    background: url("../images/reservation/ico-minus.png") center no-repeat;
}

/* login_msg*/
.login_msg {
    margin-bottom: -70px;
}

/*header*/
.wrap.moved .header {
    position: absolute !important;
}

.container {
    padding: 0;
    min-width: 1460px;
}

.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: 0 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;
}

/*reservation step1*/
/*????*/
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #0079d9;
    font-weight: 700;
    cursor: pointer;
}

/*??*/
.date-picker-wrapper .month-wrapper table .day.toMonth.close {
    color: #c4c4c4 !important;
    background-color: #efefef;
    cursor: pointer;
}

/*????*/
.date-picker-wrapper .month-wrapper table .day.toMonth.end {
    color: #c4c4c4 !important;
}

/*???*/
.date-picker-wrapper .month-wrapper table .day.toMonth.invalid {
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

.color_info_ul {
    position: absolute;
    top: 44px;
    z-index: 9;
}

.color_info_ul li {
    display: inline-block;
    font-size: 0.9rem;
}

.color_info_ul li.type_a:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 5px;
    background-color: #0079d9;
}

/*open*/
.color_info_ul li.type_b:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 5px;
    background-color: #c4c4c4;
}

/*close*/
.color_info_ul li.type_c:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 5px;
    background-color: #000;
}

/*before*/
.btn_calendar_prev,
.btn_calendar_next {
    top: -10px;
}

.update_datepicker {
    position: absolute;
}

.reservation .step1 {
    position: relative;
    padding: 80px;
    min-width: 1460px;
    display: -webkit-box;
}

.golf_area .reservation .step1 {
    display: flex;
}

.reservation .datepicker_wrap {
    width: 70%;
    min-width: 800px;
    display: inline-block;
    float: left;
}

.reservation .date-picker-wrapper .month-wrapper {
    background-color: #fafafa !important;
}

.reservation .date-picker-wrapper table .caption {
    height: 60px;
}

.reservation .readonly input:focus {
    outline: none;
}

.reservation .box_res_infor {
    position: relative;
    width: 310px;
    display: inline-block;
    padding: 0;
    /* background: red; */
    top: 0;
    right: 0;
}

.reservation .box_input input.readonly {
    padding: 0 50px 0 20px;
    font-size: 16px;
    line-height: 1.5;
    border: 0px;
    background: transparent;
}

.readonly_st {
    background: transparent !important;
    border: 0px !important;
    outline: 0px !important;
    text-align: left;
    width: 100% !important;
    height: 30px !important;
    font-family: 'nanum';
    font-size: 22px !important;
    font-weight: normal;
    line-height: 1.33 !important;
    letter-spacing: normal;
    color: #000;
    padding: 0 !important;
}

.reservation .date-picker-wrapper .month-wrapper table th {
    line-height: 3 !important;
    height: 60px;
}

.reservation table:first-child {
    margin-right: 50px;
}

.reservation .box_select.type02 .selected {
    padding: 0 50px 0 0;
    font-size: 22px;
    font-family: 'nanum';
    border: 0;
    border-bottom: 1px solid #000;
    background: transparent;
}

.reservation label {
    color: #666;
}

.reservation label em.in {
    color: #0079d9;
}

.reservation label em.out {
    color: #f04336;
}

.reservation .num {
    display: inline-block;
    font-family: 'nanum';
    font-size: 22px;
}

.reservation .num > input[type=text] {
    width: 20px !important;
    display: inline-block;
}

.reservation button.ctrl {
    min-width: 19px;
    height: 19px;
    padding: 0;
    margin: 8px 0 0 10px;
    line-height: 1;
    font-size: 30px;
    font-family: 'spoqaL', sans-serif;
    border: 0px;
    outline: 0px;
    text-indent: -99999px;
}

.reservation button:hover {
    background-color: transparent !important;
    color: #738390 !important;
}

.res_quick {
    position: relative;
    display: none;
    left: 0;
    width: 100%;
    min-width: 1460px;
    height: 125px;
    background-color: #383838;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
}

.res_quick.auto {
    height: auto !important;
}

.res_fix {
    position: fixed;
    display: block;
    z-index: 4;
    top: 0;
}

.res_quick > .row {
    position: relative;
    width: calc(100% - 160px);
    display: flex;
    margin: auto;
}

.res_quick h4 {
    font-family: 'spoqa';
    font-size: 12px;
    line-height: 2;
    letter-spacing: normal;
    color: #ffffff;
    margin: 20px 0 8px 0;
}

.res_quick > .row > div {
    padding: 0 15px 20px 20px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    min-height: 125px;
}

.res_quick > .row > div:hover {
    background: #738390;
}

.res_quick > .row > div:nth-child(1) {
    width: calc(22% - 35px);
    /* margin: 0 0 0 80px; */
}

.res_quick > .row > div:nth-child(2) {
    width: calc(14% - 35px);
}

#res_quick_info {
    width: calc(22% - 35px);
    word-break: keep-all;
}

#res_quick_round {
    width: calc(32% - 35px);
    height: auto;
    word-break: keep-all;
    line-height: 1.7;
}

/*.res_quick > .row > .total{background-color:#2d2d2d;width: 18%;margin: 0 3.5% 0 0;}*/
.res_quick > .row > .total {
    background-color: #2d2d2d;
    width: calc(22% - 70px);
    min-width: 282px;
    height: 100%;
    position: absolute;
    right: 0;
    float: right;
    padding: 0 30px 25px 40px;
}

.res_quick > .row > .total:hover {
    background-color: #2d2d2d;
}

.res_quick > .row > .total:hover:before {
    display: none;
}

.res_quick > .row > .total > span {
    font-size: 12px;
}

.res_quick > .row > div > span {
    display: block;
}

.res_quickClose {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: url("../images/reservation/btn_close.png") center no-repeat;
    font-size: 0px;
    text-indent: -99999px;
}

.res_quickClose:hover {
    background-color: #fff;
}

.res_quick .btn_res_modify {
    position: relative;
    visibility: hidden;
    top: 22px;
    /*right: 5px;*/
    float: right;
    width: 16px;
    height: 16px;
    background: url("../images/reservation/ico_res_modify.png") center no-repeat !important;
    z-index: 10001;
    text-indent: -9999999px;
    font-size: 0px;
    outline: 0;
}

.res_quick .btn_toogleShow.open {
    position: relative;
    margin-left: 10px;
    display: none;
    float: right;
    top: 22px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../images/reservation/ico_open.png")left center no-repeat;
    font-size: 0px;
    text-indent: -99999px;
    outline: 0;
}

.res_quick .btn_toogleShow.close {
    position: relative;
    margin-left: 10px;
    top: 22px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../images/reservation/ico_close.png") center no-repeat;
    font-size: 0px;
    text-indent: -99999px;
}

#res_quick_rounding {
    line-height: 1.7;
}

@media all and (max-width:1460px) {
    #res_quick_round {
        width: calc(27.5% - 35px);
    }

    .res_quick > .row > .total {
        width: 25.2%;
    }
}

/*reservation step2*/
.reservation .step2 {
    padding: 80px 0px 0px;
    background: #fff;
}

.golf_area .step2 {
    padding: 70px 0 0 !important;
}

.reservation .step2 .teeOffTime > span {
    display: block;
    font-size: 30px;
    padding: 20px 0px 0px;
    font-family: 'spoqaL';
}

.reservation .step2 .title_wrap {
    padding: 0px;
}

.reservation .step2 .tab_contents {
    padding: 0px 0px 30px;
}

.reservation .step2 .tab_conts > h2 {
    font-size: 33px;
    font-family: 'nanum';
    display: inline-block;
}

.reservation .step2 .tab_conts .hole-Course {
    position: absolute;
    font-family: 'spoqaL', sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #738390;
    display: inline-block;
    line-height: 3.2;
    margin: 0 0 0 20px;
}

.golf_area .box_list_type .box_list_item {
    padding-top: 40px;
}

.reservation .step2 .box_list_type .box_list_item .list_tit {
    width: 47%;
}

.reservation .step2 .box_list_type .box_list_item .list_cont {
    position: relative;
    width: 95%;
    margin: auto;
    float: none;
    box-sizing: border-box;
}

.reservation .step2 .box_list_type .box_list_item .list_cont * {
    box-sizing: border-box;
}

.reservation .step2 .box_list_type .box_list_item .text02 {
    color: #666;
    line-height: 3;
}

.reservation .step2 .list_cont > .fixed_top {
    display: inline-table;
    position: absolute;
    top: 6px;
    width: 100%;
    height: 50px;
    background: #f4f7fa;
    z-index: 3;
    border-bottom: 1px solid #ddd;
}

.reservation .step2 .list_cont > .fixed_top > span {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.reservation .step2 .list_cont > .fixed_top > span:nth-child(1) {
    width: 10%;
}

.reservation .step2 .list_cont > .fixed_top > span:nth-child(2) {
    width: 30%;
}

.reservation .step2 .list_cont > .fixed_top > span:nth-child(3) {
    width: 30%;
}

.reservation .step2 .list_cont > .fixed_top > span:nth-child(4) {
    width: 30%;
}

.reservation .step2 .table_wrap {
    border-top: 0px;
    max-height: 664px;
    overflow-y: auto;
}

.reservation .step2 .table_wrap .course {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 49px;
}

.reservation .step2 .table_wrap .course td {
    border-left: 0px;
    text-align: left;
    font-size: 24px;
    padding: 0;
    font-family: 'nanum';
    vertical-align: top;
}

.reservation .step2 .table_wrap .course td.time_v {
    background: #f4f7fa;
    padding: 20px;
    vertical-align: middle;
    text-align: center;
}

.reservation .step2 .table_wrap .course td:last-child {
    border-width: 1px 0px 1px 0px;
}

.reservation .step2 .course td {
    border: 1px solid #ddd;
}

.reservation .step2 .course td .time_list li.title {
    background: #fafafa;
}

.reservation .step2 .course td .time_list li.title > span {
    position: relative;
    font-size: 22px;
    color: #000;
    line-height: 2.5;
}

.reservation .step2 .course td .time_list li {
    display: block;
    text-align: center;
    line-height: 1.56;
    padding: 20px;
}

.reservation .step2 .course td .time_list li i {
    font-family: 'spoqa';
    font-size: 16px;
    font-style: normal;
}

.reservation .step2 .course td .time_list li em {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    color: #738390;
    text-indent: 31px;
    margin: -6px 0px 0px 0px;
}

.reservation .step2 .course td .time_list li label {
    display: block;
    /* float: left; */
    margin: 10px 0 0;
    cursor: pointer;
}

.reservation .step2 .course td > .finish {
    padding: 0px 0px 20px;
    text-align: center;
}

.reservation .step2 .course td > .finish span {
    display: block;
    font-size: 16px;
}

/*golf time selected*/
.course .input_rdo {
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    border: solid 1px rgba(115, 131, 144, 0.6);
    outline: 0;
    text-align: center;
    width: 250px;
    margin: 10px auto !important;
}

.course .input_rdo:nth-child(3n) {
    margin-right: 0;
}

.course .input_rdo i:before {
    visibility: hidden;
}

.course .input_rdo i:after {
    visibility: hidden;
}

.course .input_rdo > i {
    font-size: 14px;
    display: block;
    padding: 0;
    text-align: center;
}

.course .input_rdo > em {
    font-size: 12px;
    display: block;
}

.course .input_rdo.select {
    background-color: #738390;
}

.course .input_rdo.select i,
.course .input_rdo.select em {
    color: #fff;
}

/*step2*/
.teeoff-magam {
    text-align: center !important;
    border-top: 1px solid #ddd;
    padding: 270px 0px !important;
    font-family: 'spoqa' !important;
    font-size: 20px !important;
}

.teeoff-magam::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 65px;
    background: url(../images/reservation/ico-teeoff-magam.png) center no-repeat;
    ;
    text-align: center;
}

.box_tab_menu02 > .tab_menu .tab_anchor {
    padding: 14px 0 14px;
}

.box_tab_menu02 > .tab_menu li {
    margin-left: 40px;
}

#accommodation_step-02 .box_tab_menu02 > .tab_menu li {
    margin: 40px 40px 40px 0px;
}

#golf_step-02 {
    padding: 0px;
}

.box_in_list.online .box_in_item {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 50px 0px 0px;
    border: 1px solid #ddd;
    padding: 40px;
}

.box_in_list.online .box_in_item .thumb {
    max-width: 200px;
    height: 109px;
    float: left;
}

.box_in_list.online .box_in_item .tit {
    font-size: 24px;
    font-family: 'nanum';
    width: 400px;
    display: flex;
    float: left;
    line-height: 3;
}

.box_in_list.online > .box_in_item > .contents {
    width: calc(50% - 250px);
    display: inline-block;
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.box_in_list.online > .box_in_item > .contents .tit {
    font-size: 14px;
    font-family: 'spoqa';
    display: block;
    width: 100%;
}

.box_in_list.online .box_in_item .contents .info li {
    display: inline-block;
    margin: 0px 8px 0px 0px;
    font-size: 14px;
    color: #666;
    line-height: 2;
    font-family: 'spoqa';
}

.box_in_list.online .box_in_item .contents .info li:after {
    content: ' | ';
    margin: 0px 0px 0px 8px;
}

.box_in_list.online .box_in_item .contents .info li:last-child:after {
    content: '';
}

.box_in_list.online .box_in_item .contents .price {
    position: absolute;
    display: block;
    width: 200px;
    top: 54px;
    right: 200px;
    text-align: right;
}

.box_in_list.online .box_in_item .contents .price > em {
    display: block;
    font-size: 26px;
    font-family: 'nanum';
    font-style: normal;
    color: #000;
}

.box_in_list.online .box_in_item .contents .price > i {
    font-size: 14px;
    font-style: normal;
    color: #666;
}

.box_in_item .contents .btn_onlineP {
    position: absolute;
    display: block;
    right: 40px;
    top: 50px;
}

/*.box_in_item .contents .btn_onlineP:hover,*/
.box_in_item .contents .btn_onlineP.select {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

/*.box_in_item .contents .btn_onlineP:hover > span:after,*/
.box_in_item .contents .btn_onlineP.select > span:after {
    position: relative;
    content: '';
    display: inline-block;
    width: 30px;
    height: 15px;
    top: 2px;
    left: 8px;
    background: url(../images/reservation/ico_select.png) center no-repeat;
    color: #fff;
}

.package > .box_in_list.online .box_in_item .tit {
    width: 30%;
    margin-right: 70px;
}

.package > .box_in_list.online .box_in_item .contents {
    width: calc(40% - 70px);
}

.package > .box_in_list.online .box_in_item .contents .info {
    position: relative;
}

.package > .box_in_list.online .box_in_item .contents .info li {
    line-height: 5;
}

.step2-2 > .inner02 {
    padding: 70px 0px;
}

.step2-2 > .inner02 > h3 {
    font-size: 33px;
}

.recommend_list > li {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 50px 0px 0px;
    border: 1px solid #ddd;
    padding: 40px;
    background-color: #fff;
    min-height: 220px;
}

.recommend_list > li > span {
    display: block;
    float: left;
}

.recommend_list > li > span:nth-child(1) {
    width: 30%;
    margin-right: 70px;
}

.recommend_list > li > span:nth-child(2) {
    width: calc(40% - 70px);
    padding: 45px 0px 0px 0px;
    font-size: 14px;
    color: #666;
    word-break: keep-all;
    font-family: 'spoqaL';
}

.recommend_list > li > span:nth-child(3) {
    width: 20%;
    text-align: right;
    padding: 0 40px 0 0;
}

.recommend_list > li > span:nth-child(4) {
    width: 10%;
    text-align: right;
    padding: 40px 0 0 0;
}

.recommend_list > li > span > h4 {
    font-size: 24px;
    font-family: 'nanum';
    margin: 20px 0 0 0;
    width: 360px;
}

.recommend_list > li > span > i {
    padding: 8px 20px;
    background-color: #a1887c;
    color: #fff;
    font-style: normal;
    font-size: 12px;
}

.recommend_list > li > span > em {
    color: #666;
    font-size: 14px;
    font-family: 'spoqaL';
}

.recommend_list > li > .price > em {
    font-family: 'nanum';
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-style: normal;
    display: block;
    padding: 46px 0 0 0;
}

.recommend_list > li > .price > i {
    font-size: 14px;
    font-style: normal;
    color: #666;
    background: transparent;
    padding: 0px;
    font-family: 'spoqaL';
}

.recommend_list > li > .contents > .btn_onlineP {
    top: 80px;
}

/*.recommend_list > li > span .btn_package:hover > span:after,*/
.recommend_list > li > span .btn_package.select > span:after {
    position: relative;
    content: '';
    display: inline-block;
    width: 30px;
    height: 15px;
    top: 2px;
    left: 8px;
    background: url(../images/reservation/ico_select.png) center no-repeat;
    color: #fff;
}

/*.recommend_list > li > span .btn_package:hover,*/
.recommend_list > li > span .btn_package.select {
    background-color: #000 !important;
    color: #fff !important;
}

.border-black {
    border: 1px solid #000 !important;
}

.border-over {
    border: 1px solid #000 !important;
}

/*accommodation reservation step2*/
.accommodation_area .recommend_list > li:first-child {
    margin: 50px 0 0;
}

.accommodation_area .recommend_list > li {
    margin: 20px 0 0;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item:first-child,
.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on:first-child {
    margin-top: 0px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item {
    margin-top: 70px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on {
    margin-top: 70px;
    opacity: 1 !important;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .thumb {
    position: relative;
    width: 500px;
    height: 272px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .thumb .detail {
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background: url(../images/reservation/ico_detail.png) rgba(0, 0, 0, 0.6313725490196078) center no-repeat;
    font-size: 0px;
    text-indent: -99999px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .thumb .detail:hover {
    background: url(../images/reservation/ico_detail.png) #000000 center no-repeat !important;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info {
    position: relative;
    width: calc(100% - 500px);
    padding-left: 50px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .offer_tit {
    font-size: 33px;
    font-family: 'nanum';
    margin: 40px 0px 6px;
    width: 70%;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .list_info {
    margin-bottom: 30px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .list_info > li {
    font-family: 'spoqa';
    font-size: 14px;
    line-height: 1.5;
    padding: 0px;
    width: 70%;
    word-break: keep-all;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .list_info > li:before {
    display: none;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info p {
    font-family: 'spoqaL';
    margin: 15px 0px 0px;
    font-size: 14px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info p > em::after {
    content: ' | ';
    margin: 0 8px 0;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info p > em:last-child::after {
    content: '';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price {
    display: inline-block;
    position: absolute;
    width: 200px;
    top: 60px;
    right: 0px;
    text-align: right;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price > em {
    display: block;
    font-size: 26px;
    font-family: 'nanum';
    font-style: normal;
    color: #000;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price > i,
.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price > div.event-text2 {
    font-size: 14px;
    font-style: normal;
    color: #666;
    font-family: 'spoqaL';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price .btn_product {
    width: 160px;
    margin: 20px 0px 0px 0px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price .btn_product:hover {
    background-color: #738390 !important;
    color: #fff !important;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price .btn_product span::after {
    content: '\c0c1\d488\20\c120\d0dd';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price .select span::after {
    content: '\b2eb\ae30';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .offer_info .price .btn_product.chk span::after {
    content: '\c0c1\d488\20\c120\d0dd';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product.select {
    background-color: #fff !important;
    color: #000 !important;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product.select span::before {
    content: '\b2eb\ae30';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product.select span::after {
    content: '';
    display: none;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product span::before {
    content: '\c0c1\d488\20\c120\d0dd';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item.on .offer_info .price .btn_product span::after {
    position: relative;
    content: '';
    display: inline-block;
    width: 30px;
    height: 15px;
    top: 2px;
    left: 8px;
    background: url(../images/reservation/ico_select.png) center no-repeat;
    color: #fff;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item {
    position: relative;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 20px 0px 0px;
    border: 1px solid #ddd;
    padding: 40px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .thumb {
    max-width: 200px;
    height: 109px;
    float: left;
    overflow: hidden;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list.roomL .box_in_item .contents {
    width: calc(100% - 250px);
    display: inline-block;
    margin: 5px 0px 0px 42px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .tit {
    font-size: 24px;
    font-family: 'nanum';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list.roomL .box_in_item .contents .info li {
    display: inline-block;
    margin: 0px 8px 0px 0px;
    font-size: 14px;
    color: #666;
    line-height: 2;
    font-family: 'spoqaL';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .thumb img {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 100%;
}

/*max-height: 100%;max-width: none;width: auto;height: inherit;*/
.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .info li:after {
    content: ' | ';
    margin: 0px 0px 0px 8px;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .info li:last-child:after {
    content: '';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents > .s_txt {
    display: block;
    width: 66%;
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    line-height: 2;
    color: #666;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .price {
    position: absolute;
    display: block;
    width: 200px;
    top: 54px;
    right: 200px;
    text-align: right;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .price > em {
    display: block;
    font-size: 22px;
    font-family: 'nanum';
    font-style: normal;
    color: #000;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .price > i {
    position: relative;
    font-size: 14px;
    font-style: normal;
    color: #666;
    top: 6px;
    font-family: 'spoqaL';
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .btn_room {
    position: absolute;
    display: block;
    right: 40px;
    top: 66px;
}

/*.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .btn_room:hover,*/
.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .btn_room.select {
    background-color: #000 !important;
    color: #fff !important;
}

.accommodation_area .reservation .step2 .box_offer_list .box_offer_item .box_in_list .box_in_item .contents .btn_room.select > span:after {
    position: relative;
    content: '';
    display: inline-block;
    width: 30px;
    height: 15px;
    top: 2px;
    left: 8px;
    background: url(../images/reservation/ico_select.png) center no-repeat;
    color: #fff;
}

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

.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;
}

/*golf pkg*/
.pkg_area {
    padding: 70px 0 20px !important;
}

.pkg_btn_l,
.pkg_golf_tit,
.pkg_btn_r {
    display: inline-block !important;
}

.pkg_golf_tit {
    margin: 0 32px;
}

.pkg_btn_l {
    top: 0;
}

.pkg_btn_r {
    top: 0;
}


/*reservation step3*/
.reservation .step3 {
    padding: 70px 0 0;
    background: #fff;
}

.reservation .step3 .table-close {
    position: relative;
    display: inline-block;
    background: url(../images/reservation/table-close.png) center no-repeat;
    width: 30px;
    height: 15px;
    margin: 0 0 0 15px;
    outline: 0px;
    border: 0px;
}

.reservation .step3 .table-open {
    position: relative;
    display: inline-block;
    background: url(../images/reservation/table-open.png) center no-repeat;
    width: 30px;
    height: 15px;
    margin: 0 0 0 15px;
    border: 0px;
    outline: 0px;
}

.num_st-01 {
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 2;
    padding: 10px 10px 10px 20px;
    font-size: 14px;
    font-family: 'spoqa';
    width: 210px;
}

.num_st-01 label {
    top: -3px !important;
}

.num_st-01 > .readonly_st {
    font-size: 14px !important;
    font-family: 'spoqa';
    width: 30px !important;
    position: relative;
    text-align: left;
    top: -3px !important;
    padding: 0px 0px 0px 10px !important;
}

.reservation .step3.option .num_in {
    display: inline-block;
    width: 240px;
    margin: 0px;
}

.reservation .step3.option .num_in .ctrl {
    position: relative;
    display: inline-block;
    left: 120px;
    top: -45px;
}

.reservation .step3.option .col {
    display: inline-block;
}

.reservation .step3.option .col2 {
    width: 50%;
    display: block;
    float: left;
}

.reservation .step3.option .txt_div > h4 {
    font-size: 14px;
    line-height: 2.5;
    color: #738390;
}

.reservation .step3.option .txt_div > ul > li {
    font-size: 14px;
    line-height: 1.57;
    color: #666;
}

/*.reservation .step3.option .txt_div > ul > li::before{content: '? ';}*/
.box_input.email_st-01::before {
    position: absolute;
    right: 15px;
    line-height: 3;
    content: '@';
    font-size: 18px;
    color: #666;
}

/*golf step step3*/
#golf_step-03 .box_list_form.col2 .box_inner {
    border: 0px;
}

#golf_step-03 .box_list_form.col2 .box_inner:nth-child(2) {
    padding-top: 120px;
}

/*accommodation step3*/
#accommodation_step-031 .box_list_form {
    border: 0px;
    padding: 50px 40px;
}

#accommodation_step-032 .box_list_form {
    padding: 50px 40px;
}

#accommodation_step-031.step3 {
    padding: 70px 0 0;
}

.tip_txt {
    font-size: 14px;
    font-family: 'spoqaL';
}

/*reservation step4*/
.reservation .step4 {
    padding: 70px 80px;
    background-color: #fff;
}

.reservation .step4 > .inner02 {
    padding: 50px;
    max-width: 1460px;
}

.reservation .step4 > .inner02 > .list_cont > h4 {
    font-size: 20px;
    font-family: 'nanum';
    margin-bottom: 10px;
}

/*reservation step5*/
.reservation .step5 {
    padding: 0px 80px 70px;
    background-color: #fff;
}

.reservation .step5 > .inner02 {
    padding: 50px;
    max-width: 1460px;
}

.reservation .step5 .in_area {
    display: flex;
}

.reservation .step5 .in_area > .conts {
    position: relative;
    display: flex;
    float: left;
    width: calc(50% - 12px);
    margin: 0 10px 0 0;
    border: 1px solid #d0d7dd;
    padding: 30px;
}

.reservation .step5 > .inner02 > .all {
    display: block;
    margin: 30px 0 0;
}

.reservation .step5 .in_area > .conts .btn_text {
    position: absolute;
    display: inline-block;
    right: 30px;
}

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

.agreeP p.tit {
    margin: 0 30px 30px !important;
}

.res-confirm .layer_pop_contents .conts {
    margin: 0 30px 30px !important;
    padding: 40px !important;
    max-height: 650px !important;
}

.res-confirm dt {
    color: #738390;
    font-size: 14px;
}

.res-confirm dd {
    color: #000;
    font-size: 14px;
    margin: 0 0 30px 0;
}

.res-confirm .price_tit {
    color: #738390;
    font-size: 14px;
    display: inline-block;
    line-height: 1.5;
}

.res-confirm .price_tit > em {
    font-size: 12px;
    display: block;
}

.res-confirm .price {
    font-size: 28px;
    float: right;
    display: inline-block;
}

/*reservation step6*/
.reservation .step6 {
    padding: 0px 0px 120px;
    background-color: #fff;
    margin: 0;
}

/*etc*/
#res_quick_price {
    font-size: 20px;
}

.vat {
    font-size: 12px;
}


/*layer_pop*/
.layer_pop_contents > .conts > .text02 {
    line-height: 3;
}