﻿@charset "utf-8";
.sub_header {position:absolute; right:0; top:0; left:0;}
.sub_header .title {padding:0 50px 0 40px; color:#141414; font-size:17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:47px; text-align:center;}
.sub_header .fix_header{border-bottom:1px solid #e8e8e8;background-color:#fff;height:47px;position:fixed;top:0;left:0;right:0;z-index:80;}

.layer_popup {display:block;}
.dpNo {display:none !important;}.dpYes {display:block !important;}
.ly_dim {display:none;position: fixed;top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);z-index:4499;}
.ly_dim_slide {display:none;position: fixed;top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);z-index:3999;}
.ly_dim_notice {display:none;position: fixed;top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);z-index:9999;}
.sub_header .btn_back {position:absolute; left:0; top:0; width:42px; height:47px; border:0 none; background:#fff url(../../images/perfsale/ico_back.png) no-repeat 50% 50%; background-size:10px auto;}
.sub_header .layer_close {position:absolute; right:0; top:0; width:50px; height:47px; border:0 none; background:#fff url(../../images/perfsale/ico_closed.png) no-repeat 50% 50%; background-size:18px 18px;}
.perfsale .sub_header .fix_header {border-bottom:1px solid #e5e6ea;}

/* button */
.perfsale,.perfsale * {letter-spacing:-0.034em;}
.perfsale .btn01 {display:inline-block; width:79px; padding:0; border:1px solid #cecece; border-radius:16px; background-color:#fff;; color:#787878; font-size:13px; line-height:25px;}
.perfsale .btn01.month, .perfsale .btn01.refresh {min-width:35px; height:35px; text-indent:-999em;}
.perfsale .btn02 {display:inline-block; min-width:59px; height:32px; border:0 none; background-color:#777; color:#fff; font-size:14px; box-sizing:border-box;}
.perfsale .btn03 {display:inline-block; min-width:59px; height:36px; border:0 none; border-radius:4px; background-color:#a0a0a0; color:#fff; font-size:14px; box-sizing:border-box;}
.perfsale .btn04 {display:inline-block; min-width:100%; height:55px; border:0 none; background-color:#645CAD; color:#fff; font-size:16px; border-radius:2px; box-sizing:border-box;}
.perfsale .btn05 {display:inline-block; min-width:49px; padding:0 15px; border:1px solid #cecece; border-radius:16px; background-color:#fff; color:#787878; font-size:12px; line-height:25px;}
.perfsale .btn06 {display:inline-block; min-width:35px; height:26px; padding:0 10px;  border:1px solid #CECECE; color:#222; font-size:11px; box-sizing:border-box;}
.perfsale .btn07 {display:inline-block; min-width:46px; height:35px; padding:0 10px; border:1px solid #858aa8; background-color:#ebeaf0; color:#222; font-size:13px; box-sizing:border-box;}
.perfsale .btn07.closed {min-width:41px; height:31px; padding:0 10px; border:1px solid #e3e4e9; border-bottom:0 none; border-top-left-radius:3px; border-top-right-radius:3px; color:#787878; font-size:12px; line-height:30px;}
.perfsale .btn01, .perfsale .btn02, .perfsale .btn03, .perfsale .btn04,.perfsale .btn05,.perfsale .btn06,.perfsale .btn07 {padding:0;}
/* form */
.radio_cont { display:block; overflow: hidden; position: relative; height:23px; vertical-align: top;}
.radio_cont input{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; opacity: 0; }
.radio_cont label{ display: inline-block; position: relative; z-index: 1; height:20px; font-size: 14px; line-height:20px;cursor: pointer;vertical-align: top;padding-left:20px;}
.radio_cont label:after{ content: ''; display: inline-block;position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background: url(../../images/perfsale/radiobtn.png) no-repeat; background-position:0 0; background-size:81px 18px; vertical-align: top; text-indent: 0; }
.radio_cont input:checked + label:after{background-position:-21px 0;}
.radio_cont input:disabled + label:after{background-position:-63px 0;}
.radio_cont input:checked:disabled + label:after{background-position:-42px 0;}

.input1 {height:32px; padding:0 0 0 8px; border:1px solid #cecece; background-color:#fff; border-radius:2px !important; color:#141414; font-size:14px; line-height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.input1::-webkit-input-placeholder {color:#aeaeae; font-size:14px;}
.input1::-moz-placeholder {color:#aeaeae; font-size:14px;}
.input1:-ms-input-placeholder {color:#aeaeae; font-size:14px;}
.input1:-moz-placeholder {color:#aeaeae; font-size:14px;}
input[type='text']:disabled,input[type='password']:disabled {background-color:#f2f2f2;}

/* table */
.txt_tbl_type01 {width:100%; border-top:1px solid #cecece; border-bottom:1px solid #cecece; background-color:#fff;}
.txt_tbl_type01 thead th {background-color:#f5f5f5; border-left:1px solid #cecece; border-bottom:1px solid #cecece; color:#141414; font-size:12px; text-align:center; line-height:30px; font-weight:normal;}
.txt_tbl_type01 thead th:first-child {border-left:0 none;}
.txt_tbl_type01 tbody th, .txt_tbl_type01 tbody td {padding:6px 8px; border-top:1px solid #cecece; border-left:1px solid #cecece; color:#444; font-size:12px; line-height:17px; text-align:center;}
.txt_tbl_type01 tbody tr:first-child th, .txt_tbl_type01 tbody tr:first-child td {border-top:0 none;}
.txt_tbl_type01 tbody th:first-child, .txt_tbl_type01 tbody td:first-child {border-left:0 none;}
.txt_tbl_type01 tbody th {background-color:#f5f5f5; color:#666; font-size:12px; text-align:center;}
.txt_tbl_type01 tbody th em {font-weight:normal;}
.txt_tbl_type01 tbody td.tl {padding-left:12px; text-align:left;}
.txt_tbl_type01 tbody td em {display:block;}
.txt_tbl_type01 tbody td > span {display:block;}
.txt_tbl_type01 thead .tl {padding-left:12px; text-align:left;}

.txt_tbl_type02 {width:100%; border-top:1px solid #cecece; border-bottom:1px solid #cecece; background-color:#fff;}
.txt_tbl_type02 tbody th, .txt_tbl_type02 tbody td {padding:6px 8px; border-top:1px solid #cecece; border-left:1px solid #cecece; color:#444; font-size:12px; line-height:18px; font-weight:normal;}
.txt_tbl_type02 tbody tr:first-child th, .txt_tbl_type02 tbody tr:first-child td {border-top:0 none;}
.txt_tbl_type02 tbody th:first-child, .txt_tbl_type02 tbody td:first-child {border-left:0 none;}
.txt_tbl_type02 tbody th {padding:6px 0; background-color:#f5f5f5; color:#141414; font-size:12px; text-align:center;}
.txt_tbl_type02 tbody td div, .txt_tbl_type02 tbody td p {font-size:12px;}
.txt_tbl_type02 tbody td em {color:#E14F5B;}
.txt_tbl_type02 tbody td.num span {color:#222;}
.txt_tbl_type02 tbody td span.state em {display:inline-block; height:22px; padding:0 5px; border-radius:3px; color:#fff; font-size:11px; line-height:22px; text-align:center;}
.txt_tbl_type02 tbody td span.state em.finish {background-color:#D87319;}
.txt_tbl_type02 tbody td span.state em.wate {background-color:#777;}
.txt_tbl_type02 tbody td .seat {padding-bottom:7px;}

.sel_perf {display:inline-block; position:relative;}
.sel_perf:after {position:absolute; top:50% ;right:10px; width:8px; height:8px; margin-top:-7px; border:1px solid #222; border-width:0 1px 1px 0; vertical-align:3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.sel_perf select {width:100%; height:36px; padding:0 20px 0 7px; border:1px solid #cecece; border-radius:2px; background:none; color:#333; font-size:14px;}
.sel_perf select:focus {border-color:#54b8df}
/* 예매대기 */
.tk_perfsale_wait {padding:0 16px;}
.tk_perfsale_wait .wait_txt1 {padding:15px 0 17px 0; color:#333; font-size:14px; line-height:21px; text-align:center;}
.tk_perfsale_wait .wait_number {height:68px; background-color:#fcf5e2; color:#000; font-size:17px; text-align:center;line-height:68px;}
.tk_perfsale_wait .wait_number strong {display:inline-block; padding-left:9px; color:#f43142;}
.tk_perfsale_wait .wait_txt2 {padding:7px 0 20px; color:#666; font-size:12px; line-height:18px; text-align:center;}
/* 예매 */
html, .perfsale, .perfsale #wrap, .perfsale #container, .perfsale form {height:100%; margin:0; padding:0; box-sizing:border-box;}
.perfsale #container.complete {height:auto;}
.perfsale #wrap {overflow:visible;}
.perfsale #container {padding-top:48px;}
.tk_perfsale_wrap {position:relative; height:calc(100% - 105px); background-color:#efefef; padding-top:10px;}
.tk_perfsale_wrap > div {background-color:#F2F2F2}
.tk_perfsale_wrap .step {position:relative; height:100%;}
.tk_perf_btn {position:fixed; bottom:0; width:100%; z-index:100;}
.tk_perf_btn .btn_perf {display:block; width:100%; height:55px; border:0 none; background-color:#CECECE; color:#fff; font-size:16px;}
.tk_perf_btn .btn_perf.on {background-color:#645CAD; color:#fff; font-size:16px; line-height:55px; text-align:center;}
/*.tk_perf_btn .btn_perf.on:after {content:''; display:inline-block; width:8px; height:8px; margin-left:7px; border:2px solid #fff; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}*/
.tk_perf_btn .btn_perf.on.closed:after {display:none;}
.perf_top_info {width:100%;}
.tk_perfsale_wrap .tk_perfsale_select {min-height:auto; background-color:#fff;}
.tk_perfsale_select {border-bottom:1px solid #ddd;  z-index:1;}
.tk_perfsale_select > div {position:relative; padding:0 68px 0 16px; border-top:1px solid #ddd;  line-height:20px;}
.tk_perfsale_select > div:first-child {border-top:0 none;}
.tk_perfsale_select > div .btn01 {position:absolute; right:15px; top:50%; margin-top:-13px;}
.tk_perfsale_select > div .btn01.month {right:52px;}
.tk_perfsale_select > div .btn01.refresh {right:15px;}
.tk_perfsale_select .time_sel.seat {padding:0 92px 0 15px; border-top:0 none; overflow: hidden;}
.tk_perfsale_select .time_sel p {min-height:18px; padding:9px 0; color:#787878; font-size:14px; line-height:18px;}
.tk_perfsale_select .time_sel.seat p {overflow:hidden;}
.tk_perfsale_select .time_sel.seat .btn07 {float:left; margin-top:5px;}
.tk_perfsale_select .time_sel.seat .btn07 + p {text-align:center;}
.tk_perfsale_select .time_sel p.amount {color:#666666}
.tk_perfsale_select .time_sel p strong {color:#787878; font-weight:normal;}
.tk_perf_cts {width:100%; height:100%; padding:0 0 63px 0; box-sizing:border-box; background-color:#F2F2F2;}
.tk_perf_cts.complete {padding:5px 0 0 0;}
/*.step.ty01 {padding:0 0 172px 0;}*/
.step.ty01.adr {box-sizing:border-box;}
.step.ty01 .tk_perf_cts {padding-bottom:0;}
.step.ty02 .tk_perf_cts,.step.ty03 .tk_perf_cts {height:auto;}
#step02, #step02_seatflash {height:100%;}
#step03, #step03 .step,#step04, #step04 .step {height:auto;}
/* 좌석 title */
.tk_seat_map_wrap {height:100%; box-sizing:border-box;}
.tk_seat_map_wrap .miniMap {width:100%; height:100%;}
.tk_seat_map_wrap iframe {width:100%; height:100%; border:0 none; overflow:hidden; box-sizing:border-box;}
.tk_seat_map {position:relative; background-color:#eee;}
.tk_mini_map {position:relative; height:100%; background-color:#eee;}
.tk_mini_map .seat_txt {width:100%; padding:18px 0 15px; color:#999; font-size:14px; text-align:center; line-height:17px;}
.tk_seat_map .btn_change {position:absolute; left:16px; top:16px; height:30px; padding:0 8px; border:0 none; border-radius:2px; background-color:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.35); color:#333; font-size:14px; line-height:30px;}
.tk_seat_map .btn_refresh {position:absolute; right:16px; top:16px; height:30px; padding:0 8px; border:0 none; border-radius:2px; background-color:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.35);}
.tk_seat_map .btn_refresh:after {display:inline-block; width:15px; height:15px; background:url(/images/perfsale/perfsale_imgs.png) no-repeat -21px 0; background-size:100px 61px; content:"";}
.tk_seat_map div {}
.tk_seat_map_change {position:absolute; left:15px; top:0; width:134px; height:134px; border:1px solid #222; background-color:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.4);}
.tk_seat_map_change img {width:100%; height:auto;}
.tk_mini_map img, .tk_seat_map img {width:100%; height:auto; margin-bottom:50px;}
.tk_seat_tit {overflow:hidden;}
.tk_seat_tit h2 {float:left; color:#fff; font-size:14px; font-weight:700; line-height:40px;}
.tk_seat_tit h2 em {display:inline-block; margin-left:8px; background-color:#716AAE; border-radius:10px; padding:0 14px; color:#fff; font-weight:700; font-size:12px; line-height:20px;}
.tk_seat_tit .btn_area {float:right; margin-right:16px; background:url(../../images/perfsale/bar_222_16px.gif) no-repeat 50% 50%; background-size:1px 16px;}
.tk_seat_tit .btn_area.noBg {background:none;}
.tk_seat_tit .btn_area button {width:31px; height:40px; background:none; border:none; color:transparent; font-size:0; transform:translateZ(0px); text-align:center; vertical-align:top;}
.tk_seat_tit .btn_area button:before  {display:inline-block; content:""; -webkit-transition:0.3s; transition:0.3s; -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.tk_seat_tit .btn_area .btn_reset {margin-right:9px;}
.tk_seat_tit .btn_area .btn_reset:before {width:15px; height:15px; background:url(../../images/perfsale/ico_refresh.png) no-repeat 0 0; background-size:15px 15px; webkit-transform:rotate(0deg) !important; transform:rotate(0deg) !important;}
.tk_seat_tit .btn_area .btn_sel_view:before {width:16px; height:9px; background:url(../../images/perfsale/ico_arr07.png) no-repeat 0 0; background-size:16px 9px;}
.tk_seat_tit .btn_area button.active:before {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
/* 비지정 좌석 */
.noseat_info {position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:auto; background-color:#eee;}
.noseat_info p {padding:28px 0 26px 0; border-bottom:1px solid #c6cacd; color:#333333; font-size:14px; font-weight:bold; text-align:center; line-height:21px;}
.noseat_info ul {width:300px; margin:37px auto 0;}
.noseat_info ul li {overflow:hidden; color:#333; font-weight:bold; font-size:12px; line-height:23px;}
.noseat_info ul li .name {float:left; width:50%; color:#333; overflow:hidden;}
.noseat_info ul li .name img {float:left; width:9px; height:11px; margin:6px 5px 0 0;}
.noseat_info ul li .name strong {display:block; font-weight:normal; overflow:hidden;}
.noseat_info ul li .seat {float:left; width:20%; text-align:right;}
.noseat_info ul li .price {float:right; width:30%; text-align:right;}
/* 좌석 하단리스트 */
.perf_seat_lst {overflow:hidden;}
.perf_seat_lst li {position:relative; font-size:0; line-height:24px; box-sizing:border-box;}
.perf_seat_lst li img {width:9px; height:11px; vertical-align:middle;}
.perf_seat_lst li > span {position:absolute; left:0; top:0; box-sizing:border-box; font-size:13px; vertical-align:middle;}
.perf_seat_lst li > span span {float:right;}
.perf_seat_lst li > span em {display:inline-block;}
.perf_seat_lst li > span strong {display:inline-block; font-weight:normal;}
.tk_seat_rest {position:fixed; bottom:55px; width:100%; background-color:#fff; z-index:100;}
.tk_seat_rest .tk_seat_tit {border-bottom:1px solid #e5e6ea; line-height:36px;}
.tk_seat_rest .tk_seat_tit h2 {padding:0 16px; color:#141414; font-size:16px; font-weight:700;}
.tk_seat_rest .tk_seat_tit .btn_area {background:none;}
.tk_seat_rest .tk_seat_tit .btn_area .btn_sel_view:before {width:16px; height:9px;}
.tk_seat_rest .perf_seat_lst {padding:16px 0;}
.tk_seat_rest .perf_seat_lst.off {height:0; overflow:hidden; padding:0;}
.tk_seat_rest .perf_seat_lst li {padding:0 13px;}
.tk_seat_rest .perf_seat_lst li > span {display:block; width:100%; padding:0 13px 0 26px; color:#888;}
.tk_seat_rest .perf_seat_lst li > span em {width:50%; height:24px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;-o-text-overflow:ellipsis;}
.tk_seat_rest .perf_seat_lst li > span span {width:50%; text-align:right;}
.tk_seat_rest .perf_seat_lst li > span strong {padding-left:3px;}
.tk_seat_sel {position:fixed; bottom:55px; z-index:100; width:100%; padding:0 0 0 16px; background-color:rgba(20, 20, 20, 0.7); box-sizing:border-box;}
.tk_seat_sel .tk_seat_tit .btn_area button:before  {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.tk_seat_sel .tk_seat_tit .btn_area button.active:before {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
.tk_seat_sel .perf_seat_lst {margin:12px 16px 0 0;}
.tk_seat_sel .perf_seat_lst li {padding:0 0 0 8px;}
.tk_seat_sel .perf_seat_lst li > span {height:24px; padding:0 0 0 25px; color:#999fba;line-height:24px;}
.tk_seat_sel .perf_seat_lst li > span strong {padding-left:6px;}
.tk_seat_sel_lst {min-height:0; max-height:140px; padding-bottom:12px; overflow-y:auto; overflow-x:hidden;}
.tk_seat_sel_lst.off {height:0; padding-bottom:0;}
.tk_seat_sel .select_list {min-height:0;padding-right:16px; overflow:hidden;}
.tk_seat_sel .select_list li {float:left; width:50%; padding-top:8px; box-sizing:border-box;}
.tk_seat_sel .select_list li a, .tk_seat_sel .select_list li p {position:relative; display:block; height:26px; padding:7px 27px 7px 8px; background-color:rgba(255, 255, 255, 0.3); color:#fff; font-size:11px; line-height:13px;}
.tk_seat_sel .select_list li a:before,.tk_seat_sel .select_list li p:before {display:inline-block; position:absolute; right:8px; top:14px; width:10px; height:10px; background:url(../../images/perfsale/ico_del02.png) no-repeat 0 0; background-size:10px 10px; content:"";}
/*.tk_seat_sel .select_list li.check p:before {display:inline-block; position:absolute; right:8px; top:14px; width:11px; height:11px; background:url(/images/perfsale/perfsale_imgs.png) no-repeat -67px -53px; background-size:100px 61px; content:"";}*/
.tk_seat_sel .select_list li a span, .tk_seat_sel .select_list li p span {display:inline-block; min-height:13px; max-height:26px; vertical-align:middle; overflow:hidden;}
.tk_seat_sel .select_list li a:after, .tk_seat_sel .select_list li p:after {display:inline-block; width:0; height:26px; vertical-align:middle; content:'';}
.tk_seat_sel .select_list.confirm li a:before { display:none;}
.tk_seat_sel .select_list li:nth-child(even) {padding-left:4px;}
.tk_seat_sel .select_list li:nth-child(odd) {padding-right:4px;}

/* 매수선택/할일 */
.tk_perf_list {height:100%; background-color:#F2F2F2; border-bottom:1px solid #ddd; box-sizing:border-box;}
.tk_perf_list.first {padding-top:7px;}
.tk_perf_list.second {margin-top:5px;}
.tk_perf_list .tk_perf_tit {padding:17px 0 10px 16px; background-color:#fff;}
.tk_perf_list .tk_perf_tit h2 {color:#141414; font-size:16px; font-weight:700; line-height:26px;}
.tk_perf_list .tk_perf_tit h2 em {color:#222; font-weight:normal;}
.step.ty01_2 .tk_perf_list .tk_perf_tit {background-color:#F2F2F2;}
.tk_perf_list .tk_perf_tit p {color:#394165; font-size:11px; line-height:19px;}
.tk_perf_list_cont {padding:0 16px 9px 16px; background-color:#fff;}
.tk_perf_list_cont.overlap {padding-bottom:23px;}
.tk_perf_list .tk_perf_list_cont > h3 {color:#787878; font-size:14px; font-weight:normal; line-height:28px;}
.tk_perf_list .tk_perf_list_cont > h3 strong {color:#E14F5B; font-weight:bold;}
.tk_perf_list .tk_perf_list_cont > h3 em {color:#E14F5B; font-weight:bold;}
.tk_perf_list_cont .select_lst {border:1px solid #cecece; border-radius:3px; box-sizing:border-box; overflow:hidden;}
.tk_perf_list_cont .select_lst li:first-child {background-color:#fafafa;}

.select_lst {width:100%; margin-bottom:8px;}
.select_lst:last-child {margin-bottom:0;}
.select_lst li {position:relative; padding:16px 0 17px 11px; border-top:1px dotted #cecece; background-color:#fff; font-size:0;}
.select_lst li:first-child {border-top:0 none;}
.select_lst li > span {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.select_lst li > span.txt {display:block; width:100%; padding:0 89px 0 0; color:#787878; font-size:14px; line-height:27px; box-sizing:border-box;}
.select_lst li > span.txt > span {display:block; padding-bottom:5px; line-height:16px;}
.select_lst li > span.txt > span em {display:inline-block; height:16px; color:#9195a1; font-size:10px; line-height:16px; vertical-align:middle;}
.select_lst li > span.txt > span strong {display:inline-block; padding:0 4px 0 0; height:16px; color:#645CAD; font-size:10px; line-height:16px; vertical-align:middle;}
.select_lst li > span.txt > span strong + em:before {content:''; display:inline-block; width:1px; height:8px; margin-right:4px; background-color:#cecece; vertical-align:middle;}
.select_lst li .tk_btn_note {display:inline-block; width:16px; height:16px; margin-left:7px; border:1px solid #e6e6e6; border-radius:50%; background:url('../../images/perfsale/ico_arr03.gif') no-repeat 50% 50%; background-size:6px auto; vertical-align:-3px; content:'';}
.select_lst li > span.price {display:block; padding:0; color:#787878; font-size:12px; line-height:22px;}
.select_lst li > span.price strong {color:#141414; font-size:17px;}
.select_lst li > span.form {position:absolute; right:16px; top:22px; width:89px; overflow:hidden; text-align:right;}
.select_lst li > span.form .sel_perf {width:53px;}
.select_lst li > .tk_ticket_note {display:none; padding:3px 0 0 0; color:#787878; font-size:11px; line-height:15px;}
.select_lst li.open > .tk_ticket_note {display:block;}
.select_lst.noSeat {min-height:300px;margin-bottom:0; padding-bottom:55px;}                                                                                                           
.select_lst.noSeat li {position:relative; display:block; padding:10px 16px; border-top:0 none; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:0;}
.select_lst.noSeat li:first-child {margin-top:0;}
.select_lst.noSeat li span {display:inline-block; padding:0; box-sizing:border-box;}
.select_lst.noSeat li span.txt {display:block; width:100%; padding:0 89px 4px 0; color:#141414; font-size:15px; font-weight:700; line-height:27px; box-sizing:border-box;}
.select_lst.noSeat li span.txt em {color:#787878; font-size:12px; font-weight:normal;}
.select_lst.noSeat li span.price {width:60%; padding:0 89px 0 0; color:#aaa; font-size:14px; line-height:27px; text-align:left;}
.select_lst.noSeat li span.price strong {color:#222; font-weight:normal;}
.select_lst.noSeat li span.form {position:absolute; right:16px; top:50%; width:89px; margin-top:-16px; overflow:hidden; text-align:right;}
.select_lst.noSeat li span.form .count {float:right; max-width:115px;}
.select_lst.noSeat li span.form .count input {width:50px; height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#222; font-size:14px; text-align:center;}
.select_lst.noSeat li span.form .count button {width:32px; height:32px; border:1px solid #ddd; background:url(/images/sub/bg_count.gif) no-repeat; background-size:66px auto;}
.select_lst.noSeat li span.form .count button.minus {background-position:0 0;}
.select_lst.noSeat li span.form .count button.plus {background-position:100% 0;}
/* 예매단계 */
.perf_step {position:relative; height:39px; background-color:#3d4171; z-index:1; text-align:center;}
.perf_step ul {display:inline-block; height:21px; padding:9px 0; overflow:hidden;}
.perf_step ul li {float:left; position:relative; padding:0 12px 0 32px; line-height:21px;}
.perf_step ul li:before {position:absolute; left:0; top:50%; display:inline-block; margin-top:-1px; width:20px; height:2px; background:url(/images/perfsale/perfsale_imgs.png) no-repeat -67px -25px; background-size:100px 61px; content:'';}
.perf_step ul li:first-child:before {display:none;}
.perf_step ul li:first-child {padding-left:0;}
.perf_step ul li:last-child {padding-right:0;}
.perf_step ul li em {display:inline-block; width:13px; height:13px; margin:4px 0; border-radius:13px; background-color:#9da7c9; color:#3d4171; font-size:10px; line-height:13px; text-align:center; vertical-align:top;}
.perf_step ul li.active {color:#fff; font-size:13px;}
.perf_step ul li.active em {width:19px; height:19px; margin:1px 6px 1px 0; border-radius:19px; background-color:#fff; font-size:13px; font-weight:bold;line-height:19px;}
.perf_step > p {overflow:hidden; height:36px; color:#fff; font-size:15px; text-align:center;line-height:36px;}
.perf_step > p:before {display:inline-block; width:26px; height:16px; margin-right:7px; background:url(/images/perfsale/perfsale_imgs.png) no-repeat -67px -32px; background-size:100px 61px; content:''; vertical-align: middle;}
.discount_wrap {padding:0 16px; background-color:#fff;}
.discount_form {position:relative; padding:0 78px 16px 0;}
.discount_form .btn02 {position:absolute; right:0; top:0; min-width:73px; padding:0; border-radius:3px; line-height:32px;}
.discount_form .input1 {width:100%; height:32px; line-height:32px;}
.discount_wrap .discount_cont {display:none;}
.discount_wrap .mileage_txt {padding:14px 0 0 0; color:#222; font-size:14px; line-height:24px;}
.discount_wrap .mileage_txt em {color:#E14F5B;}
.discount_wrap .mileage_txt + .discount_form {padding-top:12px;}
.discount_wrap .mileage_txt  + .discount_form .btn02 {top:12px;}
.discount_form.mileage {position:relative; padding:0 0 20px 0;}
.discount_form.mileage .check_cont {position:absolute; right:0; top:-23px;}
.discount_form.mileage .input1 {width:100%; height:32px; line-height:32px; border-right:1px solid #ddd; border-radius:3px;}
.discount_form.mileage > span {display:block; font-size:12px; line-height:32px;}
.discount_lst {position:relative;}
.discount_lst .noData {position:relative; padding:39px 0 7px 0; border-bottom:1px solid #d0d0d0; color:#787878; font-size:12px; text-align:center; line-height:22px;}
.discount_lst .noData:after {position:absolute; top:9px; left:50%; width:45px; height:28px; margin:0 0 0 -22px; background:url(../../images/perfsale/bg_discount.gif) no-repeat 0 0; background-size:auto 28px; content:'';}
.discount_lst ul {}
.discount_lst ul li {display:table; width:100%; border-top:1px solid #d0d0d0;}
.discount_lst ul li:first-child {border-top:0 none;}
.discount_lst ul li > div {display:table-cell; padding:13px 12px; vertical-align:middle;}
.discount_lst ul li > div .tit {color:#444; font-size:14px; line-height:17px;}
.discount_lst ul li > div .discount {color:#787878; font-size:14px; line-height:17px;}
.discount_lst ul li > div .discount em {color:#141414;}
.discount_lst ul li > div .txt {padding-top:5px; color:#888; font-size:11px; line-height:15px;}
.discount_lst ul li > p {display:table-cell; width:66px; height:100%; border-left:1px solid #d0d0d0; vertical-align:middle;}
.discount_lst ul li > p .check_cont {position:relative; width:60px; height:46px; text-align:center; margin:0 auto;}
.discount_lst ul li > p .check_cont label {display:block; padding:26px 0 0 0; color:#444; font-size:10px;}
.discount_lst ul li > p .check_cont label:before {display:block; left:50%; margin-left:-12px;}
.discount_lst .discount_head {display:table; width:100%; padding:0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background-color:#fafafa;}
.discount_lst .discount_head li {display:table-cell; width:66px; border-left:1px solid #d0d0d0; border-top:0 none; color:#141414; text-align:center; line-height:32px;}
.discount_lst .discount_head li:first-child {width:auto; border-left:0 none;}
.tk_info_txt {padding:11px 12px; border-bottom:1px solid #d1d1d6; background-color:#f9f9f9; color:#8c7458; font-size:12px; line-height:17px;}
.deliver_wrap {background-color:#fff;}
.deliver_type {width:100%; border-radius:3px; background-color:#EFF0F2; font-size:0; text-align:left; padding: 7px;}
.deliver_type li {display:inline-block; min-width:86px; padding:5px 0; vertical-align: middle; line-height:30px;}
.deliver_type li .radio_cont {height:20px;}
.deliver_type li .radio_cont label span {color:#141414; font-size:12px;}
.deliver_type li .radio_cont label strong {color:#141414; font-size:12px; font-weight:normal;}
.deliver_type li .radio_cont label strong {color:#141414; font-size:12px; font-weight:normal;}

/* 배송방법 */
.deliver_wrap .receive_box {}
.deliver_wrap .receive_box .receive_form dl {padding:8px 0 0 0; overflow:hidden; line-height:20px;}
.deliver_wrap .receive_box .receive_form dl dt {margin-top:8px; height:28px; color:#787878; font-size:14px; font-weight:700; line-height:28px;}
.deliver_wrap .receive_box .receive_form dl dd {display:block; margin-top:8px; height:34px; padding:0 8px; border:1px solid #cecece; border-radius:3px; background-color : #EFF0F2;; color:#787878; font-size:14px; line-height:34px;}
.deliver_wrap .receive_box .receive_form dl dd em {display:block;}
.deliver_wrap .receive_box .receive_form h3 {padding:21px 0 0 0; color:#787878; font-size:14px; line-height:36px;}
.deliver_wrap .receive_box .receive_form .add_form {position:relative; margin-top:10px;}
.deliver_wrap .receive_box .receive_form .add_form li {position:relative; padding:6px 0 0 59px; font-size:0;}
.deliver_wrap .receive_box .receive_form .add_form li label:first-child {position:absolute; left:0; top:6px; padding-right:7px; background:url(../../images/perfsale/ico_important.png) no-repeat 100% 50%; background-size:4px auto; color:#787878; font-size:14px; line-height:32px;}
.deliver_wrap .receive_box .receive_form .add_form .add_list {position:absolute; right:0; top:-116px; padding-top:0;}
.deliver_wrap .receive_box .receive_form .add_form .add_list .sel_perf {width:120px;}
.deliver_wrap .receive_box .receive_form .add_form .add_list .sel_perf select {color:#aaa;}
.deliver_wrap .receive_box .receive_form .add_form li .name, .deliver_wrap .receive_box .receive_form .add_form li .add, .deliver_wrap .receive_box .receive_form .add_form li.post input {width:100%;}
.deliver_wrap .receive_box .receive_form .add_form li.post {position:relative; padding-right:78px;}
.deliver_wrap .receive_box .receive_form .add_form li button {position:absolute; right:0; top:8px; width:68px; height:32px; border-radius:2px; background-color:#777; border:0 none; color:#fff; font-size:14px;}
.deliver_wrap .receive_box .receive_form .add_form li.phone .sel_perf {width:25%; height:32px;}
.deliver_wrap .receive_box .receive_form .add_form li.phone .sel_perf select {height:32px;}
.deliver_wrap .receive_box .receive_form .add_form li.phone .input1 {width:33%; margin-left:4px;}
.deliver_wrap .receive_box .receive_form > p {margin-top:16px; padding:10px 12px; background-color:#F2F2F2; border-radius:3px; box-shadow:0 1px 0 #e3e4e9; color:#787878; font-size:11px; line-height:17px;}
.deliver_wrap .receive_box .receive_form > p em {color:#5676da;}
.deliver_wrap .receive_box > ul {padding:16px 0 30px;}
.deliver_wrap .receive_box > ul li {color:#9a9a9a; font-size:12px;}
.payment_lst {width:100%;}
.payment_lst li {display:table; width:100%; padding:0 11px; box-sizing:border-box;}
.payment_lst li.total_price {position:relative; width:100%; margin:0; background-color:#394165;}
.payment_lst li > span {display:table-cell; width:50%; background:url(/images/sub/bg_perfsale_payment.gif) repeat-x 0 0; background-size:4px 1px; vertical-align:middle; color:#333; font-size:14px; line-height:38px; box-sizing:border-box;}
.payment_lst li:first-child > span {background:none;}
.payment_lst li.total_price > span {background:none; color:#fff;}
.payment_lst li > span.price {padding-right:8px; text-align:right;}
.payment_lst li > span.price strong {font-size:17px;}
.payment_lst li > span.price.minus {color:#f43142;}
.payment_lst li > span.price.plus {color:#5676da;}
/* 취소정책 */
.cancel_policy_wrap {padding:0 15px 32px 15px; background-color:#fff;}
.charge_wrap {}
.charge_btn_area + .txt_tbl_type01 {display:none; margin-top:16px;}
.charge_lst_txt {padding:12px 8px 0 8px;}
.charge_lst_txt li {position:relative; padding:6px 0 0 8px; color:#9a9a9a; font-size:12px; line-height:17px;}
.charge_lst_txt li:before {position:absolute; left:0; top:11px; width:2px; height:2px; background-color:#888; content:'';}
.charge_wrap.on .txt_tbl_type01,.charge_wrap.normal .txt_tbl_type01 {display:table;}
.charge_info {padding:24px 0 0 0; background-color:#f9f9f9; border-top-left-radius:4px; border-top-right-radius:4px; text-align:center;}
.charge_info p {color:#141414; font-size:15px; font-weight:700; line-height:20px;}
.charge_info p strong {font-weight:normal;}
.charge_info p em {color:#444444; font-size:12px; font-weight:normal;}
.charge_info p em > em {color:#E14F5B;}
.charge_info .txt {padding:0 0 15px 0; color:#787878; font-size:12px; font-weight:normal;}
.charge_btn_area {border:1px solid #f4f4f4; background-color:#fff;}
.charge_btn_area button {width:100%; height:40px; border:1px solid #cecece; background:none; color:#666; font-size:13px; text-align:center;}
.charge_btn_area button:after {display:inline-block; width:10px; height:10px; margin:0 0 0 8px; border:1px solid #666; border-width:0 1px 1px 0; content:''; -webkit-transform-origin:70% 70%; transform-origin:70% 70%; -webkit-transition:0.3s; transition:0.3s; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.charge_btn_area button.active:after {-webkit-transform:rotate(225deg); transform:rotate(225deg);}
.charge_lst_txt {padding:12px 0 0 0; color:#888; font-size:12px; line-height:17px;}
.charge_lst_txt em {color:#333;}
.agree_area {margin:13px 0 0 0; border-top:1px solid #888; border-bottom:1px solid #888;}
.agree_area .check_cont {display:block; min-height:20px; height:auto; padding:8px 7px; border-top:1px solid #cecece;}
.agree_area .check_cont label {color:#787878; font-size:11px;}
.agree_area .check_cont label:after {top:0;}
.agree_area .check_cont label a {color:#787878; font-size:10px;}
.agree_area .all_chk {position:relative; padding-right:36px; background-color:#FAF9F4;}
.agree_area .all_chk a {display:block; position:absolute; right:0; top:0; width:36px; height:36px; background:url(../../images/perfsale/ico_arr06.png) no-repeat 50% 50%; background-size:16px 9px; -webkit-transition:0.3s; transition:0.3s;}
.agree_area .all_chk a.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.agree_area .all_chk .check_cont {border-top:0 none;}
.agree_area .all_chk .check_cont label {color:#141414;}
.msg_odr {padding:0 16px 17px; background-color:#fff; text-align:center;}
.msg_odr .tit {padding:21px 0 6px; color:#333; font-size:16px; font-weight:bold; line-height:27px;}
.msg_odr .tit em {color:#E14F5B;}
.msg_odr .txt {padding-bottom:20px; color:#787878; font-size:12px; line-height:16px;}
.perf_number {height:37px; padding-top:7px; line-height:37px; font-size:16px; text-align:center;}
.perf_number em {display:inline-block; padding:0 7px 0 13px; color:#444;}
.perf_number strong {display:inline-block; color:#222; font-weight:normal;}
/* 결제방법선택 */
.payment_type {padding:0 16px 17px 16px; background-color:#fff; overflow: hidden;}
.payment_type li {float:left; width:50%; padding:0 0 0 3px; box-sizing:border-box;}
.payment_type li:first-child {padding:0 3px 0 0;}
.payment_type li a {display:block; height:43px; padding:0 0 0 64px; background-color:#f9f9f9; border:1px solid #cacaca; border-radius:7px; line-height:43px;}
.payment_type li.active a {color:#645CAD; font-weight:bold; border-color:#645CAD; background-color:#fff;}
.payment_type li.ty01 a {background : #f5f5f5 url(../../images/perfsale/tab_payment01.png) no-repeat 15px 12px; color : #787878; background-size:37px 67px; }
.payment_type li.ty01.active a {background-position:15px -33px;}
.payment_type li.ty02 a {background:url(../../images/perfsale/tab_payment02.png) no-repeat 15px 12px; background-size:37px 67px; }
.payment_type li.ty02.active a {background-position:15px -33px;}

.pay_content {padding:0 16px; background-color:#fff;}
.pay_content h3 {height:28px; padding:0 0 8px; color:#787878; font-size:14px; font-weight:700; line-height:28px;}
.pay_content .bank_wrap {position:relative; height:36px; padding:0 159px 11px 0;}
.pay_content .bank_wrap .hide {width:0; heght:0;}
.pay_content .bank_wrap .sel_perf {width:100%; vertical-align:top;}
.pay_content .bank_wrap .btn03 {position:absolute; right:15px; top:0; width:136px; background-color:#645CAD;}
.pay_content .bank_wrap .btn03.finish {background-color:#959595;}
/* 총결제예정내역 */
.tk_perf_pay {padding:0 15px 32px 15px; background-color:#fff;}
.tk_perf_pay li {display:table; width:100%; padding:8px 0 9px; border-top:1px dotted #d1d1d6; line-height:20px;}
.tk_perf_pay li em {display:table-cell; width:110px; padding:0 0 0 12px; color:#787878; font-size:14px;}
.tk_perf_pay li span {display:table-cell; padding:0 12px 0 0; color:#787878; font-size:14px; text-align:right;}
.tk_perf_pay li span strong {font-weight:normal;}
.tk_perf_pay li:first-child {border-top:0 none; color:#141414;}
.tk_perf_pay li:first-child span strong {color:#141414;}
.tk_perf_pay li.tk_pay_total {background-color:#f9f9f9; color:#141414;}
.tk_perf_pay li.tk_pay_total span strong {color:#141414;}
.tk_perf_pay li.tk_pay_total em {color:#141414;}
.tk_perf_pay li.tk_total {background-color:#f1f8ff;}
.tk_perf_pay li.tk_total em {color:#141414;}
.tk_perf_pay li.tk_total span strong {color:#645CAD;}

.complete_wrap {position:relative; padding:0 16px 32px 16px; background-color:#fff;}
.complete_wrap .charge_info {background-color:#fff;}
.complete_wrap .charge_wrap {padding:0;}
.complete_wrap .tk_info {margin-bottom:10px; overflow:hidden;}
.complete_wrap .tk_info .thumb {padding:27px 0; background:#fff url(../../images/perfsale/bg_poster.png) no-repeat 53% 120%; background-size:171px auto; text-align:center;}
.complete_wrap .tk_info .thumb img {width:135px; height:175px;}
.complete_wrap .tk_info .info {position:relative; min-height:107px; padding:0 0 15px 0; background-color:#fff; color:#222; font-size:12px; line-height:20px; box-sizing:border-box; text-align:center;}
.complete_wrap .tk_info p {color:#787878; font-size:12px;}
.complete_wrap .txt_tbl_type04 tbody th {background-color:#fafafa;}
.btn_area_complete {padding:17px 0 0 0;}
/* 예매자명 */
.reserver_box {background-color:#fff; border-bottom:1px solid #d1d1d6;}
.reserver_box p {padding:11px 12px; background-color:#f9f9f9; color:#8c7458; font-size:12px; line-height:17px;}
.reserver_box dl {padding:12px 0; overflow:hidden;}
.reserver_box dl dt {float:left; width:88px; padding:0 0 0 12px; color:#333; font-size:14px; line-height:32px;}
.reserver_box dl dd {display:block; padding:0 12px 0 0; overflow:hidden;}
.reserver_box dl dd input {width:100%;}


/* 주문정보 */
.order_total{margin-top:8px;border:2px solid #afc0cd;background:#fff;}
.total{display:table;width:100%;}
.total li{display:table-cell;position:relative;width:34%;text-align:center;vertical-align:top;}
.total li:nth-child(2){width:32%;}
.total li:before{position:absolute;top:0;left:0;width:0;height:100%;border-left:1px solid rgba(0,0,0,0.1);content:'';}
.total li:first-child:before{display:none;}
.total li em{display:block;height:44px;padding:14px 0;background:#d6e6f1;color:#333;font-size:13px;font-weight:bold;line-height:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.total li em.tp{padding:8px 0;}
.total li em span{display:block;margin-top:-2px;font-size:11px;}
.total li .cn{position:relative;height:44px;padding-top:13px;color:#111;font-size:13px;line-height:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.total li:last-child .cn{color:#e51a19;}
.total li .cn:before{position:absolute;top:50%;left:-10px;width:20px;height:20px;margin-top:-10px;background:url('/MW/img/my/ico_my_odr.png') no-repeat -21px -26px;background-size:186px 172px;content:'';}
.total li:first-child .cn:before{display:none;}
.total li:last-child .cn:before{background-position:-43px -26px;}
.total li .cn b{position:relative;top:1px;font-size:16px;}
.order_total .bft{border-top:1px solid #CECECE;}
.order_total .bft ul{padding:5px 0 14px;background:#f7fbfe;}
.order_total .bft ul li{overflow:hidden;margin-top:6px;padding:0 10px;color:#333;font-size:14px;line-height:18px;}
.order_total .bft ul li .tt{float:left;width:104px;}
.order_total .bft ul li .tx{display:block;overflow:hidden;color:#666;}
.order_total .bft ul li .tx b{color:#333;}
.order_total .bft ul li .tx .pt_br{color:#94704e;}
.order_total .btn_dtl{border-top:1px solid #CECECE;text-align:right;}
.order_total .btn_dtl button{height:40px;padding:0 10px;border:none;background:none;color:#757b9c;font-size:13px;text-decoration:underline;}
.order_total .btn_dtl button:after{display:inline-block;position:relative;top:-2px;width:7px;height:7px;margin-left:4px;border:1px solid #757b9c;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;content:'';}
.order_total .btn_dtl button.on{color:#4e6cce;}
.order_total .btn_dtl button.on:after{top:1px;border-color:#4e6cce;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.order_total .depo{padding:11px 10px 15px;border-top:1px solid #CECECE;}
.order_total .depo em{display:block;margin-bottom:10px;color:#333;font-size:14px;}
.order_total .depo select{width:155px;height:32px;padding:0 31px 0 5px;border-color:#afb0c2;background:url('/MW/img/my/ico_my_odr.png') no-repeat 100% -142px;background-size:186px 172px;color:#868ba8;font-size:14px;}
.order_total .depo .btns{border-color:#afb0c2;vertical-align:middle;-webkit-box-shadow:none;box-shadow:none;}
.order_total .depo .btns > *{height:28px;background:#fafafa;color:#5d5e73;font-size:13px;line-height:30px;}
.order_total .depo > span{display:inline-block;color:#5d5e73;font-size:13px;}


/* 달력 팝업 */
.perf_time_wrap{display:none; position:fixed; bottom:-100%; z-index:10000; width:100%; background-color:#F2F2F2; height:379px;}
.perf_time_wrap .perf_time_cont{position:absolute;top:0;bottom:0;left:0;right:0;padding-top:43px;}
.perf_time_wrap .btn_closed{position:absolute; right:0; top:0; width:48px; height:42px; border:0 none; background:url(../../images/perfsale/ico_closed04.png) no-repeat 50% 50%; background-size:16px 16px;}
.perf_time_wrap h1{text-align:center;border-bottom:1px solid #e8e8e8;background-color:#fff;position:absolute;left:0;right:0;top:0; height:42px; font-size:18px; line-height:42px; font-weight:400;}
.perf_time_wrap .btn_cast {position:absolute; right:51px; top:14px; height:21px; border:2px solid #645CAD; padding:0 7px 0 10px; border-radius:21px; color:#222; font-size:10px;}
.scroll_area{position:relative;height:100%;overflow:hidden}
.calendar_box{height:311px; padding:0 15px;border-bottom:1px solid #e5e6ea;background-color:#fff;padding-bottom:25px;}
.date_sect{text-align:center; width:105px; margin:0 auto; padding:4px 44px 0;position:relative;}
.date_sect > .date em, .date_sect > .date strong{font-size:24px; font-weight:normal; line-height:44px;}
.date_sect button {background:none; border:0 none;}
.date_sect button:before {content:''; position:absolute; top:50%; margin:-5px 0 0 -5px; display:inline-block; width:10px; height:10px; border:1px solid #141414; border-width:1px 1px 0 0;}
.date_sect .prev{position:absolute;width:44px;height:44px;left:0;top:4px;}
.date_sect .next{position:absolute;width:44px;height:44px;right:0;top:4px;}
.date_sect .prev.off,.date_sect .next.off{display:none;}
.date_sect .next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.date_sect .prev:before {-webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.perf_time_sel_cont {height:100%; overflow:hidden; position:relative; box-sizing:border-box;}
.tbl_calendar {width:100%;}
.tbl_calendar thead th {height:22px;border-top:0 none;border-bottom:0 none; font-size:14px; line-height:22px;}
.tbl_calendar td {height:40px;padding:3px 0;font-size:17px;line-height:46px; text-align:center;}
.tbl_calendar tr td:first-child {padding-left:0;}
.tbl_calendar td a {display:inline-block; width:40px; height:40px;color:#dddddd; font-size:20px; line-height:40px; text-align:center;}
.tbl_calendar .ing a {color:#222222;}
.tbl_calendar .ing.select a {background-color:#D87319; color:#fff; border-radius:40px;}

.perf_time_wrap.time_short .turn_sel_wrap {display:block;padding-bottom:0;}
.perf_time_wrap .tk_perf_btn {position:absolute;}
.turn_sel_wrap{padding:8px 0 0;}
.turn_sel_wrap ul {background-color:#fff;}
.turn_sel_wrap li{border-top:1px solid #e5e6ea;position:relative;}
.time_long .turn_sel_wrap li > a{display:block;position:relative;}
.time_short .turn_sel_wrap li {border-top:0 none;}
.time_short .turn_sel_wrap li > a{display:block;position:relative;padding:14px 0 14px 15px;}
.time_short .turn_sel_wrap li:nth-child(even) a {background-color:#FAF9F4;}
.turn_sel_wrap li > a:after{content:'선택'; display:block; width:79px; height:25px; position:absolute; right:19px; top:5px; border:1px solid #cecece; border-radius:16px; color:#787878; font-size:13px; line-height:25px; text-align:center; text-indent:0;}
.time_short .turn_sel_wrap li > a:after {top:10px;}
.time_long .turn_sel_wrap li .time {display:block; padding:0 116px 0 15px; border-bottom:1px solid #e5e6ea; background-color:#FAF9F4; font-size:16px;color:#141414;font-weight:normal; line-height:36px;}
.time_long .turn_sel_wrap li .seat{padding:0 16px 16px 16px; overflow:hidden;}
.time_long .turn_sel_wrap li .seat > span {display:block; width:45%; border-bottom:1px solid #e5e6ea; line-height:30px; overflow:hidden;}
.time_long .turn_sel_wrap li .seat > span:nth-child(odd) {float:left;}
.time_long .turn_sel_wrap li .seat > span:nth-child(even) {float:right;}
.time_long .turn_sel_wrap li .seat strong {float:left; width:60%; padding-left:8px; color:#8a8a8a; font-size:13px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;}
.time_long .turn_sel_wrap li .seat em {float:right; width:40%; color:#787878; font-size:13px; text-align:right;}
.time_long .turn_sel_wrap li .seat em.sdo {color:#c9c9cb;}
.time_short .turn_sel_wrap li .time {display:block; margin-right:116px; font-size:16px;color:#000000;font-weight:400;}
.time_short .turn_sel_wrap li .seat{font-size:0;line-height:0;margin-top:5px;}
.time_short .turn_sel_wrap li .seat > span {display:inline-block;}
.time_short .turn_sel_wrap li .seat span{font-size:13px;line-height:18px;display:inline-block;color:#aaaaaa}
.time_short .turn_sel_wrap li .seat strong {display:inline-block; max-width:47px; color:#aeaeae; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
.time_short .turn_sel_wrap li .seat em{display:inline-block; width:35px; padding:0 5px; color:#787878; vertical-align:middle;}
.time_short .turn_sel_wrap li.soldOut > a:after {display:none;}
.time_short .turn_sel_wrap li.soldOut .time em{display:inline-block; width:43px; height:13px; margin-left:10px; border:1px solid #d8d8db; background-color:#FAF9F4; color:#c9c9cb; font-size:11px; line-height:13px; text-align:center; vertical-align:middle;}

/* 팝업 */
.layer_popup {display:none; overflow: hidden;overflow-y: scroll;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index:999;-webkit-box-sizing: border-box;box-sizing: border-box;}
.layer_popup .layer_content {position:relative;}
.layer_head {padding:24px 16px 16px;}
.layer_head strong {color:#141414; font-size:17px; font-weight:700;}
.layer_head .layer_close {display:none;}

.layer_content{position:relative;}
.layer_content .message{text-align:center;line-height:20px;height:180px;width:100%;display:table;}
.layer_content .message em{color:#645CAD;}
.layer_content .message > p{display:table-cell;vertical-align:middle;}

.layer_foot{position:absolute;bottom:0;left:0;right:0;}
.layer_foot > .layer_close{display:block;width:100%;text-align:center;background-color:#e6e6e6;font-size:16px;font-weight:700;color:#aaa;line-height:56px;height:56px;border:0;outline:none;}
.layer_foot .wrap_btn{overflow:hidden;}
.layer_foot .wrap_btn > button{display:block; width:50%; float:left; padding:13px 0 14px; border:0 none; font-size:15px; font-weight:700;}
.layer_foot button.layer_cancel{border-top:1px solid #CECECE; background-color:#EFF0F2; color:#787878;}
.layer_foot button.layer_confirm{border-top:1px solid #716AAE; background-color:#716AAE;color:#fff;}

.agree_popup .inner_layer,.cast_popup .inner_layer {position: absolute; top:50%;left:50%; right: 0; bottom: 0; width: 290px;height: 400px; margin-top:-200px; background-color: #fff;color: #000;box-sizing: border-box;margin-left:-145px;}
.note_popup .inner_layer,.load_popup .inner_layer {position: absolute; top:50%;left:50%; right: 0; bottom: 0; width: 290px;height: 340px; margin-top:-150px; background-color: #fff;color: #000;box-sizing: border-box;margin-left:-145px;}
.load_popup .inner_layer .layer_head {text-align:center;}

.load_popup .inner_layer .tk_loading_box .txt {padding:47px 0 34px 0; font-weight:bold; line-height:22px; text-align:center;}
.load_popup .inner_layer .tk_loading_box .loading {padding-bottom:33px; background:url(/images/perfsale/img_loading.png) no-repeat 50% 100%; text-align:center;}

.agree_popup .tk_agree_box {height:273px; padding:0 20px; overflow:hidden;}
.agree_popup .tk_agree_box > div {}
.agree_popup .tk_agree_box .txt {padding-top:20px; color:#141414; font-size:14px; line-height:21px; letter-spacing:-0.05em;}
.agree_popup .tk_agree_box .txt a {color:#555; font-size:12px; line-height:22px; letter-spacing:-0.05em;}
.agree_popup .tk_agree_box .txt_agree {padding:20px; margin:20px 0; border:1px solid #e8e8e8; background-color:#fff;}
.agree_popup .tk_agree_box .txt_agree p, .agree_popup .tk_agree_box .txt_agree li {color:#787878; font-size:12px; line-height:21px; letter-spacing:-0.05em;}
.cast_popup .cast_box {height:273px;overflow:hidden;}
.cast_popup .cast_box iframe {width:100%; padding:10px; border:0 none; box-sizing:border-box;}
.note_popup .txt {padding:30px 10px;font-size:14px; line-height:21px; letter-spacing:-0.05em;}
.note_popup .tk_agree_box {height:193px; overflow:hidden;}
.layer_foot .wrap_btn.btn_one button.layer_confirm,.note_popup .layer_foot button.layer_confirm {width:100%;}

.cash_receipt_popup .inner_layer {position: absolute; top:50%;left:50%; right: 0; bottom: 0; width: 290px;height: 460px; margin-top:-230px; background-color: #fff;color: #000;box-sizing: border-box;margin-left:-145px;}

.cash_receipt_wrap {}
.cash_receipt_wrap .tab {overflow:hidden;}
.cash_receipt_wrap .tab li {float:left; width:50%;}
.cash_receipt_wrap .tab li a {display:block; padding:17px 0 16px; border-bottom:1px solid #F5F5F5; color:#CECECE; font-size:15px; line-height:22px; text-align:center; box-sizing:border-box;}
.cash_receipt_wrap .tab li.active a {padding:17px 0 15px 0; border-bottom:2px solid #716AAE; color:#141414; font-weight:700;}
.cash_receipt_wrap .tab_content {padding:0 32px;}
.cash_receipt_wrap .tab_content p {padding:24px 0 11px; color:#333; font-size:15px; line-height:20px;}
.cash_receipt_wrap .tab_content .form {position:relative;}
.cash_receipt_wrap .tab_content .form button {display:none;}
.cash_receipt_wrap .tab_content .form input[type="text"] {width:100%; padding:9px 16px; border:1px solid #CECECE; border-radius:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cash_receipt_wrap .txt_note {padding:24px 32px; color:#787878; font-size:12px; line-height:17px; word-break:break-all;}
.cash_receipt_wrap .txt_note a {color:#787878;}

.payment_wrap {width:100%; padding:61px 0 0 0; position:relative; }
.payment_wrap iframe {width:100%;}

.tk_select_date {background-color:#FAF9F4; border-bottom:1px solid #e3e4e9; font-size:0; text-align:center; line-height:36px;}
.tk_select_date dt {display:inline-block; padding-right:15px; color:#444; font-size:14px;}
.tk_select_date dd {display:inline-block; color:#787878; font-size:14px;}