@charset "utf-8";
@import url('common.css');
@import url('font.css');
@import url('bigM.css');

body.open {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.station-txt {
    font-size: 20px;
    text-align: center;
}

.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
    font-weight: 500;
}

.ui-page {
    background-color: #fff;
    margin: 0 auto;
}

body.main {
    background-color: #fbf8f4;
}

.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
    border: none;
}

.marquee {
    width: 27.142rem;
    overflow: hidden;
}

/*.ui-page-theme-a .btn_stn.ui-link {font-size:1.56em !important;}*/
.ui-btn {
    font-family: 'Noto Sans KR', "ng", "맑은 고딕", "돋움", "Dotum", "Droid", "Snas", "AppleGothic"
}

.ui-header {
    border: none;
}

.ui-header .ui-btn,
.ui-header .ui-btn:active,
.ui-header .ui-btn:focus,
.ui-header .ui-btn:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}

.ui-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    border: none;
    z-index: 1000;
}

.boxSizing .ui-header.type2 .ui-btn-right,
.ui-page-active .ui-header.type2 .ui-btn-right,
.ui-page-active > .ui-header:first-child .ui-btn-right,
.ui-page-theme-a .ui-btn.btn-close {
    background: url(../images/icon.png) 12px 12px no-repeat !important;
    background-size: 1000px !important;
    position: absolute;
    top: 0;
    left: calc(100% - 50px) !important;
    font-size: 0;
    text-indent: -10000%;
    width: 50px !important;
    height: 50px !important;
    margin: 0;
}

.ui-btn.skip {
    visibility: hidden !important;
}

.ui-mobile label.skip {
    display: none;
    visibility: hidden;
    font-size: 0;
    text-indent: -1000000%;
    width: 0;
    height: 0;
    margin-top: -.714rem;
}

.ui-input-text,
.ui-input-search {
    position: relative;
    background: #f2f2f2 !important;
    border-radius: .285rem;
    color: #919191;
    border: none;
    text-indent: .357rem;
    margin: 0;
    text-shadow: none;
    box-shadow: none;
}

.ui-input-text input {
    height: 2.285rem;
    font-size: 1rem;
    color: #919191;
    background: transparent;
    border: none;
    /*text-indent:.2rem;*/
}

.ui-calendar {
    position: relative;
    z-index: 1;
}

.ui-calendar .ui-btn,
.ui-calendar .ui-btn:focus,
.ui-calendar .ui-btn:active,
.ui-calendar .ui-btn:visited {
    content: "";
    display: inline-block;
    border: none;
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    width: 24px;
    height: 40px;
    background: url(../images/icon.png) no-repeat -400px -290px;
    background-size: 1000px;
    margin-top: 0;
    z-index: 1
}

div .ui-input-text + div .ui-input-text {
    margin-bottom: .714rem
}

.ui-input-text input:focus,
.ui-input-text textarea:focus,
.ui-input-text select:focus,
.ui-input-text input:active,
.ui-input-text textarea:active,
.ui-input-text select:active {
    border: #8f3576 solid 1px;
    color: #8f3576;
    box-sizing: border-box;
}

.ui-input-text input:visited,
.ui-input-text textarea:visited,
.ui-input-text select:visited {
    border: #000 solid 1px;
    box-sizing: border-box;
}

.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
    text-shadow: none;
}

.boxSizing .ui-header.type2 .ui-btn-left,
.ui-page-active .ui-header.type2 .ui-btn-left {
    background: url(../images/icon.png) -5.6rem .742rem no-repeat;
    background-size: 1000px;
    margin: 0;
    top: 0;
    left: 0;
    font-size: 0;
    text-indent: -10000%;
    width: 3rem;
    height: 3.142rem;
}

.boxSizing .ui-header {
    position: relative;
}

.boxSizing .ui-header .ui-btn-left.menu,
.ui-page-active .ui-header .ui-btn-left.menu,
.ui-page-active > .ui-header:first-child .ui-btn-right.menu {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 50px !important;
    height: 50px !important;
    background: url(../images/icon.png) 14px -285px !important;
    background-size: 1000px !important;
}

.boxSizing .ui-header .ui-btn-left.cart,
.ui-page-active .ui-header .ui-btn-left.cart {
    position: absolute;
    top: 0;
    left: calc(100% - 3.571rem);
    margin: 0;
    font-size: 0;
    text-indent: -10000%;
    width: 3.571rem;
    height: 3.142rem
}

.boxSizing .ui-header .ui-btn-left.cart:before,
.ui-page-active .ui-header .ui-btn-left.cart:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/icon.png) -212px -295px no-repeat;
    background-size: 1050px;
    margin: 0 .714rem;
}

.boxSizing .ui-header .ui-btn-left.mypage,
.ui-page-active .ui-header .ui-btn-left.mypage {
    position: absolute;
    top: 0;
    left: calc(100% - 3.571rem);
    margin: 0;
    font-size: 0;
    text-indent: -10000%;
    width: 3.571rem;
    height: 3.142rem
}

.boxSizing .ui-header .ui-btn-left.mypage:before,
.ui-page-active .ui-header .ui-btn-left.mypage:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/icon.png) -595px 15px no-repeat;
    background-size: 1000px;
    margin: 0 .714rem;
}

.boxSizing .ui-header .ui-btn-left.chatbot,
.ui-page-active .ui-header .ui-btn-left.chatbot {
    position: absolute;
    top: 0;
    left: calc(100% - 3.571rem);
    margin: 0;
    font-size: 0;
    text-indent: -10000%;
    width: 3.571rem;
    height: 3.142rem
}

.boxSizing .ui-header .ui-btn-left.chatbot:before,
.ui-page-active .ui-header .ui-btn-left.chatbot:before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/ic_chatbot.png) 0px 14px no-repeat;
    background-size: 23px;
    margin: 0 .714rem;
}


.boxSizing .ui-header .ui-btn-left.cart span,
.ui-page-active .ui-header .ui-btn-left.cart span {
    display: inline-block;
    width: .6258rem;
    height: .6258rem;
    line-height: .6258rem;
    font-size: .428rem;
    text-align: center;
    color: #8f3576;
    background: #8f3576;
    border-radius: 50%;
    position: absolute;
    left: 2rem;
    top: .8rem;
    text-indent: 0;
}

.boxSizing > .ui-header:first-child,
.layerPage > .ui-header:first-child,
.ui-page-active > .ui-header:first-child,
.layerPage > .ui-header:first-child {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.ui-header.type2 .ui-btn-left {
    color: #6b172f;
}

.boxSizing > .ui-header:nth-child(2),
.ui-page-active > .ui-header:nth-child(2) {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 100;
}

.boxSizing > .ui-header:first-child,
.ui-page-active > .ui-header:first-child {
    background: #fff;
    height: auto;
    box-sizing: border-box;
}

.boxSizing > .ui-header:first-child .ui-title.logo,
.ui-page-active > .ui-header:first-child .ui-title.logo {
    width: 5.357rem;
    height: 50px;
    background: url(../images/icon.png) no-repeat -100px -285px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.boxSizing > .ui-header.type2:first-child .ui-title,
.ui-page-active > .ui-header.type2:first-child .ui-title {
    background-image: none;
    text-overflow: clip;
    font-size: 1.285rem;
    color: #282828;
    font-weight: 600;
    height: 3.142rem;
    line-height: 3.142rem;
    box-sizing: border-box;
}

.boxSizing > .ui-header.type2,
.layerPage > .ui-header.type2,
.ui-page-active > .ui-header.type2,
.layerPage > .ui-header.type2 {
    background: #fff;
    width: 100%;
    height: auto;
}

.boxSizing > .ui-header.type2,
.ui-page-active > .ui-header.type2 {
    border-bottom: 6px solid #edeef0;
    box-sizing: border-box;
    width: 100%;
}

.boxSizing > .ui-receipt > .ui-header.type2,
.ui-page-active > .ui-receipt > .ui-header.type2 {
    background: #6b172f;
    height: 1.571rem;
}

.boxSizing > .ui-receipt > .ui-header.type2 h1,
.ui-page-active > .ui-receipt > .ui-header.type2 h1 {
    color: #fff;
    text-shadow: none;
    font-size: .714rem;
    padding: 0 !important;
    line-height: 1.571rem;
    font-weight: normal;
    margin: 0;
}

.boxSizing > .ui-header.type2 h1,
.ui-page-active > .ui-header:nth-child(2) .ui-title,
.layerPage > .ui-header.type2 h1,
.layerPage > .ui-header:nth-child(2) .ui-title,
.ui-page-active > .ui-header.type2 h1,
.ui-page-active > .ui-header:nth-child(2) .ui-title,
.layerPage > .ui-header.type2 h1,
.layerPage > .ui-header:nth-child(2) .ui-title {
    color: #fff;
    text-shadow: none;
    font-size: .714rem;
    padding: 0 !important;
    line-height: 1.428rem;
    font-weight: normal;
    margin: 0 3.571rem;
}

/*긴급공지*/
.ui-header-anouncement {
    background: #edeef0;
    width: 100%;
    height: 2.142rem;
    padding: .571rem;
    box-sizing: border-box;
}

.ui-header-anouncement .anouncement-wrap {
    width: 100%;
    height: 1.071rem;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
}

.ui-header-anouncement .anouncement-wrap dt {
    position: relative;
    width: 6.25rem;
    height: 2.142rem;
    color: #8f3576;
    font-size: .857rem;
    font-weight: 600;
    text-align: right;
    padding-right: .714rem;
    box-sizing: border-box;
    line-height: 1.998rem;
}

.ui-header-anouncement .anouncement-wrap dt:before {
    background: url(../images/icon.png) no-repeat -300px -298.5px;
    background-size: 1000px;
    content: "";
    display: inline-block;
    width: 1.071rem;
    height: 14px;
}

.ui-header-anouncement .anouncement-wrap dt:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: .714rem;
    background: #bc1137;
    position: absolute;
    /*top: .785rem;*/
    top: .675rem;
    right: 0;
}

.ui-header-anouncement .anouncement-wrap dd {
    position: relative;
    width: auto;
    overflow: hidden;
    flex: 1;
    height: 1.071rem;
    box-sizing: border-box;
    line-height: .857rem;
    padding-left: .285rem;
}

.ui-header-anouncement .anouncement-wrap dd span {
    display: inline-block;
    width: 16rem;
    height: .857rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: .857rem;
    color: #333;
    padding-right: 1.428rem !important;
}

.ui-header-anouncement + .ui-content {
    padding: 84px 0 6.285rem 0;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
}

.ui-page-theme-a > .ui-header:nth-child(2) .ui-btn-left,
.ui-page-active > .ui-header:nth-child(2) .ui-btn-left {
    left: .714rem;
}

.ui-page-theme-a > .ui-header:nth-child(2) .ui-btn-left img,
.ui-page-active > .ui-header:nth-child(2) .ui-btn-left img {
    display: none;
}

.ui-content,
.ui-content.type2,
.ui-content.type2_2 {
    padding: 56px 1rem 66px 1rem;
    height: 100vh;
}

.ui-contentInfo {
    padding: 26px 1rem 66px 1rem;
    height: 100vh;
}

.ui-content.type2_3 {
    padding: 1.071rem .571rem 3.214rem .571rem;
    height: 100vh;
}

.ui-content.type2_4 {
    padding: 1.714rem .571rem 1.5625rem .571rem;
    height: 100vh;
}

.ui-content.type2_5 {
    padding: 3.142rem .571rem 4rem .571rem;
}

.ui-content.type2_full {
    padding: 56px 1rem 66px 1rem;
}

.ui-content.type3 {
    padding: 1rem 0 3.5rem;
}

.ui-content.type4 {
    padding: 56px 1rem 66px 1rem;
}

.ui-content.type4_2 {
    padding: 56px 1rem 66px 1rem;
}

/*열차조회결과 layout*/
.ui-content.type5 {
    padding: 9.285rem 1.142rem 5.357rem 1.142rem
}

.ui-content.type6 {
    padding: 56px 1rem 110px 1rem;
}

.ui-content.type2 > .cb:first-child {
    margin-top: 1.5625rem;
}

.ui-content.type2 > .cb {
    margin-top: 1.071rem;
}

.cb .ui-type-flex > div {
    flex: 1;
}

.boxType01 {
    background: #ededed !important;
    margin: 0;
    border: none;
    border-radius: 0;
    padding: .714rem;
    color: #282828;
    line-height: 1.5;
}

.boxType01.type2 {
    background: #fff !important;
    padding: 0 !important;
}

.boxType01.type3 {
    font-size: .571rem;
}

.boxType01.type4 {
    padding: .357rem .285rem .285rem;
}

.boxType02 {
    background: #ededed;
    padding: 0 1.071rem 1.071rem;
    line-height: 1.6;
}

.boxType02 h3 + .dotList01 {
    padding-top: .7rem;
}

.boxType02 h4 {
    font-size: 15px;
    font-weight: 600;
    color: #282828;
}

.boxType02 h4.txt-inf {
    position: relative;
    margin: .8rem 0 0;
    padding-left: 1.2rem;
    padding-right: 20px;
    display: inline-block;
}

.boxType02 h4.txt-inf:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    background: url(../images/icon.png) no-repeat 0 -448px;
    background-size: 1000px;
}

.boxType02 h4.txt-inf:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    background: url(../images/icon.png) no-repeat -695px -398px;
    background-size: 1000px;
}

.boxType07 {
    background: #edeef0;
    padding: 0 1rem;
}

.boxType07 .ui-checkbox {
    margin: .2rem 0;
}

.boxType07 .ui-checkbox .ui-btn {
    padding-top: 4px;
}

.boxType02.ui-type-flex h4 {
    margin: .928rem 0 0;
    font-weight: 400;
    min-width: 5.714rem;
}

.boxType02 p {
    font-size: .857rem;
}

.boxType02 .dotList01 + p {
    padding-top: .714rem;
}

.boxType02 .loginCheck {
    margin: 0;
    padding: 0;
}

.boxType03 {
    background: #f4f4f4;
    padding: .285rem .571rem;
}

.boxType04 {
    position: relative;
    border: #f7f7f7 solid 1px;
    padding: .357rem 0;
}

.boxType05 {
    background: #d8d8d8;
    padding: .571rem .357rem;
    border-radius: .285rem;
    text-align: center;
}

.ui-type-4010 .ui-block-b,
.ui-type-4010 .ui-block-d {
    padding-top: 1rem;
    width: 2.857rem;
    margin-left: -1.428rem;
}

.ui-type-4010 .ui-block-a,
.ui-type-4010 .ui-block-c {
    width: 50%;
    box-sizing: border-box;
    padding-right: 2.857rem;
}

.ui-grid-a.type2 {
    margin-top: -.714rem;
}

.ui-grid-a.type2 .ui-block-a {
    width: 100%;
    padding-right: 6.785rem;
    box-sizing: border-box;
}

.ui-grid-a.type2 .ui-block-a .ui-controlgroup {
    display: block;
}

.guideText4 {
    display: block;
}

.ui-contentC {
    padding: .535rem .285rem 14.285rem .285rem;
}

.CouponGuide {
    background-color: #f4f4f4;
    margin-top: 1.571rem;
    padding: .357rem;
    font-size: .5rem;
}

.ui-grid-a.type2 .ui-block-a .ui-controlgroup-controls {
    width: 100%;
}

.ui-grid-a.type2 .ui-block-a .ui-radio {
    width: 50%;
}

.ui-grid-a.type2 .ui-block-b {
    width: 6.428rem;
    float: right;
    margin-top: -4.428rem;
    height: 1.571rem;
}

.ui-grid-b.type2 {
    margin-top: .357rem;
}

.ui-grid-b.type2 .ui-block-a {
    width: 45%;
}

.ui-grid-b.type2 .ui-block-b {
    width: 55%;
    padding-right: 6.785rem;
    box-sizing: border-box;
}

.ui-grid-b.type2 .ui-block-c {
    width: 6.428rem;
    float: right;
    margin-top: -3.571rem;
}

.boxType01 .ui-btn {
    background-color: #ededed !important;
}

.ui-btn,
label.ui-btn {
    border-color: #c9c9c9 !important;
    text-overflow: clip;
    margin: 0;
    font-weight: 500;
}

.ui-btn-icon-left:after {
    left: 0;
}

.ui-block-a.countBox {
    clear: none;
}

.ui-radio .ui-btn.ui-radio-right {
    padding-left: 0;
}

.ui-radio .ui-btn {
    border: none !important;
    padding: .357rem 0 .357rem 1.071rem;
}

.ui-radio .ui-btn.ui-radio-on:after {
    background: #8f3576;
    color: #fff;
    padding: 0;
    border-radius: .214rem;
}

.ui-radio .ui-btn.ui-radio-off:after {
    background: #fff;
    color: #ababab;
    padding: 0;
    border: 1px solid #999;
    border-radius: .214rem;
}

.ui-icon-conversion:after {
    background: url(../images/icon.png) no-repeat -300px -200px;
    background-size: 1000px;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 50%;
    top: 50%;
    margin: -1rem 0 0 -1rem;
}

.ui-icon-round:after {
    background: url('../images/icon.png') no-repeat -500px -200px;
    background-size: 1000px;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 50%;
    top: 50%;
    margin: -1rem 0 0 -1rem;
}

.ui-btn-round:after {
    background: url('../images/icon.png') no-repeat -500px -200px;
    background-size: 1000px;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 50%;
    top: 50%;
    margin: -1rem 0 0 -1rem;
}

.ui-btn-oneway:after {
    background: url('../images/icon.png') no-repeat -600px -100px;
    background-size: 1000px;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 50%;
    top: 50%;
    margin: -1rem 0 0 -1rem;
}

.ui-icon-map {
    border: none;
    width: 1.071rem;
    height: 1.071rem;
}

/*예매*/
.ticketing {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
}

.ticketing .ui-type-flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
}

.ticketing .ui-type-flex .ui-block-a,
.ticketing .ui-type-flex .ui-block-c {
    flex: 1;
    text-align: center;
    justify-content: center;
}

.ticketing .ui-type-flex .ui-block-b {
    position: relative;
}

.ui-mobile .ticketing .ui-type-flex label {
    font-size: 1rem;
    color: #666;
    /*color: #010101;*/
    text-align: center;
}

.ticketing .ui-block-d {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    height: 1.142rem;
    margin-top: 1.428rem;
    box-sizing: border-box;
}

.ticketing .ui-block-d .ui-icon-map {
    font-size: .857rem;
    font-weight: 400;
    color: #010101;
    display: inline-block;
    border-bottom: 1px solid #9c9c9c;
    width: auto;
    height: 1.071rem;
    line-height: 1;
    padding: 0;
}

.ui-group.w40px {
    margin-left: .285rem !important
}

.stationCheckBox {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding: .5em 0 0 0;
    z-index: 2;
}

.stationCheckBox .ui-type-flex {
    justify-content: center;
    margin-top: .714rem;
}

.stationCheckBox .depa,
.stationCheckBox .arri {
    flex: 1;
    text-align: center;
    justify-content: center;
    min-width: 100px;
}

.stationCheckBox span.bg {
    position: absolute;
    background: url(../images/icon.png) no-repeat -300px -201px;
    background-size: 1000px;
    display: block;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
}

.stationCheckBox span.bg.round {
    position: absolute;
    background: url(../images/icon.png) no-repeat -900px -201px;
    background-size: 1000px;
}

.stationCheckBox .ui-block-b {
    position: relative;
}

.stationCheckBox .ui-block-d {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    height: 1.142rem;
    margin-top: 1.428rem;
    box-sizing: border-box;
}

.stationCheckBox span {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #010101;
    text-align: center;
}

.stationCheckBox strong {
    display: block;
    font-size: 1.785rem;
    color: #8f3576;
    font-weight: 500;
    text-align: center;
}

.stationCheckBox .ui-btn.ui-corner-all.ui-icon-conversion.ui-btn-icon-notext,
.ui-btn.ui-corner-all.ui-icon-round.ui-btn-icon-notext {
    margin-top: 0 !important;
}

.stationCheckBox.trans span {}

.stationCheckBox.trans .imp {
    display: inline-block;
    background: #8f3576;
    color: #fff;
    height: 22px;
    margin-bottom: 6px;
    padding: 0 2px;
    box-sizing: border-box;
}

.stationCheckBox.trans strong {
    font-size: 1.214rem;
    margin-bottom: 6px;
}

.stationCheckBox.trans strong + span {
    display: block;
    width: auto;
    height: 22px;
    margin-bottom: 6px;
    padding: 0 2px;
}

.stationCheckBox.trans .block {
    display: block;
}

.stationCheckBox.trans .flex1 {
    text-align: center;
}

.stationCheckBox.trans span.toIcon2:after {
    content: "";
    width: 22px;
    height: 1px;
    background: #666666;
    position: absolute;
    top: 40px;
    left: 0;
}

.stationCheckBox.trans span.toIcon2.last:after {
    content: "";
    width: 22px;
    height: 1px;
    background: #666666;
    position: absolute;
    top: 68px;
    left: 0;
}

/*예약결제*/
.reserveBox {
    width: 100%;
    height: auto;
}

.reserveBox .stationCheckBox {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #cccccc;
    padding: 1rem 0;
}

.reserveBox .stationCheckBox .ui-block-a,
.reserveBox .stationCheckBox .ui-block-c {
    flex: 1;
    text-align: center;
    justify-content: center;
}

.reserveBox .stationCheckBox .ui-block-b {
    position: relative;
}

.reserveBox .stationCheckBox .ui-block-d {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    height: 1.142rem;
    margin-top: 1.428rem;
    box-sizing: border-box;
}

.reserveBox .stationCheckBox span {
    display: block;
    font-size: 1rem;
    color: #010101;
    text-align: center;
}

.reserveBox .stationCheckBox strong {
    display: block;
    font-size: 1.785rem;
    color: #8f3576;
    font-weight: 500;
    text-align: center;
}

.reserveBox .stationCheckBox .ui-btn.ui-corner-all.ui-icon-conversion.ui-btn-icon-notext,
.ui-btn.ui-corner-all.ui-icon-round.ui-btn-icon-notext {
    margin-top: 0 !important;
}

.checkBoxList {
    position: relative;
    margin: 1rem 0 0;
}

.checkBoxList li {
    min-height: 2.815rem;
}

.checkBoxList > div {
    position: relative;
    font-weight: 500 !important
}

.checkBoxList div.stn-inf {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    color: #666;
    padding-right: 50px;
}

.checkBoxList .txt.cnt {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: auto;
    color: #9f3a84;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 2.142rem;
    box-sizing: border-box;
    padding: .2em .8em;
}

.checkBoxList .txt.cnt.off {
    color: #575757;
}

.checkBoxList .txt {
    font-size: 1rem;
}

.checkBoxList .txt.stn {
    font-size: 1.071rem;
}

.checkBoxList .txt.sub {
    font-size: 1rem;
    color: #575757;
    font-weight: 400;
}

.checkBoxList .txt.sm {
    font-size: .928rem;
    color: #030303;
    font-weight: 400;
}

.checkBoxList .txt.user {
    padding-left: .4em;
    font-size: 1rem;
}

.checkBoxList + .checkBoxList {
    padding-top: 1.2rem;
}

.checkBoxList .ui-radio,
.checkBoxList .ui-radio label,
.checkBoxList .ui-radio:hover,
.checkBoxList .ui-radio label:hover {
    margin: 0;
    padding-top: 0;
    vertical-align: middle;
    width: 100%;
    height: auto;
    position: relative;
}

.checkBoxList ul.list {
    border: none;
    margin-top: .8rem;
}

.checkBoxList ul.list li:first-child {
    padding-top: 0;
}

.checkBoxList ul.list li {
    border-bottom: 1px solid #ccc;
    padding: .8rem 0;
}

.checkBoxList ul.list.type2 li > .ui-checkbox {
    margin: 0;
}

.checkBoxList ul.list.type2 li {
    padding: .6rem 0;
}

.ui-link.saleBtn,
.ui-link.saleBtn:active,
.ui-link.saleBtn:focus,
.ui-link.saleBtn:visited {
    display: block;
    width: 100% !important;
    padding: .4em .5em;
    margin: 1rem 0;
    box-sizing: border-box;
    font-size: 1.071rem;
    font-weight: 500;
    color: #9f3a84;
    border: 1px solid #9f3a84;
    text-align: center;
    border-radius: 3.571rem;
}

.checkBoxPri {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .714rem 0;
    margin-top: 1.428rem;
}

.checkBoxPri > div .right {
    float: right;
    font-weight: 600
}

.detail-inf {
    padding: .5em 0 .5em 1em;
}

.detail-inf > div {
    height: auto;
    overflow: hidden;
}

.detail-inf > div span,
.detail-inf > div strong {
    color: #919191;
    font-size: 1rem;
}

.cahbackPri,
.resultPri {
    width: 100%;
    overflow: hidden;
    padding: .7em 0;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
}

.cahbackPri > div,
.cahbackPri > div > div,
.resultPri > div {
    display: inline-flex;
    align-items: center !important;
}

.cahbackPri {
    border-bottom: 1px dashed #ccc
}

.cahbackPri .ar {
    color: #8f3576;
    font-weight: 600;
    font-size: 1rem !important;
    padding: .3em .6em;
    border: .5px solid #999999;
}

.salePri {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.salePri span,
.cahbackPri span,
.resultPri span {
    align-items: center;
    display: inline-block;
    font-size: 1rem;
    letter-spacing: -.1em;
}

.resultPri .txt-act.right {
    font-size: 1.125rem;
}

.cahbackPri .ui-input-text + span {
    padding-left: .4em;
}

.resultPri-in {
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    background: url(../images/bg_dashed.png) repeat-x 0 0;
    background-size: 8px 1px;
    margin-top: 1rem;
    padding: 1rem 0 0 0;
}

.resultPri-in .ui-type-flex {
    flex-basis: 100%;
}

.resultPri-in .txt.sub {
    color: #919191 !important;
}

.payBox {
    position: relative;
    border-top: 1px solid #ccc;
    margin-top: 1em;
}

.payBox .tit-wrap {
    margin: 1.2rem 0 .7rem;
}

.payBox .tit-wrap .tit {
    font-size: 1rem;
    font-weight: 600;
    color: #292929;
}

.payBox .tit-wrap .txt {
    float: right;
    font-size: .928rem;
    font-weight: 400;
    color: #666;
}

.payBox .tit-wrap .txt.right {
    position: absolute;
    right: 0;
    top: 1rem;
    color: #666;
    font-size: .928rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: 1px solid #666;
}

.cardhide h3 a {
    border-bottom: 1px solid #666;
    color: #666 !important;
    font-size: .928rem;
    font-weight: 400;
}

.cardhide h3 a.ui-btn {
    padding: 0
}

.cardhide {
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.listPri {}

.listPri .ui-type-flex {
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #ccc;
}

.listPri .ui-type-flex * {
    height: 35px;
    line-height: 35px;
}

.fullSize.title {
    background: #eeeeee;
    border: 1px solid #e0e0e0;
    border-width: 1px 0 1px 0;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-top: 1rem;
}

/*영수증*/
.receipt-tit * {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #030303;
    line-height: 1.2;
    padding: 1rem 0 0;
}

.receipt-in {
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    background: url(../images/bg_dashed.png) repeat-x 0 0;
    background-size: 8px 1px;
    margin-top: 1rem;
    padding: 1rem 0 0 0;
}

.receipt-in:first-child {
    background-image: none;
}

.receipt-in .ui-type-flex {
    flex-basis: 100%;
}

.receipt-in .txt {
    color: #919191 !important;
    font-size: 14px !important;
}

.receipt-in .txt.right {
    font-size: 14px !important;
    color: #282828 !important;
}

.receipt-in.bor-top {
    background: none;
    border-top: 1px solid #ccc;
}

.receipt-in.bor-none {
    background: none;
    border-top: 0px solid #ccc;
}

/*collapse*/
.ui-collapsible-heading {
    width: 100%;
    overflow: hidden;
}

.ui-collapsible-heading a {
    width: 100%;
    overflow: hidden;
    padding: 0 2.5em 0 0;
    box-sizing: border-box;
    border: none;
}

.ui-collapsible-heading .tit {
    font-size: 1rem;
    font-weight: 400;
    color: #000
}

.ui-collapsible-heading:after {
    display: none;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    padding: .4em 0;
    width: 100%;
    height: auto;
    border: none;
}

.ui-collapsible-heading-toggle {
    line-height: 1.5;
}

/*toggel button*/
.ui-btn-icon-right:after {
    content: "";
    display: inline-block;
    width: 1.285rem;
    height: .857rem;
    background: url(../images/icon.png) no-repeat -800px -600px;
    background-size: 1000px;
    position: absolute;
    top: 50%;
    right: .142rem;
    margin-top: -6px;
}

.ui-btn-icon-right.ui-icon-minus:after {
    content: "";
    display: inline-block;
    width: 1.285rem;
    height: .857rem;
    background: url(../images/icon.png) no-repeat -800px -650px;
    background-size: 1000px;
    position: absolute;
    top: 50%;
    right: .142rem;
    margin-top: -6px;
}

#tabs2 {
    padding: 0;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

#tabs2 .ui-navbar {
    height: auto
}

#tabs2 .ui-navbar ul {
    padding: 0 .2em;
    background: none;
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

#tabs2 .ui-navbar ul > li {
    flex-basis: 50%;
    padding: 0;
    margin-bottom: .4em;
    box-sizing: border-box;
}

#tabs2 .ui-navbar ul > li.card {
    flex-basis: 100%;
}

#tabs2 .ui-tabs-nav .ui-btn {
    display: block;
    background: #edeef0;
    border: 1px solid #999999;
    color: #333;
    font-size: .928rem;
    text-align: center;
    padding: 0 1em;
    line-height: 2.142rem;
    font-weight: 500;
    height: 2.428rem;
    box-sizing: border-box;
}

/*#tabs2 .ui-navbar ul > li:nth-child(n+3) {flex-basis: 33.3333%}*/
#tabs2 .ui-tabs-nav .ui-tabs-active .ui-btn {
    display: block;
    background: #8f3576;
    border: 1px solid #8f3576 !important;
    color: #fff;
    padding: 0;
    line-height: 2.142rem;
}

#tabs2 .ui-state-active,
#tabs2 .ui-widget-content .ui-state-active,
#tabs2 .ui-widget-header .ui-state-active {
    border-radius: none;
}

#tabs2 .ui-tabs-nav .ui-btn .payco {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -100px -788px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

#tabs2 .ui-state-default.ui-state-active .payco {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat 0 -788px;
    background-size: 1000px;
}

#tabs2 .ui-tabs-nav .ui-btn .kakaoPay {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -277px -788px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

#tabs2 .ui-state-default.ui-state-active .kakaoPay {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -193px -788px;
    background-size: 1000px;
}

#tabs2 .ui-tabs-nav .ui-btn .naver {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -440px -788px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

#tabs2 .ui-state-default.ui-state-active .naver {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -360px -788px;
    background-size: 1000px;
}

