/* v */
@keyframes title {
  0%, 25% {
    top: 0;
  }
  25.01%, 50% {
    top: -100%;
  }
  50.01%, 75% {
    top: -200%;
  }
  75.01%, 100% {
    top: -300%;
  }
}
@keyframes visualStep {
  0%, 100% {
    opacity: 1;
  }
}
@keyframes changeImg {
  0%, 16.67% {
    opacity: 1;
  }
  17.67%, 100% {
    opacity: 0;
  }
}
@keyframes changeImg2 {
  0%, 20% {
    opacity: 1;
  }
  21%, 100% {
    opacity: 0;
  }
}
@keyframes changeImg3 {
  0%, 33.33% {
    opacity: 1;
  }
  34.33%, 100% {
    opacity: 0;
  }
}
@keyframes imgList {
  0%, 4.56% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  4.76%, 9.32% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  9.52%, 14.08% {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  14.28%, 18.84% {
    -webkit-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
    -o-transform: translateX(-300%);
    transform: translateX(-300%);
  }
  19.04%, 23.6% {
    -webkit-transform: translateX(-400%);
    -moz-transform: translateX(-400%);
    -o-transform: translateX(-400%);
    transform: translateX(-400%);
  }
  23.8%, 28.36% {
    -webkit-transform: translateX(-500%);
    -moz-transform: translateX(-500%);
    -o-transform: translateX(-500%);
    transform: translateX(-500%);
  }
  28.56%, 33.12% {
    -webkit-transform: translateX(-600%);
    -moz-transform: translateX(-600%);
    -o-transform: translateX(-600%);
    transform: translateX(-600%);
  }
  33.32%, 37.88% {
    -webkit-transform: translateX(-700%);
    -moz-transform: translateX(-700%);
    -o-transform: translateX(-700%);
    transform: translateX(-700%);
  }
  38.08%, 42.64% {
    -webkit-transform: translateX(-800%);
    -moz-transform: translateX(-800%);
    -o-transform: translateX(-800%);
    transform: translateX(-800%);
  }
  42.84%, 47.4% {
    -webkit-transform: translateX(-900%);
    -moz-transform: translateX(-900%);
    -o-transform: translateX(-900%);
    transform: translateX(-900%);
  }
  47.6%, 52.16% {
    -webkit-transform: translateX(-1000%);
    -moz-transform: translateX(-1000%);
    -o-transform: translateX(-1000%);
    transform: translateX(-1000%);
  }
  52.36%, 56.92% {
    -webkit-transform: translateX(-1100%);
    -moz-transform: translateX(-1100%);
    -o-transform: translateX(-1100%);
    transform: translateX(-1100%);
  }
  57.12%, 61.68% {
    -webkit-transform: translateX(-1200%);
    -moz-transform: translateX(-1200%);
    -o-transform: translateX(-1200%);
    transform: translateX(-1200%);
  }
  61.88%, 66.44% {
    -webkit-transform: translateX(-1300%);
    -moz-transform: translateX(-1300%);
    -o-transform: translateX(-1300%);
    transform: translateX(-1300%);
  }
  66.64%, 71.2% {
    -webkit-transform: translateX(-1400%);
    -moz-transform: translateX(-1400%);
    -o-transform: translateX(-1400%);
    transform: translateX(-1400%);
  }
  71.4%, 75.96% {
    -webkit-transform: translateX(-1500%);
    -moz-transform: translateX(-1500%);
    -o-transform: translateX(-1500%);
    transform: translateX(-1500%);
  }
  76.16%, 80.72% {
    -webkit-transform: translateX(-1600%);
    -moz-transform: translateX(-1600%);
    -o-transform: translateX(-1600%);
    transform: translateX(-1600%);
  }
  80.92%, 85.48% {
    -webkit-transform: translateX(-1700%);
    -moz-transform: translateX(-1700%);
    -o-transform: translateX(-1700%);
    transform: translateX(-1700%);
  }
  85.68%, 90.24% {
    -webkit-transform: translateX(-1800%);
    -moz-transform: translateX(-1800%);
    -o-transform: translateX(-1800%);
    transform: translateX(-1800%);
  }
  90.44%, 95% {
    -webkit-transform: translateX(-1900%);
    -moz-transform: translateX(-1900%);
    -o-transform: translateX(-1900%);
    transform: translateX(-1900%);
  }
  95.2%, 99.76% {
    -webkit-transform: translateX(-2000%);
    -moz-transform: translateX(-2000%);
    -o-transform: translateX(-2000%);
    transform: translateX(-2000%);
  }
  99.99%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.header-top,
.head-normal,
.gnb,
.bottom-quick-btn {
  display: none !important;
}

@media only screen and (min-width: 375px) and (max-width: 415px) and (min-height: 722px) and (max-height: 897px) {
  /* IphoneX & max */
  .visual-2019terraceouter {
    height: calc(100vh - 144px) !important;
  }
}
.wrap-bottom-ranking {
  margin-top: 0;
}

.header-2018event {
  height: 50px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 500;
}

.header-2018event a {
  display: block;
  width: 158px;
  height: 30px;
  background: url("/skin/m_musinsa/images/logo_ns.png") no-repeat 0 50%;
  background-size: 175px 17px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 10px auto;
}

* {
  font-family: "Musinsa", sans-serif;
  line-height: initial !important;
}

.wrap-2019terraceouter {
  font-family: "Musinsa", sans-serif;
  background: #e3e1d9;
  color: #777;
  font-size: 14px;
  word-break: keep-all;
  overflow: hidden;
  padding-top: 50px;
}

.wrap-2019terraceouter img {
  width: 100%;
}

/* visual-2019terraceouter */
.visual-2019terraceouter {
  position: relative;
  height: calc(100vh - 110px);
}
.visual-2019terraceouter .visual-tit {
  position: absolute;
  left: 0;
  top: 13.5%;
  width: 100%;
  font-weight: 500;
  text-align: center;
  color: #fff;
  z-index: 10;
}
.visual-2019terraceouter .visual-tit h2 {
  width: 100%;
  margin-bottom: 30px;
  font-size: 46px;
  font-weight: 500;
}
.visual-2019terraceouter .visual-tit .date {
  font-family: "Musinsa", sans-serif;
  font-size: 16px;
  color: #fff;
}
.visual-2019terraceouter .visual-tit .date .bar {
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 14px;
  margin-bottom: 2px;
  background-color: #fff;
  vertical-align: bottom;
}
.visual-2019terraceouter .visual-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.visual-2019terraceouter .visual-img .img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-animation: changeImg 15s infinite;
  -moz-animation: changeImg 15s infinite;
  -ms-animation: changeImg 15s infinite;
  -o-animation: changeImg 15s infinite;
  animation: changeImg 15s infinite;
  background-repeat: no-repeat;
  background-size: cover;
}
.visual-2019terraceouter .visual-img .img.img0 {
  animation-delay: 12.5s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual0.jpg?20191129-2");
}
.visual-2019terraceouter .visual-img .img.img1 {
  animation-delay: 10s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual1.jpg?20191129");
}
.visual-2019terraceouter .visual-img .img.img2 {
  animation-delay: 7.5s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual2.jpg?20191129");
}
.visual-2019terraceouter .visual-img .img.img3 {
  animation-delay: 5s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual3.jpg?20191129");
}
.visual-2019terraceouter .visual-img .img.img4 {
  animation-delay: 2.5s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual4.jpg?20191129");
}
.visual-2019terraceouter .visual-img .img.img5 {
  animation-delay: 0s;
  background-image: url("//image.msscdn.net/festival/2019terraceouter/m_visual5.jpg?20191129");
}
.visual-2019terraceouter .visual-logo {
  position: absolute;
  left: 50%;
  bottom: 5.7%;
  width: 42.8%;
  margin-left: -21.4%;
  z-index: 10;
}
.visual-2019terraceouter .visual-logo img {
  width: 100%;
}

/* // visual-2019terraceouter */
/* slide */
.slide-wrap-2019terraceouter {
  position: relative;
  width: 100%;
  padding: 50px 0 45px;
  background-color: #453675;
  color: #fff;
}
.slide-wrap-2019terraceouter .slide-area {
  position: relative;
  overflow: hidden;
  width: 89.334%;
  margin: 0 auto;
}
.slide-wrap-2019terraceouter .slide-area > div {
  width: 100%;
  background-color: #ccc;
}
.slide-wrap-2019terraceouter .slide-area > div .slide-link {
  position: absolute;
  bottom: 0;
  right: 100px;
  width: 265px;
  height: 100px;
  z-index: 20;
}
.slide-wrap-2019terraceouter .slick-dots {
  position: absolute;
  width: 300px;
  left: 50%;
  bottom: 5.971%;
  margin-left: -150px;
  text-align: center;
  z-index: 10;
}
.slide-wrap-2019terraceouter .slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  font-size: 0;
  line-height: 0;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
}
.slide-wrap-2019terraceouter .slick-dots li.slick-active {
  background-color: #453675;
}
.slide-wrap-2019terraceouter .slick-dots li:hover {
  background-color: #453675;
}
.slide-wrap-2019terraceouter .slick-dots li button {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: transparent;
}
.slide-wrap-2019terraceouter .slick-arrow {
  display: none !important;
}

