@charset "UTF-8";
/* ===================== 공통 ===================== */
/*  input date */


/* 버튼 */
.line_btn {
  width: 96px;
  height: 34px;
  text-align: center;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.full_btn {
  width: 96px;
  height: 34px;
  text-align: center;
  border: 1px solid #F9880A;
  border-radius: 5px;
  background-color: #F9880A;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.full_btn.big {
  font-size: 1.6em;
  height: 3.125em;
  width: 8.75em;
  display: block;
  margin: 2.5em auto 0;
}

/* 레이아웃 박스 */
.layout_box {
  background-color: #020001;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: absolute;
  width: 100%;
  z-index: 10;
}

.layout_box .inner {
  padding: 6em;
}


/* footer 영역 */
.footer_contents {
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
}

.footer_contents .inner {
  padding: 0em 6em 3em;
}

.footer_contents .customer_area {
  position: absolute;
  top: 50%;
  right: 30em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer_contents .customer_area dl dt {
  font-size: 1.6em;
  color: #fff;
}

.footer_contents .customer_area dl dd {
  font-size: 2.4em;
  font-weight: 700;
  margin-top: 9px;
  color: #fff;
}

.footer_contents .customer_area dl a {
  margin-top: 1.3em;
  display: inline-block;
  font-size: 1.4em;
  color: #A6A6A6;
  padding-right: 1.4em;
}

.footer_contents .link_area {
  padding: 3em 0;
}

.footer_contents .link_area a {
  display: inline-block;
  color: #A6A6A6;
  font-size: 1.5em;
  margin-right: 2em;
}

.footer_contents .link_area a.on {
  color: #fff;
  font-weight: 500;
}

.footer_contents .logo_area {
  width: 89px;
  margin-bottom: 1.8em;
}

.footer_contents .info_area ul li {
  display: inline-block;
  font-size: 13px;
  color: #727272;
  vertical-align: middle;
}

.footer_contents .info_area ul li::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #484848;
  margin: 0 10px;
  vertical-align: middle;
}

.footer_contents .info_area ul li:last-of-type::after {
  display: none;
}

.footer_contents .copy {
  font-size: 12px;
  color: #727272;
  margin-top: 20px;
}


/** ===================== 극장 - 위치 및 교통편  ===================== **/
.location_contents .bold_txt {
  font-size: 2.2em;
  color: #fff;
}

.location_contents .img_area {
  padding: 2em 0 3em;
}

.location_contents .map_desc b {
  font-size: 3em;
  color: #fff;
  display: inline-block;
  margin-bottom: 11px;
}

.location_contents .map_desc .desc_area {
  padding-bottom: 3em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.location_contents .map_desc .desc_area::after {
  display: block;
  content: '';
  clear: both;
}

.location_contents .map_desc .desc_area .left_txt {
  float: left;
  font-size: 2em;
  color: #fff;
  padding-left: 1.8em;
  background: url(../../images/sub/map_icon.svg) left center no-repeat;
}

.location_contents .map_desc .desc_area .right_area {
  float: right;
}

.location_contents .map_desc .desc_area .right_area dl {
  display: inline-block;
  vertical-align: middle;
}

.location_contents .map_desc .desc_area .right_area dl dt {
  display: inline-block;
  font-size: 1.6em;
  color: #C4C4C4;
  margin-right: 10px;
  vertical-align: middle;
}

.location_contents .map_desc .desc_area .right_area dl dd {
  font-size: 1.6em;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}

.location_contents .map_desc .desc_area .right_area dl::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #D5D5D5;
  margin: 0 20px;
  vertical-align: middle;
}

.location_contents .map_desc .desc_area .right_area dl + dl::after {
  display: none;
}

.location_contents .traffic_conts {
  padding-top: 3em;
}

.location_contents .traffic_conts .sec_type {
  margin-bottom: 6em;
}

.location_contents .traffic_conts .sec_type::after {
  display: block;
  content: '';
  clear: both;
}

.location_contents .traffic_conts .sec_type .tit {
  float: left;
  font-size: 2.4em;
  color: #fff;
  font-weight: 700;
  width: 10%;
}

.location_contents .traffic_conts .sec_type .right_area {
  float: left;
  width: calc(100% - 10%);
  margin-top: 5px;
}

.location_contents .traffic_conts .sec_type .subway_area span {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  font-size: 1.6em;
}

.location_contents .traffic_conts .sec_type .subway_area span.orange {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #F9880A;
  text-align: center;
  line-height: 26px;
  font-weight: 500;
}

.location_contents .traffic_conts .sec_type .subway_area span.blue {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #00A5DF;
  text-align: center;
  line-height: 26px;
  font-weight: 500;
}

.location_contents .traffic_conts .sec_type .bus_area dl dt {
  font-size: 1.8em;
  color: #fff;
  font-weight: 700;
  margin-bottom: 13px;
}

.location_contents .traffic_conts .sec_type .bus_area dl dd {
  font-size: 1.6em;
  color: #fff;
  margin-bottom: 10px;
}

.location_contents .traffic_conts .sec_type .bus_area dl dd span {
  display: inline-block;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  margin-right: 16px;
}

.location_contents .traffic_conts .sec_type .bus_area dl dd span.green {
  background: #47AF1B;
}

.location_contents .traffic_conts .sec_type .bus_area dl dd span.yellow {
  background: #E5A901;
}

.location_contents .traffic_conts .sec_type .bus_area dl dd span.purple {
  background: #6175F5;
}

.location_contents .traffic_conts .sec_type .parking_area p {
  font-size: 1.8em;
  color: #fff;
  margin-bottom: 1.5em;
}

.location_contents .traffic_conts .sec_type .parking_area dl {
  margin-bottom: 3em;
}

.location_contents .traffic_conts .sec_type .parking_area dl dt {
  font-size: 1.8em;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5em;
}

.location_contents .traffic_conts .sec_type .parking_area dl dd {
  font-size: 1.6em;
  color: #fff;
}

.location_contents .traffic_conts .sec_type .parking_area dl dd span {
  display: block;
  font-size: 14px;
  color: #A6A6A6;
  padding: 4px 0 15px;
}