/*
#tabs2 .ui-tabs-nav .ui-btn .naver {display:block;width:60px;height:100%;background: url(../images/icon.png) no-repeat -440px -788px;background-size:1000px;font-size:0;text-indent:-10000%;margin:0 auto;}
#tabs2 .ui-state-default.ui-state-active .naver {display:block;width:60px;height:100%;background: url(../images/icon.png) no-repeat -360px -788px;background-size:1000px;} 
*/
#tabs2 .ui-state-default.ui-state-active {
    background: transparent;
}

#tabs2 .raileage-inf {
    border-top: 1px solid #ccc;
}

#tabs2 .raileage-inf h3 {
    font-size: 1rem;
    color: #292929;
    padding: .8em 0;
}

#tabs2 .raileage-inf > div {
    background: #ededed url(../images/sta_raileage.png) no-repeat calc(100% - 1rem) 1rem;
    background-size: 64px;
}

.creditcard-inf img {
    width: 100%;
    text-align: center;
}

/*예약결제-큰글씨모드*/
.ui-content.bigF .checkBoxList > div .txt,
.ui-content.bigF .checkBoxPri > div .right,
.ui-content.bigF .payBox .ui-collapsible-heading-toggle,
.ui-content.bigF .ui-collapsible-heading .tit,
.ui-content.bigF .payBox h3,
.ui-content.bigF .salePri span,
.ui-content.bigF .cahbackPri span,
.ui-content.bigF .resultPri span,
.ui-content.bigF .detail-inf > div span,
.ui-content.bigF .detail-inf > div strong,
.ui-content.bigF #tabs2 .raileage-inf h3,
.ui-content.bigF .ui-select .ui-btn,
.ui-content.bigF .ui-select .ui-btn:hover,
.ui-content.bigF .ui-select .ui-btn:active,
.ui-content.bigF .ui-select .ui-btn:focus,
.ui-content.bigF .ui-select .ui-btn:visited {
    font-size: 1.357rem;
    line-height: 1.6;
}

.ui-content.bigF .checkBoxList > div .txt.cnt {
    padding: 0 .8em
}

.ui-content.bigF .reserveBox .stationCheckBox strong {
    font-size: 1.785rem;
}

.ui-content.bigF .ui-link.saleBtn {
    font-size: 1.357rem;
    padding: .65em 1em;
    margin: 1rem 0;
}

.ui-content.bigF .resultPri .txt-act {
    font-size: 1.571rem;
}

.ui-content.bigF .payBox .ui-collapsible-heading .txt.right {
    font-size: 1rem;
}

.ui-content.bigF #tabs2 .ui-tabs-nav .ui-btn {
    font-size: 1.357rem;
}

.ui-content.bigF #tabs2 .ui-navbar ul > li:nth-child(n+3) .ui-btn {
    font-size: .928rem;
}


.ui-content.bigF .ui-select .ui-btn,
.ui-content.bigF .ui-select .ui-btn:hover,
.ui-content.bigF .ui-select .ui-btn:active,
.ui-content.bigF .ui-select .ui-btn:focus,
.ui-content.bigF .ui-select .ui-btn:visited {
    font-size: 1.357rem;
    height: 46px;
    line-height: 3.142rem;
}

.ui-content.bigF .ui-input-text input {
    height: 46px;
    line-height: 3.142rem;
    font-size: 1.357rem !important;
    padding: .2em .4em;
    box-sizing: border-box;
}

.ui-content.bigF .cb {
    margin-top: 1.071rem;
}

.ui-content.bigF label,
.ui-content.bigF div.ui-controlgroup-label {
    font-size: 1.285rem !important;
}

.ui-content.bigF::placeholder {
    color: #ccc;
    font-size: 1.357rem;
}

.ui-content.bigF .ui-checkbox .ui-btn,
.ui-radio .ui-btn {
    height: auto;
    padding-left: 2.142rem;
}

.ui-content.bigF .ui-checkbox .ui-btn:after,
.ui-content.bigF .ui-btn.ui-checkbox-off:after {
    margin: -12px 0 0 0;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: .214rem;
    box-sizing: border-box;
    left: 0;
}

.ui-content.bigF .ui-icon-check:after,
.ui-content.bigF .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    background: url('../images/icon.png') -291.5px -0px no-repeat #8f3576;
    background-size: 1010px;
    margin: -12px 0 0 0;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: .214rem;
    box-sizing: border-box;
    left: 0;
}

.ui-content.bigF .ui-select {
    margin-bottom: .3em;
}

/***************/
.ui-loader .ui-icon-loading {
    background-color: transparent;
}

.ui-type-flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
}

.ui-type-flex.flex-start {
    justify-content: flex-start;
}

.ui-type-flex .flex1,
.flex1 {
    flex: 1;
}

.ui-type-flex > * {
    width: auto;
}

.ui-type-flex > div + div {
    margin-left: .714rem;
}

.inline-flex {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
}

.items-center {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.datetime-inf {
    margin: .857rem 0;
    width: 100%;
    overflow: hidden;
}

.datetime-inf .label-date {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.714rem;
    text-align: center;
    flex-basis: auto;
    padding: 0 .571rem 0 0;
    margin: 0;
}

.datetime-inf .label-date:before {
    content: "";
    display: inline-block;
    width: 1.285rem;
    height: 1.357rem;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat -400px -301px;
    background-size: 1000px;
    margin: -2px 0 0 .285rem;
}

.datetime-inf .onewaytrip-container {
    width: auto;
    min-width: 320px;
    height: 1.5625rem;
    display: inline-flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin: 0 auto;
}

.ui-page-theme-a .datetime-inf .ui-block-a .ui-btn.type2 {
    font-size: 1.142rem;
    font-weight: 500;
    color: #8f3576;
    border: 0;
    border-radius: 0 !important;
    border-bottom: 1px solid #8f3576 !important;
    line-height: 1.5;
    padding: 0;
    margin: 0 !important;
    display: inline;
    white-space: nowrap;
    background: none !important;
}

.ui-page-theme-a .datetime-inf .ui-block-a .ui-icon-arrow-r:after {
    background: none;
}

.datetime-inf .ui-block-a .ui-btn.type2 + span {
    font-size: 1.142rem;
    color: #585858;
    line-height: 1.2;
    padding: 0;
}

.people-inf {
    width: auto;
}

.people-inf > div {
    /*flex: 1;*/
    margin: 0;
    height: 5.2rem;
}

.people-inf > div:first-child {
    /*flex: 1;*/
}

.people-inf label {
    margin: .8rem 0 0 0 !important;
}

.ico-help {
    display: inline-block;
    width: 1.428rem;
    height: 1.428rem;
    font-size: 0;
    text-indent: -1000%;
    vertical-align: middle;
    margin: 0;
    position: relative;
}

.ico-help:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/icon.png) no-repeat 0 -400px;
    background-size: 1000px;
    position: absolute;
    top: .107rem;
    left: .214rem;
}

.people-inf.collaspe {
    display: none;
}

.people-inf.collaspe.expand {
    display: block !important;
}

.people-inf.collaspe.expand + .btn-toggle:before {
    transform: rotate(-180deg);
}

.people-inf.collaspe + .btn-toggle {
    position: relative;
    width: 100%;
    height: 2.142rem;
    font-size: 0;
    text-indent: -99999999%;
    border: none;
}

.people-inf.collaspe + .btn-toggle:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 1.071rem;
    background: url(../images/icon.png) no-repeat -200px -400px;
    background-size: 1000px;
    margin: 0 auto;
}

/*Round Trip */
.roundtrip-container {
    position: relative;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
}

.roundtrip-container .ui-group {
    flex: 1;
    width: auto;
    height: auto;
    padding: 0 2.857rem;
}

.roundtrip-container:after {
    content: "";
    width: 1px;
    height: 3.571rem;
    display: block;
    position: absolute;
    top: .357rem;
    left: 50%;
    background: #ededed;
}

.roundtrip-container .ui-group .label-date {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
}

.roundtrip-container .ui-group .ui-block-a {
    display: block;
    width: auto;
    height: auto;
}

.roundtrip-container .ui-group .ui-block-a + span {
    display: inline;
}

/*QRCODE Slides */
.ban-slideshow-container {
    position: relative;
    background: #edeef0;
    width: 100%;
    height: 5rem;
}

.ban-slideshow-container .qr-ban-slides {
    display: none;
    text-align: center;
    display: block;
    width: calc(100% - 3.928rem);
    height: 100%;
    margin: 0 auto;
    padding: .714rem 0;
    box-sizing: border-box;
}

.ban-slideshow-container .qr-ban-slides .qr-ban-img {
    text-align: center;
    border-right: 1px dashed #c7c8c9;
    width: 100px;
    padding: 0 1.5625rem;
}

.ban-slideshow-container .qr-ban-slides .qr-ban-img img {
    width: 3.571rem;
}

.ban-slideshow-container .qr-ban-slides .qr-ban-inf {
    text-align: left;
    padding-left: 1.428rem;
    flex: 1;
}

.ban-slideshow-container .qr-ban-slides .qr-ban-inf p {
    color: #343434;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: .785rem;
}

.ban-slideshow-container .qr-ban-slides .qr-ban-inf p strong {
    color: #8f3576;
    font-size: 1.142rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.7;
}

.ban-slideshow-container .prev,
.ban-slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 2.142rem;
    height: 100%;
    margin-top: -2.5rem;
    font-size: 0;
    user-select: none;
}

.ban-slideshow-container .next {
    position: absolute;
    right: 0;
    border-radius: .214rem 0 0 .214rem;
}

.ban-slideshow-container .prev:before {
    content: "";
    display: block;
    width: 1.428rem;
    height: 2.142rem;
    background: url(../images/icon.png) no-repeat -296px -400px;
    background-size: 1000px;
    margin: 1.428rem 0 0 .714rem;
}

.ban-slideshow-container .next:before {
    content: "";
    display: block;
    width: 1.428rem;
    height: 2.142rem;
    background: url(../images/icon.png) no-repeat -400px -400px;
    background-size: 1000px;
    margin: 1.428rem .714rem 0 0;
}

.ban-bot-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
}

.ban-bot-container a.ban-link {
    flex: 1;
    flex-basis: 50%;
    text-align: center;
    height: 2.285rem;
}

.ban-bot-container a.ban-link img {
    height: 100%;
    text-align: center;
}

.ban-bot-container2 {
    background: #522d4f;
    text-align: center;
    width: 100%;
    height: 45px;
}

.ban-bot-container2 img {
    height: 100%;
}

.ban-bot-container a:first-child {
    background: #010101;
}

.ban-bot-container a:last-child {
    background: #a19062;
}


.quick-menu-container {
    background: #fff;
    border-top: 2px solid #dddbdb;
    width: 100%;
    height: 66px;
    box-sizing: border-box;
}

.quick-menu-container .quick-menu-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

/*
.quick-menu-container .quick-menu-list li {
 flex: 1;
 text-align: center;
    
}
*/
.quick-menu-container .quick-menu-list li {
    flex: 1;
    text-align: center;
    position: relative;
}

.quick-menu-container .quick-menu-list li > span {
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-70%, -110%);
    font-size: .7em;
    z-index: 1;
}

.quick-menu-container .quick-menu-list li > a {
    display: block;
    height: 3.142rem;
    font-size: .714em;
    text-decoration: none;
}

.quick-menu-container .quick-menu-list li > a:before {
    content: "";
    display: block;
    width: 40px;
    height: 35px;
    background: url(../images/icon.png) no-repeat -8px -500px;
    background-size: 1000px;
    position: relative;
    left: 50%;
    margin-left: -17px;
}

.quick-menu-container .quick-menu-list li > a.active {
    color: #5d1f48;
}

.quick-menu-container .quick-menu-list li > a.quick-02:before {
    background-position: -109px -500px;
}

.quick-menu-container .quick-menu-list li > a.quick-03:before {
    background-position: -209px -500px;
}

.quick-menu-container .quick-menu-list li > a.quick-04:before {
    background-position: -306px -500px;
}

.quick-menu-container .quick-menu-list li > a.quick-05:before {
    background-position: -400px -500px;
}
.quick-menu-container .quick-menu-list li > a.quick-07:before {
    background-position: -909px -500px;
}

.quick-menu-container .quick-menu-list li > a.active:before {
    content: "";
    display: block;
    width: 40px;
    height: 35px;
    background: url(../images/icon.png) no-repeat -5px -550px;
    background-size: 1000px;
    position: relative;
    left: 50%;
    margin-left: -16px;
}

.quick-menu-container .quick-menu-list li > a.quick-02.active:before {
    background-position: -109px -550px;
}

.quick-menu-container .quick-menu-list li > a.quick-03.active:before {
    background-position: -209px -550px;
}

.quick-menu-container .quick-menu-list li > a.quick-04.active:before {
    background-position: -306px -550px;
}

.quick-menu-container .quick-menu-list li > a.quick-05.active:before {
    background-position: -401px -548px;
}

.quick-menu-container .quick-menu-list li > a.quick-06.active:before {
    background-position: -501px -550px;
}
.quick-menu-container .quick-menu-list li > a.quick-07.active:before {
    background-position: -909px -550px;
}

.fav-stn {
    width: 100%;
    height: 2.142rem;
    padding: .571rem 0;
    margin-top: .571rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fav-stn .fav-stn-link {
    color: #8f3576 !important;
    font-size: .928rem !important;
}

.fav-stn .fav-stn-link:before {
    content: "";
    display: inline-block;
    width: 1.071rem;
    height: 1.071rem;
    background: url(../images/icon.png) no-repeat 0 -400px;
    background-size: 1000px;
    margin-right: .357rem;
    vertical-align: middle;
}

.btn-refresh,
.fav-stn .btn-refresh,
#trnScarSeatInfoList .btn-refresh {
    display: block;
    width: 1.571rem;
    height: 1.571rem;
    border: none;
    font-size: 0;
    text-indent: -10000%;
}

.btn-refresh:before,
.fav-stn .btn-refresh:before,
#trnScarSeatInfoList .btn-refresh:before {
    content: "";
    display: block;
    width: 1.571rem;
    height: 1.571rem;
    background: url(../images/icon.png) no-repeat -298px -697px;
    background-size: 1000px;
}

#trnScarSeatInfoList {
    position: relative;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding-bottom: 3.928rem;
}

#trnScarSeatInfoList .btn-refresh {
    position: absolute;
    top: .714rem;
    right: .857rem;
    z-index: 101;
}

.ui-header .btn-refresh {
    position: relative;
    width: 2.142rem;
    height: 2.285rem;
    font-size: 0;
    text-indent: -100000%;
    border: none;
    display: block;
}

.ui-header .btn-refresh:before {
    content: "";
    display: block;
    width: 2.142rem;
    height: 2.285rem;
    background: url(../images/icon.png) no-repeat -292.5px -740px;
    background-size: 1000px;
    margin-top: 0;
}

.slt-stn-container {
    position: relative;
    width: 100%;
    margin: 0 -1rem 1.5625rem;
    padding: 0 1rem;
}

.slt-stn-container:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #ddd;
}

.slt-stn-wrap {
    width: 100%;
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#tabs .ui-navbar.slt-stn-wrap ul {
    height: 3.142rem !important;
    margin: 0 1rem;
}

#tabs .ui-navbar.slt-stn-wrap .ui-state-default.ui-corner-top {
    position: relative;
    flex: 1;
    height: 100%;
    text-align: center;
    position: relative;
    line-height: 3.142rem !important;
    margin-bottom: 0;
    color: #747474;
    font-weight: 600;
    padding: 0;
    border: 0;
}

#tabs .ui-navbar.slt-stn-wrap li .ui-link.ui-tabs-active,
#tabs .ui-navbar.slt-stn-wrap .ui-state-default.ui-corner-top .ui-btn {
    display: block;
    font-size: 1.285rem;
    font-weight: 600;
    height: 3.142rem;
    border-bottom: 2px solid #ddd !important;
    margin-bottom: -2px !important;
    line-height: 3.142rem;
    padding: 0;
}

#tabs .ui-navbar.slt-stn-wrap .ui-state-default.ui-corner-top .ui-btn::-webkit-input-placeholder {
    font-size: 1.285rem;
    color: #999;
}

#tabs .ui-navbar.slt-stn-wrap li .ui-link.ui-tabs-active {
    color: #8f3576;
    border-bottom: 2px solid #8f3576 !important;
}

#tabs .ui-navbar.slt-stn-wrap li {
    position: relative;
}

#tabs .ui-navbar.slt-stn-wrap li .btn-del,
#tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn.btn-del,
#tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn.btn-del {
    display: block;
    position: absolute;
    top: .714rem;
    left: 100% !important;
    width: 1.071rem;
    height: 1.5625rem;
    font-size: 0;
    text-indent: -100000%;
    border: none !important;
    background-color: transparent;
    margin-left: -1.071rem !important;
}

#tabs .ui-navbar.slt-stn-wrap .btn-del:before,
#tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn.btn-del:before,
#tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn.btn-del:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/icon.png) no-repeat -200px -700px;
    background-size: 1000px;
    margin-top: .571rem;
    left: 100%;
}

/*조회결과*/
.rsvList {
    width: auto;
    overflow: hidden;
    background: #eee;
}

.rsvList li:first-child {
    margin-top: 0;
}

.rsvList li {
    position: relative;
    margin: .285rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.rsvList li.active .ui-btn {
    display: block;
    width: 100%;
    background: #71295d;
    border: none;
    border-radius: 0;
    font-size: 1.071rem;
    font-weight: 500;
    color: #fff;
    padding: 0;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
}

.rsvList li.active .ui-btn.soldout {
    display: block;
    width: 100%;
    background: #ccc;
}

.rsvList li.active .ui-btn.ktx {
    background: #1754ce;
}

.rsvDiv {
    position: relative;
    background: #fff;
    width: 100%;
    overflow: hidden;
    padding: .4em;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    box-sizing: border-box;
    align-items: center;
}

.rsvDiv .toIcon {
    padding: 0;
}

.rsvDiv > div.inline-flex {
    width: auto;
}

.rsvDiv > div.inline-flex2 {
    width: auto;
    display: inline-flex;
    justify-content: space-around;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0 .4em;
    flex: 1;
}

.rsvDiv > div.inline-flex .ui-group {
    flex: 1;
}

.rsvDiv > div.inline-flex .ui-group + .ui-group {
    margin-left: .4em;
}

.rsvDiv .st-name {
    font-size: .857rem;
    font-weight: 600;
    min-width: 5.5rem;
    width: auto;
    display: inline-block;
    text-align: center;
}

.rsvDiv .time-inf {
    padding: 0 .285rem;
    flex: 1;
}

.rsvDiv .time-inf span {
    text-align: center;
    display: block;
    font-size: .857rem;
}

.rsvDiv .time-inf .st_depTime {
    font-size: 1rem;
}

.rsvDiv .rsv-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.857rem;
    text-align: right;
    border: 1px solid #909090;
    box-sizing: border-box;
    padding: .357rem;
    min-width: 65px;
}

.rsvDiv .rsv-btn .st_seatAmount.s_col_wait {
     /* 예약가능 텍스트 color-이벤트 */
    color: #278df5;
    font-weight: 600;
}

.rsvDiv .rsv-btn > * {
    display: block;
    color: #000;
    font-weight: 400;
    font-size: .785rem;
}

.rsvDiv .rsv-btn .st_seatAmount {
    font-weight: 600;
    color: #9f3a84;
}

.rsvDiv.ktx .rsv-btn .st_seatAmount {
    font-weight: 600;
    color: #278df5;
}

.active > .rsvDiv.srt {
    border: .214rem solid #9f3a84;
    border-bottom: none;
}

.active > .rsvDiv.ktx {
    border: .214rem solid #278df5;
    border-bottom: none;
}

.active > .rsvDiv.ktx.transfer {
    border-color: #278df5;
    border-top: none;
}

.active > .rsvDiv.srt.transfer {
    border-color: #9f3a84;
    border-top: none;
}

.active > .rsvDiv.srt.soldout {
    border: .214rem solid #ccc;
    border-bottom: none;
}

.active > .rsvDiv.ktx.soldout {
    border: .214rem solid #ccc;
    border-bottom: none;
}

.active > .rsvDiv.ktx.transfer.soldout {
    border-color: #ccc;
    border-top: none;
}

.active > .rsvDiv.srt.transfer.soldout {
    border-color: #ccc;
    border-top: none;
}

.active > .rsvDiv.ktx.transfer + .option-inf {
    background: #278df5;
}

.rsvDiv .txt {
    font-size: .857rem;
    font-weight: 400;
    color: #4c4c4c;
    display: block;
    text-align: center;
}

.rsvDiv.srt .rsv-btn.ui-btn-active {
    background: #9f3a84;
    border-color: #9f3a84;
}

.rsvDiv.ktx .rsv-btn.ui-btn-active {
    background: #278df5;
    border-color: #278df5;
}

.rsvDiv .rsv-btn.ui-btn-active > *,
.rsvDiv .rsv-btn.soldout > * {
    color: #fff !important;
    font-weight: 600;
}

.rsvDiv .rsv-btn.soldout {
    background: #bdbcbc !important;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-color: #bdbcbc;
}

.rsvDiv .rsv-btn.avaliable > * {
    color: #8f3576;
    font-weight: 600;
}

.rsvDiv .rsv-btn.avaliable {
    background: #fff !important;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-color: #bdbcbc;
}

.rsvDiv .rsv-btn.timetable > * {
    color: #000000;
    font-weight: 600;
}

.rsvDiv .rsv-btn.timetable {
    background: #fff !important;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-color: #bdbcbc;
}

.rsvDiv.transfer {
    margin-top: -.357rem;
    padding-top: 1.428rem;
}

.rsvDiv.transfer .trans-inf {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: flex-start;
    width: 100%;
    height: 16px;
    background: #fff url(../images/bg_dashed.png) repeat-x 0 10px;
    background-size: auto 1px;

}

.rsvDiv.transfer .trans-inf > span {
    display: inline-block;
    width: auto;
    height: auto;
    background: #fff;
    color: #278df5;
    font-size: .785rem;
    text-align: center;
    margin-top: 2px;
    vertical-align: top;
    padding: 0 .4em;
    z-index: 10;
}

.rsvDiv.transfer .trans-inf:before {
    content: "";
    display: inline-block;
    width: 4.285rem;
    height: 1.071rem;
}

.rsvDiv.transfer .trans-inf:after {
    content: "";
    display: inline-block;
    width: 10rem;
    height: 1.071rem;
}

.rsvDiv .rsv-btn .st_seatType .st_seatAmount {
    font-weight: 600;
}

.rsvDiv .rsv-btn .st-sale {
    position: absolute;
    top: 0;
    left: 0;
    margin: -.178rem 0 0 -.178rem;
    display: block;
    width: 2.142rem;
    height: 1rem;
    line-height: 1.45;
    text-align: left;
    font-size: .642rem;
    color: #fff;
    background: url(../images/icon.png) no-repeat -500px -700px;
    background-size: 1000px;
    box-sizing: border-box;
    padding: 0 0 0 .285rem;
}

.rsvDiv .rsv-btn.center {
    text-align: center;
}

.rsvDiv .rsv-btn > .s_col_wait {
    /* 예약가능 텍스트 color-이벤트 */
    color: #278df5;
    font-weight: 600;
}

.rsvDiv .rsv-btn > .s_col_psbl {
    /* 예약가능 텍스트 color-코레일 */
    color: #9f3a84;
    font-weight: 600;
}

.rsvDiv.option-inf {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    background: #9f3a84;
    width: 100%;
    overflow: hidden;
    padding: .357rem .571rem;
    margin-top: -1px;
}

.rsvDiv.ktx + .rsvDiv.option-inf {
    background: #278df5;
}

.rsvDiv.option-inf span,
.rsvDiv.option-inf a {
    font-size: .785rem;
    font-weight: 500;
    color: #fff !important;
}

.rsvDiv.option-inf a.disabled {
    display: inline-block;
    opacity: .3;
    pointer-events: none;
}

.rsvDiv.option-inf > div.flex-end {
    justify-content: flex-end;
}

.rsvDiv.option-inf > div.flex-end > a {
    padding: 0 .571rem;
    position: relative;
    line-height: 2;
    font-size: 1.071rem;
}

.rsvDiv.option-inf > div.flex-end > a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: .714rem;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.285rem;
}

.rsvDiv.option-inf > div.flex-end > a:last-child {
    padding-right: .285rem;
}

.rsvDiv.option-inf > div.flex-end > a:last-child:after {
    display: none;
}

.rsvDiv.ktx .rsv-btn.btn-comm {
    color: #278df5;
}

.rsvDiv.ktx .rsv-btn .st-sale {
    position: absolute;
    top: 0;
    left: 0;
    margin: -.178rem 0 0 -.178rem;
    display: block;
    width: 2.142rem;
    height: 1rem;
    line-height: 1.45;
    text-align: left;
    font-size: .642rem;
    color: #fff;
    background: url(../images/icon.png) no-repeat -500px -750px;
    background-size: 1000px;
    box-sizing: border-box;
    padding: 0 0 0 .285rem;
}

.rsvDiv.ktx .rsv-btn.btn-spec.ui-btn-active {
    background: #278df5;
    border-color: #278df5;
}

.rsvDiv.ktx .rsv-btn.btn-comm.ui-btn-active {
    background: #278df5;
    border-color: #278df5;
}

.rsvDiv.ktx .option-inf {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    background: #278df5;
    width: 100%;
    overflow: hidden;
    padding: .357rem .571rem;
    margin-top: -2px;
}

.rsvList.overflow-auto {
    /*height:calc(100vh - 275px);*/
    height: calc(90vh - 255px);
    overflow-y: auto;
}

.rsvResInfo {
    background: #69425e;
    padding: 0 1rem;
    position: fixed;
    bottom: 3.142rem;
    left: 0;
    width: 100%;
    height: 2.142rem;
    box-sizing: border-box;
    z-index: 100;
}

.rsvResInfo span {
    display: inline-block;
    font-size: 1.071rem;
    height: 2.142rem;
    line-height: 2.142rem;
    font-weight: 500;
    color: #fff;
}

.rsvResInfo span.toIcon {
    position: relative;
    display: inline-block;
    width: .928rem;
    height: .928rem;
    margin: 0 .285rem;
    font-size: 0;
    text-indent: -10000%;
}

.rsvResInfo span.toIcon:before {
    position: absolute;
    left: 5px;
    top: 52%;
    display: block;
    width: 1.428rem;
    height: 1.428rem;
    content: "";
    background: url(../images/icon.png) no-repeat -600px -600px;
    background-size: 1000px;
}

.rsvResInfo2 {
    background: #eeeeee;
    padding: .2rem 1.2rem;
    position: fixed;
    bottom: 3.142rem;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    z-index: 100;
}

.rsvResInfo2 span {
    display: inline-block;
    font-size: .928rem;
    line-height: 1.2rem;
    font-weight: 500;
    color: #292929;
}

.rsvResInfo2 li {
    padding: .5rem 0;
    height: auto;
    border-bottom: 1px solid #ccc
}

.rsvResInfo2 li:last-child {
    border-bottom: none;
}

.rsvResInfo2 li .ui-type-flex {
    justify-content: flex-start;
}

.rsvResInfo2 li .ui-type-flex.center {
    justify-content: center;
}

.rsvResInfo2 li .ui-type-flex.center > span,
.rsvResInfo2 li .ui-group.center > span {
    font-weight: 400;
    text-align: left;
}


#tabs .rail-slt {
    width: auto;
    overflow: hidden;
    margin: 0 1rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

#tabs .rail-slt .ui-navbar {
    /*margin-bottom: 1.428rem;*/
    margin-bottom: .928rem;
}

#tabs .rail-slt .ui-navbar ul {
    margin-bottom: 0;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top {
    height: 35px;
}

#tabs .rail-slt .ui-navbar li {
    padding: 0 .535rem;
}

#tabs .rail-slt .ui-navbar li:first-child {
    padding-left: 0;
}

