@charset "utf-8";

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  font-size: 4.1026vw;
  letter-spacing: -0.1026vw;
}
html,
body {
  position: relative;
  /*height: 100%;*/
  background-color: #ffcc0b;
}
body {
  -ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}
img {
  width: 100%;
}
* {
  box-sizing: border-box;
}

/* Font */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url('/assets/css/fonts/NanumSquareL.eot');
  src: url('/assets/css/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/fonts/NanumSquareL.woff') format('woff'),
    url('/assets/css/fonts/NanumSquareL.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url('/assets/css/fonts/NanumSquareR.eot');
  src: url('/assets/css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/fonts/NanumSquareR.woff') format('woff'),
    url('/assets/css/fonts/NanumSquareR.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url('/assets/css/fonts/NanumSquareB.eot');
  src: url('/assets/css/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/fonts/NanumSquareB.woff') format('woff'),
    url('/assets/css/fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url('/assets/css/fonts/NanumSquareEB.eot');
  src: url('/assets/css/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/fonts/') format('woff'),
    url('/assets/css/fonts/NanumSquareEB.ttf') format('truetype');
}

.fw-l {
  font-weight: 300 !important;
}
.fw-r {
  font-weight: 400 !important;
}
.fw-b {
  font-weight: 700 !important;
}
.fw-eb {
  font-weight: 800 !important;
}

.container {
  padding-bottom: 17.9487vw;
}
.btn_btmFixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 17.9487vw;
  color: #fff;
  font-size: 4.6154vw;
  font-weight: 800;
  text-align: center;
  background: #ff5800;
  z-index: 10;
}

.makdak_logo {
  text-align: center;
}
.makdak_logo .img_logo {
  /* width: 82.0513vw; */
  padding: 7.6923vw 8.9744vw 5.1282vw 8.9744vw;
  /* padding: 15.3846vw 8.9744vw 5.1282vw 8.9744vw; */
}
.top_type {
  text-align: center;
}
.top_type img {
  width: 76.9231vw;
}
.operation_info {
  display: inline-block;
  width: 56.4103vw;
  line-height: 9.7436vw;
  color: #ffcc0b;
  font-size: 4.1026vw;
  text-align: center;
  background: #000;
  border-radius: 4.8718vw;
  margin-top: 2.5641vw;
}

.route_wrap {
  padding: 7.6923vw 5.1282vw;
}
.route_wrap .card {
  background: #edb51c;
  border-radius: 5.1282vw;
  border: 0.2564vw solid #050708;
  padding: 7.6923vw;
}
.station_name {
  color: #050708;
  font-size: 4.1026vw;
  line-height: 5.641vw;
  padding-bottom: 5.1282vw;
}
.infotxt {
  color: #3a3a3a;
  font-size: 3.3333vw;
  margin-top: 10px;
}

.list_item {
  color: #fae9b6;
  font-size: 3.5897vw;
  padding-bottom: 2.5641vw;
}
.list_item.active {
  color: #050708;
}

.bus_num {
  display: inline-block;
  width: 20.5128vw;
  line-height: 7.6923vw;
  color: #050708;
  font-weight: 700;
  text-align: center;
  background: #ffcc0b;
  border: 0.2564vw solid #050708;
  border-radius: 3.8462vw;
  margin-right: 2.5641vw;
}
.list_item.active .bus_num {
  position: relative;
  color: #ffcc0b;
  background: #050708;
}

.list_item.active .bus_num:after {
  position: absolute;
  top: 50%;
  left: -3.3333vw;
  /* left: -1.7949vw; */
  content: '';
  width: 3.0769vw;
  height: 4.359vw;
  background-image: url('../images/ico_highLight.png');
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(-50%);

  animation-name: bus_current;
  animation-duration: 1.4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
@keyframes bus_current {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.img_txt22 {
  margin-top: 5.1282vw;
  text-align: center;
}
.img_txt22 img {
  width: 62.5641vw;
}

.course_box {
  margin-top: 2.5641vw;
  border-top: 0.2564vw solid #050708;
}

.course_box li {
  position: relative;
  color: #050708;
  font-size: 3.5897vw;
  font-weight: 700;
  line-height: 4.6154vw;
  padding: 7.6923vw 0 0 17.9487vw;
}
.course_box li:after {
  position: absolute;
  top: 7.6923vw;
  left: 11.0256vw;
  content: '';
  width: 4.6154vw;
  height: 4.6154vw;
  background-image: url('../images/ico_ongoing.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.course_box .active {
  font-size: 4.6154vw;
  line-height: 6.1538vw;
}
.course_box .active:after {
  left: 10.2564vw;
  width: 6.1538vw;
  height: 6.1538vw;
  /* background-image: url('../images/ico_bus.png'); */
}

.course_box li:before {
  position: absolute;
  top: 0;
  left: 13.0769vw;
  content: '';
  width: 0.5128vw;
  height: calc(100% - 1.0256vw);
  background: #050708;
}

.course_box li .ico_return {
  position: absolute;
  /* top: 7.6923vw; */
  top: 50%;
  left: -2.0513vw;
  content: '';
  width: 12.3077vw;
  height: 4.6154vw;
  background-image: url('../images/img_bus_return.png');
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(30%);
}
.course_box li .bus_current {
  position: absolute;
  top: 50%;
  left: -2.0513vw;
  content: '';
  width: 13.0769vw;
  height: 4.6154vw;
  color: #050708;
  font-size: 9px;
  text-align: center;
  line-height: 5.0154vw;
  background-image: url('../images/img_bus_current.png');
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(30%);
}
.course_box li .bus_current_marker {
  position: absolute;
  content: '';
  width: 6.1538vw;
  height: 6.1538vw;
  color: #050708;
  font-size: 11px;
  text-align: center;
  /* line-height: 4.6154vw; */
  background-image: url('../images/ico_bus.png');
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(30%);
}

.useInfo_wrap {
  text-align: center;
  padding: 5.1282vw 5.1282vw 12.8205vw 5.1282vw;
}
.title_txt {
  width: 67.1795vw;
}
.infoCard {
  position: relative;
  margin-top: 9.2308vw;
  padding: 7.6923vw 5.1282vw;
  color: #050708;
  font-size: 4.1026vw;
  line-height: 5.641vw;
  text-align: center;
  background: #edb51c;
  border-radius: 5.1282vw;
  border: 0.2564vw solid #050708;
}
.infoCard.info01:before {
  position: absolute;
  top: -4.1026vw;
  left: 50%;
  content: '';
  width: 17.4359vw;
  height: 8.2051vw;
  transform: translateX(-50%);
  background-image: url('../images/img_InfoNum_1.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.infoCard.info02:before {
  position: absolute;
  top: -4.1026vw;
  left: 50%;
  content: '';
  width: 17.4359vw;
  height: 8.2051vw;
  transform: translateX(-50%);
  background-image: url('../images/img_InfoNum_2.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.infoCard.info03:before {
  position: absolute;
  top: -4.1026vw;
  left: 50%;
  content: '';
  width: 17.4359vw;
  height: 8.2051vw;
  transform: translateX(-50%);
  background-image: url('../images/img_InfoNum_3.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.infoCard.info04:before {
  position: absolute;
  top: -4.1026vw;
  left: 50%;
  content: '';
  width: 17.4359vw;
  height: 8.2051vw;
  transform: translateX(-50%);
  background-image: url('../images/img_InfoNum_4.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.cautions_wrap {
  padding: 7.6923vw 5.1282vw 12.8205vw 5.1282vw;
  background: #050708;
}
.cautions_wrap .title_txt {
  width: 16.9231vw;
}
.cautions_txt {
  color: #edb51c;
  font-size: 3.3333vw;
  line-height: 6.1538vw;
}