/* S : Reservation Step */
.reservation__step {
  display: flex;
  align-items: center;
  justify-content: center;
  width:44rem;
  height:5.4rem;
  margin: 3.9rem auto 0;
  padding:0.2rem 2.2rem;
  background-color:#fff;
  border:2px solid var(--theme);
  border-radius: 2.6rem;
}
.reservation__step li {
  flex:1;
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
  color:var(--theme);
  font-family: var(--font-600c);
  font-size:2.1rem;
  border-radius: 5rem;
  border:2px solid #fff;
}
.reservation__step li.active {
  color: #fff;
  border:2px solid var(--theme);
  background-color:var(--theme);
}
/* E : Reservation Step */

/*S : STEP0*/
.date-select__container .m__container{
	margin-top:0;
}
.date-selec__wrap book__button-wrap{
margin-top:7rem;
}
/*E : STEP01*/

/* S : Terms Agreement */
.terms-agreement__form-wrap {
  padding: 3rem;
  border: 2px solid var(--gray-100);
  border-radius: 2rem;
}
.closed-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width:16.5rem;
  height:5.9rem;
  margin-left:auto;
  font-family: var(--font-600c);
  font-size:2rem;
  border-radius: 1rem;
  background-color:#EDEDED;
}
.terms-agreement__form-wrap + .terms-agreement__form-item {
  padding: 3rem;
  margin-bottom: 0;
}
.terms-agreement__form-wrap + .terms-agreement__form-item + .button__wrap .button {
  margin-top: 2.5rem;
}
.terms-agreement__form-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2rem;
}
.terms-agreement__form-item:first-child {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--gray-100);
}
.terms-agreement__form-item:first-child .terms-agreement__form-desc {
  font-family: var(--font-700);
}
.terms-agreement__form-item:last-child {
  margin-bottom: 0;
}
.terms-agreement__form-item label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.terms-agreement__form-item .fake__checkbox-circle {
  flex-shrink: 0;
  margin-right: 1.6rem;
}
.terms-agreement__form-desc {
  font-family: var(--font-400);
  font-size: 2rem;
  cursor: pointer;
  line-height: 1.625;
}
.terms-agreement__more-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.5rem;
  padding-right: 2.5rem;
  padding-left: 2rem;
  margin-left: auto;
  color: #666;
  font-family: var(--font-400);
  background-image: url("../../assets/images/icon/ico-view-more-arrow.svg");
  background-position: right center;
  background-size: 1.8rem 1.8rem;
  background-repeat: no-repeat;
}
/* E : Terms Agreement */

/* S : Mobile Auth */
.mobile-auth__form-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.2rem 3rem;
  border: 2px solid var(--gray-100);
  border-radius: 2rem;
}
.mobile-auth__form-wrap .auth-btn{
	margin-top:0;
}
/* E : Mobile Auth */

/* S : Book */
.book__conainer .notice__list {
  margin-top: 1.2rem;
}
.book__conainer .notice__list.top-line {
  margin-top: 4.4rem;
  margin-bottom: 7rem;
  padding-top: 2.4rem;
  border-top: 2px solid #000;
}
.book__form-item {
  margin-top: 3rem;
}
.book__form-item:first-child {
  margin-top: 0;
  padding-bottom:5rem;
}
.book__location-check-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.8rem;
  height: 3.6rem;
  margin-left: auto;
  margin-top: 1.2rem;
  margin-bottom:3.8rem;
  padding: 0.7rem 1.2rem;
  font-family: var(--font-700);
  font-size: 1.5rem;
  border: 0.1rem solid #bfbfbf;
  border-radius: 1rem;
}
.book__location-check-btn img {
  display: block;
  width: 2rem;
  height: 2rem;
}
.book__form-item-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 2rem;
  border: 2px solid var(--gray-100);
  border-radius: 1rem;
}
.book__form-item-box.row-box{
	padding-inline: 0;
	border:none;
}
.book__form-item-box button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bfbfbf;
  font-family: var(--font-500c);
  font-size: 2rem;
}
.book__form-item-box button #sel_day_fr_day,
.book__form-item-box button #sel_day_to_day{
  margin-right:0.5rem;
  color:#000;
  font-family: var(--font-num-700);
  font-size:2.6rem;
}
.book__form-item-box button #sel_day_fr_week,
.book__form-item-box button #sel_day_to_week{
  color:#000;
  font-family: var(--font-500c);
  font-size: 2.3rem;
}