#tabs .rail-slt .ui-navbar li:last-child {
    padding-right: 0;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn {
    display: block;
    border-radius: 1.428rem !important;
    border: 1px solid #ddd;
    height: 100%;
    line-height: 2.4;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn.active {
    border-color: #8f3576;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn,
#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn.srt,
#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn.korail {
    position: relative;
    font-size: 0;
    text-indent: -999999999%;
    text-align: center;
    padding: 0;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn.srt:before {
    content: "";
    display: block;
    width: 58px;
    height: 18px;
    background: url(../images/icon.png) no-repeat 0 -748px;
    background-size: 1000px;
    margin: 8px auto 0;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn.srt:before {
    background-position: 0 -698px;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top .ui-btn.korail:before {
    content: "";
    display: block;
    width: 68px;
    height: 18px;
    background: url(../images/icon.png) no-repeat -100px -751px;
    background-size: 1000px;
    margin: 8px auto 0;
}

#tabs .rail-slt .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn.korail:before {
    background-position: -100px -697px;
    background-size: 1000px;
}

.ui-switch-radio.stn-radio-list {
    display: flex;
    width: auto;
    height: auto;
    justify-content: flex-start;
    flex-flow: row wrap;
    align-items: center;
    /* background: #ededed; */
    margin: 0 0 1rem;
    /* #border-bottom: 1px solid #e0e0e0 !important; */
}

.ui-switch-radio.stn-radio-list .ui-radio > .ui-radio {
    flex-basis: 100% !important;
}

.ui-switch-radio.stn-radio-list .ui-radio {
    flex-basis: 33.33333%;
    height: 3.214rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.ui-switch-radio.stn-radio-list .ui-radio > input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.ui-switch-radio.stn-radio-list .ui-radio > * {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    text-align: center;
    box-sizing: border-box;
    margin: 0 !important;
    line-height: 3.142rem !important;
}

.ui-switch-radio.stn-radio-list .ui-radio:nth-child(3n) {
    border-right: 1px solid #e0e0e0 !important
}

.ui-switch-radio.stn-radio-list .ui-btn.ui-radio-on {
    background: #f1e5ed;
    border: 1px solid #8f3576 !important;
    color: #8f3576;
    /*font-size: .928rem;*/
    font-size: 1rem;
    font-weight: 600;
    border-radius: .0;
    margin-right: -1px !important;
    z-index: 800;
}

.ui-switch-radio.stn-radio-list .ui-btn.ui-radio-off {
    background: #fff;
    color: #737373;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #e0e0e0 !important;
    /* border-right: none !important; */
    /* border-bottom: none !important; */
}

.stn-legend {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.stn-legend:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.stn-legend > .btn-sm {
    display: inline-block;
    color: #737373;
    background: #fff;
    border: 1px solid #ddd;
    font-size: .857rem;
    font-weight: 500;
    box-sizing: border-box;
    padding: .357rem 0;
    line-height: .714rem;
    text-align: center;
    flex: 1;
    height: 1.5625rem;
    border-radius: 0;
    margin-left: -1px;
}

.stn-legend > .btn-sm:first-child {
    margin-left: 0;
}

.stn-legend > .btn-sm.active {
    border-color: #8f3576 !important;
    background: #8f3576;
    color: #fff;
}

.slt-date-container {
    width: 100%;
    height: 3.142rem;
    border-top: .357rem solid #edeef0;
    background: #fff;
    box-sizing: border-box;
}

#st_ymd {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #9f3a84;
    font-size: 1.142rem;
    font-weight: 500;
    line-height: 1.142rem;
    text-align: center;
    width: 10.714rem;
    margin: -.714rem 0 0 -5.357rem;
}

.monthBtn {
    font-size: .857rem;
}

.slt-date-container > div {
    width: auto;
    height: auto;
}

.slt-date-container a.ui-btn.monthBtn {
    color: #000;
    font-size: .857rem;
    font-weight: 500;
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    border: none;
    height: 2.857rem;
    padding: .8rem 0;
    box-sizing: border-box;
}

.slt-date-container div:first-child .ui-btn.monthBtn:before {
    content: "";
    display: inline-block;
    width: .714rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -296px -408px;
    background-size: 1000px;
    vertical-align: middle;
    margin: -.214rem .214rem 0;
}

.slt-date-container div:last-child a.ui-btn.monthBtn:after {
    content: "";
    display: inline-block;
    width: .714rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -408px -408px;
    background-size: 1000px;
    vertical-align: middle;
    margin: -.214rem .214rem 0;
}

.ui-select {
    z-index: 1;
    position: relative;
    margin: 0;
}

.slt-option-wrap {
    background: #eee;
    padding: .428rem .285rem 1px .285rem;
    margin-bottom: -1px;
}

.slt-option-container,
.slt-option-container > div {
    flex: 1;
    flex-basis: auto;
}

.slt-option-container > div.ui-select:nth-child(2) {
    border: 1px solid red;
}

.slt-option-container .ui-select + .ui-select {
    margin-left: 0;
}

.slt-option-container > div.ui-select {
    margin-left: -1px;
}

.ui-btn.prev *,
.ui-btn.next * {
    font-size: inherit
}

.stationCheckBox .ui-btn.prev,
.stationCheckBox .ui-btn.next {
    padding: .357rem;
    font-size: .857rem;
    color: #666666;
    border: none;
}

.stationCheckBox .ui-btn.prev:before {
    content: "";
    display: inline-block;
    width: .714rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -296px -408px;
    background-size: 1000px;
    vertical-align: middle;
    margin: -.214rem .214rem 0;
}

.stationCheckBox .ui-btn.next:after {
    content: "";
    display: inline-block;
    width: .714rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -408px -408px;
    background-size: 1000px;
    vertical-align: middle;
    margin: -.214rem .214rem 0;
}

.ui-select .ui-btn,
.ui-select .ui-btn:hover,
.ui-select .ui-btn:active,
.ui-select .ui-btn:focus,
.ui-select .ui-btn:visited {
    width: 100%;
    padding: 0 .6rem;
    border-radius: 0;
    border: 1px solid #efefef;
    text-align: left;
    background: #fff;
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    position: relative;
    height: 2.285rem;
    line-height: 2.285rem;
    box-sizing: border-box;
    display: block;
}

.ui-select .ui-btn select {
    opacity: 1;
    border: none;
    text-indent: .6rem;
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
    z-index: 1;
}

.ui-select .ui-btn.ui-btn-active:after {
    content: "";
    display: block !important;
    width: .714rem;
    height: .428rem;
    background: url(../images/icon.png) no-repeat -700px -600px;
    background-size: 1000px;
    position: absolute;
    right: .285rem;
    top: 50%;
    margin-top: -.214rem;
    z-index: 10;
}

.ui-btn.ui-btn-active,
.ui-select .ui-btn.ui-btn-active {
    border-color: #8f3576 !important;
}

.ui-header.type2 .ui-btn-icon-notext:after {
    display: none;
}

.ui-header.type2 .ui-btn-icon-left:after,
.ui-header.type2 .ui-btn-icon-right:after,
.ui-header.type2 .ui-btn-icon-notext.ui-btn-active:after,
.ui-header.type2 .ui-btn-icon-left.ui-btn-active:after,
.ui-header.type2 .ui-btn-icon-right.ui-btn-active:after,
.ui-header.type2 .ui-btn.ui-btn-active:after,
.ui-header.type2 .ui-btn.ui-btn-active:after {
    margin-top: -.357rem;
    background: url(../images/icon.png) no-repeat -700px -600px;
    background-size: 1000px;
    right: .285rem;
}

.ui-select .option-list {
    background: #fff;
    position: absolute;
    top: 2.285rem;
    left: 0;
    width: 100%;
    overflow: hidden;
    border: 1px solid #999;
    border-top: none;
    padding: 0 .285rem .285rem;
    box-sizing: border-box;
    font-size: .785rem;
    color: #333;
    text-align: left;
    z-index: 100;
    display: none;
}

.ui-select .ui-btn.h54,
.ui-select .ui-btn.h54:hover,
.ui-select .ui-btn.h54:active,
.ui-select .ui-btn.h54:focus,
.ui-select .ui-btn.h54:visited {
    height: 1.928rem;
    padding: 0 1.8em 0 .2em;
    line-height: 1.928rem;
    font-size: .928rem;
    color: #000;
}

.ui-select .ui-btn.h54 .fa {
    font-size: inherit;
}

.ui-select .ui-btn:after {
    content: "";
    display: block !important;
    width: .714rem;
    height: .428rem;
    background: url(../images/icon.png) no-repeat -700px -600px;
    background-size: 1000px;
    position: absolute;
    right: .285rem;
    top: 50%;
    margin-top: -.214rem !important;
    z-index: 10;
}

.ui-select .ui-btn.h54 + .option-list {
    top: 1.857rem;
}

.ui-select .option-list li > * {
    display: block;
    padding: .5rem 0;
    font-size: .857rem;
    font-weight: 500;
}

.ui-select .option-list li:first-child > * {
    padding-top: 1rem;
}

.ui-select .option-list li:last-child > * {
    padding-bottom: 1rem;
}

.ui-select .option-list a span {
    font-size: inherit
}

.ui-select > .ui-btn > *,
.ui-select > .ui-btn > span:not(.ui-li-count) {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

label.fs14 {
    padding-left: .571rem;
    margin-bottom: .357rem;
    color: #777;
}

.ui-selectSeat {
    position: fixed;
    bottom: 0%;
    width: 96%;
    background-color: white;
    padding: 2%;
}

.ui-checkbox {
    display: inline-block;
    box-sizing: border-box;
    flex: 1;
}

.ui-checkbox label {
    display: inline-block;
    border: none;
    padding: .357rem .214rem .357rem 1rem;
    ;
    box-sizing: border-box;
    font-weight: 400;
    font-size: .857rem;
    letter-spacing: -.1em;
}

.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
    margin: 0;
    text-align: left;
    white-space: normal;
    z-index: 2;
    line-height: 1.5;
    /* padding: 6px 6px 6px 1.571rem; */
    padding: 12px 6px 3px 1.571rem;
}

.ui-checkbox * {
    border: none;
    background-color: transparent !important;
    font-size: inherit;
}

.ui-checkbox label span {
    font-weight: 400;
}

.ui-checkbox input,
.ui-radio input {
    width: 0;
    height: 0;
    appearance: none;
    outline: 0 !important;
    z-index: -9;
}

.ui-disabled .ui-btn.ui-checkbox-off:after,
.ui-state-disabled .ui-btn.ui-checkbox-off:after,
button[disabled] .ui-btn.ui-checkbox-off:after,
.ui-select .ui-btn.ui-state-disabled .ui-btn.ui-checkbox-off:after {
    background: #666;
    border-color: #000 !important;
    opacity: .4
}

.ui-checkbox .ui-btn:after,
.ui-btn.ui-checkbox-off:after,
.ui-radio .ui-btn:after,
.ui-radio .ui-btn.ui-btn-icon-left:after,
.ui-radio .ui-btn.ui-btn-icon-right:after {
    background: #fff;
    border: #000 solid 1px;
    width: 18px;
    height: 18px;
    border-radius: .214rem;
    box-sizing: border-box;
    left: 0;
    top: 50%;
    margin: -9px 0 0 0;
}


.ui-radio .ui-btn.ui-top:after,
.ui-radio .ui-btn.ui-btn-icon-left.ui-top:after {
    top: 0;
    margin-top: 4px !important;
}

.ui-icon-check:after,
html .ui-btn.ui-checkbox-on.ui-checkbox-on:after,
html .ui-radio .ui-btn.ui-radio-on:after,
html .ui-radio .ui-btn.ui-radio-on.ui-btn-icon-left:after,
html .ui-radio .ui-btn.ui-radio-on.ui-btn-icon-right:after {
    background: url(../images/icon.png) -292px -2px no-repeat #8f3576;
    background-size: 1000px;
    border: 1px solid #8f3576 !important;
}

.ui-checkbox .ui-btn.ui-btn-icon-right,
/* .ui-radio .ui-btn {width:100%; background: #fff; font-size: 1rem;  display: block; text-align: left;  padding:0;} */
.ui-radio .ui-btn {
    width: 100%;
    background: #fff;
    font-size: 1rem;
    display: block;
    text-align: left;
}

.ui-checkbox .ui-btn.ui-btn-icon-right:after,
.ui-checkbox .ui-btn.ui-checkbox-on.ui-btn-icon-right:after,
.ui-radio .ui-btn.ui-btn-cion-right:after,
.ui-radio .ui-btn.ui-radio-on.ui-btn-icon-right:after,
html .ui-radio .ui-btn.ui-btn-icon-right:after {
    position: absolute;
    left: 100%;
    margin-left: -20px;
}

html .ui-radio .ui-btn.ui-btn-icon-left {
    padding-left: 1.6rem;
    box-sizing: border-box;
}

html .ui-radio .ui-btn.ui-btn-icon-right {
    padding-left: 0 !important;
    box-sizing: border-box;
}

.checkBoxList .ui-checkbox .ui-btn:after,
.checkBoxList .ui-btn.ui-checkbox-off:after,
.checkBoxList .ui-btn.ui-checkbox-on:after {
    top: 5px;
    margin: 0;
}

.ui-checkbox .ui-btn.middle:after,
.ui-btn.ui-checkbox-off.middle:after,
.ui-icon-check.middle:after,
html .ui-btn.ui-checkbox-on.ui-checkbox-on.middle:after {
    top: 50%;
    margin-top: -9px;
}

li .ui-checkbox,
li .ui-checkbox > label {
    width: 100%;
}


.setPswd {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 2rem 0;
}

.setPswd h3 {
    height: 40px;
}

.setPswd .guideTxt {
    height: 20px;
}

.passList {
    width: auto;
    height: 26px;
    margin: 34px 0 0;
    text-align: center;
}

.passList li {
    display: inline-block;
    padding: 0 .428rem;
}

.passList li img {
    width: 1.428rem;
}

.keyList {
    margin-top: 40px;
    width: 100%;
    height: calc(100% - 160px);
}

.keyList li {
    width: 33.3%;
    height: 25%;
    float: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.keyList li a {
    display: block;
    width: 100%;
    line-height: 100%;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.785rem;
    font-weight: 700;
    color: #333;
}

.keyList li a img {
    width: 2.214rem
}

.keyList li a.f40 {
    font-weight: 400
}


.callCheckCrewList {
    width: 100%;
    height: auto;
}

.callCheckCrewList li {
    border-top: 1px solid #999;
}

.callCheckCrewList li:first-child {
    border-top: none;
}

.callCheckCrewList li .ui-checkbox {
    display: block;
    width: 100%;
    height: auto;
}

.callCheckCrewList li .ui-checkbox label,
.callCheckCrewList li .ui-checkbox label:hover {
    display: block;
    font-size: 1rem;
    color: #292929;
    font-weight: 500;
    padding: 0 1rem 0 0;
    line-height: 1.8;
}

.callCheckCrewList li .ui-checkbox .ui-btn:after,
.callCheckCrewList li .ui-checkbox .ui-btn.ui-checkbox-off:after {
    background: #fff;
    border: #000 solid 1px;
    left: calc(100% - 18px);
}

.callCheckCrewList li .ui-checkbox .ui-icon-check:after,
.callCheckCrewList li .ui-checkbox .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    background: url('../images/icon.png') -293px -2px no-repeat #8f3576;
    background-size: 1000px;
    left: calc(100% - 18px);
}

.callCheckCrewList li textarea,
.callCheckCrewList li textarea::placeholder {
    font-size: 2rem;
}

textarea.ui-input-text.ui-textinput-autogrow {
    padding: .571rem;
}

.boxType01.type4 {
    padding: .357rem .285rem .285rem;
}

.boxType01.type4 .ui-btn.ui-checkbox-off:after,
.boxType01.type4 .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    background-size: 1.571rem 1.571rem;
    margin: -.357rem 0 0 0;
    width: 18px;
    height: 18px;
}

.ui-btn.ui-checkbox-off.type2,
.ui-btn.ui-checkbox-on.type2 {
    padding: 0 0 0 1.571rem;
    letter-spacing: -.1em;
    min-height: 18px;
    font-weight: 600;
    color: #333 !important;
    line-height: 2;
}

.ui-btn.ui-checkbox-off.type2:after {
    background: #fff;
    margin: -9px 0 0 0;
    width: 18px;
    height: 18px;
    border-radius: .214rem;
    box-sizing: border-box;
    left: 0;
}

.ui-icon-check.type2:after,
html .ui-btn.ui-checkbox-on.ui-checkbox-on.type2:after {
    background: url('../images/icon.png') -291.5px -2px no-repeat #8f3576;
    background-size: 1000px;
    margin: -9px 0 0 0;
    width: 18px;
    height: 18px;
    border-radius: .214rem;
    box-sizing: border-box;
    left: 0;
}

.all-agree .ui-btn.ui-checkbox-off.type2,
.ui-btn.ui-checkbox-on.type2 {
    padding: 0 0 0 1.5625rem;
    letter-spacing: -1.5px;
    line-height: 1.5;
}

.all-agree .ui-btn.ui-checkbox-off.type2:after {
    width: 1.5rem;
    height: 1.5rem;
    margin: -.714rem 0 0 0;
}

.all-agree .ui-icon-check.type2:after,
html .ui-btn.ui-checkbox-on.ui-checkbox-on.type2:after {
    background: url('../images/icon.png') -289px 0 no-repeat #8f3576;
    background-size: 1000px;
    margin: -.714rem 0 0 0;
    width: 1.5rem;
    height: 1.5rem;
}

.tabType .ui-controlgroup-controls {
    background-color: #b6b6b6;
    border-radius: .357rem;
}

.tabType .ui-controlgroup-controls .ui-radio label,
.tabType .ui-controlgroup-controls .ui-radio label:hover {
    background-color: #b6b6b6;
    border: none;
    text-align: center;
    color: #fff;
    border-radius: .357rem;
}

.tabType .ui-controlgroup-controls .ui-radio label.ui-radio-on {
    background-color: #8f3576;
    border-radius: .357rem;
}

.tabType .ui-controlgroup-controls .ui-radio .ui-btn {
    padding-left: 0;
}

.tabType2 {
    background-color: #b6b6b6;
    border-radius: .357rem;
}

.tabType2 li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    background-color: #b6b6b6;
    border: none;
    text-align: center;
    border-radius: .357rem;
    padding: .357rem 0;
    margin: 0 !important;
}

.tabType2 li a {
    color: #fff !important;
}

.tabType2 li.on {
    background-color: #8f3576;
    border-radius: .357rem;
    padding: .357rem 0;
    margin: 0 !important;
}

.ui-btn.typeLine {
    border-radius: .285rem;
    border: #c2c2c2 solid 2px;
    background-color: #fff;
    height: 1.714rem;
    line-height: 1.714rem;
    padding: 0 .571rem;
    box-sizing: border-box;
}

.ui-btn.typeLine:hover {
    background-color: #fff;
    border: #8f3576 solid 2px !important;
}

.ui-page-theme-a .btn_stn.ui-link {
    font-size: 2rem;
    color: #8f3576;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #8f3576;
}


/*datepicker*/
.hasDatepicker .dateSetting,
.hasDatepicker .dateSettingBtn,
.hasDatepicker .prevNextBtn {
    visibility: hidden;
    width: 0;
    height: 0;
}

.hasDatepicker {
    position: relative;
    padding: 0;
    z-index: 1000;
}

.hasDatepicker .btn-refresh {
    position: absolute;
    top: .5rem;
    right: 1rem;
}

.ui-datepicker {
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
    margin: .714rem 0;
    background: #fff;
}

.ui-datepicker-header {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin: 1rem auto .4rem auto;
    width: 100%;
}

.ui-datepicker-header > a {
    display: inline-block;
    width: 35px;
    height: 30px;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 30px;
}

.ui-datepicker-title * {
    display: inline-block;
    font-size: 1.285rem;
    font-weight: 600;
    line-height: 1;
}

.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -100000%;
}

.ui-datepicker-header a.ui-datepicker-prev:before,
.ui-datepicker-header a.ui-datepicker-next:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -4px;
    display: inline-block;
    width: 8px;
    height: 16px;
    background: url(../images/icon.png) no-repeat -300px -600px;
    background-size: 1000px;
}

.ui-datepicker-header a.ui-datepicker-prev:before {
    background-position: -300px -600px !important;
}

.ui-datepicker-header a.ui-datepicker-next:before {
    background-position: -400px -600px !important;
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled span {
    color: #d3d3d3;
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled span {
    color: #d3d3d3;
}

.ui-datepicker .ui-icon-arrow-r:hover:after {
    background: url('../images/btn_WF_Next_O.png') no-repeat;
}

.ui-datepicker .ui-datepicker-next span {
    margin-top: .214rem;
    float: right;
}

.ui-datepicker .ui-icon-arrow-l:after {
    left: .5rem;
}

.ui-datepicker .ui-icon-arrow-r:after {
    right: .285rem;
}

.ui-datepicker.ui-widget.ui-widget-content {
    border: none;
    background-color: #fff;
}

.ui-datepicker-calendar > thead th {
    width: 14.285%;
    height: 35px;
    background: #f2f2f2;
}

.ui-datepicker-calendar > thead th span {
    color: #545454;
    font-size: 1rem;
    font-weight: 500;
}

.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child {
    padding-left: 1.2rem
}

.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child {
    padding-right: 1.2rem;
}

.ui-datepicker-calendar > tbody td {
    width: 14.285%;
    height: 36px;
    text-align: center;
    padding: .2rem 0;
}

.ui-datepicker-calendar > tbody td a {
    text-align: center;
    display: block;
    text-decoration: none;
    color: #080808;
    font-size: 1.071rem;
    font-weight: 500;
    margin: 0 auto;
}

.ui-datepicker-calendar > tbody td.ui-datepicker-unselectable.ui-state-disabled span {
    display: inline-block;
    width: 99.9%;
    height: 92%;
    background: #eee;
}

.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child {
    padding-left: 1.2rem
}

.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child {
    padding-right: 1.2rem;
}

.ui-datepicker-calendar .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 0;
    height: 0;
    display: none;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    display: inline;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width: 1.5625rem;
    text-overflow: initial;
    background-color: #fff;
    float: left;
    font-size: .5rem;
    color: #666;
    border: none;
}

.ui-datepicker .ui-icon-arrow-l:after {
    background: url('../images/btn_WF_Pre.png') no-repeat;
    margin-top: -.357rem;
    width: .785rem;
    height: .357rem;
    left: .357rem;
}

.ui-datepicker .ui-icon-arrow-l:hover:after {
    background: url('../images/btn_WF_Pre_O.png') no-repeat;
}

.ui-datepicker .ui-icon-arrow-r:after {
    background: url('../images/btn_WF_Next.png') no-repeat;
    margin-top: -.357rem;
    width: .785rem;
    height: .357rem;
    right: .357rem;
    left: initial;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:active {
    background-color: #fff;
    font-weight: 500;
    border: none;
    text-align: center;
}

.ui-datepicker td a {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0;
    margin: 0;
}

.ui-state-default {
    text-align: center;
    display: block;
    width: 36px;
    /*height:36px;*/
    margin: 0 auto;
    position: relative;
    padding: 4px 0 0 0;
    line-height: 1.2;
    box-sizing: border-box;
}

.ui-state-default span {
    display: block;
    font-size: 9px;
    color: #9f3a84;
    font-weight: 400;
    text-align: center;
}

.ui-button:active span,
.ui-state-highlight.ui-state-active span {
    display: block;
    font-size: 9px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

a.ui-button:active,
.ui-button:active,
.ui-state-default.ui-state-highlight:active {
    background: #9f3a84;
    color: #fff !important;
    font-weight: 600;
    border-radius: .5rem;
}

.ui-state-default.ui-state-active {
    background: #9f3a84;
    color: #fff !important;
    font-weight: 600;
    border-radius: .5rem;
}

.ui-datepicker td.ui-datepicker-today a:after {
    content: "오늘";
    font-size: 9px;
    display: block;
    text-align: center !important;
    position: realtive;
}

.ui-page-theme-a td.ui-datepicker-today a.ui-state-default.ui-state-highlight a:after,
.ui-page-theme-a td.ui-datepicker-today a.ui-state-default.ui-state-active a:after {
    color: #fff !important;
}

.date-sunday .ui-state-default {
    color: #9f3a84;
    font-weight: 500;
}

.ui-state-disabled.date-sunday .ui-state-default {
    color: #545454;
}

.dateSettingBtn {
    margin-bottom: -.714rem;
}

.dateSetting > div .ui-btn,
.dateSetting > div span {
    margin: 0;
    padding: .357rem .571rem;
    text-align: center;
    font-size: .571rem;
    width: 33.3%;
    box-sizing: border-box;
    display: block;
    float: left;
    border: #fff solid 1px !important;
    background-color: #d8d8d8;
}

/*
.ui-state-default:hover,.ui-state-highlight .ui-state-active
{
    
     background: url('../images/cal_WF_Today_S.png') center center no-repeat; 
    background : #9f3a84;
    background-size: 36px 35px;
    color: #fff !important;
    line-height: 35px;
    border-radius : .5rem;
}
.ui-state-active
{
    
     background: url('../images/cal_WF_Today_S.png') center center no-repeat; 
    background : #9f3a84 !important;
    background-size: 36px 35px;
    color: #fff !important;
    line-height: 35px;
    border-radius : .5rem;
}
*/


.dateSetting > div span {
    background-color: #f2f2f2;
}

.dateSetting:after {
    content: '';
    display: block;
    clear: both;
}

.dateSettingBtn li:first-child {
    padding-left: 0;
}

.dateSettingBtn li:last-child {
    padding-right: 0;
}

.dateSettingBtn li {
    padding: 0 .571rem;
    margin-top: .357rem;
    box-sizing: border-box;
}

.dateSettingBtn button {
    width: 100%;
    display: inline-block;
    margin: .357rem 0 !important;
    box-sizing: border-box;
}

.dateSettingBtn:after {
    content: '';
    display: block;
    clear: both;
}

.stationTab {
    margin: 0 -.714rem;
}

.stationTab .ui-btn {
    text-align: center;
    border: none !important;
    height: 1.428rem;
    font-size: 0;
}

.stationTab .ui-block-a .ui-radio {
    margin-right: .142rem !important;
}

.stationTab .ui-radio {
    margin-right: 0 !important;
}

.stationTab .ui-btn:after {
    display: none;
}

.stationTab .ui-radio-off {
    background-color: #d8d8d8;
}

.srtStation {
    background: url('../images/btn_WF_SRT.png') center center no-repeat;
    background-size: 58.5px 15.5px;
}

.srtStation.ui-radio-on,
.srtStation.ui-radio-on:hover,
.srtStation.ui-radio-off:hover {
    background: url('../images/btn_WF_SRT_D.png') center center no-repeat #23283e;
    background-size: 58.5px 15.5px;
}

.korailStation {
    background: url('../images/btn_WF_KORAIL.png') center center no-repeat;
    background-size: 78px 18.5px;
}

.korailStation.ui-radio-on,
.korailStation.ui-radio-on:hover,
.korailStation.ui-radio-off:hover {
    background: url('../images/btn_WF_KORAIL_D.png') center center no-repeat #23283e;
    background-size: 78px 18.5px;
}

.radioList .ui-radio label {
    background-color: #fff !important;
    color: #666666;
    text-align: left;
    font-size: .571rem;
}

.radioList .ui-controlgroup-controls {
    background-color: #fff;
    width: 100%;
}

.radioList .ui-radio {
    display: block;
    width: 48%;
    padding: .357rem;
    box-sizing: border-box;
    background-color: #fff !important;
    border-bottom: 1px solid #f2f2f2;
}

.radioList2 .ui-radio {
    padding: .357rem !important;
}

.radioList2 .ui-radio label {
    color: #666 !important;
}

.radioList .ui-radio:nth-child(even) {
    margin-left: 4%;
}

.radioList .ui-radio:hover label {
    color: #666;
    text-align: left;
}

.radioList .ui-radio-on {
    background: url('../images/btn_WF_Possible_S.png') right center no-repeat;
    background-size: 29px 27px;
    color: #666 !important;
}

.radioList .ui-radio-off {
    background: url('../images/btn_WF_Possible.png') right center no-repeat;
    background-size: 29px 27px;
}

.radioList2,
.delList {}

.radioList2 li,
.delList li {
    position: relative;
    padding-left: 1.428rem;
    border-bottom: 1px solid #edeef0;
    height: 2.5rem;
}

.radioList2 li,
.delList li .btn-del {
    top: 1.357rem;
}

.radioList2 fieldset {
    margin: 0;
}

.radioList2 .ui-radio label.ui-radio-on {
    color: #8f3576;
}

.radioList2 .ui-radio label {
    background-color: #fff !important;
    color: #333;
    text-align: left;
    padding-left: .357rem;
    font-size: .571rem;
}

.radioList2 .ui-radio label:after {
    right: 0.5625em;
    left: auto;
}

.radioList2 .ui-radio {
    background-color: #fff !important;
    border-bottom: 1px solid #f2f2f2;
}

.delList li a {
    font-size: 1rem;
    font-weight: 400;
}

.delList li a:first-child {
    display: block;
    width: 100%;
    padding: .571rem 0;
    box-sizing: border-box;
}

.delList li a:last-child {
    display: inline-block;
    margin-top: -.714rem;
}

.btnList button {
    width: 6.5%;
    float: left;
    margin: 0 1px;
    text-align: center;
    padding: .142rem;
    box-sizing: border-box;
}

.btnList:after {
    content: '';
    display: block;
    clear: both;
}

/*tabs*/
.ui-widget.ui-widget-content {
    border: none;
}

.ui-tabs {
    padding: 0;
    width: 100%;
    overflow: Hidden;
}

.ui-tabs .ui-navbar {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
}

#tabs .ui-navbar .ui-state-default.ui-corner-top {
    background: none;
    color: #8f3576 !important;
    font-size: 1.071rem;
    line-height: 1.8;
    overflow: hidden;
    height: 50px;
    border-radius: 0;
}

#tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn {
    background-color: #fff;
    text-align: center;
    color: #999;
    border-radius: 0;
    margin: 0 !important;
    width: 100%;
    font-size: 1.071rem;
    line-height: 1.8;
    border: none;
    border-bottom: 2px solid #f3f3f3;
    position: relative;
    left: 0;
    height: 50px;
    box-sizing: border-box;
}

#tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn {
    color: #8f3576;
    border-radius: 0;
    margin: 0 !important;
    border-color: #8f3576 !important;
}

#tabs.tabs70 {
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 1rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0;
}

.fullSize {
    position: relative;
}

.fullSize .ui-navbar {
    margin-bottom: 0;
}

.fullSize #tabs.tabs70 .ui-tabs-panel {
    padding: 0;
    margin: 0 -1rem;
    border-radius: 0;
}

.fullSize .ui-tabs .ui-tabs-panel {
    padding: 0 1rem;
    margin: 0 -1rem;
    border-radius: 0;
}

#tabs.tabs70 .ui-navbar ul {
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.liList {
    display: block;
    width: 100%;
    height: auto;
    overflow: Hidden
}

.liList li {
    width: 100%;
    height: 5.714rem;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #edeff1;
}

.dotList01 {
    margin: 0;
    padding: 1.071rem 0 0;
}

.dotList01 li {
    position: relative;
    font-size: .928rem;
    color: #282828;
    list-style: none;
    padding-left: .714rem;
    margin-top: .5rem;
    line-height: 1.6;
}

.dotList01 > li:first-child {
    margin-top: 0;
}

.dotList01 > li:before {
    content: "";
    display: inline-block;
    width: .285rem;
    height: .285rem;
    border-radius: 50%;
    background: #6f6f6f;
    position: absolute;
    top: .571rem;
    left: 0;
}

.dotList01 > li > ul {
    margin: 0;
    padding: 0;
}

.dotList01 > li > ul > li {
    padding-left: 0;
    margin-top: .357rem;
}

.dotList02 > li {
    background: url("../images/sta_WF_Listicon.png") 0 2px no-repeat;
    background-size: .214rem .571rem;
    padding-left: .571rem;
    color: #777;
    margin-top: .5rem;
    line-height: 1.8;
}

.dotList03 > li {
    background: url("../images/sta_WF_Listicon.png") 0 .285rem no-repeat;
    background-size: .214rem .571rem;
    padding-left: .571rem;
    margin-top: .5rem;
}

.linkList li {
    background: url("../images/btn_WF_ArrowR_N.png") 99% center no-repeat;
    border-bottom: 1px solid #ececec;
    font-weight: 700;
    color: #666;
}

.linkList .title {
    background: #f2f2f2;
    color: #666;
}

.linkList li a {
    width: 100%;
    display: inline-block;
    font-size: .714rem;
}

.linkList li span {
    color: #c6c6c6;
    float: right;
    padding-right: .714rem;
    font-weight: normal;
}

.linkList .ui-checkbox {
    position: relative;
    margin: 0;
}

.linkList .ui-btn.ui-checkbox-off.ui-checkbox-off:after,
.linkList .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    right: 0;
    left: initial;
}

.linkList label {
    width: 100%;
    color: #666 !important;
    padding: .357rem 1.142rem .357rem 0;
}

