@charset "UTF-8";
/*221128 jm : 드롭다운보다 snb가 스크롤시 위에 있도록 하기위해 z-index 101로 수정*/
#page-more-index {
  background: #fff;
}
#page-more-index .section-header {
  width: 100%;
  background: #000;
  padding: 0 20px;
}
#page-more-index .section-header .more-header-search {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc( var(--uw) * 3.3333333333 ) 0;
}
#page-more-index .section-header .more-header-search .search-form {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#page-more-index .section-header .more-header-search .search-form a {
  width: 100%;
  display: inline-block;
}
#page-more-index .section-header .more-header-search .search-form .__form-area {
  width: 100%;
  border-radius: calc( var(--uw) * 10.2564102564 );
}
#page-more-index .section-header .more-header-search .qr-icon {
  margin-left: calc( var(--uw) * 3.3333333333 );
  width: calc( var(--uw) * 6.1538461538 );
  height: calc( var(--uw) * 6.1538461538 );
}
#page-more-index .section-header .more-header-search .qr-icon img {
  width: 100%;
  height: 100%;
}
#page-more-index .section-header .more-header-search .back-icon {
  width: calc( var(--uw) * 6.1538461538 );
  height: calc( var(--uw) * 6.1538461538 );
  margin-right: calc( var(--uw) * 2.0512820513 );
}
#page-more-index .section-header .more-header-search .back-icon img {
  width: 100%;
  height: 100%;
}
#page-more-index .section-main {
  background-color: #fff;
}
#page-more-index .section-main .banner {
  width: calc( var(--uw) * 89.7435897436 );
  height: calc( var(--uw) * 12.3076923077 );
  background: #F2F2F2;
  border-radius: calc( var(--uw) * 3.0769230769 );
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}
#page-more-index .section-main .banner span {
  display: flex;
  align-items: center;
}
#page-more-index .section-main .banner span img {
  margin-left: calc( var(--uw) * 1.2820512821 );
  width: calc( var(--uw) * 3.5897435897 );
  height: calc( var(--uw) * 3.5897435897 );
}
#page-more-index .section-main .main-container {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
  padding: 0 calc( var(--uw) * 5.1282051282 );
}
#page-more-index .section-main .main-container h3 {
  margin-top: calc( var(--uw) * 8.2051282051 );
  margin-bottom: calc( var(--uw) * 7.1794871795 );
}
#page-more-index .section-main .main-container:last-of-type {
  border-bottom: none;
  padding-bottom: calc( var(--uw) * 8.7179487179 );
}
#page-more-index .section-main .main-container .main-horizontal {
  display: flex;
}
#page-more-index .section-main .main-container .main-horizontal .main-vertical {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
#page-more-index .section-main .main-container .main-horizontal .main-vertical a {
  margin-bottom: calc( var(--uw) * 5.641025641 );
  font-weight: 500;
  font-size: calc( var(--uw) * 3.8461538462 );
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #666;
}
#page-more-index .section-others {
  padding-top: calc( var(--uw) * 7.1794871795 );
  padding-bottom: calc( var(--uw) * 30.7692307692 );
  background: #f6f6f6;
}
#page-more-index .section-others .others-family {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
  padding-bottom: calc( var(--uw) * 6.6666666667 );
}
#page-more-index .section-others .others-family h3 {
  margin-left: calc( var(--uw) * 5.1282051282 );
  margin-bottom: calc( var(--uw) * 4.1025641026 );
  font-weight: 700;
  font-size: calc( var(--uw) * 4.1025641026 );
  line-height: 140%;
  letter-spacing: -0.03em;
}
#page-more-index .section-others .others-family .family-slider {
  display: flex;
  justify-content: flex-start;
  margin: 0px calc( var(--uw) * 5.1282051282 );
  text-align: center;
}
#page-more-index .section-others .others-family .family-slider > * + * {
  margin-left: calc( var(--uw) * 4.1025641026 ) !important;
}
#page-more-index .section-others .others-family .family-slider span {
  margin-right: calc( var(--uw) * 4.1025641026 );
  border-radius: calc( var(--uw) * 4.1025641026 );
}
#page-more-index .section-others .others-family .family-slider span img {
  display: block;
  width: calc( var(--uw) * 14.358974359 );
  height: calc( var(--uw) * 14.358974359 );
  border-radius: calc( var(--uw) * 4.1025641026 );
}
#page-more-index .section-others .others-family .family-slider p {
  margin-top: calc( var(--uw) * 1.2820512821 );
}
#page-more-index .section-others .others-sns {
  margin: calc( var(--uw) * 6.1538461538 ) 0px 0px calc( var(--uw) * 5.1282051282 );
}
#page-more-index .section-others .others-sns h3 {
  font-weight: 700;
  font-size: calc( var(--uw) * 4.1025641026 );
  line-height: 140%;
  letter-spacing: -0.03em;
}
#page-more-index .section-others .others-sns .sns-items {
  margin-top: calc( var(--uw) * 4.1025641026 );
  display: flex;
}
#page-more-index .section-others .others-sns .sns-items a {
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-more-index .section-others .others-sns .sns-items a img {
  width: calc( var(--uw) * 11.2820512821 );
  height: calc( var(--uw) * 11.2820512821 );
}

[current-page=page-more-index] .popup, [current-page=page-more-index] .popup__section {
  z-index: 1000;
}

[data-lang=eng] .others-sns .sns-items a.__weibo, [data-lang=jpn] .others-sns .sns-items a.__weibo {
  display: none;
}

[data-lang=cht] .others-sns .sns-items a.__facebook, [data-lang=chs] .others-sns .sns-items a.__facebook {
  display: none;
}

[data-lang] #page-more-index .section-main .main-container h3 {
  text-transform: uppercase;
}
[data-lang] #page-more-index .section-others {
  padding-bottom: calc( var(--uw) * 13.3333333333 );
}
[data-lang] #page-more-index .section-others .others-family .family-slider {
  justify-content: space-between;
}
[data-lang] #page-more-index .section-others .others-family .family-slider a span img {
  display: inline-block;
}
[data-lang] #page-more-index .section-others .others-family .family-slider a, [data-lang] #page-more-index .section-others .others-family .family-slider span {
  width: calc( var(--uw) * 21.7948717949 );
  margin-left: 0 !important;
  margin-right: 0;
}
[data-lang] #page-more-index .section-others .others-sns h3 {
  color: #656565;
}
[data-lang] #page-more-index .section-others .others-sns h3 em {
  color: #000;
}
[data-lang] #page-more-index .section-others .others-sns {
  margin-top: 0;
}