/* 공통 */
.show-table {width:100%;border-top:3px solid #a07d44;border-collapse: collapse;}
.show-table th {background:#f6f6f6;border:1px solid #dddddd;padding:10px;}
.show-table td {border:1px solid #dddddd;padding:4px;}
.sbj {color: #333;font-size: 14px;font-weight: bold;margin:0 0 6px 0;padding: 0 0 0 10px;border-left: 5px solid #a07d44;}
input.btn {border:1px solid #ddd;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;color:#fff;padding:10px;cursor:pointer;}
input.btn.show {background-color:#a07d44;}
input.btn.show:hover {background-color:#025F61;}
input.btn.show:active {background-color:#003C3E;}
input.btn.gray {background-color:#ddd;color:#000;}
input.btn.gray:hover {background-color:#ccc;}
input.btn.gray:active {background-color:#aaa;}
.text-center {text-align:center;}
.bottom {margin-top:10px;}
.bottom .search {}
.bottom .search select.search {height:30px;font-family:'NanumGothic', '나눔고딕', sans-serif}
.bottom .search input.search {height:28px;font-family:'NanumGothic', '나눔고딕', sans-serif}
.bottom .pagebox01 {}

/* 공연 리스트 */
#reserve ;padding:0;}
#reserve .concert_list {}
#reserve .concert_list .clist {padding:20px 0;border-bottom:1px solid #cccccc;position:relative;}
#reserve .concert_list .clist .poster {border:1px solid #ccc;float:left;width:200px;max-width:200px;height:px;margin-right:20px;}
#reserve .concert_list .clist .poster img {width:100%;max-wdith:100%;}
#reserve .concert_list .clist .no-poster {text-align:center;line-height:278px;background:#eee;color:#aaa;}
#reserve .concert_list .clist .data {float:left;width:65%;}
#reserve .concert_list .clist .btn {position:absolute;right:0;bottom:10px;}
#reserve .concert_list .clist .btn div {bottom:0;text-align:right;width:100%;}
#reserve .concert_list .clist .btn div img {margin:3px 0 0 0;}
.tbl-clist {width:100%;}
.tbl-clist th {vertical-align:top;background:url(image/dot1.jpg) no-repeat 5px 10px;font-size:14px;}
.tbl-clist td {vertical-align:top;padding:0 0 15px 0;font-size:13px;}

/* 공연예매 - 공통 */
.payment {padding:8px 0;font-size:17px;font-weight:bold;text-align:right;}
.payment .money {font-size:22px;color:#a07d44;}
.concertData2 {margin-bottom:20px;}
.concertData2 .poster {width:80px;height:110px;float:left;}
.concertData2 .poster img {width:100%;max-wdith:100%;height:100%;}
.concertData2 .no-poster {text-align:center;line-height:142px;background:#eee;color:#aaa;}
.concertData2 .data {width:135px;float:left;}
.concertData2 .data ul {list-style-type:square;margin:0;padding:0 0 0 16px;}
.concertData2 .data li {font-size:11px;margin:3px 0;}
.concertData2 .data li.concert-date {letter-spacing:-1px;}
.concertData2 .data .concert-name {font-size:14px;font-weight:bold;padding:0 10px;margin:0 0 10px 0;color:#555;}
.r_step .lay {border-collapse: collapse;border-spacing: 0;}
.r_step .lay .td1 {width:400px;border:1px solid #ddd;}
.r_step .lay .td2 {width:251px;border:1px solid #ddd;}
.r_step .lay .rect {padding:10px;}
.pagebox01 {margin-top:10px;}

/* 공연예매 1단계 - 날짜선택 */
#r_step1 {}
#r_step1 .a_box {border:1px solid #ddd;width:656px;margin:10px 0;}
#r_step1 .left {padding:10px;border-right:1px solid #ddd;width:380px;}
#r_step1 .right {padding:10px;width:235px;}
#r_step1 .calendar {}
#r_step1 .showtime {margin-top:20px;}
#r_step1 .showtime table {border-collapse: collapse;width:100%;min-height:230px;}
#r_step1 .showtime table td {border:1px solid #ddd;}
#r_step1 .showtime .time {position:relative;}
#r_step1 .showtime .time ul {margin:0;padding:0;list-style-type:none;position:absolute;top:0;left:0;width:100%;}
#r_step1 .showtime .time li {list-style-type:none;height:28px;line-height:28px;text-align:center;border-bottom:1px solid #ddd;cursor:pointer;}
#r_step1 .showtime .time li:hover {background:#ddd;}
#r_step1 .showtime .time li.on {background:#a07d44;color:#fff;border-bottom:1px solid #a07d44;}
#r_step1 .showtime .rating {}
#r_step1 .concertData {margin-bottom:20px;}
#r_step1 .concertData .poster {width:100px;height:142px;float:left;}
#r_step1 .concertData .poster img {width:100%;max-wdith:100%;height:100%;}
#r_step1 .concertData .no-poster {text-align:center;line-height:142px;background:#eee;color:#aaa;}
#r_step1 .concertData .data {width:135px;float:left;}
#r_step1 .concertData .data ul {list-style-type:square;margin:0;padding:0 0 0 16px;}
#r_step1 .concertData .data li {font-size:11px;margin:3px 0;}
#r_step1 .concertData .data li.concert-date {letter-spacing:-1px;}
#r_step1 .concertData .data .concert-name {font-size:14px;font-weight:bold;padding:0 10px;margin:0 0 10px 0;color:#555;}
#r_step1 .myReserve {}
#r_step1 .fc-today-button {display:none;}
#r_step1 .fc-content-skeleton thead {}
#r_step1 .fc-content-skeleton thead td {height:40px;}
#r_step1 .fc-content-skeleton tbody {display:none;}
#r_step1 .show-day {background:#dcdcdc;cursor: pointer;}
#r_step1 .show-day.on {background: #a07d44;color:#fff;}

/* 공연예매 2단계 - 좌석선택 */
#r_step2 {}
#r_step2 .lay {border-collapse: collapse;border-spacing: 0;}
#r_step2 .lay .td1 {width:446px;border:1px solid #ddd;}
#r_step2 .lay .td2 {width:204px;border:1px solid #ddd;}
#r_step2 .lay .the-set {padding:0;}
#r_step2 .lay .theater-select {}
#r_step2 .lay .theater-select .stage {background:#ebebeb;font-size:30px;font-weight:bold;text-align:center;padding:10px;border-bottom:1px solid #ddd;}
#r_step2 .lay .theater-rect {min-height:352px;background-repeat:no-repeat;background-position:0px 0px;-ms-background-position-x:3px;background-size:100% 100%;}
#r_step2 .lay .seat-data {}
#r_step2 .lay .seat-data ul {margin:0;padding:0;list-style-type:none;}
#r_step2 .lay .seat-data li {padding:2px 0;}
#r_step2 .lay .seat-data .seat-color {border:1px solid transparent;float:left;width:12px;height:12px;}
#r_step2 .lay .tab {width:192px;margin:10px auto;}
#r_step2 .lay .box {padding:10px;border:1px solid #ddd;border-radius:4px;min-height:100px;}
#r_step2 .lay .box.low {min-height:20px;text-align:center;}
#r_step2 .lay .floor {display:none;}
#r_step2 .lay .floor-map {}
#r_step2 .lay .btn-group {width:192px;margin:0 auto;}
#r_step2 .lay .btn-group .next {margin-bottom:6px;}
#r_step2 .lay .btn-group .prev {margin-bottom:4px;}
table#theater {border-collapse: collapse;margin:0 auto;border:0;}
table#theater td {width:10px;height:10px;max-width:10px;max-height:10px;border:0;padding:0;margin:0;}
table#theater td.check {border:1px solid #ddd;cursor:pointer;}
table#theater td.book {border:1px solid #ddd;cursor:pointer;background:#eee;}
#submitDate {border:1px solid #a07d44;background:#a07d44;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:12px;padding:2px;cursor:pointer;}
#submitDate:hover {background: #015c5d;}
#reserve-time {min-width:58px;}

#showTicket li {list-style:none; padding:3px 0}

/* 공연예매 3단계 */
#r_step3 {}

/* 공연예매 4단계 */
#r_step4 {}

/* 공연예매 5단계 */
#r_step5 {}
#refund_provision {width:240px;height:60px;}
#r_step5 .refund_table td {font-size:11px;}
#r_step5 .refund_table td span {color:orange;}

/* 자세히보기 */
#concertView {}
#concertView .poster {border:1px solid #d8d8d8;float:left;width:240px;}
#concertView .poster img {width:100%;max-width:100%;}
#concertView .concert-data {float:left;width:436px;}
#concertView .concert-data .sbj.bic {font-size:26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#concertView .concert-data .padding {padding:0 0 0 40px;}
#concertView .reserve {margin-top:20px;}
#concertView .calender-view {}
#concertView .calender-view .box {height:280px;width:50%;float:left;}
#concertView .calender-view .res-ul {margin:0;padding:0;list-style-type:none;}
#concertView .calender-view .res-ul li {float:left;color:#a3a3a3;margin-left:10px;}
#concertView .calender-view .res-ul li {float:left;color:#a3a3a3;margin-left:10px;}
#concertView .calender-view .res-ul .no-select {float:left;width:10px;height:10px;background:#dcdcdc;margin:3px 2px 0 0;}
#concertView .calender-view .res-ul .select {float:left;width:10px;height:10px;background:#a07d44;margin:3px 2px 0 0;}
#concertView .calender-view .fc-toolbar {border:1px solid #ddd;border-bottom:0;margin:0;padding:10px;background:#fdfcfd;}
#concertView .calender-view .fc-view th {height:30px;vertical-align:middle;background:#fdfcfd;}
#concertView .calender-view .fc-view td {padding:0;}
#concertView .calender-view .fc-view .fc-day-number {vertical-align:middle;text-align:center;height:30px;}
#concertView .showtime {margin:0;height:280px;float:right;width:45%;}
#concertView .showtime table {border-collapse: collapse;width:100%;height:264px;}
#concertView .showtime table td {border:1px solid #ddd;}
#concertView .showtime .time {position:relative;}
#concertView .showtime .time ul {margin:0;padding:0;list-style-type:none;position:absolute;top:0;left:0;width:100%;}
#concertView .showtime .time li {list-style-type:none;height:28px;line-height:28px;text-align:center;border-bottom:1px solid #ddd;cursor:pointer;}
#concertView .showtime .time li:hover {background:#ddd;}
#concertView .showtime .time li.on {background:#a07d44;color:#fff;border-bottom:1px solid #a07d44;}
#concertView .showtime .rating {}
#concertView .showtime .rating ul {list-style-type:none;}
#concertView .showtime .rating li {}
#concertView .showtime .rating li .dot {width:10px;height:10px;float:left;margin:2px 5px 0 0;}
#concertView .show-day {background:#505050;cursor: pointer;color:#fff;}
#concertView .show-day.on {background: #a07d44;color:#fff;}
#concertView .discount {margin:20px 0 0 0;}
#concertView .discount ul {margin:0;padding:0;list-style-type:none;}
#concertView .discount li {height:60px;line-height:60px;padding:10px 0;font-size:16px;}
#concertView .discount li div {
    border:1px solid #a5211f;background:#a5211f;float:left;width:60px;height:60px;
    border-radius:60px;-webkit-border-radius:60px;
    text-align:center;line-height:57px;color:#fff;margin:0 10px;letter-spacing: -1.0px;
}
#concertView .content {padding:10px;margin-top:30px;}

/* 공연예매 회원 로그인 */
#reserve_login {}

/* 나의 예매정보 */
#my-reserve {}
#my-reserve .show-table {margin:0 0 10px 0;}
#my-reserve .show-table td {text-align:center;padding:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#my-reserve .show-table td div {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:8px 0;}
#my-reserve .show-table .td2 div {text-overflow:ellipsis;overflow: hidden;white-space: nowrap;max-width:140px;}
/* #my-reserve .show-table .td1 {text-decoration: underline;}*/

/* 공연예매 - 비회원 예매완료 */
#complete {}
#complete .OrdNo {font-size:20px;line-height:22px;margin:0 0 10px 0;}
#complete .msg {}
#complete .myresLInk {margin:10px 0;}

/* 로그인 화면 */
#show-login {}
#show-login .form {width:400px;margin:0 auto;}
#show-login .form .guide {font-size:16px;}
#show-login .form input {padding:10px 4px;width:100%;margin:4px 0;}
#show-login .form .code-search {margin:20px 0 0 0;}
#show-login .form .code-search input {width:100%;padding:10px 4px;}
#show-login .form .btn-login {border:1px solid #a07d44;background:#a07d44;text-align:center;color:#fff;font-size:16px;width:400px;padding:10px 5px;margin:4px 0;cursor:pointer;}
#show-login .form .btn-login:active {background:#016162;}




/* 도립팝업*/
 #pop{
  width:300px; height:400px; background:#3d3d3d; color:#fff;   position:absolute; 
  top:230px; left:90%; text-align:center;   border:2px solid #000; z-index:500}
   }
 .close div{float:left; text-align:right;}

 #check {display:inline;;font-size:12px; font-family:'돋움';}
 #close {display:inline;;font-size:13px; padding:5px; font-weight:bold;}
 #close a {color:#fff;}
 #close a:hover {color:#fff;}


/* 팝업모드 예매완료 화면 미사용 */
#complete-popup{height:450px;}
#complete-popup .btn-go-view {background:#A48859;text-align:center;color:#fff;font-size:16px;width:100%;padding:10px 5px;margin:4px 0;cursor:pointer;}
#complete-popup .btn-go-view:active {background:#A48859;}
#complete-popup h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0;border-bottom:#999999 solid 3px;}

/* sweet alert 확인버튼 */
.swal-button {
  padding: 7px 19px;
  border-radius: 2px;
  background-color: #4962B3;
  font-size: 12px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-overlay {
  background-color: transparent;
}

.swal-modal {
  border: 3px solid #4962B3;
}