/* BASIC css start */
#viewfinderListFrame{width:100% !important}

.header__anchor--home{display:none !important}
.default-border-list__item-left--img{
    overflow: hidden;}

.dialog_toggle{
    bottom: 0px !important;
    height: 100% !important;
    visibility: visible !important;}
    
.category-top-bar__left,
.category-top-bar button{padding-top:0 !important;}



/* brand_story style */
/* story_list */
/* skinfood_story */
/* brand_sns style */
/* instagram */
/* youtube */
/* .mob_brand-sns_tab_youtube--video-more {
    padding-top: 4.166vw;
    color: #222222;
    font-family: "Yoon Gothic 740";
    font-size: 3.4375vw;
    line-height: 5.833vw;
    letter-spacing: -0.034375vw;
} */
/* facebook */
.mob_brand-story-introduce {
  width: 100%;
  height: 106.875vw;
  text-align: center;
  padding-top: 16.979vw;
}
.mob_brand-story-introduce .mob_brand-story-introduce--title {
  width: 51.145vw;
  height: 17.395vw;
  margin: 0 auto;
}
.mob_brand-story-introduce .mob_brand-story-introduce--desc {
  margin-top: 4.0625vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}
.mob_brand-story-introduce .mob_brand-story-introduce--title-en {
  margin-top: 10.3125vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 9.375vw;
  letter-spacing: -0.04375vw;
}
.mob_brand-story-introduce .mob_brand-story-introduce--desc-en {
  margin-top: 0.0625vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-story-introduce--slide-info {
  height: 88.4375vw;
  padding: 14.479vw 0 0 5.208vw;
  text-align: left;
  background: url("../images/brand/mob_bg_brand-story_img02.png") no-repeat;
  background-position: center;
  background-size: cover;
}
.mob_brand-story-introduce--slide-info .mob_brand-story-introduce--slide-info--title {
  width: 39.062vw;
  height: 15.312vw;
  margin-bottom: 8.125vw;
}
.mob_brand-story-introduce--slide-info .mob_brand-story-introduce--slide-info--desc {
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.5vw;
  line-height: 5.729vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-story-introduce--slide .mob_brand-story-introduce--slide01 {
  height: 69.583vw;
  padding: 56.145vw 0 0 5vw;
  text-align: left;
  background: url("../images/brand/mob_bg_brand-story_img03.png") no-repeat;
  background-position: center;
  background-size: cover;
}
.mob_brand-story-introduce--slide .mob_brand-story-introduce--slide01--title {
  color: #222222;
  font-family: "YoonGothic";
  font-size: 4.791vw;
  font-weight: bold;
  line-height: 5.729vw;
  letter-spacing: -0.047vw;
}
.mob_brand-story-introduce--slide .mob_brand-story-introduce--slide01--desc {
  margin-top: 8.125vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.729vw;
  letter-spacing: -0.0375vw;
}
.mob_brand-story-introduce--slide .mob_brand-story-introduce--slide02 {
  margin-bottom: -11vw;
  height: 90.583vw;
  padding: 56.145vw 0 0 5vw;
  text-align: left;
  background: url("../images/brand/mob_bg_brand-story_img04.png") no-repeat;
  background-size: cover;
}
.mob_brand-story-introduce--slide .mob_brand-story-introduce--slide02--desc {
  margin-top: 28.583vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.729vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-story-history {
  width: 100%;
  height: 311.041vw;
  padding: 12.187vw 0 0 0;
  text-align: left;
  background: url("../images/brand/mob_bg_brand-story_img05.png") no-repeat;
  background-position: center;
  background-size: cover;
}
.mob_brand-story-history .mob_brand-story-history--title {
  margin-left: 5vw;
  margin-bottom: 5vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 6.25vw;
  font-weight: bold;
  line-height: 9.375vw;
  letter-spacing: -0.0625vw;
}
.mob_brand-story-history .mob_brand-story_history--tab {
  margin-bottom: 6.25vw;
}
.mob_brand-story-history .mob_brand-story_history--tab li {
  display: inline-block;
}
.mob_brand-story-history .mob_brand-story-history--tab01 {
  margin-left: 17.791vw;
  background-color: #fff;
  color: #222222;
  font-size: 4.375vw;
  line-height: 5.833vw;
  letter-spacing: -0.0125vw;
}
.mob_brand-story-history .mob_brand-story-history--tab02 {
  background-color: #fff;
  color: #888888;
  font-size: 4.375vw;
  line-height: 5.833vw;
  letter-spacing: -0.0125vw;
}
.mob_brand-story-history .mob_brand-story_history--list02::before {
  color: #888888;
  content: "|";
  padding: 0 4.625vw 0 4.4375vw;
}

.button.active {
  position: relative;
  z-index: 1;
  color: #222;
  font-weight: bold;
}
.button.active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2.6041666667vw;
  background-color: #fdb812;
  content: "";
  z-index: -1;
}

.mob_story-list_title {
  width: 72.687vw;
  margin: 10.312vw 0 0 5vw;
}

.mob_story-list_title--title {
  color: #222222;
  font-family: "YoonGothic";
  font-size: 6.25vw;
  line-height: 9.375vw;
  letter-spacing: -0.0625vw;
}

.mob_story-list_title--desc {
  margin-top: 6.145vw;
  color: #222222;
  font-family: "Yoon Gothic 740";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}

.mob_story-list_content {
  margin: 8.333vw 0 14.583vw 0;
}

.mob_story-list_content--list {
  height: 44.375vw;
  border-top: 0.104vw solid #eee;
  border-bottom: 0.104vw solid #eee;
}

.mob_story-list_content--img {
  float: left;
  padding: 6.25vw 0 0 5vw;
  width: 31.25vw;
  height: 31.25vw;
}

.mob_story-list_content--info {
  display: inline-block;
  width: 51.52vw;
  height: 17.916vw;
  padding: 8.125vw 0 0 6.25vw;
  word-break: break-all;
}

.mob_story-list_content--title {
  display: inline-block;
  margin-bottom: 4.166vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 4.375vw;
  line-height: 5.833vw;
  letter-spacing: -0.109vw;
}

.mob_story-list_content--description {
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.093vw;
}

.mob_skinfood-story_main--title {
  margin: 10vw 0 0 5vw;
  font-size: 6.25vw;
  font-style: normal;
  letter-spacing: normal;
  line-height: 9.375vw;
  text-align: left;
}

.mob_skinfood-story_main--desc {
  margin: 6.145vw 0 6.145vw 5vw;
  font-size: 3.75vw;
  font-style: normal;
  letter-spacing: normal;
  line-height: 5.833vw;
  text-align: left;
}

.mob_skinfood-story_slide {
  margin: 10.416vw 0 12.083vw 5vw;
}
.mob_skinfood-story_slide img {
  display: block !important;
  width: 43.958vw;
  height: 26.041vw;
  margin: 2.083vw 2.083vw 0 0;
}

.mob_skinfood-story_slide--title {
  width: 42.187vw;
  height: 4.854vw;
  margin: 4.583vw 0 0 2.083vw;
  color: #888888;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 4.997vw;
  letter-spacing: -0.0375vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mob_skinfood-story_slide--title.active {
  margin: 4.583vw 0 0 2.083vw;
  color: #212121;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  font-weight: bold;
  line-height: 4.997vw;
  letter-spacing: -0.0375vw;
}

.mob_skinfood-story_product {
  margin-top: 12.083vw;
  width: 100%;
  height: 141.145vw;
  background: url("../images/brand/mob_bg_skinfood-story_img01.png") no-repeat;
  background-position: center;
  background-size: cover;
}

.mob_skinfood-story_product--title {
  padding: 15.52vw 0 0 13.958vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 6.25vw;
  line-height: 5.833vw;
  letter-spacing: 0.0625vw;
}

.mob_skinfood-story_product--more {
  padding: 102.916vw 0 0 30.312vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5vw;
  letter-spacing: -0.0375vw;
}

.mob_skinfood-story_info {
  width: 100%;
  height: 130.104vw;
  background: url("../images/brand/mob_bg_skinfood-story_img02.png") no-repeat;
  background-position: center;
  background-size: cover;
}

.mob_skinfood-story_info--title {
  width: 76.041vw;
  height: 11.562vw;
  margin: 0 auto;
  padding-top: 10.416vw;
}

.mob_skinfood-story_info--more {
  width: 89.895vw;
  height: 28.541vw;
  margin: 0 auto;
  padding-top: 8.229vw;
}

.mob_skinfood-story_share--title {
  width: 18.75vw;
  height: 5.312vw;
  padding: 15.52vw 0 0 5vw;
}

.mob_skinfood-story_share--icon {
  display: inline-block;
  width: auto;
  height: 12.604vw;
  padding: 6.354vw 0 0 5vw;
}

.mob_skinfood-story_share--item {
  float: left;
  width: 12.604vw;
  height: 12.604vw;
}

.mob_skinfood-story_share--list {
  width: 90vw;
  height: 12.083vw;
  margin: 14.895vw auto 18.437vw auto;
  text-align: center;
  line-height: 12.083vw;
  background-color: #222222;
}
.mob_skinfood-story_share--list a {
  color: #ffffff;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-sns_info {
  padding: 0 5vw 0 5vw;
  word-break: break-all;
}

.mob_brand-sns_info--title {
  padding-top: 10.729vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 6.25vw;
  line-height: 9.375vw;
  letter-spacing: -0.0625vw;
}

.mob_brand-sns_info--desc {
  padding-top: 6.25vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: 0.0375vw;
}

.mob_brand-sns_tab {
  margin: 10.208vw 0 0 5vw;
}
.mob_brand-sns_tab ul li {
  display: inline-block;
  padding-right: 8.333vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: 0.0375vw;
}
.mob_brand-sns_tab ul li .mob_brand-sns_tab--button {
  background-color: #fff;
  color: #888888;
  font-family: "YoonGothic";
  font-size: 18px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: -0.18px;
}
.mob_brand-sns_tab ul li .mob_brand-sns_tab--button.active {
  background-color: none;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  letter-spacing: -0.18px;
  border-bottom: 5px solid #000;
}

.mob_brand-sns_tab--line {
  width: 100%;
  height: 0.312vw;
  background-color: #eeeeee;
  border: 0;
  margin: 0 0 8.229vw 0;
}

.mob_brand-sns_tab--title {
  padding-left: 5vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: 0.0375vw;
}

.mob_brand-sns_tab_instagram--content {
  height: 228.125vw;
  margin: 4.166vw 0 14.583vw 0;
  padding-left: 5vw;
}
.mob_brand-sns_tab_instagram--content li {
  display: inline-block;
}
.mob_brand-sns_tab_instagram--content img {
  margin: 2.083vw 2.083vw 0 0;
  float: left;
  width: 43.958vw;
  height: 43.958vw;
}

.mob_brand-sns_tab_instagram--item {
  background-color: #fff;
}

.mob_brand-sns_instagram--popup-header {
  width: 100%;
  height: 13.541vw;
}

.mob_brand-sns_instagram--popup-title {
  margin-left: 35vw;
  display: inline-block;
  font-size: 4.375vw;
  line-height: 13.541vw;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
}

.mob_brand-sns_instagram--popup-desc {
  margin: 10.416vw 5.208vw;
}

.mob_brand-sns_instagram--popup-desc_title {
  font-size: 3.75vw;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  line-height: 5.833vw;
}

.mob_brand-sns_instagram--popup-desc_info {
  font-size: 3.75vw;
  font-weight: 4000;
  font-style: normal;
  letter-spacing: normal;
  line-height: 5.833vw;
}

.mob_brand-sns_instagram--popup-desc_hastag {
  font-size: 3.75vw;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 5.833vw;
}

.mob_brand-sns_instagram--popup-more {
  width: 100%;
  height: 14.583vw;
  margin-top: 10.416vw;
  background-color: #222222;
  text-align: center;
  line-height: 14.583vw;
  font-size: 4.062vw;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
}

.mob_brand-sns_tab_youtube--content {
  margin: 4.166vw auto 0 5vw;
}

.mob_brand-sns_tab_youtube--video {
  width: 90vw;
}

.mob_brand-sns_tab_youtube--video-title {
  padding-top: 9.479vw;
  color: #222222;
  font-family: "YoonGothic";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-sns_tab_youtube--video-info {
  display: inline-block;
  padding-top: 3.541vw;
  color: #222222;
  font-family: "Yoon Gothic 780";
  font-size: 3.75vw;
  line-height: 5.833vw;
}
.mob_brand-sns_tab_youtube--video-info::before {
  width: 0.3125vw;
  height: 3.333vw;
  background-color: #eeeeee;
}

.mob_brand-sns_tab_youtube--video-date {
  display: inline-block;
  color: #888888;
  font-family: "Myriad Pro";
  font-size: 3.75vw;
  line-height: 5.833vw;
  letter-spacing: -0.0375vw;
}

.mob_brand-sns_tab_youtube--video-slide {
  margin: 4.166vw 0 14.583vw 0;
  height: 98.25vw;
}

.more_btn {
  padding-top: 4.166vw;
  color: #222222;
  font-family: "Yoon Gothic 740";
  font-size: 3.4375vw;
  line-height: 5.833vw;
  letter-spacing: -0.034375vw;
}

.mob_brand-sns_tab_facebook--content {
  margin: 4.166vw auto 14.479vw auto;
  width: 67vw;
}
.mob_brand-sns_tab_facebook--content img {
  width: 90vw;
  height: 90vw;
}

/*# sourceMappingURL=brand.css.map */
/* BASIC css end */