/* Body font Size */
@font-face {
    font-family: "Onemobile";
    src: url("ONEMobileOTFRegular.eot");
    src: url("../fonts/ONEMobileOTFRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFRegular.woff2") format("woff2"), url("../fonts/ONEMobileOTFRegular.woff") format("woff"), url("../fonts/ONEMobileOTFRegular.ttf") format("truetype");
    font-weight: 400;
  }
  @font-face {
    font-family: "Onemobile";
    src: url("../fonts/ONEMobileOTFLight.eot");
    src: url("../fonts/ONEMobileOTFLight.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFLight.woff2") format("woff2"), url("../fonts/ONEMobileOTFLight.woff") format("woff"), url("../fonts/ONEMobileOTFLight.ttf") format("truetype");
    font-weight: 300;
  }
  @font-face {
    font-family: "Onemobile";
    src: url("../fonts/ONEMobileOTFBold.eot");
    src: url("../fonts/ONEMobileOTFBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFBold.woff2") format("woff2"), url("../fonts/ONEMobileOTFBold.woff") format("woff"), url("../fonts/ONEMobileOTFBold.ttf") format("truetype");
    font-weight: 700;
  }
  html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
  }
  
  body.disabled {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    touch-action: none;
  }
  
  .pc_only {
    display: block;
  }
  
  .mo_only {
    display: none;
  }
  
  .glo-contents {
    font-family: "Mont", "Onemobile", "NotoSans", sans-serif;
  }
  
  .section__01 {
    width: 100%;
    background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/tbs/recycle_bg.png) no-repeat center/cover;
    padding: 5.2vw 6.35vw;
  }
  .section__01 h3 {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 1.5625vw;
  }
  .section__01 p {
    color: #fff;
    font-size: 1.45vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.02em;
  }
  .section__01 .wrap {
    width: 100%;
    margin-top: 3.5vw;
  }
  .section__01 .wrap .inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 1.25vw;
  }
  .section__01 .wrap .inner .half {
    width: 100%;
  }
  .section__01 .wrap .noti {
    font-size: 0.75vw;
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: 1.3;
    letter-spacing: -0.28px;
    margin-top: 1.04vw;
  }
  .section__02 {
    width: 100%;
    background-color: #E2E2E2;
    padding: 5.2vw 6.35vw;
  }
  .section__02 h3 {
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.96px;
    text-align: center;
    margin-bottom: 3.47vw;
  }
  .section__02 .tab__list {
    display: flex;
  }
  .section__02 .tab__list li {
    width: 50%;
    text-align: center;
    font-size: 1.66vw;
    color: #fff;
    line-height: 1.3;
    padding: 1.04vw 0;
    font-weight: 700;
    border-radius: 2.08vw 2.08vw 0 0;
    cursor: pointer;
  }
  .section__02 .tab__list li:first-child {
    background-color: #0C3F0C;
  }
  .section__02 .tab__list li:last-child {
    background-color: #666666;
    position: relative;
  }
  .section__02 .tab__list li:last-child::before {
    display: block;
    content: "click!";
    width: 5.2vw;
    height: 5.2vw;
    border-radius: 100%;
    color: #fff;
    background-color: #F6714F;
    position: absolute;
    top: -3.13vw;
    right: -1.04vw;
    box-sizing: border-box;
    font-size: 1.66vw;
    line-height: 5.2vw;
    letter-spacing: -0.64px;
    font-weight: 600;
  }
  .section__02 .tab__content {
    width: 100%;
    position: relative;
    top: -1px;
  }
  .section__02 .tab__content > div {
    width: 100%;
    height: 25.15vw;
    padding: 2.6vw 3.75vw;
    border-radius: 0 0 2.08vw 2.08vw;
  }
  .section__02 .tab__content > div img {
    width: auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    margin:0 auto;
  }
  .section__02 .tab__content > div:first-child {
    background-color: #0C3F0C;
  }
  .section__02 .tab__content > div:last-child {
    display: none;
    background-color: #666666;
  }
  .section__03 {
    width: 100%;
    background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/tbs/text_bg.png) no-repeat center/cover;
    padding: 10.4vw 0;
  }
  .section__03 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .section__03 p.mid {
    font-size: 1.66vw;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: 1.04vw;
  }
  .section__03 p.lag {
    font-size: 2.1875vw;
    line-height: 1.5;
    letter-spacing: -0.84px;
  }
  @media screen and (max-width: 1280px) {
    .section__02 .tab__content > div {
      height:40vw;
      padding-top:4vw;
      padding-bottom:4vw;
    }
  }
  @media screen and (max-width: 786px) {
    .pc_only {
      display: none !important;
    }
    .mo_only {
      display: block;
    }
    img {
      width: 100%;
    }
    .section__01 {
      width: 100%;
      background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/tbs/recycle_bg_m.png) no-repeat center/cover;
      padding: min( 18.6666666667vw, 70px ) min( 5.3333333333vw, 20px );
    }
    .section__01 h3 {
      font-size: min( 8.5333333333vw, 32px );
      margin-bottom: min( 4vw, 15px );
    }
    .section__01 p {
      font-size: min( 5.3333333333vw, 20px );
      line-height: 1.5;
      font-weight: 600;
    }
    .section__01 .wrap {
      margin-top: min( 8vw, 30px );
    }
    .section__01 .wrap .inner {
      flex-direction: column;
      gap: min( 4vw, 15px ) 0;
    }
    .section__01 .wrap .noti {
      font-size: min( 3.2vw, 12px );
      margin-top: min( 2.1333333333vw, 8px );
    }
    .section__02 {
      width: 100%;
      padding: min( 18.6666666667vw, 70px ) min( 5.3333333333vw, 20px );
    }
    .section__02 h3 {
      font-size: min( 8.5333333333vw, 32px );
      margin-bottom: min( 8vw, 30px );
    }
    .section__02 .tab__list li {
      font-size: min( 5.8666666667vw, 22px );
      padding: min( 3.2vw, 12px ) 0;
      border-radius: min( 5.3333333333vw, 20px ) min( 5.3333333333vw, 20px ) 0 0;
    }
    .section__02 .tab__list li:last-child::before {
      width: min( 13.3333333333vw, 50px );
      height: min( 13.3333333333vw, 50px );
      top:0;
      right:0;
      line-height: min( 13.3333333333vw, 50px );
      font-size: min( 4vw, 15px );
      transform:translate(10%, -25%);
    }
    .section__02 .tab__content > div {
      width: 100%;
      min-height: 295vw;
      height:auto;
      padding: min( 14.9333333333vw, 56px ) min( 6.9333333333vw, 26px );
      border-radius: 0 0 min( 5.3333333333vw, 20px ) min( 5.3333333333vw, 20px );
    }
    .section__02 .tab__content > div img {
      width: 100%;
    }
    .section__02 .tab__content > div:first-child {
      background-color: #0C3F0C;
    }
    .section__02 .tab__content > div:last-child {
      display: none;
      background-color: #666666;
    }
    .section__03 {
      background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/tbs/text_bg_m.png) no-repeat center/cover;
      padding: min( 36.8vw, 138px ) 0;
    }
    .section__03 p.mid {
      font-size: min( 5.8666666667vw, 22px );
      margin-bottom: min( 5.3333333333vw, 20px );
    }
    .section__03 p.lag {
      font-size: min( 6.4vw, 24px );
      font-weight: 700;
    }
  }