.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  /* border: 1px solid #ddd;
  border-bottom-color: transparent; */
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/**
* variables
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  text-decoration: none;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: 'pretendard',sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border-style:none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

input [type="checkbox"] {
  border-radius: 9999px;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0 !important;
  /* 2 */
  width: 20px;
  height: 20px;
  appearance: none;
  border-radius: 9999px;
}


[type="radio"]:checked {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    background: #76546D;
    border: 1px solid ##76546D;
    border-radius: 100%;
}
[type="checkbox"]:checked {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    appearance: none;
    background: #76546D;
    border: 1px solid ##76546D;
    border-radius: 999px;
    margin: 0;
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
* font
*/
/**
* Google font
*/
/**
* base typo style
*/
html,
body {
  font-family:"Pretendard", "NanumBarunGothic", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.2em;
  color: #111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
* mixins
*/
/**
* all components
*/
.srt-header {
  position: relative;
  height: 90px;
  background-color: #4f2e3f;
  min-width: 900px;
}

.srt-header.srt-header-primary {
  background-color: #fff;
  height: 60px;
  border-bottom: 1px solid #ccc;
}

.srt-header .logo {
  display: inline-block;
  text-decoration: none;
}

.srt-header-primary .logo img, .srt-header-primary .logo span {
  display: inline-block;
  vertical-align: middle;
}

.srt-header-primary .logo img {
  width: 80px;
}

.srt-header-primary .logo-text {
    color: #4C2F48;
    font-size: 20px;
    margin-left: 8px;
    line-height: 31px;
    font-weight: 500;
}

#login-header {
    height: 70px;
    background: none;
    /* padding-top: 50px; */
    box-sizing: border-box;
    display: block;
}



.srt-inner {
  height: 100%;
  display: table;
}

.srt-inner .logo {
  display: table-cell;
  vertical-align: middle;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.main-page {
  background-image:url(../images/bg_201709.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}

.srt-icon {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.srt-icon__srt:before {
  content: url(../images/icons/icon-srt.png);
}

.srt-icon__seat:before {
  content: url(../images/icons/icon-seat.png);
}

.srt-icon__watch:before {
  content: url(../images/icons/icon-watch.png);
}

.srt-icon__ticket:before {
  content: url(../images/icons/icon-ticket.png);
}

.srt-icon__note:before {
  content: url(../images/icons/icon-note.png);
}

.srt-icon__booking:before {
  content: url(../images/icons/icon-booking.png);
}

.srt-icon__signup:before {
  content: url(../images/icons/icon-signup.png);
}

.srt-container {
  width: 900px;
  margin: 0 auto;
  position:relative;
}
/* 

.srt-container2 {
width: 900px;
position:relative;
margin-left:50px;
} */

.srt-main-img-tree1 {
    position:absolute;
    top:-80px;
    left:-240px;
    z-index:-1;
}
.srt-main-img-tree2 {
    position:absolute;
    top:550px;
    right:-40px;
    z-index:-1;
}
.srt-main-img-sun {
    position:absolute;
    top:40px;
    left:-260px;
    z-index:-1;
}
.srt-main-img-home {
    position:absolute;
    top:500px;
    left:-240px;
    z-index:-1;
}
.srt-main-img-model {
    position:absolute;
    top:60px;
    left:920px;
    z-index:-1;
}
.srt-main-img-slogon {
    position:absolute;
    top:60px;
    left:30px;
    z-index:-1;
}

.srt-container-fluid {
  margin: auto 15px;
}

.srt-section {
  display: block;
  min-height:100%;
  width: 100%;
  margin: 0 auto;
}

.main-page .srt-section {
  font-size:0;
  line-height:0;
  background-image:url(../images/txt_main_201709.png);
  background-repeat:no-repeat;
  background-position:center 50px;
}

.srt-section2 {
  display: block;
  min-height:780px;
  overflow-y: hidden;
}

.srt-slogan {
  display: block;
  width: 100%;
  min-height: 170px;
  text-align: center;
  margin: 100px 0 20px 0;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.srt-mainmenu {
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  min-height: 363px;
  padding-top:200px;
}

.srt-mainmenu .srt-mainmenu__top, .srt-mainmenu .srt-mainmenu__bottom {
  display: block;
  width: 100%;
  position: relative;
}

.srt-mainmenu .srt-icon__srt {
  width: 90px;
  height: 90px;
  border: solid 1px #fff;
  border-radius: 50%;
  position: relative;
}

.srt-mainmenu .srt-icon__srt:before {
  display: inline-block;
  margin-top: 22%;
}

.srt-mainmenu .srt-mainmenu__icon, .srt-mainmenu .srt-mainmenu__text {
  display: block;
  width: 100%;
}

.srt-mainmenu .srt-mainmenu__icon {
  padding-top: 10%;
  padding-bottom: 10px;
}

.srt-mainmenu .srt-mainmenu__text {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3em;
}

.srt-mainmenu .srt-mainmenu__text2{
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3em;
  text-align: left;
  display: block;
}

.srt-mainmenu .srt-mainmenu__top {
  min-height: 209px;
  margin-bottom: 2px;
  /*display: table;*/
  width: 100%;
}

.srt-mainmenu .srt-mainmenu__top .srt-mainmenu__top_left, .srt-mainmenu .srt-mainmenu__top .srt-mainmenu__top_right {
  display: table-cell;
}

.srt-mainmenu .srt-mainmenu__top .srt-mainmenu__top_left {
  width: 299px;
  height: 100%;
  background-image: url(../images/bg_srt_pieces.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.srt-mainmenu .srt-mainmenu__top .srt-mainmenu__top_left .srt-mainmenu__link {
  min-height: 209px;
  height: 100%;
}

.srt-mainmenu .srt-mainmenu__top .srt-mainmenu__top_right {
  width: 601px;
  vertical-align: bottom;
}

.srt-mainmenu .srt-mainmenu__bottom {
  min-height: 151px;
  background-image: url(../images/bg_bottom_pieces.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: table;
  width: 100%;
}

.srt-mainmenu .srt-mainmenu__bottom .srt-mainmenu__link {
  display: table-cell;
  width: 25%;
  color: #fff;
  text-decoration: none;
}

.srt-mainmenu .srt-mainmenu__bottom .srt-mainmenu__link .srt-mainmenu__text {
  font-size: 20px;
}

.srt-mainmenu .srt-mainmenu__link {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.srt-mainmenu .srt-mainmenu__link.active, .srt-mainmenu .srt-mainmenu__link:hover, .srt-mainmenu .srt-mainmenu__link:focus {
  background-color: #504b4e;
}

.srt-mainmenu .srt-mainmenu__link.menu-signup, .srt-mainmenu .srt-mainmenu__link.menu-ticket {
  text-align: right;
  padding: 6px 15px 4px 15px;
  margin-left: 2px;
}

.srt-mainmenu .srt-mainmenu__link.menu-signup .srt-mainmenu__icon, .srt-mainmenu .srt-mainmenu__link.menu-signup .srt-mainmenu__text, .srt-mainmenu .srt-mainmenu__link.menu-ticket .srt-mainmenu__icon, .srt-mainmenu .srt-mainmenu__link.menu-ticket .srt-mainmenu__text {
  display: inline-block;
  width: auto;
  float: right;
}

.srt-mainmenu .srt-mainmenu__link.menu-signup .srt-mainmenu__icon, .srt-mainmenu .srt-mainmenu__link.menu-ticket .srt-mainmenu__icon {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2px;
  margin-right: 10px;
}

.srt-mainmenu .srt-mainmenu__link.menu-signup .srt-mainmenu__text, .srt-mainmenu .srt-mainmenu__link.menu-ticket .srt-mainmenu__text {
  font-size: 24px;
  margin-top: 5px;
}

.srt-mainmenu .srt-mainmenu__link.menu-signup {
  background-color: #5c595a;
}

.srt-mainmenu .srt-mainmenu__link.menu-ticket {
  background-color: #948e91;
}

.srt-mainmenu-notice {
  margin-top: 3px;
  background: #f2e3ce;
  padding: 5px 10px;
}

.srt-mainmenu-notice h3 {
  padding: 0 0 0 20px;
}

.srt-mainmenu-notice ol > li {
  margin: 8px 0;
  padding: 0 10px 0 0;
  font-size: 16px;
  line-height:20px;
}

/********************************/
.reserve-login-info {
        width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: linear-gradient(120deg, #805676 0%, #D29EC5 100%);
    height: 47px;
    align-items: center;
        position: sticky;
}

.reserve-login-info > ul {
    list-style:none;
    margin:0;
    padding:0;
}

.reserve-login-info > ul > li {
    width:300px;
    height:20px;
    box-sizing:border-box;
    /* border:1px solid #dddddd;
    background-color:#b37e92; */
    /* float:left; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
  
  
}

.reserve-login-info > ul > li:last-child {
  border:none;
}
.reserve-login-info > ul > li .info-title{
    font-size:18px;
    line-height:27px;
    /* margin-top:12px; */
    font-weight:500;
    text-align:center;
    color:#fff;
  display: inline-flex;
  margin-right: 12px;
}
.reserve-login-info > ul > li .info-desc{
    text-align:center;
    /* margin-top:12px; */
  display: inline-flex;
}
.reserve-login-info > ul > li .info-desc span.info-large{
    font-size:18px;
    font-weight:700;
    color:#fff;
  line-height:27px;
}
.reserve-login-info > ul > li .info-desc span.info-small{
    color:#dddddd;
}
/******** LOGIN PAGE **********/
.srt-login__box {
  margin: 65px auto;
  width: 600px;
}

.srt-login__box .srt-login__box_inner {
  border: solid 2px #e8e8e8;
  position: relative;
  min-height: 200px;
  padding: 65px 50px 30px 25px;
}

.srt-login__box .srt-login__box_text {
  font-size:15px
}

.srt-login__box .srt-form-group {
  display: block;
}

.srt-login__box .srt-form-group:first-child {
  margin-bottom: 10px;
}

.srt-login__box .srt-btn-login {
  background-color: #572b4c;
  color: #fff;
  height: 100%;
  min-height: 77px;
  border: solid 1px #999;
  font-weight: 600;
  opacity: 1;
  font-size: 16px;
}

.srt-login__box .srt-btn-login:hover, .srt-login__box .srt-btn-login:focus {
  opacity: .9;
}

.srt-login__box .srt-login_table {
  position: relative;
  display: table;
  width: 100%;
}

.srt-login__box .srt-login_table .srt-login__box_left, .srt-login__box .srt-login_table .srt-login__box_right {
  display: table-cell;
  vertical-align: middle;
}

.srt-login__box .srt-login_table .srt-login__box_right {
  vertical-align: top;
}

.srt-login__box .srt-form-control {
  border-radius: 0;
  border-width: 2px;
  border-color: #d3d3d3;
  background-color: #f8f8f8;
}

.srt-login__box .srt-button-group {
  display: block;
  margin-top: 20px;
  margin-right: -15px;
  padding-left: 13px;
}

.srt-login__box .srt-button-group .srt-btn {
  /* margin-right: 9px; */
}

.srt-login__box .srt-button-group .srt-btn:last-child {
  margin-right: 0;
}

.srt-login__box .srt-button-group .srt-btn-find {
  padding-left: 25px;
  padding-right: 25px;
}

/******** RESERVE PAGE **********/
.srt-container .clearfix__srt-tab-frame .reservation {
  background-color: #f3f3f3;
  padding:10px;
  font-size:14px;
  border-radius:8px;
}
 .srt-container .clearfix__srt-tab-frame .reservation h4 {
  font-size: 15px;
  font-weight: bold;
  margin:10px 0 10px 10px;
}

.srt-container .clearfix__srt-tab-frame .reservation ul > li{
  margin: 6px 0;
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 1.3em;
}

.srt-container .clearfix__srt-tab-frame .reservation__item_list_type {
  margin: 0;
  padding-left: 25px;
}

.srt-notice-box .clearfix__srt-tab-frame .reservation__item_list_type > li {
  list-style-type: disc;
  color: #ca3589;
  padding: 5px 0;
}

.srt-container .clearfix__srt-tab-frame .reservation__item_list_type > li.sub {
  list-style-type: none;
}

.srt-container .clearfix__srt-tab-frame .reservation__item_list_type > li span {
  color:red; font-weight:bold;
}

.srt-container .srt-result-container .reservationresult {
  background-color: #f3f3f3;
  padding: 16px;
  /* font-size: 14px; */
  border-radius: 8px;
}
 .srt-container .srt-result-container .reservationresult h4{
  font-size: 16px;
  font-weight: 500;
  margin:10px 0
}

.srt-container .srt-result-container .reservationresult p{
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin:0 0 10px 0;
  color:#111;
}

.srt-container .srt-result-container .reservationresult ul > li{
  font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 4px;}


.srt-container .srt-result-container .reservationresult__item_list_type {
  margin: 0;
  padding-left: 20px;
}

.srt-notice-box .srt-notice__item .reservationresult__item_list_type > li {
  list-style-type: disc;
  color: #ca3589;
  padding: 5px 0;
}

.srt-container .srt-result-container .reservationresult__item_list_type > li.sub {
  list-style-type: none;
}

.srt-container .srt-result-container .reservationresult__item_list_type > li span {
  color:red; font-weight:bold;
}


/******** NOTICE PAGE ***********/
.srt-notice-box {
  position: relative;
}

.srt-notice-box h3 {
  font-size: 24px;
  font-weight: bold;
}

.srt-notice-box .srt-notice__item {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.srt-notice-box .srt-notice__item .srt-notice__item_heading {
  color: #a43f8b;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}

.srt-notice-box .srt-notice__item .srt-notice__item_list_type {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding-left: 25px;
}

.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li {
  list-style-type: disc;
  color: #A43F8B;
  padding: 5px 0;
}

.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li.sub {
  list-style-type: none;
}

.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li span {
  color: #333;
}

.srt-notice-box .srt-table-hover {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.srt-notice-box .srt-table-hover > thead th {
  background-color: #f8f8f8;
  border-top: solid 2px #5e5e5e;
  border-bottom: solid 1px #dbdbdb;
  padding: 15px 0;
}

.srt-notice-box .srt-table-hover > tbody > tr > td {
  padding: 15px 0;
  border-bottom: solid 1px #dbdbdb;
}

.srt-notice-box .srt-table-notice {
  margin-bottom: 20px;
}

.srt-notice-box .srt-table-notice > thead th {
  text-align: center;
}

.srt-notice-box .srt-table-notice > tbody > tr > td {
  text-align: center;
}

.srt-notice-box .srt-table-notice > tbody > tr > td .srt-notice__info {
  display: block;
  padding: 10px 0;
  border-bottom: solid 1px #dbdbdb;
}

.srt-notice-box .srt-table-notice > tbody > tr > td .srt-notice__info:last-child {
  border-bottom: none;
}

.srt-table {
  width: 100%;
  margin-bottom: 24px;  
  border-collapse: collapse;
}

.srt-table th, .srt-table td {
  padding: 12px 16px;
  border:1px solid #ccc;  
  text-align: left;
  
}

.srt-table th:first-child, .srt-table td:first-child {
  border-left:none;    
}
.srt-table th:last-child, .srt-table td:last-child {
  border-right:none;    
}



.srt-table th {
    background-color: #F3F3F3;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    
}
}

.srt-table td {
  color: #7a7a7a;
}

.srt-select-group {
  color: inherit;
  padding: 2px;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  
  
}

.srt-select-group label {
  display: flex;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
}

.srt-select-group:not(select) {
  padding: 0;
}

.srt-select-group .srt-select-inline {
  /* margin-bottom: 5px; */
  display:flex;
  
  gap:8px ;
  flex-wrap: wrap;
  

}

.srt-select-group .srt-select-inline:last-child {
  margin-bottom: 0;
}

.srt-select-group select {
  padding: 8px 16px;
  color: inherit;
  border-radius: 8px;
}

.srt-square-icon:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #572b4c;
  display: inline-block;
  margin-right: 5px;
}

.srt-square-icon.lg:before {
  width: 10px;
  height: 10px;
}

.srt-tab-frame {
  padding: 32px 0;
}

.srt-tab-frame .srt-nav-tab {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  border: 0;
}

.srt-tab-frame .srt-nav-tab li {
  float:left;
  width: 25%;
  height: 46px;
  margin: 0;
  text-align: center;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #ccc;
}

.srt-tab-frame .srt-nav-tab li:last-child {
  border-right-width: 1px;
}

.srt-tab-frame .srt-nav-tab li [role=tab] {
  margin: 0;
  border: 0;
  padding: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-decoration: none;
  border-radius: 0;
  color: #76546D;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  background: #F3F3F3;
  border

}

.srt-tab-frame .srt-nav-tab li.active {
  border-color: #5b2975;
}

.srt-tab-frame .srt-nav-tab li.active [role=tab] {
  background: #572b4c;
  color: #fff;
}

.srt-tab-frame .srt-nav-tab li a {
  display: block;
  line-height: 46px;
}

.srt-tab-frame .srt-tab-content {
  border: 1px solid #ddd;
  padding: 10px 12px 32px;
}

.title-legend {
  text-align: right;
  font-weight: bold;
}

.title-legend .srt-circle {
  margin: 0px 5px 0 10px;
}

.srt-circle {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  margin-top: 4px;
  background-repeat: no-repeat;
}

.srt-circle.circle-blue {
  background-color: #33e4ec;
  background-image: url(../images/bluecircle.png);
}

.srt-circle.circle-yellow {
  background-color: #f6ec27;
  background-image: url(../images/yellowcircle.png);
}

.srt-circle.circle-red {
  background-color: #f26f3a;
  background-image: url(../images/redcircle.png);
}

.seatcheck-table {
  border-top: solid;
}

.seatcheck-table .str-minirow th {
  width: 88px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.seatcheck-table td {
  text-align: center;
  padding: 5px;
}

.seatcheck-table th {
  text-align: center;
  padding: 9px;
}

.srt-notice-seatcheck {
  margin-left: 20px;
}

.srt-notice-seatcheck:before {
  background: #222;
}

.srt-reservationGuide-notice {
  width:860px; background-color: #e6eff8; border: 1px solid #d5d5da;
}

.srt-reservationGuide-notice p {
  padding: 0 0 0 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;

}

.srt-reservationGuide-notice ul{
    padding: 0 0 0 20px;
    margin: 10px;
    
}

.srt-reservationGuide-notice ol > li {
  margin: 4px 0;
  padding: 0 10px 0 0;
 font-size: 16px;
  line-height: 24px;
}

.srt-reservationGuide-notice ul > li {
  margin: 4px 0;
  padding: 0 10px 0 0;
  font-size: 16px;
  line-height: 24px;
  list-style: none;
}

.srt-reservationGuide-notice table {
  width: 95%;
  max-width: 100%;
  /* margin-bottom: 15px; */
  border: 2px solid #d5d5da;
  border-collapse: collapse;
  margin: 10px auto;
  padding: 10px
}


.srt-reservationGuide-notice th, .srt-reservationGuide-notice td {
  padding: 10px;
  border:1px solid #d5d5da;
  text-align: left;
}

.srt-reservationGuide-notice th {
  background-color: #f8f8f8;
  font-weight: bold;
}

.srt-reservationGuide-notice td {
  background-color: #fff;
  color: #7a7a7a;
}


.srt-reservationGuide-notice table > th > td {
  border: 1px solid gray;
  margin: 10px;
  padding:10px;
  line-height: 1.3em;
}

.srt-traintime-right .srt-btn-dark-pink.srt-btn-small {
  width: 55px;
  padding: 7px;
}

.srt-traintime-right .srt-btn-dark-pink.btn-right {
  float: right;
}

.srt-traintime-right2 {
width:325px;
float:right;
padding:23px 10px;
box-sizing:border-box;
}
.srt-traintime-right2 .srt-btn-dark-pink {
margin-bottom: 7px;
}

.srt-traintime-left {
  width: 35%;
  float: left;
  padding: 23px 9px 23px 27px;
}

.srt-traintime-left .srt-btn-dark-pink {
  margin-bottom: 7px;
}

.srt-traintime-left2 {
width: 567px;
float: left;
padding: 23px 0 0 15px;
}
.srt-traintime-left2 .srt-btn-dark-pink.srt-btn-small {
width: 55px;
padding: 7px;
}

.srt-traintime-left2 .srt-btn-dark-pink.btn-right {
float: right;
}

.srt-table-popup-train-schedule {
  width: 450px;
  margin:20px auto 0 auto;
}

.srt-traintime-right {
  width: 63%;
  float: left;
  padding: 23px 0;
}

.srt-reservation-train {
  border: 2px solid #d5d5da;
  padding: 5px 10px;
}

.srt-reservation-train p {
  margin: 8px 0;
}

.srt-list-train td {
  padding: 4px;
  text-align: center;
}

.srt-list-train td p{
  padding: 2px 0 2px 8px;
  text-align: left;
}

.srt-list-train td.srt-square-icon {
  text-align: left;
  padding-left: 20px;
}

.srt-list-train td p {
  margin: 5px 0;
}

.srt-table-register .srt-square-icon:before,
.srt-list-train .srt-square-icon:before {
  width: 8px;
  height: 8px;
}

/************ SRT GRID ****************/
.srt-row {
  margin-left: -15px;
  margin-right: -15px;
}

.srt-row:before, .srt-row:after {
  content: " ";
  display: table;
}

.srt-row:after {
  clear: both;
}

.srt-col-1, .srt-col-2, .srt-col-3, .srt-col-4, .srt-col-5, .srt-col-6,
.srt-col-7, .srt-col-8, .srt-col-9, .srt-col-10, .srt-col-11, .srt-col-12 {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
}

.form-group {
  margin-bottom: 15px;
}

.srt-form-horizonal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.srt-form-horizonal .form-group:before, .srt-form-horizonal .form-group:after {
  content: " ";
  display: table;
}

.srt-form-horizonal .form-group:after {
  clear: both;
}

.srt-form-control {
  display: block;
  width: 380px;
  height: 40px;
  padding: 6px 0;
  font-size: 20px;
  background-color: #fff;
  border-bottom:1px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  align-self: stretch; height: 40px; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex
 
}

.srt-btn {
  display: inline-block;
  padding: 12px 24px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 8px;
}

.srt-btn-default {
  color: #333;
  border-color: #ccc;
  background: #eee;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #fff, #eee);
  /* Standard syntax */
}

.srt-btn-default:focus, .srt-btn-default:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.srt-btn-block {
  display: block;
  width: 100%;
}

.srt-btn-small {
    font-size: 16px;
    padding: 8px 0;
    line-height: 24px;
    width: 82px;
    background: #111;
    color: #fff;
}

.srt-btn-small2 {
  font-size: 16px;
    padding: 8px 0;
    line-height: 24px;
    width: 82px;
    background: #f3f3f3;
    color: #111;
}

/********** Tutorial **********/
.top-image {
  width: auto;
  min-height: 300px;
  margin-bottom: 25px;
  margin-top: 18px;
  background-image: url("../../images/202512/tutorial.png");
  background-repeat: no-repeat;
  background-position: center;
}

.srt-collapse-container {
  margin: 10px;
}

.srt-collapse-container .srt-panel-group .srt-panel {
  background-color: #f8f8f8;
  border-bottom: none;
  font-size: 16px;
  line-height: 24px;
  border-top: 1px solid #d5d5da;
}

.srt-collapse-container .srt-panel-group .srt-panel:last-child {
  border-bottom: 1px solid #d5d5da;
}

.srt-collapse-container .srt-panel-group .srt-panel:first-child {
  border-top: 2px solid #5e5e5e;
}

.srt-collapse-container .srt-panel-group .srt-panel .srt-panel-title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.srt-collapse-container .srt-panel-group .srt-panel .srt-panel-heading {
  padding: 15px 15px;
}

.srt-collapse-container .srt-panel-group .srt-panel .collapse .srt-well {
  padding: 10px;
  background: #fff;
}

.srt-caret {
  color: #222;
  margin-right: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 10px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-bottom: 5px;
  transition: transform .3s ease-in-out;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}

[aria-expanded=true] .srt-caret {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}

/************ Tab Frame 3 ***************/
.tab-panel-3 .top-text {
  font-size: 16px;
  padding: 16px;
  margin: 32px 0 24px;
  background: #f3f3f3;
  border-radius: 8px;
}
.top-text h3 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px
}

.top-text h4{
  margin: 0;
  font-weight: 500;
}

.tab-panel-3 .top-text ul {
  padding-left: 20px;
  margin: 8px 0 0 0 ;
}

.tab-panel-3 .top-text ul li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}


.tab-panel-3 .srt-table-tab-3 th, .tab-panel-3 .srt-table-tab-3 td {
  padding: 10px 0;
}



.tab-inner-content {
  width: 100%;  
  margin-top:24px;
}

.tab-inner-content.tab-inner-content-left {
  margin-right: 10px;
}

.tab-inner-content.tab-inner-content-left.tab-2 {
  width: 100%;
}

.tab-inner-content.tab-inner-content-right.tab-2 {
  width: 100%;
}

.srt-table-tab {
  font-size: 16px;
  line-height: 24px;
}

.srt-table-tab .srt-square-icon:before {
  margin: 0 8px 0 -5px;
}

.srt-table-tab tbody th {
  width: 95px;
}

.srt-table-tab tbody td > .srt-select-group {
  /* margin-left: -10px; */
}

.srt-table-tab tbody td > .srt-radio-group {
  margin-left: -7px;
}

.srt-table-tab tbody .srt-cell-no {
  /* padding-left: 0;
  padding-right: 0; */
  
}

.srt-cell-no input[type="text"]{
  border-radius: 8px;
}

.srt-table-tab select {
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #ccc;
  appearance: none;
  background: url(../../../bt/images/202512/ic-arrow-down.svg)no-repeat ;
  background-position: right 8px center  ;
  background-size: 24px 24px;

}
.srt-table-tab input {
  font-size: 16px;
  line-height: 24px;
  
  border: 1px solid #ccc;
  padding: 8px 16px;
  appearance: none;
}

.srt-table-tab select:disabled {
      font-size: 16px;
    line-height: 24px;
    background: #b6b6b6;
    border: 1px solid #929292;
    color: #0c0c0c; 
}

.srt-table-tab input:disabled {
      font-size: 16px;
    line-height: 24px;
    background: #ccc;
    border: 1px solid #b3b3b3;
    color: #555;  
}



.srt-table-tab-center td .srt-btn-small {
  padding: 8px 0;
  text-align: center;
}

.srt-table-tab-center th, .srt-table-tab-center td {
  padding: 8px;
  text-align: center;
}

.stop {
  font-size: 13px;
  color: #555;
  line-height: 20px;
  font-weight: 400;
}

.srt-width-px.w90 {
  width: 90px;
}

.srt-width-px.w95 {
  width: 95px;
}

.srt-width-px.w75 {
  width: 75px;
}

.srt-width-px.w60 {
  width: 60px;
}

.srt-width-px.w53 {
  width: 53px;
}

.srt-width-px.w50 {
  width: 50px;
}

.srt-width-px.w47 {
  width: 47px;
}

.srt-width-px.w43 {
  width: 43px;
}

.srt-width-px.w100 {
  width: 100px;
}

.srt-width-px.w87 {
  width: 87px;
}

.srt-width-px.w80 {
  width: 80px;
}
.srt-width-px.w88 {
  width: 80px;
}

.srt-width-px.w66 {
  width: 66px;
}

.srt-width-px.w120 {
  width: 120px;
}

.srt-width-px.w130 {
  width: 130px;
}

.srt-width-px.w150 {
  width: 150px;
}

.srt-width-px.w160 {
  width: 160px;
}

.srt-width-px.w170 {
  width: 170px;
}

.srt-width-px.w208 {
  width: 208px;
}

.srt-width-px.w220 {
  width: 220px;
}

.srt-width-px.w262 {
  width: 220px;
}

.srt-form-group-inline label {
  display: block;
  float: left;
  margin-right: 18px;
  margin-top: 10px;
}

.cell-checkbox {
  /* border-right: 2px solid #d5d5da;
  padding: 8px 0;
  margin: -5px 0; */
  
}

.cell-checkbox input {
  vertical-align: middle;
  margin-left: 1px;
}

.srt-btn-dark-pink {
  color: #fff;
  text-decoration: none;
  background-color: #572b4c !important;
  /* border-color: #572b4c !important; */
}

.srt-btn-line-dark {
  color: #111;
  text-decoration: none;
  background-color: #fff !important;
  border-color: #777 !important;
}

.srt-btn-pink {
  color: #fff;
  text-decoration: none;
  background-color: #111;
  /* border-color: #6f135e; */
}

.srt-btn-pink.on {
  color: #fff;
  text-decoration: none;
  background-color: #ff4500;
}

/* .srt-btn-small {
  padding: 10.5px 0;
  font-size: 16px;
  width: 82px;
  height: 38px;
  line-height: 24px;
} */

.srt-btn-purple {
  color: #fff;
  text-decoration: none;
  background-color: #2d257f;
  border-color: #2d257f;
  padding-left: 13px;
  padding-right: 13px;
}

.srt-btn-line {
  color: #111;
  text-decoration: none;
  background-color: #fff;
  border-color: #ddd;
  padding-left: 13px;
  padding-right: 13px;
  width: 70px;
}

.gray-label {
  padding: 2px;
  background-color: #d5d5da;
  position: relative;
  top: -2px;
}

.srt-tab-footer {
  font-size: 16px;
  line-height: 24px;
}

.srt-tab-footer .srt-btn-tab {
  min-width: 300px;
}

.srt-text-center {
  text-align: center;
}

.srt-radio-group input[type="radio"] {
  margin-left: 3px;
  margin-right: 15px;
  vertical-align: middle;
}

.srt-text-right {
  text-align: right;
}

.srt-footer-ul {
  margin: 0;
  padding-left: 15px;
  margin-bottom: 25px;
}

.srt-footer-ul li {
  line-height: 1.5em;
}

.srt-cost-container {
  width: 550px;
  margin:20px auto 0 auto;
}

.srt-cost-container .srt-text-right {
  line-height: 1.5em;
}

.srt-cost-container hr {
  margin-bottom: 10px;
  height: 1px;
  border: 0;
  border-top: 1px solid;
  border-color: #ccc;
  padding: 0;
}

.srt-cost-container .srt-table-cost-title {
  padding-bottom: 10px;
}

.srt-result-container {
  width: 900px;
  margin:20px auto 0 auto;
}

.srt-result-container .srt-text-right {
  line-height: 1.5em;
}

.srt-result-container hr {
  margin-bottom: 10px;
  height: 1px;
  border: 0;
  border-top: 1px solid;
  border-color: #ccc;
  padding: 0;
}

.srt-result-container .srt-table-result-title {
  padding-bottom: 10px;
}

.result-table thead {
  border-top: 2px solid #5e5e5e;
}

.result-table td {
  text-align: center;
  padding: 5px;
}

.result-table th {
  text-align: center;
  padding: 9px;
}

.srt-result-container > ul > li .info-desc{
    text-align:right;
    margin-top:12px;
}
.srt-result-container p > span.info-large{
    font-size:30px;
    font-weight:bold;
    color:#A43F8B;
    display:inline-block;
}

.srt-result-container p > span.info-large2{
    font-size:36px;
    font-weight:bold;
    color:#572b4c;
    display:inline-block;
}

.srt-table-tab-cost td, .srt-table-tab-cost th {
  border-width: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #dbdbdb;
}

.srt-table-tab-cost td:last-child, .srt-table-tab-cost th:last-child {
  border-right: 0;
}

.srt-table-tab-cost th {
  border-left: 0;
}

.srt-table-tab-cost thead {
  border-top: 2px solid #5e5e5e;
}

.srt-text-gray {
  color: #7a7a7a;
}

.srt-btn-sm {
  padding: 5px 13px;
}

/**
* footer:
*/
/**
* media queries
*/
.srt-col-1, .srt-col-2, .srt-col-3, .srt-col-4, .srt-col-5, .srt-col-6,
.srt-col-7, .srt-col-8, .srt-col-9, .srt-col-10, .srt-col-11, .srt-col-12 {
  float: left;
}
.srt-col-1 {
  width: 8.33333%;
}
.srt-col-2 {
  width: 16.66667%;
}
.srt-col-3 {
  width: 25%;
}
.srt-col-4 {
  width: 33.33333%;
}
.srt-col-5 {
  width: 41.66667%;
}
.srt-col-6 {
  width: 50%;
}
.srt-col-7 {
  width: 58.33333%;
}
.srt-col-8 {
  width: 66.66667%;
}
.srt-col-9 {
  width: 75%;
}
.srt-col-10 {
  width: 83.33333%;
}
.srt-col-12 {
  width: 100%;
}
.srt-col-offset-2 {
  margin-left: 16.66667%;
}
.srt-col-offset-3 {
  margin-left: 25%;
}
.srt-col-offset-4 {
  margin-left: 33.33333%;
}

/*
* 추가
*/

.srt-btn-soldout {
  color: #111;
  text-decoration: none;
  background-color: #ddd;
  cursor: default;
}

/*
* 추가  2017.01.10 개발 정한섭 추가
*/

.srt-select-group a.chg {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url(../../images/202512/ticket/btn_order_change.svg) no-repeat center center / contain;
    
}

.srt-table-register a.chg {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url(../../images/202512/ticket/btn_order_change.svg) no-repeat center center / contain;
}

/* 2017.08.31, wkwang */
.srt-footer-area {text-align:right;}
.srt-footer-area button {height:37px; margin:16px 0; font-size:14px; color:#111; background-color:#ddd; border-radius:8px;border: 1px solid #ddd;padding: 8px 10px;font-weight: 500;}
.


/* 이상희 대수송 신규*/

#login-header .box {
width: 100%;
height: 20px;
}

#login-header .box .rectangle {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 20px;
background-color: #802e69;
z-index: 200;
}

#login-header .box .rectangle .pattern {
    width: 1048px; height: 20px; background: #802E69; justify-content: flex-start; align-items: center; display: flex;margin: 0 auto;
}

#login-header .box .rectangle .pattern .rectangle-1 {width: 60px; height: 20px; background: #FA4A3B}
#login-header .box .rectangle .pattern .rectangle-2 {width: 60px; height: 20px; background: #6A2335}
#login-header .box .rectangle .pattern .rectangle-3 {width: 60px; height: 20px; background: #64AD7B}
#login-header .box .rectangle .pattern .rectangle-4 {width: 60px; height: 20px; background: #FFCE78}
#login-header .box .rectangle .pattern .rectangle-5 {width: 60px; height: 20px; background: #FDC8D3}



.srt-login-container {
  height: 100%; padding-top: 100px; padding-bottom: 64px; justify-content: center; align-items: flex-start; display: flex; gap:100px;
}

.container-main-tit{
  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex

}

.srt-logo-lg {
  background: url(../../../bt/images/202512/Logo.svg) no-repeat;
  width: 121px;
  height: 35px;
}

.container-main-tit .main-tit, .container-login-main-tit .main-tit {
  justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 26px; font-weight: 700; line-height: 39px; word-wrap: break-word;
  margin: 0;
}

.cont {
  width: 700px; padding: 32px; border: 1px #dddddd solid; offset: -1px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex;
}

.cont .tit {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex
}

.cont h1{
  font-size: 18px;  font-weight: 700; line-height: 27px; word-wrap: break-word;margin: 0;
}


.agree-Btn {
  align-self: stretch; padding-top: 16px; padding-bottom: 16px; background: #572b4c; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex
}
.agree-Btn a:link{
  text-decoration: none;color: #fff;
}
.agree-Btn span {
  color: white; font-size: 16px; font-weight: 700; line-height: 24px; word-wrap: break-word
}

.fc-black {
color: #333;
}

.fc-red {
  color: #FF2246;
}
.fc-burg {
  color: #A43F8B;
}

.cont-card-wrap {
  align-self: stretch; background: white; overflow: hidden; border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; display: flex
}

.cont-card {
  align-self: stretch; padding: 16px; background: white; border-radius: 8px; outline: 1px #cccccc solid; outline-offset: -1px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; display: flex
}

.cont-card h2 {
  justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 16px; font-weight: 700; line-height: 24px; word-wrap: break-word;margin: 0;
}

.cont-card  {
  justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 16px;  font-weight: 700; line-height: 24px; word-wrap: break-word;margin: 0;
}

.cont-card .list-wrap {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; 
}

.cont-card .list-wrap ul{
  align-self: stretch; justify-content: flex-start; align-items: flex-start;margin: 0; padding-inline-start:20px
}
.cont-card .list-wrap ul li {
  color: #333333; font-size: 14px; font-weight: 500; line-height: 24px; word-wrap: break-word
}



.cont-card .internet{
  align-self: stretch; padding-top: 12px; padding-bottom: 12px; background: #f3f3f3; border-radius: 8px; justify-content: center; align-items: center; gap: 40px; display: inline-flex
}

.cont-card .internet .in{
  flex-direction: column; justify-content: flex-start; align-items: center; gap: 4px; display: inline-flex
}

.cont-card .internet .in .in-ic{
  width: 32px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex
}

.cont-card .internet .in .in-ic .ic01{
  width: 100%; height: 32px; background: url(../../../bt/images/202512/internet_1.svg)no-repeat center/contain;
}

.cont-card .internet .in .in-ic .ic02{
  width: 100%; height: 32px; background: url(../../../bt/images/202512/internet_2.svg)no-repeat center/contain;
}

.cont-card .internet .in .in-ic .ic03{
  width: 100%; height: 32px; background: url(../../../bt/images/202512/internet_3.svg)no-repeat center/contain;
}

.cont-card .internet .in span{
  justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 14px; font-weight: 500; line-height: 21px; word-wrap: break-word
}

.list-wrap {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; 
}

.list-wrap ul{
  align-self: stretch; justify-content: flex-start; align-items: flex-start;margin: 0; padding-inline-start:20px
}
.list-wrap ul li {
  font-size: 14px; font-weight: 500; line-height: 2.0; word-wrap: break-word
}

.list-wrap ul.li-type02 {
  padding-left: 0;
  list-style: none;
  padding-inline-start:0
}

.list-wrap ul.li-type02 li {
  position: relative;
  padding-left: 15px;
  /* margin-bottom: 1.2rem; */  
}

.list-wrap ul.li-type02 li::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.login-cont {
  width: 530px; padding:48px 32px; outline: 1px #dddddd solid; outline-offset: -1px; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex;background: #fff;
}

.login-cont .login-area {
  width:380px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 48px; display: flex
}

.login-cont .login-area .login-box {
  flex-direction: column; justify-content: flex-start; align-items: center; gap: 32px; display: flex
}

.login-area .login-box .login-input {
  background: white; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: flex
}

.login-area .login-box .login-input .form-group {
  flex-direction: column; justify-content: flex-start; align-items: center; display: flex
}

 .login-input .form-group .srNm {
  align-self: stretch; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 15px;  font-weight: 500; line-height: 22.5px; word-wrap: break-word
}

.login-area .login-box .login-btn {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex
}

.login-area .login-box .login-btn .login{
  align-self: stretch; padding: 16px 6px ; background: #572b4c; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex;cursor: pointer;
}

.login span{
  color: white; font-size: 16px;  font-weight: 700; line-height: 24px; word-wrap: break-word
}
.sub-btn-group {
  align-self: stretch; padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: inline-flex
}

.sub-btn{
  flex: 1 1 0; text-align: center; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 15px; font-weight: 500; line-height: 22.5px; word-wrap: break-word;border: none; background: #fff;cursor: pointer;
}

.btn-divider {
  width: 1px; height: 18px; background: #dddddd
}

.gostart-btn {
  justify-content: center; display: flex; flex-direction: column; color: #555555; font-size: 14px; font-weight: 500; text-decoration: underline; line-height: 21px; word-wrap: break-word;border: none;cursor: pointer;
}

.container-login-main-tit{
  width:404px; height:520px ;flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex

}

.login-info{
  align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; display: flex
}

.login-info .login-time{
align-self: stretch; padding: 12px; background: #f3f3f3; border-radius: 8px; justify-content: space-between; align-items: center; display: inline-flex
}

.login-info .login-time .left-time{
  justify-content: flex-start; align-items: center; gap: 2px; display: flex;
}

.container-login-main-tit .main-tit {
  width:404px; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 26px;  font-weight: 700; line-height: 39px; word-wrap: break-word;
  margin: 0;
}




/* 넷퍼넬 페이지 */ 

/* .reservation-waiting-overlay {
  width: 100%;
  height: 100%;
  padding: 176px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  box-sizing: border-box;
  position: absolute;
  z-index: 999;
} */

.reservation-waiting-overlay {
  display: flex;
  justify-content: center; 
  align-items: center;
  top: 176px; 
  
  /* position: absolute; */ 
  visibility: visible; 
  z-index: 1202;
  box-sizing: border-box;
  width: 100%;
}


/* 모달 카드 */
.reservation-waiting-modal {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 628px;
  z-index: 1202;
}

/* 헤더 영역 */
.reservation-waiting-header {
  width: 628px;
  height: 56px;
  padding: 16px;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.header-icon-left {
  width: 24px;
  height: 24px;
}

.header-icon-right {
  width: 24px;
  height: 24px;
  position: relative;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.header-close-icon {
  width: 100%;
  height: 100%;
  background:url(../../../../bt/images/202512/icon/ic-close.svg);
  position: absolute;
  left: 0;
  top: 0;
  
}

/* 타이틀 */
.reservation-waiting-title {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
}

/* 컨텐츠 영역 */
.reservation-waiting-content {
  width: 628px;
  padding: 8px 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  box-sizing: border-box;
}

/* 상단 보라색 안내 배너 */
.reservation-info-banner {
  width: 100%;
  padding: 12px 20px;
  background: #572b4c;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
}

.reservation-info-icon {
  width: 24px;
  height: 24px;
  position: relative;
  background: url(../../../../bt/images/202512/icon/ic-info-s.svg) no-repeat;
}

/* 아이콘 디테일 (원래 outline + 막대 + 점들) */
.reservation-info-icon-box {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1.5px solid #ffffff;
  box-sizing: border-box;
}

.reservation-info-icon-stick {
  width: 1px;
  height: 4px;
  position: absolute;
  left: 11.5px;
  top: 12px;
  border-left: 1.5px solid #ffffff;
  box-sizing: border-box;
}

.reservation-info-icon-dot-small {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 11.5px;
  top: 8.5px;
  background: #ffffff;
}

.reservation-info-icon-dot-large {
  width: 2px;
  height: 2px;
  position: absolute;
  left: 11px;
  top: 8px;
  background: #ffffff;
}

.reservation-info-text {
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
  margin: 0;
}

/* 대기 인원 / 상태 박스 */
.reservation-waiting-status {
  width: 100%;
  padding: 20px;
  background: #f3f3f3;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
}

.reservation-waiting-status-text {
  width: 100%;
  text-align: center;
  color: #333333;
  font-size: 20px;

  font-weight: 700;
  line-height: 30px;
  word-wrap: break-word;
  margin: 0;
}

.reservation-waiting-status-text .highlight {
  color: #ff2246;
}

/* 진행 바 */
.reservation-progress {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.reservation-progress-track {
  width: 548px;
  height: 8px;
  background: #dddddd;
  border-radius: 4px;
  position: absolute;
}

.reservation-progress-fill {
  /* width: calc(1355 / 5000 * 100%); */
  /* width: 0%; */
  height: 8px;
  background: #572b4c;
  border-radius: 4px;
  position: absolute;
}

/* 안내 문구 리스트 */


/* 빨간색 강조 문구 (앞의 두 줄) */
.reservation-notice-item.emphasis .reservation-notice-mark,
.reservation-notice-item.emphasis .reservation-notice-text {
  color: #ff2246;
}

/* 버튼 영역 */
.reservation-seat-button-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.reservation-seat-button {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #572b4c;
  background: #ffffff;
  color: #572b4c;
  font-size: 16px;

  font-weight: 700;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

input::placeholder {
  color: #b2b2b2;
}

/* 잔여석 조회 예약 페이지 */
/* 기본 설정 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;

  
  color: #111;
}

/* 공통 유틸 */
.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

/* 페이지 래퍼 */
.reservation-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 공통 컨테이너 */
.summary-inner,
.top-header,
.train-list-wrap > div,
.guide-wrap > div {
  width: 100%;
  max-width: 1048px;
}

/* 상단 헤더 */
.top-header {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.srt-logo {
  width: 107px;
  height: 30px;
  background: url(../../../bt/images/202512/Logo.svg)no-repeat center / cover ;
 

}

.srt-tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 31px;
  color: #4c2f48;
}

.top-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 4px;
}

.user-icon {
  width: 28px;
  height: 28px;
  background:url(../../../../bt/images/202512/icon/ic-user.svg);
  
}

.user-name {
  font-size: 14px;
  font-weight: 700;
}

/* 칩 버튼 */
.btn-chip {
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

/* 요약 바 */
.summary-bar {
  width: 100%;
  background: linear-gradient(120deg, #805676 0%, #d29ec5 100%);
  padding: 10px 0;
  display: flex;
  justify-content: center;
  position: sticky;
  z-index: 9999;
  top: 0;
}

.summary-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.summary-item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.summary-label {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}

.summary-value {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.summary-divider {
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.5);
}

/* 메인 영역 */
.reservation-main {
  padding: 32px 0 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* 탭 스위치 */
.tab-switch {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tab-switch-inner {
  width: 600px;
  padding: 6px;
  background: #f3f3f3;
  border-radius: 999px;
  border: 1px solid #cccccc;
  display: flex;
}

.tab-pill {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border-radius: 99px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #76546d;
  text-decoration: none;
  cursor: pointer;
}

.tab-pill.is-active,
.tab-pill[aria-current="page"] {
  background: #76546d;
  color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.tab-pill:focus-visible {
  outline: 2px solid #a43f8b;
  outline-offset: 2px;
}

/* 검색 조건 영역 */
.search-wrap{
  width: 100%; height: 100%; padding:32px 0; background: #f3f3f3; justify-content: center; align-items: center; gap: 24px; display: flex;
  flex-direction: column;
}


.search-condition {
  width: 1048px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 조회 조건 카드 */
.search-condition-box {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #cccccc;
  padding: 20px 32px;
  display: flex;
  align-items: center;
  /* gap: 32px; */
}

.route-info {
  flex: 1;
  display: flex;
  align-items: center;
  border-right: 1px solid #dddddd;
  gap: 8px;
}

.route-station {
  flex: 1;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.route-station-from {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.route-label {
  font-size: 16px;
  font-weight: 500;
  color: #777777;
  line-height: 24px;
  margin-bottom: 4px;
}

.route-value {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  line-height: 30px;
}

.route-icon {
  background: url(../../../../bt/images/202512/icon/ic-change.svg);
  width: 36px;
  height: 36px;
}

.route-date,
.route-time {
  padding: 0 70px;
  text-align: center;
  border-right: 1px solid #dddddd;
  cursor: pointer;
}

.route-time {
  border-right: none;
}

/* 인원 / 좌석 카드 */
.people-seat-card {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #cccccc;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 섹션 타이틀 */
.section-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.section-title-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;

}

.section-title-icon.person {
  background:url(../../../../bt/images/202512/icon/ic-user.svg)no-repeat;
}

.section-title-icon.seat2 {
  background:url(../../../../bt/images/202512/icon/ic-seat-2.svg)no-repeat;
}

.section-title-text {
  font-size: 16px;
  font-weight: 700;
}

/* 인원 영역 */
.people-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.people-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
      justify-content: space-around;
}

.people-item {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
}

.people-item.is-active {
  border-color: #a43f8b;
}

.people-btn {
  display: flex;
  align-items: center;
  height: 100%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.people-btn-control {
  width: 24px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.people-btn-control::before {
  content: "";
  width: 12px;
  height: 2px;
  background: #a43f8b;
}

.people-btn-control.plus::after {
  content: "";
  width: 2px;
  height: 12px;
  background: #a43f8b;
  position: absolute;
}

.people-item[data-count="0"] .minus::before {
  background: #cccccc !important; /* 회색 */
}

.people-item[data-count="0"] .minus {
  cursor: not-allowed;
}

/* 0명이어도 + 버튼은 정상 */
.people-item[data-count="0"] .plus::before,
.people-item[data-count="0"] .plus::after {
  background: #a43f8b;
}

/* =============================== */
/* 1명 이상일 때 (-)(+) 모두 활성 */
/* =============================== */
.people-item[data-count]:not([data-count="0"]) .minus::before,
.people-item[data-count]:not([data-count="0"]) .plus::before,
.people-item[data-count]:not([data-count="0"]) .plus::after {
  background: #a43f8b;
}

/* .people-item.is-active .people-btn-control::before {
  background: #a43f8b;
} */

/* .people-btn-control.minus {
background: url(../../../../bt/images/202512/icon/ic-minus.svg)no-repeat center;
}

.people-btn-control.plus {
background: url(../../../../bt/images/202512/icon/ic-plus.svg)no-repeat center;
} */
.people-btn-middle {
  width: 101px;
  height: 44px;
  /* padding: 6px 24px; */
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
}

.people-main {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.people-sub {
  font-size: 12px;
  font-weight: 500;
  color: #777777;
  line-height: 16px;
}

/* 좌석 선택 */
.seat-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 래퍼 */
.select-wrap {
  position: relative;
  width: 100%;
}



/* 실제 select는 화면에서 숨기지만 접근성은 유지 */
.real-select {
  position: absolute;
  inset: 0;      
  opacity: 0;    /* 투명 */
  cursor: pointer;
  width: 100%;
}

/* .seat-select {
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
} */

.stn-select, .dptDt-select, .dptTm-select, .seat-select  {
  width: 100%;
  /* height: 44px; */
  /* padding: 10px 16px; */
  border: none;
  /* border-radius: 8px; */
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  flex-direction: column;

}
/* .seat-select {
  width: 257px;
  height: 44px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
} */

.select-label {
  font-size: 16px;
  font-weight: 700;
}

.select-icon {
  width: 16px;
  height: 8px;
  background:url(../../../../bt/images/202512/icon/ic-arrow-down.svg)no-repeat center;
}

/* 조회 버튼 */
.search-submit-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.btn-primary-large {
  min-width: 300px;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  background: #572b4c;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  line-height: 24px;
}

/* 열차 리스트 */
.train-list-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin-top:8px;
}

.train-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.train-card {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #cccccc;
  padding: 16px;
}

.train-card-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

.train-info {
  width: 302px;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.train-meta-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}


.train-number,
.train-stop-label {
  
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  color: #555555;
}


.train-meta-divider {
  display: inline-block;
  width: 14px;
  height: 1px;
  background: #cccccc;
  transform: rotate(90deg);
  
}


.train-stop-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 3px; 
}


.train-stop-dot {
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background: #a43f8b;
}

.train-time-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.train-time {
  width: 70px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.time-separator {
  width: 8px;
  height: 3px;
  background: #333333;
}

.train-time-arrive {
  text-align: right;
}

.train-station-row {
  display: flex;
  justify-content: space-between;
}

.train-station {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

/* 좌측 운행시간/운임요금 + 좌석 영역 */
.train-extra {
  display: flex;
  align-items: center;
  gap: 24px;
}

.train-extra-col {
  width: 97px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 공통 버튼 */
.btn-outline-small {
    width: 100%;
    padding: 6px 0;
    border-radius: 8px;
    border: 1px solid #cccccc;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.train-seat-actions {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.train-seat-box {
  width: 148px;
  padding: 14px 20px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  align-items: flex-start;
}

.train-seat-box-disabled {
  background: #f3f3f3;
  cursor: default;
  color: #777;
}

.train-seat-type {
  font-size: 14px;
  font-weight: 700;
  color: #555555;
  line-height: 21px;
}

.train-seat-status {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
}

.train-seat-status-primary {
  color: #572b4c;
}

/* 페이지네이션 */
.pagination-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.btn-outline-large {
  min-width: 300px;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid #777777;
  background: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color:#333 ;
  text-align: center;
  

  
}

/* 안내 영역 */
.guide-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.guide-card {
  width: 100%;
  max-width: 1048px;
  background: #f3f3f3;
  border-radius: 8px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.guide-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.guide-title-row {
  display: inline-flex;
  align-items: center;
}

.guide-title-mark {
  width: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}

.guide-title-text {
  font-size: 14px;
  font-weight: 700;
}

.guide-chip-row {
  display: inline-flex;
  gap: 8px;
  padding-left: 16px;
}

.guide-chip {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.guide-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
      padding-inline-start: 15px;
      line-height: 21px;
}

.guide-list li {
  display: flex;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
}

.guide-list li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background: #333333;
  margin-top: 9px;
}

.guide-list-indent {
  padding-left: 24px;
}


/* 즉시예약 페이지 */
/* 공통 레이아웃 */
.page {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* 카드 공통 */
.card {
  background: #ffffff;
  border-radius: 8px;
  outline: 1px #cccccc solid;
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
}

.card-header {
  padding: 24px 20px 0;
  display: flex;
  align-items: center;
}

.card-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #333333;
}

.card-body {
  padding: 0 20px 24px;
}



/* 왕편/복편 카드 2열 */
.trip-cards {
  display: inline-flex;
  width: 100%;
  gap: 10px;
  align-items: flex-start;
}

/* 왕편/복편 카드 공통 */
.card-trip {
  width: 519px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.card-header-trip {
  padding: 0 20px;
}

.card-body-trip {
  padding: 0;
  margin-top: 24px;
}

.round-trip-wrap {
  display: flex;
  justify-content: center;
}
.round-trip-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  padding: 0;
}

.round-trip-badge {
  width: 24px;
  height: 24px;
  background: #cccccc ;
  border-radius: 5px;
  border: 1px solid #bbb;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

}

/* 아이콘 (기존 구조 유지) */
.round-trip-badge-icon {
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 50%;
}

/* 체크 상태 */
/* 체크된 input + label 의 스타일 변화 */
.round-trip-checkbox:checked + .round-trip-badge {
  background: #76546d url(../../../../bt/images/202512/icon/ic-check.svg)no-repeat center;
  border-color: #76546d;
}

.round-trip-checkbox:checked + .round-trip-badge .round-trip-badge-inner {
  background: white;
}

/* 포커스 접근성 */
.round-trip-checkbox:focus-visible + .round-trip-badge {
  outline: 2px solid #a43f8b;
  outline-offset: 2px;
}

/* 스크린리더용 텍스트 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 폼 행 공통 */
.form-row {
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
}

.form-label {
  width: 90px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #333333;
}

.form-control {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 44px;
}

/* 선택 박스 공통 */
.select-box {
  height: 44px;
  padding: 8px 16px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px #cccccc solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  overflow: hidden;
  position: relative;
  width: 170px;
}

.select-box-wide {
  width: 205px;
}

/* 비활성: 내부 영역만 회색 */
.time-select-box.disabled .select-box {
  background: #ccc;   /* 내부 회색 */
  color: #888;
}

/* 셀렉트 텍스트, 화살표도 흐리게 */
.time-select-box.disabled .select-label {
  color: #888 !important;
}

.time-select-box.disabled .select-icon {
  border-color: #888 !important;
}

.select-text {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}

.select-text-strong {
  font-weight: 700;
}

.select-text-muted {
  color: #555555;
}

/* 출발역/도착역 묶음 */
.station-select-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.station-switch {
  position: absolute;
  left: 159px;
  top: 8px;
  background: #ffffff;
  border-radius: 999px;
  outline: 1px #cccccc solid;
  outline-offset: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 999;
}

.station-switch-icon {
  width: 28px;
  height: 28px;
      background: url(../../../../bt/images/202512/icon/ic-change.svg) no-repeat center;
    background-size: contain;
   
}

/* 왕편/복편 중간 회색 영역 */
.trip-inner {
  width: 100%;
  padding: 12px 20px;
}

.trip-inner-bg {
  background: #f8f8f8;
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
  display: flex;
  flex-direction: column;
  gap: 12px;
}


/* 라디오 컨테이너 */
.trip-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

/* 실제 라디오 숨김 */
.trip-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* pill 기본 모양 */
.radio-pill {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid #ccc;  /* 비활성 외곽선 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 안쪽 점 */
.radio-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: transparent;
}

/* 선택됐을 때 스타일 */
.trip-radio input[type="radio"]:checked + .radio-pill {
  border-color: #76546D;
}

.trip-radio input[type="radio"]:checked + .radio-pill .radio-dot {
  background: #76546D;
}

/* 비활성화 될 컨트롤 */
/* .trip-inner .disabled {
  opacity: 0.5;
  pointer-events: none;
} */


/* 출발시간 선택 */
.trip-time-control, .trip-time-control2, .trip-train-control, .trip-train-control2 {
  gap: 18px;
}

.time-select {
  display: flex;
  align-items: center;
  gap: 24px;
}

.time-select-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.time-unit {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}

.train-number-box {
  width: 130px;
  height: 44px;
  padding: 8px 16px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #ccc;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.train-number-box.disabled {
  background: #cccccc;
}

.train-number-spacer {
  width: 166px;
  height: 44px;
}
/* 상단 안내 문구 */
.notice-message {
  margin: 40px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #555555;
}



/* 이상희 */

/* align */
.tal_r {text-align:right;}
.tal_r_i {text-align:right !important;}
.tal_l {text-align:left;}
.tal_l_i {text-align:left !important;}
.tal_c {text-align:center;}
.tal_c_i {text-align:center !important;}
.val_t {vertical-align:top;}
.val_m, .val_m > * {vertical-align:middle;}
.val_b {vertical-align:bottom;}
.fl_l  {float:left;}
.fl_r  {float:right;}
.cl_l  {clear:left;}
.cl_r  {clear:right;}
.pos_a {position:absolute;}
.pos_r {position:relative;}


.fw_b {font-weight:bold;}
.fw_b_i {font-weight:bold !important;}

/* -------------------------- */
.lh10 {line-height:1;}
.lh11 {line-height:1.1;}
.lh12 {line-height:1.2;}
.lh13 {line-height:1.3;}
.lh14 {line-height:1.4;}
.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh17 {line-height:1.7;}
.lh18 {line-height:1.8;}
.lh19 {line-height:1.9;}
.lh20 {line-height:2;}
.lh21 {line-height:2.1;}
.lh22 {line-height:2.2;}
.lh23 {line-height:2.3;}
.lh24 {line-height:2.4;}
.lh25 {line-height:2.5;}
.lh26 {line-height:2.6;}
.lh27 {line-height:2.7;}
.lh28 {line-height:2.8;}
.lh29 {line-height:2.9;}
.lh30 {line-height:3;}

/* -------------------------- */
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs35 {font-size:35px;}
.fs40 {font-size:40px;}
.fs48 {font-size:48px;}
.fs48_i {font-size:48px !important;}
.fs50 {font-size:50px;}

/* -------------------------- */
.w50p{width:50%;}
.w100p{width:100%;}

.wp10 {width:10%;}
.wp20 {width:20%;}
.wp30 {width:30%;}
.wp40 {width:40%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp90 {width:90%;}
.wp100 {width:100%;}
.wp100i {width:100% !important;}
.wx5 {width:5px;}
.wx10 {width:10px;}
.wx15 {width:15px;}
.wx20 {width:20px;}
.wx30 {width:30px;}
.wx40 {width:40px;}
.wx50 {width:50px;}
.wx60 {width:60px;}
.wx70 {width:70px;}
.wx80 {width:80px;}
.wx90 {width:90px;}
.wx100 {width:100px;}
.wx110 {width:110px;}
.wx120 {width:120px;}
.wx130 {width:130px;}
.wx140 {width:140px;}
.wx150 {width:150px;}
.wx160 {width:160px;}
.wx170 {width:170px;}
.wx180 {width:180px;}
.wx190 {width:190px;}
.wx200 {width:200px;}
.wx245 {width:245px;}
.wx250 {width:250px;}

/* -------------------------- */
/* margin & padding */
.mg_0a {margin:0 auto;}
.mg_0a_i {margin:0 auto !important;}

.pd0   {padding:0;}
.mg0   {margin:0;}

.mgl-1 {margin-left:-1px;}
.mgl-2 {margin-left:-2px;}
.mgl-3 {margin-left:-3px;}
.mgl-4 {margin-left:-4px;}
.mgl-5 {margin-left:-5px;}
.mgl1  {margin-left:1px;}
.mgl2  {margin-left:2px;}
.mgl3  {margin-left:3px;}
.mgl4  {margin-left:4px;}
.mgl5  {margin-left:5px;}
.mgl6  {margin-left:6px;}
.mgl7  {margin-left:7px;}
.mgl8  {margin-left:8px;}
.mgl9  {margin-left:9px;}
.mgl10 {margin-left:10px;}
.mgl10 {margin-left:10px;}
.mgl11 {margin-left:11px;}
.mgl12 {margin-left:12px;}
.mgl13 {margin-left:13px;}
.mgl14 {margin-left:14px;}
.mgl15 {margin-left:15px;}
.mgl16 {margin-left:16px;}
.mgl17 {margin-left:17px;}
.mgl18 {margin-left:18px;}
.mgl19 {margin-left:19px;}
.mgl20 {margin-left:20px;}
.mgl21 {margin-left:21px;}
.mgl22 {margin-left:22px;}
.mgl23 {margin-left:23px;}
.mgl24 {margin-left:24px;}
.mgl25 {margin-left:25px;}
.mgl26 {margin-left:26px;}
.mgl27 {margin-left:27px;}
.mgl28 {margin-left:28px;}
.mgl29 {margin-left:29px;}
.mgl30 {margin-left:30px;}
.mgl35 {margin-left:35px;}
.mgl40 {margin-left:40px;}
.mgl45 {margin-left:45px;}
.mgl50 {margin-left:50px;}
.mgl55 {margin-left:55px;}
.mgl100 {margin-left:100px;}

.mgr1  {margin-right:1px;}
.mgr2  {margin-right:2px;}
.mgr3  {margin-right:3px;}
.mgr4  {margin-right:4px;}
.mgr5  {margin-right:5px;}
.mgr6  {margin-right:6px;}
.mgr7  {margin-right:7px;}
.mgr8  {margin-right:8px;}
.mgr9  {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr11 {margin-right:11px;}
.mgr12 {margin-right:12px;}
.mgr13 {margin-right:13px;}
.mgr14 {margin-right:14px;}
.mgr15 {margin-right:15px;}
.mgr16 {margin-right:16px;}
.mgr17 {margin-right:17px;}
.mgr18 {margin-right:18px;}
.mgr19 {margin-right:19px;}
.mgr20 {margin-right:20px;}
.mgr21 {margin-right:21px;}
.mgr22 {margin-right:22px;}
.mgr23 {margin-right:23px;}
.mgr24 {margin-right:24px;}
.mgr25 {margin-right:25px;}
.mgr26 {margin-right:26px;}
.mgr27 {margin-right:27px;}
.mgr28 {margin-right:28px;}
.mgr29 {margin-right:29px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr45 {margin-right:45px;}
.mgr50 {margin-right:50px;}
.mgr55 {margin-right:55px;}
.mgr60 {margin-right:60px;}
.mgr70 {margin-right:70px;}
.mgr80 {margin-right:80px;}
.mgr90 {margin-right:90px;}
.mgr100 {margin-right:100px;}

.mgt1m {margin-top:-1px;}
.mgt2m {margin-top:-2px;}
.mgt3m {margin-top:-3px;}
.mgt4m {margin-top:-4px;}
.mgt5m {margin-top:-5px;}
.mgt0  {margin-top:0;}
.mgt0i  {margin-top:0 !important;}
.mgt1  {margin-top:1px;}
.mgt2  {margin-top:2px;}
.mgt3  {margin-top:3px;}
.mgt4  {margin-top:4px;}
.mgt5  {margin-top:5px;}
.mgt5i  {margin-top:5px !important;}
.mgt6  {margin-top:6px;}
.mgt7  {margin-top:7px;}
.mgt8  {margin-top:8px;}
.mgt9  {margin-top:9px;}
.mgt10 {margin-top:10px;}
.mgt10i {margin-top:10px !important;}
.mgt11 {margin-top:11px;}
.mgt12 {margin-top:12px;}
.mgt13 {margin-top:13px;}
.mgt14 {margin-top:14px;}
.mgt15 {margin-top:15px;}
.mgt16 {margin-top:16px;}
.mgt17 {margin-top:17px;}
.mgt18 {margin-top:18px;}
.mgt19 {margin-top:19px;}
.mgt20 {margin-top:20px;}
.mgt21 {margin-top:21px;}
.mgt22 {margin-top:22px;}
.mgt23 {margin-top:23px;}
.mgt24 {margin-top:24px;}
.mgt25 {margin-top:25px;}
.mgt26 {margin-top:26px;}
.mgt27 {margin-top:27px;}
.mgt28 {margin-top:28px;}
.mgt29 {margin-top:29px;}
.mgt30 {margin-top:30px;}
.mgt30i {margin-top:30px !important;}
.mgt31 {margin-top:31px;}
.mgt32 {margin-top:32px;}
.mgt34 {margin-top:34px;}
.mgt35 {margin-top:35px;}
.mgt37 {margin-top:37px;}
.mgt40 {margin-top:40px;}
.mgt42 {margin-top:42px;}
.mgt44 {margin-top:44px;}
.mgt45 {margin-top:45px;}
.mgt46 {margin-top:46px;}
.mgt48 {margin-top:48px;}
.mgt50 {margin-top:50px;}
.mgt51 {margin-top:51px;}
.mgt53 {margin-top:53px;}
.mgt55 {margin-top:55px;}
.mgt56 {margin-top:56px;}
.mgt57 {margin-top:57px;}
.mgt60 {margin-top:60px;}
.mgt61 {margin-top:61px;}
.mgt64 {margin-top:64px;}
.mgt66 {margin-top:66px;}
.mgt67 {margin-top:67px;}
.mgt70 {margin-top:70px;}
.mgt72 {margin-top:72px;}
.mgt74 {margin-top:74px;}
.mgt76 {margin-top:76px;}
.mgt80 {margin-top:80px;}
.mgt85 {margin-top:85px;}
.mgt90 {margin-top:90px;}
.mgt100 {margin-top:100px;}
.mgt110 {margin-top:110px;}
.mgt111 {margin-top:111px;}
.mgt120 {margin-top:120px;}
.mgt130 {margin-top:130px;}
.mgt140 {margin-top:140px;}
.mgt150 {margin-top:150px;}

.mgb0  {margin-bottom:0 !important;}
.mgb1  {margin-bottom:1px;}
.mgb2  {margin-bottom:2px;}
.mgb3  {margin-bottom:3px;}
.mgb4  {margin-bottom:4px;}
.mgb5  {margin-bottom:5px;}
.mgb6  {margin-bottom:6px;}
.mgb7  {margin-bottom:7px;}
.mgb8  {margin-bottom:8px;}
.mgb9  {margin-bottom:9px;}
.mgb10 {margin-bottom:10px;}
.mgb11 {margin-bottom:11px;}
.mgb12 {margin-bottom:12px;}
.mgb13 {margin-bottom:13px;}
.mgb14 {margin-bottom:14px;}
.mgb15 {margin-bottom:15px;}
.mgb16 {margin-bottom:16px;}
.mgb17 {margin-bottom:17px;}
.mgb18 {margin-bottom:18px;}
.mgb19 {margin-bottom:19px;}
.mgb20 {margin-bottom:20px;}
.mgb21 {margin-bottom:21px;}
.mgb22 {margin-bottom:22px;}
.mgb23 {margin-bottom:23px;}
.mgb24 {margin-bottom:24px;}
.mgb25 {margin-bottom:25px;}
.mgb26 {margin-bottom:26px;}
.mgb27 {margin-bottom:27px;}
.mgb28 {margin-bottom:28px;}
.mgb29 {margin-bottom:29px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb40 {margin-bottom:40px;}
.mgb45 {margin-bottom:45px;}
.mgb50 {margin-bottom:50px;}
.mgb55 {margin-bottom:55px;}

.pd0x10 {padding:0 10px;}
.pd0x10i {padding:0 10px !important;}
.pd10x0 {padding:10px 0; }
.pd10x0i {padding:10px 0 !important; }
.pd10 {padding:10px;}
.pd10i {padding:10px !important;}
.pd20 {padding:20px;}
.pd20i {padding:20px !important;}
.pd30 {padding:30px;}
.pd30i {padding:30px !important;}
.pd40 {padding:40px;}
.pd50 {padding:50px;}
.pd50i {padding:50px !important;}
.pdl1  {padding-left:1px;}
.pdl2  {padding-left:2px;}
.pdl3  {padding-left:3px;}
.pdl4  {padding-left:4px;}
.pdl5  {padding-left:5px;}
.pdl5i {padding-left:5px !important;}
.pdl6  {padding-left:6px;}
.pdl7  {padding-left:7px;}
.pdl8  {padding-left:8px;}
.pdl9  {padding-left:9px;}
.pdl10 {padding-left:10px;}
.pdl10i {padding-left:10px !important;}
.pdl11 {padding-left:11px;}
.pdl12 {padding-left:12px;}
.pdl13 {padding-left:13px;}
.pdl14 {padding-left:14px;}
.pdl15 {padding-left:15px;}
.pdl15i {padding-left:15px !important;}
.pdl16 {padding-left:16px;}
.pdl17 {padding-left:17px;}
.pdl18 {padding-left:18px;}
.pdl19 {padding-left:19px;}
.pdl20i {padding-left:20px !important;}
.pdl21 {padding-left:21px;}
.pdl22 {padding-left:22px;}
.pdl23 {padding-left:23px;}
.pdl24 {padding-left:24px;}
.pdl25 {padding-left:25px;}
.pdl26 {padding-left:26px;}
.pdl27 {padding-left:27px;}
.pdl28 {padding-left:28px;}
.pdl29 {padding-left:29px;}
.pdl30 {padding-left:30px;}
.pdl30i {padding-left:30px !important;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdl45 {padding-left:45px;}
.pdl50 {padding-left:50px;}
.pdl55 {padding-left:55px;}
.pdl65 {padding-left:65px;}
.pdl80{padding-left:80px;}
.pdl90{padding-left:90px;}
.pdl100{padding-left:100px;}
.pdl120{padding-left:120px;}
.pdl160{padding-left:160px;}
.pdl200{padding-left:200px;}
.pdl260 {padding-left:260px;}

.pdr1  {padding-right:1px;}
.pdr2  {padding-right:2px;}
.pdr3  {padding-right:3px;}
.pdr4  {padding-right:4px;}
.pdr5  {padding-right:5px;}
.pdr6  {padding-right:6px;}
.pdr7  {padding-right:7px;}
.pdr8  {padding-right:8px;}
.pdr9  {padding-right:9px;}
.pdr10 {padding-right:10px;}
.pdr11 {padding-right:11px;}
.pdr12 {padding-right:12px;}
.pdr13 {padding-right:13px;}
.pdr14 {padding-right:14px;}
.pdr15 {padding-right:15px;}
.pdr16 {padding-right:16px;}
.pdr17 {padding-right:17px;}
.pdr18 {padding-right:18px;}
.pdr19 {padding-right:19px;}
.pdr20 {padding-right:20px;}
.pdr20i {padding-right:20px !important;}
.pdr21 {padding-right:21px;}
.pdr22 {padding-right:22px;}
.pdr23 {padding-right:23px;}
.pdr24 {padding-right:24px;}
.pdr25 {padding-right:25px;}
.pdr26 {padding-right:26px;}
.pdr27 {padding-right:27px;}
.pdr28 {padding-right:28px;}
.pdr29 {padding-right:29px;}
.pdr30 {padding-right:30px;}
.pdr35 {padding-right:35px;}
.pdr40 {padding-right:40px;}
.pdr45 {padding-right:45px;}
.pdr50 {padding-right:50px;}
.pdr55 {padding-right:55px;}
.pdr60 {padding-right:60px;}
.pdr70 {padding-right:70px;}
.pdr80 {padding-right:80px;}
.pdr90 {padding-right:90px;}
.pdr100 {padding-right:100px;}
.pdr150 {padding-right:150px;}
.pdr167 {padding-right:167px;}
.pdr200 {padding-right:200px;}
.pdr250 {padding-right:250px;}

.pdt1  {padding-top:1px;}
.pdt2  {padding-top:2px;}
.pdt3  {padding-top:3px;}
.pdt4  {padding-top:4px;}
.pdt5  {padding-top:5px;}
.pdt6  {padding-top:6px;}
.pdt7  {padding-top:7px;}
.pdt8  {padding-top:8px;}
.pdt9  {padding-top:9px;}
.pdt10 {padding-top:10px;}
.pdt11 {padding-top:11px;}
.pdt12 {padding-top:12px;}
.pdt13 {padding-top:13px;}
.pdt14 {padding-top:14px;}
.pdt15 {padding-top:15px;}
.pdt16 {padding-top:16px;}
.pdt17 {padding-top:17px;}
.pdt18 {padding-top:18px;}
.pdt19 {padding-top:19px;}
.pdt20 {padding-top:20px;}
.pdt21 {padding-top:21px;}
.pdt22 {padding-top:22px;}
.pdt23 {padding-top:23px;}
.pdt24 {padding-top:24px;}
.pdt25 {padding-top:25px;}
.pdt26 {padding-top:26px;}
.pdt27 {padding-top:27px;}
.pdt28 {padding-top:28px;}
.pdt29 {padding-top:29px;}
.pdt30 {padding-top:30px;}
.pdt30i {padding-top:30px !important;;}
.pdt35 {padding-top:35px;}
.pdt40 {padding-top:40px;}
.pdt45 {padding-top:45px;}
.pdt50 {padding-top:50px;}
.pdt50i {padding-top:50px !important;}
.pdt55 {padding-top:55px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt70i {padding-top:70px !important;}
.pdt80 {padding-top:80px;}
.pdt90 {padding-top:90px;}
.pdt100 {padding-top:100px;}
.pdt100i {padding-top:100px !important;}

.pdb1  {padding-bottom:1px;}
.pdb2  {padding-bottom:2px;}
.pdb3  {padding-bottom:3px;}
.pdb4  {padding-bottom:4px;}
.pdb5  {padding-bottom:5px;}
.pdb6  {padding-bottom:6px;}
.pdb7  {padding-bottom:7px;}
.pdb8  {padding-bottom:8px;}
.pdb9  {padding-bottom:9px;}
.pdb10 {padding-bottom:10px;}
.pdb11 {padding-bottom:11px;}
.pdb12 {padding-bottom:12px;}
.pdb13 {padding-bottom:13px;}
.pdb14 {padding-bottom:14px;}
.pdb15 {padding-bottom:15px;}
.pdb16 {padding-bottom:16px;}
.pdb17 {padding-bottom:17px;}
.pdb18 {padding-bottom:18px;}
.pdb19 {padding-bottom:19px;}
.pdb20 {padding-bottom:20px;}
.pdb21 {padding-bottom:21px;}
.pdb22 {padding-bottom:22px;}
.pdb23 {padding-bottom:23px;}
.pdb24 {padding-bottom:24px;}
.pdb25 {padding-bottom:25px;}
.pdb26 {padding-bottom:26px;}
.pdb27 {padding-bottom:27px;}
.pdb28 {padding-bottom:28px;}
.pdb29 {padding-bottom:29px;}
.pdb30 {padding-bottom:30px;}
.pdb30i {padding-bottom:30px !important;;}
.pdb35 {padding-bottom:35px;}
.pdb40 {padding-bottom:40px;}
.pdb45 {padding-bottom:45px;}
.pdb50 {padding-bottom:50px;}
.pdt50i {padding-bottom:50px !important;}
.pdb55 {padding-bottom:55px;}
.pdb100 {padding-bottom:100px;}
.pdt100i {padding-bottom:100px !important;}
/* -------------------------- */

.flex-row {
  flex-direction: row !important; }