/* gen */

input[type='radio']{width:16px;height:16px;cursor: pointer;appearance: none;position: relative;background: #fff;border-radius: 50%;margin-right: 4px;margin-top: 1px;outline:none;border:2px solid #999;}
input[type='radio']:checked {appearance: none;position: relative;background: #000;border-radius: 50%;margin-right: 4px;margin-top: 1px;}
input[type='radio']:checked:after {content: '';width: 8px;height: 8px;background: #000;position: absolute;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%,-50%);}
span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}

.sub_sec{margin-bottom:50px !important;}


/* 좌석 선택 */

#seat .clear{margin-top: 2.5px;}
#seat .sub_con{padding:0 20px;    margin-top: 40px;}

.seat_info{width: 100%;height: 100%;display: flex;border: 1px solid #ddd;}
.seat_info .info_box {width: 33.33333333333333%;min-height:337px;display: table;border-right: 1px solid #ddd;}
.seat_info .info_box:last-child{border-right:none;}

.seat_wrap {padding:20px;transition-duration:0.4s;}
.calendar_navi_area {width: 100%;display: flex;justify-content: center;align-items: center;margin:0 auto 20px;flex-flow: column;}
.calendar_navi_area .current_ym {font-size:24px;padding: 0 20px;font-weight: 600;}
.calendar_navi_area span > i {font-size:20px;color:#666;}
.calendar_navi_area span > i.disable{color:#eee !important;}

.date_info{margin-top: 20px;}
.date_info li {display: flex;align-items: center;font-size: 14px;font-weight: 500;float: left;margin-right: 15px;}
.date_info li:last-child{margin-right:0;}

.date.dot{width:20px;height:20px;color:#fff;border-radius:50px;font-size:14px; font-weight:600;margin-right: 10px;display:inline-flex; align-items: center; justify-content: center; }
.dot.dot_01{background:#e2805e;}
.dot.dot_02{background:#5e7ae2;}
.dot.dot_03{background:#6fc18c;}

.calendar_area table {width: 100%;}
.calendar_area thead {border-top:1px solid #ccc;border-bottom: 1px solid #ddd;background:#f5f5f5;}
.calendar_area th {width: 14.28571428571429%;text-align: center;padding: 8px 10px;}
.calendar_area table > tbody > tr > td {padding:5px;border:none;text-align: center;}

.day_area{display: flex;flex-flow: column;}
.day_area .day{float: left;color: #555;font-weight: 500;}
.day_area .day a{color:#777;cursor: context-menu;}
.day_area .day .select {background: #009dd2;padding: 6px;color: #fff;}
.day_area .day .possible {border:1px solid #009dd2; background: #f3f3f3;padding:4px 5.5px;cursor:pointer;}

.day_info {display: flex;align-items: center;text-align: left;font-size: 14px;}
.dot{display: inline-block;content: "";width: 10px;height: 10px;border-radius: 5px;margin-right: 5px;}


.schedule_detail{margin-top:20px;}
.detail_list li{display: flex;align-items: center;text-align: left;margin-bottom:10px;}
.detail_list li:last-child{margin-bottom:0;}
.detail_list p{margin-right:15px; color:#333; font-weight: 400;}
.detail_list .con{font-weight:600;}
.detail_list .link{border-radius: 50px;background-color: #000;font-size: 14px;font-weight: 300;color: #fff;padding: 4px 20px;text-align: center;cursor: pointer;word-break: keep-all;display: flex;align-items: center;justify-content: center;transition: 0.4s;}
.detail_list .link:hover{ background-color:#f12773;}

.calendar_wrap .cale_txt{width:100%; margin-top:10px; border-top:1px solid #eee;padding-top:10px;}
.calendar_wrap .seat_type{display: inline-block;width:10px;height:10px;margin-right:4px;}
.calendar_wrap .seat_type1 .seat_type{border:1px solid #009dd2;background:#f3f3f3;}
.calendar_wrap .seat_type2{padding-left:10px;}


@media (max-width:930px) {
    .calendar_area {position: relative;white-space: nowrap;overflow: auto;}
    .day_info .time{font-size:13px;}
}

@media (max-width:930px) {
    .detail_list li{flex-flow:row wrap;}
    .detail_list li p{margin-bottom:5px;}
    .detail_list .dot{margin-bottom:5px;}
}


.remainder_wrap{padding:30px 40px;transition-duration:0.4s;}
.remainder_wrap h4{font-size:17px;margin-bottom:30px;}
remainder_seat{width:100%;hight:100%;}
.remainder_seat li {display: flex;align-items:center;justify-content: space-between;margin-bottom: 5px;}
.remainder_seat li:last-child{margin-bottom:0;}
.remainder_seat .seat_type{display: inline-block;width:10px;height:10px;margin-right:5px;}
.remainder_seat .seat_rank{font-weight:400;}
.remainder_seat .price{padding: 0 10px;}
.remainder_seat .count{width: 100%;max-width: 50px;text-align: right;white-space:nowrap}


.time_wrap {width:100%;padding: 40px 20px;transition-duration:0.4s;}
.seat_info .time_wrap{display:flex;}
.time_wrap:after{content:''; display:block; clear:both;}
.time_box {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.time_wrap > ul {width: 100%;display: flex;align-items: center;justify-content: center;flex-flow:column;}
.time_wrap > ul > li {width:100%; margin-bottom:20px;display: inline-flex;align-items: center;}
.time_wrap > ul > li:last-child {margin-bottom:0;}
.time_wrap ul > li .tit {margin-right: 8px;font-size: 13px; width: 100%;max-width:80px;}
.time_wrap > ul > li .bx_num {display: inline-block;width: 100%;}

.bx_num {position: relative;width: 105px;border: 1px solid #DDD;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;background-color: #fff;box-sizing: border-box;}
.bx_num select {width: 100%;border: none;outline: none;height: 100%;padding: 11px;font-size: 15px;font-weight: 600;cursor: pointer;}

.bx_num .txt_num {padding: 11px 0;font-size: 15px;font-weight: bold;color: #000;text-align: center;vertical-align: middle;}
.bx_num .btn_plus, .bx_num .btn_mins {position: absolute;top: 0;bottom: 0;background: no-repeat 50% 50%;border: 0 none;padding: 0 15px;text-indent: -9999em;font: 0 auto;}
.bx_num .btn_mins{left:0;}
.bx_num .btn_mins i {color: #333;position: absolute;top: 50%;left: 50%;z-index: 200;font-size: 15px;transform: translate(-50%, -50%);}
.bx_num .btn_plus{right:0;}
.bx_num .btn_plus i{color: #333;position: absolute;top: 50%;right: 50%;z-index: 200;font-size: 15px;transform: translate(50%, -50%);}


.seat_warp {width: 100%;height: 100%;margin: 0 auto;text-align: center;}
.seat_map {width: 100%;padding:40px 20px;margin: 0 auto; border:1px solid #ddd; border-top:none;overflow-x:auto;}
.seat_map #seat_map_box{min-width:1150px;}
.seat_map .screen{    display: block;padding: 5px 0 5px;color: #fff;font-size: 16px;text-align: center;letter-spacing: 15px;margin: 0 0 30px;background: #6E6E6E;}
.seat_map .seat_tit{font-size:14px; color:#333; font-weight:500;margin-right:5px;width:20px;display:inline-block;}

.seat_map .foot_seat {display: inline-block;color: #fff;background: #a3a3a3;width: 20px;height: 20px;font-size: 12px;font-weight: 600;margin:2px;}
.seat_map .foot_seat:hover:not(.blank,.seat_type_disable,.seat_state_complete){background:#009dd2 !important;}

.seat_map .foot_seat.blank{background:#fff;}
.seat_map .foot_seat.seat_type_able{background:#a3a3a3;} /*선택가능*/
.seat_map .foot_seat.seat_state_complete{background:#d6d6d6 !important;} /*예매완료*/
.seat_map .foot_seat.seat_type_disable{background:#d6d6d6;background-image:url("../../img/sub/tic/cancel.png");} /*선택불가*/

.seat_map .foot_seat.seat_type_VIP{background:#ff5c9a;} /* VIP */
.seat_map .foot_seat.seat_type_R{background:#8b47da;} /* R */
.seat_map .foot_seat.seat_type_S{background:#0653a5;} /* S */
.seat_map .foot_seat.seat_type_A{background:#89b766;} /* A */
.seat_map .foot_seat.seat_type_B{background:#f4ba66;} /* B */
.seat_map .foot_seat.seat_type_ADM{background:#951015;} /* 관리자 전용 */
.seat_map .foot_seat.seat_type_DI{background:#0d514c;} /* 장애인 */
.seat_map .foot_seat.seat_type_selected{background:#009dd2 !important;} /*선택좌석*/
.seat_map .foot_seat.seat_close{/*background:#bbb !important;*/opacity: 0.2;}



.seat_map .sp_seat {width: 100%;height: 100%;display:flex;align-items: center;justify-content: center;overflow: hidden;}
.seat_map .foot_seat i{font-size:16px;}

.seat_map .seat_row{text-align:center;}

.top_type {width: 100%;display: block;}
.seat_type_wrap{font-size:13px;color:#777;margin-top: 40px;}
.seat_type_wrap>div>span{margin-right:10px;}
.seat_type_wrap .seat_type{display: inline-block;width:10px;height:10px;margin-right:2px;}
.seat_type_wrap .seat_type4 .seat_type{display:inline-flex;align-items: center; justify-content: center;overflow: hidden;}
.seat_type_wrap i{font-size:12px;}

.seat_type_able .seat_type{background:#a3a3a3;}
.seat_state_complete .seat_type{background:#d6d6d6;}
.seat_type_disable .seat_type{background:#d6d6d6;background-image:url("../../img/sub/tic/cancel_min.png");}

.seat_type_VIP .seat_type{background:#ff5c9a;}
.seat_type_R .seat_type{background:#8b47da;}
.seat_type_S .seat_type{background:#0653a5;}
.seat_type_A .seat_type{background:#89b766;}
.seat_type_B .seat_type{background:#f4ba66;}
.seat_type_ADM .seat_type{background:#951015;}
.seat_type_DI .seat_type{background:#0d514c;}
.seat_type_CO .seat_type{background:#a3a3a3;}
.seat_type_selected .seat_type{background:#009dd2 !important;}

.seat_result {overflow: hidden;height: 60px;color: #FFF;background-color: #888;display: flex;align-items: center;justify-content: space-between;}
.seat_result .group_lf {width: 100%;height: 100%;}

.total_price {display: flex;align-items: center;margin: 0;height: 100%;padding-left:20px;}
.total_price dd strong {font-size: 25px;font-weight: bold;margin-right:5px;}
.total_price dt{margin-right:15px;}
.total_price dd {display: flex;align-items: center;}

.group_rt {width: 100%;height: 100%;border-radius: 0;border: none;display: flex;align-items: center; justify-content:flex-end;}
.group_rt button{color:#fff;font-size:15px;width: 100%;max-width: 180px;line-height: 60px;background: #009dd2;text-align: center;transition:0.3s;}
.group_rt button:not([disabled]):hover{background:#0653a5;}
.group_rt button:disabled{background: #99e5ff;}


@media(max-width:415px) {
    .seat_result{height: 100%;flex-flow: column;}
    .seat_result .group_lf .total_price{padding-left:0;}
    .seat_result .group_lf{display: flex;justify-content: center;align-items: center;padding: 20px;}
    .seat_result .group_rt{justify-content: center;}
    .seat_result .group_rt button{max-width:100%;}
}


@media(max-width:850px) {
    .time_wrap{padding:40px 20px;}
    .time_wrap ul > li .tit{max-width:40px;}

    .remainder_wrap{padding:20px;}
}

@media(max-width:750px) {
    .seat_info {flex-flow: row wrap;}
    .seat_info .info_box{width:100%;min-height:auto;}

    .seat_info .remainder_wrap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:30px 20px;}
    .time_wrap {width: 100% !important;}
    .time_wrap > ul{width:50%;}
    .time_wrap ul > li .tit{max-width:60px;}
}

@media(max-width:450px) {
    .time_wrap > ul{width:100%;}
}


@media (max-width:1000px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .seat_info {flex-flow: row wrap;}
        .seat_info .info_box{width:100%;min-height:auto;}

        .seat_info .remainder_wrap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:30px 20px;}
        .time_wrap {width: 100% !important;}
        .time_wrap > ul{width:50%;}
}




/* 결제하기 */

#pay_01 {background-color: #eff0f2;border: 1px solid #cecece;width: 100%;max-width: 1200px;padding:30px 20px;margin: 0 auto;margin-top: 20px;}
.sub_sec_title {font-size: 18px;font-weight: 600;margin-bottom: 20px;color: #333;}
.detail_title p {display: flex;align-items: center;}
.payment .seat_type {display: inline-block;width:15px;height:15px;margin-right:4px;}

.payment {display: flex;}
.pay01_lf {width:calc(75% - 15px);height: 100%;margin-right:15px;}
.pay01_lf .show_info .pay01_box table th{font-size:14px;line-height: 1.5;}
.pay01_lf .show_info .pay01_box table td{font-size:14px;line-height: 1.5;}
.pay01_lf .detail_title{background: #a6a6a6;padding: 15px 20px;font-size: 18px;color: #fff;font-weight: 600;}
.pay01_lf_pt{margin-bottom:10px;background: #fff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;border-left:1px solid #cecece;}
.pay01_lf_pt:last-child{margin-bottom:0;}

.pay01_lf .pay01_box{padding:20px;}
.pay01_lf .pay01_acc_wrap{position:relative; z-index:10;}
.pay01_lf .pay01_acc_wrap{font-size: 16px;position: relative;padding:10px 20px;font-weight: 500;color: #777;background-color: #fff;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;word-break:keep-all;}
.pay01_lf .pay01_acc_wrap:first-child{border-top: 1px solid #ddd;}
.pay01_acc_box {width: 100%;display: flex;justify-content: space-between;align-items: center;}

.pay01_lf .pay01_acc_title {display: inline-flex;align-items: center;}
.pay01_lf .pay01_acc_title .discount_info {margin-left: 8px;color:#999;text-align: center;font-size: 16px;cursor: pointer;transition:0.2s;}
.pay01_lf .pay01_acc_title .discount_info:hover{color:#009dd2;}

.pay01_lf .pay01_acc_desc {display: none;padding:20px 0 10px;font-size: 16px;font-weight: 500;color: #333;line-height: 1.4em;}
.pay01_lf .pay01_acc_wrap.on .pay01_acc_desc{display:block;}
.pay01_lf .pay01_sel select{width:81px;height: 32px;border: 1px solid #cecece;text-align:center;cursor: pointer;}
.pay01_lf .pay01_sel .discount_price{margin-right:10px;display:inline-block;}

.pay01_lf_pt th {font-weight:400;font-size:13px;}
.pay01_lf_pt td {padding-left: 20px;font-weight:600;font-size:13px;}
.pay01_lf_pt .pay01_noti{border: 1px solid #cecece;background: #f7f7f7;padding:10px;margin-top:15px;color:#777;}

.pay01_rt {width:25%;}
.receipt_wrap .receipt_box {background: #fff;border: 1px solid #cecece;padding: 20px;}

.receipt_wrap .tk_perf_pay li {line-height:28px; overflow:hidden;}
.receipt_wrap .tk_perf_pay li:first-child {padding-top:10px;}
.receipt_wrap .tk_perf_pay li em {float:left; width:111px; font-size:13px;}
.receipt_wrap .tk_perf_pay li span {float:right; width:97px; font-size:13px; text-align:right;}
.receipt_wrap .tk_perf_total {font-size: 17px;font-weight: 500;}
.receipt_wrap .tk_perf_pay li.tk_pay_total {margin:8px 0 10px; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; color:#3F76D0; font-weight:bold; line-height:40px;}
.receipt_wrap .tk_perf_pay li.tk_pay_total.discount {margin-bottom:0; border-bottom:0 none; color:#0653a5;}
.receipt_wrap .tk_perf_pay li.tk_pay_total.discount em {color:#0653a5;}
.receipt_wrap .tk_perf_pay li.tk_pay_total em { font-weight:bold; text-align:left;}
.receipt_wrap .tk_perf_pay li.tk_total {height:63px; padding:0; border-top:1px solid #333333; line-height:63px;}
.receipt_wrap .tk_perf_pay li.tk_total em {color:#333333; font-weight:700;}
.receipt_wrap .tk_perf_pay li.tk_total span {color:#009dd2; font-weight:700; font-size:17px;}
.receipt_wrap .tk_receipt_btn {display:block; width:100%; height:50px; background-color:#777; text-align:center; line-height:50px;color:#fff;transition:0.4s;}
.receipt_wrap .tk_receipt_btn:hover{background-color:#009dd2;}

@media(max-width:1042px){
    .pay01_lf{width:60%;}
    .pay01_rt {width: 40%;}
}

@media(max-width:1042px){
    .pay01_lf{width:calc(60% - 15px);}
    .pay01_rt {width: 40%;}
}

@media(max-width:680px){
    .payment{flex-flow: column;}
    .pay01_lf{width:100%;margin:0;}
    .pay01_rt{width:100%;margin-top:20px;}
}



#pay_02 {background-color: #eff0f2;border: 1px solid #cecece;width: 100%;max-width: 1200px;padding:30px 20px;margin: 0 auto;margin-top: 20px;}
.pay02_lf_pt{margin-bottom:10px;background: #fff;border-right:1px solid #cecece;border-bottom:1px solid #cecece;border-left:1px solid #cecece;}
.pay02_lf_pt:last-child{margin-bottom:0;}
.pay02_lf_pt .pay02_box{padding:20px;}

.pay02_lf_pt .tk_refund_guide {margin-top: 30px;padding-top:20px;border-top: 1px solid #ddd;}

#pos_sel{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
#pos_sel li .pay{display: flex;align-items: center;justify-content: center;padding:0 10px;}

#cancelpolicy table{width: 100%;}
#cancelpolicy td{padding:8px 16px;border-left: 1px solid #e4e6e9;border-top: 1px solid #e4e6e9;border-right: 1px solid #e4e6e9;color: #787878;font-size: 13px;letter-spacing: -0.05em;}
#cancelpolicy .tit{font-size:15px; font-weight:500; margin-bottom:15px;}
#cancelpolicy .date{margin-right:20px;}
#cancelpolicy .cancel_deadline{font-size:1.5em;color:#0653a5;}
.refund_agree {padding: 20px;border: 1px solid #90b2cc;background-color: #f1f8ff;line-height: 1.7;}
.refund_agree li {padding:5px 0;display: flex;flex-flow: column;}
.refund_agree li .chk_cont {display: flex;align-items: center;}
.refund_agree li .chk_cont input{width:15px;min-width: 15px;height:15px;margin-right:5px;}

.refund_agree .agree_btn{color: #333;background: #fff;border: 1px solid #333;padding: 3px;font-size: 12px;display: inline-flex;width: 100%;max-width: 34px;height: 28px;cursor:pointer;align-items: center;justify-content: center;transition:0.2s;}
.refund_agree .agree_btn:hover{color:#fff;background: #009dd2;}
.acc_title {display: flex;justify-content: space-between;width: 100%;position: relative;}
.acc_desc {display: none;padding: 20px 10px;font-size: 14px;font-weight: 300;color: #333;line-height: 1.7em;margin:20px auto;border: 1px solid #ddd;height: 88px;overflow-y: auto;}

@media(max-width:500px){
    .refund_agree li .chk_cont{align-items: baseline;}
}