@charset "utf-8";

.rule_box { border: 1px solid #E4E4E4; } 
.rule_top_title { padding: 18px 30px; font-size: 16px; font-weight: 400; color: #8D8D8D; box-shadow: 0px 3px 6px rgb(0 0 0 / 5%); border-bottom: 1px solid #e4e4e4; } 
.rule_txt { padding: 30px; } 
.rule_txt_list:not(:last-child) { padding-bottom: 25px; } 
.rule_box_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; } 
.rule_box_title.title2{    background: url(/images/user/ico/ico_list2.svg) 0 6px no-repeat;}
.rule_txt_wr { padding-left: 25px; } 
.rule_txt_wr > p { font-size: 16px; line-height: 26px; margin-bottom: 18px; color: #333; } 
.rule_txt_wr > p:last-child { margin-bottom: 0; } 
.sub_title { font-size: 14px; font-weight: 500; color: #404040; line-height: 1.8; } 
.sub_txt { font-size: 16px; font-weight: 500; color: #404040; line-height: 1.8; position: relative; padding-left: 13px; } 
.sub_txt.sub_t { padding-left: 20px; font-weight: 400; } 
span.list_num { position: absolute; left: 0; top: 0; } 
p.sub__txt { font-size: 12px; font-weight: 400; color: #232323; padding: 5px 0; } 

.sub_strong { font-size: 12px; font-weight: 400; } 
.color_red { color: #E44126; } 
.border_line { text-decoration: underline; } 
.sub_txt_ { font-size: 0; padding-left: 15px; } 
.sub_txt_>div { font-size: 14px; font-weight: 400; color: #404040; line-height: 1.8; position: relative; padding-left: 15px; } 
.sub_txt_>div .list_num { position: absolute; left: 0; } 
.sub_txt_>div>div { font-size: 14px; font-weight: 400; color: #404040; line-height: 1.8; position: relative; padding-left: 10px; } 
br.delete { display: none; } 
/* sect_discount { */
.sect_discount { padding: 20px 0 50px 0; } 
/* } sect_discount */
/* sect_refund { */
.sect_refund { padding: 20px 0 50px 0; } 
/* } sect_refund */
/* sect_affilate { */
.sect_affilate { padding: 20px 0 50px 0; } 
.sect_affilate .ico_aff { background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } 
.sect_affilate .ico_aff.ico_khnp { background-image: url(/images/user/perform/ico_khnp.svg); width: 103px; height: 24px; } 
.sect_discount .ico_aff.ico_khnp { background-image: url(/images/user/perform/ico_khnp.svg); width: 103px; height: 24px; } 
.sect_discount .ico_aff { background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: top; } 
.sect_affilate .ico_aff.ico_poongsan { background-image: url(/images/user/perform/ico_poongsan.svg); width: 104px; height: 22px; } 
.sect_affilate .ico_aff.ico_cineq { background-image: url(/images/user/perform/ico_cineq.svg); width: 77px; height: 41px; } 
/*
.sect_affilate .rule_txt_list:last-child .rule_box_title { background: url(/images/user/ico/ico_list.svg) 0 10px no-repeat; padding-bottom: 0; } 
*/
/* } sect_affilate */

.rule_txt table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; font-size: 16px; border-top: 1px solid #232323; border-bottom: 1px solid #232323; color: #232323; background: #fff; }
.rule_txt_table { margin-bottom: 20px; } 
.rule_txt table thead tr { background-color: rgba(206, 152, 60, 0.1); } 
.rule_txt table th { border: 1px solid #BABABA; border-top: 0; border-bottom: 0; height: 50px; padding: 10px 20px; font-size: 18px; } 
.rule_txt table td { border: 1px solid #BABABA; border-bottom: 0; height: 50px; padding: 10px 20px; } 
.rule_txt h2 { font-size: 16px; margin-top: 30px; margin-bottom: 15px; } 
.col-a { width: 100px; } 

.rule_txt > a { font-size: 16px; font-weight: 700; display: inline-block; margin-bottom: 20px; } 
.rule_txt > a > span { background: #000; display: inline-block; padding: 0 9px 5px; } 



.rule_txt_wr ul:first-child { margin-bottom: 25px; } 
.rule_txt_wr > ul > li { display:flex; flex-direction: column; justify-content: space-between; text-align: center; } 
.rule_txt_wr > ul > li:not(:last-child) { margin-right: 90px; } 
.sub_txt2 { font-size: 14px; font-weight: 500; color: #404040; margin-bottom: 5px; } 
.sub_txt2::before { content: ''; width: 7px; height: 7px; background-color: #C96100; display: inline-block; border-radius: 100%; vertical-align: middle; margin-right: 5px; } 
.sub_txt_img { width: 275px; margin-top: 15px; } 
.sub_txt_link { position: relative; color: #fff; border: none; width: 100%; background-color: transparent; background-image: url(/images/user/cmn/img_sch_bg.png); background-repeat: no-repeat; background-position: right 63px bottom; height: 50px; } 
.rule_txt_table.rule_txt_table2 { margin-top: 14px; } 
.rule_txt_table.rule_txt_table2 thead tr { background-color: #F7F7F7; } 
.rule_txt_table.rule_txt_table2 table th { font-size: 16px; font-weight: 500; height: 40px; padding: 0; border: 1px solid #E4E4E4; border-bottom: 0; } 
.rule_txt_table.rule_txt_table2 table td { border: 1px solid #e4e4e4; border-bottom: 0; height: 40px; padding: 0; font-size: 16px; color: #404040; } 
.rule_txt_table.rule_txt_table2 table { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } 
.sub_txt3 { font-size:16px; color: #E44126; line-height: 2; } 
.rule_txt_table.rule_txt_table2.table3 table { border-top: 0; } 
.rule_txt_table.rule_txt_table2.table3 table td { padding: 10px; border: 1px solid #D0D0D0; } 
.rule_txt_table.rule_txt_table2.table3 table td.bg-gray { background: #E4E4E4; } 
.rule_txt_table.rule_txt_table2.table3 table td.bg-gray2 { background: #f7f7f7; } 
.rule_txt_table.rule_txt_table2.table3 table td img { width: 100%; } 
.rule_txt_table.rule_txt_table2.table3 table td p { margin-top: 10px; } 
.sub_txt.fs16 { font-size: 18px; font-weight: 700; margin-top: 10px; } 
.rule_txt_wr > ul > li img { width: 275px; } 
.sub_txt_listWrap { display: flex; justify-content: center; } 
.modalTicket.modal { max-width: 895px; padding: 0; overflow-y: hidden; height: 100%; } 
.modalTicket .modal_btn_wrap { position: fixed; left: 0px; bottom: 20px; z-index: 1; width: 100%; margin: 0; } 
.modalTicket .modal_btn_wrap .wrapper { max-width: 935px; width: 100%; } 
.modalTicket .modal_btn_wrap .btn.cancel { background: #232323; width: 100%; height: 65px; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.modalTicket .modal_btn_wrap .btn.cancel a { font-size: 18px; font-weight: 500; color: #fff; display: block; width: 100%; height: 100%; } 
.modalTicket .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; } 
.modalTicket .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; } 
.modalTicket .modal_cont_ .txt p { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #232323; } 
.modalTicket .modal_cont_ .img img { width: 100%; } 

.btn_artWrap_ { display: flex; margin-top: 40px; } 
.btn_artWrap { color: #fff; background: linear-gradient(-90deg, #BC753C,#C0833C); background-size: 100% 200%; animation: AnimationName 30s ease infinite; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; width: 100%; border-radius: 5px; } 
.btn_artWrap:first-child { margin-right: 20px; } 

.btn_artWrap.link { margin-top: 10px; margin-bottom: 10px; width: 50%; } 
.btn_artWrap.link .sub_txt_link { display: flex; align-items: center; justify-content: center; font-size: 16px; } 

/* sect_ticket */
.sect_ticket { padding: 20px 0 40px 0; } 
.ticket-process { margin-top: 50px; margin-bottom: 20px; } 
.ticket-process--container { margin-top: 30px; } 
.ticket-process__wrap {font-size: 0;display: flex;justify-content: space-between;} 
.ticket-process__step {position: relative;display: inline-block;vertical-align: top;text-align: center;border-radius: 5px;width: 25%;margin-right: 20px;flex: 1 1 auto;} 
.sect_ticket .step_count {color: #FFFFFF;font-size: 20px;font-weight: 700;padding-top: 20px;} 
.sect_ticket .step_img {margin-top: 10px;} 
.sect_ticket .step_title {font-size: 20px;font-weight: 500;color: #fff;margin: 15px 0;} 
.sect_ticket .ticket-process_ {border-radius: 5px;height: 280px;} 
.ticket-process__step:last-child {margin: 0;}
/* 250115 웹접근성 */
.ticket-process__step:nth-child(1) .ticket-process_ { /*background-color: #CE983C;*/  background-color: #C9800F;  }
.ticket-process__step:nth-child(2) .ticket-process_ { /*background-color: #CE973B;*/  background-color: #CB781A; }
.ticket-process__step:nth-child(3) .ticket-process_ { background-color: #C96100; } 
.ticket-process__step:nth-child(4) .ticket-process_ { background-color: #561908; } 
.ticket-process__step::after {content: '';width: 40px;height: 40px;background: url(/images/user/rent/step_arrow.svg) no-repeat 50% / cover;position: absolute;top: 50%;right: -30px;transform: translate(0, -50%);z-index: 11;} 
.ticket-process__step:nth-child(4)::after { display: none; } 
.ticktet-bbsList { margin-bottom: 100px; } 
.ticktet-bbsList .bbstb_thead .bbstb_th { background-color: #232323; color: #fff; } 
.ticktet-bbsList .bbstb .td_tag.tag_gray { /* TODO 웹접근성 */ /*background-color: #bababa*/; background-color: #666; }
.ticktet-bbsList .bbstb_td { font-weight: 500; } 
.ticktet-bbsList .bbstb_td a { color: #3b3b3b; font-weight: 500; } 
.ticktet-bbsList .apply-btn { background-color: #232323; color: #fff; font-size: 16px; font-weight: 500; display: inline-block; border-radius: 5px; padding: 0 10px; height: 40px; border: 0; } 
.sect_ticketDetail { margin-top: 30px; padding-bottom: 40px; } 
.pdt_cnt_list { padding-left: 40px; width: calc(100% - 291px); height: 100%; float: right; } 
.pdt_hd_info_ { width: 100%; height: auto; float: right; } 
.pdt_hd_thum { position: absolute; left: 0; top: 0; width: 291px; height: 100%; /* overflow: hidden; */ } 
.pdtb { padding: 30px 0; width: 100%; } 
.pdtb_btn { margin-top: 4px; } 
.sect_ticketDetail .apply-btn {margin-top: 20px;width: 275px;height: 60px;background: #E44126;color: #fff;border: 1px solid transparent;font-size: 16px;font-weight: 700;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 15px;} 
.sect_ticketDetail .apply-btn i { background-image: url(/images/user/perform/ico_down.svg); background-repeat: no-repeat; width: 20px; height: 20px; margin: 5px; margin-right: 10px;} 
.sect_ticketDetail .apply-btn.disable{/*background-color: #bababa;*/ background-color: #777}
.sect_ticketDetail .ticket-process__step:nth-child(1) .ticket-process_{background-color: #F7F7F7;}
.sect_ticketDetail .ticket-process__step:nth-child(4) .ticket-process_{background-color: #F7F7F7;}
.sect_ticketDetail .sect_ticket .ticket-process__step:nth-child(1) .step_count{color: #888;}
.sect_ticketDetail .sect_ticket .ticket-process__step:nth-child(4) .step_count{color: #888;}
.sect_ticketDetail .sect_ticket .ticket-process__step:nth-child(1) .step_title{color: #888;}
.sect_ticketDetail .sect_ticket .ticket-process__step:nth-child(4) .step_title{color: #888;}

.sect_ticketDetail .ticket-process__step:nth-child(1):after{background-image: url(/images/user/perform/detail-step__arrow.svg);}
.sect_ticketDetail .ticket-process__step:nth-child(3):after{background-image: url(/images/user/perform/detail-step__arrow.svg);}
.sect_ticketDetail .ticket-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    border: 1px solid #707070;
    z-index: 1;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 75px;
    opacity: 0;
    transition: 0.2s;
}

.sect_ticketDetail .ticket-info--txt {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.sect_ticketDetail .ticket-info--txt p{line-height: 25px;}
.sect_ticketDetail .ticket-process__step:hover .ticket-info{opacity: 1;}
.sect_ticketDetail .pdtb{padding-bottom: 0;}
.sect_ticketDetail .sect_ticket{padding: 0; padding-bottom: 55px;}
