/* 날짜선택 화면 */
.selDate {
	padding: 0 20px;
	margin-top: 30px;
}
.selDate .ticket-type {
	display: flex;
}
.selDate .ticket-type li {
	width: 50%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.selDate .ticket-type li.on {
	border-bottom: 2px solid #f67e0a;
}
.selDate .ticket-type a {
	display: block;
}

.selDate .station-sel {
	height: 80px;
	margin: 15px 0;
	font-size: 25px;
	line-height: 1.4em;
	color: #3d3d3d;
	text-align: center;
}
.selDate .station-sel > div {
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.selDate .station-sel .ow {
	display: flex;
}
.selDate .station-sel .rt {
	display: none;
	position: relative;
}
.selDate .station-sel span {
	width: 40%;
}
.selDate .station-sel .rt strong {
	font-weight: normal;
}
.selDate .station-sel img {
	width: 12px;
	opacity: .6;
}
.selDate .station-sel .rt a {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
	width: 20px;
    height: 15.6px;
    margin: -7.5px 0 0 -10.5px;
	font-size: 0;
	background: url(../img/arr-round.png) no-repeat 0 0/contain;
}


.selDate .date-sel {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.selDate .date-sel > div {
	display: flex;
	align-items: center;
	padding: 15px;
}
.selDate .date-sel .rt {
	display: none;
}
.selDate .date-sel .icon {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-right: 5px;
	background: url(../img/calendar.png) no-repeat left center/16px auto;
	vertical-align: bottom;
}
.selDate .date-sel .after-date-sel {
	display: none;
}
.selDate .date-sel .rt .date-rt-s {
	margin-right: 3px;
}
.selDate .date-sel .rt .date-rt-e {
	margin-left: 3px;
}
.selDate .num-people-sel {
	padding: 15px;
	border-bottom: 1px solid #ccc;
}
.selDate .num-people-sel .icon {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-right: 5px;
	background: url(../img/user.png) no-repeat left center/16px auto;
	vertical-align: bottom;
}
.selDate .num-people-sel span:not(:first-child) {
	font-weight: bold;
}
.selDate .mainRevBtn button {
	width: 100%;
	height: 50px;
	margin-top: 20px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	background-color: #f67e0a;
}
.selDate .mainRevBtn .rt {
	display: none;
}

/* 공통 */
.mobile-modal-box {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	min-height: 100vh;
	padding: 0 20px 20px;
	background-color: #fff;
	z-index: 1001;
	transition: all 0.2s;
}
.mobile-modal-box.open {left: 0;}
.h2 {
	position: relative;
	height: 48px;
	font-size: 17px;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.h2 .wt-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 47px;
	background: url(../img/arr_right.png) no-repeat 80% center/10px auto;
	text-indent: -9999px;
	transform: rotate(180deg);
}

/* 역선택 화면 */
.station-sel-modal {}
.station-sel-modal .station-search {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.station-sel-modal .station-search input {
	width: 100%;
	height: 100%;
	padding-right: 20px;
	font-size: 14px;
}
.station-sel-modal .station-search .searchBtn {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 38px;
	height: 38px;
	background: url(../img/search.png) no-repeat center center/18px auto;
}
.station-sel-modal .trainList {
	height: calc(100vh - 101px);
	padding-bottom: 40px;
	overflow-y: scroll;
}
.station-sel-modal .trainList .popular-road {}
.station-sel-modal .trainList .popular-station {}
.station-sel-modal .trainList .sv-height {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.station-sel-modal .trainList .sv-height > * {
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #ddd;
}
.station-sel-modal .trainList .station-list {}
.station-sel-modal .trainList h4 {
	width: 100%;
	padding: 0 10px;
	font-size: 15px;
	color: #f67e0a;
	border-top: 1px solid #ddd;
}
.station-sel-modal .trainList a {
	width: 50%;
	padding-left: 10px;
	font-size: 14px;
}
.station-sel-modal .trainList a:nth-child(even) {
	border-right: 1px solid #ccc;
}

/* 날짜 선택 */
.date-sel-modal {}
.date-sel-modal #datepicker1,
.date-sel-modal #datepicker2,
.date-sel-modal #datepicker3 {
	height: 90vh;
	padding-top: 30px;
	padding-bottom: 50px;
	overflow-y: scroll;
}
.date-sel-modal .ui-widget.ui-widget-content {
	border: none;
}
.date-sel-modal .ui-datepicker-multi .ui-datepicker-group {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.date-sel-modal .ui-widget-header {
	background: transparent;
	border: none;
}
.date-sel-modal .ui-datepicker .ui-datepicker-title {
	margin-bottom: 10px;
}
.date-sel-modal .ui-state-default, 
.date-sel-modal .ui-widget-content .ui-state-default, 
.date-sel-modal .ui-widget-header .ui-state-default {
	height: 30px;
	text-align: center;
	line-height: 26px;
	background: #fff;
	border: none;
}
.date-sel-modal .ui-state-active,
.date-sel-modal .ui-widget-content .ui-state-active,
.date-sel-modal .ui-widget-header .ui-state-active {
	background-color: #ffe1a9;
}

.date-sel-modal .selected-date {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 120px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
	box-shadow: 3px 0 5px rgba(0,0,0,0.2);
	transition: all 0.2s;
}
.date-sel-modal .selected-date.selected {
	bottom: 0;
}
.date-sel-modal .selected-date-view {
	font-size: 13px;
}
.date-sel-modal .selected-date-view span {
	font-size: 15px;
	font-weight: 500;
	color: #f67e0a;
}
.date-sel-modal .btn-complete-dateSel {
	display: block;
	width: 100%;
	height: 44px;
	margin-top: 12px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 44px;
	background-color: #f67e0a;
}

/* 인원선택 */
.num-people-sel-modal {}
.num-people-sel-modal .list-people {
	margin-top: 20px;
}
.num-people-sel-modal .typeOfP {
	display: flex;
	justify-content: space-between;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
}
.num-people-sel-modal .typeOfP .pTit {}
.num-people-sel-modal .typeOfP .pTit span {
	margin-left: 20px;
	font-size: 10px;
}
.num-people-sel-modal .typeOfP .number-set {
	display: flex;
	align-items: center;
}
.num-people-sel-modal .typeOfP .number-set a.minus,
.num-people-sel-modal .typeOfP .number-set a.plus {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	line-height: 30px;
	border-radius: 50%;
}
.num-people-sel-modal .typeOfP .number-set a.minus {
	border: 1px solid #5d5d5d;
	color: #5d5d5d;
}
.num-people-sel-modal .typeOfP .number-set a.plus {
	border: 1px solid #f67e0a;
	color: #f67e0a;
}
.num-people-sel-modal .typeOfP .number-set .num {
	margin: 0 14px;
	font-weight: bold;
	font-size: 18px;
}
.num-people-sel-modal .criteria {
	margin-top: 20px;
	padding: 15px 10px;
	font-size: 14px;
	line-height: 1.6em;
	border: 1px solid #ddd;
}
.num-people-sel-modal .criteria p:first-child {
	margin-bottom: 8px;
	padding: 8px 0;
	text-align: center;
	background-color: #f2f4ff;
}
.num-people-sel-modal .criteria .cDate {
	color: #f67e0a;
	font-weight: 600;
}
.num-people-sel-modal .criteria .min {
	font-weight: 500;
}
.num-people-sel-modal .criteria .max {
	font-weight: 500;
}
.num-people-sel-modal .people-sel-btn {
	width: 100%;
	height: 42px;
	margin-top: 30px;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #f67e0a;
}

/* 예약 및 요금조회 */
.train-list {}
.train-list .sel-info {
	position: relative;
	padding: 10px 0;
	border-bottom: 2px solid #f67e0a;
}
.train-list .sel-info p {
	display: flex;
	align-items: center;
	width: 80%;
	line-height: 2em;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #5d5d5d;
}
.train-list .sel-info p .start {
	margin-left: 10px;
	font-size: 20px;
	font-weight: 500;
	color: #3d3d3d;
}
.train-list .sel-info p .arr-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/arr_right.png) no-repeat center center/8px auto;
}
.train-list .sel-info p .arrival {
	font-size: 20px;
	font-weight: 500;
	color: #3d3d3d;
}
.train-list .sel-info p .date {
	margin-right: 5px;
}
.train-list .sel-info p .type {
	margin-right: 5px;
}
.train-list .sel-info p .people {}
.train-list .sel-info .btnChange {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 6px 8px;
	font-size: 12px;
	color: #fff;
	background-color: #f67e0a;
	transform: translateY(-50%);
}

.train-list .sel-date-list {
	position: relative;
	height: 50px;
	border-bottom: 2px solid #f67e0a;
}
.train-list .sel-date-list a {
	position: absolute;
	top: 0;
	width: 40px;
	height: 50px;
	background: url(../img/arr_right.png) no-repeat center center /12px auto;
}
.train-list .sel-date-list .prev {
	left: 0;
	background-position: right center;
	transform: rotate(180deg);
}
.train-list .sel-date-list .next {
	right: 0;
	background-position: right center;
}
.train-list .sel-date-list .dateList {
	display: flex;
	justify-content: space-between;
	padding: 0 50px;
}
.train-list .sel-date-list .dateList li {
	line-height: 50px;
	color: #ddd;
}
.train-list .sel-date-list .dateList .on {
	color: #f67e0a;
	font-weight: 500s;
}

.train-list .ticket-banner {
	margin: 10px -20px;
	border: 1px solid #ddd;
}
.train-list .ticket-banner a {}
.train-list .ticket-banner img {
	width: 100%;
}

.train-list .opt {
	display: flex;
	justify-content: flex-end;
	height: 40px;
	padding-top: 6px;
	font-size: 12px;
}
.train-list .opt select {
	height: 28px;
	padding: 0 5px;
	padding-right: 14px;
	margin-left: 8px;
	background: url(../img/arr-down.png) no-repeat 95% center/7px auto;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.train-list .opt .timeZone {}
.train-list .opt .order {}
.train-list .opt .trainType {}

.train-list-wrap {
	height: 70vh;
	margin-top: 20px;
	overflow-y: scroll;
}
.train-list-wrap ul {}
.train-list-wrap li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
}
.train-list-wrap li > *:nth-child(-n+2) {
	margin-bottom: 10px;
}
.train-list-wrap li .trainName {
	width: 50%;
}
.train-list-wrap li .trainName .logo {}
.train-list-wrap li .trainName .trainNum {
	font-size: 12px;
}
.train-list-wrap li .trainName .posible {
	padding-left: 8px;
	margin-left: 8px;
	font-size: 13px;
	border-left: 1px solid #ddd;
}
.train-list-wrap li .price {
	width: 35%;
	text-align: right;
	font-size: 13px;
}
.train-list-wrap li .price span {
	font-size: 20px;
	font-weight: 500;
}
.train-list-wrap li .time {
	display: flex;
	align-items: center;
	width: 50%;
	letter-spacing: -0.4px;
}
.train-list-wrap li .time .startTime {
	font-size: 16px;
	font-weight: 500;
}
.train-list-wrap li .time .requireTime {
	display: inline-block;
	padding-top: 10px;
	margin: 0 6px;
	font-size: 9px;
	text-align: center;
	background: url(../img/arr_right_long.png) no-repeat center top/20px auto;
}
.train-list-wrap li .time .arriveTime {
	font-size: 16px;
	font-weight: 500;
}
.train-list-wrap li .saleInfo {
	font-size: 12px;
	color: #e91e1e;
}
.train-list-wrap li .buttons {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 18px;
}
.train-list-wrap li .buttons a {
	width: 48%;
	height: 36px;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
}
.train-list-wrap li .buttons .nowRev {
	color: #f67e0a;
	border: 1px solid #f67e0a;
}
.train-list-wrap li .buttons .selSeat {
	color: #fff;
	background-color: #f67e0a;
}
/* 오는기차편 선택된기차 목록 */
.selected-train {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	margin: 0 -20px;
	margin-bottom: 5px;
	color: #fff;
	background-color: #f67e0a;
}
.selected-train p {
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
}
.selected-train p strong {}
.selected-train .info {
	font-size: 13px;
}
.selected-train .info span {}
.selected-train .price {}

/* 좌석선택 화면 */
.clearfix {
	overflow: visible !important;
}
.clearfix::after {
	content: ""; display: block; clear: both;
}
.sel-seat {}
.sel-seat .wt-layer-cont {
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	bottom: 200px;
	padding: 15px;
	padding-bottom: 7px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.sel-seat .dmic-tab {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.sel-seat .dmic-tab .inner {
	padding: 0 15px;
}
.sel-seat .dmic-tab a {
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	margin-left: 5px;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 39px;
	border: 1px solid #c5c5c5;
	background-color: #f4f4f4;
}
.dmi-chair-sel .dmic-tab a:first-child {
	margin-left: 0;
}
.dmi-chair-sel .dmic-tab a.on {
	color: #fff;
	background: #007ad9;
	border-color: #007ad9;
}

.sel-seat .main-infom {
	padding: 18px 0;
	color: #333;
	font-size: 15px;
	text-align: center;
}
.sel-seat .main-infom h3 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 1px;
}
.sel-seat .main-infom #seatInfo {}
.sel-seat .main-infom #seatInfo strong {
	font-weight: normal;
	color: #f67e0a;
}

.sel-seat .type-infom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.sel-seat .type-infom .li {
	position: relative;
	width: 25%;
	padding: 10px 0;
	padding-left: 20px;
	vertical-align: middle;
	font-size: 12px;
	color: #666;
	line-height: 1.3;
}
.sel-seat .type-infom b {
	position: absolute;
	left: 2px;
	top: 50%;
	display: block;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	border: 1px solid #b3b3b3;
	border-radius: 50%;
	vertical-align: middle;
}
.sel-seat .type-infom .on {background-color: #244ed3;}
.sel-seat .type-infom .not {background-color: #e7ebf7;}
.sel-seat .type-infom .left {background-color: #c0ecff;}
.sel-seat .type-infom .right {background-color: #ffbbdd;}

.dmi-chair-sel .dmi-table .dtr .dth,
.dmi-chair-sel .dmi-table .dtr .dtd {
	display: block;
	float: right;
	width: 22.5%;
	padding: 5px 0;
	text-align: center;
	font-size: 15px;
	color: #333;
}
.dmi-chair-sel .dmi-table .dtr .dth:nth-child(3),
.dmi-chair-sel .dmi-table .dtr .dtd:nth-child(3) {
	width: 10%;
	color: #777;
}
.sel-seat .dmi-table {}
.sel-seat .dmi-table .dtr {
	display: block;
	width: 100%;
	overflow: hidden;
}
.sel-seat .dmi-table .dth {
	padding: 7px 0 2px 0;
}

.sel-seat #area_SeatMap {}
.sel-seat #area_SeatMap .dmi-chair-select {}
.sel-seat #area_SeatMap .dtr {}
.sel-seat #area_SeatMap .dtd {}
.dmi-chair-sel .dmi-table .dtr .dtd:nth-child(3) {
	padding-top: 19px;
}
.dmi-chair-sel .dmi-table .dtr .dtd a {
	display: block;
	margin: 0 auto;
	padding: 8px 0 0 0;
	line-height: 39px;
	width: 64.5px;
	height: 53.5px;
	background: url(/mobile/dmi/img/ico_chair_1.png) no-repeat;
	background-size: 193.5px 107px;
}
.dmi-chair-sel .dmi-table .dtr .dtd a.not {
	color: #9e9e9e;
	background-position: -129px 0;
}
.dmi-chair-sel .dmi-table .dtr .dtd a.on {
	color: #fff;
	font-weight: bold;
	background-position: -64.5px 0;
}
.dmi-chair-sel .dmi-table .dtr .dtd a.right {
	padding: 6px 0 8px 0;
	background-position: 0 -53.5px;
}
.dmi-chair-sel .dmi-table .dtr .dtd a.right.not {
	background-position: -129px -53.5px;
}
.dmi-chair-sel .dmi-table .dtr .dtd a.right.on {
	background-position: -64.5px -53.5px;
}




.sel-seat #area_SeatMap .dtd span {}

.sel-seat .wt-btns {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 10px 25px 10px;
	background: #fff;
}
.sel-seat .wt-btns form {}
.sel-seat .wt-btns input {}
.sel-seat .wt-btns .inform {
	display: block;
	height: 63px;
	padding: 11px 0;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	background: rgba(0,0,0,0.8);
}
.sel-seat .wt-btns .inform .tit {
	display: block;
	color: #4fd6e8;
}
.sel-seat .wt-btns .inform .data {}
.sel-seat .wt-btns .wtbtn {
	display: block;
	height: 48px;
	padding: 0;
	font-size: 19px;
	line-height: 47px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #f67e0a;
}



.sel-seat .wt-btns .wtbtn-1 {
	display: block;
	height: 48px;
	padding: 0;
	font-size: 19px;
	line-height: 47px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #f67e0a;
}


/* 옵션변경창 */
.bkbg {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	z-index: 1001;
	transition: all 0.2s;
}
.bkbg.open {
	bottom: 0;
}

.changeOpt {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	padding-bottom: 50px;
	background-color: #fff;
	z-index: 1001;
	transition: all 0.4s;
}
.changeOpt.open {
	bottom: 0;
}
.changeOpt .closeBtn {
	position: absolute;
	top: -43px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50%;
	background: #fff url(../img/icon_close.png) no-repeat center center/28px auto;
	box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

/* 즉시예약시 */
.direct-rev-page {
	margin-top: 10px;
}

.direct-rev-page-wrap {
	height: 90vh;
	overflow-y: scroll;
}

.direct-rev-page-wrap > div {
	margin-bottom: 10px;
}

.direct-rev-page-wrap7 {

}

.direct-rev-page-wrap7 > div {
	margin-bottom: 10px;
}


.direct-rev-page .titBox {
	width: 100%;
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 28px;
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.direct-rev-page ul {}
.direct-rev-page li {
	padding: 10px 0;
}
.direct-rev-page li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.direct-rev-page .train-rev li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.direct-rev-page li > p {
	font-size: 13px;
	color: #555;
}
.direct-rev-page .train-rev li > p {
	width: 20%;
	font-size: 12px;
}
.direct-rev-page li > div {}
.direct-rev-page li .route {
	font-size: 15px;
	font-weight: 500;
}
.direct-rev-page li .ticketTit {
	font-weight: 500;
}
.direct-rev-page li .revInfo {
	margin-top: 6px;
	font-size: 11px;
}
.direct-rev-page li .revInfo span {}
/* 입장권 */
.direct-rev-page .ticket-pd {
/*
	margin-top: 20px;
	padding-top: 25vw;
	background: url(../img/ticket-rev-page.jpg) no-repeat top center/100% auto; */
}
.direct-rev-page .ticket-pd h3 {}
.direct-rev-page .ticket-pd .ticket-more {
	float: right;
	font-size: 13px;
	font-weight: 500;
	color: rgb(28, 89, 232);
}
.direct-rev-page .ticket-pd ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.direct-rev-page .ticket-pd li {
	width: 32%;
	padding: 0;
	border: 1px solid #ddd;
}
.direct-rev-page .ticket-pd a {}

.direct-rev-page .ticket-pd .img {

	width: 100%;
	height: 70px;
	margin-bottom: 5px;
	background-position: center;
	background-size: cover;
	background-color: lightblue;



}
.direct-rev-page .ticket-pd .tit {
	height: 30px;
	margin-top: 5px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.3em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.direct-rev-page .ticket-pd .price {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0 5px;
	font-size: 13px;
}
.direct-rev-page .ticket-pd .price strong {}

.direct-rev-page .all-rev {}
.direct-rev-page .all-rev li {
	font-size: 13px;
}
.direct-rev-page .all-rev li .price {
	float: right;
}
.direct-rev-page .all-rev li .allprice {
	float: right;
	font-weight: 500;
	font-size: 16px;
	color: #f67e0a;
}
.direct-rev-page .allRev-btn {
	display: block;
	width: 100%;
	height: 44px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 44px;
	background-color: #f67e0a;
}

/* 입장권 */
.ticket-rev-page {}
.ticket-rev-page .searchBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	font-size: 13px;
	background-color: #f9f9f9;
}
.ticket-rev-page .searchBox .left {
	width: 78%;
}
.ticket-rev-page .searchBox select {
	width: 100%;
	height: 26px;
	padding: 0 6px;
	padding-right: 25px;
	border: 1px solid #ccc;
	background: #fff url(../img/arr-down.png) no-repeat 96% center/10px auto;
}
.ticket-rev-page .searchBox input {
	width: 100%;
	height: 26px;
	margin-top: 5px;
	padding: 0 6px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.ticket-rev-page .searchBox input::placeholder {
	color: #666;
	font-size: 12px;
}
.ticket-rev-page .btn-search {
	width: 20%;
	height: 57px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	line-height: 57px;
	background-color: #f67e0a;
}
.ticket-rev-page .order {
	float: right;
	width: 40%;
	height: 22px;
	margin-top: 15px;
	padding: 0 10px;
	font-size: 12px;
	background: url(../img/arr-down.png) no-repeat 96% center/10px auto;
	border-bottom: 1px solid #ccc;
}
.ticket-rev-page .ticket-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-height: 74vh;
	margin-top: 50px;
	overflow-y: scroll;
}
.ticket-rev-page .tCon {
	width: 49%;
	margin-bottom: 20px;
}
.ticket-rev-page .tCon a {}
.ticket-rev-page .tCon .thum {
	width: 100%;
	height: 90px;
	background-color: lightcoral;
}
.ticket-rev-page .tCon .text {
	height: 75px;
	padding: 5px;
	font-size: 13px;
	border: 1px solid #ccc;
}
.ticket-rev-page .tCon .tit {
	height: 37px;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: -0.4px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ticket-rev-page .tCon .price {
	margin-top: 5px;
}
.ticket-rev-page .tCon .price .num {
	font-size: 16px;
}
/* 상세페이지 */
.ticket-rev-page .ticket-detail {}
.ticket-rev-page .ticket-detail li {
	position: fixed;
	top: 0;
	left: -105%;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	background-color: #fff;
	transition: all 0.2s;
}
.ticket-rev-page .ticket-detail li.open {
	left: 0;
}
.ticket-rev-page .ticket-detail .detail-info-wrap {
	height: 90vh;
	padding-bottom: 20px;
	overflow-y: scroll;
}
.ticket-rev-page .ticket-detail h3{
	padding: 10px 0;
	padding-right: 25px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: -0.4px;
	border-bottom: 1px solid #ccc;
}
.ticket-rev-page .ticket-detail .detail-close {
	position: absolute;
	top: 12px;
	right: 5px;
	width: 30px;
	height: 30px;
}
.ticket-rev-page .ticket-detail .detail-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 23px;
	background-color: #f67e0a;
}
.ticket-rev-page .ticket-detail .detail-close span:nth-child(1) {
	transform: translate(-50%,-50%) rotate(45deg);
}
.ticket-rev-page .ticket-detail .detail-close span:nth-child(2) {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ticket-rev-page .ticket-detail .selM {}
.ticket-rev-page .ticket-detail .thum-img {
	width: 100%;
	height: 230px;
	background-color: chocolate;
}
.ticket-rev-page .ticket-detail .ticket-info {
	margin-top: 20px;
}
.ticket-rev-page .ticket-detail .ticket-info p {
	margin-bottom: 6px;
}
.ticket-rev-page .ticket-detail .ticket-info p span {
	margin-left: 10px;
	font-weight: 500;
}
.ticket-rev-page .ticket-detail .ticket-info p select {
	margin-left: 10px;
	padding: 3px 26px 3px 8px;
	font-size: 13px;
	letter-spacing: -0.4px;
	border: 1px solid #ccc;
	vertical-align: inherit;
	background: url(../img/arr-down.png) no-repeat calc(100% - 5px) center/10px auto;
}
.ticket-rev-page .ticket-detail .detail-info {
	margin-top: 20px;
}
.ticket-rev-page .ticket-detail .detail-info-con {
	margin-bottom: 20px;
}
.ticket-rev-page .ticket-detail .detail-info-con .tit {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	letter-spacing: -0.4px;
	border-bottom: 2px solid #f67e0a;
}
.ticket-rev-page .ticket-detail .detail-info-con .con {
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 1.4em;
}
.ticket-rev-page .ticket-detail .totalInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 10vh;
	padding: 10px;
	background-color: #fff;
	box-shadow: 3px 0 5px rgba(0,0,0,0.2);
}
.ticket-rev-page .ticket-detail .totalInfo .total-price {
	font-size: 13px;
}
.ticket-rev-page .ticket-detail .totalInfo .total-price span {
	font-size: 20px;
	font-weight: 500;
	color: #f67e0a;
}
.ticket-rev-page .ticket-detail .totalInfo button {
	width: 38%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	background-color: #f67e0a;
}

.btn-price {
  display: inline-block;
  width: 100%;
  height: 50px;              /* 세로 크기 키우기 */
  line-height: 50px;         /* 글자 세로 가운데 정렬 */
  text-align: center;
  font-size: 18px;           /* 글자 크게 */
  font-weight: bold;
  background: linear-gradient(90deg, #4CAF50, #2E7D32); /* 초록 그라데이션 */
  color: #fff;
  border-radius: 8px;        /* 둥근 모서리 */
  text-decoration: none;     /* 밑줄 제거 */
  box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* 살짝 그림자 */
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}