:root {
  --primary: #000000;
  --main: #000000;
  --line: #e2e2e2;
  --secondary: #555;
  /* 
  --secondary-2: #a0a0a0;
  --white: #ffffff;
  --surface: #f7f7f7;
  --critical: #f03e3e;
  --warning: #9391e1;
  --success: #3dab25;
  --yellow: #f0a750;
  --pink: #ec749d;
  --blue: #0c74d6;
  --main-rgba-1: rgba(0, 0, 0, 0.16);
  --main-rgba-2: rgba(0, 0, 0, 0.15);
  --gradient: linear-gradient(87deg, #fbf1f1 3.59%, #f4f1fa 95.02%);
  --rgba-primary: rgba(228, 49, 49, 0.1);
  --rgba-primary: rgba(228, 49, 49, 0.1);
  --bg-scrollbar-track: #f1f1f1;
  --bg-scrollbar-thumb: #c1c1c1;
  --shadow1: 0px 10px 25px 0px #2b344a1f;
  --shadow2: 0px 5px 18px 5px #40485726;
  --backdrop: rgba(24, 24, 24, 0.2); */
}

/*공통*/
body {
  font-family: "Figtree", sans-serif;
  line-height: 1.6;
}
.mo_only {
  display: none;
}
.logo-header img {
  width: 90px;
}
.mega-menu .container {
  max-width: 1300px;
}
.container {
  max-width: 1680px;
}
.header-default .box-nav-ul {
  gap: 60px;
}
#header .box-nav-ul .item-link {
  font-weight: 500;
}
#header {
  border-bottom: 1px solid var(--line);
}
.image-select.type-currencies > .dropdown-menu,
.image-select.type-languages > .dropdown-menu {
  width: inherit!important;
}
.dropdown-item.active, .dropdown-item:active {
  font-weight: 500;
  text-decoration: underline;
}
.title-display, h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}
.canvas-mb .mb-bottom .bottom-bar-language {
  grid-template-columns: 1fr;
}
.nav-ul-mb .sub-nav-link {
  font-weight: 500;
  color: var(--primary);
}
.nav-ul-mb .sub-nav-link {
  font-weight: 500;
  color: var(--primary);
}
.nav-ul-mb .sub-nav-link.collapsed {
  font-weight: inherit;
  color: var(--secondary);
}
.flat-spacing {
  padding-top: 120px;
  padding-bottom: 120px;
}
.pt_30 {
  padding-top: 30px;
}

/*메인 뉴스레터*/
.modal-newleter .modal-content .modal-bottom {
  max-width: inherit;
}
#subscribe-msg-modal p {
  font-size: 12px;
}

/*브랜드*/
.brand .blank1 {
  margin-top: 300px;
}
.brand .logo {
  width: 20%;
}
.brand .time_g {
  width: 30px;
}

/*스토리*/
:root {
  --pink_apple: #ff5683;
  --confidence_boosting: #ff5683;
  --repair_capsule: #172da0;
  --vit_c: #dbb72e;
  --cica_cera: #41ad67;
  --cica_cera_sr: #41ad67;
  --cc_cleanser: #61c2ff;
  --red_ginseng: #ff5252;
  --dtb_aqua: #48cdda;
  --mask_sheet: #82a430;
  --pp_uu: #eb4359;
  --ac: #789e91;
}
.main-brand .sub-desc .story_line {
  text-decoration: underline;
}
.pink_apple .story_line {
  color: var(--pink_apple);
}
.confidence_boosting .story_line {
  color: var(--confidence_boosting);
}
.repair_capsule .story_line {
  color: var(--repair_capsule);
}
.vit_c .story_line {
  color: var(--vit_c);
}
.cica_cera .story_line {
  color: var(--cica_cera);
}
.cica_cera_sr .story_line {
  color: var(--cica_cera_sr);
}
.cc_cleanser .story_line {
  color: var(--cc_cleanser);
}
.red_ginseng .story_line {
  color: var(--red_ginseng);
}
.dtb_aqua .story_line {
  color: var(--dtb_aqua);
}
.mask_sheet .story_line {
  color: var(--mask_sheet);
}
.pp_uu .story_line {
  color: var(--pp_uu);
}
.ac .story_line {
  color: var(--ac);
}
.story_effect {
  padding-top: 100px;;
}
.story_effect h4 {
  display: block;
}
.story_effect .row:nth-of-type(1) {
  border-top: 1px solid var(--primary);
}
.story_effect .row {
  border-bottom: 1px solid var(--primary);
}
.story_effect h6 {
  padding: 40px 0;
  text-transform: uppercase;
}
.story_effect p {
  padding: 40px 0;
}