.book__form-item-box button img {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 1rem;
}
.book__form-item-box.selectbox {
  position: relative;
  padding: 0;
  margin-top: 0;
  border: none;
}
.book__form-item-box.selectbox .book__select-wrap {
  position: relative;
}
.book__form-item-box.selectbox .book__select-wrap:nth-child(1) {
  flex: 1;
}
.book__form-item-box.selectbox .input__box {
  position: relative;
  margin-top: 0;
}
.book__form-item-box.selectbox .input__box img {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  height: 2rem;
}
.book__form-item-box.selectbox .input__box input {
  cursor: pointer;
}
.book__form-item-box.selectbox .input__box.spot svg{
  position:absolute;
  top:50%;
  right:1.5rem;
  transform: translateY(-50%) rotate(180deg);
  width:2rem;
}
.book__form-item-box.selectbox .input__box.spot svg.active{
  display: none;
}
.book__form-item-box.selectbox .input__box > input,
.book__form-item-box.selectbox .input__box .time_pick > input{
  padding-left:4rem;
}
.book__form-item-box.selectbox .input__select-option {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top:1.7rem;
  border: 2px solid var(--theme);
  border-radius: 1rem;
  z-index: 1;
  overflow: hidden;
}
.input__select-option span{
  display:flex;
  padding:0 2rem;
  background-color:#fff;
}
.input__select-option span img{
	width:100%;
	margin:0 auto;
}
.book__form-item-box.selectbox .input__select-option:last-child {
  margin-bottom: 0;
}
.book__form-item-box.selectbox .input__select-option .input__select-close {
  display: block;
  margin-left: auto;
  margin-right:1.3rem;
	padding-bottom:1rem;
}
.book__form-item-box.selectbox .input__select-option .input__select-close svg{
  width:2rem;
}
.book__form-item-box.selectbox .input__select-option .option {
  padding: 1.9rem 1.5rem;
  font-family: var(--font-400);
  font-size: 2rem;
  cursor: pointer;
  background-color:#fff;
}
.book__form-item-box.selectbox .input__select-option .option:last-child {
  margin-bottom: 0;
}
.book__airplane-mark {
  width: 15rem;
  margin:0 2.6rem;
}
.book__form-title {
  margin-bottom: 1.2rem;
  font-family: var(--font-700);
  font-size: 2rem;
  line-height: 1.3;
}
.book__device-select-box {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 1.2rem;
}
.book__device-select-item {
  margin-right: 3rem;
}

