@charset "utf-8";

/* modal_device - pc{ */

.modal_device.modal {
    max-width: 895px;
    padding: 39px;
    overflow: scroll;
    height: 100%;
}
.modal_device .modal_title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #232323;
    border: 1px solid #232323;
    padding: 14.5px 0;
    border-radius: 5px;
}

.modal_device .modal_cont {
    font-size: 0;
    font-weight: inherit;
    color: inherit;
    margin-top: 30px;
}
.modal_device .sub_title {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    padding-bottom: 10px;
}

.modal_device .sub_title_r {
    width: 100%;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #8D8D8D;
    position: relative;
}

.modal_device .modal_content {
    border: 1px solid #707070;
    padding: 39px;
}

/* dvtb{ */
.modal_device .dvtb_ {
    border-bottom: 1px solid #232323;
}
.modal_device .dvtb {
    padding: 10px 0;
}
.modal_device table {
    width: auto;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #232323;
}
.modal_device .dvtb_list thead tr th {
    padding: 10px 5px;
    background: rgba(206,152,60,0.1);
    font-size: 12px;
    font-weight: 700;
    color: #232323;
    position: relative;
    border-bottom: 1px solid #BABABA;
    border-right: 1px solid #bababa;
    line-height: 1.3;
}
.modal_device .dvtb_list thead tr th:last-child{
    border-right: 0;
}
.modal_device table.bord:nth-of-type(2){
    border-top: none;
}