/*상품 리스트*/
.tf-shop-control {
  grid-template-columns: repeat(2, 1fr);
}
.tf-shop-control .tf-control-layout {
  justify-content: left; 
}

/*상품 상세*/
.tf-product-media-thumbs .swiper-slide .item {
  cursor: pointer;
}
.accordion-title h6 {
  font-weight: 500;
}
.accordion-product-wrap .accordion-product-item:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.text-btn-uppercase {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: inherit;
}
ul.list-text li {
  padding-left: 10px;
}
ul.list-text.type-disc li:before {
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
}
.accordion-content ul.list-text li {
  position: relative;
  padding-left: 15px;
}
.accordion-content {
}
.widget-tabs.style-3 .widget-menu-tab .item-title {
  font-size: 18px;
  color: var(--secondary);
}
.widget-tabs.style-3 .widget-menu-tab .item-title.active {
  font-weight: 500;
  color: var(--primary);
}
.card-product:not(.list-st-3, .list-st-2, .style-list) .card-product-wrapper {
  aspect-ratio: 1/1;
}
.widget-tabs.style-3 .widget-menu-tab {
  gap: 50px;
  margin-bottom: 40px;
}
.long_thumbs.flat-spacing {
  padding-top: 30px;
}
.long_details {
  display: block;
}
.long_details_3dan {
  margin: 0 auto;
}
.long_details_3dan .wg-blog .image {
 border-radius: 0;
}
.long_details_left_txt .lookbook-content {
  order: 1;
}
.long_details_left_txt .banner-img {
  order: 2;
}
.tf-product-media-main .item,
.tf-product-media-thumbs .swiper-slide .item img,
.tf-product-media-thumbs .swiper-slide .item::after,
.card-product .card-product-wrapper,
.collection-position-2 {
  border-radius: 0;
}
.card-product .card-product-info .title {
  line-height: 1.4;
  font-weight: 400;
}
.tf-product-media-main .item {
  height: auto;
}
.tf-product-media-thumbs {
  width: 70px;
}
.tf-main-product.full-width .tf-product-media-thumbs {
  max-height: 36vw;
}
.g-recaptcha {
  transform:scale(0.7);
  -webkit-transform:scale(0.7);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}

@media (max-width: 1380px) {
  .long_details .tab-product .nav-tab-item a {
    font-size: 23px;
    line-height: 1.5;
  }
  .long_thumbs.flat-spacing {
    padding-top: 20px;
  }
}
@media (max-width: 1199px) {
  .brand .blank1 {
    margin-top: 200px;
  }
}
@media (max-width: 991px) {
  .flat-spacing {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mo_only {
    display: block;
  }  
  .pc_only {
    display: none;
  }

  .tf-slideshow .text-btn-uppercase,
  .tf-marquee .text-btn-uppercase {
    font-size: 12px;
  }
  .main-brand .lookbook-content {
    padding-top: 20px;
  }
  .main-brand .pt_20 {
    padding-top: 10px!important;
  }
  .flat-with-text-lookbook-v2.main-brand .lookbook-content {
  padding-bottom: 0;
  }
  .main-best .card-product .list-btn-main {
    display: none;
  }

  .long_story.pt_30,
  .main-brand.pt_30 {
    padding-top: 15px;
  }
  .story_effect {
    padding-top: 50px;;
  }
  .story_effect h6 {
    padding: 20px 0;
    text-transform: uppercase;
  }
  .story_effect p {
    padding: 20px 0;
  }
  
  .tf-breadcrumb {
    display: none;
  }
  .long_details .pb_100 {
    padding-bottom: 50px;
  }
  .long_details .tab-product .nav-tab-item a {
    font-size: 18px;
    width: 100%;
    padding-top: 5px;
  }
  .long_details .tab-product {
    display: block;
  }
  .long_details .flat-with-text-lookbook-v2 .lookbook-content {
    padding-bottom: 0;
  }
  .long_details .lookbook-content {
    padding-top: 20px;
  }
  .mpb_50 {
    padding-bottom: 50px;
  }
  .card-product .list-btn-main {
    display: none;
  }
  .long_details .tab-shipping {
    gap: 0;
  }
  footer.has-pb {
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .widget-menu-tab.justify-content-center {
    justify-content: left !important;
    padding-left: 15px;
  }
  .widget-tabs.style-3 .widget-menu-tab {
    gap: 20px;
    margin-bottom: 20px;
  }
  .card-product .card-product-info .title {
    -webkit-line-clamp: 4;
    font-size: 14px;
  }
  .brand .blank1 {
    margin-top: 150px;
  }
  .brand .logo {
    width: 30%;
  }
  .brand .time_g {
    width: 25px;
  }
}