.btnList a {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #d8d8d8;
    color: #666;
    height: 1.428rem;
    line-height: 1.428rem;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.btnList a:hover,
.btnList a.on {
    background: #23283e;
    color: #fff;
}

.blt01 {
    background: url("../images/sta_WF_Listicon.png") 0 .285rem no-repeat;
    background-size: .214rem .571rem;
    padding-left: .571rem;
    margin-top: .5rem;
}

.ui-body.ui-body-a.ui-corner-all {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
}

.w100 .ui-checkbox {
    width: 100% !important;
}

.layerArea.type2 {
    top: 1%;
}

.layerArea.type2 .yScroll {
    height: 3.571rem;
    overflow-y: scroll;
}

.dimm {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: #000 !important;
    /*opacity: 0.699999988079071044921875;*/
    opacity: 0.50 !important;
    display: none;
}

.subTit {
    background: #f7f7f7;
    padding: .571rem .571rem .357rem .285rem;
    font-size: .714rem;
    margin: .857rem 0 0;
}

.subTit2 {
    background: #8f3576;
    border-radius: .357rem;
    text-align: center;
    color: #fff;
    padding: .571rem .571rem .357rem .285rem;
    font-size: .714rem;
    margin: .857rem 0 0;
}

.subTit3 {
    background: #8f3576;
    color: #fff;
    padding: .214rem .571rem .214rem .285rem;
    font-size: .571rem;
    margin: .857rem 0 0;
}

.ui-controlgroup .ui-controlgroup-label {
    display: none;
}

.seatRadio .ui-controlgroup-controls {
    background: #fff;
    border-radius: 0;
}

.seatRadio .ui-controlgroup-controls .ui-radio label.ui-radio-on,
.seatRadio .ui-controlgroup-controls .ui-radio label.ui-radio-off {
    border-radius: 0;
    background: #fff;
    color: #444;
    padding-left: 1.714rem;
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
}

.seatRadio .ui-controlgroup-controls .ui-radio label.ui-radio-on {
    color: #8f3576;
}

.seatRadio .ui-controlgroup-controls .ui-radio:last-child label.ui-radio-off,
.seatRadio .ui-controlgroup-controls .ui-radio:last-child label.ui-radio-on {
    border-bottom: none;
    margin-bottom: -600px;
}

.seatRadio.type2 .ui-controlgroup-controls .ui-radio:last-child label.ui-radio-off,
.seatRadio.type2 .ui-controlgroup-controls .ui-radio:last-child label.ui-radio-on {
    border-bottom: 1px solid #f3f3f3;
}

.seatRadio .ui-controlgroup,
.seatRadio fieldset.ui-controlgroup {
    width: 100%;
    margin: 0;
}

.seatRadio .ui-controlgroup-controls .ui-radio:nth-child(1) label,
.seatRadio.type2 .ui-controlgroup-controls .ui-radio:nth-child(1) label,
.seatRadio.type2 .ui-controlgroup-controls .ui-radio:nth-child(4) label {
    background: url('../images/img_WF_seat01.png') .714rem center no-repeat;
    background-size: .892rem 21px;
}

.seatRadio .ui-controlgroup-controls .ui-radio:nth-child(2) label {
    background: url('../images/img_WF_seat02.png') .571rem center no-repeat;
    background-size: 1.285rem 20.5px;
}

.seatRadio .ui-controlgroup-controls .ui-radio:nth-child(3) label {
    background: url('../images/img_WF_seat03.png') .571rem center no-repeat;
    background-size: 20.5px 1.285rem;
}

.seatRadio.type2 .ui-controlgroup-controls .ui-radio:nth-child(2) label {
    background: url('../images/img_WF_seat06.png') .571rem center no-repeat;
    background-size: .714rem 21.5px;
}

.seatRadio.type2 .ui-controlgroup-controls .ui-radio:nth-child(3) label {
    background: url('../images/img_WF_seat07.png') .571rem center no-repeat;
    background-size: 20.5px 21.5px;
}

.totalCnt {
    border-bottom: none;
    padding: 0;
}

.totalCnt:after {
    content: '';
    clear: both;
    display: block;
}

.totalCnt label {
    width: 70%;
    float: left;
    line-height: 1.5625rem;
}

.totalCnt div.fr + .ui-input-text {
    border: none;
}

.totalCnt .ui-input-text {
    border: none;
    border-radius: 0;
    float: left;
    width: 1.5625rem;
    height: 1.5625rem;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #8f3576;
}

.totalCnt .ui-input-text input {
    text-align: center;
    color: #8f3576;
    font-weight: bold;
    border-bottom: 0;
    line-height: 1.428rem;
    font-size: .714rem;
    margin: 0;
    padding: 0;
}

.totalCnt span {
    float: left;
    width: .535rem;
    color: #000;
    line-height: 1.5625rem;
    display: inline-block;
    margin-left: .357rem;
}

.guideTxt {
    color: #808080 !important;
}

.guideTxt.type2 {
    font-size: .857rem !important;
    letter-spacing: -0.5px;
}

.guideTxt2 {
    color: #808080 !important;
}

.countList {
    padding: 0 0;
    border-top: 1px solid #8f3576;
    margin-top: .357rem;
}

.countList li {
    position: relative;
    border-bottom: 1px solid #dedede;
    clear: both;
    padding: .357rem 0;
}

.countList li:after {
    content: '';
    display: block;
    clear: both;
}

.memQR-inf .memInf-box .countList li label {
    float: left;
    line-height: 1.428rem;
    margin: 0;
    width: 100%;
    padding-right: 6.785rem;
    box-sizing: border-box;
}

.countList li label.guideType {
    line-height: .714rem;
}

.countList li label.guideType span {
    display: block;
    line-height: .535rem;
}

.countList li > div {
    position: absolute;
    top: 50%;
    right: .142rem;
    margin-top: -.714rem;
}

.countList li > div > * {
    float: left;
    margin: 0;
}

.countList li > div a {
    font-size: 0;
}

.countList li > div a:first-child {
    background: url('../images/btn_WF_Minus_N.png') no-repeat;
    width: 1.785rem;
    height: 1.428rem;
    background-size: 1.785rem 2.857rem;
}

.countList li > div a:last-child {
    background: url('../images/btn_WF_Plus_N.png') no-repeat;
    width: 1.785rem;
    height: 1.428rem;
    background-size: 1.785rem 2.857rem;
}

.countList li > div a:first-child:hover {
    background: url('../images/btn_WF_Minus_O.png') no-repeat;
    background-size: 1.785rem 2.857rem;
}

.countList li > div a:last-child:hover {
    background: url('../images/btn_WF_Plus_O.png') no-repeat;
    background-size: 1.785rem 2.857rem;
}

.countList li > div > .ui-input-text {
    border-radius: 0;
    width: 2.5rem;
    border: none;
    padding: 0;
}

.countList li > div > .ui-input-text input {
    text-align: center;
    width: 2.5rem;
    box-sizing: border-box;
    line-height: 1.428rem;
    padding: 0;
    border: #c9c9c9 solid 1px;
    height: 1.428rem;
    font-size: .571rem;
}

.ui-navbar ul {
    border-radius: 0;
    width: 100%;
    margin-bottom: 1.5625rem;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
}

.ui-navbar ul li {
    flex: 1;
}

.ui-tabs .ui-navbar ul {
    margin-bottom: 0;
}

.trainTit {
    text-align: center;
    word-break: keep-all;
    padding: 0 1rem;
}

.tblType01 {
    border-bottom: 1px solid #ccc;
}

.tblType01 th {
    border-top: 1px solid #ccc;
    background: #edeef0;
    color: #4c4c4c;
    font-weight: 400;
    font-size: .928rem;
    padding: .285rem 0;
}

.tblType01 tbody th {
    background: #fff;
    border-top: none;
}

.tblType01 td {
    padding: .285rem 0;
    font-size: 1.071rem;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.brl {
    border-right: 1px solid #ccc;
}

.expAmount-wrap {
    padding: 1rem;
}

.expAmount-wrap h4 {
    font-size: 1.071rem;
    color: #333;
}

.expAmount-wrap p {
    font-size: .857rem;
    color: #575757;
}

.expAmount-wrap ul {
    margin-top: .571rem;
}

.expAmount-wrap ul li {
    color: #9f3a84;
    font-weight: 600;
}

.expAmount-wrap ul li .s-tit {
    position: relative;
    display: inline-block;
    width: 3.571rem;
    padding-right: .714rem;
}

.expAmount-wrap ul li .s-tit:before {
    content: ": ";
    position: absolute;
    right: 0;
    top: 0;
    padding-right: .357rem;
}

.expAmount-wrap li span {
    font-size: 1rem;
}

.expAmount-wrap li span {
    flex: 1;
    font-size: 1rem;
    color: #9f3a84;
}

.tblType01 td.txtl {
    padding-left: .285rem !important;
}

.tblType01.type2 th {
    font-size: .928rem;
    padding: .4rem 0;
}

.tblType01.type2 td {
    font-size: 1rem;
    padding: .5rem 0;
}

.tblType01.type2 tr.bLine td {
    border-bottom: 1px solid #e8e8e8;
}

.tblType02 {
    border-top: .214rem solid #8f3576;
}

.tblType02.type2 th,
.tblType02.type2 td {
    font-size: .5rem;
    padding: .285rem .285rem;
}

.tblType02 th {
    background: #f4f4f4;
    padding: .571rem .285rem;
    border-bottom: 1px solid #ececec;
    text-align: left;
}

.tblType02 td {
    border-bottom: 1px solid #f8f8f8;
    padding: .571rem .285rem;
}

.tblType03 {
    border-top: 1px solid #cccccc;
}

.tblType03 th {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 400;
}

.tblType03 tbody td {
    font-size: 15px;
    color: #030303;
    font-weight: 400;
}

.tblType03 thead th {
    padding: .571rem .285rem;
    border-top: 1px solid #cccccc;
}

.tblType03 thead tr:first-child th {
    border-bottom: 1px solid #ccc;
}

.tblType03 tr th:first-child {
    border-right: 1px solid #ccc;
}

.tblType03 td {
    padding: .571rem .285rem;
    text-align: center;
}

.tblType03 tr:last-child * {
    border-bottom: 1px solid #ccc !important;
}

.tblType04 {
    border: #c9c9c9 solid 1px;
}

.tblType04 th,
.tblType04 td {
    padding: .571rem .285rem;
    border-top: 1px solid #e4e4e4;
    font-weight: 700;
}

.tblType04 th {
    background-color: #f4f4f4;
    text-align: left;
}

.tblType04 tr:first-child th,
.tblType04 tr:first-child td {
    border-top: none;
}

.tblWrite th,
.tblWrite td {
    font-weight: normal;
    text-align: left;
    padding: .214rem 0;
    vertical-align: top;
}

.tblWrite th {
    padding-top: .571rem;
}

.tblWrite .ui-input-text,
.tblWrite .ui-checkbox {
    margin: 0;
}

.tblWrite textarea {
    height: 3.571rem;
    font-size: 1rem;
}

.tblFixed {
    width: 100%;
    max-height: 18.214rem;
    height: 18.214rem;
    position: relative;
}

.tblFixed .headerArea {
    background: #b6b6b6;
    height: 1.071rem;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}

.tblFixed .tblArea {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.tblResult thead tr {
    background-color: #b6b6b6;
}

.tblResult th div {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 1.071rem;
    color: #fff;
    text-align: center;
    background-color: #777;
}

.tblResult th {
    background: #b6b6b6;
    color: #fff;
}

.tblResult td {
    padding: .285rem 0;
    text-align: center;
    line-height: 1.2;
    border-bottom: 1px solid #b4b4b4;
}

.list.disable {
    color: gray;
    height: 1.571rem;
    font-size: .5rem;
}

.tblResult tr.noLine td {
    border-bottom: none;
}

.fullSize {
    margin: 0 -1.142rem;
}

.fullSize2 {
    margin: 0 -.714rem;
}

.linkType02 {
    text-decoration: none;
    color: #8f3576 !important;
}

.linkType02.off,
.linkType02.off * {
    opacity: 0.5;
}

.tabCont {
    padding: .571rem 0;
}

.bLine {
    border-bottom: 1px solid #d5d5d5 !important;
}

.bLine2 {
    border-bottom: 1px solid #8e1b3c !important;
}

.fixedArea {
    position: fixed;
    top: 2.857rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    box-sizing: border-box;
    padding: 2.142rem .285rem 0;
}

.btn {
    display: inline-block;
    line-height: 2.571rem;
    height: 2.571rem;
    padding: .357rem .2em;
    text-align: center;
    box-sizing: border-box;
    border: none;
}

.btn:visited {
    color: #fff !important;
}

.btn.btn01,
.btn.btn01:hover,
.btn.btn01:active,
.btn.btn01:focus {
    background-color: #8e1b3c;
    color: #fff !important;
}

.btn.btn02,
.btn.btn02:active,
.btn.btn02:focus {
    background-color: #fff;
    border: #8e1b3c solid 1px !important;
    height: 2.428rem;
    line-height: 2.285rem;
    border-radius: .214rem;
    color: #8e1b3c !important;
    width: 4.571rem;
    white-space: inherit;
    padding: 0;
}

.tblResult.type2 .btn.btn02,
.tblResult.type2 .btn.btn02:hover,
.tblResult.type2 .btn.btn02:active,
.tblResult.type2 .btn.btn02:focus {
    width: 3.857rem;
}

.btn.btn02.on,
.btn.btn02.on:hover,
.btn.btn02.on:active,
.btn.btn02.on:focus,
.btn.btn02:active {
    color: #fff !important;
    background-color: #8e1b3c !important;
    background-image: none !important;
}

.btn.btn02.off,
.btn.btn02.off:active,
.btn.btn02.off:hover,
.btn.btn02.off:focus {
    background-color: #8e1b3c;
    color: #fff !important;
    cursor: default;
}

.btn.btn02.out,
.btn.btn02.out:active,
.btn.btn02.out:hover,
.btn.btn02.out:focus {
    background-color: #d8d8d8 !important;
    background-image: none;
    border: #d8d8d8 solid 1px !important;
    color: #fff !important;
    cursor: default;
}

.btn.btn03,
.btn.btn03:hover,
.btn.btn03:active,
.btn.btn03:focus {
    height: 3.142rem;
    line-height: 3rem;
    background-color: #666666;
    border-radius: .214rem;
    color: #fff !important;
    font-size: .5rem;
    border: none;
}

.btn.btn04,
.btn.btn04:hover,
.btn.btn04:active,
.btn.btn04:focus {
    height: 2.285rem;
    background-color: #8f3576;
    border-radius: .214rem;
    color: #fff !important;
    border: none;
    font-size: 1rem;
    margin-left: .214rem;
    font-weight: 500;
    line-height: 1.6;
}

.btn.btn05,
.btn.btn05:hover,
.btn.btn05:active,
.btn.btn05:focus {
    background: #8f3576 !important;
    border: none;
    border-radius: .214rem;
    color: #fff !important;
    padding: 0 .357rem;
    width: 100%;
}

.btn.btn02.korail {
    background-color: #fff !important;
    border: #0066b3 solid 1px !important;
    height: 1.071rem;
    line-height: 1rem;
    border-radius: .214rem;
    color: #0066b3 !important;
}

.btn.btn02.korail.on,
.btn.btn02.korail.on:hover,
.btn.btn02.korail.on:active,
.btn.btn02.korail.on:focus {
    background-color: #0066b3 !important;
    color: #fff !important;
}

.btn.btn02.sale {
    color: #2A70B5 !important;
    background: #fff !important;
    letter-spacing: -1px;
}

.btn.btn02.green {
    color: #58bd63 !important;
    border: #58bd63 solid 1px !important;
    background: #fff !important;
    letter-spacing: -1px;
}

.btn.btn02.bugun {
    color: #c7187d !important;
    border: #c7187d solid 1px !important;
    background: #fff !important;
    letter-spacing: -1px;
}

.btn.btn02.purple {
    color: #c000ff !important;
    border: #c000ff solid 1px !important;
    background: #fff !important;
    letter-spacing: -1px;
}

.btn.btn02.sale2 {
    line-height: .535rem !important;
    color: #2b8a2c !important;
    background: #fff !important;
    letter-spacing: -1px;
}

.btn.btn02.sale.on {
    background: #8e1b3c !important;
    color: #fff !important;
}

.btn.btn02.sale2.on {
    background: #8e1b3c !important;
    color: #fff !important;
}

.btn.refresh {
    background: url('../images/btn_WF_Refresh_O.png') no-repeat #f4f3f8;
    background-size: 2.75rem 2.75rem;
    font-size: 0;
    width: 2.75rem;
    height: 2.75rem;
    border: none;
}

.btnR {
    background-color: #8e1b3c !important;
    border: none;
    color: #fff !important;
}

.btnR.off {
    background-color: #b6b6b6 !important;
    border: none;
    color: #fff !important;
    cursor: default;
}

.btn.btnReg {
    background: url('../images/grd_WF_Ok_S2.png') no-repeat;
    background-size: 1.5625rem 51px;
    width: 1.5625rem;
    height: 51px;
    font-size: 0;
}

.btn.btnDel.off {
    background: url('../images/btn_WF_Delete.png') no-repeat;
    background-size: 1.071rem 13.5px;
    width: 1.071rem;
    height: 13.5px;
    font-size: 0;
}

.btn.btnDel.on {
    background: url('../images/btn_WF_Delete_O.png') no-repeat;
    background-size: 1.071rem 13.5px;
    width: 1.071rem;
    height: 13.5px;
    font-size: 0;
}

.btn.btnDel2,
.btn.btnDel2:hover,
.btn.btnDel2:active,
.btn.btnDel2:focus {
    background: url('../images/btn_WF_Delete.png') no-repeat;
    background-size: 1.071rem 13.5px;
    font-size: 0;
    width: 1.071rem;
    height: 13.5px;
}

.btn.btnReturn,
.btn.btnReturn:hover,
.btn.btnReturn:active,
.btn.btnReturn:focus {
    background: url('../images/btn_WF_Return_O.png') center 0 no-repeat;
    background-size: 2.857rem 2.857rem;
    text-align: center;
    width: 100%;
    height: 2.428rem;
    padding-top: 37px;
    box-sizing: border-box;
    font-size: .535rem;
}

.btn.btnTimetable,
.btn.btnTimetable:hover,
.btn.btnTimetable:active,
.btn.btnTimetable:focus {
    background: url('../images/btn_WF_Time2_O.png') center 0 no-repeat;
    background-size: 2.857rem 2.857rem;
    text-align: center;
    width: 100%;
    height: 2.428rem;
    padding-top: 37px;
    box-sizing: border-box;
    font-size: .535rem;
}

.btn.btnCall,
.btn.btnCall:hover,
.btn.btnCall:active,
.btn.btnCall:focus,
.btn.btnCall:visited {
    background: url('../images/btn_WF_Call_O.png') center 0 no-repeat;
    background-size: 2.857rem 2.857rem;
    text-align: center;
    width: 100%;
    height: 2.428rem;
    padding-top: 37px;
    box-sizing: border-box;
    color: #666 !important;
}

.btn.btnPresent,
.btn.btnPresent:hover,
.btn.btnPresent:active,
.btn.btnPresent:focus {
    background: url('../images/btn_WF_Gift_O.png') center 0 no-repeat;
    background-size: 2.857rem 2.857rem;
    text-align: center;
    width: 100%;
    height: 2.428rem;
    padding-top: 37px;
    box-sizing: border-box;
    font-size: .535rem;
}

.btn.btnPresent.off,
.btn.btnPresent.off:hover,
.btn.btnPresent.off:active,
.btn.btnPresent.off:focus {
    background: url('../images/btn_WF_Gift_N.png') center 0 no-repeat;
    background-size: 2.857rem 2.857rem;
    text-align: center;
    width: 100%;
    height: 2.428rem;
    padding-top: 37px;
    box-sizing: border-box;
    color: #999;
}

.calSelect .ui-input-text {
    border: none;
    background: url('../images/cal_WF_Icon_N.png') 95% center no-repeat #f4f4f4;
    border-radius: 0;
    height: 2.571rem;
    background-size: 9.5px .357rem;
    margin: 0;
}

.calSelect .ui-input-text input {
    font-size: .571rem;
    line-height: 2.428rem;
    padding: 0 .357rem;
}

.ticket-wrap {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e0e0e0;
    padding: .5rem 1rem 1rem;
    border-radius: 0 !important;
}

.ticket-wrap + .ticket-wrap {
    background: #fff;
    position: relative;
    padding: 1rem;
}

.ticket-wrap + .ticket-wrap:before {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 6px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.ticket-wrap + .ticket-wrap:after {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    top: 6px;
    left: 0;
}

.ticketList .stn-inf {
    padding-bottom: .5rem;
}

.ticketList.type2,
.ticketList.type3 > div {
    border: 1px solid #8f3576;
    border-radius: .357rem;
    margin-bottom: .357rem;
    padding: 0;
}

.ticketList.type2.off,
.ticketList.type3.off > div {
    border: 1px solid #a3a1a2;
}

.ticketList.type2 > .ui-type-flex,
.ticketList.type2 > .ui-type-flex > .ui-checkbox {
    margin: 0;
}

.ticketList .ticketBox {
    padding: .5rem 1rem .3rem;
    line-height: 1.5;
}

.ticketList > div {
    padding: .5rem .5rem 0;
}

.ticketBox {
    background: #eeeeee;
    border: none;
}

.ticketList .ui-checkbox .ui-btn,
.ticketList .ui-radio .ui-btn {
    padding: 0 0 0 1.571rem;
}

.ticketList .ui-checkbox .ui-btn:after,
.ticketList .ui-radio .ui-btn:after {
    /*margin-top:-12px;*/
}

.txt.cnt {
    display: inline-block;
    width: auto;
    background: #fff;
    color: #9f3a84;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 2.142rem;
    box-sizing: border-box;
    padding: .2em .8em !important;
}

.txt.cnt.off {
    color: #575757;
}

.ticketList.type3 {
    margin: 0;
    border-top: none;
    padding: 0;
    background: transparent;
}

.ticketList.type3 > div {
    margin: 0 .357rem 0;
    background: url('../images/sta_WF_TClist_PI.png') .571rem .714rem no-repeat #fff;
    background-size: 30.5px 30.5px;
    padding: .535rem .357rem 22.5px;
}

.ticketList.type3 > div:before {
    background: #5e2377;
}

.ticketList.checkType {
    padding: .714rem 0;
    background-image: none;
}

.ticketList.checkType > div {
    padding-left: 0 !important;
    padding-top: 0 !important;
    background: none !important;
}

.ticketList.checkType > div > div:first-child {
    padding-left: .535rem;
}

.ticketList.checkType > div > div {
    padding-left: 1.5625rem;
}

.ticketList.checkType label {
    height: 1.428rem;
    margin-left: -.714rem;
}

.ticketList.checkType .ui-btn.ui-checkbox-off.ui-checkbox-off:after,
.ticketList.checkType .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    position: absolute;
    left: .571rem;
    top: 1rem;
    margin: 0 0 0 0 !important;
    z-index: 99;
}

.ticketList.checkType .ui-checkbox {
    width: 1.785rem;
    display: inline;
}

/*menu*/
#leftpanel3 {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    min-width: 300px;
    z-index: 9999;
    height: 100vh;
}

#leftpanel3 .ui-panel-inner {
    padding: 0;
    width: 100%;
    height: 100%;
}

#leftpanel3 .autoScroll-y {
    width: 100%;
    height: calc(100% - 6.785rem);
    overflow-y: auto;
}

#leftpanel3 .topBox {
    background: #8f3576;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 6.785rem;
    padding: 1.428rem 0 1rem 1.428rem;
    box-sizing: border-box;
}

#leftpanel3 .topBox .profile {
    flex: 1;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

#leftpanel3 .topBox .profile .profileImgBox {
    width: 5.357rem;
}

#leftpanel3 .topBox .profile .profileImgBox img {
    width: 4.285rem;
    height: 4.285rem;
    border-radius: 2.142rem;
    margin-top: .5em;
}

#leftpanel3 .topBox .profile .profileTxt > * {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
}

#leftpanel3 .topBox .profile .profileTxt > a {
    display: block;
}

#leftpanel3 .topBox .profile .profileTxt > a > span {
    font-size: .9rem;
    color: #fff;
}

#leftpanel3 .topBox .alarm {
    flex-basis: 5.357rem;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    padding-right: 1em;
}

#leftpanel3 .topBox .alarm .icoAlarm {
    position: relative;
    font-size: 0;
    text-indent: -10000000%;
    display: block;
    width: 100%;
    height: 1.428rem;
}

#leftpanel3 .topBox .alarm .icoAlarm:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1.857rem;
    background: url(../images/icon_menu.png) no-repeat -100px 0;
    background-size: 500px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -10px;
}

/*회원타입*/
.memType {
    font-size: .857rem;
    display: block;
    width: 4.428rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #000 !important;
    margin-top: .6em;
    border-radius: .857rem;
    background: #fff;
}

.memType.typ1 {
    background: #6c1d56;
    color: #fff !important;
}

.memType.typ2 {
    background: #ce8946;
    color: #fff !important;
}

.memType.typ3 {
    background: #909097;
    color: #fff !important;
}

.memType.typ4 {
    background: #c7ad0e;
    color: #fff !important;
}
.memType.typ5 {
    background: #2b9898;
    color: #fff !important;
}

.mainM {
    width: auto;
    overflow: hidden;
    padding: .571rem 0 0;
    box-sizing: border-box;
    margin-left: 0;
    border-bottom: 1px solid #ccc;
}

#leftpanel3 .mainM li:last-child {
    padding-bottom: .571rem;
}

#leftpanel3 .mainM li:last-child .subM {
    margin-bottom: -.571rem;
    padding-bottom: .571rem;
}

#leftpanel3 .mainM li a,
#leftpanel3 .mainM li div {
    position: relative;
    display: block;
    padding: .571rem 0 .571rem 1.428rem;
    font-size: 1.125rem;
    color: #292929;
    font-weight: 500;
}

#leftpanel3 .mainM li a *,
#leftpanel3 .mainM li div * {
    font-size: inherit;
}

#leftpanel3 .mainM li .btn-more:before {
    content: "";
    display: inline-block;
    width: 1.285rem;
    height: .571rem;
    background: url(../images/icon_menu.png) no-repeat -200px 0;
    background-size: 500px;
    position: absolute;
    top: 50%;
    right: 1.428rem;
}

#leftpanel3 .mainM li .btn-more.active:before {
    content: "";
    display: inline-block;
    width: 1.285rem;
    height: .571rem;
    background: url(../images/icon_menu.png) no-repeat -200px -50px;
    background-size: 500px;
    position: absolute;
    top: 50%;
    right: 1.428rem;
    margin-top: -.285rem;
}

#leftpanel3 .mainM .subM {
    padding: .285rem .285rem .285rem 1.65rem;
    display: none;
    background: #efefef;
}

#leftpanel3 .mainM li li a {
    font-size: 1rem;
    color: #333;
    padding: .571rem 0;
    font-weight: 400;
}

#leftpanel3 .helpBox {
    padding: 1.428rem;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

#leftpanel3 .helpBox > div {
    margin: .285rem 0;
    position: relative;
}

#leftpanel3 .helpBox .info {
    display: block;
    margin: .285rem 0;
}

#leftpanel3 .helpBox .info span,
#leftpanel3 .helpBox .info .tit {
    font-size: 1.0625rem;
    color: #4c4c4c;
    font-weight: 400;
}

#leftpanel3 .helpBox .sub {
    font-size: .9375rem !important;
    color: #9a9a9a;
    padding: 0;
    line-height: 1.2;
}

#leftpanel3 .helpBox .app {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .8125rem;
    color: #808080;
    font-weight: 500;
    line-height: 1.5625rem;
    border: 1px solid #808080;
    border-radius: 1.071rem;
    display: inline-block;
    width: auto;
    height: 1.5625rem;
    padding: 0 .714rem;
}

#leftpanel3 .loginBox {
    padding: 0 1rem 1.142rem;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#leftpanel3 .loginBox .btnLogin {
    font-size: 1.357rem;
    font-weight: 500;
    color: #575757;
    height: 2.142rem;
    line-height: 2.142rem;
    position: relative;
    padding-left: 1.785rem;
}

#leftpanel3 .loginBox .btnLogin:before {
    content: "";
    display: inline-block;
    width: 1.785rem;
    height: 1.714rem;
    background: url(../images/icon_menu.png) no-repeat -300px 0;
    background-size: 500px;
    position: absolute;
    left: 0;
    top: 7px;
}

#leftpanel3 .loginBox .btnHelp {
    font-size: .815rem;
    color: #808080;
    font-weight: 500;
    line-height: 1.6rem;
    border: 1px solid #808080;
    border-radius: 1.071rem;
    display: inline-block;
    width: auto;
    height: 1.5625rem;
    position: relative;
    padding: 0 .714rem 0 1.5625rem;
}

#leftpanel3 .loginBox .btnHelp:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_menu.png) no-repeat -5px -104px;
    background-size: 500px;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -8px;
}

#leftpanel3 .footer {
    background: #f0f0f0;
    padding: 1.142rem;
    box-sizing: border-box;
}

#leftpanel3 .footer .tit {
    font-size: .857rem;
    color: #939393;
    letter-spacing: -0px;
}

#leftpanel3 .footer > * {
    font-size: .785rem;
    color: #939393;
    padding: .115rem 0;
    letter-spacing: -.5px;
}

#leftpanel3 .footer ul {
    margin: .285rem 0;
    font-size: .571rem;
}

#leftpanel3 .footer ul li {
    float: left;
}

#leftpanel3 .footer ul li a {
    font-size: 1rem;
    color: #878787;
    font-weight: 400;
    padding: 0 .571rem;
    line-height: 1;
    position: relative;
}

#leftpanel3 .footer ul li a:before {
    content: "";
    width: 1px;
    height: .785rem;
    background: #939393;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.357rem;
}

#leftpanel3 .footer ul li:first-child a {
    padding-left: 0;
}

#leftpanel3 .footer ul li:first-child a:before {
    display: none
}

#leftpanel3 .footer .ver {
    font-size: .785rem;
    color: #b1b1b1;
    margin-top: 0;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 0px;
}

.ui-panel-dismiss.ui-panel-dismiss-position-left.ui-panel-dismiss-display-overlay.ui-panel-dismiss-open {
    background: rgba(0, 0, 0, .5);
}

.callCrew {
    width: 100%;
    height: auto;
}

.callCrew li {
    border-bottom: 1px solid #ccc;
}

.layerArea {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    margin: 0 0 0 -45%;
    display: none;
    background: #fff;
    box-shadow: 0 .214rem .214rem rgba(0, 0, 0, 0.2) !important;
    border-radius: .357rem;
    z-index: 9999999999;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
}

.layerArea h1 {
    display: none;
    font-weight: bold;
    color: #8f3576;
    border-bottom: 1px solid #82263d;
    padding-bottom: .357rem;
}

.layerArea .header {
    position: relative;
    width: 100%;
    height: 48px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: .9rem 1rem;
}

.layerArea .header h1,
.layerArea .header h1.ui-title {
    display: block;
    font-size: 1.142rem;
    text-align: left;
    color: #292929;
    background: #fff;
    border-bottom: 0px solid #d9d9d9;
    padding: 0;
    margin: 0;
}

.header .ui-btn-icon-notext.btn-close,
.ui-page-theme-a .ui-btn.ui-btn-icon-notext.btn-close {
    position: absolute;
    right: 1rem;
    top: .8rem;
    display: block;
    width: 1.428rem;
    height: 1.714rem;
    font-size: 0;
    text-indent: -10000%;
    border: none;
    padding: 0;
}

.header .ui-btn-icon-notext.btn-close:after,
.ui-page-theme-a .ui-btn.ui-btn-icon-notext.btn-close:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff url(../images/icon.png) -198px -597px no-repeat;
    background-size: 1000px;
    margin: 0;
    top: 0;
    left: 0;
}

.layerArea .ui-content.type2 {
    padding: 1.3rem 1.3rem 1.3rem 1.3rem;
    color: #333;
    line-height: 1.6;
    max-height: 500px;
    height: auto;
    overflow-y: auto;
    font-size: 1.071rem;
}

.layerArea .ui-content.type2 .ui-list,
.layerArea .ui-content.type2 .ui-list ul {
    list-style: none;
    padding: 0;
    line-height: 2.428rem;
    width: 100%;
    overflow: hidden;
}

