@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

.hide{display:none !important}
.show{display:block !important}

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* add */
a {
  text-decoration: none;
  color: inherit; }

button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none; }

img {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0; }

/* font */
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 200;
  src: url(../fonts/NotoSans-Light.eot);
  src: url(../fonts/NotoSans-Light.eot) format("embedded-opentype"), url(../fonts/NotoSans-Light.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src: url(../fonts/NotoSans-DemiLight.eot);
  src: url(../fonts/NotoSans-DemiLight.eot) format("embedded-opentype"), url(../fonts/NotoSans-DemiLight.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src: url(../fonts/NotoSans-Regular.eot);
  src: url(../fonts/NotoSans-Regular.eot) format("embedded-opentype"), url(../fonts/NotoSans-Regular.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 500;
  src: url(../fonts/NotoSans-Medium.eot);
  src: url(../fonts/NotoSans-Medium.eot) format("embedded-opentype"), url(../fonts/NotoSans-Medium.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 600;
  src: url(../fonts/NotoSans-Medium.eot);
  src: url(../fonts/NotoSans-Medium.eot) format("embedded-opentype"), url(../fonts/NotoSans-Medium.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src: url(../fonts/NotoSans-Bold.eot);
  src: url(../fonts/NotoSans-Bold.eot) format("embedded-opentype"), url(../fonts/NotoSans-Bold.woff) format("woff"); }
.bg-primary {
  background: #071d3d; }

.txt-primary {
  color: #071d3d; }

.btn-primary {
  background: #071d3d; }

.bg-primary-light {
  background: #003067; }

.txt-primary-light {
  color: #003067; }

.btn-primary-light {
  background: #003067; }

.bg-default {
  background: #121212; }

.txt-default {
  color: #121212; }

.btn-default {
  background: #121212; }

.bg-secondary {
  background: #c7a079; }

.txt-secondary {
  color: #c7a079; }

.btn-secondary {
  background: #c7a079; }

.bg-placeholder {
  background: #c1c1c1; }

.txt-placeholder {
  color: #c1c1c1; }

.btn-placeholder {
  background: #c1c1c1; }

.bg-blue {
  background: #1d467d; }

.txt-blue {
  color: #1e457c; }

.btn-blue {
  background: #1e457c; }

.bg-blue-light {
  background: #5c8ebb; }

.txt-blue-light {
  color: #5b8ebd; }

.btn-blue-light {
  background: #5c8ebb; }

.bg-mint {
  background: #4ac7d5; }

.txt-mint {
  color: #48d4d3; }

.btn-mint {
  background: #48d4d3; }

.bg-gray {
  background: #646464; }

.txt-gray {
  color: #646464; }

  .txt-gray-light{color: #c8c8c8 !important;}
.btn-gray {
  background: #646464; }

.bg-red {
  background: #fa3232; }

.txt-red {
  color: #fa3232; }

.btn-red {
  background: #fa3232; }

.bg-tit {
  background: #071d3d; }

.txt-tit {
  color: #071d3d; }

.btn-tit {
  background: #071d3d; }

.bg-bg-top {
  background: #04152b; }

.txt-bg-top {
  color: #04152b; }

.btn-bg-top {
  background: #04152b; }

.bg-bg-gray {
  background: #f3f3f3; }

.txt-bg-gray {
  color: #f3f3f3; }

.btn-bg-gray {
  background: #f3f3f3; }

.bg-border {
  background: #c8c8c8; }

.txt-border {
  color: #c8c8c8; }

.btn-border {
  background: #c8c8c8; }

.bg-border-light {
  background: #dbdbdb; }

.txt-border-light {
  color: #dbdbdb; }

.btn-border-light {
  background: #dbdbdb; }

/* Common S */
html {
  width: 100%;
  min-width: 71.4285714286rem;
  font-family: 'NotoSansKR', Arial, sans-serif;
  font-size: 14px;
  color: #121212;
  line-height: 1; }
  html body {
    width: 100%; }
  html .roboto {
    font-family: 'Roboto','NotoSansKR',sans-serif; }

.dis-none {
  display: none !important; }

button {
  cursor: pointer; }

img {
  max-width: 100%; }

.hidden {
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  width: 0;
  height: 0; }

.f-wrap:after {
  content: '';
  clear: both;
  display: block; }

.po-right {
  position: absolute;
  right: 0;
  top: 0; }

.center {
  text-align: center; }

.btn-center {
  text-align: center;
  margin-top: 2.8571428571rem; }

.board-empty {
  text-align: center;
  padding: 6.4285714286rem 0 4.2857142857rem; }

.txt-bold {
  font-weight: 700 !important; }

.txt-medium {
  font-weight: 500 !important; }

.txt-regular {
  font-weight: 400 !important; }

.intro {
  text-align: center; }
  .intro .txt-blue {
    font-size: 3.4em;
    font-weight: 500;
    padding: 0 0 1.4285714286rem; }
    .intro .txt-blue .str {
      font-weight: 700; }
  .intro .s-txt {
    color: #646464;
    line-height: 1.6;
    font-size: 1.5em; }

/* Slider S */
.slider, .slider2 {
  position: relative;
  overflow: hidden; }
  .slider .ico-next, .slider2 .ico-next {
    cursor: pointer;
    right: -0.7142857143rem;
    padding: 0.3571428571rem 0.7142857143rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 5;
    outline: none; }
  .slider .ico-prev, .slider2 .ico-prev {
    cursor: pointer;
    left: -0.7142857143rem;
    padding: 0.3571428571rem 0.7142857143rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 5;
    outline: none; }
  .slider .swiper-pagination-bullet, .slider2 .swiper-pagination-bullet {
    width: 0.8571428571rem;
    height: 0.8571428571rem;
    background: #1e457c;
    margin: 0 0.3571428571rem !important;
    outline: none; }
  .slider .swiper-pagination, .slider2 .swiper-pagination {
    position: static;
    padding-top: 2.1428571429rem; }

.thumbs-slider .gall-top {
  width: 67.8571428571rem;
  max-width: calc(100% - 16.5714285714rem);
  height: 36.5714285714rem;
  float: left;
  overflow: hidden; }
.thumbs-slider .gall-thumbs {
  position: relative;
  overflow: hidden;
  float: right;
  background: #fff;
  border: 0.0714285714rem solid #dbdbdb; }
  .thumbs-slider .gall-thumbs .thumbs {
    width: 16.4285714286rem;
    height: 29rem;
    margin: 3.7142857143rem 0;
    overflow: hidden;
    padding: 0 1.3571428571rem;
    border-top: 0.0714285714rem solid #dbdbdb;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    box-sizing: border-box; }
    .thumbs-slider .gall-thumbs .thumbs .swiper-slide {
      overflow: hidden; }
      .thumbs-slider .gall-thumbs .thumbs .swiper-slide:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .thumbs-slider .gall-thumbs .thumbs .swiper-slide.swiper-slide-thumb-active:after, .thumbs-slider .gall-thumbs .thumbs .swiper-slide:hover:after {
        opacity: 0; }
      .thumbs-slider .gall-thumbs .thumbs .swiper-slide > img {
        display: block;
        font-size: 0; }
  .thumbs-slider .gall-thumbs .ico {
    width: 100%;
    height: 3.7142857143rem;
    right: auto;
    left: 0;
    padding: 0;
    transform: translate(0, 0); }
    .thumbs-slider .gall-thumbs .ico.ico-prev {
      top: 0;
      background-image: url(../images/ico_prev_up.png);
      background-size: 1.2857142857rem 0.7142857143rem; }
    .thumbs-slider .gall-thumbs .ico.ico-next {
      top: auto;
      bottom: 0;
      background-image: url(../images/ico_next_down.png);
      background-size: 1.2857142857rem 0.7142857143rem; }


.thumbs-slider .gall-top02 {
  width: 67.8571428571rem;
  max-width: calc(100% - 16.5714285714rem);
  height: 36.5714285714rem;
  float: left;
  overflow: hidden; }
  .thumbs-slider .gall-top02 img {max-width: initial; height: 100%; width: auto; display: block; margin: 0 auto;}
.thumbs-slider .gall-thumbs02 {
  position: relative;
  overflow: hidden;
  float: right;
  background: #fff;
  border: 0.0714285714rem solid #dbdbdb; }
  .thumbs-slider .gall-thumbs02 .thumbs {
    width: 16.4285714286rem;
    height: 29rem;
    margin: 3.7142857143rem 0;
    overflow: hidden;
    padding: 0 1.3571428571rem;
    border-top: 0.0714285714rem solid #dbdbdb;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    box-sizing: border-box; }
    .thumbs-slider .gall-thumbs02 .thumbs .swiper-slide {
      overflow: hidden; }
      .thumbs-slider .gall-thumbs02 .thumbs .swiper-slide:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .thumbs-slider .gall-thumbs02 .thumbs .swiper-slide.swiper-slide-thumb-active:after, .thumbs-slider .gall-thumbs02 .thumbs .swiper-slide:hover:after {
        opacity: 0; }
      .thumbs-slider .gall-thumbs02 .thumbs .swiper-slide > img {
        display: block;
        font-size: 0; }
  .thumbs-slider .gall-thumbs02 .ico {
    width: 100%;
    height: 3.7142857143rem;
    right: auto;
    left: 0;
    padding: 0;
    transform: translate(0, 0); }
    .thumbs-slider .gall-thumbs02 .ico.ico-prev {
      top: 0;
      background-image: url(../images/ico_prev_up.png);
      background-size: 1.2857142857rem 0.7142857143rem; }
    .thumbs-slider .gall-thumbs02 .ico.ico-next {
      top: auto;
      bottom: 0;
      background-image: url(../images/ico_next_down.png);
      background-size: 1.2857142857rem 0.7142857143rem; }

      .thumbs-slider .gall-top03 {
        width: 67.8571428571rem;
        max-width: calc(100% - 16.5714285714rem);
        height: 36.5714285714rem;
        float: left;
        overflow: hidden; }
      .thumbs-slider .gall-thumbs03 {
        position: relative;
        overflow: hidden;
        float: right;
        background: #fff;
        border: 0.0714285714rem solid #dbdbdb; }
        .thumbs-slider .gall-thumbs03 .thumbs {
          width: 16.4285714286rem;
          height: 29rem;
          margin: 3.7142857143rem 0;
          overflow: hidden;
          padding: 0 1.3571428571rem;
          border-top: 0.0714285714rem solid #dbdbdb;
          border-bottom: 0.0714285714rem solid #dbdbdb;
          box-sizing: border-box; }
          .thumbs-slider .gall-thumbs03 .thumbs .swiper-slide {
            overflow: hidden; }
            .thumbs-slider .gall-thumbs03 .thumbs .swiper-slide:after {
              content: '';
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background: #000;
              opacity: .5;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
            .thumbs-slider .gall-thumbs03 .thumbs .swiper-slide.swiper-slide-thumb-active:after, .thumbs-slider .gall-thumbs03 .thumbs .swiper-slide:hover:after {
              opacity: 0; }
            .thumbs-slider .gall-thumbs03 .thumbs .swiper-slide > img {
              display: block;
              font-size: 0; }
        .thumbs-slider .gall-thumbs03 .ico {
          width: 100%;
          height: 3.7142857143rem;
          right: auto;
          left: 0;
          padding: 0;
          transform: translate(0, 0); }
          .thumbs-slider .gall-thumbs03 .ico.ico-prev {
            top: 0;
            background-image: url(../images/ico_prev_up.png);
            background-size: 1.2857142857rem 0.7142857143rem; }
          .thumbs-slider .gall-thumbs03 .ico.ico-next {
            top: auto;
            bottom: 0;
            background-image: url(../images/ico_next_down.png);
            background-size: 1.2857142857rem 0.7142857143rem; }

.thumbs-slider .gall-top04 {
  width: 67.8571428571rem;
  max-width: calc(100% - 16.5714285714rem);
  height: 36.5714285714rem;
  float: left;
  overflow: hidden; }
.thumbs-slider .gall-thumbs04 {
  position: relative;
  overflow: hidden;
  float: right;
  background: #fff;
  border: 0.0714285714rem solid #dbdbdb; }
.thumbs-slider .gall-thumbs04 .thumbs {
  width: 16.4285714286rem;
  height: 29rem;
  margin: 3.7142857143rem 0;
  overflow: hidden;
  padding: 0 1.3571428571rem;
  border-top: 0.0714285714rem solid #dbdbdb;
  border-bottom: 0.0714285714rem solid #dbdbdb;
  box-sizing: border-box; }
.thumbs-slider .gall-thumbs04 .thumbs .swiper-slide {
  overflow: hidden; }
.thumbs-slider .gall-thumbs04 .thumbs .swiper-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.thumbs-slider .gall-thumbs04 .thumbs .swiper-slide.swiper-slide-thumb-active:after, .thumbs-slider .gall-thumbs04 .thumbs .swiper-slide:hover:after {
  opacity: 0; }
.thumbs-slider .gall-thumbs04 .thumbs .swiper-slide > img {
  display: block;
  font-size: 0; }
.thumbs-slider .gall-thumbs04 .ico {
  width: 100%;
  height: 3.7142857143rem;
  right: auto;
  left: 0;
  padding: 0;
  transform: translate(0, 0); }
.thumbs-slider .gall-thumbs04 .ico.ico-prev {
  top: 0;
  background-image: url(../images/ico_prev_up.png);
  background-size: 1.2857142857rem 0.7142857143rem; }
.thumbs-slider .gall-thumbs04 .ico.ico-next {
  top: auto;
  bottom: 0;
  background-image: url(../images/ico_next_down.png);
  background-size: 1.2857142857rem 0.7142857143rem; }
/* Slider E */
/* gallery S */
.gall .img {
  position: relative;
  display: block;
  width: 100%;
  height: 10.1428571429rem;
  background: #efefef;
  overflow: hidden; }
  .gall .img img {
    position: absolute;
    left: 50%;
    width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.gall .txt {
  display: block;
  box-sizing: border-box;
  padding: 1.0714285714rem 0.9285714286rem 1.7857142857rem; }
.gall .title {
  box-sizing: border-box;
  height: 5.6rem;
  overflow-y: hidden;
  display: block;
  line-height: 1.6;
  font-size: 0.9285714286rem;
  color: #222;
  word-break: keep-all;
  padding-bottom: 1.1428571429rem;
  font-weight: 500; }
.gall .sort {
  display: inline-block;
  position: relative;
  padding-right: 0.6428571429rem;
  margin-right: 0.5714285714rem;
  font-size: 0.8571428571rem;
  font-weight: 500; }
  .gall .sort:after {
    content: '';
    display: block;
    position: absolute;
    width: 0.0714285714rem;
    height: 100%;
    background: #dbdbdb;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .gall .sort:last-of-type:after {
    display: none; }
.gall .date {
  font-size: 0.8571428571rem;
  color: #646464; }
.gall.style2 > div {
  margin-bottom: 1.4285714286rem; }
  .gall.style2 > div:after {
    content: '';
    clear: both;
    display: block; }
  .gall.style2 > div:last-of-type {
    margin-bottom: 0; }
.gall.style2 .img {
  float: left;
  width: 15.7142857143rem;
  height: 8.8rem; }
.gall.style2 .txt {
  float: left;
  width: calc(100% - 15.7142857143rem);
  padding: 0 0 0 0.7142857143rem; }
.gall.style2 .sort {
  color: #fff;
  padding: 0.2857142857rem 0.4285714286rem; }
  .gall.style2 .sort:after {
    display: none; }
  .gall.style2 .sort.blue {
    background: #5b8ebd; }
.gall.style2 .title {
  font-size: 1.1428571429rem;
  padding: 0.9285714286rem 0; }
.gall.style2 .date {
  opacity: .4;
  color: rgba(18, 18, 18, 0.4); }
.gall.style3 > div {
  width: 27.5714285714rem;
  float: left;
  margin-right: 1.4285714286rem;
  margin-bottom: 3.1428571429rem; }
  .gall.style3 > div:nth-of-type(3n) {
    margin-right: 0; }
.gall.style3 .img {
  width: 100%;
  height: 16.4285714286rem; }
.gall.style3 .txt {
  padding: 1.4285714286rem 0 0; }
.gall.style3 .sort {
  color: #5b8ebd;
  padding-bottom: 0.5rem; }
  .gall.style3 .sort:after {
    display: none; }
.gall.style3 .title {
  font-size: 1.1428571429rem;
  font-weight: 700;
  width: 100%;
  padding: 0 0 0.7142857143rem;
  line-height: 1.2em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.gall.style4 li {
  border: 0.0714285714rem solid #dbdbdb;
  width: 27.5rem;
  max-width: calc(33.33% - 1.0714285714rem);
  height: 34.5714285714rem;
  margin-right: 1.3571428571rem;
  margin-bottom: 1.4285714286rem;
  float: left; }
  .gall.style4 li:nth-child(3n) {
    margin-right: 0; }
  .gall.style4 li .img {
    height: 18.6428571429rem; }
  .gall.style4 li .txt {
    box-sizing: border-box;
    margin: 0;
    padding: 1.1428571429rem 0rem 1.3571428571rem 1.4285714286rem; }
  .gall.style4 li dt {
    display: inline-block;
    width: 5rem;
    padding-bottom: 0.5714285714rem;
    font-size: 0.8571428571rem;
    font-weight: 500;
    vertical-align: top; }
  .gall.style4 li dd {
    display: inline-block;
    width: calc(100% - 5.7142857143rem);
    padding-bottom: 0.5714285714rem;
    font-size: 0.8571428571rem;
    font-weight: 500;
    vertical-align: top; }
.gall.style5 li {
  width: calc(25% - 1.0714285714rem);
  float: left;
  margin: 0rem 1.4285714286rem 0 0;
  border: 0.0714285714rem solid #dbdbdb;
  box-sizing: border-box; }
  .gall.style5 li:nth-of-type(4n) {
    margin-right: 0; }
  .gall.style5 li:nth-of-type(n+5) {
    margin-top: 1.4285714286rem; }
  .gall.style5 li .img {
    height: 9.2rem; }
  .gall.style5 li .txt {
    height: 9.2857142857rem;
    margin: 0;
    padding: 0.7142857143rem 1.0714285714rem; }
  .gall.style5 li .tag-box + .title {
    padding: 0.7142857143rem 0 0;
    font-size: 1.1428571429rem;
    line-height: 1.4; }
  .gall.style5 li .sort-wrap {
    position: relative;
    padding: 0.9285714286rem 0 0; }
    .gall.style5 li .sort-wrap > span {
      color: #747474;
      font-size: 0.8571428571rem;
      display: block;
      float: left; }
    .gall.style5 li .sort-wrap .check {
      float: right; }
      .gall.style5 li .sort-wrap .check:before {
        content: '';
        width: 1rem;
        height: 1rem;
        background: url(../images/sub/ico_check.png) no-repeat center center;
        vertical-align: middle;
        display: inline-block;
        margin: -0.1428571429rem 0.2857142857rem 0; }


.thumbs-slider .gall-top05 {
  width: 67.8571428571rem;
  max-width: calc(100% - 16.5714285714rem);
  height: 36.5714285714rem;
  float: left;
  overflow: hidden; }
.thumbs-slider .gall-thumbs05 {
  position: relative;
  overflow: hidden;
  float: right;
  background: #fff;
  border: 0.0714285714rem solid #dbdbdb; }
.thumbs-slider .gall-thumbs05 .thumbs {
  width: 16.4285714286rem;
  height: 29rem;
  margin: 3.7142857143rem 0;
  overflow: hidden;
  padding: 0 1.3571428571rem;
  border-top: 0.0714285714rem solid #dbdbdb;
  border-bottom: 0.0714285714rem solid #dbdbdb;
  box-sizing: border-box; }
.thumbs-slider .gall-thumbs05 .thumbs .swiper-slide {
  overflow: hidden; }
.thumbs-slider .gall-thumbs05 .thumbs .swiper-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.thumbs-slider .gall-thumbs05 .thumbs .swiper-slide.swiper-slide-thumb-active:after, .thumbs-slider .gall-thumbs05 .thumbs .swiper-slide:hover:after {
  opacity: 0; }
.thumbs-slider .gall-thumbs05 .thumbs .swiper-slide > img {
  display: block;
  font-size: 0; }
.thumbs-slider .gall-thumbs05 .ico {
  width: 100%;
  height: 3.7142857143rem;
  right: auto;
  left: 0;
  padding: 0;
  transform: translate(0, 0); }
.thumbs-slider .gall-thumbs05 .ico.ico-prev {
  top: 0;
  background-image: url(../images/ico_prev_up.png);
  background-size: 1.2857142857rem 0.7142857143rem; }
.thumbs-slider .gall-thumbs05 .ico.ico-next {
  top: auto;
  bottom: 0;
  background-image: url(../images/ico_next_down.png);
  background-size: 1.2857142857rem 0.7142857143rem; }


.video-gall {
  position: relative; }
  .video-gall .img {
    width: 100%;
    height: 100%;
    background: #aaa; }
  .video-gall .ab-box {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 3.1428571429rem 2.9285714286rem; }
  .video-gall .sort {
    display: block;
    margin: 0;
    padding: 0 0 0.9285714286rem; }
    .video-gall .sort:after {
      display: none; }
    .video-gall .sort.blue {
      color: #48d4d3; }
  .video-gall .title {
    color: #fff;
    font-size: 1.8571428571rem;
    font-weight: 700; }
  .video-gall .date {
    color: rgba(215, 216, 210, 0.4);
    font-size: 0.8571428571rem; }
  .video-gall .ico-play {
    position: absolute;
    right: 2.1428571429rem;
    bottom: 2.2857142857rem; }
  .video-gall:after {
    content: '';
    position: absolute;
    right: -1.4285714286rem;
    top: 0;
    width: 0.1428571429rem;
    height: 100%;
    background: #1d477b;
    opacity: .15; }

/* gallery E */
/* board S */
.board:not(.main-board) {
  border-top: 0.1428571429rem solid #071d3d; }
  .board:not(.main-board) > ul > li {
    padding: 1.4285714286rem 0;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    line-height: 1.6; }
    .board:not(.main-board) > ul > li:after {
      content: '';
      clear: both;
      display: block; }
    .board:not(.main-board) > ul > li .cate {
      display: block;
      font-weight: 500;
      float: left;
      color: #1e457c;
      width: 9.8571428571rem;
      max-width: 10%;
      box-sizing: border-box;
      padding-left: 0.7142857143rem; }
    .board:not(.main-board) > ul > li .title {
      position: relative;
      display: block;
      max-width: calc(100% - 20rem);
      float: left;
      font-weight: 500;
      font-size: 1.1428571429rem; }
      .board:not(.main-board) > ul > li .title.new:after {
        content: 'N';
        display: inline-block;
        width: 1.1428571429rem;
        height: 1.1428571429rem;
        color: #fff;
        line-height: 1.1428571429rem;
        font-weight: 700;
        font-size: 0.7142857143rem;
        background: #ee2529;
        text-align: center;
        vertical-align: top; }
    .board:not(.main-board) > ul > li .sort-wrap {
      float: right; }
      .board:not(.main-board) > ul > li .sort-wrap span {
        display: inline-block;
        color: #747474;
        font-size: 0.8571428571rem;
        padding-right: 1rem;
        margin-right: 0.7142857143rem;
        position: relative; }
        .board:not(.main-board) > ul > li .sort-wrap span:after {
          content: '';
          display: block;
          position: absolute;
          width: 0.0714285714rem;
          height: 100%;
          background: #dbdbdb;
          top: 50%;
          right: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .board:not(.main-board) > ul > li .sort-wrap span:last-of-type:after {
          display: none; }
        .board:not(.main-board) > ul > li .sort-wrap span.check {
          min-width: 4.2857142857rem;
          padding-right: 0;
          margin-right: 0; }
          .board:not(.main-board) > ul > li .sort-wrap span.check:before {
            content: '';
            width: 1rem;
            height: 1rem;
            background: url(../images/sub/ico_check.png) no-repeat center center;
            vertical-align: middle;
            display: inline-block;
            margin: -0.1428571429rem 0.2857142857rem 0 0; }

/* board E */
/* pagination S */
.pagination {
  display: inline-block;
  text-align: center;
  margin: 2.8571428571rem 0 0; }
  .pagination li {
    display: block;
    float: left;
    border: 0.0714285714rem solid #dbdbdb;
    margin: 0 0 0 -0.0714285714rem;
    line-height: 2.7142857143rem;
    height: 2.7142857143rem;
    width: 2.7142857143rem;
    padding: 0;
    border-radius: 0;
    color: #121212;
    box-sizing: border-box;
    cursor: pointer; }
    .pagination li.active {
      background: #1e457c;
      color: #fff; }
    .pagination li:hover:not(.ellipsis) {
      background: #f3f3f3;
      color: #121212 !important; }
    .pagination li.prev, .pagination li.next {
      position: relative;
      text-align: center; }
      .pagination li.prev > span, .pagination li.next > span {
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        text-indent: -9999px; }
      .pagination li.prev:after, .pagination li.next:after {
        content: '';
        display: inline-block;
        margin-left: 1.1428571429rem;
        width: 0.5714285714rem;
        height: 0.5714285714rem;
        border-top: 0.1428571429rem solid #222;
        border-left: 0.1428571429rem solid #222;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: -0.3571428571rem;
        position: relative;
        top: -0.0714285714rem;
        border-color: #dbdbdb;
        border-width: 0.0714285714rem; }
      .pagination li.prev.prev, .pagination li.next.prev {
        border-left: 0.0714285714rem solid #dbdbdb; }
        .pagination li.prev.prev:after, .pagination li.next.prev:after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          margin-left: 0.3571428571rem;
          position: relative;
          top: -0.0714285714rem; }
      .pagination li.prev.last:after, .pagination li.next.last:after {
        margin-left: -0.1428571429rem; }
      .pagination li.prev.last:before, .pagination li.next.last:before {
        content: '';
        display: inline-block;
        margin-left: 1.1428571429rem;
        width: 0.5714285714rem;
        height: 0.5714285714rem;
        border-top: 0.1428571429rem solid #222;
        border-left: 0.1428571429rem solid #222;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: -0.3571428571rem;
        position: relative;
        top: -0.0714285714rem;
        border-color: #dbdbdb;
        border-width: 0.0714285714rem; }
      .pagination li.prev.first:after, .pagination li.next.first:after {
        margin-right: -0.3571428571rem;
        margin-left: 0; }
      .pagination li.prev.first:before, .pagination li.next.first:before {
        content: '';
        display: inline-block;
        margin-left: 1.1428571429rem;
        width: 0.5714285714rem;
        height: 0.5714285714rem;
        border-top: 0.1428571429rem solid #222;
        border-left: 0.1428571429rem solid #222;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-right: -0.1428571429rem;
        margin-left: 0;
        position: relative;
        top: -0.0714285714rem;
        border-color: #dbdbdb;
        border-width: 0.0714285714rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .pagination li.prev.disabled, .pagination li.next.disabled {
        display: none; }

/* pagination E*/
/* Tab S */
.tab-board .tabs {
  border-bottom: 0.0714285714rem solid #dbdbdb; }
  .tab-board .tabs button {
    display: block;
    float: left;
    min-width: 7.3571428571rem;
    text-align: center;
    line-height: 2.8571428571rem;
    background: #f3f3f3;
    font-size: 1.1428571429rem;
    color: rgba(7, 29, 61, 0.49);
    margin-bottom: -0.0714285714rem;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    border-top: 0.0714285714rem solid transparent;
    position: relative; }
    .tab-board .tabs button:after {
      content: '';
      display: block;
      position: absolute;
      width: 0.0714285714rem;
      height: 100%;
      background: #dbdbdb;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .tab-board .tabs button:last-of-type:after {
      display: none; }
    .tab-board .tabs button:after {
      height: 1.1428571429rem; }
    .tab-board .tabs button.active {
      background: #fff;
      color: #071d3d;
      border: 0.0714285714rem solid #c8c8c8;
      border-bottom-color: #fff;
      font-weight: 700;
      margin-left: -0.0714285714rem; }
      .tab-board .tabs button.active:after {
        display: none; }
.tab-board .tab-container li {
  border-bottom: 0.0714285714rem solid #dbdbdb; }
.tab-board .tab-container .sort {
  display: inline-block;
  font-size: 0.8571428571rem;
  color: #1d477b;
  line-height: 4.2857142857rem;
  width: 6.7142857143rem;
  text-align: center; }
.tab-board .tab-container .tit {
  display: inline-block;
  width: 26.7142857143rem;
  max-width: calc(100% - 13.7142857143rem);
  color: #222;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.2em;
  height: auto;
  vertical-align: middle; }
  .tab-board .tab-container .tit.new:after {
    content: 'N';
    display: inline-block;
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    color: #fff;
    line-height: 1.1428571429rem;
    font-weight: 700;
    font-size: 0.7142857143rem;
    border-radius: 0.2857142857rem;
    margin-left: 0.2857142857rem;
    background: #ee2529;
    text-align: center;
    vertical-align: top; }
.tab-board .tab-container .date {
  color: #747474;
  font-size: 0.8571428571rem;
  display: inline-block;
  padding-left: 2.1428571429rem; }

.tab-container .cont, .tab-container .cont2 {
  display: none; }
  .tab-container .cont.active, .tab-container .cont2.active {
    display: block; }

/* Tab E */
/* Table S */
.table, .table2 {
  width: 100%;
  margin-bottom: 0.7142857143rem;
  border-top: 0.0714285714rem solid #ccc; }
  .table thead th, .table2 thead th {
    border-bottom: 0.0714285714rem solid #374b71;
    border-left: 0.0714285714rem solid #374b71;
    background: #071d3d;
    font-weight: 500;
    text-align: center;
    font-weight: normal;
    color: #fff;
    padding: 1.4285714286rem 0;
    line-height: 1.4;
    vertical-align: middle; }
    .table thead th .num, .table2 thead th .num {
      background: #fff;
      color: #071d3d; }
  .table tbody th, .table2 tbody th {
    border-bottom: 0.0714285714rem solid #e0e0e0;
    border-left: 0.0714285714rem solid #e0e0e0;
    padding: 0.5714285714rem 1.4285714286rem;
    background: #fff;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    line-height: 1.4; }
    .table tbody th.thead, .table2 tbody th.thead {
      background: #f5fcfe; }
    .table tbody th:nth-of-type(1), .table2 tbody th:nth-of-type(1) {
      border-left: 0 solid #e0e0e0; }
  .table td, .table2 td {
    padding: 0.5714285714rem 1.4285714286rem;
    border-bottom: 0.0714285714rem solid #e0e0e0;
    border-left: 0.0714285714rem solid #e0e0e0;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4; }
  .table .al-left, .table2 .al-left {
    text-align: left; }
    .table .al-left td, .table .al-left th, .table2 .al-left td, .table2 .al-left th {
      text-align: left; }
  .table .al-right, .table2 .al-right {
    text-align: right; }
    .table .al-right td, .table .al-right th, .table2 .al-right td, .table2 .al-right th {
      text-align: right; }
  .table .al-center, .table2 .al-center {
    text-align: center; }
    .table .al-center td, .table .al-center th, .table2 .al-center td, .table2 .al-center th {
      text-align: center; }
  .table + p, .table2 + p {
    line-height: 2.0; }
  .table .num, .table2 .num {
    display: inline-block;
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    background: #071d3d;
    color: #fff;
    font-size: 0.8571428571rem;
    text-align: center;
    line-height: 1.4285714286rem;
    border-radius: 100%;
    margin: 0 0.5714285714rem; }
  .table.style2 th, .table2.style2 th {
    background: #f5fcfe; }
  .table.fit th, .table.fit td, .table2.fit th, .table2.fit td {
    padding: 0.5rem 1.4285714286rem; }
  .table.fit thead th, .table2.fit thead th {
    border-bottom: 0; }
  .table.fit tbody th, .table2.fit tbody th {
    background: #f3f3f3; }

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.4; }
  .table-wrap table.fit td, .table-wrap table.fit th {
    padding: 0.5714285714rem 0.2857142857rem; }
  .table-wrap table.fit2 td, .table-wrap table.fit2 th {
    padding: 0.5714285714rem 0.1428571429rem; }
  .table-wrap table th {
    background: #f2f2f2;
    padding: 0.7857142857rem 0.7857142857rem 0.7142857143rem;
    border: 0.0714285714rem solid #dbdbdb;
    vertical-align: middle; }
  .table-wrap table td {
    padding: 0.7857142857rem 0.6428571429rem 0.7142857143rem;
    border: 0.0714285714rem solid #dbdbdb;
    vertical-align: middle; }
  .table-wrap table .empty td {
    font-size: 1.1428571429rem;
    font-weight: 500;
    color: #747474;
    padding: 4.2857142857rem 0; }
.table-wrap.style2 {
  font-family: 'Roboto','NotoSansKR',sans-serif; }
  .table-wrap.style2 table {
    text-align: center; }
  .table-wrap.style2 th {
    background: #c7a079;
    color: #fff; }
  .table-wrap.style2 .fir span {
    display: inline-block;
    padding-right: 0.3571428571rem; }
  .table-wrap.style2 .hrate, .table-wrap.style2 .lst {
    font-weight: 500; }
  .table-wrap.style2 .td_sum td {
    background: #f3f3f3;
    font-weight: 500; }
  .table-wrap.style2 .topteam td {
    color: #c7a079; }
.table-wrap .data-table th {
  border-bottom: 0;
  font-weight: 500;
  white-space: nowrap; }
.table-wrap .data-table thead .sorting:after {
  content: '';
  display: inline-block;
  width: 0.6428571429rem;
  height: 0.9285714286rem;
  background: url(../images/ico_table_arrow.png) no-repeat center center;
  vertical-align: middle;
  margin-left: 0.3571428571rem;
  margin-top: -0.1428571429rem; }
.table-wrap .data-table thead .sorting_asc:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.table-wrap .data-table .sorting_1 {
  background: #f3f3f3;
  font-weight: 500; }
.table-wrap .data-table td:nth-of-type(1) {
  background: transparent;
  font-weight: 400; }
.table-wrap .data-table td {
  white-space: nowrap; }
.table-wrap .data-table.paging + .paginate-wrap {
  display: block; }
.table-wrap .data-table.paging .page-item.active .page-link {
  background-color: #071d3d;
  border-color: #071d3d; }
.table-wrap .data-table.paging .page-link {
  color: #28465a; }
.table-wrap .data-table + .paginate-wrap {
  display: none;
  text-align: center;
  padding: 2.8571428571rem 0 0; }
  .table-wrap .data-table + .paginate-wrap .dataTables_paginate {
    float: none;
    text-align: center;
    display: inline-block; }
    .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis {
      display: block;
      float: left;
      border: 0.0714285714rem solid #dbdbdb;
      margin: 0 0 0 -0.0714285714rem;
      line-height: 2.7142857143rem;
      height: 2.7142857143rem;
      width: 2.7142857143rem;
      padding: 0;
      border-radius: 0;
      color: #121212;
      box-sizing: border-box; }
      .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.previous, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.next, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.previous, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.next {
        position: relative;
        text-align: center; }
        .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.previous:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.next:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.previous:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.next:after {
          content: '';
          display: inline-block;
          margin-left: 1.1428571429rem;
          width: 0.5714285714rem;
          height: 0.5714285714rem;
          border-top: 0.1428571429rem solid #222;
          border-left: 0.1428571429rem solid #222;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
          margin-left: -0.3571428571rem;
          border-color: #dbdbdb;
          border-width: 0.0714285714rem; }
        .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.previous.previous, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.next.previous, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.previous.previous, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.next.previous {
          border-left: 0.0714285714rem solid #dbdbdb; }
          .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.previous.previous:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.next.previous:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.previous.previous:after, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.next.previous:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-left: 0.3571428571rem; }
      .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.disabled, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.disabled {
        display: none; }
      .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button.current, .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis.current {
        background: #071d3d;
        color: #fff !important; }
      .table-wrap .data-table + .paginate-wrap .dataTables_paginate .paginate_button:hover:not(.ellipsis), .table-wrap .data-table + .paginate-wrap .dataTables_paginate .ellipsis:hover:not(.ellipsis) {
        background: #f3f3f3;
        color: #121212 !important; }
.table-wrap .data-table2 th {
  white-space: nowrap; }
.table-wrap .data-table2 th:not(.no-sort) {
  cursor: pointer; }
  .table-wrap .data-table2 th:not(.no-sort) span:after {
    content: '';
    display: inline-block;
    width: 0.6428571429rem;
    height: 0.9285714286rem;
    background: url(../images/ico_table_arrow.png) no-repeat center center;
    vertical-align: middle;
    margin-left: 0.3571428571rem;
    margin-top: -0.1428571429rem; }
  .table-wrap .data-table2 th:not(.no-sort) span.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.player-table {
  position: relative;
  text-align: center; }
  .player-table table {
    border-collapse: collapse; }
  .player-table .img-wrap {
    padding: 0;
    width: 20%;
    vertical-align: top; }
    .player-table .img-wrap .img {
      position: relative;
      width: 100%;
      height: 14.5714285714rem;
      overflow: hidden; }
      .player-table .img-wrap .img img {
        position: absolute;
        left: 0;
        top: 0; }
    .player-table .img-wrap img {
      max-width: 100%;
      display: block; }
    .player-table .img-wrap .name {
      display: block;
      border-top: 0.0714285714rem solid #dbdbdb;
      line-height: 3.5rem;
      font-size: 1.1428571429rem;
      font-weight: 500; }
  .player-table td, .player-table th {
    border: 0.0714285714rem solid #dbdbdb;
    padding: 0.8571428571rem 0.3571428571rem; }
  .player-table .str {
    font-weight: 500; }
  .player-table th {
    background: #5b8ebd;
    color: #fff; }
  .player-table .s-txt {
    color: #747474;
    font-weight: 500; }
  .player-table .al-right {
    display: block;
    text-align: right;
    padding: 1.4285714286rem 0 0; }
  .player-table .empty {
    padding: 4.2857142857rem 0;
    font-size: 1.1428571429rem;
    font-weight: 500;
    color: #747474; }

/* Table E */
/* History S */
.history .info {
  border-top: 0.0714285714rem solid #dbdbdb; }
  .history .info li {
    position: relative;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    padding: 0 0.7142857143rem; }
    .history .info li span {
      display: inline-block;
      line-height: 4.1428571429rem;
      font-size: 1rem; }
    .history .info li .ico {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      right: 0.7142857143rem;
      cursor: pointer; }
    .history .info li .txt {
      margin: 0;
      padding: 0;
      font-weight: 500;
      max-width: calc(100% - 14.2857142857rem);
      line-height: 1.4;
      padding: 1.4285714286rem 0; }
    .history .info li .date {
      width: 8.5714285714rem;
      padding-right: 3.5714285714rem;
      vertical-align: top; }

/* History E */
/* Location S */
.location .map {
  width: 100%;
  height: 42.8571428571rem;
  border: 0.0714285714rem solid #dbdbdb;
  background: #eee;
  margin-bottom: 2.1428571429rem; }
.location .info {
  border-top: 0.0714285714rem solid #dbdbdb; }
  .location .info > li {
    position: relative;
    min-height: 15.2857142857rem;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    padding: 3.0714285714rem 0;
    padding-left: 13.3571428571rem;
    display: table;
    width: 100%;
    box-sizing: border-box; }
    .location .info > li .ico {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      left: 0;
      width: 10rem;
      height: 10rem; }
    .location .info > li .t-cell {
      display: table-cell;
      vertical-align: middle; }
    .location .info > li h5 {
      font-size: 1.4285714286rem;
      font-weight: 700;
      color: #071d3d;
      padding-bottom: 2.1428571429rem; }
    .location .info > li .txt {
      font-size: 1rem;
      margin: 0; }
      .location .info > li .txt > ul {
        float: left; }
        .location .info > li .txt > ul:nth-child(1) {
          width: 28.5714285714rem; }
        .location .info > li .txt > ul:nth-child(2) {
          width: 23.8571428571rem; }
        .location .info > li .txt > ul li {
          padding-bottom: 0.7142857143rem; }
          .location .info > li .txt > ul li:last-child {
            padding-bottom: 0; }

/* Location E */
/* List S */
.num-list {
  padding: 0.7142857143rem 0 0; }
  .num-list > li {
    position: relative;
    padding: 0.5714285714rem 0 0.5714285714rem 2.1428571429rem;
    line-height: 1.4; }
    .num-list > li .num {
      position: absolute;
      left: 0;
      top: 0.7142857143rem;
      width: 1.4285714286rem;
      height: 1.4285714286rem;
      background: #071d3d;
      color: #fff;
      font-size: 0.8571428571rem;
      text-align: center;
      line-height: 1.4285714286rem;
      border-radius: 100%; }
    .num-list > li .str {
      display: inline-block;
      font-weight: 700;
      color: #071d3d;
      font-size: 1.1em; }
  .num-list.style2 {
    padding: 0; }
    .num-list.style2 > li {
      padding: 0.2857142857rem 1.0714285714rem 0.2857142857rem 1.4285714286rem; }
    .num-list.style2 .num {
      margin: 0;
      background: transparent;
      width: auto;
      height: auto;
      color: inherit;
      top: 0.2857142857rem;
      font-size: inherit; }
  .num-list.line > li > .num {
    border: 0.1428571429rem solid #071d3d;
    color: #071d3d;
    background: transparent;
    font-size: 1.1428571429rem;
    font-weight: 700;
    font-family: 'Roboto','NotoSansKR',sans-serif;
    line-height: 1.5714285714rem; }
  .num-list.fit > li {
    padding-left: 1.0714285714rem; }
    .num-list.fit > li .num {
      top: 0.4285714286rem; }

table .num-list.style2 > li {
  padding-left: 1.4285714286rem; }
table .num-list.style2 .num {
  top: 0.2857142857rem; }

.dash-list > li {
  position: relative;
  padding: 0.2857142857rem 0 0.2857142857rem 0.7142857143rem;
  line-height: 1.4; }
  .dash-list > li:before {
    content: '-';
    position: absolute;
    left: 0; }
.dash-list.style2 li:before {
  content: '*'; }

.box-gray {
  box-sizing: border-box;
  padding: 2.8571428571rem 2.1428571429rem;
  background: #eef3f8; }
  .box-gray li {
    line-height: 1.6;
    padding: 0.3571428571rem 0;
    font-weight: 500; }
    .box-gray li:last-child {
      padding-bottom: 0rem; }
  .box-gray .s-txt {
    position: relative;
    padding: 0.7142857143rem;
    line-height: 1.6;
    color: #747474; }
    .box-gray .s-txt .refer {
      position: absolute;
      left: 0;
      top: 0.7142857143rem; }

/* List E */
/* Tag S */
.tag {
  display: inline-block;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  line-height: 1.7142857143rem;
  text-align: center;
  border-radius: 0.2857142857rem;
  color: #fff;
  box-sizing: border-box;
  font-size: 0.8571428571rem;
  font-weight: 700; }
  .tag.win {
    background-color: #ee2529; }
  .tag.lose {
    background-color: #1952a3; }
  .tag.tie {
    background-color: #747474; }

.tag-box {
  padding: 0 0.4285714286rem;
  line-height: 1.4285714286rem;
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #fff; }

/* Tag E */
/* date select S */
.date-wrap {
  position: relative;
  display: inline-block; }
  .date-wrap .prev, .date-wrap .next {
    display: block;
    float: left;
    margin: 0.7857142857rem 1.0714285714rem;
    text-indent: -9999px;
    width: 2.1428571429rem;
    height: 2.1428571429rem;
    background: url(../images/sub/btn_prev.png) no-repeat center center;
    background-size: 100%; }
    .date-wrap .prev.disable, .date-wrap .next.disable {
      background: url(../images/sub/btn_prev_off.png) no-repeat center center;
      background-size: 100%; }
  .date-wrap .next {
    background: url(../images/sub/btn_next@2x.png) no-repeat center center;
    background-size: 100%; }
    .date-wrap .next.disable {
      background: url(../images/sub/btn_next_off.png) no-repeat center center;
      background-size: 100%; }
  .date-wrap > .select-box {
    float: left;
    margin: 0 0.3571428571rem;
    font-size: 1.7142857143rem;
    font-weight: 700; }
  .date-wrap.small .select-box {
    font-size: 1.1428571429rem;
    min-width: 7.1428571429rem;
    height: 2.7142857143rem;
    margin: 0 0.7142857143rem 0 0; }
    .date-wrap.small .select-box.t-small {
      font-size: 1rem;
      font-weight: 400; }
    .date-wrap.small .select-box .val {
      line-height: 2.7142857143rem;
      padding: 0 0.7142857143rem 0; }
      .date-wrap.small .select-box .val:after {
        right: 0.5rem; }
    .date-wrap.small .select-box ul {
      top: 2.5714285714rem; }
      .date-wrap.small .select-box ul li {
        line-height: 2.8571428571rem;
        padding: 0 0.7142857143rem; }
  .date-wrap > .s-txt {
    float: left;
    margin: 0 0.7142857143rem 0 0;
    line-height: 2.5714285714rem; }

/* date select E */
/* pop S */
.pop {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  display: none;
  z-index: 10; }
  .pop.active {
    display: block; }
  .pop.info-box {
    width: 32.8571428571rem;
    background: #fff;
    border: 0.0714285714rem solid #dbdbdb; }
    .pop.info-box .head-info {
      position: relative;
      background: #c7a079;
      color: #fff;
      font-weight: 500;
      padding: 0.7142857143rem 0;
      border-bottom: 0.0714285714rem solid #dbdbdb;
      text-align: center; }
      .pop.info-box .head-info .close {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        right: 0.5714285714rem; }
    .pop.info-box .content-info {
      padding: 0.7142857143rem 1.0714285714rem 1.4285714286rem; }
      .pop.info-box .content-info .table2 {
        width: 100%;
        border-top: 0.0714285714rem solid #dbdbdb;
        font-size: 0.9285714286rem; }
        .pop.info-box .content-info .table2 th {
          border-bottom: 0.0714285714rem solid #dbdbdb;
          text-align: left; }
        .pop.info-box .content-info .table2 td {
          text-align: left;
          font-weight: 400; }
        .pop.info-box .content-info .table2 tr:nth-of-type(odd) th, .pop.info-box .content-info .table2 tr:nth-of-type(odd) td {
          background: #f3f3f3; }
      .pop.info-box .content-info .b_txt {
        display: inline-block;
        padding-right: 0.7142857143rem;
        margin-right: 0.4285714286rem;
        color: #588dc0;
        position: relative; }
        .pop.info-box .content-info .b_txt:after {
          content: '';
          display: block;
          position: absolute;
          width: 0.0714285714rem;
          height: 100%;
          background: #dbdbdb;
          top: 50%;
          right: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .pop.info-box .content-info .b_txt:last-of-type:after {
          display: none; }
        .pop.info-box .content-info .b_txt:after {
          height: 0.7142857143rem; }

/* pop E */
/* Common E */
/* layout S */
.layout header {
  position: static;
  margin: 0 0 200px; }

/* layout E */
input[type='text'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='date'],
textarea {
  font-size: 1rem;
  font-weight: 400;
  font-family: 'NotoSansKR', Arial, sans-serif;
  color: #121212; }

input[type=text]::-ms-clear {
  display: none; }

input::placeholder,
textarea::placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

input::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

input:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

textarea::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

textarea:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

select {
  color: #121212;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 1.1428571429rem;
  padding: 0.4285714286rem 0.8571428571rem;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'NotoSansKR', Arial, sans-serif; }

.roboto select {
  font-family: 'Roboto','NotoSansKR',sans-serif; }

select::-ms-expand {
  display: none; }

input[type="radio"],
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label .ico {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  background: #fff url(../images/ico_chk.png) no-repeat center center;
  background-size: 1rem 0.7142857143rem; }
input[type="checkbox"]:checked + label .ico {
  background: #071d3d url(../images/ico_chk.png) no-repeat center center;
  background-size: 1rem 0.7142857143rem; }

input[type='radio'] + label {
  display: inline-block;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../assets/images/radio_unchecked.png);
  box-sizing: border-box;
  text-indent: -9999px; }

input[type='radio']:checked + label {
  background-image: url(../../assets/images/radio_checked.png); }

.chk-box label {
  display: block;
  line-height: 2.8571428571rem; }
  .chk-box label .ico {
    margin-right: 0.7857142857rem;
    vertical-align: middle; }
  .chk-box label .s-txt {
    display: inline-block;
    line-height: 1.7142857143rem;
    vertical-align: middle;
    margin: 0; }

.input-box input[type='text'] {
  border: 0.0714285714rem solid #dbdbdb;
  display: inline-block;
  width: 100%;
  padding: 0 0.7142857143rem;
  line-height: 2.7142857143rem;
  height: 2.7142857143rem;
  outline: none;
  font-size: 1rem;
  font-weight: 300;
  color: #121212;
  background-color: #fff;
  box-sizing: border-box;
  vertical-align: middle; }
.input-box.input-btn input[type='text'] {
  width: 15rem;
  margin-right: 0.7142857143rem; }
.input-box.input-btn .btn {
  vertical-align: middle;
  padding: 0 1.6428571429rem; }

.select-box {
  position: relative;
  min-width: 8.5714285714rem;
  height: 3.7142857143rem;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.0714285714rem solid #dbdbdb;
  vertical-align: middle;
  box-sizing: border-box; }
  .select-box select {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 2.8571428571rem 0rem 1.4285714286rem; }
  .select-box > .val {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 3.7142857143rem;
    border: 0;
    outline: none;
    box-sizing: border-box;
    padding: 0 2.8571428571rem 0rem 1.4285714286rem; }
    .select-box > .val:after {
      content: '';
      width: 0.7142857143rem;
      height: 0.5rem;
      background: url(../images/arrow_down.png) no-repeat center center;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      right: 1.4285714286rem; }
  .select-box ul {
    display: none;
    position: absolute;
    left: -0.0714285714rem;
    top: 3.5714285714rem;
    background: #fff;
    z-index: 5;
    width: 100%;
    border: 0.0714285714rem solid #dbdbdb;
    max-height: 400px;
    overflow-y: auto; }
    .select-box ul li {
      line-height: 3.5714285714rem;
      cursor: pointer;
      padding: 0 2.8571428571rem 0rem 1.4285714286rem; }
      .select-box ul li:hover {
        background: rgba(199, 160, 121, 0.3); }
  .select-box.on > .val:after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg); }
  .select-box.on ul {
    display: block; }

.textarea-wrap {
  width: 100%;
  padding: 0 0.4285714286rem;
  box-sizing: border-box; }
  .textarea-wrap textarea {
    width: 100%;
    height: 17.8571428571rem;
    padding: 2.1428571429rem;
    border: 0;
    color: #333;
    font-size: 1.1428571429rem;
    font-weight: 300;
    outline: none;
    border-radius: 0.7142857143rem;
    background-color: #999;
    box-sizing: border-box;
    vertical-align: top; }
  .textarea-wrap textarea::placeholder {
    color: #333;
    font-size: 1.1428571429rem;
    font-weight: 300; }

/* Icon css */
.ico {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 100%; }
  .ico.ico-sch {
    background-image: url("../images/ico_sch.png"); }
  .ico.ico-twitter {
    background-image: url("../images/ico_twitter.png"); }
  .ico.ico-facebook {
    background-image: url("../images/ico_facebook.png"); }
  .ico.ico-insta {
    background-image: url("../images/ico_insta.png"); }
  .ico.ico-youtube {
    background-image: url("../images/ico_youtube.png"); }
  .ico.ico-notice {
    background-image: url("../images/ico_notice.png"); }
  .ico.ico-more {
    background-image: url("../images/ico_more.png"); }
  .ico.ico-next {
    background-image: url("../images/ico_next.png"); }
  .ico.ico-prev {
    background-image: url("../images/ico_prev.png"); }
  .ico.ico-win {
    background-image: url("../images/ico_win.png"); }
  .ico.ico-play {
    background-image: url("../images/ico_play.png"); }
  .ico.ico-dinostv {
    background-image: url("../images/ico_dinostv.png"); }
  .ico.ico-faq {
    background-image: url("../images/ico_faq.png"); }
  .ico.ico-people {
    background-image: url("../images/ico_people.png"); }
  .ico.ico-computer {
    background-image: url("../images/ico_computer.png"); }
  .ico.ico-home {
    background-image: url("../images/ico_home.png"); }
  .ico.ico-link {
    background-image: url("../images/ico_link.png"); }
  .ico.ico-download {
    background-image: url("../images/ico_download.png"); }
  .ico.ico-print {
    background-image: url("../images/ico_print.png"); }
  .ico.ico-car {
    background-image: url("../images/ico_car.png"); }
  .ico.ico-bus {
    background-image: url("../images/ico_bus.png"); }
  .ico.ico-download2 {
    background-image: url("../images/ico_download2.png"); }
  .ico.ico-x {
    background-image: url("../images/ico_x.png"); }
  .ico.ico-prev2 {
    background-image: url("../images/ico_prev2.png"); }
  .ico.ico-next2 {
    background-image: url("../images/ico_next2.png"); }
  .ico.ico-video {
    background-image: url("../images/ico_video.png"); }
  .ico.ico-paper {
    background-image: url("../images/ico_paper.png"); }
  .ico.ico-play2 {
    background-image: url("../images/ico_play2.png"); }
  .ico.ico-sch {
    width: 0.7142857143rem;
    height: 0.7142857143rem; }
  .ico.ico-notice {
    width: 0.9285714286rem;
    height: 1.1428571429rem; }
  .ico.ico-more {
    width: 2.1428571429rem;
    height: 2.1428571429rem; }
.ico.ico-more2 {
  background-image: url(../images/icon/ic-more2@2x.png);
  width: 1.143rem;
  height: 1.143rem; }
  .ico.ico-next, .ico.ico-prev {
    width: 0.7142857143rem;
    height: 1.2857142857rem;
    background-size: 0.7142857143rem; }
  .ico.ico-win {
    width: 1.1428571429rem;
    height: 1.2142857143rem; }
  .ico.ico-play {
    width: 2.8571428571rem;
    height: 2.8571428571rem; }
  .ico.ico-dinostv {
    width: 3rem;
    height: 3rem; }
  .ico.ico-people, .ico.ico-faq, .ico.ico-computer {
    width: 6.4285714286rem;
    height: 6.4285714286rem; }
  .ico.ico-home {
    width: 1rem;
    height: 0.9285714286rem; }
  .ico.ico-link {
    width: 0.9285714286rem;
    height: 0.9285714286rem; }
  .ico.ico-download {
    width: 1rem;
    height: 1rem; }
  .ico.ico-print {
    width: 1.1428571429rem;
    height: 1.2857142857rem; }
  .ico.ico-download2 {
    width: 0.7857142857rem;
    height: 0.7857142857rem; }
  .ico.ico-x {
    width: 1.1428571429rem;
    height: 1.1428571429rem; }
  .ico.ico-next2, .ico.ico-prev2 {
    width: 2.2857142857rem;
    height: 2.2857142857rem;
    background-size: 2.2857142857rem; }
  .ico.ico-video {
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    box-sizing: border-box;
    border: 0.1428571429rem solid #fff;
    border-radius: 100%;
    background-position: center center; }
  .ico.ico-paper {
    width: 0.8571428571rem;
    height: 1rem; }
  .ico.ico-play2 {
    width: 1.0714285714rem;
    height: 1.0714285714rem; }

.btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 0.9642857143rem;
  font-weight: 500;
  line-height: 3.7142857143rem;
  width: 14.2857142857rem;
  color: #fff; }
  .btn .ico {
    vertical-align: middle;
    margin-left: 0.3571428571rem; }
  .btn + .btn {
    margin-left: 0.7142857143rem; }
  .btn.btn-small {
    font-size: 1rem;
    width: auto;
    line-height: 1;
    padding: 0.5714285714rem 1.0714285714rem 0.7142857143rem; }
  .btn.btn-line {
    color: #003067;
    border: 0.1428571429rem solid #053267;
    background: #fff; }
    .btn.btn-line .arrow-tri {
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 0.5714285714rem solid #222;
      border-top: 0.4285714286rem solid transparent;
      border-bottom: 0.4285714286rem solid transparent;
      border-left-color: #003067;
      vertical-align: middle;
      margin-left: 0.3571428571rem;
      margin-top: -0.2142857143rem; }
  .btn.btn-fit {
    width: 4.5714285714rem;
    line-height: 1.8571428571rem;
    border-width: 0.0714285714rem; }
  .btn.btn-more {
    color: #121212;
    font-size: 1rem;
    width: 6.2857142857rem;
    line-height: 2.7142857143rem;
    border-radius: 0.2142857143rem;
    border: solid 0.0714285714rem #dbdbdb;
    background-color: #ffffff;
    border-radius: 0.2142857143rem; }
    .btn.btn-more:after {
      content: '';
      display: inline-block;
      margin-left: 1.1428571429rem;
      width: 0.5714285714rem;
      height: 0.5714285714rem;
      border-top: 0.1428571429rem solid #222;
      border-left: 0.1428571429rem solid #222;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      border-color: #747474;
      border-width: 0.0714285714rem;
      margin-left: 0.5714285714rem; }
    .btn.btn-more.btn-disable {
      text-align: center;
      cursor: auto; }
      .btn.btn-more.btn-disable:after {
        display: none; }
  .btn.btn-bg-gray {
    color: #121212;
    border: 0.0714285714rem solid #dbdbdb; }
  .btn.btn-medium {
    font-size: 1rem;
    width: auto;
    padding: 0 2.6428571429rem;
    line-height: 2.7142857143rem; }
  .btn.btn-white {
    background: #fff;
    color: #121212;
    border: 0.0714285714rem solid #dbdbdb;
    font-size: 1.1428571429rem;
    width: 11.4285714286rem;
    line-height: 3.5714285714rem; }

/* Header S */
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  color: #fff;
  z-index: 100;
  box-shadow: 0px 0.7142857143rem 1.4285714286rem 0 rgba(15, 16, 16, 0.3); }
  header .top-nav {
    background: #04152b; }
    header .top-nav > ul {
      width: 71.4285714286rem;
      margin: 0 auto;
      position: relative; }
    header .top-nav li {
      float: left;
      margin-right: 1.4285714286rem;
      min-width: 4.2857142857rem;
      text-align: center; }
      header .top-nav li.on:not(.sns-wrap) {
        background: #071d3d; }
      header .top-nav li > a {
        display: block;
        padding: 0 0.8571428571rem;
        line-height: 2.5714285714rem;
        font-size: 0.8571428571rem; }
      header .top-nav li.sns-wrap {
        position: absolute;
        right: 0;
        top: 0.4285714286rem;
        margin: 0; }
        header .top-nav li.sns-wrap a {
          display: inline-block;
          background: #071d3d;
          border-radius: 100%;
          width: 4rem;
          height: 1.5rem;
          line-height: 1.5rem;
          text-align: center;
          margin-right: 1rem;
          padding: 0; }
          header .top-nav li.sns-wrap a img {
            width: 100%; }

.header-wrap {
  position: relative;
  background: transparent;
  text-align: center;
  background: #071d3d; }
  .header-wrap > div {
    width: 71.4285714286rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  .header-wrap .logo > a {
    display: block;
    width: 8.5714285714rem;
    height: 3.0714285714rem;
    margin: 1.821rem 0;
    background: url(../images/logo.png) no-repeat center center;
    background-size: 100%; }
    .header-wrap .menu-wrap .menu {
      display: flex; align-items: center; justify-content: flex-end;
    }
  .header-wrap .menu-wrap .menu > li {
    position: relative;
    width: 110px;
    box-sizing: border-box;
    padding: 0; }
    .header-wrap .menu-wrap .menu > li > a {
      display: block;
      font-size: 1.1428571429rem;
      font-weight: 500;
      padding: 3.071rem 0 2.5rem; }
    .header-wrap .menu-wrap .menu > li:hover > a, .header-wrap .menu-wrap .menu > li.on > a {
      color: #c7a079; }
    .header-wrap .menu-wrap .menu > li:last-child .s-menu {
      border-right: 0.0714285714rem solid rgba(255, 255, 255, 0.1); }
  .header-wrap .menu-wrap .s-menu {
    display: none;
    position: absolute;
    top: 6.5714285714rem;
    left: 0;
    width: 100%;
    height: 23.7142857143rem;
    padding: 1.1428571429rem 1.0714285714rem;
    line-height: 1.4;
    box-sizing: border-box;
    border-left: 0.0714285714rem solid rgba(255, 255, 255, 0.1);
    text-align: center;
    z-index: 100; }
    .header-wrap .menu-wrap .s-menu li {
      padding: 0.6428571429rem 0;
      font-size: 0.8571428571rem;
      font-weight: 400;
      color: #fff;
      word-break: keep-all; }
      .header-wrap .menu-wrap .s-menu li.name {
        color: #5b8ebd; }
    .header-wrap .menu-wrap .s-menu a:hover, .header-wrap .menu-wrap .s-menu a:focus, .header-wrap .menu-wrap .s-menu .on a {
      color: #c7a079;
      font-weight: 500; }
  .header-wrap:after {
    content: '';
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 23.5714285714rem;
    position: absolute;
    left: 0;
    top: 6.7142857143rem;
    box-shadow: 0 0 3.2142857143rem 0.3571428571rem rgba(15, 16, 16, 0.15);
    background: #071d3d;
    z-index: 10;
    border-top: 0.0714285714rem solid #c7a079;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .header-wrap.hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .header-wrap.hover .s-menu {
    display: block; }
  .header-wrap.smenu-none:after {
    display: none; }
  .header-wrap.bg-none:after {
    height: 14.2857142857rem; }
  .header-wrap .sch-box {
    position: relative;
    margin: 2.5714285714rem 0 0; }
    .header-wrap .sch-box input {
      width: 14.2857142857rem;
      height: 2rem;
      line-height: 2rem;
      border-radius: 1rem;
      background: rgba(255, 255, 255, 0.1);
      font-size: 0.6428571429rem;
      font-weight: 300;
      color: #fff;
      margin: 0;
      padding: 0 2.1428571429rem 0 1.1428571429rem;
      line-height: 2rem; }
      .header-wrap .sch-box input::placeholder {
        color: rgba(255, 255, 255, 0.3); }
      .header-wrap .sch-box input + button {
        position: absolute;
        right: 1rem;
        top: 0.5rem; }

/* Header E */
/* Footer S */
footer {
  width: 100%;
  background: #071d3d;
  color: #fff; }
  footer .partner {
    width: 100%;
    background: #fff;
    padding: 0.5714285714rem 0;
    border-top: 0.0714285714rem solid #dbdbdb; }
    footer .partner .slider {
      width: 71.4285714286rem;
      margin: 0 auto;
      overflow: hidden; }
    footer .partner .swiper-slide {
      display: block;
      text-align: center; }
  footer > .f-wrap {
    position: relative;
    padding: 4.3571428571rem 0 4.6428571429rem;
    width: 71.4285714286rem;
    margin: 0 auto; }
  footer .f-logo {
    float: left;
    margin-right: 2.2142857143rem; }
  footer .info-wrap {
    float: left;
    font-size: 0.7142857143rem;
    font-weight: 700; }
    footer .info-wrap .f-menu li {
      display: inline-block;
      padding: 0 .571rem 0 .286rem;
      position: relative; }
      footer .info-wrap .f-menu li:nth-of-type(1) {
        padding-left: 0; }
      footer .info-wrap .f-menu li:after {
        content: '';
        display: block;
        position: absolute;
        width: 0.0714285714rem;
        height: 100%;
        background: #dbdbdb;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      footer .info-wrap .f-menu li:last-of-type:after {
        display: none; }
    footer .info-wrap .copy {
      color: rgba(255,255,255,0.5);
      padding-top: 1.429rem;
      font-weight: initial;}
    footer .info-wrap .sns-wrap {
      margin-top: 2.143rem; }
      footer .info-wrap .sns-wrap li {
        display: inline-block;
        margin-right: 1.0714285714rem; }
        footer .info-wrap .sns-wrap li span {
          display: block;
          width: 2.1428571429rem;
          height: 2.1428571429rem; }
  footer .family {
    float: right;
    padding-top: 2.1428571429rem; }
    footer .family > a {
      display: inline-block;
      padding-left: 2.1428571429rem; }
  footer .p-txt {
    position: absolute;
    display: block;
    right: 0;
    bottom: 5rem;
    font-size: 0.7142857143rem;
    font-weight: 200;
    opacity: .2; }

/* Footer E */
/* Main S */
main {
  padding-top: 9.2857142857rem;
  /* Main Banner S */
  /* Main Banner E */
  /* News S */
  /* News E */
  /* Tv S */
  /* Tv E */
  /* Photo S */
  /* Photo E */
  /* Board S */
  /* Board E */
  /* Last S */
  /* Last E */
  /* 경기 결과 S */ }
  main .con {
    position: relative;
    width: 71.4285714286rem;
    margin: 0 auto; }
    main .con .more {
      position: absolute;
      right: 0;
      top: 6.4285714286rem; }
  main h2 {
    display: inline-block;
    color: #071d3d;
    font-weight: 900;
    font-size: 1.7142857143rem;
    padding: 6.4285714286rem 0 0; }
    main h2 + p {
      display: inline-block;
      color: rgba(7, 29, 61, 0.7);
      font-size: 1.1428571429rem;
      padding-left: 0.9285714286rem; }
  main .main-banner {
    position: relative;
    width: 100%;
    background-size: auto 100%;
    color: #fff; }
    main .main-banner:before {
      content: '';
      width: 0.0714285714rem;
      height: 2.1428571429rem;
      background: rgba(255, 255, 255, 0.2);
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      bottom: -3.5001428571rem;
      z-index: 6; }
    main .main-banner:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -4.643rem;
      width: 100%;
      height: 4.6428571429rem;
      background: #0c2444;
      z-index: 5; }
    main .main-banner .slider {
      position: relative;
      height: 430px;
      text-align: center;
      margin: 0 auto; }
main .main-banner .slider img {
  height: 430px;
  max-width: initial;
  margin: 0 auto;
  position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
main .main-banner .slider .swiper-slide > img {
        width: 100%; }
      main .main-banner .slider .swiper-pagination {
        position: absolute;
        bottom: 1.25rem; }
      main .main-banner .slider .swiper-pagination-bullet {
        background: #fff; }
    main .main-banner .con {
      box-sizing: border-box;
      height: 100%;
      padding-top: 4.2142857143rem; }
    main .main-banner h2 {
      font-size: 3rem;
      color: #d7d8d2;
      padding: 0 0 3.7857142857rem; }
    main .main-banner .today-box {
      width: 21.4285714286rem; }
      main .main-banner .today-box h3 {
        font-size: 1.7142857143rem;
        font-weight: 700;
        padding-bottom: 1.4285714286rem; }
        main .main-banner .today-box h3 a:after {
          content: '';
          display: inline-block;
          width: 0.7142857143rem;
          height: 1.2857142857rem;
          margin-left: 0.6428571429rem;
          background: url(../images/str_more.png) no-repeat center center; }
      main .main-banner .today-box .box {
        width: 100%;
        padding: 2.1428571429rem 1.7857142857rem 2.4285714286rem;
        box-sizing: border-box;
        text-align: center;
        box-shadow: 1.5428571429rem 1.4857142857rem 4.2857142857rem 0 rgba(15, 16, 16, 0.4);
        background-color: #1b324f;
        border-radius: 0.2857142857rem;
        background-color: rgba(255, 255, 255, 0.14); }
      main .main-banner .today-box .date {
        display: block;
        font-size: 0.9642857143rem;
        font-weight: 500;
        padding-bottom: 0.7857142857rem; }
      main .main-banner .today-box .f-wrap > span {
        display: block;
        float: left;
        width: 33.33%;
        font-size: 0.8928571429rem;
        font-weight: 500; }
        main .main-banner .today-box .f-wrap > span img {
          display: block;
          margin: 0 auto 0.7142857143rem; }
        main .main-banner .today-box .f-wrap > span .score {
          font-size: 1.7142857143rem;
          font-weight: 700;
          display: block;
          margin: 0 auto 0.7142857143rem;
          line-height: 5.1428571429rem; }
        main .main-banner .today-box .f-wrap > span .ico-win {
          margin: 0 0.6428571429rem 0 0;
          vertical-align: middle; }
    main .main-banner .board-box {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      width: 71.4285714286rem;
      bottom: -4.643rem;
      z-index: 10; }
      main .main-banner .board-box > .item {
        position: relative;
        float: left;
        width: 50%;
        padding: 1.8571428571rem 1.8571428571rem 1.8571428571rem 0;
        height: 4.6428571429rem;
        box-sizing: border-box; }
        main .main-banner .board-box > .item + .item {
          padding: 1.8571428571rem 0 1.8571428571rem 1.8571428571rem; }
      main .main-banner .board-box [class*="txt-"] {
        font-weight: 500;
        float: left;
        display: block; }
      main .main-banner .board-box .txt {
        padding: 0 2.1428571429rem;
        font-weight: 500;
        color: #fff;
        font-size: 1rem;
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 1.2em;
        display: inline-block;
        width: 27.7142857143rem;
        height: 1.2em; }
      main .main-banner .board-box .date {
        font-size: 0.8571428571rem;
        line-height: 1rem;
        color: #ebebeb;
        font-weight: 300;
        float: right;
        display: block; }
  main .news .con {
    padding-bottom: 8.5714285714rem; }
  main .news .slider {
    padding: 2.8571428571rem 2.4285714286rem 0; }
  main .news .gall {
    overflow: hidden; }
    main .news .gall .swiper-slide {
      border: 0.0714285714rem solid #c8c8c8;
      box-sizing: border-box; }
    main .news .gall .img {
      display: block; }
    main .news .gall .title {
      min-height: 4.2857142857rem; }
  main .tv {
    background: #eef3f8; }
    main .tv h2 .ico {
      vertical-align: middle;
      margin-right: 0.6428571429rem; }
    main .tv .con > .f-wrap {
      padding: 3.5714285714rem 0 5.9285714286rem; }
    main .tv .video-gall {
      float: left;
      width: 42.1428571429rem;
      max-width: calc(50% - 0.7142857143rem); }
      main .tv .video-gall > a {
        display: block;
        background: transparent; }
        main .tv .video-gall > a .img-wrap {
          display: block;
          width: 100%;
          height: 19.7rem;
          position: relative;
          overflow: hidden; }
        main .tv .video-gall > a .ab-box {
          position: static;
          padding: 0; }
          main .tv .video-gall > a .ab-box .date {
            color: #ccc;
            font-size: 1.1428571429rem; }
          main .tv .video-gall > a .ab-box .title {
            color: #121212;
            font-weight: 500;
            padding: 1.0714285714rem 0 1.4285714286rem;
            font-size: 1.7142857143rem; }
        main .tv .video-gall > a.new .date:after {
          content: 'N';
          position: relative;
          right: -0.3571428571rem;
          top: 0.1428571429rem;
          display: inline-block;
          width: 1.1428571429rem;
          height: 1.1428571429rem;
          color: #fff;
          line-height: 1.1428571429rem;
          font-weight: 700;
          font-size: 0.7142857143rem;
          background: #ee2529;
          text-align: center;
          vertical-align: top;
          border-radius: 0.2857142857rem; }
      main .tv .video-gall + .gall {
        float: right;
        width: calc(50% - 2.1428571429rem); }
        main .tv .video-gall + .gall > div {
          margin-bottom: 0.4285714286rem; }
          main .tv .video-gall + .gall > div .title {
            padding-top: 1.2857142857rem; }
  main .photo .gall {
    padding-top: 2.8571428571rem; }
  main .board {
    margin-top: 13.214rem;}
    main .board h2 {
      padding-top: 0; }
    main .board .more {
      top: 0; }
    main .board .tab-board {
      position: relative;
      width: 42.0714285714rem;
      max-width: calc(50% - 0.7142857143rem);
      float: left; }
    main .board .tabs {
      margin-top: 3.7857142857rem; }
    main .board .story {
      position: relative;
      float: right;
      margin-top: 8.5714285714rem;
      background: #003067 url(../images/story_bg.png) no-repeat 20.7142857143rem 9.2857142857rem;
      width: 42.1428571429rem;
      max-width: calc(50% - 0.7142857143rem);
      height: 21.9285714286rem;
      box-sizing: border-box;
      padding: 3.7142857143rem 3.5714285714rem;
      color: #b8b8b8;
      font-size: 1.1428571429rem;
      font-weight: 500; }
      main .board .story:after {
        content: '';
        position: absolute;
        right: 0;
        top: -9.5rem;
        width: 12.2857142857rem;
        height: 13.2142857143rem;
        background: url(../images/sub/mascots01.png) no-repeat center center;
        background-size: 100%;
        z-index: -1; }
      main .board .story p {
        line-height: 1.4;
        padding: 1.6428571429rem 0 3rem; }
      main .board .story .sns-wrap li {
        float: left;
        margin-right: 0.7142857143rem; }
    main .board .ban-wrap {
      padding: 6.8571428571rem 0 8.5714285714rem; }
      main .board .ban-wrap > a {
        display: inline-block;
        vertical-align: bottom;
        max-width: calc(50% - 0.7142857143rem); }
        main .board .ban-wrap > a + a {
          margin-left: 1.4285714286rem; }
  main .last > .f-wrap {
    padding: 0 0 8.5714285714rem; }
  main .last .box {
    position: relative;
    display: block;
    float: left;
    width: 27.8571428571rem;
    max-width: calc(33.33% - 0.7142857143rem);
    height: 12.8571428571rem;
    background: #eef3f8;
    box-sizing: border-box;
    padding: 2.9285714286rem 2.2142857143rem; }
    main .last .box:nth-of-type(2) {
      margin: 0 1.0714285714rem; }
    main .last .box strong {
      display: block;
      font-size: 1.5714285714rem;
      color: #003067;
      font-weight: 700;
      padding-bottom: 1.5rem; }
    main .last .box .txt {
      display: block;
      line-height: 1.4;
      font-size: 1rem;
      color: #919190; }
    main .last .box .ico {
      position: absolute;
      bottom: 2.1428571429rem;
      right: 1.0714285714rem; }
  main .timetable {
    position: relative; }
    main .timetable > .con {
      position: static; }
    main .timetable h2 {
      padding-bottom: 3rem; }
    main .timetable .slider .wrap {
      margin: 0 0.7142857143rem;
      overflow: hidden; }
      main .timetable .slider .wrap .swiper-slide {
        width: 22.6428571429rem;
        height: 17.5rem;
        border: 0.0714285714rem solid #dbdbdb;
        box-sizing: border-box;
        margin: 0 0.3571428571rem; }
        main .timetable .slider .wrap .swiper-slide .date {
          display: block;
          box-sizing: border-box;
          width: calc(100%);
          border-bottom: 0.0714285714rem solid #dbdbdb;
          line-height: 4.2857142857rem;
          font-weight: 500;
          font-size: 1.1428571429rem;
          text-align: center; }
      main .timetable .slider .wrap.style2 .swiper-slide {
        width: auto;
        border: 0;
        margin: 0; }
      main .timetable .slider .wrap.style2 .swipe-box {
        float: left;
        width: 26.1428571429rem;
        height: 17.5rem;
        border: 0.0714285714rem solid #dbdbdb;
        box-sizing: border-box;
        margin: 0 0.7142857143rem; }
        main .timetable .slider .wrap.style2 .swipe-box.w100 {
          width: 80.7142857143rem; }
        main .timetable .slider .wrap.style2 .swipe-box.w50 {
          width: 40rem; }
    main .timetable .slider .img-wrap {
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 13rem;
      box-sizing: border-box;
      padding: 0 0.7142857143rem; }
      main .timetable .slider .img-wrap > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
      main .timetable .slider .img-wrap .item {
        padding: 0.7142857143rem 0 2.2142857143rem; }
        main .timetable .slider .img-wrap .item span {
          display: block; }
        main .timetable .slider .img-wrap .item .name {
          font-weight: 500;
          color: #121212; }
        main .timetable .slider .img-wrap .item .result {
          color: #747474;
          font-weight: 400;
          padding: 0.6428571429rem 0 0; }
        /* 경기 결과 E */
        main .timetable .slider .img-wrap .score .tag {
          display: block;
          margin: 0 auto; }
        main .timetable .slider .img-wrap .score .num {
          display: block;
          font-size: 2.2857142857rem;
          font-weight: 700;
          padding: 0.3571428571rem 0 0; }
        main .timetable .slider .img-wrap .score .vs {
          display: block;
          font-size: 2.2857142857rem;
          font-weight: 700;
          padding: 0rem 0 0; }
        main .timetable .slider .img-wrap .score .btn {
          margin-top: 1.4285714286rem; }

/* Main E */
/* Sub S */
.contents-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: 9.2857142857rem;
  min-height: 41.7857142857rem;
  /* 구단소개 S */
  /* 구단소개 E */
  /* 구단소식 S */
  /* 구단소식 E */
  /* 구단VI S */
  /* 구단VI E */
  /* 구장,시설안내 S */
  /* 구장,시설안내 E */
  /* 사회공헌 S */
  /* 사회공헌 E */
  /* 후원/제휴 S */
  /* 후원/제휴 E */
  /* 정규리그 경기일정/결과 S */
  /* 정규리그 경기일정/결과 E */
  /* 박스 스코어 S */
  /* 박스 스코어 E */
  /* 온라인샵 S */
  /* 온라인샵 E */
  /* 멤버십 S */
  /* 멤버십 E */
  /* 기록실 S */
  /* 기록실 E */
  /* 팬 S */
  /* 팬 E */
  /* 스토리 S */
  /* 스토리 E */
  /* 선수단 S */
  /* 선수단 E */
  /* 이용약관 S */
  /* 이용약관 E */
  /* FAQ S */
  /* FAQ E */ }
  .contents-wrap > .top-ban {
    width: 100%;
    height: 18.5714285714rem;
    background: url(../images/sub/top_ban.png) no-repeat center center;
    background-size: cover; }
    .contents-wrap > .top-ban.style2 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban.style3 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban.style4 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban.style5 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban.style6 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban.style7 {
      background: url(../images/sub/top_ban.png) no-repeat center center;
      background-size: 100%; }
    .contents-wrap > .top-ban h2 {
      width: 71.4285714286rem;
      margin: 0 auto;
      color: #071d3d;
      font-size: 2.2857142857rem;
      font-weight: 700;
      padding: 6.4285714286rem 0 1.6428571429rem; }
    .contents-wrap > .top-ban .txt {
      width: 71.4285714286rem;
      margin: 0 auto;
      color: #071d3d;
      font-size: 1.4285714286rem;
      font-weight: 500; }
  .contents-wrap > .sort {
    width: 100%;
    border-top: 0.0714285714rem solid #dbdbdb;
    border-bottom: 0.0714285714rem solid #dbdbdb; }
    .contents-wrap > .sort > ul {
      width: 71.4285714286rem;
      margin: 0 auto;
      padding: 1.4285714286rem 0 1.2142857143rem; }
      .contents-wrap > .sort > ul li {
        float: left; }
        .contents-wrap > .sort > ul li > a {
          display: inline-block;
          margin: 0 0.7142857143rem;
          color: #747474;
          font-size: 0.8571428571rem;
          vertical-align: middle; }
        .contents-wrap > .sort > ul li:after {
          content: '';
          display: inline-block;
          margin-left: 1.1428571429rem;
          width: 0.5714285714rem;
          height: 0.5714285714rem;
          border-top: 0.1428571429rem solid #222;
          border-left: 0.1428571429rem solid #222;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
          border-color: rgba(116, 116, 116, 0.5);
          border-width: 0.0714285714rem;
          width: 0.4285714286rem;
          height: 0.4285714286rem;
          margin: 0; }
        .contents-wrap > .sort > ul li:nth-last-of-type(1) a {
          color: #000;
          font-weight: 700; }
        .contents-wrap > .sort > ul li:nth-last-of-type(1):after {
          display: none; }
    .contents-wrap > .sort + div {
      padding: 6.4285714286rem 0 8.5714285714rem; }
    .contents-wrap > .sort + .social {
      padding-bottom: 0; }
    .contents-wrap > .sort + .timetable {
      padding-bottom: 0; }
    .contents-wrap > .sort + .membership {
      padding: 0 0 4.2857142857rem; }
  .contents-wrap .con {
    width: 71.4285714286rem;
    margin: 0 auto; }
    .contents-wrap .con .tit {
      display: block;
      font-size: 1.8571428571rem;
      font-weight: 700;
      color: #071d3d;
      padding-bottom: 2.8571428571rem; }
      .contents-wrap .con .tit .small {
        font-size: 1.1428571429rem;
        font-weight: 500;
        margin-left: 0.3571428571rem; }
      .contents-wrap .con .tit .str {
        color: rgba(0, 48, 103, 0.4); }
  .contents-wrap .tabs,
  .contents-wrap .tabs2 {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-left: 0.0714285714rem solid #dbdbdb;
    margin-bottom: 6.2857142857rem; }
    .contents-wrap .tabs li,
    .contents-wrap .tabs2 li {
      display: table-cell;
      cursor: pointer;
      text-align: center;
      line-height: 4.8571428571rem;
      border: 0.0714285714rem solid #dbdbdb;
      border-left: 0;
      background: #f3f3f3;
      font-weight: 500;
      font-size: 1.0714285714rem; }
      .contents-wrap .tabs li.active,
      .contents-wrap .tabs2 li.active {
        color: #fff;
        background: #1e457c; }
  .contents-wrap .box {
    position: relative;
    padding-bottom: 8.5714285714rem; }
    .contents-wrap .box:nth-last-of-type(1), .contents-wrap .box.last {
      padding: 0; }
    .contents-wrap .box h4 {
      font-size: 1.1428571429rem;
      font-weight: 700;
      color: #071d3d;
      padding-bottom: 1.4285714286rem; }
    .contents-wrap .box .txt {
      position: relative;
      line-height: 1.6;
      font-size: 0.9642857143rem;
      margin-bottom: 2.1428571429rem; }
      .contents-wrap .box .txt .btn-wrap {
        position: absolute;
        right: 0;
        bottom: 0; }
        .contents-wrap .box .txt .btn-wrap.pb15 {
          bottom: 1.0714285714rem; }
        .contents-wrap .box .txt .btn-wrap .btn {
          width: 160px; }
    .contents-wrap .box > .btn-wrap.p-right {
      position: absolute;
      right: 0;
      top: -1.0714285714rem; }
      .contents-wrap .box > .btn-wrap.p-right .btn {
        width: 160px; }
    .contents-wrap .box > .bg {
      position: relative;
      padding: 4.2857142857rem 0 2.1428571429rem; }
      .contents-wrap .box > .bg:after {
        content: '';
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        opacity: .4; }
      .contents-wrap .box > .bg.dandi {
        margin-bottom: 10.9285714286rem; }
        .contents-wrap .box > .bg.dandi:after {
          background: #5b8ebd; }
        .contents-wrap .box > .bg.dandi:before {
          content: '';
          position: absolute;
          right: 0;
          top: 0;
          width: 40rem;
          height: 26.5714285714rem;
          background: url(../images/sub/mascots01.png) no-repeat center center; }
      .contents-wrap .box > .bg.serry {
        margin-bottom: 11.1428571429rem;
        padding-left: 47.5rem; }
        .contents-wrap .box > .bg.serry:after {
          background: #ededed; }
        .contents-wrap .box > .bg.serry:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 46rem;
          height: 28.2857142857rem;
          background: url(../images/sub/mascots02.png) no-repeat center center; }
    .contents-wrap .box > .img {
      border: 0.0714285714rem solid #dbdbdb; }
  .contents-wrap > .story {
    background: url(../images/sub/sub_bg.png) no-repeat right -6.4285714286rem;
    color: #121212; }
    .contents-wrap > .story .con:nth-of-type(1) {
      background: url(../images/sub/mascot.jpg) no-repeat 0 4.5714285714rem;
      background-size: 39.2857142857rem; }

      .contents-wrap > .story .con:nth-of-type(1) p {
        margin: 0 0 4.2857142857rem 39.5rem;
        font-weight: 500;
        font-size: 1.8571428571rem;
        line-height: 1.4; }
        .contents-wrap > .story .con.junior p { margin-bottom: 3rem;}
      .contents-wrap > .story .con:nth-of-type(1) .s-txt {
        position: relative;
        font-size: 1rem;
        padding-top: 1.3571428571rem;
        margin-bottom: 0;
        line-height: 1.6;
        padding-bottom: 12.8571428571rem;
        font-weight: 400; }
        .contents-wrap > .story .con:nth-of-type(1) .s-txt::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 1.8571428571rem;
          height: 0.2857142857rem;
          background: #071d3d; }
    .contents-wrap > .story .con:nth-of-type(2) {
      width: 100%;
      background: #eef3f8; }
      .contents-wrap > .story .con:nth-of-type(2) .box {
        width: 71.4285714286rem;
        margin: 0 auto;
        padding: 11.7142857143rem 0;
        background: url(../images/sub/changwon.png) no-repeat center right;
        background-size: 35.7142857143rem; }
      .contents-wrap > .story .con:nth-of-type(2) .tit {
        padding: 0 0 1.5714285714rem; }
      .contents-wrap > .story .con:nth-of-type(2) p {
        line-height: 1.8; }
      .contents-wrap > .story .con:nth-of-type(2) strong.tit {
        padding-top: 4.5rem; }
      .contents-wrap > .story .con:nth-of-type(2) strong.tit2 {
        padding-top: 2.5rem; padding-bottom: 1.5rem; font-size: 1.5rem; display: block; font-weight: 700; color: #071d3d; }
    .contents-wrap > .story .history {
      padding: 8.5714285714rem 0 0; }
      .contents-wrap > .story .history .tabs {
        margin-bottom: 2.1428571429rem; }
      .contents-wrap > .story .history .ban {
        margin-bottom: 2.8571428571rem; }
      .contents-wrap > .story .history .year {
        width: 16.4285714286rem;
        float: left;
        font-weight: 700;
        color: #c7a079;
        border-top: 0.1428571429rem solid #c7a079; }
        .contents-wrap > .story .history .year > div {
          box-sizing: border-box; }
          .contents-wrap > .story .history .year > div.item1 {
            height: calc(4.2857142857rem * 1); }
          .contents-wrap > .story .history .year > div.item2 {
            height: calc(4.2857142857rem * 2); }
          .contents-wrap > .story .history .year > div.item3 {
            height: calc(4.2857142857rem * 3); }
          .contents-wrap > .story .history .year > div.item4 {
            height: calc(4.2857142857rem * 4); }
          .contents-wrap > .story .history .year > div.item5 {
            height: calc(4.2857142857rem * 5); }
          .contents-wrap > .story .history .year > div.item6 {
            height: calc(4.2857142857rem * 6); }
          .contents-wrap > .story .history .year > div.item7 {
            height: calc(4.2857142857rem * 7); }
          .contents-wrap > .story .history .year > div.item8 {
            height: calc(4.2857142857rem * 8); }
          .contents-wrap > .story .history .year > div.item9 {
            height: calc(4.2857142857rem * 9); }
          .contents-wrap > .story .history .year > div.item10 {
            height: calc(4.2857142857rem * 10); }
          .contents-wrap > .story .history .year > div:nth-of-type(1) {
            margin-top: -0.1428571429rem; }
        .contents-wrap > .story .history .year strong {
          display: block;
          font-size: 3rem;
          padding: 1.0714285714rem 0.7142857143rem 1.4285714286rem; }
          .contents-wrap > .story .history .year strong + span {
            display: block;
            padding: 0 0.7142857143rem;
            font-size: 1.1428571429rem;
            font-weight: 700;
            line-height: 1.6; }
        .contents-wrap > .story .history .year .line {
          font-size: 1.1428571429rem;
          line-height: 4.0714285714rem;
          border-top: 0.1428571429rem solid #c7a079; }
      .contents-wrap > .story .history .info {
        width: 53.5714285714rem;
        float: right; }
        .contents-wrap > .story .history .info li {
          min-height: 4.2857142857rem;
          box-sizing: border-box; }
  .contents-wrap > .news .sch-wrap .btn {
    width: 7.1428571429rem; }
  .contents-wrap > .news .view {
    padding-bottom: 6.4285714286rem; }
    .contents-wrap > .news .view .title-wrap {
      padding: 0 0 2.6428571429rem;
      border-bottom: 0.1428571429rem solid #071d3d; }
      .contents-wrap > .news .view .title-wrap .title {
        font-size: 1.5714285714rem;
        color: #071d3d;
        font-weight: 700;
        display: block;
        line-height: 1.6;
        padding: 0.7142857143rem 0 1.4285714286rem; }
      .contents-wrap > .news .view .title-wrap .sort-wrap span {
        display: inline-block;
        color: #747474;
        font-size: 0.8571428571rem;
        padding-right: 1rem;
        margin-right: 0.7142857143rem;
        position: relative; }
        .contents-wrap > .news .view .title-wrap .sort-wrap span:after {
          content: '';
          display: block;
          position: absolute;
          width: 0.0714285714rem;
          height: 100%;
          background: #dbdbdb;
          top: 50%;
          right: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .contents-wrap > .news .view .title-wrap .sort-wrap span:last-of-type:after {
          display: none; }
        .contents-wrap > .news .view .title-wrap .sort-wrap span.check:before {
          content: '';
          width: 1rem;
          height: 1rem;
          background: url(../images/sub/ico_check.png) no-repeat center center;
          vertical-align: middle;
          display: inline-block;
          margin: -0.1428571429rem 0.2857142857rem 0; }
    .contents-wrap > .news .view .view-cont {
      position: relative;
      padding: 3.1428571429rem 0 2.8571428571rem; }
      .contents-wrap > .news .view .view-cont .txt-wrap {
        position: relative;
        padding: 2.8571428571rem 0;
        border-bottom: 0.0714285714rem solid #dbdbdb; }
        .contents-wrap > .news .view .view-cont .txt-wrap p {
          line-height: 1.6; }
      .contents-wrap > .news .view .view-cont .btn-wrap {
        padding-top: 2.8571428571rem; }
        .contents-wrap > .news .view .view-cont .btn-wrap .btn {
          display: block;
          float: left;
          background: #f3f3f3; }
          .contents-wrap > .news .view .view-cont .btn-wrap .btn:last-of-type {
            float: right; }
  .contents-wrap > .vi .vi-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
    .contents-wrap > .vi .vi-box .item {
      display: table-cell;
      text-align: center;
      border: 0.0714285714rem solid #dbdbdb; }
      .contents-wrap > .vi .vi-box .item img {
        display: block;
        margin: 4.2857142857rem auto; }
      .contents-wrap > .vi .vi-box .item .txt {
        display: block;
        width: 100%;
        border-top: 0.0714285714rem solid #dbdbdb;
        line-height: 4.2857142857rem;
        margin: 0; }
    .contents-wrap > .vi .vi-box .color {
      display: block;
      height: 13.1428571429rem; }
    .contents-wrap > .vi .vi-box .txt-box {
      text-align: left;
      padding: 1.4285714286rem 0.7142857143rem;
      font-size: 0.9642857143rem; }
      .contents-wrap > .vi .vi-box .txt-box span[class*="txt-"] {
        display: block;
        padding-bottom: 1.0714285714rem;
        font-weight: 500; }
    .contents-wrap > .vi .vi-box .color-box span {
      display: inline-block;
      min-width: 2.8571428571rem;
      box-sizing: border-box;
      padding-right: 0.7142857143rem;
      padding-top: 0.7142857143rem; }
  .contents-wrap > .vi .vi-box2 .grid {
    position: relative;
    float: left;
    width: 42.1428571429rem;
    max-width: 50%;
    height: 42.1428571429rem;
    background: url(../images/sub/img_grid.png);
    background-size: 100% 100%; }
    .contents-wrap > .vi .vi-box2 .grid img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .contents-wrap > .vi .vi-box2 .vi-box {
    float: right;
    width: 42.1428571429rem;
    max-width: 50%;
    display: block; }
    .contents-wrap > .vi .vi-box2 .vi-box .item {
      display: block;
      float: left;
      width: 50%;
      box-sizing: border-box; }
      .contents-wrap > .vi .vi-box2 .vi-box .item img {
        margin: 3.5rem auto; }
      .contents-wrap > .vi .vi-box2 .vi-box .item:nth-of-type(2), .contents-wrap > .vi .vi-box2 .vi-box .item:nth-of-type(4) {
        border-left: 0; }
      .contents-wrap > .vi .vi-box2 .vi-box .item:nth-of-type(1), .contents-wrap > .vi .vi-box2 .vi-box .item:nth-of-type(2) {
        border-bottom: 0; }
  .contents-wrap > .vi .mascots .img {
    position: relative;
    width: 42.8571428571rem;
    max-width: 50%;
    height: 28.5714285714rem;
    float: left;
    border: 0.0714285714rem solid #dbdbdb; }
    .contents-wrap > .vi .mascots .img img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .contents-wrap > .vi .mascots .txt-box {
    width: 40rem;
    max-width: calc(50% - 1.4285714286rem);
    float: right; }
    .contents-wrap > .vi .mascots .txt-box strong {
      display: block;
      font-size: 1.4285714286rem;
      font-weight: 700;
      padding-bottom: 1.5rem; }
      .contents-wrap > .vi .mascots .txt-box strong .small {
        display: inline-block;
        margin-left: 0.7142857143rem;
        color: rgba(0, 48, 103, 0.4); }
    .contents-wrap > .vi .mascots .txt-box .txt {
      font-size: 1rem; }
    .contents-wrap > .vi .mascots .txt-box .bg-gray-light {
      background: #eef3f8;
      box-sizing: border-box;
      padding: 2.1428571429rem 0rem 2.1428571429rem 3.4285714286rem;
      text-align: left;
      margin-top: 3rem;
      line-height: 1.8; }
      .contents-wrap > .vi .mascots .txt-box .bg-gray-light > span {
        position: relative;
        display: block;
        float: left;
        font-size: 1rem;
        color: #646464; }
        .contents-wrap > .vi .mascots .txt-box .bg-gray-light > span + span {
          width: 21.4285714286rem;
          padding-left: 2.8571428571rem; }
        .contents-wrap > .vi .mascots .txt-box .bg-gray-light > span.bar {
          width: 5.1428571429rem; }
          .contents-wrap > .vi .mascots .txt-box .bg-gray-light > span.bar .str {
            font-size: 1.4285714286rem;
            font-weight: 500; }
          .contents-wrap > .vi .mascots .txt-box .bg-gray-light > span.bar:after {
            content: '';
            width: 0.0714285714rem;
            height: 4.2857142857rem;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            right: 0;
            background: #1e457c;
            opacity: .1; }
    .contents-wrap > .vi .mascots .txt-box .btn {
      margin-top: 2.8571428571rem;
      width: 11.4285714286rem; }
  .contents-wrap .stadium .box.f-wrap .left {
    float: left; }
    .contents-wrap .stadium .box.f-wrap .left .txt {
      margin-bottom: 3.1428571429rem; }
  .contents-wrap .stadium .box.f-wrap .table-wrap {
    float: right;
    width: 26.4285714286rem;
    margin-bottom: 2.8571428571rem;
    font-size: 0.9642857143rem; }
  .contents-wrap .stadium .box.f-wrap .img-wrap {
    float: left;
    width: 100%; }
  .contents-wrap .stadium .box.f-wrap .txt {
    padding-top: 0.8571428571rem; }
  .contents-wrap .stadium .box.f-wrap.style2 .table-wrap {
    width: 38%; }
    .contents-wrap .stadium .box.f-wrap.style2 .table-wrap td, .contents-wrap .stadium .box.f-wrap.style2 .table-wrap th {
      line-height: 1.6;
      padding-left: 0.7142857143rem;
      padding-right: 0.7142857143rem;
      word-break: keep-all; }
  .contents-wrap .stadium .box > .img {
    text-align: center;
    padding: 2.1428571429rem 2.1428571429rem 3.5714285714rem; }
    .contents-wrap .stadium .box > .img img + img {
      padding-top: 4.2857142857rem; }
  .contents-wrap .stadium .box .tabs, .contents-wrap .stadium .box .tabs2 {
    margin-bottom: 2.1428571429rem; }
  .contents-wrap .stadium .box .tab-container .ban,
  .contents-wrap .stadium .box .tab-container2 .ban {
    margin-bottom: 2.1428571429rem; }
    .contents-wrap .stadium .box .tab-container .ban + .img,
    .contents-wrap .stadium .box .tab-container2 .ban + .img {
      border: 0.0714285714rem solid #dbdbdb;
      text-align: center;
      padding: 3.5714285714rem 0 4.2857142857rem;
      margin-bottom: 2.1428571429rem; }
  .contents-wrap .social .tit + .txt {
    color: rgba(7, 29, 61, 0.7);
    font-size: 1.1428571429rem;
    padding-bottom: 7.1428571429rem;
    line-height: 1.6;
  }
.contents-wrap .social .cont {position: relative;}
.contents-wrap .social .cholok_logo {
  position: absolute;
  top: 20px;
  right: 0;
}
  .contents-wrap .social .partner h4 {
    font-size: 1.4285714286rem;
    font-weight: 700;
    color: #071d3d;
    padding-bottom: 2.1428571429rem; }
  .contents-wrap .social .partner .f-wrap {
    margin-bottom: 6.7142857143rem; }
  .contents-wrap .social .partner .img {
    position: relative;
    display: block;
    float: left;
    border: 0.0714285714rem solid #dbdbdb;
    width: 42.1428571429rem;
    max-width: calc(50% - 0.7142857143rem);
    height: 9.2857142857rem; }
    .contents-wrap .social .partner .img + .img {
      float: right; }
    .contents-wrap .social .partner .img img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .contents-wrap .social .bg {
    position: relative;
    box-sizing: border-box;
    padding: 6.25rem 0 9.375rem; }
    .contents-wrap .social .bg .tit-box h4 {
      font-size: 1.7142857143rem;
      font-weight: 700;
      color: #071d3d;
      display: inline-block;
      margin-right: 0.625rem;
      vertical-align: top; }
      .contents-wrap .social .bg .tit-box h4 + .btn {
        border-color: #003067;
        vertical-align: middle; }
    .contents-wrap .social .bg .tit-box img {
      display: block;
      padding-top: 0.9285714286rem; }
    .contents-wrap .social .bg .img {
      text-align: center; }
    .contents-wrap .social .bg .box h5 {
      font-size: 1.4285714286rem;
      font-weight: 700;
      color: #071d3d;
      padding-bottom: 3.5714285714rem; }
    .contents-wrap .social .bg .box .num {
      display: block;
      font-size: 1.4285714286rem;
      font-weight: 700;
      color: #003067;
      text-align: center;
      width: 2.4285714286rem;
      height: 2.4285714286rem;
      line-height: 2rem;
      border-radius: 100%;
      border: 0.2142857143rem solid #053267;
      box-sizing: border-box;
      background: #fff;
      margin-bottom: 1.25rem; }
    .contents-wrap .social .bg .box li {
      position: relative;
      float: left;
      width: 50%;
      box-sizing: border-box;
      margin-bottom: 5rem; }
      .contents-wrap .social .bg .box li:nth-child(3), .contents-wrap .social .bg .box li:nth-child(4) {
        margin-bottom: 0; }
      .contents-wrap .social .bg .box li:nth-child(2n) {
        padding-left: 1.8571428571rem; }
      .contents-wrap .social .bg .box li:nth-child(2n - 1) {
        padding-right: 1.8571428571rem; }
        .contents-wrap .social .bg .box li:nth-child(2n - 1) button {
          right: 1.8571428571rem; }
      .contents-wrap .social .bg .box li .btn-line {
        position: absolute;
        right: 0;
        top: 0; }
      .contents-wrap .social .bg .box li .item {
        float: left;
        width: calc(50% - 0.3571428571rem);
        box-sizing: border-box;
        margin-bottom: 0.7142857143rem; }
        .contents-wrap .social .bg .box li .item:nth-child(2n) {
          float: right; }
        .contents-wrap .social .bg .box li .item.blue {
          height: 7.8rem;
          background: url(../images/sub/blue_bg.png) no-repeat center center;
          background-size: 100%;
          padding: 1.9285714286rem; }
          .contents-wrap .social .bg .box li .item.blue img:nth-of-type(1) {
            padding-bottom: 1.6428571429rem; }
          .contents-wrap .social .bg .box li .item.blue img.pb15 {
            padding-bottom: 1.0714285714rem; }
        .contents-wrap .social .bg .box li .item.white {
          height: 7.8rem;
          background: url(../images/sub/wh_bg.png) no-repeat center center;
          background-size: 100%;
          padding: 1.75rem 1.9285714286rem; }
        .contents-wrap .social .bg .box li .item dl {
          width: 100%; }
        .contents-wrap .social .bg .box li .item dt, .contents-wrap .social .bg .box li .item dd {
          display: block;
          float: left;
          font-size: 1rem;
          color: #071d3d;
          width: 50%;
          padding-bottom: 1.3571428571rem;
          line-height: 1.5rem; }
        .contents-wrap .social .bg .box li .item dd {
          text-align: right; }
          .contents-wrap .social .bg .box li .item dd strong {
            font-weight: 700;
            font-size: 30px;
            display: inline-block;
            vertical-align: text-top;
            margin-right: 0.3571428571rem; }
    .contents-wrap .social .bg:after {
      content: '';
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      top: 0;
      min-width: 100%;
      width: 100vw;
      height: 100%;
      background: #eef3f8 /* url(../images/sub/social_bg.png) no-repeat center bottom*/ ;
      background-size: 100%;
      z-index: -1; }
  .contents-wrap .partner-page h4 {
    font-size: 1.4285714286rem; }
  .contents-wrap .partner-page .box .item {
    position: relative;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    border: 0.0714285714rem solid #dbdbdb;
    width: 20.3571428571rem;
    max-width: calc(25% - 1.0714285714rem);
    height: 12.8571428571rem;
    margin: 0 1.4285714286rem 1.4285714286rem 0;
    text-align: center; }
    .contents-wrap .partner-page .box .item:nth-of-type(4n) {
      margin-right: 0; }
    .contents-wrap .partner-page .box .item:nth-last-of-type(n):nth-last-of-type(-n+4) {
      margin-bottom: 0; }
    .contents-wrap .partner-page .box .item img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin-top: -2.1428571429rem;
      max-width: 90%; }
    .contents-wrap .partner-page .box .item .txt {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      display: block;
      border-top: 0.0714285714rem solid #dbdbdb;
      line-height: 4.2857142857rem;
      padding: 0;
      margin: 0; }
  .contents-wrap .timetable .slider .wrap {
    margin: 0 0.7142857143rem;
    overflow: hidden; }
    .contents-wrap .timetable .slider .wrap .swiper-slide {
      width: 22.6428571429rem;
      height: 17.5rem;
      border: 0.0714285714rem solid #dbdbdb;
      box-sizing: border-box;
      margin: 0 0.3571428571rem; }
      .contents-wrap .timetable .slider .wrap .swiper-slide .date {
        display: block;
        box-sizing: border-box;
        width: calc(100%);
        border-bottom: 0.0714285714rem solid #dbdbdb;
        line-height: 4.2857142857rem;
        font-weight: 500;
        font-size: 1.1428571429rem;
        text-align: center; }
    .contents-wrap .timetable .slider .wrap.style2 .swiper-slide {
      width: auto;
      border: 0;
      margin: 0; }
    .contents-wrap .timetable .slider .wrap.style2 .swipe-box {
      float: left;
      width: 26.1428571429rem;
      height: 17.5rem;
      border: 0.0714285714rem solid #dbdbdb;
      box-sizing: border-box;
      margin: 0 0.7142857143rem; }
      .contents-wrap .timetable .slider .wrap.style2 .swipe-box.w100 {
        width: 80.7142857143rem; }
      .contents-wrap .timetable .slider .wrap.style2 .swipe-box.w50 {
        width: 40rem; }
  .contents-wrap .timetable .slider .img-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 13rem;
    box-sizing: border-box;
    padding: 0 0.7142857143rem; }
    .contents-wrap .timetable .slider .img-wrap > div {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
    .contents-wrap .timetable .slider .img-wrap .item span {
      display: block; }
    .contents-wrap .timetable .slider .img-wrap .item .name {
      font-weight: 500;
      color: #121212; }
    .contents-wrap .timetable .slider .img-wrap .item .result {
      color: #747474;
      font-weight: 400;
      padding: 0.6428571429rem 0 0; }
    .contents-wrap .timetable .slider .img-wrap .score .tag {
      display: block;
      margin: 0 auto; }
    .contents-wrap .timetable .slider .img-wrap .score .num {
      display: block;
      font-size: 2.2857142857rem;
      font-weight: 700;
      padding: 0.3571428571rem 0 0; }
    .contents-wrap .timetable .slider .img-wrap .score .vs {
      display: block;
      font-size: 2.2857142857rem;
      font-weight: 700;
      padding: 0.7142857143rem 0 0; }
    .contents-wrap .timetable .slider .img-wrap .score .btn {
      margin-top: 1.4285714286rem; }
  .contents-wrap .timetable .calendar-wrap {
    position: relative;
    padding: 6.4285714286rem 0 8.5714285714rem; }
    .contents-wrap .timetable .calendar-wrap:after {
      content: '';
      width: 100vw;
      height: 100%;
      background: #eef3f8;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: -1; }
    .contents-wrap .timetable .calendar-wrap .tabs {
      width: 20rem;
      margin-bottom: 2.2857142857rem; }
      .contents-wrap .timetable .calendar-wrap .tabs li {
        line-height: 3.5714285714rem; }
    .contents-wrap .timetable .calendar-wrap .date-wrap {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      top: 6.4285714286rem;
      z-index: 10; }
      .contents-wrap .timetable .calendar-wrap .date-wrap + .btn-line {
        position: absolute;
        right: 0;
        top: 6.4285714286rem;
        padding: 1.1428571429rem 1.4285714286rem 1.1428571429rem;
        font-size: 1.1428571429rem; }
    .contents-wrap .timetable .calendar-wrap .table {
      font-weight: 500;
      font-family: 'Roboto','NotoSansKR',sans-serif;
      border-right: 0.0714285714rem solid #dbdbdb;
      margin-bottom: 1.4285714286rem; }
      .contents-wrap .timetable .calendar-wrap .table th {
        border: 0; }
      .contents-wrap .timetable .calendar-wrap .table td img {
        display: inline-block;
        width: 4.6428571429rem;
        line-height: 5.1428571429rem;
        vertical-align: middle;
        margin: 0 0.5rem; }
        .contents-wrap .timetable .calendar-wrap .table td img + .txt {
          display: inline-block;
          line-height: 5.1428571429rem;
          vertical-align: middle;
          margin: 0 0.5rem; }
      .contents-wrap .timetable .calendar-wrap .table td .score.roboto {
        font-size: 1.1428571429rem;
        display: inline-block;
        line-height: 1.7142857143rem;
        vertical-align: middle;
        margin-right: 0.4285714286rem; }
      .contents-wrap .timetable .calendar-wrap .table td .score.cancel {
        opacity: .5;
        color: rgba(7, 29, 61, 0.5); }
      .contents-wrap .timetable .calendar-wrap .table td .btn-link:after {
        content: '';
        display: inline-block;
        margin-left: 1.1428571429rem;
        width: 0.5714285714rem;
        height: 0.5714285714rem;
        border-top: 0.1428571429rem solid #222;
        border-left: 0.1428571429rem solid #222;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        margin: 0 0 0 -0.3571428571rem;
        border-color: #747474;
        width: 0.7142857143rem;
        height: 0.7142857143rem; }
    .contents-wrap .timetable .calendar-wrap .txt-red, .contents-wrap .timetable .calendar-wrap .txt-blue {
      font-size: 1.1428571429rem;
      display: inline-block;
      margin-right: 0.2857142857rem;
      font-weight: 700; }
    .contents-wrap .timetable .calendar-wrap .sort ul {
      float: left;
      margin-top: 1.3571428571rem; }
      .contents-wrap .timetable .calendar-wrap .sort ul li {
        display: inline-block;
        margin-right: 1.4285714286rem;
        color: #747474; }
    .contents-wrap .timetable .calendar-wrap .sort .p-right {
      float: right; }
    .contents-wrap .timetable .calendar-wrap .ban-wrap {
      margin-top: 5rem; }
      .contents-wrap .timetable .calendar-wrap .ban-wrap > a {
        display: block;
        float: left;
        width: 42.1428571429rem;
        max-width: calc(50% - 0.7142857143rem);
        box-sizing: border-box;
        padding: 3.2857142857rem 2.2142857143rem;
        color: #fff;
        background: url(../images/sub/timetable_ban01.png) no-repeat center center;
        background-size: 100%; }
        .contents-wrap .timetable .calendar-wrap .ban-wrap > a + a {
          float: right;
          background: url(../images/sub/timetable_ban02.png) no-repeat center center;
          background-size: 100%; }
        .contents-wrap .timetable .calendar-wrap .ban-wrap > a strong {
          display: block;
          font-size: 1.7142857143rem;
          font-weight: 700;
          padding-bottom: 0.8571428571rem; }
    .contents-wrap .timetable .calendar-wrap .calendar {
      width: 100%;
      height: 28.5714285714rem;
      background: #eee; }
  .contents-wrap .score-page .sort {
    padding-bottom: 2.1428571429rem; }
    .contents-wrap .score-page .sort .date-wrap {
      float: left; }
      .contents-wrap .score-page .sort .date-wrap .prev {
        margin-left: 0; }
    .contents-wrap .score-page .sort .btn-line {
      display: block;
      float: right;
      width: 8.5714285714rem;
      padding: 1.1428571429rem 1.4285714286rem 1.1428571429rem;
      font-size: 1.1428571429rem; }
  .contents-wrap .score-page .bg-box {
    background: #eef3f8;
    margin-bottom: 2.1428571429rem; }
    .contents-wrap .score-page .bg-box .score-box {
      border-bottom: 0.1428571429rem solid rgba(29, 71, 123, 0.15); }
      .contents-wrap .score-page .bg-box .score-box > div {
        float: left; }
      .contents-wrap .score-page .bg-box .score-box .table-box {
        width: 37.1428571429rem;
        margin: 0 4.2857142857rem 2.8571428571rem;
        text-align: center;
        font-size: 0.8571428571rem; }
        .contents-wrap .score-page .bg-box .score-box .table-box table {
          width: 100%;
          border-right: 0.0714285714rem solid #dbdbdb;
          table-layout: fixed; }
          .contents-wrap .score-page .bg-box .score-box .table-box table th, .contents-wrap .score-page .bg-box .score-box .table-box table td {
            padding: 0;
            line-height: 2.1428571429rem; }
          .contents-wrap .score-page .bg-box .score-box .table-box table th {
            border-color: #fff; }
          .contents-wrap .score-page .bg-box .score-box .table-box table td:nth-of-type(n+14) {
            color: #c7a079; }
        .contents-wrap .score-page .bg-box .score-box .table-box h4 {
          font-size: 1.1428571429rem;
          font-weight: 500;
          padding: 2.8571428571rem 0 1.3571428571rem; }
      .contents-wrap .score-page .bg-box .score-box .item {
        position: relative;
        width: 12.8571428571rem;
        height: 14.2857142857rem;
        box-sizing: border-box;
        padding: 2.1428571429rem 0.7142857143rem;
        text-align: center; }
        .contents-wrap .score-page .bg-box .score-box .item span {
          display: block;
          font-size: 1.1428571429rem;
          font-weight: 500; }
        .contents-wrap .score-page .bg-box .score-box .item .num {
          position: absolute;
          font-size: 3.7142857143rem;
          font-weight: 700;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          right: -1.4285714286rem; }
        .contents-wrap .score-page .bg-box .score-box .item > img {
          display: block;
          margin: 2.1428571429rem auto 0.7142857143rem; }
        .contents-wrap .score-page .bg-box .score-box .item:nth-last-of-type(1) .num {
          left: -1.4285714286rem;
          right: auto; }
    .contents-wrap .score-page .bg-box .list {
      padding: 2.8571428571rem 2.1428571429rem 1.2142857143rem 2.1428571429rem; }
      .contents-wrap .score-page .bg-box .list span {
        display: block;
        width: 8.6428571429rem;
        float: left;
        margin-bottom: 1.5714285714rem; }
    .contents-wrap .score-page .bg-box + .table-wrap td, .contents-wrap .score-page .bg-box + .table-wrap th {
      padding-left: 1.4285714286rem; }
  .contents-wrap.shop .con {
    padding: 6.4285714286rem 0 8.5714285714rem; }
  .contents-wrap.shop .f-wrap {
    margin: 0 auto; }
    .contents-wrap.shop .f-wrap > div {
      position: relative;
      float: left;
      width: 35rem;
      height: 24.2857142857rem;
      box-sizing: border-box;
      padding: 7.1428571429rem 0 0;
      text-align: center;
      border: 0.0714285714rem solid #dbdbdb; }
      .contents-wrap.shop .f-wrap > div + div {
        float: right; }
      .contents-wrap.shop .f-wrap > div .btn {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        bottom: 2.8571428571rem;
        width: 11.4285714286rem; }
        .contents-wrap.shop .f-wrap > div .btn:after {
          content: '';
          display: inline-block;
          margin-left: 1.1428571429rem;
          width: 0.5714285714rem;
          height: 0.5714285714rem;
          border-top: 0.1428571429rem solid #222;
          border-left: 0.1428571429rem solid #222;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
          border-color: #fff;
          margin-left: 0.7857142857rem; }
  .contents-wrap .membership .pt90 {
    padding-top: 6.4285714286rem; }
  .contents-wrap .membership .center {
    text-align: center; }
    .contents-wrap .membership .center .num-list .num {
      top: 0.2857142857rem;
      line-height: 1.4; }
  .contents-wrap .membership .left {
    text-align: left; }
  .contents-wrap .membership .app-down {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    bottom: 5.7142857143rem; }
  .contents-wrap .membership .box {
    padding: 0 0 2.8571428571rem; }
    .contents-wrap .membership .box .bg-box {
      box-sizing: border-box;
      padding: 2.1428571429rem 2.5rem;
      background: #f5fcfe;
      border-top: 0.0714285714rem solid #dbdbdb;
      border-bottom: 0.0714285714rem solid #dbdbdb; }
      .contents-wrap .membership .box .bg-box li {
        line-height: 1.6;
        padding-bottom: 0.3571428571rem; }
        .contents-wrap .membership .box .bg-box li:last-child {
          padding-bottom: 0; }
        .contents-wrap .membership .box .bg-box li strong {
          font-weight: 500; }
      .contents-wrap .membership .box .bg-box p {
        line-height: 1.6; }
  .contents-wrap .stats .con .tabs {
    margin-bottom: 1.4285714286rem; }
  .contents-wrap .stats .bg-box {
    background-color: #eef3f8;
    padding: 2.1428571429rem 2.1428571429rem 1.4285714286rem;
    margin-bottom: 1.4285714286rem; }
    .contents-wrap .stats .bg-box > .f-wrap {
      padding-bottom: 1.4285714286rem; }
      .contents-wrap .stats .bg-box > .f-wrap .chk-box {
        float: left; }
      .contents-wrap .stats .bg-box > .f-wrap .date-wrap {
        float: right; }
        .contents-wrap .stats .bg-box > .f-wrap .date-wrap .select-box:last-child {
          margin: 0; }
    .contents-wrap .stats .bg-box .sch-wrap {
      border-top: 0.0714285714rem solid #dbdbdb;
      padding: 1.4285714286rem 0 0; }
      .contents-wrap .stats .bg-box .sch-wrap .input-box {
        float: right; }
  .contents-wrap .fan .video-wrap a {
    display: block;
    position: relative;
    float: left;
    width: 22.8571428571rem; }
    .contents-wrap .fan .video-wrap a .ico {
      position: absolute;
      right: 1.4285714286rem;
      bottom: 1.4285714286rem; }
    .contents-wrap .fan .video-wrap a:nth-of-type(2n) {
      margin: 0 1.4285714286rem; }
  .contents-wrap .fan .wallpaper > img {
    display: block; }
  .contents-wrap .fan .wallpaper .btn-wrap {
    padding: 2.1428571429rem 0 0; }
    .contents-wrap .fan .wallpaper .btn-wrap > a {
      display: block;
      float: left;
      width: calc(100% / 6);
      margin: 0;
      border-left: 0;
      font-size: 1.1428571429rem;
      line-height: 4.1428571429rem; }
      .contents-wrap .fan .wallpaper .btn-wrap > a:first-child {
        border-left: 0.0714285714rem solid #dbdbdb; }
  .contents-wrap .fan .date-wrap.fit {
    padding-bottom: 2.1428571429rem; }
  .contents-wrap .fan .date-wrap .prev {
    margin-left: 0; }
  .contents-wrap .fan > .con > .btn-wrap.center {
    padding: 2.8571428571rem 0 0;
    text-align: center; }
    .contents-wrap .fan > .con > .btn-wrap.center .btn {
      font-size: 1.1428571429rem; }
  .contents-wrap .fan .slider {
    padding: 2.8571428571rem 0 0; }
    .contents-wrap .fan .slider .swiper-slide > img {
      width: 100%; }
    .contents-wrap .fan .slider .thumbs {
      background: #f2f2f2; }
    .contents-wrap .fan .slider .park {
      overflow: hidden; }
  .contents-wrap .photo .tit {
    padding-bottom: 2.1428571429rem;
    border-bottom: 0.0714285714rem solid #dbdbdb;
    margin: 0 0 2.8571428571rem; }
  .contents-wrap .photo .tabs {
    margin-bottom: 2.8571428571rem; }
  .contents-wrap .photo .view {
    padding-bottom: 6.4285714286rem; }
    .contents-wrap .photo .view .title-wrap {
      padding: 0 0 2.6428571429rem; }
      .contents-wrap .photo .view .title-wrap .title {
        font-size: 1.5714285714rem;
        color: #071d3d;
        font-weight: 700;
        display: block;
        padding: 0.7142857143rem 0 1.4285714286rem; }
      .contents-wrap .photo .view .title-wrap .sort-wrap span {
        display: inline-block;
        color: #747474;
        font-size: 0.8571428571rem;
        padding-right: 1rem;
        margin-right: 0.7142857143rem;
        position: relative; }
        .contents-wrap .photo .view .title-wrap .sort-wrap span:after {
          content: '';
          display: block;
          position: absolute;
          width: 0.0714285714rem;
          height: 100%;
          background: #dbdbdb;
          top: 50%;
          right: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .contents-wrap .photo .view .title-wrap .sort-wrap span:last-of-type:after {
          display: none; }
        .contents-wrap .photo .view .title-wrap .sort-wrap span.check:before {
          content: '';
          width: 1rem;
          height: 1rem;
          background: url(../images/sub/ico_check.png) no-repeat center center;
          vertical-align: middle;
          display: inline-block;
          margin: -0.1428571429rem 0.2857142857rem 0; }
    .contents-wrap .photo .view .view-cont {
      position: relative;
      padding: 3.1428571429rem 0 2.8571428571rem; }
      .contents-wrap .photo .view .view-cont:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100%;
        background: #eef3f8;
        z-index: -1; }
      .contents-wrap .photo .view .view-cont .txt-wrap {
        position: relative;
        padding: 2.8571428571rem 0;
        border-bottom: 0.0714285714rem solid #dbdbdb; }
        .contents-wrap .photo .view .view-cont .txt-wrap p {
          line-height: 1.4; }
        .contents-wrap .photo .view .view-cont .txt-wrap .po-right {
          top: 1.0714285714rem;
          color: #747474;
          font-weight: 500; }
      .contents-wrap .photo .view .view-cont .btn-wrap {
        padding-top: 2.8571428571rem; }
        .contents-wrap .photo .view .view-cont .btn-wrap .btn {
          display: block;
          float: left; }
          .contents-wrap .photo .view .view-cont .btn-wrap .btn:last-of-type {
            float: right; }
    .contents-wrap .photo .view + .box h4 {
      font-size: 1.5714285714rem;
      padding-bottom: 2.8571428571rem; }
  .contents-wrap .player .player-list {
    width: 100%; }
    .contents-wrap .player .player-list li {
      width: 18.4285714286rem;
      max-width: calc(25% - 2.1428571429rem);
      float: left;
      margin: 0 2.8571428571rem 0 0; }
      .contents-wrap .player .player-list li:nth-of-type(n+5) {
        margin-top: 4.7142857143rem; }
      .contents-wrap .player .player-list li:nth-of-type(4n) {
        margin-right: 0rem; }
      .contents-wrap .player .player-list li .img {
        position: relative;
        display: block;
        overflow: hidden;
        border: 0.0714285714rem solid #dbdbdb;
        width: calc(100% - 0.1428571429rem);
        height: 15.5714285714rem; }
        .contents-wrap .player .player-list li .img > img {
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
          top: 0; }
      .contents-wrap .player .player-list li .txt-wrap {
        width: 100%;
        padding-top: 1.2857142857rem; }
        .contents-wrap .player .player-list li .txt-wrap > span {
          display: block;
          float: left;
          font-size: 1.4285714286rem;
          font-weight: 700; }
          .contents-wrap .player .player-list li .txt-wrap > span + span {
            float: right;
            font-size: 1.2857142857rem; }
          .contents-wrap .player .player-list li .txt-wrap > span .font-w {
            font-weight: 500; }
  .contents-wrap .player .player-view .txt-wrap {
    width: 100%;
    padding: 1.2857142857rem 0 1.4285714286rem; }
    .contents-wrap .player .player-view .txt-wrap > span {
      display: inline-block;
      font-size: 1.7142857143rem;
      font-weight: 700; }
      .contents-wrap .player .player-view .txt-wrap > span + span {
        font-size: 1.5714285714rem;
        margin-left: 1.0714285714rem; }
      .contents-wrap .player .player-view .txt-wrap > span .font-w {
        font-weight: 500; }
  .contents-wrap .player .player-view > .f-wrap > .slider {
    display: block;
    float: left; }
    .contents-wrap .player .player-view > .f-wrap > .slider .player-box {
      width: 28.5714285714rem;
      height: 28.5714285714rem;
      border: 0.0714285714rem solid #dbdbdb;
      overflow: hidden; }
      .contents-wrap .player .player-view > .f-wrap > .slider .player-box .swiper-slide > img {
        width: 100%; }
  .contents-wrap .player .player-view > .f-wrap .table-wrap {
    float: right;
    width: 41.4285714286rem; }
    .contents-wrap .player .player-view > .f-wrap .table-wrap table {
      line-height: 1.6; }
  .contents-wrap .footer-page .con {
    position: relative; }
    .contents-wrap .footer-page .con > .po-right .txt {
      display: inline-block;
      vertical-align: top;
      line-height: 2.5714285714rem;
      color: #747474;
      font-size: 1.0714285714rem; }
    .contents-wrap .footer-page .con > .po-right .date-wrap {
      margin: 0 0 0 0.7142857143rem; }
      .contents-wrap .footer-page .con > .po-right .date-wrap .val {
        padding-right: 1.4285714286rem;
        font-size: 1rem; }
      .contents-wrap .footer-page .con > .po-right .date-wrap li {
        font-size: 1rem; }
    .contents-wrap .footer-page .con > .date {
      border: 0.0714285714rem solid #dbdbdb;
      color: #747474;
      font-weight: 500;
      font-size: 1.0714285714rem;
      padding: 1.4285714286rem 1.1428571429rem; }
    .contents-wrap .footer-page .con.fit > .box {
      padding-bottom: 2.8571428571rem; }
    .contents-wrap .footer-page .con .box {
      padding: 0 0 6.4285714286rem; }
      .contents-wrap .footer-page .con .box p, .contents-wrap .footer-page .con .box li {
        line-height: 1.8;
        word-break: keep-all; }
      .contents-wrap .footer-page .con .box:last-of-type {
        padding-bottom: 0; }
      .contents-wrap .footer-page .con .box.pb40 {
        padding-bottom: 2.8571428571rem; }
      .contents-wrap .footer-page .con .box strong {
        font-weight: 500; }
    .contents-wrap .footer-page .con h4 {
      font-size: 1.4285714286rem; }
    .contents-wrap .footer-page .con h5 {
      padding: 1.4285714286rem 0 0.7142857143rem; }
    .contents-wrap .footer-page .con li h5 {
      padding: 0.7142857143rem 0 0.3571428571rem; }
    .contents-wrap .footer-page .con > .btn-wrap {
      border-top: 0.0714285714rem solid #dbdbdb;
      padding-top: 2.8571428571rem; }
      .contents-wrap .footer-page .con > .btn-wrap .btn {
        float: left;
        width: 11.4285714286rem;
        font-size: 1.1428571429rem; }
        .contents-wrap .footer-page .con > .btn-wrap .btn:last-child {
          float: right; }
    .contents-wrap .footer-page .con .table {
      margin-top: 0.7142857143rem;
      border-right: 0.0714285714rem solid #dbdbdb; }
      .contents-wrap .footer-page .con .table td {
        text-align: left; }
    .contents-wrap .footer-page .con .bg-box {
      margin: 0.7142857143rem 0 0;
      background: #f3f3f3;
      padding: 2.1428571429rem 3.5714285714rem; }
      .contents-wrap .footer-page .con .bg-box.f-wrap > ul {
        width: 50%;
        float: left; }
        .contents-wrap .footer-page .con .bg-box.f-wrap > ul li {
          padding-left: 1.7857142857rem; }
      .contents-wrap .footer-page .con .bg-box h5 {
        font-weight: 500; }
        .contents-wrap .footer-page .con .bg-box h5:nth-of-type(1) {
          padding-top: 0;
          color: #5b8ebd; }
    .contents-wrap .footer-page .con dl {
      padding-bottom: 1.4285714286rem; }
    .contents-wrap .footer-page .con dt, .contents-wrap .footer-page .con dd {
      display: inline-block;
      margin-right: 0.7142857143rem;
      padding: 0 0 0.7142857143rem; }
    .contents-wrap .footer-page .con .email-box dd {
      color: #c7a079; }
    .contents-wrap .footer-page .con .sns dd:nth-of-type(1) {
      color: #24b8f7; }
    .contents-wrap .footer-page .con .sns dd:nth-of-type(2) {
      color: #3b5998; }
    .contents-wrap .footer-page .con .sns dd:nth-of-type(3) {
      color: #af2303; }
  .contents-wrap .faq .tabs {
    margin-bottom: 2.8571428571rem; }
    .contents-wrap .faq .tabs li {
      line-height: 4.1428571429rem; }
  .contents-wrap .faq .cont {
    border-top: 0.1428571429rem solid #071d3d;
    line-height: 1.6;
    font-size: 1.1428571429rem; }
    .contents-wrap .faq .cont dt {
      padding: 1.4285714286rem 1.4285714286rem 1.4285714286rem 4.6428571429rem;
      font-weight: 500;
      position: relative;
      cursor: pointer;
      word-break: keep-all; }
      .contents-wrap .faq .cont dt:before {
        position: absolute;
        left: 1.4285714286rem;
        top: 1.1428571429rem;
        content: 'Q';
        font-family: 'Roboto','NotoSansKR',sans-serif;
        font-weight: 500;
        font-size: 1.4285714286rem;
        color: #fff;
        background: #c7a079;
        width: 2.2857142857rem;
        height: 2.2857142857rem;
        line-height: 2.2857142857rem;
        border-radius: 0.4285714286rem;
        text-align: center;
        margin: 0 0.7142857143rem 0 0; }
      .contents-wrap .faq .cont dt:after {
        content: '';
        display: inline-block;
        margin-left: 1.1428571429rem;
        width: 0.5714285714rem;
        height: 0.5714285714rem;
        border-top: 0.1428571429rem solid #222;
        border-left: 0.1428571429rem solid #222;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        border-color: #747474;
        position: absolute;
        right: 1.4285714286rem;
        top: 2.1428571429rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .contents-wrap .faq .cont dt.on:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .contents-wrap .faq .cont dt.on + dd {
        max-height: 35.7142857143rem;
        border-bottom-width: 0.0714285714rem;
        padding: 1.4285714286rem 1.4285714286rem 1.4285714286rem 4.6428571429rem; }
    .contents-wrap .faq .cont dd {
      position: relative;
      border-top: 0.0714285714rem solid #dbdbdb;
      border-bottom: 0.0714285714rem solid #dbdbdb;
      padding: 0rem 1.4285714286rem 0rem 4.6428571429rem;
      background: rgba(199, 160, 121, 0.1);
      max-height: 0;
      border-bottom-width: 0;
      overflow: hidden;
      word-break: keep-all;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .contents-wrap .faq .cont dd:before {
        position: absolute;
        left: 1.4285714286rem;
        top: 1.1428571429rem;
        content: 'A';
        font-family: 'Roboto','NotoSansKR',sans-serif;
        font-weight: 500;
        font-size: 1.4285714286rem;
        color: #fff;
        background: #5b8ebd;
        width: 2.2857142857rem;
        height: 2.2857142857rem;
        line-height: 2.2857142857rem;
        border-radius: 0.4285714286rem;
        text-align: center;
        margin: 0 0.7142857143rem 0 0; }

/* Sub E */
/* 달력 S */
.calendar1, .calendar2 {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }

.calendar__day {
  display: inline-block;
  vertical-align: bottom;
  width: calc(100% / 7);
  height: calc(90% / 6);
  box-sizing: border-box; }

.calendar_day_of_week {
  background-color: #FFFFFF;
  display: inline-block;
  vertical-align: bottom;
  width: calc(100% / 7);
  box-sizing: border-box; }

.calendar1 .calendar_day_of_week, .calendar2 .calendar_day_of_week {
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: #071d3d; }

.calendar__day {
  position: relative;
  box-sizing: border-box;
  padding: 1.4285714286rem;
  border: 1px solid #dfdfdf;
  background: #fff; }

.calendar__day.bg-gray {
  color: #ddd;
  background: #efefef; }

.calendar__day > .date {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Roboto','NotoSansKR',sans-serif; }

.calendar__day > ul > div {
  position: relative;
  margin-top: 10px;
}

.calendar__day [class*="txt-"] {
  position: absolute;
  right: 0;
  /*top: 1.3571428571rem;*/
  font-size: 1rem;
  margin-right: 0;
  font-weight: bold; }

.calendar__day .match_info {
  /*position: absolute;*/
  /*left: 2.7142857143rem;*/
  /*top: 1.4285714286rem;*/
  color: #747474;
  font-size: 0.8571428571rem;
  font-weight: 400;
  height: 0.8571428571rem; }
  /*.calendar__day .match_info:before {*/
  /*  content: '';*/
  /*  display: inline-block;*/
  /*  width: 0.0714285714rem;*/
  /*  height: 0.7142857143rem;*/
  /*  margin: 0rem 0.6428571429rem -0.0714285714rem;*/
  /*  background: #c1c1c1; }*/

.match_up {
  margin: 15px 0 10px; }

.match_up:first-child {
  margin-top: 10px;
}

.match_up .vs {
  font-size: 16px;
  font-weight: 700;
  color: #071d3d;
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
  vertical-align: top; }

.match_up img {
  width: 40px; }

.game_info .btn {
  /*position: absolute;*/
  /*left: 1.4285714286rem;*/
  /*bottom: 1.0714285714rem;*/
  /*width: calc(100% - 2.8571428571rem);*/
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 2.7142857143rem;
  padding: 0 0.6428571429rem;
  color: #121212;
  border: 1px solid #dbdbdb;
  text-align: left;
  border-radius: 3px; }
  .game_info .btn:after {
    content: '';
    display: inline-block;
    margin-left: 1.1428571429rem;
    width: 0.5714285714rem;
    height: 0.5714285714rem;
    border-top: 0.1428571429rem solid #222;
    border-left: 0.1428571429rem solid #222;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 0.6428571429rem;
    top: 5.9rem;
    border-color: #747474;
  }
  .game_info .btn.cancel {
    cursor: auto;
    text-align: center;
    background: #f3f5f6;
    font-size: 1rem;
    color: rgba(7, 29, 61, 0.5); }
    .game_info .btn.cancel:after {
      display: none; }
  .game_info .btn.btn-disable {
    text-align: center;
    cursor: auto; }
    .game_info .btn.btn-disable:after {
      display: none; }
  .game_info .btn .str {
    display: inline-block;
    margin-left: 0.3571428571rem;
    font-size: 0.9285714286rem;
    font-weight: 400; }

.game_info .tag {
  margin-left: 0.6428571429rem; }
.game_info .score {
  font-weight: 700;
  font-size: 1.1428571429rem; }

/* 달력 E */
.ticket.main > .con {
  padding: 4.2857142857rem 0 8.5714285714rem; }
.ticket .box {
  padding-bottom: 5.7142857143rem; }
  .ticket .box .txt {
    margin-bottom: 0.7142857143rem; }
  .ticket .box .img {
    text-align: center;
    padding: 3.5714285714rem 2.1428571429rem 2.1428571429rem; }
    .ticket .box .img img + img {
      padding-top: 4.2857142857rem; }
  .ticket .box .sec {
    margin-bottom: 2.1428571429rem; }
    .ticket .box .sec:nth-last-of-type(1) {
      padding-bottom: 0; }
    .ticket .box .sec .str {
      font-weight: 700; }
    .ticket .box .sec h5 {
      font-size: 1rem;
      font-weight: 700;
      color: #071d3d;
      padding-bottom: 1.4285714286rem; }
    .ticket .box .sec .bg-box {
      box-sizing: border-box;
      padding: 2.1428571429rem 2.5rem;
      background: #f5fcfe;
      border-top: 0.0714285714rem solid #dbdbdb;
      border-bottom: 0.0714285714rem solid #dbdbdb; }
      .ticket .box .sec .bg-box li {
        line-height: 1.6; }
      .ticket .box .sec .bg-box h5 {
        padding-bottom: 0.7142857143rem; }
      .ticket .box .sec .bg-box.school {
        background: #f5fcfe url(../images/ticket/logo_schoolday.png) no-repeat 53.5714285714rem center; }
      .ticket .box .sec .bg-box p {
        line-height: 1.6; }
    .ticket .box .sec .img-list {
      padding-bottom: 1.4285714286rem; }
      .ticket .box .sec .img-list img {
        display: block;
        float: left; }
        .ticket .box .sec .img-list img:nth-child(2) {
          margin: 0 2.1428571429rem; }
      .ticket .box .sec .img-list .dash-list {
        padding-top: 0.7142857143rem; }
  .ticket .box .inq {
    padding-top: 4.2857142857rem;
    font-size: 1.1em; }
  .ticket .box h3 + .inq {
    padding: 0 0 2.1428571429rem; }
.ticket .seat-wrap {
  text-align: center; }
  .ticket .seat-wrap .txt {
    font-size: 1.1428571429rem;
    line-height: 1.6; }
  .ticket .seat-wrap area {
    cursor: url(../images/ticket/cursor.cur), auto; }
.ticket .intro, .ticket .center {
  text-align: center; }
  .ticket .intro .txt-blue, .ticket .center .txt-blue {
    font-size: 3.4em;
    font-weight: 500;
    padding: 0 0 1.4285714286rem; }
    .ticket .intro .txt-blue .str, .ticket .center .txt-blue .str {
      font-weight: 700; }
  .ticket .intro .s-txt, .ticket .center .s-txt {
    color: #646464;
    line-height: 1.6;
    font-size: 1.5em; }
.ticket .gall-slider {
  line-height: 21.4285714286rem;
  text-align: center;
  background: #eee;
  margin-bottom: 2.8571428571rem; }

.modal-wrap {
  opacity: 1;
  visibility: hidden;
  visibility: visible;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 101; }
  .modal-wrap.is-visible {
    opacity: 0;
    visibility: hidden; }
  .modal-wrap .modal {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    max-height: 80vh;
    overflow-y: auto; }
    .modal-wrap .modal .btn-close {
      position: absolute;
      right: 2.1428571429rem;
      top: 2.1428571429rem; }
  .modal-wrap[id*="seat_"] .modal, .modal-wrap[id*="lyrics"] .modal {
    width: 40.7142857143rem;
    box-sizing: border-box;
    padding: 2.1428571429rem; }
  .modal-wrap[id*="seat_"] h1, .modal-wrap[id*="lyrics"] h1 {
    text-align: left;
    font-size: 1.2857142857rem;
    font-weight: 700;
    color: #071d3d;
    padding-bottom: 1.4285714286rem; }
  .modal-wrap[id*="seat_"] .slider, .modal-wrap[id*="lyrics"] .slider {
    margin-bottom: 1.4285714286rem; }
    .modal-wrap[id*="seat_"] .slider .swiper-pagination, .modal-wrap[id*="lyrics"] .slider .swiper-pagination {
      position: absolute;
      z-index: 10; }
    .modal-wrap[id*="seat_"] .slider .swiper-pagination-bullet, .modal-wrap[id*="lyrics"] .slider .swiper-pagination-bullet {
      background: #fff;
      opacity: .5; }
      .modal-wrap[id*="seat_"] .slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .modal-wrap[id*="lyrics"] .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }
    .modal-wrap[id*="seat_"] .slider .ico, .modal-wrap[id*="lyrics"] .slider .ico {
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .modal-wrap[id*="seat_"] .slider:hover .ico, .modal-wrap[id*="lyrics"] .slider:hover .ico {
      opacity: 1; }
    .modal-wrap[id*="seat_"] .slider .ico-next, .modal-wrap[id*="lyrics"] .slider .ico-next {
      right: 0; }
    .modal-wrap[id*="seat_"] .slider .ico-prev, .modal-wrap[id*="lyrics"] .slider .ico-prev {
      left: 0; }
  .modal-wrap[id*="seat_"] .seat_txt, .modal-wrap[id*="lyrics"] .seat_txt {
    text-align: left;
    line-height: 1.6; }
  .modal-wrap[id*="seat_"] .lyrics, .modal-wrap[id*="lyrics"] .lyrics {
    text-align: left;
    color: #fff;
    width: 100%;
    height: 42.8571428571rem;
    overflow-y: auto;
    background: url(../images/sub/lyrics_bg.jpg) no-repeat left top;
    background-size: 100%; }
    .modal-wrap[id*="seat_"] .lyrics dl, .modal-wrap[id*="lyrics"] .lyrics dl {
      box-sizing: border-box;
      padding: 2.1428571429rem;
      width: 100%;
      min-height: 100%;
      background-color: rgba(0, 0, 0, 0.4); }
    .modal-wrap[id*="seat_"] .lyrics dt, .modal-wrap[id*="lyrics"] .lyrics dt {
      font-size: 1.1428571429rem;
      padding-bottom: 1.4285714286rem; }
    .modal-wrap[id*="seat_"] .lyrics dd, .modal-wrap[id*="lyrics"] .lyrics dd {
      line-height: 2; }

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


/* social contribution */
.social-team {margin-top: 3.75rem;}
.social-team > ul > li {margin-bottom: 0!important;}
.social-team .item {margin-bottom: 5rem!important;}
.social-team > ul > li:nth-child(7) .item,
.social-team > ul > li:nth-child(8) .item {margin-bottom: 0!important;}
.social-team .item > div {font-size: 1rem; color: #c79f7b; font-weight: 500; margin-bottom: 1rem;}
.social-team .sub-tit {font-size: 1.25rem; color: #071d3d; font-weight: 700; margin-bottom: 0.8rem;}
.social-team .sub-tit > span {float: right; font-size: 1rem; font-weight: 500; position: relative; top: 0.2rem;}
.social-team .sub-tit > span > span {font-size: 0.8rem;}

.privacy {position: absolute; top: 4.3571428571rem; right: 0; font-size: 0.8rem; font-weight: 900;}

.contents-wrap .social .partner .mem-img {
  position: relative;
  display: block;
  float: left;
  width: 42.1428571429rem;
  max-width: calc(50% - 0.7142857143rem);
  height: 9.2857142857rem;
  margin-bottom: 1rem;
}
.contents-wrap .social .partner .mem-img:nth-of-type(2n) {
  float: right;
}

.btn-wrap.ticket {float: right; position: relative; top: -1rem;}









/* 2022. 02. 25 추가 페이지 강제 style 적용 */
.contents-wrap > .sort + .event {padding-bottom: 8.5714285714rem!important;}

.contents-wrap .timetable .calendar-wrap .calendar-date {display: block; width: fit-content; margin: 0 auto 2.2857142857rem; height: 3.714rem; position: initial; top: auto; transform: none; left: auto;}
.calendar-new .calendar__day {height: auto; min-height: 10rem;}
.calendar-new .calendar__day > ul > li > span {display: block; margin: 0 -1.4285714286rem; padding: .25rem 0.5rem; color: #fff; line-height: 1.4; font-size: .875rem; font-weight: initial;}
.calendar-new .calendar__day > ul > li:first-child > span {margin-top: 1rem;}
.calendar-new .calendar__day > ul > li + li > span {margin-top: .125rem;}
.calendar-new .calendar__day > ul > li > span.navy {background-color: #1d457c;}
.calendar-new .calendar__day > ul > li > span.blue {background-color: #4ac7d5;}
.calendar-new .calendar__day > ul > li > span.gold {background-color: #c7a079;}
.calendar-new .calendar__day > ul > li > span.light {background-color: #5c8ebb;}
.calendar-new .calendar__day > ul > li > span.deep {background-color: #071d3d;}

.event-album-tab-wrap {display: flex;}
.event-album-tab {display: grid; grid-template-columns: repeat(2, 1fr); border-top: 0.0714285714rem solid #dbdbdb; border-left: 0.0714285714rem solid #dbdbdb; margin-right: 1rem;}
.event-album-tab > li {border-right: 0.0714285714rem solid #dbdbdb; color: #747474; border-bottom: 0.0714285714rem solid #dbdbdb; width: 7.143rem; height: 2.57rem; line-height: 2.57rem; text-align: center; cursor: pointer;}
.event-album-tab > li.active {background-color: #c7a079; color: #fff;}

.event .txt-wrap > img {width: 100%;}

.album-list {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.429rem; row-gap: 2.857rem;}
.album-list > li .img {width: 16.786rem; height: 16.786rem; background-repeat: no-repeat; background-size: contain; background-position: center;}
.album-list > li .desc {margin-top: 1.429rem;}
.album-list > li .desc > h6 {width: 16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; font-size: 1.143rem; font-weight: 700;}
.album-list > li .desc > ul {margin-top: 1rem; display: flex;}
.album-list > li .desc > ul {display: flex;}
.album-list > li .desc > ul > li {font-size: 0.857rem; color: #747474;}
.album-list > li .desc > ul > li + li::before {content: '/'; padding: 0 .25rem; font-size: .625rem; position: relative; top: -.125rem;}

.mypage > .top-ban {background-image: none; background-color: #071d3d;}
.mypage > .top-ban > * {color: #fff!important;}

.mypage-barcode {position: relative;}
.mypage-barcode::before {content: ''; width: .071rem; height: 7.5rem; background-color: #e4e4e4; position: absolute; left: 0; top: 0;}

.table-new {position: relative; width: 100%; border-collapse: collapse; border-spacing: 0;}
.table-new.alignLeft th, .table-new.alignLeft td {text-align: left; padding-left: 1.25rem; padding-right: 1.25rem;}
.table-new::before {content: ''; display: block; width: 100%; height: 0.143rem; position: absolute; top: 0; background-color: #071d3d; z-index: 1;}
.table-new tr th {background-color: #f4f4f4; border-bottom: 0.0714285714rem solid #e4e4e4; height: 4.286rem; line-height: 1.4; vertical-align: middle; color: #747474;;}
.table-new tr td {position: relative; text-align: center; border-bottom: 0.0714285714rem solid #e4e4e4; background-color: #fff; height: 4.286rem; line-height: 1.4; vertical-align: middle; font-weight: 500;}
.table-new tr th:not(:first-child),
.table-new tr td:not(:first-child) {border-left: 0.0714285714rem solid #e4e4e4;}
.table-new .bor-l {border-left: 0.0714285714rem solid #e4e4e4;}
.table-new tr td.alignLeft {text-align: left;}
.table-new tr td.gray {color: #747474;}
.table-new tr td.blue {color: #5c8ebb;}
.table-new tr td.red {color: #ee2529;}
.table-new tr td .date {display: flex; align-items: center; font-size: .75rem; color: #747474;}
.table-new tr td .date > li + li::before {content: '|'; padding: 0 .5rem;}
.table-new tr td button {display: flex; align-items: center; justify-content: center; font-size: 12px; height: 24px; padding: 0 8px; color: #fff; background-color: #c7a079; margin: 0 auto;}
.table-new tr td button.gray {background-color: #747474;}

.table-new.tour tr th:not(:first-child),
.table-new.tour tr td:not(:first-child) {border-left: 0;}

table.question th {height: 2.286rem;}
table.question td {padding: .875rem 1.25rem; height: 2.286rem;}
table.question select {display: block; width: 30rem; height: 2.75rem; padding: 0 1rem; font-size: .875rem; border: .071rem solid #e4e4e4; box-sizing: border-box; background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-size: .5rem auto; background-position: right 1rem center; -webkit-appearance: none; appearance: none;}
table.question select ::-ms-expand {display: none;/*for IE10,11*/}
table.question input[type="text"] {display: block; width: 30rem; height: 2.75rem; padding: 0 1rem; font-size: .875rem; border: .071rem solid #e4e4e4; box-sizing: border-box;}
table.question input[type="file"] {display: block;}
table.question input[type="file"] + input[type="file"] {margin-top: .5rem;}
table.question textarea {display: block; width: 100%; height: 7rem; padding: 1rem; font-size: .875rem; line-height: 1.4; border: .071rem solid #e4e4e4; box-sizing: border-box;}
table.question + .btn-wrap {text-align: right; margin-top: 2rem;}
table.question .answer td {background-color: #eef3f8;}

.ticket-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.429rem;}
.ticket-list > li {display: flex; align-items: center; justify-content: space-between; position: relative; border: 0.0714285714rem solid #e4e4e4; background-image: url(../images/bg-ticket@2x.png); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; padding: 2.857rem 2.143rem;}
.ticket-list > li::before {content: ''; display: block; width: 1.429rem; height: 1.429rem; background-color: #fff; border: 0.0714285714rem solid; border-color: #fff #fff #e4e4e4 #e4e4e4; border-radius: 100%; position: absolute; left: -.857rem; top: 50%; -webkit-transform: translateY(-50%) rotate(-135deg); -moz-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); -o-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg);}
.ticket-list > li::after {content: ''; display: block; width: 1.429rem; height: 1.429rem; background-color: #fff; border: 0.0714285714rem solid; border-color: #fff #fff #e4e4e4 #e4e4e4; border-radius: 100%; position: absolute; right: -.857rem; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45eg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}
.ticket-list > li .desc {width: 17.857rem;}
.ticket-list > li .desc > span {color: #5c8ebb; margin-bottom: .5rem; display: block; font-weight: 500;}
.ticket-list > li .desc > h6 {font-size: 1.25rem; font-weight: 700;}
.ticket-list > li .desc > ul {display: flex; margin-top: 1.429rem;}
.ticket-list > li .desc > ul > li {font-size: 0.857rem; color: #747474;}
.ticket-list > li .desc > ul > li + li::before {content: '/'; padding: 0 .25rem; font-size: .625rem; position: relative; top: -.125rem;}
.ticket-list > li .logo {width: 5.143rem; height: 5.143rem; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 1.714rem;}
.ticket-list > li .state {width: 5.857rem;}
.ticket-list > li .state .ic-ticket-36 {display: block; width: 2.571rem; height: 2.571rem; margin-left: 2.5rem; background-image: url(../images/icon/ic-ticket-36@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.ticket-list > li .state .label {width: 3.65rem; height: 1.25rem; display: block; line-height: 1.2rem; text-align: center; font-size: .75rem; font-weight: 500; margin: 0 auto; background-color: #5c8ebb; color: #fff; margin-left: 2.25rem;}
.ticket-list > li .state .label.gray-light {background-color: #a4a4a4;}
.ticket-list > li .state .label.gray {background-color: #747474;}

.ticket-list.coupon-list > li {background-image: url(../images/bg-coupon@2x.png); background-size: 13.286rem auto; background-position: right 3.571rem bottom;}
.ticket-list.coupon-list > li .desc > h6 {width: 22rem; height: 3.25rem; font-weight: 500; line-height: 1.4; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ticket-list > li .state .label.brown {background-color: #c7a079;}
.ticket-list > li .state .label.blue {background-color: #1d467d;}

.mypage-info {display: flex; justify-content: space-between; align-items: center; }
.mypage-info > div > p {font-size: 1.714rem; font-weight: 300; line-height: 1.6;}
.mypage-info > div > p > span {font-weight: 700;}
.mypage-info > div > p > span.brown {color: #c7a079;}
.mypage-info > div .point {margin-top: 1rem; font-size: 2.571rem; font-weight: 700;}
.mypage-info > div .point > span {color: #c7a079;}
.mypage-info > div > span {margin-top: 2rem; font-size: .875rem; color: #747474; display: block; width: 25rem; word-break: keep-all; line-height: 1.4;}
.mypage-info > div > button {background-color: #fff; border: 0.0714285714rem solid #e4e4e4; width: 10rem; height: 2rem; line-height: 1.85rem; font-size: .9rem; cursor: pointer; margin-top: 2rem;}
.mypage-info > ul {width: 34.286rem; background-color: #fff; display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; border: 0.0714285714rem solid #e4e4e4; padding: 2.25rem 0;box-shadow: 7.7px 6.4px 20px 0 rgba(7, 29, 61, 0.04);}
.mypage-info > ul > li {width: 100%; text-align: center; position: relative;}
.mypage-info > ul > li + li::before {content: ''; width: 0.0714285714rem; height: 100%; position: absolute; left: 0; background-color: #e4e4e4;}
.mypage-info > ul > li > div {margin-top: 1rem; font-size: 2rem; font-weight: 700;}

.check-in {background-image: url(../images/bg-checkin@2x.png); background-repeat: no-repeat; background-size: 45.714rem auto; background-position: right top 12rem;}

.check-in-list {display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 4.286rem; row-gap: 2.857rem;}
.check-in-list > li .img {width: 10.714rem; height: 10.714rem; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center;}
.check-in-list > li .desc {text-align: center; margin-top: 1.429rem;}
.check-in-list > li .desc > span {font-size: 1.286rem; color: #747474;}
.check-in-list > li .desc > h6 {font-weight: 700; font-size: 1.143rem; margin-top: .625rem;}

.check-in-desc {background-color: #f4f4f4; margin-top: 6.429rem; padding: 2rem;}
.check-in-desc > ul > li {color: #747474;}
.check-in-desc > ul > li + li {margin-top: 1rem;}

.contents-wrap .con .tit {position: relative;}
.contents-wrap .con .tit > button {background-color: #fff; border: 0.0714285714rem solid #e4e4e4; font-size: 1rem; font-weight: 500; width: 8.571rem; height: 2.857rem; line-height: 2.75rem; margin-left: auto; position: absolute; right: 0;}

.card-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.429rem;}
.card-empty {width: 100%; background-color: #f4f4f4; padding: 10rem 0; text-align: center;}

.ncdinos-pay {width: 19.286rem; height: 10rem; background-color: #fff; margin: 0 auto; padding: 2.4rem; text-align: center; border: .1rem solid #e4e4e4; cursor: pointer;}
.ncdinos-pay > i {width: 4.2rem; height: 4.2rem; display: block; margin: 0 auto 1.5rem; background-image: url(../images/icon/ncdinos-pay-plus@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.ncdinos-pay > h6 {font-weight: 700;}
.ncdinos-pay > p {font-size: .875rem; color: #747474; line-height: 1.6; margin-top: .875rem;}

.card-pay {position: relative; height: 10rem; margin: 0 auto; padding: 1.714rem; border: 0.0714285714rem solid #e4e4e4; cursor: pointer; background-image: url(../images/img-card-reader@2x.png); background-repeat: no-repeat; background-size: 4rem auto; background-position: right 1.714rem center;}
.card-pay > span {position: absolute; top: 1.714rem; right: 1.714rem; color: #f4f4f4; cursor: pointer;}
.card-pay > span > i {width: 1.143rem; height: 1.143rem; background-image: url(../images/icon/ic-trash-wh@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; position: relative; vertical-align: middle; top: -.125rem;}
.card-pay > i {display: block; width: 10rem; height: 2.4rem; background-repeat: no-repeat; background-size: contain; background-position: left center;}
.card-pay > h6 {margin-top: 3.5rem; color: #fff;}
.card-pay > p {font-weight: 700; color: #fff; margin-top: .875rem;}

.card-pay.ncdinos {border-color: #e4e4e4; background-color: #fff;}
.card-pay.ncdinos > span {color: #747474;}
.card-pay.ncdinos > span > i {background-image: url(../images/icon/ic-trash-gy@2x.png);}
.card-pay.ncdinos > i {background-image: url(../images/card/ic-logo-nc@2x.png);}
.card-pay.ncdinos > h6, .card-pay.ncdinos > p {color: initial;}
.card-pay.shinhan {border-color: #59a6eb; background-color: #59a6eb;}
.card-pay.shinhan > i {background-image: url(../images/card/img-logo-shinhan@2x.png);}
.card-pay.samsung {border-color: #316bdb; background-color: #316bdb;}
.card-pay.samsung > i {background-image: url(../images/card/img-logo-samsung@2x.png);}
.card-pay.hyundai {border-color: #222; background-color: #222;}
.card-pay.hyundai > i {background-image: url(../images/card/img-logo-hyundai@2x.png);}
.card-pay.woori {border-color: #1ca6e6; background-color: #1ca6e6;}
.card-pay.woori > i {background-image: url(../images/card/img-logo-woori@2x.png);}
.card-pay.kb {border-color: #fcc867; background-color: #fcc867;}
.card-pay.kb > i {background-image: url(../images/card/img-logo-kb@2x.png);}
.card-pay.nh {border-color: #438ad6; background-color: #438ad6;}
.card-pay.nh > i {background-image: url(../images/card/img-logo-nh@2x.png);}
.card-pay.bc {border-color: #ed6973; background-color: #ed6973;}
.card-pay.bc > i {background-image: url(../images/card/img-logo-bc@2x.png);}
.card-pay.kakao {border-color: #ffcb40; background-color: #ffcb40;}
.card-pay.kakao > i {background-image: url(../images/card/img-logo-kakao@2x.png);}
.card-pay.lotte {border-color: #e54c55; background-color: #e54c55;}
.card-pay.lotte > i {background-image: url(../images/card/img-logo-lotte@2x.png);}
.card-pay.kbank {border-color: #28323c; background-color: #28323c;}
.card-pay.kbank > i {background-image: url(../images/card/img-logo-kbank@2x.png);}
.card-pay.city {border-color: #134f9f; background-color: #134f9f;}
.card-pay.city > i {background-image: url(../images/card/img-logo-city@2x.png);}
.card-pay.sin {border-color: #4a86bf; background-color: #4a86bf;}
.card-pay.sin > i {background-image: url(../images/card/img-logo-sin@2x.png);}
.card-pay.hana {border-color: #33ac9d; background-color: #33ac9d;}
.card-pay.hana > i {background-image: url(../images/card/img-logo-hana@2x.png);}
.card-pay.suhyup {border-color: #4194d3; background-color: #4194d3;}
.card-pay.suhyup > i {background-image: url(../images/card/img-logo-city@2x.png);}
.card-pay.jeonbuk {border-color: #1166b2; background-color: #1166b2;}
.card-pay.jeonbuk > i {background-image: url(../images/card/img-logo-jeonbuk@2x.png);}
.card-pay.jeju {border-color: #1da9e7; background-color: #1da9e7;}
.card-pay.jeju > i {background-image: url(../images/card/img-logo-jeju@2x.png);}
.card-pay.kdb {border-color: #1166b2; background-color: #1166b2;}
.card-pay.kdb > i {background-image: url(../images/card/img-logo-kdb@2x.png);}

.page-empty {box-sizing: border-box; width: 100%; height: 100%; padding: 6rem 4rem; text-align: center;}
.page-empty > img {margin: 0 auto;}
.page-empty > p {font-size: 1.2rem; margin-top: 4rem; text-align: center;}

.login-wrap {width: 28.571rem; margin: 0 auto; text-align: center;}
.login-wrap > li + li {margin-top: 1.143rem;}
.login-wrap > li > img {height: 9.143rem; margin: 0 auto;}
.login-wrap > li > h6 {font-size: 1.714rem; font-weight: 700; color: #071d3d;}
.login-wrap > li > p {font-size: 1.143rem; font-weight: 500; margin-top: 1rem; margin-bottom: 2.857rem;}
.login-wrap > li > input {width: 100%; height: 3.429rem; padding: 0 1rem; font-size: 1rem; border: 0.071rem solid #e4e4e4; box-sizing: border-box;}
.login-wrap > li > ul {display: flex; margin: 0 auto; align-items: center;  justify-content: center;}
.login-wrap > li > ul > li {font-size: 0.857rem; color: #747474;}
.login-wrap > li > ul > li + li::before {content: '|'; padding: 0 1rem;}
.login-wrap > li > button {width: 100%; height: 3.429rem; line-height: 3.429rem; background-color: #071d3d; color: #fff; margin-top: 2.857rem;}

.join-title {width: 28.571rem; margin: 0 auto; text-align: center;}
.join-title > li + li {margin-top: 1.143rem;}
.join-title > li > img {height: 9.143rem; margin: 0 auto;}
.join-title > li > h6 {font-size: 1.714rem; font-weight: 700; color: #071d3d;}
.join-title > li > p {line-height: 1.4; font-weight: 500; margin-top: 1rem; margin-bottom: 2.857rem; word-break: keep-all;}

.join-go {display: block; width: 28rem; height: 3.429rem; line-height: 3.429rem; background-color: #071d3d; color: #fff; margin: 1.5rem auto 0;}

.join-wrap {width: 32.857rem; margin: 0 auto; padding: 2.143rem; background-color: #f8f8f8; box-sizing: border-box;}
.join-wrap > li {font-weight: 500; text-align: left;}
.join-wrap > li > label {font-weight: 400; text-align: left; font-size: .8rem;}
.join-wrap > li + li {margin-top: 1rem;}
.join-wrap > li > input[type="text"], .join-wrap > li > input[type="password"] {width: 100%; height: 3.429rem; line-height: 3.429rem; padding: 0 1rem; color: #747474; border: .071rem solid #e4e4e4; background-color: #fff; box-sizing: border-box;}
.join-wrap > li > input + button {width: 8.571rem; margin-left: 0.571rem; height: 3.429rem; line-height: 3.429rem; text-align: center; color: #fff; background-color: #747474;}
.join-wrap > li .join-btn {width: 100%; height: 3.429rem; line-height: 3.429rem; text-align: center; color: #fff; background-color: #071d3d; box-sizing: border-box;}
.join-wrap .id-input, .join-wrap .post-input {width: calc(100% - 9.4rem)!important;}
.join-wrap .team-check {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1rem; row-gap: 2rem; }
.join-wrap .team-check input[type="radio"] {display: none;}
.join-wrap .team-check input[type="radio"] + label {width: auto; height: auto; display: block; background-image: none; text-indent: initial; cursor: pointer;}
.join-wrap .team-check input[type="radio"] + label .img {position: relative; width: 5.714rem; height: 5.714rem; margin: 0 auto; border-radius: 100%; box-shadow: 4px 4px 10px 0 rgba(7, 29, 61, 0.08); background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 70%;}
.join-wrap .team-check input[type="radio"] + label > h6 {font-size: .875rem; font-weight: 500; text-align: center; margin-top: .75rem;}
.join-wrap .team-check input[type="radio"]:checked + label > h6 {font-weight: 700; color: #071d3d;}
.join-wrap .team-check input[type="radio"]:checked + label .img::before {content: ''; position: absolute; top: 0; left: 0; width: 5.574rem; height: 5.574rem; border-radius: 100%; border: .14rem solid #071d3d; background-color: rgba(29, 70, 125, 0.6); background-image: url(../images/icon/ic-checking@2x.png); background-repeat: no-repeat; background-size: 50%; background-position: center;}

.join-agree {width: 32.857rem; margin: 1.429rem auto 0; padding: 2.143rem; background-color: #f4f4f4; box-sizing: border-box;}
.join-agree > li {font-weight: 500; text-align: left;}
.join-agree > li + li {margin-top: 1rem;}
.join-agree > li + li {margin-top: 1rem;}
.join-agree > li input {vertical-align: middle;}
.join-agree > li span {font-size: .875rem; cursor: pointer; font-weight: initial; margin-left: .25rem; vertical-align: middle;}
.join-agree > li button {text-decoration: underline; font-size: .75rem; cursor: pointer; color: #8d91a2; vertical-align: middle; font-weight: initial;}
.join-agree > li > ul {margin-top: .5rem; margin-left: 1.125rem;}
.join-agree input[type="checkbox"] + label + a {text-decoration: underline; color: #747474; font-size: .75rem; margin-left: .5rem;}

.join-btn {margin: 1.429rem auto 0; width: 32.857rem; background-color: #071d3d; height: 3.429rem; line-height: 3.429rem; color: #fff; font-size: 1rem; display: block;}
.login-btn {width: 32.857rem; height: 3.429rem; line-height: 3.429rem; background-color: #071d3d; color: #fff; margin-top: 2.857rem;}

.popup {width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999; display: none}
.popup .pop-wrap {width: 40rem; background-color: #fff; box-sizing: border-box; padding: 2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.popup .pop-wrap .pop-title {margin: -2rem -2rem 0; background-color: #071d3d; padding: 2rem; font-size: initial; text-align: center; position: relative;}
.popup .pop-wrap .pop-title > h6 {color: #fff; font-size: 1.25rem; font-weight: 500; vertical-align: middle;}
.popup .pop-wrap .pop-title .close {position: absolute; filter: invert(1); top: 2rem; right: 2rem; width: 1.25rem; height: 1.25rem; background-size: 1.25rem; background-repeat: no-repeat; background-position: center; background-image: url("../images/icon/ic-close@2x.png");}
.popup .pop-wrap .pop-cont {max-height: 40rem; overflow-y: auto; margin-top: 2rem; font-size: 1.143rem; text-align: center;}
.popup .pop-wrap .pop-cont p {text-align: left; font-size: .875rem; line-height: 1.4;}
.popup .pop-wrap .pop-cont p + p {margin-top: 1rem;}
.popup .pop-wrap .pop-btn {margin-top: 2rem; display: flex; align-items: center; justify-content: space-between;}
.popup .pop-wrap .pop-btn > button {width: 100%; height: 4rem; line-height: 4rem; background-color: #071d3d; font-size: 1rem; color: #fff; text-align: center;}
.popup .pop-wrap .pop-btn > button:first-child:nth-last-child(2), .popup .pop-wrap .pop-btn > button:first-child:nth-last-child(2) ~ button {width: calc((100% - 1rem) / 2)}
.popup .pop-wrap .pop-btn > button.gray {background-color: #747474;}
.popup.active{display: block;}

.pop-new {border: .071rem solid #e4e4e4; padding: 2rem; background-color: #fff;}
.pop-new .close {text-align: right; font-size: .75rem; color: #747474; cursor: pointer; margin-bottom: 1rem;}

.idpw-box {background-color: #f8f8f8; padding: 4rem; width: 32.857rem; margin: 0 auto;}
.idpw-box > ul {display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap;}
.idpw-box > ul > li > div {background-color: #fff; border: .071rem solid #e4e4e4; margin: 0 1rem; padding: 0 2rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.25rem; font-weight: 700;}

/* 점검 중 */
#construction {width: 100vw; height: 100vh; background-image: url(../images/error-bg@2x.png); background-repeat: no-repeat; background-size: 38.571rem auto; background-position: right bottom;}
.error-wrap {text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.error-wrap > h6 {font-size: 1.5rem; font-weight: 700; color: #071d3d;}
.error-wrap > p {margin-top: 1.5rem; font-weight: 500; line-height: 1.6;}
.error-wrap > ul {margin-top: 1.5rem;}
.error-wrap > ul > li {line-height: 1.6;}
.error-wrap > ul > li > span:nth-child(1) {font-weight: 700; margin-right: .25rem; width: 5rem; display: inline-block;}
.error-wrap > ul > li > span:nth-child(2) {display: inline-block; width: 9rem; text-align: left;}
.error-wrap > span {margin-top: 1rem; display: block; color: #fa3232; font-weight: 500;}
.error-swiper {position: relative; width: 31.429rem; overflow: hidden; margin: 0 auto; margin-top: 2.5rem;}
.error-swiper img {width: 31.429rem;}

/* 주니어 다이노스 */
.header-wrap.junior.hover:after {content: none;}
.contents-wrap > .story.junior .con h6 {font-size: 1.5rem; font-weight: 700; color: #071d3d; margin-top: 2.5rem; padding-bottom: 1.5714285714rem;}

.contents-wrap > .story.junior .con:nth-of-type(1) .s-txt {padding-bottom: 0;}
.contents-wrap > .story.junior .con:nth-of-type(2) {background-color: transparent;}
.contents-wrap > .story.junior .con:nth-of-type(2) .box {background-image: none; padding-bottom: 0;}
.junior-p span.gray {font-weight: 500; color: #a4a4a4;}
.junior-p span.red {font-weight: 500; color: #fa3232;}
p + .junior-p {margin-top: 1rem;}

.junior-cont-box {background-color: #f8f8f8; padding: 2.5rem; margin-top: 2.5rem;}
.junior-cont-box ul > li {color: #a4a4a4; line-height: 2.5;}

.junior-table {border-top: 0.143rem solid #071d3d; width: 100%; border-spacing: 0; border-collapse: collapse;}
.junior-table th {background-color: #f5f5f5; height: 4.286rem; line-height: 4.286rem; color: #747474;}
.junior-table td {vertical-align: middle; height: 4.286rem; line-height: 1.6; text-align: center; border-bottom: .071rem solid #f5f5f5;}
.junior-table td + td {border-left: .071rem solid #f5f5f5;}

.junior-half {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.429rem;}

/* 회원가입 */
.join-check02 {display: flex; align-items: center; justify-content: center;}
.join-check02 input[type='radio'] {display: none;}
.join-check02 input[type='radio'] + label {display: inline-block; width: 14rem; height: 3.875rem; line-height: 4rem; background-image: none; text-indent: initial; border: .071rem solid #eee; cursor: pointer;}
.join-check02 input[type='radio']:nth-child(1) + label {border-right: 0;}
.join-check02 input[type='radio']:checked + label {border-color: #c79f7b; font-weight: 700; color: #c79f7b;}
.join-check02 input[type='radio']:nth-child(1):checked ~ label {border-left-color: #c79f7b;}

.join-check01 {width: 28rem; margin: 2rem auto 0; background-color: #f5f5f5; padding: 1.25rem; text-align: left; box-sizing: border-box;}
.join-check01 > li {font-size: 1rem; font-weight: 700; margin-bottom: 1rem;}
.join-check01 > li > ul {margin-top: .875rem; margin-left: 1.75rem;}
.join-check01 li + li {margin-top: .5rem;}
.join-check01 input[type="checkbox"] {display: none;}
.join-check01 input[type="checkbox"] + label::before {content: ''; width: 1rem; height: 1rem; border: .071rem solid #e4e4e4; background-color: #fff; background-position: center; background-size: .75rem auto; background-repeat: no-repeat; display: inline-block; vertical-align: middle;    position: relative; top: -0.071rem; margin-right: 0.5rem;}
.join-check01 input[type="checkbox"]:checked + label::before {background-color: #071d3d; background-image: url(../images/ico_chk.png);}
.join-check01 input[type="checkbox"] + label > span {font-size: .875rem; cursor: pointer;}
.join-check01 input[type="checkbox"] + label + a {text-decoration: underline; color: #747474; font-size: .75rem; margin-left: .5rem;}

.pop-cont {line-height: 1.6; font-weight: initial; font-size: .875rem;}
.join-pop > p {line-height: 1.8!important;}
.join-pop .font700 {font-weight: 700; font-size: 1rem;}

.join-check03 {width: 100%; margin-top: 1.25rem; text-align: left; box-sizing: border-box;}
.join-check03 input[type="checkbox"] {display: none;}
.join-check03 input[type="checkbox"] + label::before {content: ''; width: 1rem; height: 1rem; border: .071rem solid #e4e4e4; background-color: #fff; background-position: center; background-size: .75rem auto; background-repeat: no-repeat; display: inline-block; vertical-align: middle;    position: relative; top: -0.071rem; margin-right: 0.5rem;}
.join-check03 input[type="checkbox"]:checked + label::before {background-color: #071d3d; background-image: url(../images/ico_chk.png);}
.join-check03 input[type="checkbox"] + label > span {font-size: .875rem; cursor: pointer;}
.join-check03 input[type="checkbox"] + label > span > a {text-decoration: underline; color: #747474; font-size: .75rem; margin-left: .5rem;}

/* 마이페이지 */
.mypage-box {align-items: center; padding: 1rem 0!important;}
.mypage-box .label {display: inline-block; background-color: #5c8ebb; font-size: .75rem; color: #fff!important; font-weight: 500; height: 1.143rem; line-height: 1.12rem; padding: 0 .5rem; margin-bottom: .625rem;}
.mypage-box > span > button {background-color: #e4e4e4; font-size: .75rem; color: #777; margin-top: 1.5rem; padding: 0 .5rem; height: 1.5rem;}
.mypage-box > span > button.gray {background-color: #8d91a2; color: #fff;}
.mypage-box > span > button + button {margin-left: .25rem;}
.withdrawal > li {line-height: 1.6; text-indent: -1.25rem; padding-left: 1.5rem;}
.withdrawal > li::before {content: '-'; margin-right: 1rem;}

.withdrawal-btn {margin-top: 2rem; display: flex; align-items: center; justify-content: space-between;}
.withdrawal-btn input[type="checkbox"] {display: none;}
.withdrawal-btn input[type="checkbox"] + label::before {content: ''; width: 1rem; height: 1rem; border: .071rem solid #e4e4e4; background-color: #f4f4f4; background-image: url(../images/ico_chk.png); background-position: center; background-size: .75rem auto; background-repeat: no-repeat; display: inline-block; vertical-align: middle;    position: relative; top: -0.071rem; margin-right: 0.5rem;}
.withdrawal-btn input[type="checkbox"]:checked + label::before {background-color: #071d3d;}
.withdrawal-btn input[type="checkbox"] + label > span {font-size: .875rem; cursor: pointer;}
.withdrawal-btn input[type="checkbox"] + label > span > a {text-decoration: underline;}
.withdrawal-btn button {background-color: #071d3d; font-size: .875rem; color: #fff; width: 9rem; height: 2.5rem;}

.withdrawal-wrap {width: 32.857rem; margin: 4rem auto 0; padding: 2.143rem; background-color: #f8f8f8; box-sizing: border-box;}
.withdrawal-wrap > li {font-weight: 500; text-align: left;}
.withdrawal-wrap > li > label {font-weight: 400; text-align: left; font-size: .8rem;}
.withdrawal-wrap > li + li {margin-top: 1rem;}
.withdrawal-wrap > li > input[type="password"] {width: 100%; height: 3.429rem; line-height: 3.429rem; padding: 0 1rem; color: #747474; border: .071rem solid #e4e4e4; background-color: #fff; box-sizing: border-box;}
.withdrawal-wrap > li button {width: 100%; height: 3.429rem; line-height: 3.429rem; text-align: center; color: #fff; background-color: #071d3d; box-sizing: border-box;}

.cal-new-wrap {text-align: center; width: 100%; padding: 5.625rem 0!important; margin-bottom: 8.5714285714rem;}
.cal-new-wrap::before {content: ''; background-color: #eef3f8; text-align: center; width: 100vw; height: 100%; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1;}
.cal-new-wrap .date-wrap + .cal-new {margin-top: 1.875rem;}
.cal-new .title {display: grid; grid-template-columns: repeat(7, 1fr); }
.cal-new .title > li {background-color: #001c48; color: #fff; text-align: center; height: 2.5rem; line-height: 2.5rem;}
.cal-new .cont {display: grid; grid-template-columns: repeat(7, 1fr);}
.cal-new .cont > li {border-left: .125rem solid #eef3f8; background-color: #fff; border-bottom: .125rem solid #eef3f8; height: 7.75rem; position: relative;}
.cal-new .cont > li:nth-child(1), .cal-new .cont > li:nth-of-type(7n - 1) {border-left: 0;}
.cal-new .cont > li > span {font-weight: 500; position: absolute; top: 1rem; right: 1.25rem;}
.cal-new .cont > li.none {background-color: #F8FAFC;}

.event-card {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.25rem; row-gap: 1.875rem;}
.event-card > li {cursor: pointer;}
.event-card > li .img {width: 100%; height: 16.857em; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.event-card > li .img .label {position: absolute; top: .625rem; right: .625rem; background-color: #fa3232; font-size: .875rem; color: #fff; padding: .25rem;}
.event-card > li > h6 {width: 15rem; font-size: 1.125rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1.25rem;}
.event-card > li > span {font-size: .75rem; color: #777; margin-top: .875rem; display: block;}

.view-check {margin: .714rem 0;}
.view-check > li input[type="checkbox"] {display: none;}
.view-check > li + li {margin-top: .857rem;}
.view-check > li input[type="checkbox"] + label {cursor: pointer;}
.view-check > li input[type="checkbox"] + label::before {content: ''; width: 1.143rem; height: 1.143rem; display: inline-block; border: .063rem solid #222; background-color: #fff; margin-right: .625rem; vertical-align: middle;}
.view-check > li input[type="checkbox"] + label > span {font-size: 1rem; vertical-align: middle;}
.view-check > li input[type="checkbox"]:checked + label::before {background-color: #c79f7b; background-image: url(../images/icon/ic-checking@2x.png); background-repeat: no-repeat; background-size: 70%; background-position: center;}

.privacy-sel {display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.8571428571rem;}
.privacy-sel .tit {padding-bottom: 0!important;}
.privacy-sel select{display: block; width: fit-content; height: 2rem; padding: 0 2rem 0 .5rem; font-size: .875rem;  box-sizing: border-box; background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-size: .5rem auto; background-position: right .5rem center; -webkit-appearance: none; appearance: none;}
.privacy-sel select ::-ms-expand {display: none;/*for IE10,11*/}

.event-slider {overflow: hidden; position: relative; margin: 2.8571428571rem 2.4285714286rem 8.5714285714rem;}
.event-slider .txt .title {margin-top: 1.286rem; height: 3rem; font-size: 1.143rem; font-weight: 500; line-height: 1.4; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event-slider .txt .date {display: block; margin-top: 1.286rem; font-size: 0.857rem; color: #747474;}
.event-slider .event-pagination {text-align: center; margin-top: 2.143rem;}
.event-slider .event-pagination .swiper-pagination-bullet {width: 0.857rem; height: 0.857rem; background-color: #B3BFD1; opacity: 1;}
.event-slider .event-pagination .swiper-pagination-bullet-active {background-color: #1d477b; opacity: 1;}
.event.swiper-button-prev:after, .event.swiper-button-next:after {content: none;}
.event.swiper-button-next::before,
.event.swiper-button-prev::before {content: ''; width: 0.7142857143rem; height: 1.2857142857rem; background-size: 0.7142857143rem;}
.event.swiper-button-next::before {background-image: url(../images/ico_next.png);}
.event.swiper-button-prev::before {background-image: url(../images/ico_prev.png);}
.event.swiper-button-next,
.event.swiper-button-prev {margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.event.swiper-button-next {right: 0;}
.event.swiper-button-prev {left: 0;}

/*.mypage-ticket {margin-bottom: 8.5714285714rem;}*/

.tit-wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.8571428571rem;}
.tit-wrap .tit {padding-bottom: 0!important;}
.tit-wrap > button {border: .071rem solid #dbdbdb; height: 2.857rem; padding: 0 1rem; font-weight: 500; cursor: pointer;}
.tit-wrap > span {display: flex; align-items: center; cursor: pointer;}
.tit-wrap > span > i {vertical-align: middle;}

.cont-box + .cont-box {margin-top: 4.286rem;}

.tit + .cont-desc, .tit-wrap + .cont-desc {margin-top: 0;}
.cont-desc {background-color: #f8f8f8; margin-top: 2.286rem; padding: 2.286rem;}
.cont-desc h4 {font-weight: 700; font-size: 1.143rem; color: #ee2529!important;}
.cont-desc ul > li {color: #747474; padding-left: 2rem; text-indent: -1rem; line-height: 1.6;}
.cont-desc ul > li::before {content: ''; display: inline-block; width: .429rem; height: .429rem; background-color: #747474; position: relative; top: -.2rem; margin-right: .571rem;}
.cont-desc ul > li + li {margin-top: 1rem;}

.essential {display: inline-block; width: .429rem; height: .429rem; background-color: #747474; position: relative; top: -.2rem; margin-right: .571rem;}

.group-table tr th:not(:first-child), .group-table tr td:not(:first-child) {border-left: 0;}
.group-table tr td, .group-table tr th {border-left: 0;}
.group-table .drop td {text-align: left; font-weight: 400; }
.group-table .drop.blue td {background-color: #eef3f8;}
.group-table .drop.blue td span {color: #1e457c; font-size: 1.143rem; font-weight: 700; margin-right: 1rem; display: inline-block;}
.group-table .alignLeft {font-size: 1.143rem; font-weight: 700;}

.group-table td .ic-arrow-down-20 {position: absolute; top: 50%; right: 1rem; display: block; width: 1.429rem; height: 1.429rem; background-image: url(../images/icon/ic-arrow-down-20@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.group-table td .ic-arrow-up-20 {position: absolute; top: 50%; right: 1rem; display: block; width: 1.429rem; height: 1.429rem; background-image: url(../images/icon/ic-arrow-up-20@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.input-table tr th, .input-table tr td {text-align: left; padding: .75rem 2rem; box-sizing: border-box;}
.input-table td ul {display: flex; align-items: center;}
.input-table td ul > li {display: flex; align-items: center;}
.input-table td ul > li + li {margin-left: 2rem;}
.input-table td ul > li > span {display: inline-block; margin-right: 1rem;}
.input-table td input[type='text'] {width: 22.857rem;}
.input-table td input[type='text'].sm {width: 6.714rem;}
.input-table td .phone > li + li {margin-left: 0;}
.input-table td .phone > li + li::before {content: '-'; padding: 0 .5rem;}

input[type='radio'].radio-new {display: none;}
input[type='radio'].radio-new + label {width: initial; height: initial; display: flex; column-gap: 6px; align-items: center; background-image: initial; text-indent: initial; cursor: pointer;}
input[type='radio'].radio-new + label::before {content: ''; width: 1.429rem; height: 1.429rem; display: inline-block; background-image: url(../images/icon/ic-radio@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type='radio'].radio-new:checked + label::before {background-image: url(../images/icon/ic-radio-ov@2x.png);}

input[type='checkbox'].chk-new {display: none;}
input[type='checkbox'].chk-new + label {width: initial; height: initial; display: flex; align-items: center; background-image: initial; text-indent: initial; cursor: pointer;}
input[type='checkbox'].chk-new + label::before {content: ''; width: 1.714rem; height: 1.714rem; display: inline-block; background-image: url(../images/icon/ic-checkbox-24@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
input[type='checkbox'].chk-new:checked + label::before {background-image: url(../images/icon/ic-checkbox-ov-24@2x.png);}
input[type='checkbox'].chk-new + label > span {margin-left: .571rem; font-weight: 500; font-size: 1.143rem;}
input[type='checkbox'].chk-new + label > span > a {font-size: 1rem; color: #747474; text-decoration: underline; margin-left: .2rem; font-weight: initial;}

input[type='date'] {border: .071rem solid #dbdbdb; height: 2.857rem; padding: 0 .857rem; width: 22.857rem; box-sizing: border-box;}
input[type='text'] {border: .071rem solid #dbdbdb; height: 2.857rem; padding: 0 .857rem; width: 22.857rem; box-sizing: border-box;}
textarea {width: 100%; min-height: 8.571rem; border: .071rem solid #dbdbdb; padding: .857rem; line-height: 1.6; box-sizing: border-box;}

.sub-chk {margin-top: 2.857rem;}
.sub-chk > li + li {margin-top: 1.429rem;}

.groupTourSel select {padding: 0.4285714286rem 2rem 0.4285714286rem 0.8571428571rem; border: .071rem solid #dbdbdb; width: fit-content; font-size: .875rem; box-sizing: border-box; background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-size: .5rem auto; background-position: right .5rem center; -webkit-appearance: none; appearance: none;}
.groupTourSel select::-ms-expand {display: none;/*for IE10,11*/}
.groupTourSel select + select {margin-left: .71rem;}

.btn-wrap {margin-top: 4.286rem; display: flex; justify-content: center;}
.btn-wrap button {width: 15.714rem; background-color: #1d457c; color: #fff; height: 4.286rem;}
.btn-wrap button.gray {background-color: #747474;}
.btn-wrap button + button {margin-left: .75rem;}

.dnation-sum {background-color: #eef3f8; padding: 2.857rem; margin-top: -5rem; margin-bottom: 6.429rem;}
.dnation-graph {padding: 1.429rem 0; text-align: left; margin: 0 auto; position: relative; width: 42.857rem; height: 9.5rem;}
.dnation-graph > img {width: 10rem; z-index: 1; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.dnation-graph .graph {width: 36.8rem; height: 2.857rem; border: .143rem solid #b59c70; border-radius: 5rem; background-color: #fff; padding: .429rem; box-sizing: border-box; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.dnation-graph .graph > span {display: block; height: 100%; background-color: #003067; border-radius: 5rem;}
.dnation-txt {display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 2.143rem; margin-top: 2.857rem;}
.dnation-txt h6 {font-size: 1.429rem; font-weight: 500; color: #071d3d;}
.dnation-txt p {font-size: 1.714rem; font-weight: 700; color: #c7a079;}

.dnation.sch-wrap {display: flex; align-items: center}
.dnation-sub-tab {display: flex; align-items: center; height: 2.7142857143rem; margin-right: 1rem; border-top: 0.0714285714rem solid #dbdbdb; border-left: 0.0714285714rem solid #dbdbdb; box-sizing: border-box;}
.dnation-sub-tab > li {border-right: 0.0714285714rem solid #dbdbdb; border-bottom: 0.0714285714rem solid #dbdbdb; font-size: 1rem; color: #747474; height: 100%; line-height: 2.7rem; width: 7rem; text-align: center;}
.dnation-sub-tab > li.active {background-color: #c79f7b; color: #fff;}

.coupon-pop .pop-tit {position: relative; padding: 1rem 0;}
.coupon-pop .pop-tit > h4 {text-align: center; font-size: 1.714rem; font-weight: 700; color: #071d3d;}
.coupon-pop .pop-tit > i {background-image: url(../images/icon/ic-close@2x.png); position: absolute; right: 0; width: 1.714rem; height: 1.714rem; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.coupon-pop .coupon-wrap {border: .071rem solid #e4e4e4;}
.coupon-pop .coupon-wrap .cont {display: flex; align-items: center; justify-content: space-between; background-image: url(../images/bg-coupon@2x.png); background-size: 13.286rem auto; background-position: right 3.571rem bottom; background-repeat: no-repeat;}
.coupon-pop .coupon-wrap .cont > div {height: 9.286rem; box-sizing: border-box;}
.coupon-pop .coupon-wrap .cont > div:nth-child(1) {width: 80%; padding: 2.143rem;}
.coupon-pop .coupon-wrap .cont > div:nth-child(1) > h6 {font-size: 1rem; line-height: 1.4; text-align: left; width: 80%; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coupon-pop .coupon-wrap .cont > div:nth-child(1) > span {font-size: .75rem; text-align: left; display: block; margin-top: .75rem; color: #747474;}
.coupon-pop .coupon-wrap .cont > div:nth-child(2) {width: 20%; border-left: .071rem dashed #e4e4e4; position: relative; padding: 2.143rem 0;}
.coupon-pop .coupon-wrap .cont > div:nth-child(2) .label {display: block; width: fit-content; height: fit-content; padding: 0 .25rem; font-size: .75rem; font-weight: 500; margin: 0 auto; color: #fff; background-color: #c79f7b; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.coupon-pop .coupon-wrap .cont > div:nth-child(2) .label.gray {background-color: #a4a4a4;}
.coupon-pop .coupon-wrap .barcode {background-color: #f8f8f8; padding: 2.5rem; border-top: .071rem solid #e4e4e4; border-bottom: .071rem solid #e4e4e4;}
.coupon-pop .coupon-wrap .barcode > div {background-repeat: no-repeat; background-size: contain; background-position: center; width: 22.429rem; height: 5.214rem; margin: 0 auto;}
.coupon-pop .coupon-wrap .barcode > span {display: block; margin-top: 1rem; font-size: 1rem; font-weight: 500;}
.coupon-pop .coupon-wrap .barcode > p {font-size: 16px; text-align: center; color: #747474;}
.coupon-pop .coupon-wrap .barcode > button {width: 120px; height: 40px; font-size: 14px; font-weight: initial; color: #fff; background-color: #c79f7b; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.coupon-pop .coupon-wrap .barcode > input[type="text"] {text-align: center; margin-bottom: 12px;}
.coupon-pop .coupon-wrap .guide {padding: 1.5rem;}
.coupon-pop .coupon-wrap .guide h6 {display: flex; align-items: center; font-size: 1.125rem; font-weight: 500;}
.coupon-pop .coupon-wrap .guide h6 > i {width: 1.429rem; height: 1.429rem; background-image: url(../images/ic-infor-20@2x.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: .5rem;}
.coupon-pop .coupon-wrap .guide ul {margin-top: 1rem; font-size: .875rem; color: #747474; text-align: left;}
.coupon-pop .coupon-wrap .guide ul > li {padding-left: 1rem; position: relative;}
.coupon-pop .coupon-wrap .guide ul > li::before {content: ''; width: .4rem; height: .4rem; background-color: #747474; display: block; position: absolute; left: 0; top: .5rem;}
.coupon-pop .coupon-wrap .guide ul > li + li {margin-top: .5rem;}
.coupon-pop .coupon-guide {margin-top: 1.5rem;}
.coupon-pop .coupon-guide ul > li {font-size: 1rem; color: #747474; text-align: left; padding-left: 1rem; position: relative;}
.coupon-pop .coupon-guide ul > li + li {margin-top: .5rem;}
.coupon-pop .coupon-guide ul > li::before {content: ''; width: .4rem; height: .4rem; background-color: #747474; display: block; position: absolute; left: 0; top: .5rem;}


/* error --------------------------- */
.position-center {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#error {width: 100vw; height: 100vh; text-align: center; background-color: #fff; background-image: url(../images/error-bg-new.png); background-repeat: no-repeat; background-position: right bottom; background-size: 38.571rem auto;}
#error .error-num {font-size: 7.143rem; font-weight: 900; color: #eef3f8;}
#error h4 {font-size: 1.714rem; font-weight: 700; color: #071d3d; margin-top: 2.857rem;}
#error p {font-weight: 500; line-height: 1.6; margin-top: 1.429rem;}
#error button {width: 21.429rem; height: 4.286rem; line-height: 4.143rem; font-size: 1.143rem; font-weight: 700; background-color: #071d3d; margin-top: 4.286rem; color: #fff;}

/* 주니어 다이노스 소개 페이지 22.08.05 */
.junior-dinos .con + .con {margin-top: 30px;}
.junior-dinos .con .box {padding-bottom: 60px;}
.junior-dinos .con .box > h6,
.junior-half > div > h6 {font-size: 20px; font-weight: 700; color: #071d3d; margin-bottom: 24px;}

.junior-dinos .con .box .tit {display: flex; align-items: center; justify-content: space-between;}
.junior-dinos .con .box .tit button {background-color: #6799c2; width: initial; height: 40px; padding: 0 24px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; font-weight: initial; line-height: initial; margin: 0; position: relative; right: auto;}

.junior-dinos .con .box .tit .buttonSpan {padding: 0 24px; display: flex; align-items: center; justify-content: center; line-height: initial; margin: 0; position: relative; right: auto;}
.junior-dinos .con .box .tit .buttonSpan button {background-color: #6799c2; width: initial; height: 40px; font-size: 14px; color: #fff; font-weight: initial;}

.junior-slider-img {width: 100%; height: 100%; background-color: black; background-repeat: no-repeat; background-size: contain; background-position: center;}

.junior-intro {display: flex; align-items: center; flex-flow: column;}
.junior-intro > img {width: 470px; height: 240px;}
.junior-intro > h6 {font-size: 24px; margin-top: 32px;}
.junior-intro > h6 > span {font-weight: 700;}
.junior-intro > p {font-size: 16px; line-height: 1.6; font-weight: 500; margin-top: 32px; text-align: center;}

.junior-list + * {margin-top: 26px;}
.junior-list > li {font-size: 16px;}
.junior-list > li.title {font-weight: 500;}
.junior-list > li + li {margin-top: 16px;}
.junior-list > li > span {font-size: 14px; color: #6799c2;}
.junior-list > li > p {font-size: 14px; color: #747474; padding-left: 20px; line-height: 2; margin-top: 12px;}
.junior-list > li > p > span {color: #6799c2;}
.junior-list > li > button {background-color: #6799c2; height: 40px; padding: 0 24px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; font-weight: initial;}

.junior-coupon.coupon-pop .coupon-wrap .cont {background-image: url(../images/bg-coupon-rally@3x.png); background-size: auto 80px; background-position: right 0 bottom 12px;}

.park-mate {display: flex; align-items: center; justify-content: space-between;}
.park-mate > ul {width: calc(100% - 196px);}
.park-mate > img {width: 176px; height: 284px; margin-left: 20px;}

b {font-weight: 700!important;}

.main-bottom-banner-wrap {display: flex; column-gap: 20px; justify-content: center;}
.main-bottom-banner-wrap li {width: calc((100% - 40px) / 3); min-height: 170px;}
.main-bottom-banner-wrap li img {width: 100%; max-width: initial;}
.main-bottom-banner-wrap li a {position: relative; height: 100%; padding: 0 30px; background-color: #eef3f8; box-sizing: border-box; display: flex; flex-flow: column; row-gap: 20px; align-items: start; justify-content: center;}
.main-bottom-banner-wrap li a strong {font-size: 22px; font-weight: 700; color: #003067;}
.main-bottom-banner-wrap li a .txt {font-size: 14px; line-height: 1.4; color: #919190;}
.main-bottom-banner-wrap li a .ico {position: absolute; bottom: 30px; right: 15px;}

.contents-wrap .timetable .slider .wrap .swiper-slide .date {position: relative;}
.timetable-live-btn {display: flex; align-items: center; column-gap: 8px; font-size: 14px; color: #c7a079; font-weight: 500; position: absolute; top: 0; right: 16px;}
.ic-arrow-gold {display: block; width: 8px; height: 12px; background-image: url("../images/ic-arrow-gold@3x.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}


/* 230328 멤버십 결제하기 */
.mem-pay-wrap {display: flex; column-gap: 20px; height: auto;}
.mem-pay-wrap .pay-cont {width: calc(100% - 20px - 280px);}
.mem-pay-wrap .price-cont {width: 280px; position: sticky; top: 0;}

.cont-box > .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.cont-box > .title > h4 {font-size: 24px; font-weight: 700; color: #071d3d;}
.img-membership-premium {display: block; width: 32px; height: 32px; background-image: url(../images/img-membership-premium.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
.img-membership-basic {display: block; width: 32px; height: 32px; background-image: url(../images/img-membership-basic.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
.img-membership-mint {display: block; width: 32px; height: 32px; background-image: url(../images/img-membership-mint.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.input-table td ul.pay-radio {display: flex; flex-flow: column; align-items: flex-start; row-gap: 12px;}
.input-table td ul.pay-radio > li + li {margin-left: 0;}

.pay-point-wrap {text-align: left; padding: 10.5px 28px;}
.pay-point-wrap > div {display: flex; align-items: center; column-gap: 12px;}
.pay-point-wrap > div button {height: 2.857rem; width: fit-content; padding: 0 26px; background-color: #747474; color: #fff; white-space: nowrap;}
.pay-point-wrap > span {display: block; margin-top: 8px; font-size: 12px; color: #747474; font-weight: 500;}
.pay-point-wrap > p {margin-top: 15px; font-size: 14px; color: #747474; font-weight: 500;}
.pay-point-wrap > p > span {font-size: 16px; font-weight: 700; color: #000;}

.pay-empty {width: 300px; margin: 0 auto; padding: 24px; display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 12px; border: 1px solid #eee;}
.pay-empty img {width: 42px; height: 42px;}
.pay-empty p {font-size: 14px; font-weight: 500; color: #747474;}

.price-box {padding: 20px; box-shadow: 3.1px 2.6px 12px 0 rgba(15, 16, 16, 0.12);}
.price-box + .price-box {margin-top: 12px;}
.price-box .title {display: flex; align-items: center; justify-content: center; padding-bottom: 20px; border-bottom: 2px solid #071d3d; margin-bottom: 20px;}
.price-box .title > h6 {font-size: 16px; font-weight: 700;}
.price-box .receipt {display: flex; flex-flow: column; row-gap: 16px;}
.price-box .receipt > li {display: flex; align-items: center; justify-content: space-between;}
.price-box .receipt > li > h6 {font-size: 14px; font-weight: 500;}
.price-box .receipt > li > p {font-size: 16px; font-weight: 700; display: flex; align-items: center; column-gap: 2px;}
.price-box .receipt > li > p > span {font-size: 14px; font-weight: 400;}
.price-box .receipt > li.total {border-top: 1px solid #eee; padding-top: 16px;}
.price-box .receipt > li.total > p {color: #c7a079;}
.price-box .receipt + p {color: #747474; margin-top: 12px;}
.price-box > p {font-size: 12px; line-height: 1.4;}
.price-box .terms-chk {margin-top: 16px; padding-top: 16px; border-top: 1px solid #eee; display: flex; flex-flow: column; row-gap: 16px;}
.price-box .terms-chk > li {display: flex; align-items: flex-start; column-gap: 12px;}
.price-box .terms-chk > li input.chk-new + label::before {width: 16px; height: 16px;}
.price-box .terms-chk > li input.chk-new + label + span {width: calc(100% - 16px - 12px); font-size: 12px; line-height: 1.4;}
.price-box .terms-chk > li input.chk-new + label + span > a {color: #747474; text-decoration: underline; padding-left: 4px;}
.price-box > button {width: calc(100% + 40px); height: 52px; background-color: #071d3d; color: #fff; margin: 20px -20px -20px;}

.pay-result {display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100%;}
.pay-result > img {width: 90px; height: 90px; margin-bottom: 24px;}
.pay-result > h4 {font-size: 24px; font-weight: 700; color: #061c3e;}
.pay-result > p {text-align: center; line-height: 1.4; margin-top: 20px; font-size: 16px; font-weight: 500;}
.pay-result > button {width: 220px; height: 60px; background-color: #1c447e; color: #fff; font-size: 16px; margin-top: 40px;}

.popup .pop-password {width: 524px; padding: 32px;}
.popup .pop-password .pop-title {background-color: transparent; margin: 0; padding: 0; padding-top: 16px; position: relative;}
.popup .pop-password .pop-title > h6 {font-size: 24px; color: #071d3d;}
.popup .pop-password .pop-title > .close {background-image: url(../images/ic-close-24@3x.png); filter: none; width: 24px; height: 24px; top: 16px; right: 0;}
.popup .pop-password .pop-cont {padding: 0; margin: 0; margin-top: 20px; display: flex; flex-flow: column; align-items: center; justify-content: center;}
.popup .pop-password .pop-cont > p {font-size: 18px; font-weight: 500;}
.popup .pop-password .pop-cont .password {display: flex; align-items: center; justify-content: center; margin: 60px 0; column-gap: 20px;}
.popup .pop-password .pop-cont .password > li {width: 20px; height: 20px; background-color: #dbdbdb; border-radius: 100%; }
.popup .pop-password .pop-cont .password > li.active {background-color: #071d3d;}
.popup .pop-password .pop-cont .key {display: grid; grid-template-columns: repeat(3, 1fr); width: 99%; border-top: 1px solid #eee; border-right: 1px solid #eee;}
.popup .pop-password .pop-cont .key > li {display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; height: 60px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; cursor: pointer;}
.popup .pop-password .pop-cont .key > li > span {font-size: 16px; font-weight: 500; color: #747474;}
.popup .pop-password .pop-cont .key > li > img {width: 42px; height: 28px;}

.contents-wrap .partner-page .box .spon-wrap .item {margin: 0; width: 100%; max-width: inherit;}
.contents-wrap .partner-page .box .spon-wrap {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.4285714286rem;}


/* 투어 프로그램 추가 */
.tour-desc {background-color: #f8f8f8; padding: 32px; display: flex; flex-flow: column; row-gap: 22px;}
.tour-desc > h6 {font-size: 16px; font-weight: 600; color: #ee2529;}
.tour-desc > ul {display: flex; flex-flow: column; row-gap: 18px;}
.tour-desc > ul > li {font-size: 14px; font-weight: 500; color: #747474; display: flex; column-gap: 6px;}
.tour-desc > ul > li::before {content: ''; width: 6px; height: 6px; background-color: #747474; margin-top: 5px;}

/* 할부 선택 추가 */
.division-wrap {display: flex; align-items: center; column-gap: 10px;}
.division-wrap select {display: block; width: fit-content; height: 32px; padding: 0 2rem 0 .5rem; font-size: .875rem; border: 1px solid #efefef; box-sizing: border-box; background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-size: .5rem auto; background-position: right .5rem center; -webkit-appearance: none; appearance: none;}
.division-wrap select::-ms-expand {display: none;/*for IE10,11*/}
.table-new tr td .division-wrap button {margin: 0; height: 32px;}

/* 24.02.07 */
.ticket-swiper-wrap {height: 90px; display: flex; align-items: center; justify-content: center; background-color: #0C2444; border-bottom: 1px solid rgba(217,217,217,0.2); position: relative;}
.ticket-swiper-wrap * {box-sizing: border-box;}
.ticket-swiper-wrap .ticketSwiper.swiper {width: fit-content; max-width: 1000px; overflow: hidden;}
.ticket-swiper-wrap .ticketSwiper.swiper .swiper-slide {min-width: 192px;}
.ticket-swiper-wrap .empty {display: flex; align-items: center; flex-flow: column; justify-content: center; row-gap: 8px;}
.ticket-swiper-wrap .empty > p {font-size: 14px; font-weight: 700; color: #ffffff;}
.ticket-swiper-wrap .empty > span {font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.7);}

.ticket-swiper-button {width: 1000px; position: absolute; display: flex; align-items: center; justify-content: space-between;}
.ticket-swiper-button > div {width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer;}
.swiper-button-disabled {opacity: 0; cursor: default;}
.ticket-swiper-button-prev {background-image: url(../images/ticket-swiper-button-prev.svg); position: absolute; left: -30px;}
.ticket-swiper-button-next {background-image: url(../images/ticket-swiper-button-next.svg); position: absolute; right: -30px;}

.ticket-sm {width: 100%; height: 60px; border-radius: 4px; padding: 12px; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer;}
.ticket-sm .info {display: flex; flex-flow: column; row-gap: 5px;}
.ticket-sm .info > h2 {font-size: 11px; font-weight: 700; color: #fff; padding: 0;}
.ticket-sm .info > p {font-size: 10px; font-weight: 500; display: flex; align-items: center; color: #BFD4FD; padding: 0;}
.ticket-sm .verse {display: flex; align-items: center; column-gap: 6px;}
.ticket-sm .verse img {width: 42px; height: 34px;}
.ticket-sm .verse > div {display: flex; flex-flow: column; row-gap: 3px;}
.ticket-sm .verse > div > h2 {display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #fff; column-gap: 4px; padding: 0;}
.ticket-sm .verse > div > h2 > span {font-weight: 700; color: #9BC0E5;}
.ticket-sm .verse > div > p {font-size: 11px; color: #ffffff; padding: 0;}

.ticket-sm.type1 {background-image: url(../images/ticket-bg1.png);}
.ticket-sm.type1 .info > p {color: #BFD4FD;}

.ticket-sm.type2 {background-image: url(../images/ticket-bg2.png);}
.ticket-sm.type2 .info > p {color: #EFE4D9;}

.ticket-sm.type3 {background-image: url(../images/ticket-bg3.png);}

.ic-arrow-right-8 {width: 8px; height: 8px; background-image: url(../images/ic-arrow-right-8.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}

/*공지사항 워드 복사 관련 임시 스타일*/
/*.group-table tr > * + * {border-left: 1px solid #000!important;}*/
/*.group-table tr > *[rowspan] {border-right: 1px solid #000!important;}*/
/*.group-table tr > *[rowspan]:last-child {border-right: 0!important;}*/
/*.group-table tr > * + *[rowspan] {border-left: 1px solid #000!important;}*/
/*.group-table tr > * {border-color: #000!important}*/