.modal_device .dvtb_list.bord thead tr th{
    padding: 0;
    line-height: inherit;
    background: inherit;
    border-bottom: inherit;
    border-right: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.modal_device .dvtb_list tbody th, .modal_device .dvtb_list tbody td {
    border-bottom: 1px solid #BABABA;
    border-right: 1px solid #bababa;
    word-break: break-all;
    position: relative;
}
.modal_device .dvtb_list tbody td:last-child{border-right:0}
.modal_device .dvtb_list tr td, .modal_device .dvtb_list tr th {
    font-size: 12px;
    font-weight: 400;
    color: #232323;
}
.modal_device .dvtb {
    padding: 10px 0;
}

.modal_device .dvtb_list tr td.td_div {
    font-weight: 500;
}
.modal_device .dvtb_list tr td.select_box {padding: 0;}

.modal_device .dvtb_list .sfselect {
    width: 100%;
    background-color: transparent;
}
.modal_device .dvtb_list .sfselect>select {
    padding: 8px 10px;
    font-size: 12px;
    cursor: pointer;
    border-color: transparent;
}
.modal_device .dvtb_list tbody td.hall_line{
    border-bottom: 1px solid #232323;
}
.modal_device .dvtb_list tbody tr.bold_line td{
    border-top: 1px solid #232323;
}
.modal_device .dvtb_list tbody td.select_box.default {
    background: #F7F7F7;
}
/* }dvtb */
.modal_device .device_sum {
    padding: 20px 0;
}
.modal_device .device_sum .sum_box {
    border: 1px solid #E44126;
    text-align: left;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(208 78 52 / 10%);
}
.modal_device .sum_box .sum_txt {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #E44126;
}

.modal_device  .sum_data_wr {float: right;text-align: right;font-size: 18px;font-weight: 700;color: #E44126;}
.modal_device .modal_btn_wrap{
    position: fixed;
    left: 0px;
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin: 0;
}
.modal_device .modal_btn_wrap .wrapper {
    max-width: 935px;
    width: 100%;
}
.modal_device .btn {
    width: 50%;
    height: 65px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal_device .btn.cancel {
    background: #232323;
}

.modal_device .btn.config {
    background: #E44126;
}

.modal_device .btn>a {
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
    display: block;
}
.btn>a>span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.modal_device .btn.config>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
/* }modal_device - pc*/

/* modal_device - mobile{ */
@media screen and (max-width: 768px) {
    .direct1, .direct2{
        font-size: 16px;
    }
    .txt p {
        font-size: 14px;
    }
    .btn.cancel {
        height: 40px;
    }

    .modal_device.modal {
        max-width: 880px;
        padding: 15px 15px 60px 15px;
    }
    .modal_device .modal_content {
        padding: 15px;
    }
    .modal_device .modal_title {
        font-size: 14px;
        padding: 19px 0;
    }
    .modal_device .modal_cont {
        margin-top: 15px;
    }
    .modal_device .sub_title {
        font-size: 10px;
    }
    .modal_device .sub_title_r {
        font-size: 10px;
    }
    .modal_device table{
        width: 100%;
    }
    .modal_device .sub_title_r::after {
        content: " 표를 옆으로 넘기면서 볼 수 있습니다.";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 10px;
        color: #CE983C;
        font-weight: 300;
    }
    .modal_device .dvtb{
        overflow-x: auto;
    }
    .modal_device .sum_box .sum_txt {
        font-size: 14px;
    }
    
    .modal_device .sum_data_wr {
        font-size: 14px;
    }
    
    .modal_device .device_sum .sum_box {
        padding: 14px 15px;
    }
    .modal_device .modal_btn_wrap .wrapper {
        max-width: 920px;
        width: 100%;
        padding: 0 20px;
    }
    .modal_device .btn.cancel>a {
        font-size: 16px;
    }
    .modal_device .btn.config>a {
        font-size: 16px;
    }
    .modal_device .btn {
        padding: 15px 0;
    }
}
/* }modal_device - mobile*/


/* modal_price - pc{ */
.modal_price.modal {
    max-width: 895px;
    padding: 39px;
    overflow-y: scroll;
    height: 100%;
}
.modal_price .modal_title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #232323;
    border: 1px solid #232323;
    padding: 14.5px 0;
    border-radius: 5px;
}

.modal_price .modal_cont {
    font-size: 0;
    font-weight: inherit;
    color: inherit;
    margin-top: 30px;
}
.modal_price .sub_title {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    padding-bottom: 10px;
}
.modal_price .sub_title>br{
    display: none;
}
.modal_price .modal_content {
    border: 1px solid #707070;
    padding: 39px;
    margin-bottom: 40px;
}
.modal_price .rent_price_title {
    font-size: 16px;
    font-weight: 700;
    color: #232323;
    text-align: left;
    padding: 20px 0 10px 0;
}
.modal_price .rent_pay_title {
    font-size: 16px;
    font-weight: 700;
    color: #232323;
    text-align: left;
    padding: 25px 0 10px 0;
}
/* rent_price_box .bbstb {*/
.modal_price .rent_price_box .bbstb{
    overflow: inherit;
}
.modal_price .rent_price_box .bbstb_thead .bbstb_th:not(:last-child) {
    border-right: 1px solid #fff;
}
.modal_price .rent_price_box .bbstb_thead .bbstb_th {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    background-color: #E4E4E4;
    color: #232323;
    height: 35px;
    line-height: 35px;
}
.modal_price .rent_price_box .bbstb_td {
    font-size: 12px;
    font-weight: 400;
    color: #232323;
    padding: 14px 5px;
}
.modal_price .rent_price_box li.bbstb_td.td_hit {
    padding: 14px 26px;
}

/* }rent_price_box .bbstb */

/*sumtb{*/
.sumtb {
    width:100%;
    padding-top: 15px;
}
.sumtb_ {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #E4E4E4;
}
.sumtb_tr {
    display: table-row;
}
.sumtb_th {
    display: table-cell;
    vertical-align: middle;
    font-size: 14pX;
    font-weight: 500;
    color: #232323;
    text-align: center;
    background-color: #E4E4E4;
    border-bottom: 1px solid #fff;
    width: 180px;
    padding: 8px 0;
}
.sumtb_td {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #232323;
    background-color: #fff;
    border-bottom: 1px solid #E4E4E4;
    padding: 0px 15px;
    text-align: right;
}
.sumtb_th.sum {
    background: #232323;
    color: #fff;
}
/*}sumtb*/


/* rptb{ */
.rptb_list tbody td {
    padding: 10px;
    border: 1px solid #E4E4E4;
    font-size: 15px;
    word-break: break-all;
    position: relative;
}

.rptb_list tr td{
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    color: #232323;
}

.rptb_list tr td.bg_gray{
    background-color: #E4E4E4;
    font-size: 14px;
}
.rptb_list span.td_sum {
    font-size: 14px;
    font-weight: 500;
}
/* }rptb */

span.rent_day {
    position: absolute;
    left: 0;
    top: 0;
}

.td_rent_date {
    position: relative;
    padding-left: 30px;
}

.modal_price .list_title {
    display: none;
}
.rent_pro_title {
    position: relative;
    text-align: left;
    width: 100%;
    margin: 10px 0;
}

.rent_pro_title .pro_title_l{
    font-size: 16px;
    font-weight: 700;
    color: #232323;
    display: inline-block;
}
.rent_pro_title .pro_title_r {
    font-size: 13px;
    font-weight: 400;
    color: #8D8D8D;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    display: inline-block;
    width: 100%;
}

/* sect_rentRule{ */
.modal_price .sect_rentRule{
    padding: 20px 0 80px 0;
}
.modal_price .rule_box{
    border: 0;
}
.modal_price .rule_top_title{
    padding: 20px 30px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    font-weight: 400;
    color: #8D8D8D;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
}

.modal_price .rent_title{
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 18px;
    color: #232323;
    font-weight: bold;
    background: url(../../../images/user/ico/ico_list.svg) 0 6px no-repeat;
}
.modal_price .rent_txt_list{
    padding-bottom: 25px;
}
.modal_price .rent_txt_wr{
    padding-left: 25px;
}
.modal_price .sub_title{
    font-size: 14px;
    font-weight: 500;
    color: #404040;
}
.modal_price .sub_txt{
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    position: relative;
    padding-left: 20px;
}
.modal_price span.list_num {
    position: absolute;
    left: 0;
    top: 0;
}
.modal_price .sub_txt:nth-of-type(1){
    padding-top: 0;
}
.modal_price .cnt_sub_list{
    padding-top: 10px;
}
.modal_price .list_title{
    color: #232323;
    padding-bottom: 7px;
    position: relative;
    text-align: right;
}
/* }sect_rentRule */

/* sect_rentFeeHall{ */
.modal_price .rftb{
    padding: 0;
}
.modal_price th.rftb_div {
    width: 70px;
}
.modal_price th.rftb_item {
    width: 55px;
}
.modal_price th.rftb_unit {
    width: 100px;
}
.modal_price th.rftb_use {
    width: 340px;
}
.modal_price th.rftb_remark {
    width: 150px;
}
.modal_price .rentFee{
    padding: 20px 0 30px 0;
}
.modal_price span.list_title_r {
    font-size: 13px;
    font-weight: 400;
    color: #8D8D8D;
    text-align: right;
}

.modal_price span.list_title_l {
    display: inline-block;
    vertical-align: bottom;
    display: none;
}
/* rftb{ */
.modal_price table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.modal_price .rftb_list {
    width: 100%;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #232323;
    text-align: center;
    line-height: 1.6em;
}
.modal_price .rftb_list tbody th,.rftb_list tbody td {
    padding:10px;
    border-bottom: 1px solid #BABABA;
    font-size:15px;
    word-break: break-all;
    position: relative;
    border-right: 1px solid #bababa;
}
.modal_price .rftb_list tbody th::after,.modal_price .rftb_list tbody td::after{
    display: none;
}
.modal_price .rent_txt{
    padding: 0;
}
.modal_price .rftb_list thead tr th{
    padding: 13px 0px;
    background:rgba(206,152,60,0.1);
    font-size: 12px;
    font-weight: 700;
    color: #232323;
    position: relative;
    border-bottom: 1px solid #BABABA;
    border-right: 1px solid #bababa;
    line-height: 1.3;
}
.modal_price .rftb_list thead tr th:last-child::after{
    border-right: 0;
}
.modal_price .rftb_list thead tr.sub_tr th:last-child::after{
    border-right: 1px solid #BABABA;
}

.modal_price .rftb_list tbody tr th  {
    background:rgba(206,152,60,0.1);
    color:#333;
}
.modal_price .rftb_list th:first-child,.modal_price .rftb_list td:first-child{border-left:none;}
/* .modal_price .rftb_list th:last-child,.modal_price .rftb_list td:last-child{border-right:none} */
.modal_price .rftb_list td.remark{
    border-right: none;
}
.modal_price .rftb_list tr td.td_div{
    font-weight: 500;
}
.modal_price .rftb_list tr td, .modal_price .rftb_list tr th {padding:5px;font-size: 12px;font-weight: 400;color: #232323;}
.modal_price .rftb_list th, .modal_price .rftb_list td{padding-top:7px;padding-bottom:7px;}
.modal_price span.sub {
    font-weight: 400;
    padding-top: 5px;
    display: block;
}
.modal_price .rftb_list thead .sub_tr>th {
    padding: 25px 0px;
}
.modal_price .sect_rentFeeHall .rftb_list tr td{
    padding: 30px 5px;
}
.modal_price .sect_rentFeeMuseum .rftb_list tr td{
    padding: 47px 0;
}
.modal_price .rftb_list thead tr th::after {
    display: none;
}

.modal_price .rftb_list tr td {
    line-height: 1.3;
    height: auto;
    padding: 20px 0;
}
.modal_price .rftb_list td.emp{
    line-height: inherit;
    background-color: #f7f7f7;
}
.modal_price span.emp_line{
    position: relative;
    display: inline-block;
    height: 100%;
    top: inherit;
    left: inherit;
    transform: inherit;
}
.modal_price span.emp_line::before, .modal_price span.emp_line::after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 355px;
    height: 1px;
    background: #BABABA;
}
.modal_price span.emp_line::before{
    transform: rotate(79deg);
    margin-left: -178px;
}
.modal_price span.emp_line::after{
    transform: rotate(-79deg);
    margin-left: -177px;
}
.modal_price .rftb_list tbody td.hall_line{
    border-bottom-color:#888888;
}
.modal_price .rftb_list tbody td.hall_line2{
    border-bottom-color: #333;
}
.modal_price .rftb_list tbody td.remark{
    text-align: left;
    padding-left: 6px;
    font-size: 10px;
}
.modal_price .rftb_list tbody td.remark.museum{
    padding: 0 35px;
}
.modal_price .rftb_list tbody td.remark::after{
    border-right: 0;
}
.modal_price .rftb_ul>li {
    padding-left: 9px;
    line-height: 1.5;
    position: relative;
}
.modal_price .rftb_ul>li:not(:last-child){
    padding-bottom: 25px;
}
.modal_price .rftb_ul>li>ul>li {
    position: relative;
    padding-left: 9px;
}

.modal_price .rftb_ul>li>ul>li>ul>li {
    position: relative;
    padding-left: 15px;
}
.modal_price .rftb_list td.tb_bg {
    background-color: #F7F7F7;
}
.modal_price .tbe {
    padding-top: 20px;
}

/* }rftb */
/* }sect_rentFeeHall */

.rent_bottom_box {
    background: #232323;
    padding: 10px 0;
    border-radius: 5px;
    color: #fff;
}

.current_date {
    font-size: 16px;
    font-weight: 400;
}

.subj {
    font-size: 20px;
    font-weight: 700;
}

.modal_price .modal_btn_wrap{
    position: fixed;
    left: 0px;
    bottom: 20px;
    z-index: 1;
    width: 100%;
    margin: 0;
}
.modal_price .modal_btn_wrap .wrapper {
    max-width: 935px;
    width: 100%;
}
.modal_price .btn {
    width: 50%;
    height: 65px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal_price .btn.cancel {
    background: #232323;
}

.modal_price .btn.print {
    background: #E44126;
}
.modal_price .btn > a{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	outline: none;
}
.modal_price .btn.cancel>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.modal_price .btn.print>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
/* }modal_price - pc */
/* modal_price - mobile{ */
@media screen and (max-width: 768px) {
    .modal_price.modal {
        max-width: 880px;
        padding: 15px 15px 60px 15px;
    }
    .modal_price .modal_content {
        padding: 15px;
    }
    .modal_price .modal_title {
        font-size: 14px;
        padding: 19px 0;
    }
    .modal_price .modal_cont {
        margin-top: 15px;
    }
    .modal_price .sub_title {
        font-size: 10px;
    }
    .modal_price .sub_title>br{
        display: block;
    }
    .modal_price .sub_title_r {
        font-size: 10px;
    }
    .modal_price table{
        width: 100%;
    }
   
    .modal_price .bbstb:not(.horizon_scroll) .bbstb_thead{
        display: table-header-group;
    }
    .modal_price .bbstb_{
        width: 100%;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_tbody {
        display: table-row-group;
        border: none;
        padding: 0;
        margin-top: 0;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_tr {
        display: table-row;
        position: inherit;
        padding: 0;
        border-bottom: none;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_td {
        display: table-cell;
        text-align: center;
        height: auto;
        padding: 0;
        border: 1px solid #e4e4e4!important;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_tbody .bbstb_td:last-child {
        padding: 0;
        width: calc(100% - 64px);
    }
    
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_tr:last-child {
        border-bottom: none;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) .bbstb_td {
        font-size: 12px;
        font-weight: 400;
        color: #888888;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) li.bbstb_td.td_num {
        /* display: none; */
        font-size: 0;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .modal_price .rent_price_box .bbstb:not(.horizon_scroll) li.bbstb_td.td_prs {
        /* display: none; */
        font-size: 0;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .modal_price .bbstb:not(.horizon_scroll) .bbstb_tbody .bbstb_td{
        padding: 10px;
    }
    .modal_price .bbstb:not(.horizon_scroll) .bbstb_tbody .bbstb_td:last-child{
        padding: 10px 21px;
    }
    li.sumtb_th {
        width: auto;
        background-color: transparent;
        border: 0;
        display: inline-block;
        padding: 0;
        text-align: left;
        color: #666666;
    }

    .sumtb_td {
        border: 0;
        text-align: right;
        float: right;
        color: #666666;
        background: transparent;
        padding: 0;
    }
    .sumtb_tr {
        display: table-row;
        display: block;
        width: 100%;
        text-align: left;
        padding: 15px 10px;
        margin-bottom: 6px;
        border: 1px solid #e4e4e4;
        box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
    }
    .sumtb_th {
        display: table-cell;
        vertical-align: middle;
        font-size: 14pX;
        font-weight: 500;
        color: #232323;
        text-align: center;
        background-color: #E4E4E4;
        border-bottom: 1px solid #fff;
        width: 180px;
        padding: 8px 0;
    }
 
    .sumtb_th.sum {
        background: #232323;
        color: #fff;
    }
    .sumtb_ {
        border: 0;
    }

    li.sumtb_th.sum {
        background: transparent;
    }

    ul.sumtb_tr:last-child {
        background: #232323;
    }

    li.sumtb_td.td_sum {
        color: #fff;
    }
    .modal_price .sub_title_r::after {
        content: " 표를 옆으로 넘기면서 볼 수 있습니다.";
        position: absolute;
        top: 0;
        left: 0;
        font-size: 10px;
        color: #CE983C;
        font-weight: 300;
    }
    .modal_price .rptb, .modal_price .sumtb, .modal_price .rent_price_box .bbstb, .modal_price .rftb {
        overflow: auto;
    }
 
    .modal_price .modal_btn_wrap .wrapper {
        max-width: 920px;
        width: 100%;
        padding: 0 20px;
    }
    .modal_price .btn.cancel>a {
        font-size: 16px;
    }
    .modal_price .btn.config>a {
        font-size: 16px;
    }
    .modal_price .btn {
        padding: 15px 0;
        height: 55px;
    }
    .modal_price .btn.print>a {
        font-size: 16px
    }
    .current_date {
        font-size: 12px;
    }
    .rent_pro_title .pro_title_r {
        font-size: 10px;
    }
    .rent_pro_title {
    }
    .subj {
        font-size: 14px;
    }
    .modal_price .sect_rentFeeHall .rftb_list tr td {
        padding: 20px 6px;
    }
    
    .modal_price span.emp_line::before, .modal_price span.emp_line::after {
        width: 284px;
    }
    
    .modal_price span.emp_line::before {
        transform: rotate(76deg);
        margin-left: -141px;
        }
    
    .modal_price span.emp_line::after {
        transform: rotate(-76deg);
        margin-left: -142px;
    }
}
/* }modal_price - mobile */



/* modal_seat - pc{ */
.modal_seat.modal {
    max-width: 895px;
    padding: 40px;
    overflow-y: scroll;
    height: 100%;
}
.modal_seat .modal_title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #232323;
    border: 1px solid #232323;
    padding: 14.5px 0;
    border-radius: 5px;
}
.modal_seat .seat_img {
    /* padding: 20px; */
}
.modal_seat .seat_img_bd {
    margin-top: 30px;
    padding-bottom: 45px;
}

.modal_seat img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}
.modal_seat .modal_btn_wrap{
    position: fixed;
    left: 0px;
    bottom: 20px;
    z-index: 1;
    width: 100%;
    margin: 0;
}
.modal_seat .modal_btn_wrap .wrapper {
    max-width: 935px;
    width: 100%;
}
.modal_seat .btn {
    width: 50%;
    height: 65px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal_seat .btn > a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.modal_seat .btn.cancel {
    background: #232323;
}

.modal_seat .btn.print {
    background: #E44126;
}

.modal_seat .btn.cancel>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.modal_seat .btn.print>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.modal_seat .seat_m_txt{display: none;}
.modal_seat .seat_img_hd {
    font-size: 14px;
    font-weight: 500;
    color: #CE983C;
    display: inline-block;
    vertical-align: middle;
    margin-top: 30px;
}
.modal_seat span.ico_lt {
    background-color: #CE983C;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 14px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
    border-radius: 1px;
    padding: 0 4px;
}

/* }modal_seat - pc */
@media screen and (max-width: 768px) {
    .modal_seat.modal{
        height: 100%;
        padding: 20px;
        overflow: hidden;
        overflow-y: scroll;
    }
    .modal_seat .modal_title {
        font-size: 14px;
        padding: 19px 0;
    }
    .modal_seat .seat_img_wr {
        width: 470px;
        height: auto;
        padding: 0 20px 30px;
    }
    .modal_seat .seat_m_txt{display: block;}
    .modal_seat .seat_m_txt{
        display: block;
        color: #8D8D8D;
        width: 100%;
        height: 40px;
        position: relative;
        padding: 10px 0;
        text-align: center;
    }
    .modal_seat .seat_m_txt span{
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        position: relative;
        padding-left: 45px;
    }
    .modal_seat .seat_m_txt>span::before{
        content: '';
        background-image: url(../../images/user/ico/ico_swipe.svg);
        background-size: auto;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 33px;
        height: 8px;
    }

    .modal_seat .seat_img_hd {
        margin-top: 0;
        font-size: 12px;
        padding: 0 20px;
    }
    .modal_seat span.ico_lt {
        font-size: 12px;
        height: 16px;
        line-height: 16px;
    }
    .modal_seat .seat_img_bd {
        margin-top: 30px;
        overflow-x: scroll;
        padding-bottom: 20px;
    }
    .modal_seat .btn{height: 55px;}
    .modal_seat .btn>a>span {
        font-size: 16px;
    }
}
/* modal_reserveComplete{ */
.modal_reserveComplete.modal {
    padding: 40px 35px 30px;
    max-width: 400px;
}
.modal_reserveComplete .modal_cont{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-bottom: 30px;
}
.modal_reserveComplete .btn.btn_black>a {
    background-color: #000;
    color: #fff;
    padding: 14px 0;
    border-radius: 5px;
    display: block;
}
.modal_reserveComplete .btn.btn_black>a>span{font-size: 16px;}
.modal_reserveComplete .modal_btn_wrap {
    margin: 0;
}

/* }modal_reserveComplete */
@media screen and (max-width: 768px) {
    .modal_reserveComplete .modal_cont {
        font-size: 14px;
    }

    .modal_reserveComplete.modal {
        padding: 35px 20px 15px;
    }
}



/*modal{*/
.blocker {
    z-index: 10000 !important;
    background-color: rgb(26 19 17 / 0.7) !important;
}
.modal{width: 100%;}

.modal_txt {
    min-height: 160px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
}

.modal_txt_ {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.modal_tit {
    font-size: 18px;
    font-weight: 500;
    color: #535353;
}

.modal_cont {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-top: 20px;
    word-break: break-word;
}




/* modal_perform_img */
/* .modal_img .modal_txt {
    min-height: 430px;
} */
.modal_img .modal_tit {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0;
    font-size: 20px;
    background-color: #fff;
}
.modal_img .modal_cont{
    margin-top: 0;
}
.modal.modal_alert .btn.btn_close {
    position: absolute;
    right: 20px;
    top: 20px;
    margin-top: 0;
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
}
.modal_img.modal.modal_alert .btn>a, .modal.modal_alert .btn>button {
    background: no-repeat 50% / cover;
    background-image: url(/images/user/ico/ico_gnb-close.svg);
}
.modal.modal_alert.modal_img{
    max-width: 600px;
    border: 0;
}
.modal.modal_alert .btn.btn_close>a>span{
    color: #000;
    border: 0;
    position: relative;
    font-size:0;

}
.modal.modal_alert .btn.btn_close>a>span:before, .modal.modal_alert .btn.btn_close>a>span:after{
    content: '';
    position: absolute;
    background: #000;
    width: 30px;
    height: 1px;
    top: 50%;
    right: 0;
}
.modal.modal_alert .btn.btn_close>a>span:before{
    transform: rotate(-45deg);
}
.modal.modal_alert .btn.btn_close>a>span:after{
    transform: rotate(45deg);
}
.modal_img .modal_cont>img {
    width: 100%;
    height: 100%;
}
.modal_img .modal_tit_subj{
    font-size:20px ; 
    font-weight: 500;
}
.modal_img .modal_tit{
    font-size: 24px;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    
    .modal_img .modal_txt {
        min-height: auto;
    }
    .modal_img .modal_tit {
        font-size: 14px;
        padding: 15px 0;
    }
    
    .modal_img .modal_cont {
        font-size: 12px;
    }
    .modal_img .modal_tit_subj {
        font-size: 12px;
    }
    .modal.modal_img.modal_alert .btn.btn_close {
        width: 17px;
        height: 17px;
        top: 17px;
        right: 17px;
    }
    
    .modal.modal_img.modal_alert .btn.btn_close>a>span:before, .modal.modal_img.modal_alert .btn.btn_close>a>span:after {
        width: 17px;
    }
}




/* modal_contractInfo{ */
.modal_contractInfo.modal {
    padding: 40px 35px 30px;
    max-width: 400px;
}
.modal_contractInfo .modal_cont{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-bottom: 30px;
}
.modal_contractInfo .modal_cont .text1{
    font-weight: 400;
}
.modal_contractInfo .modal_cont .text2{
    font-weight: 700;
}
.modal_contractInfo .modal_cont .text3{
    margin-top: 18px;
}
.modal_contractInfo .modal_cont .text4{
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #CE983C;
    padding: 11px 0;
}
.modal_contractInfo .btn.btn_black>a {
    background-color: #000;
    color: #fff;
    padding: 14px 0;
    border-radius: 5px;
    display: block;
}
.modal_contractInfo .btn.btn_black>a>span{font-size: 16px;}
.modal_contractInfo .modal_btn_wrap {
    margin: 0;
}

/* }modal_contractInfo */
@media screen and (max-width: 768px) {
    .modal_contractInfo .modal_cont {
        font-size: 14px;
    }
    .modal_contractInfo .modal_cont .text4{

        font-size: 14px;

    }

    .modal_contractInfo.modal {
        padding: 35px 20px 15px;
    }
}


/* modal_checkRent{ */
.modal_checkRent.modal {
    padding: 40px 35px 30px;
    max-width: 400px;
}
.modal_checkRent .modal_cont{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-bottom: 30px;
}
.modal_checkRent .modal_cont a{/* color:#CE983C */ color: #B36100;}
.modal_checkRent .btn.btn_black>a {
    background-color: #000;
    color: #fff;
    padding: 14px 0;
    border-radius: 5px;
    display: block;
}
.modal_checkRent .btn.btn_black>a>span{font-size: 16px;}
.modal_checkRent .modal_btn_wrap {
    margin: 0;
}

/* }modal_checkRent */
@media screen and (max-width: 768px) {
    .modal_checkRent .modal_cont {
        font-size: 14px;
    }

    .modal_checkRent.modal {
        padding: 35px 20px 15px;
    }
}

/* modal_terms{ */
.modal_terms.modal {
    max-width: 895px;
    padding: 0;
    overflow-y: hidden;
    height: 100%;
}
.modal_terms .modal_title {
    font-size: 22px;
    font-weight: 700;
    border-radius: 5px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: left;
    padding: 0 30px;
    color: #333333;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #E4E4E4;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.modal_terms .modal_cont_{
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-top-width: 0;
    box-sizing: border-box;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow-y: scroll;
    padding: 20px;
    max-height: 750px;
    /* overflow: auto; */
    text-align: left;
}
.modal_terms .modal_cont_ p{
    margin-bottom: 10px;
}
.modal_terms .modal_cont_ figure{
    margin: 10px;
}
.modal_terms .modal_cont_ img{
    width: 100%;
}
.modal_terms .modal_cont_ table{
    width: 100%;
    border-bottom: 1px solid #a2a2a2;
    text-align: center;
    line-height: 1.6em;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: grey;
}
.modal_terms .modal_cont_ table th,
.modal_terms .modal_cont_ table td{
    padding: 10px;
    border: 1px solid #dadde0;
    border-width: 1px 1px 0 1px;
    font-size: 15px;
    word-break: break-all;
    padding: 5px;
    font-size: 13px;
}
.modal_terms .modal_cont_ .table th:first-child,.modal_terms .modal_cont_ .table td:first-child{border-left:none}
.modal_terms .modal_cont_ .table th:last-child,.modal_terms .modal_cont_ .table td:last-child{border-right:none}
.modal_terms .seat_img {
    /* padding: 20px; */
}


.modal_terms .modal_btn_wrap{
    position: fixed;
    left: 0px;
    bottom: 20px;
    z-index: 1;
    width: 100%;
    margin: 0;
}
.modal_terms .modal_btn_wrap .wrapper {
    max-width: 935px;
    width: 100%;
}
.modal_terms .btn {
    width: 100%;
    height: 65px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal_terms .btn.cancel {
    background: #232323;
}


.modal_terms .btn.cancel>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: block;
    width:100%;
    height:100%;
}
@media screen and (max-width: 768px) {
    .modal_terms .modal_title {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
    }
    .modal_terms .modal_cont_ {

font-size: 12px;
padding-bottom: 55px;

}
    .modal_terms .btn.cancel>a{
    font-size: 16px;
}
}

.modalLoginPop.modal {
    max-width: 895px;
    padding: 0;
    overflow-y: hidden;
    /*height: 100%;*/
}
.modalLoginPop .modal_title {
    font-size: 22px;
    font-weight: 700;
    border-radius: 5px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: left;
    padding: 0 30px;
    color: #333333;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #E4E4E4;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.modalLoginPop .modal_cont_{
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-top-width: 0;
    box-sizing: border-box;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow-y: scroll;
    padding: 20px;
    max-height: 300px;
    /* overflow: auto; */
    text-align: left;
}

.modalLoginPop .modal_btn_wrap{
    position: fixed;
    left: 0px;
    /*bottom: 20px;*/
    z-index: 1;
    width: 100%;
    margin: 0;
}
.modalLoginPop .modal_btn_wrap .wrapper {
    max-width: 935px;
    width: 100%;
}
.modalLoginPop .btn {
    width: 100%;
    height: 40px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modalLoginPop .btn.cancel {
    background: #232323;
}


.modalLoginPop .btn.cancel>a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: block;
    width:100%;
    height:100%;
}

/* }modal_terms*/