.layerArea .ui-content.type2 .ui-list li > div {
    display: block;
    width: 100%;
    height: 2.428rem;
    background: #edeef0;
    font-size: 1rem;
    color: #000;
    padding: 0 1.071rem;
    line-height: 2.428rem;
    margin: .2rem 0;
}

.layerArea .ui-content.type2 .ui-list li li {
    border-bottom: 1px solid #e0e0e0;
}

.layerArea .ui-content.type2 .ui-list li li > div {
    padding: 0;
}

.layerArea .ui-content.type2 .ui-list li li > * {
    background: #fff;
    font-size: 1rem;
    display: block;
    text-align: left;
}

.ui-content .ui-list li li > .ui-checkbox.ui-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.layerArea .ui-content.type2 .ui-list li li:last-child {
    border-bottom: 0px solid #e0e0e0;
}

.ui-content .ui-list-wrap {
    padding: 1.428rem 0;
}

.ui-content .ui-list {
    list-style: none;
    line-height: 2.428rem;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-content .ui-list li > div {
    display: block;
    width: 100%;
    height: 2.428rem;
    background: #edeef0;
    font-size: 1rem;
    color: #000;
    line-height: 2.428rem;
    padding-left: 1.071rem;
}

.ui-content .ui-list li li {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    font-size: 1rem;
    padding: 0 1.071rem;
}

.ui-content .ui-list li li > * {
    background: #fff;
    height: 2.428rem;
    line-height: 2.428rem;
    font-size: 1rem;
    display: inline-block;
    text-align: left;
}

.ui-content .ui-list .btn-del,
.ui-btn.btn-del {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.071rem;
    width: 1.285rem;
    height: 1.285rem;
    margin-top: -8.5px;
    border: none;
    background-color: transparent;
    padding: 0;
}

.ui-content .ui-list .btn-del:before,
.ui-btn.btn-del:before {
    content: "";
    display: block;
    width: 1.285rem;
    height: 1.285rem;
    background: url(../images/icon.png) no-repeat -200px -600px;
    background-size: 1000px;
}

.btn-del span {
    font-size: 0;
    text-indent: -10000%;
}

.layerArea > .footerBtn {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-top: 1px solid #d9d9d9;
    width: 100%;
    overflow: hidden;
}

.layerArea > .footerBtn .ui-btn,
.layerArea > .footerBtn .ui-btn:active,
.layerArea > .footerBtn .ui-btn:focus,
.layerArea > .footerBtn .ui-btn:hover,
.layerArea > .footerBtn .ui-btn:visited {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    padding: 0 1rem;
    background: #fff !important;
    color: #8f3576 !important;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
}

.layerArea > .footerBtn .ui-btn.type1:active,
.layerArea > .footerBtn .ui-btn.type1:focus,
.layerArea > .footerBtn .ui-btn.type1:hover,
.layerArea > .footerBtn .ui-btn.type1:visited {
    flex: 1;
    font-size: 1rem;
    display: block;
    padding: 0 1rem;
    background: #fff !important;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    color: #333 !important;
}

.layerArea.slideTop > .footerBtn .ui-btn,
.layerArea.slideTop > .footerBtn .ui-btn:active,
.layerArea.slideTop > .footerBtn .ui-btn:focus,
.layerArea.slideTop > .footerBtn .ui-btn:hover,
.layerArea.slideTop > .footerBtn .ui-btn:visited {
    flex: 1;
    font-size: 1rem;
    display: block;
    padding: 0 .571rem;
    color: #8f3576 !important;
    background: #fff !important;
    text-align: center !important;
    height: 3rem;
    line-height: 3rem;
    font-weight: 600;
}

.layerArea > .footerBtn > .type1 {
    text-align: left !important;
    color: #666 !important
}

.layerArea > .footerBtn > .type2 {
    text-align: right !important;
    color: #8f3576 !important;
}

.bor-none {
    border-top: none;
}

.bor-top {
    border-top: 1px solid #d9d9d9;
}

.bor-top2 {
    border-top: 1px solid #ededed;
}

.bor-top3 {
    border-top: 1px solid #1b4fb4 !important;
}

.spacing_wfull {
    width: 100%;
    height: 6px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #eee;
    position: absolute;
    top: 0;
}

.bor-left {
    border-left: 1px solid #e0e0e0;
}

.bor-left3 {
    border-left: 1px solid #1b4fb4 !important;
}

.bor-right {
    border-right: 1px solid #e0e0e0;
}

.bor-right2 {
    border-right: 1px solid #ccc;
}

.bor-right3 {
    border-right: 1px solid #1b4fb4 !important;
}

.bor-right-none {
    border-right: none !important;
}

.bor-bot {
    border-bottom: 1px solid #d9d9d9;
}

.bor-bot2 {
    border-bottom: 1px solid #999 !important;
}

.bor-bot3 {
    border-bottom: 1px solid #1b4fb4 !important;
}

.bor-dashed-top {
    background: url(../images/bg_dashed.png) repeat-x 0 0;
    background-size: 8px 1px;
}

.slideTop {
    position: fixed;
    animation: animatebottom 0.4s;
    width: 100%;
    top: 100%;
    left: 50%;
    animation: animatebottom 0.4s;
    border-radius: .714rem .357rem 0 0;
    margin-left: -50%;
}

@keyframes animatebottom {
    from {
        bottom: -250px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.ui-checkbox .ui-btn.ui-btn-right {
    border-radius: .214rem;
    font-size: 1rem;
    color: #8f3576 !important;
    font-weight: 600;
    border: none;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    padding: 0 !important;
}

.layerArea .ui-grid-a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d9d9d9;
}

.layerArea .ui-grid-a .ui-block-a .ui-btn.ui-corner-all {
    font-size: 1rem;
    color: #000 !important;
    text-align: left;
    padding-left: 1.5625rem !important;
}

.layerArea .ui-grid-a .ui-block-b .ui-btn.ui-corner-all.type2 {
    font-size: 1rem;
    color: #8f3576 !important;
    text-align: right;
    padding-right: 1.5625rem !important;
    background: none;
}

.layerArea .ui-block-b .ui-btn.ui-corner-all {
    background: #d8d8d8;
    color: #666;
}

.layerArea .ui-block-c {
    width: 100%;
    margin: 0 auto;
}

.tabType.type2 .ui-controlgroup-controls,
.tabType.type3 .ui-controlgroup-controls {
    width: 100%;
}

.tabType.type2 .ui-radio {
    width: 50%;
}

.tabType.type3 .ui-radio {
    width: 100%;
}

.tbType01 {
    background: #fff;
    border: #cacaca solid 1px;
}

.tbType01 th:first-child,
.tbType01 td:first-child {
    border-left: none;
}

.tbType01 th,
.tbType01 td {
    border-left: 1px solid #d4d3d4;
    padding: .6258rem .571rem;
}

.tbType01 td {
    padding: .535rem .571rem;
}

.tbType01.type2 {
    border: #b9b9b9 solid 1px;
    border-bottom: none;
}

.tbType01.type2 td,
.tbType01.type2 td * {}

.tbType01.type2 th,
.tbType01.type2 td {
    border-bottom: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
}

.tbType01.type2 td strong {}

.tbType01.type2 td span {
    font-size: .5rem;
}

.tbType01.type2 tr td:last-child {
    text-align: right;
    border-left: none;
}

.tbType01.type2 tr:nth-child(odd) td {
    border-bottom: 1px solid #eaeaea;
}

.ticketBox .tbType01 {
    margin-top: .357rem;
}

.ticketBox .tbType01 th {
    border-bottom: 1px solid #d4d3d4;
    color: #82263d;
    text-align: left;
    padding: .142rem .357rem;
    line-height: 1.571rem;
}

.ticketBox.type2 .tbType01 th {
    font-weight: normal;
    padding: .357rem;
    line-height: 1.571rem;
}

.ticketBox.type2 .tbType01 td {
    border-bottom: 1px solid #d4d3d4;
}

.ticketBox .tbType01 th span {
    display: inline-block;
    height: .857rem;
    line-height: .857rem;
    float: right;
    color: #fff;
    background: #1d4490;
    border-radius: .714rem;
    font-size: .5rem;
    padding: 0 .714rem !important;
}

.ticketBox .tbType01 td span {
    font-size: .928rem;
    color: #676767;
}

.ticketBox.type2 .imgBox {
    padding-bottom: 0;
    max-height: 2.5rem;
}

.ticketBox .imgBox {
    max-height: 2rem;
    padding-bottom: .714rem;
    background: url('../images/div_WF_Dotbg.png') 0 bottom no-repeat;
    box-sizing: border-box;
}

.ticketBox .imgBox img {
    width: 100%;
    height: 2.5rem;
}

.ticketBox > .price,
.ticketBox > .regi {
    background: url('../images/sta_WF_Ticketbg.png') 0 bottom repeat-x #e9e9e9;
    background-size: .357rem .285rem;
    padding: .857rem .714rem;
}

.ticketBox.type2 > .price {
    background: url('../images/div_WF_Dotbg2.png') no-repeat #5b2676;
    background-size: 100% 1rem;
    box-sizing: border-box;
    padding: .714rem .357rem .357rem 1.714rem;
}

.ticketBox.type2 > .price ul > li span {
    color: #fff;
    float: left;
}

.ticketBox.type2 > .price ul > li strong {
    color: #fff;
    float: right;
    margin-top: 0;
}

.ticketBox.type2 > .price ul > li > * {
    display: inline-block;
}

.ticketBox.type2 .qrImg {
    text-align: center;
    height: 8.285rem;
}

.ticketBox.type2 .qrImg img {
    width: 7.285rem;
    display: inline-block;
    margin: .357rem 0 0;
}

.ticketBox > .price ul > li {
    text-align: center;
}

.ticketBox > .price ul > li > * {
    display: block;
}

.ticketBox > .price ul > li span {
    color: #82263d;
    font-size: .571rem;
}

.ticketBox > .price ul > li strong {
    color: #000;
    font-weight: normal;
    margin-top: .571rem;
}

.ticketBox > .price p {
    margin-top: .714rem;
    border-radius: .357rem;
    border: #c9c9c9 solid 1px;
    background: #fff;
    text-align: center;
    color: #333;
    font-size: .571rem;
    height: 3.142rem;
    line-height: 3.142rem;
}

.wi33 > li {
    float: left;
    width: 33.3%;
}

.ticketBox > .regi .ui-radio .ui-btn {
    background: none;
}

.ticketBox > .regi .reList {
    width: 100%;
    height: 12.142rem;
    overflow: scroll;
    background: #fff;
    border-top: .142rem solid #862b43;
    margin-top: .428rem;
}

.ticketBox > .regi .reList li {
    border-bottom: 1px solid #f1f0f1;
    padding: 0 .5rem;
}

.ticketBox > .regi .reList li:after {
    content: '';
    display: block;
    clear: both;
}

.ticketBox > .regi .reList li .ui-checkbox {
    margin: 0;
}

.ticketBox > .regi .reList li span {
    display: block;
    float: left;
    color: #333;
}

.ticketBox > .regi .reList.type2 li span {
    font-size: .5rem;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
    letter-spacing: -0.5px;
}

.ticketBox > .regi .reList.type2 li .t1 {
    max-width: 1.5625rem;
    width: 18%;
    margin-left: 0;
}

.ticketBox > .regi .reList.type2 li .t2 {
    width: 53%;
}

.ticketBox > .regi .reList.type2 li .t3 {
    max-width: 2.142rem;
    width: 29%;
    float: right;
}

.ticketBox > .regi .reList.type2 label {
    padding: .285rem 1px 2px .714rem;
    width: 100%;
    box-sizing: border-box;
}

.ticketBox > .regi .reList.type2 .ui-btn.ui-checkbox-off:after {
    width: .714rem;
    height: .714rem;
    border-radius: 0;
    border: #c9c9c9 solid 1px;
    background-image: none;
    background-color: #fff;
    cursor: default;
    direction: inherit;
    top: 50%;
    margin-top: -.5rem;
}

.ticketBox > .regi .reList.type2 .ui-btn.ui-checkbox-on:after {
    width: .714rem;
    height: .714rem;
    border-radius: 0;
    border: #c9c9c9 solid 1px;
    background: url('../images/img_WF_Check2.png') .214rem .214rem no-repeat;
    background-size: 9.5px 9.5px;
    background-color: #fff;
    cursor: default;
    direction: inherit;
    top: 50%;
    margin-top: -.5rem;
}

.ticketBox > .regi .reList.type2 li.type2 {
    padding: .285rem .285rem 2px 1rem;
}

.ticketBox > .regi .reList li .t1 {
    width: 4.142rem;
    margin-left: .714rem;
}

.ticketBox > .regi .reList li .t2 {
    width: 3.571rem;
}

.ticketBox > .regi .reList li .t3 {
    width: 6.428rem;
}

.iconSeat {
    display: inline-block;
    border-radius: 1.071rem;
    width: 1rem;
    height: 1rem;
    background-color: #8f3576;
    border: #8f3576 solid 1px;
    box-sizing: border-box;
    margin-top: .142rem;
    vertical-align: middle;
}

.iconSeat.type2 {
    background-color: #9a9a9a;
    border: #9a9a9a solid 2px;
}

.iconSeat.type3 {
    background-color: #fff;
    border: #9a9a9a solid 2px;
}

.ui-content.main {
    background: url('../images/2020_6/div_MF_Bg3.png') center 1.5625rem no-repeat;
    padding: 1.5625rem .928rem 1.5625rem;
    background-color: #fbf8f4;
}

.mainImg {
    position: absolute;
    z-index: 9;
    top: 1.5625rem;
    left: 0;
    width: 100%;
    background-image: url('../images/2020_6/div_MF_bottom_Bg3.png'), url('../images/2020_6/div_MF_Bg3.png');
    background-repeat: no-repeat;
    background-position: center bottom, center top;
    background-color: #fbf8f4;
    background-size: 100%;
    box-sizing: border-box;
}

.mainMenu {
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    margin-top: -54%;
    width: 100%;
}

.mainMenu_List {
    position: absolute;
}

.mainMenu_List li {
    text-align: center;
}

.main .bx-next {
    background: url('../images/2020_6/bnt_MF_ArrowR.png') no-repeat;
    display: block;
    width: 1.071rem;
    height: 1.071rem;
    background-size: 1.071rem;
    font-size: 0;
    position: absolute;
    right: .357rem;
    top: 7.5rem;
}

.main .bx-prev {
    background: url('../images/2020_6/bnt_MF_ArrowL.png') no-repeat;
    display: block;
    width: 1.071rem;
    height: 1.071rem;
    background-size: 100% auto;
    font-size: 0;
    position: absolute;
    left: .357rem;
    top: 7.5rem;
}

.bx-prev.disabled,
.bx-next.disabled {
    display: none;
}

.mainMenu_pager {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    width: 94%;
    margin: 3.571rem 4% 0;
}

.mainMenu_pager:before {
    content: '';
    display: block;
    position: absolute;
    top: -.714rem;
    left: 50%;
    margin-left: -39%;
    width: 78%;
    height: .142rem;
    background-color: #92dde0;
}

.mainMenu ul.mainMenu_List > li {
    text-align: center;
}

.mainMenu ul.mainMenu_List > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 42%;
    text-align: center;
    box-sizing: border-box;
    background: url('../images/2020_6/bnt_MF_w_Quick01.png') center 0 no-repeat;
    background-size: 65% !important;
    color: #fff;
    font-weight: bold;
    font-size: 1.142rem;
    line-height: 110%;
}

.mainMenu .bx-wrapper {
    height: 100% !important;
}

.mainMenu ul.mainMenu_List > li.two > a {
    background: url('../images/2020_6/bnt_MF_w_Quick02.png') center 0 no-repeat;
}

.mainMenu ul.mainMenu_List > li.thr > a {
    background: url('../images/2020_6/bnt_MF_w_Quick03.png') center 0 no-repeat;
}

.mainMenu ul.mainMenu_List > li.fou > a {
    background: url('../images/2020_6/bnt_MF_w_Quick04.png') center 0 no-repeat;
}

.mainMenu_pager li {
    float: left;
    width: 25%;
}

.mainMenu_pager li a {
    display: block;
    width: 100%;
    background: url('../images/2020_6/ic_reserve_w_off.png') center 0 no-repeat;
    background-size: 63% !important;
    padding-top: 65%;
    text-align: center;
    color: #92dde0 !important;
    font-size: .714rem;
    font-weight: bold;
    position: relative;
    letter-spacing: -1px;
}

.mainMenu_pager li a.active:before {
    content: '';
    display: block;
    position: absolute;
    top: -.714rem;
    left: 50%;
    margin-left: -.5rem;
    background: url('../images/2020_6/main_w_arr.png') no-repeat;
    background-size: 1.071rem .892rem;
    width: 1.071rem;
    height: .892rem;
}

.mainMenu_pager li a.active {
    background: url('../images/2020_6/ic_reserve_w_on.png') center 0 no-repeat;
    color: #1f8fed !important;
}

.mainMenu_pager li.two a {
    background: url('../images/2020_6/ic_check_w_off.png') center 0 no-repeat;
}

.mainMenu_pager li.two a.active {
    background: url('../images/2020_6/ic_check_w_on.png') center 0 no-repeat;
}

.mainMenu_pager li.thr a {
    background: url('../images/2020_6/ic_ticket_w_off.png') center 0 no-repeat;
}

.mainMenu_pager li.thr a.active {
    background: url('../images/2020_6/ic_ticket_w_on.png') center 0 no-repeat;
}

.mainMenu_pager li.fou a {
    background: url('../images/2020_6/ic_travel_w_off.png') center 0 no-repeat;
}

.mainMenu_pager li.fou a.active {
    background: url('../images/2020_6/ic_travel_w_on.png') center 0 no-repeat;
}

.promotion .bx-viewport > ul > li > a {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.promotion img {
    vertical-align: bottom;
    width: 100%;
}

.stationInfo {
    margin-top: .714rem;
    padding: .857rem 0;
    text-align: center;
    font-weight: bold;
    font-size: .714rem;
    background: url('../images/sta_WF_Arrival04.png') center center no-repeat #f7f7f7;
    background-size: 74.5px .571rem;
}

.stationInfo:after {
    content: '';
    display: block;
    clear: both;
}

.stationInfo span {
    display: inline-block;
    color: #8e1b3c;
    width: 50%;
    float: left;
    padding: 0 2.714rem 0 0;
    box-sizing: border-box;
}

.stationInfo span:last-child {
    float: right;
    padding: 0 0 0 2.714rem;
}

.time {
    background: url('../images/sta_WF_Option2.png') 0 center no-repeat;
    background-size: .535rem;
    padding: .357rem 0 .571rem .714rem;
}

.point {
    background: url('../images/sta_WF_Noticeicon.png') 0 center no-repeat;
    background-size: 15.5px 15.5px;
    padding: .357rem 0 .571rem .714rem;
    font-weight: 700;
}

.point.type2 {
    background-image: none;
    padding: 0 0 .571rem 0;
    text-align: left;
}

.point2 {
    background: url('../images/sta_WF_Guideicon.png') 0 .857rem no-repeat;
    background-size: 15.5px 15.5px;
    padding: .357rem 0 .571rem .714rem;
    font-size: .5rem;
    word-break: keep-all;
}

.tLine {
    border-top: .142rem solid #8e1b3c;
}

.couponList li {
    background: url('../images/div_WF_Coupon.png') no-repeat;
    background-size: 100% 3.571rem;
    width: 100%;
    height: 3.571rem;
    margin: .357rem auto;
    padding: .571rem 0 .357rem;
    box-sizing: border-box;
}

.couponList li table {
    float: left;
    width: 50%;
    display: block;
    table-layout: fixed;
}

.couponList li > div {
    width: 3.571rem;
    padding-right: 2.428rem;
    float: right;
    margin-top: -.357rem;
}

.couponList li > div > p {
    font-size: .785rem;
    color: #616161;
}

.couponList li > div > p {
    color: #616161;
}

p.check {
    width: 100%;
    color: #616161;
}

.titCoupon {
    background: #22263f;
    border-radius: 1.071rem;
    color: #fff;
    text-align: center;
    line-height: .714rem;
    height: .714rem;
    display: inline-block;
    padding: 0 .571rem;
    margin-bottom: .214rem;
}

.titCoupon_1 {
    background: #8f3576;
    border-radius: 1.071rem;
    color: #fff;
    text-align: center;
    line-height: .714rem;
    height: .714rem;
    display: inline-block;
    padding: 0 .571rem;
    margin-bottom: .214rem;
}

.titCoupon_2 {
    background: #0e3174;
    border-radius: 1.071rem;
    color: #fff;
    text-align: center;
    line-height: .714rem;
    height: .714rem;
    display: inline-block;
    padding: 0 .571rem;
    margin-bottom: .214rem;
}

.Coupon_tit {
    color: #333;
    text-align: left;
    font-size: .5rem;
    font-weight: 700;
    line-height: .714rem;
    display: inline-block;
    margin: .214rem 0;
}

.couponList table th {
    color: #999999;
    text-align: center;
    font-weight: normal;
}

.couponList table td {
    color: #8f3576;
    text-align: center;
    font-weight: 700;
    font-size: .428rem;
    padding-top: .428rem;
}

.couponList table td span {
    color: #8f3576;
    font-size: 1.285rem;
    letter-spacing: -1px;
    margin-right: .142rem;
}

.couponList table th {
    width: 85px;
}

.couponList table td {
    width: 43%;
}

.fixedBottom {
    position: fixed;
    bottom: 1.071rem;
    left: 0;
    width: 100%;
    padding: .714rem .571rem;
    box-sizing: border-box;
}

.inputList li {
    padding: .357rem 0 0 0;
}

.inputList label {
    padding-left: 0;
}

.inputList .ui-checkbox label {
    padding-left: 1.571rem;
}

.inputList li input {
    background-color: #fff !important;
}

.membershipCard {
    max-width: 600px;
    margin: 0 auto;
}

.membershipCard div {
    position: relative;
}

.membershipCard div img {
    width: 100%;
}

.membershipCard div p {
    position: absolute;
    left: 5%;
    bottom: 8%;
    color: #d7d8dc;
    font-size: .5rem;
    font-weight: 700;
}

.qrcode {
    background: url('../images/div_WF_Membership_qr.png') no-repeat;
    background-size: 11rem 14rem;
    width: 11rem;
    height: 14rem;
    padding: 3.714rem .571rem .571rem .6258rem;
    box-sizing: border-box;
    margin: 1.428rem auto 0;
}

.qrcode img {
    width: 100%;
}

.cardBox .cdNum {
    background: #f2f2f2 !important;
    border-radius: .285rem;
}

/*
.countBox.type5 {
    height: 34px;
    margin: 0;
}
*/

.countBox.type4 .ui-input-text input:focus {
    border: none !important;
    width: 100%;
    box-shadow: none !important;
}

.addrList li {
    border-bottom: 1px solid #d5d5d5;
    padding: .285rem 0;
    position: relative;
}

.addrList li a {
    width: 100%;
    box-sizing: border-box;
    padding-right: 1.571rem;
    display: inline-block;
}

.addrList li * {
    color: #333;
    font-weight: normal;
}

.addrList li span.post {
    position: absolute;
    right: 0;
    top: 1.214rem;
    color: #666;
}

.addrList li span.jibun {
    display: block;
    color: #808080;
    margin-top: .357rem;
}

#st_fromSta,
#st_toSta {
    text-align: center;
    display: inline-block;
    font-size: 1.071rem;
    color: #984482;
    font-weight: 600;
}

.trainTit .toIcon,
.toIcon2 {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 24px;
    font-size: 0;
    text-indent: -10000000%;
    vertical-align: middle;
    padding: 0 .3rem;
    vertical-align: top;
}

.trainTit .toIcon:before,
.toIcon2:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat -600px -600px;
    background-size: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px auto 0 -8px;
}

.toIcon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 1.071rem;
    font-size: 0 !important;
    text-indent: -10000000%;
    padding: 0 .2rem;
    vertical-align: top;
}

.toIcon:before {
    content: "";
    display: block;
    width: 6px;
    height: .571rem;
    background: url(../images/icon.png) no-repeat -500px -600px;
    background-size: 1000px;
    margin: 0 auto;
}

.toIcon.noImg:before {
    background: none;
}

.toIcon3 {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 24px;
    font-size: 0 !important;
    text-indent: -10000000%;
    padding: 0 .2rem;
    vertical-align: middle;
}

.toIcon3:before {
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url(../images/icon.png) no-repeat -600px -500px;
    background-size: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px auto 0 -10px;
}

.toIcon4 {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0 !important;
    text-indent: -10000000%;
    padding: 0 .4rem;
    vertical-align: middle;
}

.toIcon4:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icon.png) no-repeat -500px -100px;
    background-size: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px auto 0 -12px;
}

.toIcon5 {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 0 !important;
    text-indent: -10000000%;
    padding: 0 .4rem;
    vertical-align: middle;
}

.toIcon5:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/icon.png) no-repeat -500px -200px;
    background-size: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -17.5px auto 0 -17.5px;
}

.trainTit .trainInf {
    padding: .857rem 0 .285rem;
}

.btn-prev,
.btn-post {
    position: relative;
    font-size: .928rem;
    font-weight: 600;
    color: #999;
    vertical-align: middle;
    line-height: .928rem;
}

.btn-prev.active,
.btn-post.active {
    color: #984482;
}

.btn-prev:before {
    content: "";
    display: inline-block;
    width: .571rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -500px -450px;
    background-size: 1000px;
    vertical-align: top;
    line-height: .928rem;
    margin-right: .285rem;
}

.btn-post:after {
    content: "";
    display: inline-block;
    width: .571rem;
    height: .928rem;
    background: url(../images/icon.png) no-repeat -600px -450px;
    background-size: 1000px;
    vertical-align: top;
    line-height: .928rem;
    margin-left: .285rem;
}

.btn-prev.active:before {
    background-position: -500px -400px;
}

.btn-post.active:after {
    background-position: -600px -400px;
}

#st_seatInfo,
#st_psgNum {
    color: #666;
}

.statList > div:first-child {
    border-right: 1px solid #c9c9c9;
    text-align: center;
}

.statList > div:first-child img {
    vertical-align: middle;
    width: .571rem;
}

.statList > div {
    background: #f5f5f5;
    height: 2rem;
    padding: 0 .5rem;
    box-sizing: border-box;
    border-top: 1px solid #c9c9c9;
}

.statList > div.ui-block-b img {
    height: .571rem;
    vertical-align: middle;
}

.statList > div.ui-block-b .ui-grid-solo {
    height: 1.714rem;
}

.statList > div.ui-block-b .ui-grid-solo span {}

.tblFixed.type2 {
    width: 100%;
    height: 46.428rem;
    max-height: none;
}

#trainTimeInfo1,
#trainPayInfo2 {
    padding: 0 1rem;
}

#trainPayInfo2 .tblType01 {
    border-bottom: 1px solid #CCC;
}

.tblFixed.type3 {
    width: auto;
    height: 46.428rem;
    max-height: none;
    padding: 0 1rem;
}

.tblFixed.type2 .btn.type2 {
    padding: 0 0;
    letter-spacing: 0;
}

.tr-rsv-menu td {
    position: relative;
    padding: 0;
    background: #f9f9f9;
    height: 1.428rem;
    vertical-align: top;
}

.tr-rsv-menu td a {
    display: block;
}

.tr-rsv-menu td img {
    width: auto !important;
    height: 1.428rem !important;
}

.tr-rsv-menu .ui-grid-c {
    width: 100%;
    height: 1.428rem;
    padding: 0 .214rem;
    box-sizing: border-box;
}

.tr-rsv-menu .ui-grid-c > div:first-child {
    border-left: none;
}

.tr-rsv-menu .ui-grid-c > div:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .785rem;
    height: .785rem;
    background: url('../images/grd_WF_bar.png') 0 0 no-repeat;
    background-size: auto 11px;
}

.tr-rsv-menu .ui-grid-c.ko > div:first-child,
.tr-rsv-menu .ui-grid-c.ko > div:nth-child(3),
.tr-rsv-menu .ui-grid-c.ko > div:last-child {
    background-color: #f5f5f5;
}

.tr-rsv-menu .ui-grid-c > div.ko:after {
    background: url('../images/grd_WF_bar_ko.png') 0 0 no-repeat;
    background-size: auto 11px;
}

.tr-rsv-menu .ui-grid-c > div.off {
    background: #f5f5f5;
}

.tr-rsv-menu .ui-grid-c > div.off:after {
    display: none;
}

.tr-rsv-menu .ui-grid-c > div {
    position: relative;
    height: 1.428rem;
    background-size: auto 76px !important;
    text-indent: -999999px;
    border-left: 1px solid #e3e3e3;
}