.book__device-select-item input:disabled + label .book__device-box{
		opacity:0.3;
}
.book__device-select-item:nth-child(3) {
  margin-right: 0;
}
.book__device-select-item .book__device-box {
  border: 2px solid var(--gray-100);
  border-radius: 2rem;
  overflow: hidden;
  cursor: pointer;
}
.book__device-select-item .fake__checkbox-circle {
  margin: 1.6rem auto 0;
}
.book__device-select-item input[type=radio] {
  display: none;
}
.book__device-select-item input[type=radio]:checked + label .book__device-box {
  border: 2px solid var(--theme);
}
.book__device-select-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--gray-100);
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
}
.book__device-select-cover strong {
  margin-bottom: 0.6rem;
  color: var(--theme);
  font-family: var(--font-700);
  font-size: 2.6rem;
  line-height: 1.15;
}
.book__device-select-cover p {
  color: #666;
  font-family: var(--font-400c);
  font-size: 1.8rem;
}
.book__button-wrap{
  margin-top: 2.75rem;
}
.book__timepicker-wrap {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  border: 2px solid var(--theme);
  border-radius: 1rem;
  z-index: 2;
  overflow: hidden;
}
.book__timepicker-wrap .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top:1.9rem;
  background-color:#fff;
}
.book__timepicker-wrap .wrap .timepicker_info-box{
  display: flex;
  align-items: center;
  justify-content: center;
}
.book__timepicker-wrap .wrap input {
  width: 4rem;
  height: 4rem;
  padding: 0;
  text-align: center;
  color: #000;
  font-family: var(--font-700);
  font-size: 2.2rem;
  border: none;
}
.book__timepicker-wrap .wrap .col {
  padding: 0 1rem;
  color: #000;
  font-family: var(--font-700);
  font-size: 2.2rem;
}
.book__timepicker-wrap .wrap .button {
  display: inline-flex;
  width:auto;
  margin:1.5rem auto 3.6rem;
  padding:0.8rem 1.5rem;
  color: #fff;
  font-family: var(--font-600);
  font-size: 1.6rem;
  border-radius: 4rem;
  background-color: #252B7E;
}
.book__timepicker-wrap .next,
.book__timepicker-wrap .prev {
  width: 3.6rem;
  height: 3.6rem;
  margin: auto;
  background-image: url("../../assets/images/icon/ico-time-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.book__timepicker-wrap .prev {
  transform: rotate(180deg);
}
.book__timepicker-wrap .closed {
  width: 1.5rem;
  height: 1.5rem;
  margin:2.3rem 1.5rem 0 auto;
}
.book__timepicker-wrap .closed img {
  position: static !important;
  width: 100%;
  height: 100% !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0;
  transform: translateY(0) !important;
}
.input__flex-box .ttg_frm2_date_selectd{ 
	display:block;
	margin-left:auto;
    color:var(--navy);
      font-family:var(--font-500c);
    font-size:2rem;
}
/* E : Book */

/* S : Complete */
.complete__ticket-box {
  padding:0 0.6rem 0.6rem;
  background: rgb(139,106,255);
  background: linear-gradient(130deg, rgba(139,106,255,1) 0%, rgba(166,137,245,1) 59%, rgba(255,193,238,1) 100%);
  overflow: hidden;
  border-radius: 5.4rem 5.4rem;
}
.complete__ticket-box .complete__info {
  font-family: var(--font-400);
}
.complete__ticket-box .complete__info:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.9rem 2.9rem 1.9rem;
  border-radius: 2rem 2rem 0 0;
}
.complete__ticket-box .complete__info:nth-child(1) .complete__logo {
  color:#fff;
  font-family: var(--font-num-700);
  font-size:2.1rem;
}
.complete__ticket-box .complete__info:nth-child(1) .complete__logo svg {
  height: 100%;
}
.complete__ticket-box .complete__info:nth-child(1) .complete__time {
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  font-family: var(--font-num-500);
  font-size:2.1rem;
}
.complete__ticket-box .complete__info:nth-child(1) .complete__time .date__marker {
  display: block;
  position: relative;
  margin: 0 0.5rem;
  width: 1px;
  height: 1.4rem;
  background-color: rgba(255, 255, 255, 0.6);
}
.complete__ticket-box .complete__info:nth-child(2) {
  padding-top:4.8rem;
  text-align: center;
  border-radius: 5.4rem 5.4rem 0 0;
  background-color: #fff;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__number span {
  display: block;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__number span:nth-child(1) {
  color: #666;
  font-family: var(--font-700c);
  font-size: 1.8rem;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__number span:nth-child(2) {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:0.6rem;
  color: var(--theme);
  font-family: var(--font-num-700);
  font-size: 4.2rem;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__number span:nth-child(2) img{
  display: block;
  margin-top:-1rem;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__number span:nth-child(3) {
  color: #E4E5FE;
  font-size: 4rem;
  font-family: var(--font-num-700);
}
.complete__ticket-box .complete__info:nth-child(2) .complete__state span {
  display: block;
  text-align: right;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__state span:nth-child(1) {
  color: #BFBFBF;
  font-family: var(--font-600);
  font-size: 1.8rem;
}
.complete__ticket-box .complete__info:nth-child(2) .complete__state span:nth-child(2) {
  margin-top: 0.5rem;
  color: #BFBFBF;
  font-family: var(--font-700);
  font-size: 2.6rem;
}
.complete__ticket-box .complete__info:nth-child(3) {
  background-color:#fff;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__qr {
  text-align: center;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__qr img {
  width:24rem;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date{
  display: flex;
  align-items: center;
  justify-content: center;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date span{
  color:#666;
  font-size:2rem;
  font-family: var(--font-num-600);
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date span i{
  font-style:normal;
  font-family: var(--font-400c);
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date span:nth-of-type(2){
  margin-left:0.5rem;
}

.complete__ticket-box .complete__info:nth-child(4) {
  display: flex;
  justify-content: space-between;
  padding:3.65rem 4.9rem 4.5rem;
  border-radius: 0 0 5.4rem 5.4rem;
  background-color:#fff;
}

.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span {
  display: block;
  text-align: center;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span:nth-child(1) {
  color: var(--theme);
  font-family: var(--font-600);
  font-size: 1.8rem;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span:nth-child(2) {
  margin: 0.5rem 0;
  font-family: var(--font-num-700);
  font-size: 2.6rem;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span:nth-child(2) i {
  margin-top: -0.3rem;
  margin-left: 0.5rem;
  font-family: var(--font-500);
  font-style: normal;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.3rem;
  color: #8B8B8B;
  font-family: var(--font-num-600);
  font-size: 1.9rem;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__application-date > span:nth-child(3) span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 2.3rem;
  margin-left: 0.5rem;
  font-family: var(--font-500);
  font-size: 1.6rem;
  border: 0.1rem solid #BFBFBF;
  border-radius: 0.6rem;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date+ .line{
  width:38rem;
  margin:0 auto;
}
.complete__ticket-box .complete__info:nth-child(3) .complete__application-date+ .line svg{
  width:100%;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__airplane {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 10rem;
  margin-top: 3rem;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__airplane svg {
  position:absolute;
  top:1.2rem;
  width:90%;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__airplane img {
  display: block;
  position: relative;
  width: 3rem;
  margin-bottom: 1rem;
  z-index: 1;
}
.complete__ticket-box .complete__info:nth-child(4) .complete__airplane span {
  font-family: var(--font-400);
  font-size: 1.5rem;
}
.complete__info.user {
  display: flex;
  justify-content: space-between;
  padding: 3.8rem 4rem;
	padding-top:1rem;
}
.complete__info.user span {
  display: block;
}
.complete__info.user span:nth-child(1) {
  color: #BFBFBF;
  font-family: var(--font-600);
  font-size: 1.8rem;
}
.complete__info.user span:nth-child(2) {
  margin-top: 0.5rem;
  font-family: var(--font-num-700);
  font-size: 2.3rem;
}
.complete__info.user span:nth-child(2).name,
.complete__info.user span:nth-child(2).state{
  font-family: var(--font-700);
  font-size: 2.3rem;
}
.complete__ios-notice {
  margin: 2rem auto 3.5rem;
  color: #000;
  font-family: var(--font-400);
  font-size: 1.8rem;
  text-align: center;
}
.complete__event-text {
  color: #fff;
  font-family: var(--font-700);
  font-size: 2.6rem;
}
.complete__event-banner-wrap {
  margin-top: 2rem;
}
.complete__event-banner {
  padding: 2.5rem 3rem;
  margin-top: 2rem;
  background-color: #fff;
  border-radius: 2rem;
}
.complete__event-banner:nth-child(1) {
  margin-top: 0;
}
.complete__event-banner:nth-child(2) .complete__event-cate {
  color: #A300B4;
}
.complete__event-banner:nth-child(3) .complete__event-cate {
  color: #20B5CF;
}
.complete__event-cate {
  display: block;
  color: var(--theme);
  font-family: var(--font-600);
  font-size: 1.6rem;
}
.complete__event-title {
  font-family: var(--font-700);
  font-size: 2.4rem;
  word-break: keep-all;
}
.complete__event-desc {
  margin-top: 0.8rem;
  color: #848484;
  font-family: var(--font-400c);
  font-size: 1.8rem;
}
.complete__event-desc .s24 {
  color: #000;
  font-family: var(--font-num-700);
}

/* E : Complete */

/*# sourceMappingURL=reservation.css.map */