/* //slide */
/* nav anchor */
.nav-2019terraceouter {
  width: 100%;
  background-color: #453675;
  color: #fff;
}
.nav-2019terraceouter h3 {
  font-size: 24px;
  text-align: center;
  font-weight: 500;
}

.nav-2019terraceouter-wrap {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 15px 0;
}
.nav-2019terraceouter-wrap li {
  box-sizing: border-box;
  display: flex;
  flex: auto;
  width: calc(100% / 3);
  margin-bottom: 35px;
}
.nav-2019terraceouter-wrap li .img_area {
  width: 100%;
  margin-bottom: 10px;
}
.nav-2019terraceouter-wrap li .img_area img {
  width: 100%;
}
.nav-2019terraceouter-wrap li .txt_area {
  width: 110px;
  margin: 0 auto;
}
.nav-2019terraceouter-wrap li .txt_area h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.nav-2019terraceouter-wrap li .txt_area h4 .ic-14-line-arrow-right {
  color: #fff;
}
.nav-2019terraceouter-wrap li .txt_area .info {
  line-height: 10px !important;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}

.nav-2019terraceouter .float {
  display: none;
  background: #453675;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}
.nav-2019terraceouter .float a {
  float: left;
  width: calc(100% / 6);
  height: 42px;
  font-size: 11px;
  line-height: 14px;
  padding: 13px 0 0 0;
  text-align: center;
  background-color: #453675;
  color: #797092;
}
.nav-2019terraceouter .float .active {
  background-color: #e3e1d9;
  color: #453675;
}

/* //nav anchor */
.cont-2019terraceouter {
  padding-top: 50px;
  padding-bottom: 100px;
}

/* section */
.section, .section-tab {
  width: calc(100% - 40px);
  margin: 0 auto;
  text-align: center;
  padding: 45px 0;
}
.section.section-tab, .section-tab.section-tab {
  width: 100%;
  padding-bottom: 0;
}
.section.section-tab.section-tab2, .section.section-tab.section-tab4, .section-tab.section-tab.section-tab2, .section-tab.section-tab.section-tab4 {
  display: none;
}
.section strong, .section-tab strong {
  font-weight: 400;
  color: #000;
}
.section .img, .section-tab .img {
  margin-top: 30px;
  margin-bottom: 29px;
}
.section .img-tit, .section-tab .img-tit {
  margin-bottom: 17px;
  font-size: 18px;
  color: #453675;
}
.section .tit, .section-tab .tit {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 500;
  color: #453675;
}
.section .txt, .section-tab .txt {
  font-size: 17px;
  color: #777;
  line-height: 24px !important;
}
.section .comment, .section-tab .comment {
  margin-top: 12px;
  font-size: 11px;
}
.section .list_tit, .section-tab .list_tit {
  margin-bottom: 15px;
  font-size: 18px;
  color: #777;
}
.section .list, .section-tab .list {
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
}
.section .list li, .section-tab .list li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 20px;
  text-align: left;
  word-break: break-all;
}
.section .list li:before, .section-tab .list li:before {
  content: "01";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #453675;
}
.section .list li:nth-child(1):before, .section-tab .list li:nth-child(1):before {
  content: "01";
}
.section .list li:nth-child(2):before, .section-tab .list li:nth-child(2):before {
  content: "02";
}
.section .list li:nth-child(3):before, .section-tab .list li:nth-child(3):before {
  content: "03";
}
.section .list li:nth-child(4):before, .section-tab .list li:nth-child(4):before {
  content: "04";
}
.section .tab-wrap, .section-tab .tab-wrap {
  overflow: hidden;
  margin-top: 34px;
}
.section .tab-wrap .tab, .section-tab .tab-wrap .tab {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px !important;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  color: #444;
  border-bottom: 1px solid #453675;
}
.section .tab-wrap .is-active, .section-tab .tab-wrap .is-active {
  border: 1px solid #453675;
  border-bottom: none;
  font-weight: 500;
  color: #453675;
}