.tr-rsv-menu .ui-grid-c .ui-block-a {
    background: url('../images/grd_WF_Time_S.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-b {
    background: url('../images/grd_WF_Pay_S.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-c {
    background: url('../images/grd_WF_Seat_S.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-d {
    background: url('../images/grd_WF_Ok_S.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-a.off {
    background: url('../images/grd_WF_Time_D.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-b.off {
    background: url('../images/grd_WF_Pay_D.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-c.off {
    background: url('../images/grd_WF_Seat_D.png') center center no-repeat;
}

.tr-rsv-menu .ui-grid-c .ui-block-d.off {
    background: url('../images/grd_WF_Ok_D.png') center center no-repeat;
}

.outLine_t,
.outLine_r,
.outLine_b,
.outLine_l {
    position: absolute;
    background: #8f3576;
}

.outLine_t {
    width: 100%;
    height: .214rem;
    top: -3.857rem;
    left: 0;
}

.outLine_r {
    width: .214rem;
    height: 122px;
    top: -3.857rem;
    right: 0;
}

.outLine_b {
    width: 100%;
    height: .214rem;
    bottom: -.214rem;
    left: 0;
}

.outLine_l {
    width: .214rem;
    height: 122px;
    top: -3.857rem;
    left: 0;
}

.time_Difference td {
    position: relative;
    height: .535rem;
    line-height: .714rem;
    border: none;
}

.time_Difference td span {
    display: block;
    color: #666;
    position: absolute;
    top: -1px;
    left: 0;
    height: .857rem;
    background: #fff;
    width: 100%;
    font-size: .5rem;
}

.timeDiff .outLine_t {
    width: 100%;
    height: .214rem !important;
    top: -8.214rem !important;
    left: 0;
}

.timeDiff .outLine_r {
    width: .214rem;
    height: 14.285rem !important;
    top: -8.214rem !important;
    right: 0;
}

.timeDiff .outLine_b {
    width: 100%;
    height: .214rem !important;
    bottom: -.214rem !important;
    left: 0;
}

.timeDiff .outLine_l {
    width: .214rem;
    height: 14.285rem !important;
    top: -8.214rem !important;
    left: 0;
}

.btn.btn02_2 {
    background-color: #fff;
    border: #1874ba solid 1px !important;
    height: 1.071rem;
    line-height: 1rem;
    border-radius: .214rem;
    color: #1874ba;
}

.btn.btn02.active {
    background: #8f3576;
    color: #fff !important;
}

.btn.btn02_2.active,
.btn.btn02_2:hover,
.btn.btn02_2:active,
.btn.btn02_2:focus {
    background: #1874ba;
    color: #fff !important;
}

.am00 * {
    margin: 0 !important;
}

.totPrice {
    background-color: #f4f4f4;
    padding: .357rem .571rem .357rem .285rem;
    font-size: .571rem;
    color: #999;
    margin: -1.428rem 0 0;
    position: relative;
}

.totPrice.type2 {
    margin: .571rem 0 0;
    border-top: 1px dashed #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.totPrice2 {
    margin: .571rem 0 0;
    border-top: 1px solid #8f3576;
    position: relative;
    padding: .357rem 0 0 0;
}

.totPrice2 span {
    position: absolute;
    right: .571rem;
    top: .357rem;
    font-size: .714rem;
    color: #8f3576;
}

.totPrice span {
    position: absolute;
    right: .571rem;
    top: .357rem;
    font-size: .714rem;
}

.totPoint {
    background-color: #f4f4f4;
    padding: .357rem .571rem .357rem .285rem;
    margin: .357rem -.285rem .357rem;
    border-top: 1px dashed #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.totPoint:after {
    content: '';
    display: block;
    clear: both;
}

.totPoint dt {
    float: left;
    width: 50%;
    color: #8a1238;
    font-size: .714rem;
    font-weight: 700;
}

.totPoint dd {
    float: left;
    width: 50%;
    text-align: right;
}

.redonly {
    background-color: #f4f4f4 !important;
    text-align: right !important;
    color: #b4b4b4 !important;
}

.tabType.type4 .ui-radio {
    width: 50%;
}

.tabType.type4 .ui-controlgroup-controls {
    width: 100%;
}

.yScroll {
    height: 14.285rem;
    overflow-y: scroll;
    width: 100%;
    box-sizing: border-box;
}

.cdNum > div {
    padding: 0 .571rem;
    box-sizing: border-box;
}

.cdNum > div:first-child {
    padding-left: 0;
}

.cdNum > div:last-child {
    padding-right: 0;
}

.gift {
    background: url('../images/sta_WF_Gift.png') .357rem center no-repeat;
    background-size: .892rem .892rem;
    border: #8a1238 solid 1px;
    color: #8a1238;
    border-radius: .214rem;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: .357rem;
    margin-left: .357rem;
}

.ui-textinput-autogrow {
    min-height: 7.857rem;
}

#totalSumFeeStr {
    font-size: .571rem;
    color: #000;
    font-weight: 700;
}

.prevNextBtn {
    width: 100%;
    height: 2.285rem;
    margin-top: .714rem;
}

.prevNextBtn + #datepicker,
.prevNextBtn + #datepicker1,
.prevNextBtn + #datepicker2 {
    margin-top: -3.714rem;
}

.prevNextBtn .ui-datepicker-prev,
.prevNextBtn.ui-datepicker-next {
    width: 0;
    height: 0;
}

.prevNextBtn .ui-datepicker-prev span,
.prevNextBtn .ui-datepicker-next span {
    margin-top: .214rem;
    margin-left: .142rem;
    width: 1.5625rem;
    padding: .285rem 0 .285rem 1.142rem;
    text-overflow: initial;
    background-color: #fff;
    float: left;
    font-size: .571rem;
    color: #666;
    border: none;
}

.prevNextBtn .ui-datepicker-prev.ui-state-disabled span {
    background: url('../images/btn_WF_Pre.png') .357rem center no-repeat #fff;

    color: #d3d3d3;
}

.prevNextBtn .ui-datepicker-next.ui-state-disabled span {
    background: url('../images/btn_WF_Next.png') 63px center no-repeat #fff;

    color: #d3d3d3;
}

.prevNextBtn .ui-datepicker-next span {
    margin-top: .214rem;
    float: right;
    padding: .285rem 1.142rem .285rem .285rem;
    background: url('../images/btn_WF_Next.png') 63px center no-repeat #fff;

}

.prevNextBtn .ui-datepicker-prev span {
    background: url('../images/btn_WF_Pre.png') .357rem center no-repeat #fff;

}

.txtIn {
    text-indent: -17px;
    padding-left: 1.214rem;
}

textarea.ui-state-disabled {
    background-color: #f4f4f4 !important;
}

.appUrl {
    position: relative;
    max-width: 640px;
}

.appUrl .appImg {
    padding: 0 .571rem;
}

.appUrl .appImg img {
    width: 100%;
    height: 100%;
}

.appUrl .ui-input-text {
    border: none;
    width: 100%;
    padding: .142rem 0;
    margin: 0;
}

.appUrl .ui-input-text input {
    line-height: 1.571rem;
    padding: 0 .285rem;
    margin: 0;
    min-height: auto;
    font-size: .571rem;
}

.appUrl .ios {
    position: absolute;
    right: 10%;
    bottom: 19%;
    width: 54%;
}

.appUrl .google {
    position: absolute;
    right: 10%;
    bottom: 44%;
    width: 54%;
}

.countBox {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.countBox.type5 a:first-child {
     display: inline-block; 
    border: 1px solid #e5e5e5;
    border-right: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0;
}

.countBox.type5 .ui-input-text {
     display: inline-block; 
    padding: 0;
    background: #fff !important;
    margin: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-indent: 0;
    text-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
}

.countBox.type5 .ui-input-text input {
    display: inline-block;
    border: none !important;
    background: #fff;
    font-size: .857rem !important;
    font-weight: 600;
    text-align: center;
    color: #010101;
    vertical-align: top;
    box-sizing: border-box;
    height: 1.9rem;
    min-height: 1.9rem;
    text-indent: 0;
}

.countBox.type5 a:nth-child(3) {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-left: 0;
    width: 2rem;
    height: 2rem;
    text-align: center;
    box-sizing: border-box;
}

.countBox.type5 a.btn-minus,
.countBox.type5 a.btn-plus {
/*     position: relative; */
    font-size: 0;
    text-indent: -100000%;
}

.countBox.type5 a.btn-minus.disabled,
.countBox.type5 a.btn-plus.disabled {
    background: #ccc;
}

.countBox.type5 a.btn-minus:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon.png) no-repeat -100px -400px;
    background-size: 1000px;
}

.countBox.type5 a.btn-plus:before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../images/icon.png) no-repeat -163px -400px;
    background-size: 1000px;
}

.countBox.type5 a + span {
    padding-left: .285rem;
    line-height: 2.142rem;
}

.seatRadio .ui-radio:first-child {
    border-top: none;
}

.seatRadio .ui-radio {
    border-top: 1px solid #eee;
}

.seatRadio .ui-radio #seatOption8_1 {
    border-bottom: 1px solid #eee !important;
}

.layerPopApp {
    position: absolute;
    right: .535rem;
    width: 5.357rem;
    padding: .571rem;
    height: 37.5px;
    top: 3.142rem;
}

.locationBtn.type2 + .layerPopApp {
    top: 71px
}

.layerPopApp.appLayer2 {
    margin: 82px 0 0 19px;
}

.layerPopApp div {
    float: left;
    width: 50%;
}

.layerPopApp div.layerApp01 a {
    display: block;
    background: url('../images/btn_WF_Help01.png') center 0 no-repeat;
    font-size: .5rem;
    background-size: 36.5px 55.5px;
    width: 2.857rem;
    height: 2.428rem;
    padding-top: 2rem;
    box-sizing: border-box;
    text-align: center;
}

.layerPopApp div.layerApp02 a {
    display: block;
    background: url('../images/btn_WF_Help02.png') center 0 no-repeat;
    font-size: .5rem;
    background-size: 36.5px 55.5px;
    width: 2.857rem;
    height: 2.428rem;
    padding-top: 2rem;
    box-sizing: border-box;
    text-align: center;
}

.ui-popup-container.ui-popup-active {
    left: 50% !important;
    top: 7.5rem !important;
    max-width: 1.285rem !important;
    margin-left: -45px !important;
}

.errorBox {
    background: url('../images/error.png') center 0 no-repeat;
    background-size: 147px 171px;
    padding: 190px 24px 0;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: .571rem;
    color: #000;
}

#hiddenLayerTitle,
#hiddenLayerConfirmTitle {
    text-indent: -5000px;
    display: block;
    line-height: 0;
}

.appLoginBox {
    border: #c9c9c9 solid 1px;
    border-radius: .357rem;
    margin-top: .571rem;
}

.appLoginBox h4 {
    border-radius: .357rem .357rem 0 0;
    border-bottom: 1px solid #c9c9c9;
    background-color: #f2f2f2;
    text-align: center;
    color: #000000;
    padding: .357rem 0;
    font-size: .714rem;
}

.offBtn,
.ui-icon-arrow-r.type2.offBtn {
    background-color: #ececec !important;
    pointer-events: none;
    cursor: default;
}

.offBtn2,
a.out {
    pointer-events: none;
    cursor: default;
}

.btnLocation img {
    height: .785rem;
}

.txtDA {
    position: absolute;
    top: .357rem;
    left: 50%;
    margin: 0 0 0 -.357rem;
    display: inline-block;
    color: #fff;
    font-size: .5rem;
}

.stationCheckBox > span.bg.type3 {
    margin: -6px 0 0 -600px;
}

.rollImg {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 2.857rem;
    height: 2.857rem;
    margin: 2.857rem 0 0 -1.428rem;
}

.rollImg img {
    width: 100%;
    height: 100%;
}

.ui-mobile label,
div.ui-controlgroup-label {
    /*margin: 1rem 0 .285rem 0;*/
    font-size: 1rem;
    /*min-height: 1.857rem;*/
}

.ui-mobile label.sm {
    margin: 1rem 0 .285rem 0;
    font-size: .928rem;
    min-height: 1.4rem;
}

.ui-mini {
    font-size: .571rem;
}

.statList > div.ui-block-b .ui-grid-solo:first-child {
    margin-top: .357rem;
}

.monthBtn {
    padding: .142rem 0.6em;
}

.ticketBox > .price,
.ticketBox > .regi .t10 {
    padding-top: 1rem !important;
}

.ui-popup-container {
    z-index: 9;
}

.ui-popup-screen {
    z-index: 8;
}

.ui-btn.ui-corner-all.ui-icon-conversion.ui-btn-icon-notext,
.ui-btn.ui-corner-all.ui-icon-round.ui-btn-icon-notext,
.ui-btn.ui-btn-round,
.ui-btn.ui-btn-oneway {
    width: 37.5px;
    height: 37.5px;
    border: 0;
    margin-top: 1.8rem !important;
}

.labelDepth {
    margin-left: .571rem;
}

#stationList21 .btnList {
    border-bottom: 1px solid #8f3576;
    padding: 0 4.5% .357rem;
}

#stationList2 .btnList {
    margin: 0 -.714rem;
    padding: 0 4.5% .357rem;
    border-bottom: 1px solid #8f3576;
}

#stationList2_list1 {
    margin: 0 .571rem;
    border-top: 0;
}

#trainInfoList .txt {
    /*font-size: .571rem;*/
}

#trainInfoList .txt.txtB {
    font-size: .571rem;
}

#trainInfoList .txt.txtC {
    font-size: .8rem;
}

#trainInfoList .ui-body {
    padding: .285rem .571rem;
}

#trainInfoList .ui-grid-a > .ui-block-a {
    width: 55%;
}

#trainInfoList .ui-grid-a > .ui-block-b {
    width: 45%;
}

#guide_frame * {
    font-size: .642rem !important;
}

.tblResult td {
    letter-spacing: -0.5px;
    font-size: .571rem;
}

.tblResult tr.outSide td div {
    height: 1.571rem;
    font-size: .5rem;
    font-weight: bold;
}

.tblResult tr.outSide2 td {
    height: 1.571rem;
    font-size: .5rem;
}

.tblResult tr.outSide td div a {
    margin-top: .357rem;
}

.soloIcon01 {
    background: url('../images/sta_WF_Seat01.png') 0 center no-repeat;
    background-size: auto .571rem;
    padding-left: .928rem;
}

.soloIcon02 {
    background: url('../images/sta_WF_Seat02.png') 0 center no-repeat;
    background-size: auto .571rem;
    padding-left: .5rem;
}

.ti_11em {
    text-indent: -9px !important;
    padding-left: .6258rem !important;
}

.ti_11em.l1em {
    padding-left: 1.142rem !important;
}

.mt_guest .ui-radio > label {
    padding-top: 0 !important;
}

.mt_guest .ui-radio > label:after {
    margin-top: -17px !important;
}

.menuLable {
    padding: 0 !important;
    font-size: .642rem !important;
    font-weight: 700 !important;
    font-family: 'Noto Sans KR', "Nanum Gothic", sans-serif;
}

.loginDiv {
    border: #ebebeb solid 1px;
    background: #f8f8f8;
    width: 100%;
    text-align: center;
    padding: 1.428rem 0;
    color: #000;
    margin-top: 1.071rem;
    font-weight: 700;
    font-size: .642rem;
}

.inputw25 > div:first-child {
    padding-left: 0 !important;
}

.inputw25 > div {
    width: 23.7% !important;
    padding-left: 1.5% !important;
    box-sizing: content-box !important;
}

.loginBtn > div {
    display: block;
    width: 100%;
}

.loginBtn a {
    border: none;
    padding: 0 1.071rem;
    display: block;
    box-sizing: border-box;
}

.loginCheck {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginCheck .ui-checkbox {
    flex: 1;
}

.loginCheck legend + .ui-checkbox {
    flex: 1;
}

.loginCheck {
    margin: .214rem;
}

.ui-controlgroup-controls {
    text-align: center;
    padding: .285rem 0;
    display: block;
}

.ui-controlgroup-controls a {
    position: relative;
}

.ui-controlgroup-controls a.btn-txt {
    font-size: .857rem;
    color: #000;
    padding: 0 .571rem;
    font-weight: 600 !important;
}

.ui-controlgroup-controls a.btn-txt.act {
    color: #8f3576 !important;
}

.ui-controlgroup-controls a:before {
    content: "";
    display: block;
    width: 1px;
    height: .714rem;
    background: #999;
    position: absolute;
    top: .285rem;
    left: 0;
}

.ui-controlgroup-controls a:first-child:before {
    display: none
}

.ui-controlgroup-horizontal .ui-controlgroup-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginBtn {
    margin-top: 1.071rem !important;
}

.snsgroup {
    margin-top: 2rem;
}

.snsgroup p {
    position: relative;
    color: #999;
    font-size: .785rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.snsgroup p:before {
    content: "";
    display: inline-block;
    flex: 1;
    height: 1px;
    background: #ccc;
    margin: .535rem .357rem 0 0;
}

.snsgroup p:after {
    content: "";
    display: inline-block;
    flex: 1;
    height: 1px;
    background: #ccc;
    margin: .535rem 0 .357rem;
}

.snsgroup .easyLogin2 {
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    margin-top: 1.428rem;
    width: 23%;
    overflow: hidden;
    margin: 0px .11em;
}

.snsgroup .easyLogin2 li {
    flex: 1;
    height: 2.428rem;
}

.snsgroup .easyLogin2 li a.ui-link {
    position: relative;
    width: 100%;
    height: 2.428rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.snsgroup .easyLogin2 li a.ui-link span {
    font-size: .785rem;
    color: #fff !important;
    line-height: 2.428rem;
}

.snsgroup .easyLogin2 > li > a#kLogin span {
    color: #282828 !important;
}

.snsgroup .easyLogin2 li a.ui-link:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 30px;
    margin-top: -7px;
    background: url(../images/icon.png) 0 -97.5px no-repeat;
    background-size: 1000px;
}

.snsgroup .easyLogin2 > li > a#kLogin {
    background-color: #fede00;
}

.snsgroup .easyLogin2 > li > a#nLogin {
    background-color: #01c73c;
}

.snsgroup .easyLogin2 > li > a#fLogin {
    background-color: #3e66ae;
}

.snsgroup .easyLogin2 > li > a#gLogin {
    background-color: #c44d30;
}

.snsgroup .easyLogin2 > li > a#kLogin:before {
    background-position: -12px -97.5px;
}

.snsgroup .easyLogin2 > li > a#nLogin:before {
    background-position: -112px -97.5px;
}

.snsgroup .easyLogin2 > li > a#fLogin:before {
    background-position: -210px -97.5px;
}

.snsgroup .easyLogin2 > li > a#gLogin:before {
    background-position: -312px -97.5px;
}

.easyLogin {
    display: block;
    width: 100%;
    height: auto;
    overflow: Hidden
}

.easyLogin li {
    width: 100%;
    height: 5.714rem;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.easyLogin li {
    border-top: 1px solid #edeff1;
}

.easyLogin li:first-child {
    border-top: none;
}

.easyLogin .kLogin,
.easyLogin .nLogin,
.easyLogin .fLogin,
.easyLogin .gLogin {
    position: relative;
    display: block;
    height: 2.5rem;
    width: 100%;
    padding-left: 3.142rem;
}

.easyLogin span + span {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
    display: block;
}

.easyLogin .ico:before {
    position: absolute;
    top: .142rem;
    left: 0;
    display: inline-block;
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/icon.png) 0 -97.5px no-repeat;
    background-size: 1000px;
}

.easyLogin .kLogin:before {
    background-color: #fede00;
    background-position: -2px -97.5px;
}

.easyLogin .nLogin:before {
    background-color: #01c73c;
    background-position: -100px -97.5px;
}

.easyLogin .fLogin:before {
    background-color: #3e66ae;
    background-position: -200px -97.5px;
}

.easyLogin .gLogin:before {
    background-color: #c44d30;
    background-position: -300px -97.5px;
}

.timeTxt {
    font-size: .5rem;
}

.trainName,
.trainS,
.trainBar,
.trainE {
    display: inline-block;
}

.trainName {
    width: 69px;
}

.trainS {
    width: 104px;
}

.trainBar {
    text-align: center;
    width: .6258rem;
}

.trainE {
    width: auto;
}

.stationSelect .w15 {
    margin-top: .357rem;
}

.stationSelect input {
    font-size: .571rem !important;
}

.stationSelect .ui-block-a > label {
    padding-left: .357rem;
}

.stationSelect .ui-block-c > label {
    padding-left: 27%;
}

.ui-content.layerPopApp.ui-popup.ui-body-inherit.ui-overlay-shadow.ui-corner-all {
    display: none;
}

.ui-popup.layerPopApp > .ui-btn-left,
.ui-popup.layerPopApp > .ui-btn-right {
    z-index: 1;
}

#beforeDptDt {
    border-top: 1px solid #d4d3d4;
}

.seatCenter {
    width: 100%;
    margin: 0;
    font-size: .785rem !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5625rem;
}

#trnScarSeatInfo {
    background: #f2f2f2;
    height: calc(100% - 140px);
    overflow-y: auto;
    z-index: 1;
}

.seatCenter > * {
    font-size: .785rem !important;
    display: inline-block;
    margin-left: 1.071rem;
    margin-right: .142rem;
}

.seatCenter > *:first-child {
    margin-left: 0;
}

/*좌석선택*/
#trnScarSeatList {
    width: 100%;
    margin: .535rem auto 0 auto;
    padding: 0 2.857rem;
    box-sizing: border-box;
}

#trnScarSeatList .ui-type-flex {
    margin: .285rem 0;
    width: 100%;
    overflow: hidden;
    justify-content: space-between;
}

#trnScarSeatList .ui-type-flex > div {
    display: inline-flex;
    justify-content: center;
    width: 45%;
    max-width: 120px;
}

#trnScarSeatList .ui-type-flex > diV:first-child {
    justify-content: flex-start;
}

#trnScarSeatList .ui-type-flex > div:last-child {
    display: inline-flex;
    justify-content: flex-end;
}

#trnScarSeatList .window-group {
    position: relative;
    margin: .357rem 0
}

#trnScarSeatList .window-group:before {
    content: "";
    display: inline-block;
    width: .571rem;
    height: 100%;
    background: #83c0f9;
    border-radius: .357rem;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -1.428rem;
}

#trnScarSeatList .window-group:after {
    content: "";
    display: inline-block;
    width: .571rem;
    height: 100%;
    background: #83c0f9;
    border-radius: .357rem;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -1.428rem;
}

#trnScarSeatList .ui-type-flex > div > div {
    position: relative;
    top: 0;
    width: 50%;
    height: 2.75rem;
    margin: .214rem 0;
    text-align: center;
}

#trnScarSeatList .ui-type-flex div > span {
    display: block;
    text-align: center;
    font-size: .928rem;
    font-weight: 600;
    color: #000;
    line-height: 2.1875rem;
}

.seatType {
    position: relative;
    /*padding-top: 3.571rem;*/
    /*height: 5.714rem;*/
    box-sizing: border-box;
}

.seatType_all {
    position: relative;
    /*padding-top: 3.571rem;*/
    /*height: 5.714rem;*/
    box-sizing: border-box;
}

.seatType:before {
    content: "";
    display: block;
    width: 3.142rem;
    /*height: 3.142rem;*/
    /*background: url(../images/neo/sta_WF.png) no-repeat 0 0;*/
    background-size: 3.142rem;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.428rem;
}

.seatType_all:before {
    content: "";
    display: block;
    width: 3.142rem;
    height: 3.142rem;
    /*background: url(../images/neo/sta_WF_Drestroom.png) no-repeat 0 0;*/
    background-size: 3.142rem;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.428rem;
}

.seatType.bottom {
    position: relative;
    padding: 0 0 3.571rem;
}

.seatType_all.bottom {
    position: relative;
    padding: 0 0 3.571rem;
}

.seatType.bottom:before {
    content: "";
    display: block;
    width: 3.142rem;
    height: 3.142rem;
    background: url(../images/neo/sta_WF.png) no-repeat 0 0;
    background-size: 3.142rem;
    margin: 0 auto;
    position: absolute;
    top: 1.5625rem;
    left: 50%;
    margin-left: -22px;
}

.seatType_all.bottom:before {
    content: "";
    display: block;
    width: 3.142rem;
    height: 3.142rem;
    background: url(../images/neo/sta_WF_Drestroom.png) no-repeat 0 0;
    background-size: 3.142rem;
    margin: 0 auto;
    position: absolute;
    top: 1.5625rem;
    left: 50%;
    margin-left: -22px;
}

.seatType > div,
.seatType_all > div {
    height: 2.857rem !important
}

.seatTypeIcon img {
    text-align: center;
    margin: 0 auto .285rem;
    background-size: 3.142rem;
}

.no-txt {
    font-size: 0 !important;
    text-indent: -1000% !important;
}

.seatChoice015Y {
    background: url(../images/neo/btn_WF_SeatD.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice015N {
    background: url(../images/neo/btn_WF_SeatD_D.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice015Y_ {
    background: url(../images/neo/btn_WF_SeatD_O.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice021Y {
    background: url(../images/neo/sta_WF_Seatbathchair.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice021N {
    background: url(../images/neo//sta_WF_Seatbathchair_D.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice021Y_ {
    background: url(../images/neo/sta_WF_Seatbathchair_O.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice028Y {
    background: url(../images/neo/sta_WF_Seatauto.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice028N {
    background: url(../images/neo//btn_WF_Seatauto_D.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice028Y_ {
    background: url(../images/neo/sta_WF_Seatauto_O.png) no-repeat center center;
    background-size: 3.142rem;
}

.seatChoice015Y_ span,
.seatChoice015Y_ span,
.seatChoice015Y_ span {
    color: #fff !important;
}

.trnScarSeatChoiceInfo {
    background: #5c244c;
    border-radius: .857rem .857rem 0 0;
    padding: .8rem 1rem;
    position: fixed;
    bottom: 3.142rem;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    letter-spacing: -1px;
}

.trnScarSeatChoiceInfo .ui-type-flex {
    height: 1.4rem;
}

.trnScarSeatChoiceInfo .ui-type-flex > * {
    width: 100%;
    overflow: hidden;
}

.trnScarSeatChoiceInfo span {
    color: #fff;
    font-weight: 400;
}

.trnScarSeatChoiceInfo .ui-type-flex > div {
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-end;
}

.trnScarSeatChoiceInfo > div:first-child > div:last-child span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.trnScarSeatChoiceInfo span.f22 {
    font-size: .785rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    flex: 1;
    overflow: hidden;
    display: inline-block;
    padding-left: .4em;
}

.trnScarSeatChoiceInfo span.ico-user {
    position: relative;
    height: 1.2rem;
}

.trnScarSeatChoiceInfo span.ico-user:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(../images/neo/ico_user.png) no-repeat 0 3px;
    background-size: 10.5px;
}

.sale-inf {
    width: 100%;
    margin: 1rem auto 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.sale-inf .ui-type-flex {
    flex-flow: row wrap;
    justify-content: flex-start;
}

.sale-inf .ui-type-flex > div {
    width: 3.142rem !important;
    height: 3.142rem;
    margin: 0 .3rem;
}

.sale-inf .ui-type-flex {
    flex-flow: row wrap;
    justify-content: flex-start;
}

.sale-inf .ui-type-flex > div + div {
    margin-left: 0;
}

.sale-inf .ui-type-flex > div > span {
    display: block;
    text-align: center;
    padding: .9rem 0;
    font-size: .714rem;
}

.st-direction {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 180px;
    margin-left: -30px;
    margin-top: -90px;
}

.st-direction > div {
    color: #333;
    font-size: .928rem;
    text-align: center;
    margin: .571rem 0;
}

.st-direction > div > img {
    text-align: center;
    width: 1.071rem;
}

.iconToi {
    width: 1.714rem;
}

.imgMember {
    position: absolute !important;
    right: 4%;
    top: 5%;
    width: 35%;
    height: 88%;
}

.imgMember div {
    position: relative;
    width: 100%;
    height: 100%;
}

.imgMember img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.loginDiv.type2 {
    padding: .535rem 0;
}

.loginDiv2 {
    background: url('../images/sta_WF_Joinok.png') center 0 no-repeat;
    background-size: 2.285rem 2.285rem;
    padding-top: 2.5rem;
    margin-top: .857rem;
}

.loginDiv2 .fir {
    font-size: .571rem;
    margin-bottom: .357rem;
    text-align: center;
}

.loginDiv2 .guideTxt {
    font-size: .571rem !important;
}

.btnGray {
    color: #333 !important;
    background: #e6e6e6 !important;
}

.loginTxt {
    font-size: .571rem;
}

.reserveBox.type2 {
    margin-top: -9px;
    border-bottom: 1px dashed #c9c9c9;
    padding-bottom: .142rem;
}

.reserveBox.type3 {
    margin-top: 20px;
    border: 1px solid #9f3a84;
    background: #ececec;
    padding-bottom: .142rem;
}

.reserveBox.type2 .salePri {
    border-top: 1px solid #c9c9c9;
}

.reserveBox.type2 .salePri,
.reserveBox.type2 .resultPri {
    height: 1.571rem;
    line-height: 1.571rem;
}

.reserveBox.type2 .salePri .ui-block-b div,
.reserveBox.type2 .resultPri div {
    font-size: .642rem;
}

.summaryTxt {
    margin-top: .357rem;
}

.summaryTxt p {
    font-size: .5rem;
}

.summaryTxt p.txt {
    color: #777;
}

.floatBox {
    position: relative;
}

.floatBox > div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4%;
    width: 100%;
    box-sizing: border-box;
}

.floatBox * {
    text-indent: -99999px;
    font-size: 0;
}

.floatBox li a {
    display: block;
    padding: 7.3% 0;
}

.floatBox li {
    margin-bottom: 3.8%;
}

.floatBox ul {
    padding: 0 2.2%;
}

.floatBox .close {
    display: block;
    margin-top: 80.8%;
    padding: 6.4% 0;
    width: 100%;
}

.floatBox2 li  {
	border: 2px #4d364c solid;
	border-radius: 5px;
	width: 18.5rem;
	height: 2.5rem;
	margin:1rem;
}

.floatBox2 .booking {
	background: url(../images/icon.png) no-repeat 10px -545px;
	background-size: 1000px;
	width: 60px;
	height: 35px;
}
.floatBox2 .ticket{
	background: url(../images/icon.png) no-repeat -92px -545px;
	background-size: 1000px;
	width: 60px;
	height: 35px;
}

.floatBox2 .introduce{
	background: url(../images/logo-sr.png) no-repeat;
	background-size: 45px;
	margin: 10px 13px;
	width: 55px;
	height: 24px;
}

.floatBox2 .boxTxt {
	width: 100%;
	color: #483047;
	font-size: 20px;
	padding: 7px 8px;
	margin: -35px 0px;
	text-align: right;
}

.floatBox2 .close {
	width: 100%;
	background-color:#483047;
	color: #fff;
	font-size: 20px;
	padding: 7px 8px;
	text-align: center;
}

.floatBox2 .notice {
	display: grid;
	text-align: center;
	border: #CCC 1px solid;
	background-color: #979797;
	margin: 20px 15px 0px 15px;
	width: 300px;
}

.floatBox2 .noticeTitle {
	color: #fff;
	font-size: 20px;
	letter-spacing: 1px;
}
		
.floatBox2 .noticeTxt {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0px 20px;
}

.floatBox2 .chkboxTxt {
	margin: 0px 0px -25px 20px !important;
	padding-top: 5px !important;
	letter-spacing: 0.1px !important;
}

.inputType01 {
    padding: .428rem 0 .214rem !important;
    min-height: auto !important;
}

.loginDiv.type3 {
    padding: 1.071rem 4.5px;
    box-sizing: border-box;
    font-size: .571rem;
    line-height: 1.142rem;
}

.ticketBox > .regi .reList.type2 label {
    display: table;
}

.ticketBox > .regi .reList.type2 label span {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.ticketBox > .regi .reList.type2 li .t3 {
    float: none;
    text-align: right;
}

.ticketBox > .regi .reList.type2 li.type2.paddingType {
    padding: .285rem .285rem .285rem 1rem !important;
}

.paddingBox {
    padding: .285rem 1px 2px 1rem !important;
}

.locationBtn2 {
    display: block;
    width: .5rem;
    height: .714rem;
    border: none;
    background: url('../images/btn_WF_Map2.png') center 0 no-repeat;
    background-size: 100% 100%;
    margin: auto;
    padding: 0;
}

.certiType,
.selBox {
    margin: 0 0 1.5625rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.certiType > div {
    flex: 1;
    height: 4.285rem;
    border: #b9b9b9 solid 1px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.certiType > div + div,
.selBox > div + div {
    border-left: none;
}

.certiType > div.ui-grid-a a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon.png) -120px -831px no-repeat;
    background-size: 1000px;
    vertical-align: middle;
}

.certiType > div.ui-grid-b a:before {
    content: "";
    display: inline-block;
    width: 2.857rem;
    height: 2.857rem;
    background: url('../images/icon.png') -204px -829px no-repeat;
    background-size: 1000px;
    vertical-align: middle;
}

.certiType > div.ui-block-a a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon.png) -32px -225px no-repeat;
    background-size: 1000px;
    vertical-align: middle;
}

.certiType > div.ui-block-b a:before {
    content: "";
    display: inline-block;
    width: 2.857rem;
    height: 2.857rem;
    background: url('../images/icon.png') -135px -222px no-repeat;
    background-size: 1000px;
    vertical-align: middle;
}

.certiType > div > a {
    color: #282828;
    font-size: .857rem;
    position: relative;
    display: block;
    line-height: 2.857rem;
    text-align: left;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.selBox > div {
    flex: 1;
    height: 100px;
    border: #b9b9b9 solid 1px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.selBox > div > a {
    position: relative;
    display: block;
    font-size: 1rem;
    color: #292929;
    padding-left: 2.857rem;
    height: 2.857rem;
    text-align: left;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.selBox > div a > span {
    line-height: 1.4 !important;
    text-align: left;
    display: block;
}

.selBox > div a.takePic:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 2.857rem;
    height: 2.857rem;
    background: url('../images/icon.png') -700px -195px no-repeat;
    background-size: 1000px;
}

.selBox > div a.galPic:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 2.857rem;
    height: 2.857rem;
    background: url('../images/icon.png') -800px -195px no-repeat;
    background-size: 1000px;
}

.find-mem-wrap {
    width: 100%;
    overflow: hidden;
    margin: 1.142rem 0;
    position: relative;
}

.find-mem-wrap label {
    font-size: .928rem;
    color: #030303;
    margin: 0 0 .571rem;
}

.find-mem-wrap .ui-block-b {
    width: 100%;
    position: relative;
}

.ui-mini .ui-input-text input,
.ui-mini .ui-input-search input,
.ui-input-text.ui-mini input,
.ui-input-search.ui-mini input,
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
    font-size: .571rem;
}

.ui-mini {
    margin: 0;
}

.par-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: auto;
    height: 2.142rem;
    padding: 0 1rem;
    line-height: 2.142rem;
}

.par-btn * {
    color: #000 !important;
    font-weight: 400;
    background: transparent !important;
    display: inline-block !important;
    padding: 0 !important;
    border: none !important;
    font-size: .928rem !important;
}

.footerBtn {
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    z-index: 99;
    background-color: #fff;
}

.footerBtn.withFootmenu {
    bottom: 4.142rem;
}

.footerBtn.searchBtn,
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.footerBtn .ui-btn,
.footerBtn .ui-btn:focus,
.footerBtn .ui-btn:active,
.footerBtn .ui-btn:visited,
.footerBtn .ui-btn:hover,
.footerBtn.searchBtn .ui-btn,
.footerBtn.searchBtn .ui-btn:focus,
.footerBtn.searchBtn .ui-btn:active,
.footerBtn.searchBtn .ui-btn:visited,
.footerBtn.searchBtn .ui-btn:hover {
    flex: 1;
    background: #8f3576;
    border: none;
    border-radius: 0;
    font-size: 1.071rem;
    font-weight: 500;
    color: #fff;
    padding: 0;
    height: 3.214rem;
    line-height: 3.214rem;
    box-sizing: border-box;
}

.footerBtn .ui-btn:first-child {
    margin-left: 0 !important;
}

.footerBtn .ui-btn.btn04.ui-corner-all {
    border-radius: .314rem !important;
}

.footerBtn .ui-btn.nagetive,
.footerBtn .ui-btn.nagetive:focus,
.footerBtn .ui-btn.nagetive:active,
.footerBtn .ui-btn.nagetive:hover,
.footerBtn .ui-btn.nagetive:visited {
    background: #d8d8d8;
    color: #666;
    border-top: 1px solid #666;
    margin: 0 -.714rem;
}

.footerBtn .ui-btn.off,
.footerBtn .ui-btn.off:focus,
.footerBtn .ui-btn.off:active,
.footerBtn .ui-btn.off:hover,
.footerBtn .ui-btn.off:visited {
    background: #fff;
    color: #666;
    border-top: 1px solid #666;
    margin: 0 -.714rem;
}

.footerBtn .ui-btn.btn-gray {
    background: #626262;
}

.footerBtn .ui-btn.btn-kakao {
    background: #626262;
    color: #ffe401;
}

.footerBtn .ui-btn.btn-blue {
    background: #4a4e7e;
}

.footerBtn2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerBtn2 .ui-btn,
.footerBtn2 .ui-btn:focus,
.footerBtn2 .ui-btn:active,
.footerBtn2 .ui-btn:hover,
.footerBtn2 .ui-btn:visited {
    background: #8f3576;
    border: none;
    border-radius: 0;
    font-size: 1rem;
    ;
    color: #fff;
    padding: 0;
    height: 37px;
    box-sizing: border-box;
}

.footerBtn2 .ui-btn.ui-corner-all.btn-white {
    margin-top: 10px;
    background: #fff;
    border: none;
    border: 1px solid #8f3576 !important;
    border-radius: .214rem;
    font-size: 1rem;
    ;
    color: #8f3576;
    padding: 0;
    height: 37px;
    box-sizing: border-box;
}

.footerBtn2 .ui-btn.ui-corner-all.btn-gray {
    background: #7b7b7b;
    margin-left: .357rem;
}

.footerBtn2 .ui-btn.ui-corner-all {
    flex: 1;
    display: block;
    padding: 0;
    height: 37px;
    line-height: 37px;
    border-radius: .214rem;
    border: none !important;
    font-size: 1.071rem;
}

.cb {
    clear: both;
    position: relative;
}

.cb > div {
    position: relative;
}

.info-wrap {
    width: 100%;
    min-height: 10.714rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    line-height: 1.6;
    height: 360px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 1.428rem;
}

.info-wrap .info-txt {
    color: #303030;
    text-align: center;
    margin: .285rem 0;
}

.info-wrap .info-txt.srt {
    position: relative;
    padding-left: 2.857rem;
    color: #808080;
    letter-spacing: -.1em;
}

.info-wrap .info-txt.srt:before {
    content: "";
    display: inline-block;
    width: 2.857rem;
    height: 1.071rem;
    background: url(../images/icon.png) no-repeat -400px -98px;
    background-size: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: .357rem;
}

.info-wrap .info-result {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ccc;
    margin-top: 1.5625rem;
    padding: 2.5rem 0;
}

.info-wrap .info-result strong {
    font-size: 1.571rem;
    font-weight: 800;
    color: #8f3576;
    padding-left: .357rem;
}

.info-wrap .totalCnt {}

.info-wrap .totalCnt dt {
    position: relative;
    font-size: .857rem;
    color: #fff;
    text-align: center;
}

.info-wrap .totalCnt dt:after {
    content: ": ";
    position: absolute;
    right: 0;
    top: 0;
}

.info-wrap .totalCnt dd div {
    min-width: 100px;
    width: auto;
    text-align: right;
    font-size: .857rem;
    font-weight: 500;
    padding-left: .285rem;
}

.all-agree {
    margin: 0;
    padding: 1.428rem 0 .857rem 0;
    border-bottom: 1px solid #cccccc;
}

.all-agree .ui-checkbox {
    height: 1.5625rem;
    line-height: 1.5625rem;
    margin: 0;
}

.all-agree label {
    font-size: 1.285rem;
    font-weight: 600;
}

.list-agree {
    list-style: none;
}

.list-agree li {
    position: relative;
    color: #282828;
    list-style: none;
    padding-left: .428rem;
    margin-top: .214rem !important;
    line-height: 1.6;
    font-size: inherit;
}

.list-agree li:before {
    content: "- ";
    position: absolute;
    left: 0;
    top: 0;
}

.list-agree01 {
    list-style: none;
}

.list-agree01 li {
    position: relative;
    color: #282828;
    list-style: none;
    padding-left: .428rem;
    margin-top: .214rem !important;
    line-height: 1.6;
    font-size: inherit;
}

.list-agree01 li:before {
    position: absolute;
    left: 0;
    top: 0;
}

.list-agree02 {
    list-style: none;
}

.list-agree02 li {
    position: relative;
    color: #282828;
    list-style: none;
    padding-left: .428rem;
    margin-top: .214rem !important;
    letter-spacing: -.17em;
    line-height: 1.6;
}

ul + p {
    margin-top: .571rem;
    line-height: 1.6;
}

.list-agree02 li > div {
    padding-left: .571rem;
}

.agree-tit {
    margin: 1.071rem 0 0 !important;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.agree-tit * {
    margin: 0 !important;
}

.b05 .fcG2 {
    font-weight: 600;
}

.agreeLink.ui-link {
    font-size: .785rem;
    position: relative;
    padding-right: .714rem;
    color: #959595 !important;
}

.agreeLink.ui-link:active,
.agreeLink.ui-link:focus,
.agreeLink.ui-link:hover {}

.agreeLink.ui-link:after {
    content: "";
    display: inline-block;
    width: .714rem;
    height: .714rem;
    background: url(../images/icon.png) -207px -.5rem no-repeat;
    background-size: 1000px;
    vertical-align: middle;
    position: absolute;
    top: .214rem;
    right: 0;
}

.agreeLink.ui-link {
    margin: 0;
}

.setCheckfloat {
    float: right;
}

/*회원가입폼*/
.inputList2 {}

.inputList2 li {
    margin: 0 !important;
}

.inputList2 li > div,
.cb > div {
    margin-bottom: .714rem;
    align-items: flex-start;
}

.inputList2 li > div.row > div,
.cb > div.row > div {
    margin-bottom: 0;
}

.inputList2 li * + p {
    margin: 0 0 .4em;
}

.inputList2 li .ui-checkbox label {
    padding-left: 1.5rem;
    line-height: 1.5;
}

.inputList2 .row > div:first-child {
    flex: 1;
    align-items: flex-start;
}

.ui-switch-radio {
    display: inline-flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
}

.ui-switch-radio .ui-radio .ui-btn.ui-radio-on:after,
.ui-switch-radio .ui-radio .ui-btn.ui-radio-off:after {
    display: none;
}

.row .w-email {
    margin-left: .285rem !important;
    font-size: .857rem;
    flex-basis: 6.428rem;
    flex: none;
}

.row .ui-input-text {
    flex: 1;
    flex-basis: auto;
}

.row .ui-input-text + .ui-checkbox {
    width: auto;
}

.row .ui-checkbox,
.row .ui-radio {
    margin: 0;
}

.ui-switch-radio .ui-radio > * {
    padding: 0 !important;
    text-align: center;
}

.ui-switch-radio.w-sex .ui-radio {
    margin-left: .285rem;
}

.ui-switch-radio.w-sex .ui-radio > * {
    width: 4.285rem;
    height: 2.142rem;
    box-sizing: border-box;
}

.ui-switch-radio.w-sex .ui-btn.ui-radio-on {
    background: #8f3576;
    border: 0px solid #999999;
    color: #fff;
    font-size: .928rem;
    font-weight: 600;
    border-radius: .214rem;
    line-height: 2.285rem;
    height: 2.285rem;
    vertical-align: middle;
}

.ui-switch-radio.w-sex .ui-btn.ui-radio-off {
    background: #fff;
    border: 1px solid #999999 !important;
    color: #ababab;
    font-size: .928rem;
    font-weight: 600;
    border-radius: .214rem;
    line-height: 2.285rem;
    height: 2.285rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.ui-switch-radio.w-card {
    width: 100%;
}

.ui-switch-radio.w-card .card100 {
    width: 100%;
    height: 2.4rem;
}

.ui-switch-radio.w-card .card50 {
    width: 100%;
    height: 2.6rem;
    display: flex;
}

.ui-switch-radio.w-card .card50 .ui-radio {
    width: 50%;
    display: flex;
}

.ui-switch-radio.w-card .ui-radio {
    margin: 3px;
}

.ui-switch-radio.w-card .ui-radio > * {
    width: 4.285rem;
    height: 2.142rem;
    box-sizing: border-box;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on {
    border: 2px solid #8f3576 !important;
    color: #fff;
    font-size: .928rem;
    font-weight: 600;
    border-radius: 0px;
    line-height: 2.285rem;
    height: 2.285rem;
    vertical-align: middle;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on > * {
    /* font-size: 1rem; */
}

.ui-switch-radio.w-card .ui-btn.ui-radio-off {
    background: #edeef0;
    border: 1px solid #999999 !important;
    color: #333;
    font-size: .928rem;
    line-height: 2.285rem;
    height: 2.285rem;
    border-radius: 0px;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-off .naver {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -660px -789px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .naver {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -660px -790px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}


.ui-switch-radio.w-card .ui-btn.ui-radio-off .naver_event {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -855px -789px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .naver_event {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -855px -790px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-off .kakao {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -277px -788px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .kakao {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -277px -789px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}
.ui-switch-radio.w-card .ui-btn.ui-radio-off .settle {
    display: block;
    width: 105px;
    height: 100%;
    background: url(../images/icon.png) no-repeat 25px -835px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .settle {
    display: block;
    width: 105px;
    height: 100%;
    background: url(../images/icon.png) no-repeat 25px -836px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-off .settle_event {
    display: block;
    width: 105px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -85px -835px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .settle_event {
    display: block;
    width: 105px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -85px -836px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}
.ui-switch-radio.w-card .ui-btn.ui-radio-off .kakao_event {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -450px -789px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .kakao_event {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -450px -790px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-off .payco {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -100px -788px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-card .ui-btn.ui-radio-on .payco {
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/icon.png) no-repeat -100px -789px;
    background-size: 1000px;
    font-size: 0;
    text-indent: -10000%;
    margin: 0 auto;
}

.ui-switch-radio.w-100 {
    width: 100%;
    flex-basis: 100%;
    overflow: hidden;
    margin: 0;
}

.ui-switch-radio.w-100 .ui-radio {
    margin: 0;
    flex: 1;
    height: 36px;
}

.ui-switch-radio.w-100 .ui-radio > * {
    flex: 1;
    display: block;
    padding: 0 !important;
    text-align: center;
    box-sizing: border-box;
    margin: 0 !important;
}

.ui-switch-radio.w-100:first-child {
    border-left-width: 1px !important;
}

.ui-switch-radio.w-100 .ui-btn.ui-radio-on {
    background: #f1e5ed;
    border: 1px solid #8f3576 !important;
    color: #8f3576;
    font-size: .928rem;
    font-weight: 600;
    border-radius: .0;
    z-index: 80;
    box-sizing: border-box;
    line-height: 34px !important;
}

.ui-switch-radio.w-100 .ui-btn.ui-radio-off {
    background: #fff;
    color: #737373;
    font-size: .928rem;
    font-weight: 400;
    border-radius: 0;
    border: .5px solid #787878 !important;
    box-sizing: border-box;
    line-height: 35px !important;
}

.ui-switch-radio.w-100 .ui-btn.ui-radio-on + .ui-btn.ui-radio-off {
    border-left: none;
}

/* ONOFF-SWICH*/
.switch .ui-checkbox .chkbx-toggle {
    display: none;
}

.switch .ui-checkbox label {
    position: relative;
    cursor: pointer;
    outline: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 4.285rem;
    height: 2.142rem;
    background-color: #4c2f48 !important;
    border: 1px solid #ccc;
    -moz-border-radius: 2.142rem;
    -webkit-border-radius: 2.142rem;
    border-radius: 2.142rem;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}

.switch .ui-checkbox label:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
}

.switch .ui-checkbox .ui-btn:after,
.switch .ui-checkbox .ui-icon-check:after {
    background: red;
}

.switch .ui-checkbox .ui-btn.ui-checkbox-on.ui-checkbox-on:before {
    right: 1px;
    left: 1px;
    top: 1px;
    -moz-border-radius: 2.142rem;
    -webkit-border-radius: 2.142rem;
    border-radius: 2.142rem;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}

.switch .ui-checkbox .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    top: 50%;
    left: .285rem;
    width: 25px;
    height: 25px;
    margin-top: -13px;
    background: #fff;
    border-radius: 100%;
    -moz-box-shadow: 0 1px .357rem #ccc;
    -webkit-box-shadow: 0 1px .357rem #ccc;
    box-shadow: 0 1px .357rem #ccc;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    border: 1px solid #ccc !important;
}

.switch .ui-checkbox label.ui-btn.ui-checkbox-off {
    /* background: #802a76 !important; */
    background: #ddd !important; 
    border: none !important;
}

.switch .ui-checkbox .ui-btn.ui-checkbox-off:after {
    top: 50%;
    left: 2.5rem;
    width: 25px;
    height: 25px;
    margin-top: -13px;
    background-color: #fff;
    border-radius: 100%;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    opacity: 1;
    border: none;
}

.switch .ui-checkbox span {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.571rem;
    height: 1.428rem;
    margin-top: -.714rem;
    line-height: 1.428rem;
    font-size: inherit;
    font-weight: 500;
}

.switch .ui-checkbox .ui-btn.ui-checkbox-off span.off {
    display: block;
    left: .5rem;
    color: #000;
}

.switch .ui-checkbox .ui-btn.ui-checkbox-on span.on {
    display: block;
    left: 2.142rem;
    color: #fff;
}

/*간편예매*/
.bigMode-set {
    width: auto;
    height: auto;
}

.bigMode-set .txt-inf {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 35px 0 25px;
}

.ui-switch-radio.bigChk {
    width: 100%;
    height: auto;
}

.ui-switch-radio.bigChk .ui-radio {
    margin-left: 12px;
    flex: 1;
    height: 125px;
    box-sizing: border-box;
}

.ui-switch-radio.bigChk .ui-radio:first-child {
    margin-left: 0;
}

.ui-switch-radio.bigChk .ui-radio > * {
    width: 100%;
    height: 100%;
    padding-top: 45px !important;
    box-sizing: border-box;
}

.ui-switch-radio.bigChk .ui-btn.ui-radio-off {
    background: #fff;
    border: 1px solid #999999 !important;
    color: #282828;
    font-size: 18px;
    font-weight: 500;
    border-radius: .5rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.ui-switch-radio.bigChk .ui-btn.ui-radio-on {
    background: #8f3576;
    border: 0px solid #999999;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    padding-top: 0 !important;
}

.ui-switch-radio.bigChk .ui-btn.ui-radio-on:before {
    content: "";
    display: block;
    width: 52px;
    height: 40px;
    margin: 25px auto 8px;
    background: url(../images/icon.png) no-repeat -800px -500px;
    background-size: 1000px;
}

.station-direction {
    margin: 0 .571rem !important;
}

.station-direction .ui-btn {
    display: block;
    width: 2.428rem;
    height: 2.428rem;
    background: url(../images/icon.png) no-repeat -400px 0;
    background-size: 1000px;
    border: none !important;
}

.station-direction .ui-btn span {
    visibility: hidden;
}

.station-direction .ui-btn.to-left {
    background-position: -450px 0;
    background-size: 1000px;
}

.boxSizing {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.boxSizing > .ui-content .boxType01,
.boxSizing > .ui-content .boxType01 + .table.list {
    margin-top: 1.428rem
}

.list {
    border-top: 1px solid #ccc;
}

.list th {
    border: 1px solid #ccc;
    border-top: none;
    font-size: .928rem;
    color: #303030;
    padding: .285rem;
}

.list th:first-child {
    border-left: none;
}

.list th:last-child {
    border-right: none;
}

.list td {
    border: 1px solid #ccc;
    border-top: none;
    color: #575757;
    padding: .285rem;
    font-size: .857rem;
}

.list td:first-child {
    border-left: none;
}

.list td:last-child {
    border-right: none;
}

/*고객의소리*/
.list-notice {
    width: 100%;
    height: auto;
    margin-top: 0;
}

.list-notice th {
    border-bottom: 1px solid #edeff1;
    font-size: .857rem;
    color: #292929;
    padding: .571rem .285rem;
    font-weight: 500;
}

.list-notice td {
    border-bottom: 1px solid #edeff1;
    font-size: 1rem;
    color: #292929;
    padding: 1.071rem .285rem;
    font-weight: 500;
    text-align: center;
}

.view-notice {
    width: 100%;
    height: auto;
    margin-top: 0;
}

.view-notice th {
    border-bottom: 1px solid #edeff1;
    border-left: 1px solid #edeff1;
    font-size: .857rem;
    color: #595959;
    padding: .571rem .285rem;
    font-weight: 500;
}

.view-notice td {
    border-bottom: 1px solid #edeff1;
    border-left: 1px solid #edeff1;
    font-size: .857rem;
    color: #292929;
    padding: 1rem;
    font-weight: 500;
    text-align: left;
}

.view-notice tr th:first-child,
.view-notice tr td:first-child {
    border-left: none;
}

.sat-eva {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    border-top: 1px solid #edeff1;
    border-bottom: 1px solid #edeff1;
    border-right: 1px solid #edeff1;
    margin-top: .714rem;
}

.sat-eva li {
    flex: 1;
    min-height: 102px;
    border-left: 1px solid #edeff1;
    text-align: center;
    font-size: 1rem;
    color: #575757;
}

.sat-eva li .ui-radio {
    position: relative;
    margin: 0;
    height: 102px;
    margin-bottom: 1rem;
}

/*.sat-eva li label.ui-btn {border: none; text-align: center; width: 100%; height:102px;  margin: 0; box-sizing: border-box; padding:0 .4em 1rem; display: inline-flex; justify-content: center; align-items: center;}*/
.sat-eva li label.ui-btn,
.sat-eva .ui-radio .ui-btn.ui-btn-icon-left {
    border: none;
    text-align: center;
    width: 100%;
    height: 102px;
    margin: 0;
    box-sizing: border-box;
    padding: 0 .4em 1rem .4em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.sat-eva li span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    white-space: normal;
    line-height: 1.2;
    height: 100%;
}

.sat-eva li .ui-btn.ui-btn-icon-bottom:after {
    position: absolute;
    background: #fff;
    border: #000 solid 1px;
    width: 18px;
    height: 18px;
    border-radius: .214rem;
    box-sizing: border-box;
    top: 100%;
    left: 50% !important;
    margin: -20px 0 0 -9px !important;
}

.sat-eva li .ui-btn.ui-btn-icon-bottom.ui-radio-on.ui-radio-on:after {
    background: url(../images/icon.png) -292px -2px no-repeat #8f3576;
    background-size: 1000px;
    border: 1px solid #8f3576 !important;
}

.ui-group.a-link {
    text-align: center;
    padding: 0;
}

.ui-group.a-link > * {
    padding: .6rem 0;
    font-size: 1.071rem;
    font-weight: 500;
    color: #000;
}


/*회원카드*/
.memQR-inf {
    position: relative;
    background: #edeff3;
    width: 100%;
    height: 100%;
}

.memQR-inf .memInf-box {
    position: relative;
    background: #ffffff url(../images/div_WF_Membership.png) no-repeat center -150%;
    background-size: 364px;
    border-radius: 0 0 12px 12px;
    width: 100%;
    height: 200px;
    padding: 25px 20px;
    text-align: center;
    z-index: 1;
}

.memQR-inf .memInf-box .txt-name {
    color: #fff;
    font-size: 1.071rem;
    font-weight: 400;
    display: block;
    margin-top: .571rem;
}

.memQR-inf .memInf-box .txt-memNum {
    color: #fff !important;
    font-size: 1.285rem;
    font-weight: 600;
}

.memQR-inf .memInf-box .memType {
    margin: 0 auto;
}


.memQR-inf .memInf-box2 {
    position: relative;
    background: #802a76 url(../images/card_bg.png) no-repeat center 100%;
    background-size: 50%;
    width: 100%;
    height: 8.985rem;
    padding: 1.785rem 1.428rem;
    z-index: 1;
}

.memQR-inf .memInf-box2 .txt-name {
    color: #fff;
    font-size: 1.071rem;
    font-weight: 400;
    display: inline-block;
    margin-top: .271rem;
}

.memQR-inf .memInf-box2 .txt-memNum {
    color: #fff !important;
    font-size: 1.285rem;
    font-weight: 600;
}

.memQR-inf .memInf-box_h {
    position: relative;
    background: #a38941;
    background-size: 50%;
    width: 100%;
    height: 8.985rem;
    padding: 1.785rem 1.428rem;
    z-index: 1;
}

.memQR-inf .memInf-box_h .txt-name {
    color: #fff;
    font-size: 1.071rem;
    font-weight: 400;
    display: inline-block;
    margin-top: .271rem;
}

.memQR-inf .memInf-box_h .txt-memNum {
    color: #fff !important;
    font-size: 1.285rem;
    font-weight: 600;
}

.memQR-inf .memInfo {
    position: relative;
    background: #fff;
    width: 100%;
    height: 8.585rem;
    padding: 0.785rem 1.428rem;
    z-index: 1;
    color: black;
}

.memQR-inf .memInfo .Tye_bar_1 {
    border-left: 3px solid #802a76;
    padding-left: 10px;
    display: inline-block;
    width: 8.5rem;
}

.memQR-inf .memInfo .Tye_bar_2 {
    border-left: 3px solid #a38941;
    padding-left: 10px;
    display: inline-block;
    width: 8.5rem;
}


.memQR-inf .qr-box {
    position: relative;
    width: 13.571rem;
    height: 13.571rem;
    margin: -2.142rem auto 0;
    text-align: center;
    background: #fff;
    border-radius: .214rem;
    box-sizing: border-box;
    z-index: 101;
}

.memQR-inf .qr-box > * {
    width: 8.928rem;
    height: 8.928rem;
    padding: 2.285rem;
}

.memQR-inf .qr-box2 {
    position: relative;
    width: 13.571rem;
    height: 13.571rem;
    margin: 2.142rem auto 0;
    text-align: center;
    background: #fff;
    border-radius: .214rem;
    box-sizing: border-box;
    z-index: 101;
}

.memQR-inf .qr-box2 > * {
    width: 7.328rem;
    height: 7.328rem;
    padding: 2.285rem;
}

.memQR-inf .bot-box {
    margin: 1rem 0;
}

.memQR-inf .bot-box .srt-slogun {
    display: block;
    padding-top: 1.714rem;
    text-align: center;
    color: #8f3576;
    font-size: .928rem;
}

.innerTab-container {
    position: relative;
    width: 100%;
    margin: 0 -1rem 1.5625rem;
    padding: 0 1rem;
}

.memQR-inf .profileImgBox {
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -2.857rem;
    width: 5.714rem;
    height: 5.714rem;
    z-index: 102
}

.memQR-inf .profileImgBox img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.memQR-inf .profileImgBox2 {
    position: absolute;
    top: 35px;
    left: 80%;
    margin-left: -3.857rem;
    width: 7.514rem;
    height: 7.514rem;
    z-index: 102
}

.memQR-inf .profileImgBox2 img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.srt-slogun {
    width: 100%;
    height: 9.285rem;
    background: url(../images/img_srt_slogun.png) no-repeat 50% 2.857rem;
    background-size: 92px;
    padding-top: 5.142rem;
    text-align: center;
}

.srt-slogun span {
    font-size: .928rem;
    color: #832e6b;
}

.memQR-inf.type2 .memInf-box {
    background: none;
}

.memQR-inf.type2 .memInf-box .txt-name {
    color: #292929;
    font-size: 1.071rem;
    margin-top: 56px;
}

.trainSchedule-info {
    border-top: 2.5px solid #8f3576 !important;
    background-color: #fff;
    padding: 1rem 1.2rem;
}

.coupList {
    width: 100%;
    margin-top: .714rem;
}

.coupList li {
    margin-bottom: .714rem;
}

.coupList .coup-box {
    width: 100%;
    height: 7.142rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: url(../images/img_coupon.png) no-repeat right 0;
    background-size: 3.928rem
}

.coupList .coup-box2 {
    width: 100%;
    height: 7.142rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: url(../images/img_coupon_gold.png) no-repeat right 0;
    background-size: 3.928rem
}

.coupList .coup-box-left {
    flex: 1;
    height: 100%;
    border: 1px solid #8f3576;
    border-right: none;
    text-align: left;
    padding: .571rem 0 0 1rem;
}

.coupList .coup-box-right {
    position: relative;
    width: auto;
    min-width: 5.714rem;
    height: 100%;
    border: 1px solid #8f3576;
    border-right: none;
    border-left: none;
    margin-right: 3.75rem;
    padding: 1.257rem 1.142rem;
}

.coupList .coup-box-right:before {
    content: "";
    display: block;
    width: 1px;
    height: 1.785rem;
    background: #dddddd;
    position: absolute;
    left: 0;
    top: 4.142rem;
}

.coupList .coup-box > div > span {
    display: block;
    text-align: left;
    width: 100%;
    line-height: 1.4;
}

.coupList .coup-box-left2 {
    flex: 1;
    height: 100%;
    border: 1px solid #b3a36b;
    border-right: none;
    text-align: left;
    padding: .571rem 0 0 1rem;
}

.coupList .coup-box-right2 {
    position: relative;
    width: auto;
    min-width: 5.714rem;
    height: 100%;
    border: 1px solid #b3a36b;
    border-right: none;
    border-left: none;
    margin-right: 3.75rem;
    padding: 1.257rem 0.842rem;
}

.coupList .coup-box-right2:before {
    content: "";
    display: block;
    width: 1px;
    height: 1.785rem;
    background: #dddddd;
    position: absolute;
    left: 0;
    top: 4.142rem;
}

.coupList .coup-box2 > div > span {
    display: block;
    text-align: left;
    width: 100%;
    line-height: 1.4;
}

.coupList .rate {
    font-size: 1.557rem;
    /*font-size: 2.357rem;*/
    color: #8f3576;
    font-weight: 600;
}

.coupList .rate2 {
    font-size: 1.557rem;
    /*font-size: 2.357rem;*/
    color: #b3a36b;
    font-weight: 600;
}

/*210625 이상희*/
.coupList .boarding {
    font-size: .714rem;
    color: #989898;
}

.coupList .date {
    font-size: .857rem;
    color: #8f3576;
}

.coupList .date2 {
    font-size: .857rem;
    color: #b3a36b;
}

.coupList .type {
    font-size: .928rem;
    color: #808080;
    border: 1px solid #808080;
    border-radius: 1.714rem;
    width: auto;
    height: 1.785rem;
    text-align: center !important;
    line-height: 1.9 !important;
    margin-bottom: .685rem;
}

.coupList .type_2 {
    font-size: .928rem;
    color: #808080;
    border: 1px solid #808080;
    border-radius: 1.714rem;
    width: auto;
    height: 1.785rem;
    text-align: center !important;
    line-height: 1.9 !important;
    margin-bottom: .685rem;
    letter-spacing: -2px
}

.coupList .num {
    font-size: .857rem;
    color: #575757;
    font-weight: 600;
}

.coupList .useCnt {
    font-size: .714rem;
    color: #989898;
    font-weight: 400;
}

/*발권승차권*/
.ticketPntBox {
    position: relative;
    background: #ededed;
    width: 100%;
    height: auto;
    padding: 56px 0 51px;
    margin: 1rem 0;
    border-radius: 15px;
    box-sizing: border-box;
}

.ticketPntBox .ticketNo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #8f3576;
    border-radius: 15px 15px 0 0;
    color: #fff;
    text-align: center;
    font-size: 1.214rem;
    font-weight: 600;
    padding: 1.0rem;
}

.ticketPntBox .ticketNo * {
    color: #fff;
}

.ticketPntBox .ticketDate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #8f3576;
    border-radius: 15px 15px 0 0;
    color: #fff;
    text-align: center;
    font-size: 1.214rem;
    font-weight: 600;
    padding: 1.0rem;
}

.ticketPntBox .ticketDate * {
    color: #fff;
}

.ticketPntBox .wrap {
    border: 1px solid #999;
    border-top: none;
    border-bottom: none;
    padding: 0 1rem;
}

.ticketPntBox .stationCheckBox {
    border-bottom: none;
    padding: 1.1rem 0;
}

.ticketPntBox .stationCheckBox > * > * {
    position: relative;
}

.ticketPntBox .stationCheckBox .kakaop {
    display: none;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 50%;
    width: 176px;
    height: 27px;
    margin: -24px 0 0 -130px;
    padding: 0;
    background: #fff;
    border: 1px solid #8f3576;
}

.ticketPntBox .stationCheckBox .kakaop > * {
    float: left;
}

.ticketPntBox .stationCheckBox .kakaop a {
    color: #8f3576;
    font-size: .857rem;
    font-weight: 500;
    border-right: 1px solid #8f3576;
    display: inline-block;
    width: auto;
    height: 100%;
    padding: 0 .5rem;
    line-height: 24px;
}

.ticketPntBox .stationCheckBox .kakaop .close {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 25px;
}

.ticketPntBox .stationCheckBox .kakaop .close:before {
    content: "";
    display: block;
    background: url(../images/icon.png) no-repeat -194px -694px;
    background-size: 1000px;
    width: 24px;
    height: 25px;
}

.ticketPntBox .stationCheckBox .depa.active .location:before,
.ticketPntBox .stationCheckBox .arri.active .location:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -22px 0 0 -12px;
    background: url(../images/icon.png) no-repeat -700px -700px;
    background-size: 1000px;
    width: 20px;
    height: 27px;
}

.ticketPntBox .stationCheckBox .depa.active .location:before {
    left: 50%;
}

.ticketPntBox .stationCheckBox .arri.active .location:before {
    margin-left: -8px;
}

.ticketPntBox .stationCheckBox .depa.active .kakaop {
    display: block;
    margin-left: 10px;
}

.ticketPntBox .stationCheckBox .arri.active .kakaop {
    display: block;
    margin-left: -190px;
}

.ticketPntBox.type2 {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
    padding: 36px 0 0 0;
}

.ticketPntBox.type2 .ticketNo {
    border-radius: 6px 6px 0 0;
    padding: .36rem .8rem;
}

.ticketPntBox.type2 .ticketNo * {
    color: #fff;
    font-size: 1rem;
}

.ticketPntBox.type2 .ticketList {
    border: 1px solid #9f3a84;
    border-top: none;
    border-bottom: 1px solid #9f3a84;
    border-radius: 0 0 6px 6px;
    background: #fff;
}

.ticketPntBox.type2 .ticketBox {
    background: transparent;
    padding: .8rem;
}

.ticketPntBox.type2 .btn.btn04 {
    margin-top: -6px;
    background: #fff;
    border: 1px solid #9f3a84 !important;
    border-top: 1px solid #d6bace !important;
    font-size: 1rem;
    color: #832e6b !important;
    font-weight: 600;
    border-radius: 0 0 6px 6px;
    height: 40px;
    line-height: 1rem;
}

/*
.ticketPntBox.type2 .toIcon,
.ticketPntBox.type2 .toIcon2 {position:relative;
  display: inline-block;
  width: 16px;
  height: 24px; 
  font-size: 0;
  text-indent: -10000000%;
  vertical-align: middle;
  padding: 0 .3rem; 
  vertical-align: top;}
  .ticketPntBox.type2 .toIcon:before{content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/icon.png) no-repeat -700px -550px;
  background-size: 1000px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px auto 0 -8px;
}  
.ticketPntBox.type2 .toIcon2 {width:32px;}
.ticketPntBox.type2 .toIcon2:before{content: "";
  display: block;
  width: 32px;
  height: 16px;
  background: url(../images/icon.png) no-repeat -700px -500px;
  background-size: 1000px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px auto 0 -16px;
} 
*/

.ticketPntBox.type2 .toIcon,
.ticketPntBox.type2 .toIcon2 {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 24px;
    font-size: 0;
    text-indent: -10000000%;
    vertical-align: middle;
    padding: 0 .3rem;
    vertical-align: top;
}

.ticketPntBox.type2 .toIcon:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat -700px -550px;
    background-size: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px auto 0 -8px;
}

.ticketPntBox.type2 .toIcon2 {
    width: 32px;
}

.ticketPntBox.type2 .toIcon2:before {
    content: "";
    display: block;
    width: 32px;
    height: 16px;
    background: url(../images/icon.png) no-repeat -700px -500px;
    background-size: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px auto 0 -16px;
}


/*수정_발권승차권*/
.ticketPntBox2 {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 1rem 0;
    box-sizing: border-box;
}

.ticketPntBox2 .ticktetNumber {
    width: 100%;
    height: 3.5375rem;
    margin: 0;
    text-align: center;
    font-size: 16px !important;
    white-space: nowrap;
}

.ticketPntBox2 .ticktetdate {
    width: 100%;
    height: 3.5375rem;
    background: url(../images/ticketing_bg_top.png) no-repeat 0 0;
    background-size: 100% 3.5375rem;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #333;
    line-height: 2.9;
}

.ticketPntBox2 .ticketNo {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.5375rem;
    background: url(../images/ticketing_bg_top.png) no-repeat 0 0;
    background-size: 100% 3.5375rem;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #8f3576 !important;
}

.ticketPntBox2 .wrap {
    background: url(../images/ticketing_bg_body.png) repeat-y 0 0;
    background-size: 100%;
    padding: 0 1rem;
}

.ticketPntBox2 .stationCheckBox {
    border-bottom: none;
    padding: .2rem 0 1.5rem 0;
}

s .ticketPntBox2 .stationCheckBox > * > * {
    position: relative;
}

/* .ticketPntBox2 .stationCheckBox .kakaop {display:none;z-index:1000;position:absolute;top:0;left:85%;width:176px;height:27px;margin:-24px 0 0 -130px;padding:0;background:#fff;border:1px solid #8f3576;} */
.ticketPntBox2 .stationCheckBox .kakaop {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 17%;
    left: 110%;
    height: 27px;
    padding: 0;
    background: #fff;
}

.ticketPntBox2 .stationCheckBox .kakaop > * {
    float: left;
}

/* .ticketPntBox2 .stationCheckBox .kakaop a {color:#8f3576;font-size:.857rem;font-weight:500;border-right:1px solid #8f3576;display:inline-block;width:auto;height:100%;padding:0 .5rem;line-height:24px;} */
/* .ticketPntBox2 .stationCheckBox .kakaop .close {font-size:0;position:relative;display:inline-block;width:24px;height:25px;} */
.ticketPntBox2 .stationCheckBox .kakaop .close {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 0px;
    height: 25px;
}

/* .ticketPntBox2 .stationCheckBox .kakaop .close:before {content:"";display:block;background:url(../images/icon.png) no-repeat -194px -694px;background-size:1000px;width:24px;height:25px;} */
.ticketPntBox2 .stationCheckBox .kakaop .close:before {
    content: "";
    display: block;
    background: url(../images/icon.png) no-repeat -194px -694px;
    background-size: 1000px;
    width: 24px;
    height: 25px;
    border: 1px solid #8f3576;
    background-color: white;
    margin: -26px
}

.ticketPntBox2 .footCopy {
    position: relative;
    width: 100%;
    height: 3.75rem;
    background: url(../images/ticketing_bg_bottom.png) no-repeat 0 bottom;
    background-size: 100% 100%;
    padding: 1.6rem 0 0;
    text-align: center;
    font-size: 1.0625rem;
    color: #8f3576;
    font-weight: 500;
}

.ticketPntBox2 .depatureTime-inf {
    width: 100%;
    height: 3.4375rem;
    background: url(../images/bg_ticket_print3.gif) repeat-x 0 bottom;  
    /*background: url(../images/bg_ticket_print2.gif) repeat-x 0 bottom;*/ 
    /*background-size: 62px 26px;*/ 
    background-size: 100% 50px;
    padding: 0;
}



.ticket_refresh {
    width: 100%;   
    height: 45px;
    background: url(../images/btn_WF_Refresh_N.png)  no-repeat 50% -10px;
    background-size: 50px;
    padding: 0;
}

.ticket_refresh p {
	padding-top : 30px;
}

.ticketPntBox2 .pntBox-inf {
    width: 100%;
    height: 1.4375rem;
    background: url(../images/bg_ticket_print3.gif) repeat-x 0 bottom;
    background-size: 100% 50px;
    padding: 0;
}

.ticketPntBox2 .pntBox{
	display: flex;
    justify-content: space-between;
    position: fixed;
    left: 0;
    bottom: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    z-index: 99;
    background-color: #fff;
}

.ticketPntBox2 .depatureTime-inf p {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #dadada;
    font-size: .8125rem;
    font-weight: 600;
    color: #8f3577;
    padding: 0;
    margin: 0;
}

.ticketPntBox2 .stationCheckBox span.bg {
    width: 33px;
    height: 33px;
    background: url(../images/icon.png) no-repeat -700px -100px;
    background-size: 1000px;
}

.ticketPntBox2 .resultPri-in {
    flex-flow: row wrap;
    width: 100%;
    height: auto;
    background: transparent;
    margin-top: .6rem;
    padding: 0 1rem;
    box-sizing: border-box;
}

.ticketPntBox2 .resultPri-in > div {
    border-bottom: 1px solid #999;
    padding: .3rem 0;
}

.ticketPntBox2 .resultPri-in > div:last-child {
    border-bottom: none;
}

.ticketPntBox2 .boradingBox > div p {
    padding: .15rem 0;
}

.ticketPntBox2 .stationCheckBox .depa.active .location:before,
.ticketPntBox2 .stationCheckBox .arri .location:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 85%;
    margin: -22px 0 0 -12px;
    background: url(../images/icon.png) no-repeat -700px -700px;
    background-size: 1000px;
    width: 20px;
    height: 27px;
}

.ticketPntBox2 .stationCheckBox .depa.active .location:before {
    left: 85%;
}

/* .ticketPntBox2 .stationCheckBox .arri.active .location:before {margin-left:-8px; } */
.ticketPntBox2 .stationCheckBox .depa.active .kakaop {
    display: block;
    margin-left: 10px;
}

.ticketPntBox2 .stationCheckBox .arri.active .kakaop {
    display: block;
    margin-left: -190px;
}

.ticketPntBox2 .double_train > img {
    width: -webkit-fill-available
}


.boxList {
    margin: 1rem 0;
}

.boxList .list {
    border-top: 1px solid #e3e3e3;
}

.boxList .list li {
    border: 1px solid #e3e3e3;
}

.boxList .list li + li {
    border-top: none;
}

.boxList .list li a {
    position: relative;
    display: block;
    padding: 1rem .8rem;
}

.boxList .list li a:after {
    content: "";
    display: block;
    width: 25px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    background: url(../images/icon.png) no-repeat -700px -400px;
    background-size: 1000px;
}

.boxList .list li a strong {
    font-size: 15px;
    font-weight: 600;
    color: #010101;
}

.boxList .list li a p {
    color: #999999;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
}

.boradingBox {
    background: #fff;
    border-top: 1px solid #ccc;
}

.boradingBox > div {
    border-bottom: 1px solid #ccc;
    padding: .5rem 1rem;
}

.boradingBox > div > div + .qr-code {
    width: 100px;
    height: 100px;
    padding: .3rem .6rem 0 0;
    margin: 0;
}

.boradingBox > div > .qr-code {
    width: 100px;
    height: 100px;
    padding: .3rem .6rem 0 0;
}

.boradingBox > div .qr-code img {
    width: 100%;
}

.depatureTime-inf {
    width: 100%;
    height: 34px;
    background: #c10877 url(../images/bg_ticket_print.gif) repeat-x 0 bottom;
    background-size: 64px;
}

.depatureTime-inf p {
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: .928rem;
    padding: 0;
    line-height: 1;
}

.boradingBox > ul > li {
    padding: .2rem 0;
    border-top: 1px solid #ccc;
}

.boradingBox > ul > li:first-child {
    border-top: none;
}

.boradingBox > ul > li > div {
    padding: .2rem 1rem;
    border-top: 1px solid #ccc;
}

.boradingBox > ul > li > div * {
    line-height: 1.6;
}

.boradingBox > ul > li > div:first-child {
    border-top: none;
}

.boradingBox > ul > li > div:nth-child(2) {
    padding: .5rem 1rem .3rem;
}

.boradingBox > ul > li > div:nth-child(2) * {
    font-size: 1.214rem;
}

.boradingBox > ul > li > div:nth-child(2) p:nth-child(2) {
    text-align: left;
    border-left: 1px solid #ddd;
    padding-left: .8rem;
}

.ticketPntBox .resultPri-in {
    padding: 0 1rem 1rem;
    border: none;
    background: none;
}

.ticketPntBox .resultPri-in > div {
    border-bottom: 1px solid #999;
    padding: .2rem 0;
}

.ticketPntBox .resultPri-in > div:last-child {
    border: none;
}

.ticketPntBox .footCopy {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 15px 15px;
    border: 1px solid #999;
    width: 100%;
    height: 51px;
    background: #fff;
    color: #8f3576;
    font-weight: 500;
    font-size: 1.214rem;
    text-align: center;
    padding: .8rem;
}

/*srt메인new*/
/*.bgP {background:#802e69;padding:84px 1rem 7rem 1rem!important;box-sizing: border-box;}*/
.bgP {
    background: #f0f0f0;
    padding: 84px 1rem 7rem 1rem !important;
    box-sizing: border-box;
}

.bgP.ui-regular {
    padding: 66px 1rem 4rem 1rem !important;
}

.bgP .ui-tabs .ui-navbar,
.bgP .ui-tabs .ui-tabs-nav {
    margin-bottom: 0;
    padding: 0;
}

/*.bgP .ui-widget.ui-widget-content,.bgP .ui-tabs .ui-navbar{background:#802e69;color:#fff;border:none;}*/
.bgP .ui-widget.ui-widget-content,
.bgP .ui-tabs .ui-navbar {
    background: #f0f0f0;
    color: #fff;
    border: none;
}

.ui-page-theme-a .bgP .btn_stn.ui-link {
    color: #333;
    font-size: 1.68rem;
    font-weight: 600;
    border: none;
}

.ui-page-theme-a .bgP .datetime-inf .ui-block-a .ui-btn.type2 {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    border-bottom: none !important;
    line-height: 30px;
}

/*.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top {background:#802e69;color:#fff;border:none;text-align:center;height:45px;}*/
.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top {
    background: #f0f0f0;
    color: #fff;
    border: none;
    text-align: center;
    height: 45px;
}

/*.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn {background:transparent;display:inline-block;margin:0 auto!important;border:none;width:auto;height:45px;font-size:1rem;opacity: .7;padding-top:1rem;line-height:1.4;}*/
.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn {
    background: transparent;
    display: inline-block;
    margin: 0 auto !important;
    border: none;
    width: auto;
    height: 45px;
    font-size: 1rem;
    opacity: .7;
    padding-top: 1rem;
    line-height: 1.4;
}

/*.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn {color:#fff;opacity: 1;}*/
.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn {
    color: #802e69 !important;
    opacity: 1;
    font-weight: 600 !important;
}

/*.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn:after {content:"";display:block;width:28px;height:2px;background:#fff;margin:0;position:absolute;top:.7rem}*/
.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn:after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    background: #802e69;
    margin: 0;
    position: absolute;
    top: .7rem
}

/*.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn {color: #cea5c1;}*/
.bgP #tabs .ui-navbar .ui-state-default.ui-corner-top .ui-btn {
    color: #8b8b8b;
}

.ui-mobile .bgP .ticketing .ui-type-flex label {
    font-size: .928rem;
    min-height: 1rem;
    margin: 0;
}

.bgP .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    clear: both;
    float: none;
}

.bgP .box-container {
    position: relative;
    border-radius: .285rem;
    margin: 0 0 6px 0 !important;
    background: #fff;
    padding: .625rem 1rem;
}

.bgP .box-container.bor-top {
    border-top: 1px solid #ccc;
    border-radius: 0 0 .285rem .285rem;
}

.bgP .ui-body {
    padding: 0;
}

.bgP .ui-btn.ui-corner-all.ui-icon-round.ui-btn-icon-notext,
.bgP .ui-btn.ui-btn-round,
.bgP .ui-btn.ui-btn-oneway {
    background: #fff;
    margin: .5rem 0 0 0 !important;
}

.bgP .ticketing {
    position: relative;
}

.bgP .ticketing:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #c4c4c4;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 0;
}

.bgP .ticketing .ui-type-flex .ui-block-b {
    margin: -1rem 0 0 0;
}

.bgP .ticketing .ui-type-flex .ui-block-c {
    margin: 0;
}

.bgP .ticketing .ui-block-d {
    margin: 0;
    height: 1.4rem;
}

.bgP .ticketing .ui-block-d .ui-icon-map,
.bgP .ticketing .ui-block-d .ui-icon-map:visited,
.bgP .ticketing .ui-block-d .ui-icon-map:active,
.bgP .ticketing .ui-block-d .ui-icon-map:focus {
    height: 22px !important;
    border: 1px solid #832e6b !important;
    border-radius: .285rem !important;
    margin: 0 !important;
    font-size: .857rem;
    color: #832e6b;
    padding: .2rem .5rem !important;
    box-sizing: border-box;
    line-height: 1 !important;
}

.bgP .footerBtn {
    background: transparent;
}

.bgP .footerBtn .ui-btn,
.bgP .footerBtn .ui-btn:focus,
.bgP .footerBtn .ui-btn:active,
/*.bgP .footerBtn .ui-btn:visited {background:#fff!important;color:#802e69!important;border-radius: .285rem!important;font-weight:600!important;height:45px;line-height:45px;padding:0;}*/
.bgP .footerBtn .ui-btn:visited {
    background: #802e69 !important;
    color: #fff !important;
    border-radius: .285rem !important;
    font-weight: 600 !important;
    height: 45px;
    line-height: 45px;
    padding: 0;
}

.bgP .people-inf label {
    font-size: 13px;
    min-height: auto;
    margin: .2rem 0 0 0 !important;
}

.bgP .countBox.type5 .ui-input-text {
    width: 30px;
    height: 30px;
}

.bgP .countBox.type5 a:first-child {
    width: 30px;
    height: 30px;
    line-height :3px; 
    border-radius: .285rem 0 0 .285rem;
}

.bgP .countBox.type5 a:nth-child(3) {
    width: 30px;
    height: 30px;
    border-radius: 0 .285rem .285rem 0;
}

.bgP .countBox.type5 .ui-input-text input {
    height: 28px;
    min-height: 28px;
}

.bgP .countBox.type5 {
    height: 30px;
}

.bgP .people-inf > div {
    height: 3.75rem;
}

.bgP .datetime-inf .label-date {
    opacity: .88;
}

.bgP .datetime-inf .label-date:before {
    background-position: -400px -299px;
}

.bgP .align-center {
    position: relative;
    width: auto;
    overflow: hidden;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.ui-mobile .bgP .inputList {
    margin-bottom: .4rem;
}

/* .ui-mobile .bgP .inputList label {font-size:.928rem;margin:.2rem 0 0 0;} */
.ui-mobile .bgP .inputList label {
    font-size: .928rem;
    margin: .2rem 0 .2rem 0;
}

.bgP #tabs .ui-navbar.nav-regular .ui-state-default.ui-corner-top {
    background: #bbbbbb;
    border-radius: .285rem .285rem 0 0;
    ;
}

.bgP #tabs .ui-navbar.nav-regular .ui-state-default.ui-corner-top .ui-btn {
    color: #fff;
    padding: .7rem 0;
}

.bgP #tabs .ui-navbar.nav-regular .ui-state-default.ui-corner-top.ui-tabs-active {
    background: #fff;
}

.bgP #tabs .ui-navbar.nav-regular .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn {
    color: #832e6b;
}

.bgP #tabs .ui-navbar.nav-regular .ui-state-default.ui-corner-top.ui-tabs-active .ui-btn:after {
    display: none
}

/* Slideshow container */
.slideshow-container {
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: auto;
    position: relative;
    margin: auto;
    margin: .7rem 0 1rem 0;
    box-sizing: border-box;
    ;
}

.mySlides {
    display: none;
    width: 100%;
    height: 196px;
}

.mySlides a {
    width: 100%;
    height: 100% !important;
}

.mySlides img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.dot-slider {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
}

.dot-slider .dot {
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot-slider .active,
.dot-slider .dot:hover {
    background-color: #6c2659;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}


/*timepicker*/
div.drum-wrapper {
    width: 100% !important;
    height: auto;
    background: #fff;
    z-index: 1000;
}

.date_range_container {
    padding: 2rem 0;
    min-width: 300px;
    margin: 0 auto;
}

.date_range_container > form {
    width: 100%;
    height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
}

.date_range_container > form > * {
    height: 70px;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
}

.date_range_container > form .time-choose {
    position: relative;
    font-size: 1.071rem;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
}

.date_range_container > form .time-choose:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: url(../images/icon.png) no-repeat -400px -700px;
    background-size: 1000px;
}

.date_range_container > form .ui-select > .ui-btn > *,
.ui-select > .ui-btn > span:not(.ui-li-count) {
    font-size: 0
}

.handprint-inf {
    width: 100%;
    height: auto;
    padding: 65px 0;
    text-align: center;
}

.handprint-inf img {
    width: 95px;
}


/*.time-choose*/
.time-wrapper .date_range_container > form {
    width: 100%;
    height: 40px;
}

.time-wrapper .date_range_container > form > * {
    height: 40px;
    justify-content: space-between;
}

.time-wrapper .date_range_container > form > .date_form_wrap {
    border: 1px solid #ccc;
    width: auto;
    min-width: 120px;
    height: 40px;
    padding: 0;
}

.time-wrapper .date_range_container > form .ui-select .ui-btn.ui-icon-carat-d {
    width: auto;
    min-width: 40px;
    height: 38px;
    border: none;
    padding: 0;
    margin: 1px 0;
    text-align: center;
    box-sizing: border-box;
}

.time-wrapper .ui-page-theme-a .ui-body-inherit,
.time-wrapper .ui-input-text {
    width: 100%;
    height: 38px;
    margin: 1px 0;
    background: #fff !important;
    font-size: 19px;
    font-weight: 600;
    color: #8f3576;
    text-align: center;
}

.time-wrapper .ui-page-theme-a .ui-body-inherit,
.time-wrapper .ui-input-text input,
.time-wrapper .ui-page-theme-a .ui-body-inherit,
.time-wrapper .ui-input-text input:focus,
.time-wrapper .ui-page-theme-a .ui-body-inherit,
.time-wrapper .ui-input-text input:active,
.time-wrapper .ui-page-theme-a .ui-body-inherit,
.time-wrapper .ui-input-text input:visited {
    width: 100%;
    background: transparent;
    border: none;
    font-size: 19px;
    font-weight: 600;
    color: #8f3576;
    text-align: center;
}

.time-wrapper .date_range_container > form .ui-select > .ui-btn > *,
.ui-select > .ui-btn > span:not(.ui-li-count) {
    font-size: 19px;
    font-weight: 600;
    color: #8f3576;
    text-align: center;
}

.time-wrapper .btn-minus,
.time-wrapper .btn-plus {
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 0;
    text-indent: -100000%;
    border: none;
}

.time-wrapper .btn-minus.disabled,
.time-wrapper .btn-plus.disabled {
    background: #ccc;
}

.time-wrapper .btn-minus:before {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon.png) no-repeat 15px -585px;
    background-size: 1000px;
}

.time-wrapper .btn-plus:before {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon.png) no-repeat -85px -585px;
    background-size: 1000px;
}

.timepicker-wrapper {
    padding: 1rem;
    width: auto;
    height: auto;
}

.timepicker-wrapper .time-selected-wrap {
    width: 100%;
    overflow: hidden;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    margin: 1rem 0;
}

.timepicker-wrapper .time-selected-wrap .time-label {
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #010101;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
    margin: 0;
}

.timepicker-wrapper .time-selected-wrap .time-label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: url(../images/icon.png) no-repeat -400px -700px;
    background-size: 1000px;
}

.timepicker-wrapper .time-selected-wrap .time-selected {
    font-size: 18px;
    color: #585858;
    font-weight: 500;
    line-height: 1;
}

.timepicker-wrapper .time-selected-wrap .time-selected strong {
    color: #8f3576;
    font-weight: 600;
    line-height: 1;
}

.timepicker-wrapper .time-selected-wrap .time-selected span {
    font-size: 18px;
    color: #585858;
    font-weight: 500;
    line-height: 1;
}

.timepicker-wrapper .frame {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #eaeaea;
    border: 1px solid #ccc;
    border-radius: .5rem;
    box-sizing: border-box;
}

.timepicker-wrapper .frame ul {
    width: 100%;
    height: 50px;
    overflow: hidden;
    overflow-x: auto;
    padding: 0;
    margin: 0;
}

.timepicker-wrapper .frame ul.clearfix {
    width: 1290px;
    height: 48px;
}

.timepicker-wrapper .frame ul li {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-right: 4px;
    float: left;
    background: #eaeaea;
    border: none;
    border-radius: 0 !important;
    padding: 0;
    color: #666;
    font-size: 18px;
    font-weight: 400;
}

.timepicker-wrapper .frame ul li.active {
    background: #8f3576;
    color: #fff;
}

.timepicker-wrapper .frame ul li strong {
    font-weight: 600;
    color: inherit;
}

.banner-wrap {
    width: 100%;
    height: auto;
    padding: 0 1rem 1rem;
}

.banner-wrap img {
    width: 100%;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width: 300px) {

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

@media all and (min-width: 768px) {

    .ui-mobile,
    .ui-mobile-viewport,
    .boxSizing > .ui-header.type2,
    .ui-page-active > .ui-header.type2,
    .ui-mobile .ui-page,
    .ui-content,
    .ui-page,
    .ui-page-theme-a,
    .ui-header,
    .ui-footer,
    .ui-mobile-viewport,
    .footerBtn {
        max-width: 720px;
        margin: 0 auto;
    }
}

@media all and (max-width : 720px) {

    /* viewport 너비가 320px 이상 '그리고' 45.714rem이하이면 실행 */
    .layerArea.slideTop {
        margin-top: -400px;
    }

    .rsvDiv > div.inline-flex2 {
        padding: 0;
    }
}

/* 스마트폰 (가로) : */
@media all and (max-width : 320px) {
    .roundtrip-container .ui-group {
        padding: 0 2rem
    }

    .ui-content,
    .ui-content.type2,
    .ui-content.type2_2 {
        padding: 3.5rem .8rem 4rem .8rem;
        height: 100vh;
    }

    .ui-content.type2_full {
        padding: 3.5rem .8rem 4rem .8rem;
    }

    .ui-content.type3 {
        padding: 1rem 0 3.5rem;
    }

    .ui-content.type4 {
        padding: 3.5rem .8rem 4rem .8rem;
    }

    .ui-content.type4_2 {
        padding: 3.5rem .8rem 4rem .8rem;
    }

    #tabs.tabs70 {
        padding: 0;
    }

    .ui-content.bigF .checkBoxList > div .txt.cnt {
        padding: 0 .5em
    }

    .keyList li a {
        font-size: 1.42rem
    }

    .keyList li a.f40 {
        font-size: 1.342rem
    }

    .coupList .date {
        font-size: .6rem;
    }

    .coupList .date2 {
        font-size: .6rem;
    }

    .dotList01 {
        padding: .8rem 0;
    }

    .boxType02 {
        padding: 0 .8rem 0;
    }

    .dotList01 li {
        margin-top: .5rem
    }

    .ui-type-flex > div + div {
        margin-left: .2em;
    }

    .stationCheckBox .ui-btn.prev,
    .stationCheckBox .ui-btn.next {
        padding: .357rem 0;
        font-size: .8rem;
    }

    #trnScarSeatList {
        padding: 0 2rem
    }

    #leftpanel3 .helpBox .app {
        top: 0;
        margin-right: -10px;
    }

    .ban-bot-container a.ban-link img {
        max-width: 100%;
    }

    .ticketList .ticketBox {
        padding: .5rem .5rem .3rem;
    }

    .ticket-wrap {
        margin: 0 .5rem;
        width: auto;
    }

    .bgP .box-container {
        padding: .625rem .4rem
    }

    .bgP .datetime-inf .label-date {
        padding-right: .285rem;
        letter-spacing: -2px;
    }

    .bgP .datetime-inf .label-date:before {
        margin-left: 0;
    }

    .ui-page-theme-a .bgP .datetime-inf .ui-block-a .ui-btn.type2 {
        font-size: .982rem;
        letter-spacing: -1.5px;
    }

    .ticketPntBox.type2 .ticketList .ticketBox .ui-group .txt-act {
        letter-spacing: -1.5px;
    }

    .ui-header-anouncement .anouncement-wrap dt {
        width: auto;
    }

    .slt-option-container .ui-select .ui-btn,
    .slt-option-container .ui-select .ui-btn:hover,
    .slt-option-container .ui-select .ui-btn:active,
    .slt-option-container .ui-select .ui-btn:focus,
    .slt-option-container .ui-select .ui-btn:visited {
        font-size: .875rem;
        padding: 0 1rem 0 .4rem;
    }

    .rsvDiv.option-inf > div.flex-end > a {
        font-size: .95rem;
    }
}

/* iPhone4와 같은 높은 해상도 : */
@media all and (-webkit-min-device-pixel-ratio : 1.5),
all and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}



@media all and (orientation: portrait) {
    /* style */
}

@media all and (orientation: landscape) {
    /* style */
}


/* 20250826 이상희 과장*/
@media screen and (max-width:390px){
	#page1_BODY > p > a > img  {width : 94%;}
	#page1_BODY > p > img  {width : 94%;}
}

@media screen and (min-width:390px){
	#page1_BODY > p > a > img  {width : 360px;}
	#page1_BODY > p > img  {width : 360px;}
}

@media screen and (max-width:430px){
	#ImgConfirmMain2 {width : 100%;}
	#srtNoticePopupDivImg img {width : 100%; }
}

@media screen and (min-width:430px){
	#ImgConfirmMain2 {width : 390px;}
	#alertImages {text-align : center; width : 100%; }
	#srtNoticePopupDivImg img {width : 390px; }
	#aplyLayerConfirmMain {
		width : 390px;
		margin-left : -12.3rem;
	}
	.layerArea.img{
		width : 390px;
		margin-left:-12.3rem;
	}
}

@media all and (min-width:768px){
	.ui-mobile,
	.ui-mobile-viewport,
	.boxSizing > .ui-header.type2,
	.ui-page-active > .ui-header.type2,
	.ui-mobile .ui-page,
	.ui-content,
	.ui-page,
	.ui-page-theme-a,
	.ui-header,
	.ui-footer,
	.ui-mobile-viewport,
	.footerBtn{
		max-width:720px;
		margin : 0 auto;
	}
	#page1_BODY > p > a > img  {width : 400px;}
	#page1_BODY > p > img  {width : 400px;}
}

.ticketPntBox2 .qr img {	
	width : 16vw;
	height : 16vw;
	max-width : 55px;
	max-height : 55px;
	display:block;	
	object-fit : contain;
}

.sr-only {
	position : absolute;
	width:100%;
	height : 1px;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	
}