/* //section */
/* event-change-img */
.event-mac-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.event-mac-img .img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  margin: 0;
  -webkit-animation: changeImg2 7.5s infinite;
  -moz-animation: changeImg2 7.5s infinite;
  -ms-animation: changeImg2 7.5s infinite;
  -o-animation: changeImg2 7.5s infinite;
  animation: changeImg2 7.5s infinite;
}
.event-mac-img .img.img0 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.event-mac-img .img.img1 {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.event-mac-img .img.img2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.event-mac-img .img.img3 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.event-mac-img .img.img4 {
  webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.event-timesale-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.event-timesale-img .img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  margin: 0;
  -webkit-animation: changeImg3 4.5s infinite;
  -moz-animation: changeImg3 4.5s infinite;
  -ms-animation: changeImg3 4.5s infinite;
  -o-animation: changeImg3 4.5s infinite;
  animation: changeImg3 4.5s infinite;
}
.event-timesale-img .img.img0 {
  animation-delay: 3s;
}
.event-timesale-img .img.img1 {
  animation-delay: 1.5s;
}
.event-timesale-img .img.img2 {
  animation-delay: 0s;
}

/* //event-change-img */
/* section toggle(more) */
.section-toggle {
  display: block;
  position: relative;
  width: 80px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #000;
  text-align: left;
  margin: 29px auto 0;
}
.section-toggle:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -7px;
  background: url(//image.musinsa.com/membership/more.gif?20190730) no-repeat;
  background-size: 40px;
  background-position-x: -12px;
}
.section-toggle.is-active:before {
  background-position-x: -26px;
}
.section-toggle.first {
  width: 90px;
}

.section-notice {
  overflow: hidden;
  max-height: 0;
  margin-top: 10px;
}
.section-notice.is-active {
  max-height: 1000px;
}
.section-notice ol {
  text-align: left;
}
.section-notice li {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
  font-size: 11px;
  color: #777;
  line-height: 16px !important;
  word-break: keep-all;
}
.section-notice li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

/* //section toggle(more) */
.section .txt-en {
  display: block;
  line-height: 20px;
  font-size: 18px;
  color: #fff;
  font-family: "Musinsa", sans-serif;
  text-align: center;
  padding: 0 20px;
  padding-top: 46px;
}