/*desktop*/
@media (min-width: 1120px) {
  .manual-mobile {
    display: none;
  }

  .manual-main-container {
    /*margin: 0;*/
    /*padding-top: calc(100vh * 0.03384375);*/
    background: #faf8f0;
    padding-top: 90px;
  }

  .tab3-table-content-container-1.tab3-table-content-text-warning-1 {
    font-size: 18px;
    margin-bottom: 28px;
  }

  #tabs {
    box-sizing: border-box;
    width: 1120px;
    height: 60px;
    margin: 0 auto;
    list-style: none;
    background: #fff;
    box-shadow: 0 7px 12px rgba(88, 56, 6, 0.07);
    position: relative;
    display: flex;

  }

  #tabs a {
    cursor: pointer;
    /*flex: 1;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 60px;
    text-decoration: none;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
    color: #757575;
  }

  #tabs a.active {
    color: #1a1a1a;
    box-sizing: border-box;
    height: 60px;
    font-weight: 600;
  }

  #tabs {
    border-radius: 17px;
    position: relative;
  }

  .left-line {
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: rgba(110, 108, 108, 0.2);
    top: 20px;
    left: 373px;
  }

  .right-line {
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: rgba(110, 108, 108, 0.2);
    top: 20px;
    right: 373px;
  }

  .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    /*border-radius:50px;*/
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: white;
    background: -moz-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: -webkit-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf55', endColorstr='#ffb023', GradientType=1);
  }


  /*#tabs {*/
  /*    box-sizing: border-box;*/
  /*    width: 100%;*/
  /*    height:60px;*/
  /*    padding-right: 20%;*/
  /*    padding-left: 20%;*/
  /*    text-align: center;*/
  /*}*/
  /*a {cursor:pointer;}*/
  /*#tabs li {*/
  /*    box-sizing: border-box;*/
  /*    padding-top: 16px;*/
  /*    height: 60px;*/
  /*    float:left;*/
  /*    list-style:none;*/
  /*    outline:none;*/
  /*    width: 33.3%;*/
  /*    !*box-shadow: 0 7px 12px 0 rgba(26, 46, 92, 0.24);*!*/
  /*    background-image: linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);*/
  /*    font-size: 20px;*/
  /*    font-weight: bold;*/
  /*    letter-spacing: -1px;*/
  /*    text-align: center;*/
  /*    color: #1a1a1a;*/
  /*    cursor: pointer;*/
  /*}*/
  /*#tabs li.inactive{*/
  /*    height: 60px;*/
  /*    -webkit-backdrop-filter: blur(10px);*/
  /*    backdrop-filter: blur(10px);*/
  /*    background-color: #FFFFFF;*/
  /*    background-image: none;*/
  /*    font-size: 20px;*/
  /*    letter-spacing: -0.6px;*/
  /*    text-align: center;*/
  /*    color: #757575;*/
  /*    font-weight: normal;*/
  /*}*/
  /*#tab2 {*/
  /*    border: 1px solid #faf8f0;*/
  /*    border-image: linear-gradient(to bottom, rgba(250, 248, 240, 0) 33%, rgb(250, 248, 240) 33%, rgb(250, 248, 240) 67%, rgba(250, 248, 240, 0) 67%);*/
  /*    border-image-slice: 0 1 0 0;*/
  /*}*/
  /*#tabs li a {*/
  /*    height: 60px;*/
  /*    font-family:Arial, Helvetica, sans-serif;*/
  /*    font-size: small;*/
  /*    font-weight: bold;*/
  /*    color: #5685bc;;*/
  /*    display:block;*/
  /*    text-decoration:none;*/
  /*    outline:none;*/
  /*}*/
  .tab-borer-left {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .tab-borer-right {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }


  .tab-content-container {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    background-image: linear-gradient(rgba(250, 248, 240, 1), rgba(255, 212, 29, 0.2) 20%, rgba(250, 248, 240, 1) 60%);
  }

  .tab-content-mobile-app-1 {
    width: 1120px;
    margin: 159px auto 0 auto;
    box-sizing: border-box;
    /*padding-top: 170px;*/
    height: 600px;
    background-image: linear-gradient(to top, #ffd41d, rgba(250, 248, 240, 0) -3%);
    display: flex;
    position: relative;
  }

  .tab-step-line {
    display: inline-block;
    background-color: #ffd41d;
    width: 50px;
    height: 2px;
    margin-right: 12px;
  }

  .tab-step-line-white {
    display: inline-block;
    background-color: #ffffff;
    width: 50px;
    height: 2px;
    margin-right: 12px;
  }

  .tab-step-text {
    font-weight: 900;
    color: #ffd41d;
    font-size: 1.8rem;
  }

  .tab-step-text-white {
    font-weight: 900;
    color: #ffffff;
    font-size: 1.8rem;
  }

  .tab-content-title-text1 {
    font-size: 56px;
    font-weight: bold;
    letter-spacing: -2.8px;
    color: #a16912;
  }

  .tab-content-title-text2 {
    font-size: 16px;
    letter-spacing: -0.45px;
    color: #565656;
  }

  .tab3-title-container {}

  .tab3-title-container img {
    width: 61px;
    margin-bottom: 5px;
  }

  .manual-step1-container {}

  .tab-content-mobile-img-container {
    z-index: 999;
    position: absolute;
    right: -182px;
    top: -12px;
    width: 804px;
  }


  .tab-content-mobile-img-container img {
    width: 804px;
    height: 769px;
  }

  .tab-content-mobile-app-2 {
    height: 672px;
    background-image: linear-gradient(164deg, #ffdf55 9%, #ffd41d 35%, #ffb023 113%);
    box-sizing: border-box;
    /*padding-top: 170px;*/

  }

  .tab-content-mobile-inner-container {
    width: 1120px;
    margin: 0 auto;
    display: flex;
    position: relative;
    height: 672px;
  }

  .tab-content-mobile-app-img-2-container {
    box-sizing: border-box;
    padding-left: 18px;
    width: 700px;
    height: 100%;
    position: relative;
  }

  .step2-img1 {
    position: absolute;
    top: -74px;
    left: 0px;
    /*animation-name: customFadeInDownShort;*/
    /*animation-duration: 500ms;*/

  }

  .step2-img2 {
    position: absolute;
    bottom: 0;
    left: 282px;
  }

  .tab-content-mobile-app-img-2-container img {
    /*margin-top: -74px;*/
    /*width: 100%;*/
  }

  .tab-content-mobile-app-content-2 {
    box-sizing: border-box;
    padding-top: 230px;
  }


  .tab-content-mobile-app-3 {
    height: 1787px;
    background-image: linear-gradient(rgba(250, 248, 240, 1), 79%, rgba(255, 212, 29, 0.7));
    box-sizing: border-box;
    padding-top: 112px;
    position: relative;
  }

  .step3-container {
    position: relative;
    width: 1120px;
    margin: 0 auto;
  }

  .tab-content-img-container-3 {
    position: relative;
    /*top: 180px;*/
  }

  .step3-img1 {
    margin-left: -18.5px;
    padding-top: 55px;
  }

  .step3-img2 {
    position: absolute;
    top: 100px;
    left: 385px;
  }

  .step3-img3 {
    position: absolute;
    top: -120px;
    left: 780px;
    /*    430 373*/
  }

  .tab-content-step-4-container {
    /*margin-top: 800px;*/
    width: 1120px;
    margin: 138px auto 0 auto;
    position: relative;
    height: 617px;
  }

  .tab-content-mobile-app-content-4 {
    /*margin-left: calc(100vw * 0.2875);*/
    margin-left: 552px;
  }

  .tab-content-mobile-app-img-4-container {
    position: absolute;
    /*width: 1625px;*/
    bottom: 0;
  }

  .step4-img1 {
    position: absolute;
    bottom: 10px;
    left: -60px;
    /*left: 16%;*/
  }

  .step4-img2 {
    position: absolute;
    bottom: 0px;
    left: 545px;
  }

  .step4-img3 {
    z-index: 999;
    position: absolute;
    bottom: -80px;
    left: 860px;
  }

  .step4-img4 {
    position: absolute;
    bottom: -35px;
    left: 1165px;
    z-index: 999;
  }

  .tab-content-mobile-app-4 {
    height: 840px;
    width: 100%;
    /*    box-sizing: border-box;*/
    padding-top: 213px;

    background-color: white;
  }

  .step5-container {
    padding-left: 71px;
    width: 1140px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
  }


  .step5-img1 {
    position: absolute;
    left: 550px;
    top: -40px;
  }

  .step5-img2 {
    left: 270px;
    top: 270px;
    position: absolute;
  }

  .step5-img3 {
    position: absolute;
    left: 765px;
    top: -43px;
  }

  #tab2C {
    padding-top: 95px;
    /*padding-bottom: 205px;*/
    padding-bottom: 70px;
  }

  .tab2-content-container {
    display: flex;
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 40px;
    margin: 0 auto;
  }

  .tab2-emoji-container {
    margin-left: 110px;
    position: relative;
    margin-right: 83px;
  }

  .tab2-emoji-img {
    width: 425px;
  }

  .emoji-bad {
    top: 195px;
    left: 204px;
    position: absolute;
    opacity: 0;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 600ms;
  }

  .emoji-normal {
    top: 275px;
    right: 73px;
    position: absolute;
    opacity: 0;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
  }

  .emoji-good {
    opacity: 0;
    top: 234px;
    left: -24px;
    position: absolute;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
  }

  .tab2-box-container {
    width: 363px;
    /*    height: 412px;*/
    border-radius: 24px;
    box-shadow: 0 3px 30px 0 rgba(161, 105, 18, 0.05);
    background-color: #ffffff;
    box-sizing: border-box;
    padding-top: 40px;
    padding-left: 30px;
    padding-bottom: 40px;
  }

  .tab2-text1 {
    font-size: 42px;
    font-weight: 400;
    letter-spacing: -2.1px;
    color: #1a1a1a;
  }

  .tab2-text2 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -2.38px;
    color: #ffd41d;
  }

  .tab2-text3 {
    font-size: 1.3vw;
    font-weight: 600;
    color: #ffd41d;
  }

  .tab2-text4 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1.1px;
    color: #1a1a1a;
  }

  .tab2-text5 {
    font-size: 15px;
    letter-spacing: -0.45px;
    color: #757575;
  }

  .tab2-line {
    width: 59px;
    opacity: 0.3;
    height: 2px;
    background-color: #d09e17;
  }

  .bold-brown-text {
    font-weight: bold;
    color: #a16912;
  }


  #tab3C {
    padding-top: 95px;
    /*padding-bottom: 205px;*/
    padding-bottom: 70px;
  }

  .tab3-header-container {
    width: 1020px;
    margin: 0 auto;
  }

  .tab3-text1 {
    font-size: 42px;
    font-weight: 300;
    letter-spacing: -2.1px;
    color: #1a1a1a;
    position: relative;
    z-index: 1;
  }

  .tab3-content-container {
    width: 1120px;
    margin: 0 auto;
  }

  .tab3-text-title {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -2.38px;
    text-align: left;
    color: #901c00;
    margin-bottom: 20px;
  }

  .tab3-table-label-text {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.9px;
    color: #4a4d5a;
  }

  .tab3-table-content-text1 {
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #1a1a1a;
  }

  .tab3-table-content-text2 {
    font-size: 16px;
    letter-spacing: -0.8px;
    line-height: 1.63;
    color: #6e6c6c;
  }

  .tab3-table-content-text-warning {
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #1a1a1a;
  }

  .tab3-table-container {
    display: flex;
  }

  .tab3-table-label-container {
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 35px;
    width: 250px;
    border-radius: 24px;
    box-shadow: 0 3px 30px 0 rgba(161, 105, 18, 0.05);
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    margin-right: 8px;
  }

  .tab3-table-content-container {
    width: 860px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 35px;
    border-radius: 24px;
    box-shadow: 0 3px 30px 0 rgba(161, 105, 18, 0.05);
    background-color: #ffffff;
    font-size: 18px;
  }

  .tab3-hand-img {
    width: 560px;
    margin-left: 5px;
    /*margin-left: -55px;*/
  }

  .go-top-container {
    padding-top: 131px;
    text-align: center;
  }

  .jump-top-home {
    width: 77px;
    height: 77px;
    cursor: pointer;
    margin-right: 10px;
  }

}

/*desktop*/

/*pad(패드):S*/
@media (max-width: 1119px) {
  .manual-desktop {
    display: none;
  }

  .go-top-container {
    padding-top: calc(100vh * 0.3);
    text-align: center;
    padding-bottom: calc(100vh * 0.04);
  }


  .manual-main-container {
    /*margin: 0;*/
    /*padding-top: 90px;*/
    background: #faf8f0
  }

  .m-detail-text {
    margin-bottom: 6.5vw !important;
  }

  #m-tabs {
    box-sizing: border-box;
    flex: 1;
    height: 11.815vw;
    margin-right: 5.6%;
    margin-left: 5.6%;
    text-align: center;
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 7px 12px rgba(88, 56, 6, 0.07);
  }

  a {
    cursor: pointer;
  }

  #m-tabs a {
    /*padding-top: calc(100vh*0.0125);*/
    height: 12vw;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 2.8vw;
    letter-spacing: -0.1vw;
    color: #6e6c6c;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
    font-weight: 600;
  }


  #m-tabs a.active {
    /*height: calc(100vh * 0.0640625);*/

    /*height: 60px;*/
    /*background-color: #FFFFFF;*/
    background-image: none;
    font-weight: bold;
    font-size: 2.9vw;
    letter-spacing: -0.1111111111111111vw;
    /*text-align: center;*/
    color: #1a1a1a;
  }

  .m-selector {
    height: 11.815vw;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    /*border-radius:50px;*/
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: white;
    background: -moz-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: -webkit-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf55', endColorstr='#ffb023', GradientType=1);
  }

  /*#tabs li a {*/
  /*    height: 60px;*/
  /*    font-family:Arial, Helvetica, sans-serif;*/
  /*    font-size: small;*/
  /*    font-weight: bold;*/
  /*    color: #5685bc;;*/
  /*    display:block;*/
  /*    text-decoration:none;*/
  /*    outline:none;*/
  /*}*/
  .tab-borer-left {
    border-top-left-radius: 2.962962962962963vw;
    border-bottom-left-radius: 2.962962962962963vw;
  }

  .tab-borer-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }


  .m-tab-content-container {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    overflow: hidden;
  }

  .tab-content-mobile-app-1 {
    padding-left: calc(100vw * 0.056);
    box-sizing: border-box;
    padding-top: calc(100vh * 0.085);
    padding-bottom: calc(100vh * 0.4078125);
    /*height: 775px;*/
    background-image: linear-gradient(to top, #ffd41d, rgba(250, 248, 240, 0) -3%);
    display: flex;
    position: relative;
  }

  .tab-step-line {
    display: inline-block;
    background-color: #ffd41d;
    padding-left: calc(100vw * 0.059);
    height: 1px;
    margin-right: calc(100vw * 0.011);

  }

  .tab-step-line-white {
    display: inline-block;
    background-color: #ffffff;
    width: calc(100vw * 0.059);
    height: 1px;
    margin-right: calc(100vw * 0.011);
  }

  .tab-step-text {
    font-size: 4vw;
    font-weight: 900;
    color: #ffd41d;
  }

  .tab-step-text-white {
    font-size: 4vw;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: calc(100vh * 0.02603125);
  }


.tab-step-text> .fw-400 {
    font-size: 3.1vw;
    font-weight: 900;
    color: #ffd41d;
  }


  .m-manual-step3-container {
    margin-bottom: calc(100vh * 0.708328125);
  }

  .tab-content-title-text1 {
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -1.6px;
    color: #a16912;
  }

  .tab-content-title-text2 {
    line-height: 1.65;
    font-size: 2.5vw;
    /*    letter-spacing: -0.4px;*/
    color: rgba(26, 26, 26, 0.6);
  }

  .tab-content-title-text1 > img {
    width: 10vw;
  }

  .tab-content-mobile-img-container {}

  /*위굴리 이용안내 APP다운로드 주석처리 06-02
  .tab-content-mobile-img {
    z-index: 999;
    position: absolute;
    left: calc(100vw * 0.19);
    top: calc(100vh * 0.42);
    width: calc(100vw * 1.3386);
  }*/

  .tab-content-mobile-img {
    z-index: 999;
    position: absolute;
    left: calc(100vw * 0.1);
    top: calc(100vh * 0.51);
    width: calc(100vw * 0.84);
  }

  .tab-content-mobile-app-2 {
    /*height: 672px;*/
    background-image: linear-gradient(177deg, #ffdf55 -24%, #ffd41d 19%, #ffb023 146%);
    padding-left: calc(100vw * 0.056);
    padding-bottom: calc(100vh * 0.525);
    box-sizing: border-box;
    /*padding-top: 170px;*/
    /*display: flex;*/
    position: relative;
  }

  .tab-content-mobile-app-img-2-container {
    /*width: 700px;*/
    /*height: 100%;*/
    position: relative;
    /*display: flex;*/
  }

  .step2-img1 {
    top: calc(100vh * 0.02);
    position: absolute;
    z-index: 999;
    width: calc(100vw * 0.42);
    /*    width: calc(100vw * 0.5323);*/
    /*position: absolute;*/
    /*top: -74px;*/
    /*animation-name: customFadeInDownShort;*/
    /*animation-duration: 500ms;*/

  }

  .step2-img2 {
    position: absolute;
    width: calc(100vw * 0.43);
    left: calc(100vw * 0.46);
    top: calc(100vh * 0.04);
  }

  .step2-img3 {
    position: absolute;
    width: calc(98vw * 0.561);
    left: calc(100vw * 0.39);
    top: calc(100vh*0.3);
    bottom: calc(100vh * -0.53);
    z-index: 9999;
  }


  .tab-content-mobile-app-content-2 {
    box-sizing: border-box;
    padding-top: calc(100vh * 0.25);
  }

  .tab-content-mobile-app-3 {
    /*height: 1787px;*/
    background-image: linear-gradient(to top, #ffd41d, white 50%);
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.25);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
  }

  .tab-content-img-container-3 {
    position: relative;
    /*top: 180px;*/
  }

  .step3-img1 {
    position: absolute;
    width: calc(100vw * 0.48);
    top: calc(100vh * 0.59);
    right: calc(100vh * 0.01);
    z-index: -1;
  }

  .step3-img2 {
    position: absolute;
    width: calc(100vw * 0.5);
    top: calc(100vh * 0.59);
    right: calc(100vw * 0.48);
    z-index: -1;

  }

  .step3-img3 {
    z-index: -1;
    position: absolute;
    width: calc(100vw * 0.453);
    top: calc(100vh * 0.92);
    right: calc(100vw * 0.02);
    margin-top: calc(100vh * 0.05);
  }

  @media (max-width: 1119px) and (min-height: 750px) {
    .step3-img3 {
      top: calc(100vh * 0.75);
    }
  }

  @media (max-width: 1119px) and (min-height: 820px) {
    .step3-img3 {
      top: calc(100vh * 1.075);
    }
  }

  /*@media(min-width: 380px) {*/
  /*    .step3-img3 {*/
  /*        top: calc(100vh*0.75);*/
  /*    }*/
  /*}*/
  .tab-content-step-4-container {
    padding-top: calc(100vh * 0.14);
    position: relative;
  }

  .tab-content-mobile-app-content-4 {
    /*margin-left: calc(100vw * 0.2875);*/
    margin-bottom: calc(100vh * 0.03384375);
  }

  .tab-content-mobile-app-img-4-container {
    position: absolute;
    /*width: 1625px;*/
    bottom: 0;
  }

  .step4-img1 {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 16%;*/
    width: 42%;
    /*margin-bottom: -3px;*/
    vertical-align: bottom;
    margin-left: -20px;
    margin-top: calc(100vh * -0.015);
  }

  .step4-img2 {
    width: calc(100vw * 0.23);
    padding-left: calc(100vw * 0);
    float: left;
    margin-top: calc(100vh * 0.03);
    position: absolute;
    margin-left: calc(100vw * 0.278);
  }

  .step4-img3 {
    width: calc(100vw * 0.23);
    padding-left: calc(100vw * 0);
    float: left;
    margin-top: calc(100vh * 0.076);
    position: absolute;
    margin-left: calc(100vw * 0.494);
  }

  .step4-img4 {
    width: calc(100vw * 0.23);
    padding-left: calc(100vw * 0);
    float: left;
    margin-top: calc(100vh * 0.00);
    position: absolute;
    margin-left: calc(100vw * 0.705);
  }

  .tab-content-mobile-app-4 {
    /*height: 1012px;*/
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.10625);
    padding-bottom: calc(100vh * 0.55);
    /*  box-sizing: border-box;*/
    position: relative;
    box-sizing: border-box;
    background-color: white;
  }


  .step5-img1 {
    position: absolute;
    width: calc(100vw * 0.5);
    top: calc(100vh * 0.46);
    left: calc(100vw * 0.05);
    z-index: 99;
  }

  .step5-img2 {
    position: absolute;
    width: calc(100vw * 0.4);
    top: calc(100vh * 0.15);
    right: calc(100vw * 0.06);
  }

  .m-step-container {
    margin-bottom: calc(100vh * 0.02603125)
  }

  .m-step-title-container {
    margin-bottom: calc(100vh * 0.020828125)
  }

  #m-tab2C {
    padding-top: calc(100vh * 0.052078125);
    /*padding-left: calc(100vw * 0.056);*/
    /*padding-right: calc(100vw * 0.056);*/
    /*padding-bottom: 205px;*/

  }

  .tab2-content-container {
    /*display: flex;*/

  }

  .tab2-emoji-container {
    position: relative;
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
  }

  .emoji-background {
    width: calc(100vw * 0.7425833);
    margin-left: calc(100vw * 0.07405);
  }


  .emoji-bad {
    top: calc(100vh * 0.14);
    left: calc(100vw * 0.44);
    position: absolute;
    opacity: 0;
    width: calc(100vw * 0.088888);
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 600ms;
  }

  .emoji-normal {
    top: calc(100vh * 0.24);
    /*right: 73px;*/
    left: calc(100vw * 0.52);
    width: calc(100vw * 0.156);
    position: absolute;
    opacity: 0;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
  }

  .emoji-good {
    opacity: 0;
    top: calc(100vh * 0.19);
    left: calc(100vw * 0.15);
    width: calc(100vw * 0.1990);
    position: absolute;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
  }

  .tab2-box-container {
    width: 100%;
    /*height: calc(100vh * 0.56665625);*/
    /*height: 362px;*/
    min-height: 362px;

    padding-left: calc(100vw * 0.0666);
    padding-top: calc(100vh * 0.0328125);
    padding-bottom: calc(100vh * 0.03);
    border-radius: 13px;
    box-shadow: 0 1px 10px 0 rgba(161, 105, 18, 0.05);
    background-color: #ffffff;
    box-sizing: border-box;
  }

  .tab2-box-container img {
    width: calc(100vw * 0.237027);
    margin-bottom: calc(100vh * 0.046875);
    margin-top: calc(100vh * 0.025);
  }

  .tab2-box-container-gap {
    margin-bottom: calc(100vh * 0.025);
  }

  .tab2-text1 {
    position: relative;
    font-size: 5vw;
    font-weight: 400;
    line-height: 1.56;
    letter-spacing: -1.2px;
    color: #1a1a1a;
    margin-bottom: calc(100vh * 0.08125);
    z-index: 1;
    padding-left: 17vw;
  }

  .tab2-content {
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    position: relative;
    z-index: 3;
  }

  .tab2-bg {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 400px;
    /*background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, yellow 50%, rgba(250, 248, 241, 0) 100%);*/
    background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, rgba(238, 206, 38, 0.3) 50%, rgba(250, 248, 241, 0) 100%);
    z-index: 2;
  }

  .tab2-text2 {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: -1.49px;
    color: #a16912;
  }

  .tab2-text3 {
    font-size: 4vw;
    font-weight: 600;
    color: #ffd41d;
  }

  .tab2-text4 {
    font-size: 3.5vw;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: -1px;
    color: #1a1a1a;
  }

  .tab2-text5 {
    font-size: 2.8vw;
    letter-spacing: -0.7px;
    line-height: 1.64;
    color: #757575;
  }

  .tab2-line {
    width: calc(100vw * 0.119);
    margin-top: calc(100vh * 0.03384375);
    margin-bottom: calc(100vh * 0.04165625);
    opacity: 0.3;
    height: 2px;
    background-color: #d09e17;
  }

  .bold-brown-text {
    font-weight: bold;
    color: #a16912;
  }


  #m-tab3C {
    padding-top: calc(100vh * 0.052078125);
padding-bottom: 100px;

  }

  .m-tab3-content-container {
    position: relative;
    /*padding-left: calc(100vw * 0.056);*/
    /*padding-right: calc(100vw * 0.056);*/
    margin-bottom: calc(100vh * 0.08);
  }

  .tab3-text1 {
    font-size: 5vw;
    font-weight: 400;
    letter-spacing: -1.2px;
    color: #1a1a1a;
    line-height: 1.56;
    position: relative;
    padding-left: 17vw;
  }

  .tab3-text1-bg {
    position: absolute;
    width: 100vw;
    height: 400px;
    top: -100px;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, rgba(238, 206, 38, 0.3) 50%, rgba(250, 248, 241, 0) 100%);
  }

  .tab3-text-title {
    font-size: 3.8vw;
    font-weight: bold;
    letter-spacing: -1.7px;
    text-align: left;
    color: #901c00;
    margin-bottom: calc(100vh * 0.025);
    padding-left: calc(100vw * 0.056);
  }

  .tab3-table-label-text {
    font-size: 2.6vw;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: rgba(74, 77, 90, 0.5);
  }

  .tab3-table-content-text1 {
    font-size: 2.6vw;
    letter-spacing: -0.33px;
    color: #2c2c2c;
    font-weight: bold;
  }

  .tab3-table-content-text2 {
    font-size: 16px;
    letter-spacing: -0.8px;
    line-height: 1.63;
    color: #6e6c6c;
  }

  .tab3-table-content-text-warning {
    font-size: 2.6vw;
    letter-spacing: -0.33px;
    color: #2c2c2c;
    font-weight: bold;
  }

  .tab3-table-content-text-warning-1 {
    font-size: 2.6vw;
    letter-spacing: -0.33px;
    color: #2c2c2c;

  }

  .tab3-table-title-container {
    background-color: rgb(250, 248, 240);
    height: calc(100vh * 0.13384375);
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: calc(100vh * 0.025);
  }

  .tab3-table-container {
    display: flex;
    height: calc(100vh * 0.103125);
    border-bottom: 1px solid rgb(243, 243, 243);
    margin: 0px 20px 0px 20px;
  }

  .tab3-table-label-container {
    box-sizing: border-box;
    background-color: #fdfcf9;
    width: calc(100vw * 0.269);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(100vw * 0.017);
    margin-right: calc(100vw * 0.017);
  }

  .tab3-table-content-container {
    flex-grow: 100;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding-left: calc(100vw * 0.056);
    box-sizing: border-box;
    margin-right: calc(100vw * 0.017);
  }

  .tab3-table-container-1 {
    display: flex;
    border-bottom: 1px solid rgb(243, 243, 243);
    box-sizing: border-box;
    margin: 0px 20px 0px 20px;
  }

  .tab3-table-label-container-1 {
    /*box-sizing: border-box;
    background-color: #fdfcf9;
    width: calc(100vw * 0.269);
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.020828125);
    padding-bottom: calc(100vh * 0.020828125);
    display: flex;
    margin-right: calc(100vw * 0.017);*/
    box-sizing: border-box;
    background-color: #fdfcf9;
    width: calc(100vw * 0.269);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(100vw * 0.017);
    margin-right: calc(100vw * 0.017);
  }

  .tab3-table-content-container-1 {
    flex-grow: 100;
    background-color: #ffffff;
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.020828125);
    padding-bottom: calc(100vh * 0.020828125);
    padding-right: calc(100vw * 0.056);
    box-sizing: border-box;

  }

  .tab3-table-container-desc {
    box-sizing: border-box;
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.020828125);
    padding-bottom: calc(100vh * 0.020828125);
    background-color: white;
    border-bottom: 1px solid rgb(243, 243, 243);
    /*padding-bottom: calc(100vh*0.020828125);*/
    /*padding-right: calc(100vw*0.056);*/
    margin: 0px 20px 0px 20px
  }

  .tab3-table-desc-text {
    font-size: 2vw;
    letter-spacing: -0.5px;
    line-height: 1.7;
    color: #939393;
    margin-top: 1vw;
  }

  .tab3-hand-img {
    z-index: 1;
    margin-left: calc(100vw * 0.1);
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    width: calc(100vw * 0.742583);
  }

  .tab3-hand-content {
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    position: relative;
    z-index: 3;
  }

  .detail-text {
    opacity: 0.8;
  }

  .m-b-25 {
    margin-bottom: calc(100vh * 0.02603125);
  }

  .tab2-card-list {
    position: relative;
    z-index: 3;
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    padding-bottom: 100px;
  }

  .bold-brown-text-1 {
    font-weight: bold;
    color: #d09e17;
  }

  .bold-brown-text-2 {
    font-weight: bold;
    color: #A16912;
  }

  .jump-top-home {
    width: calc(100vw * 0.16);
    height: calc(100vw * 0.16);
    cursor: pointer;
  }
}

/*pad(패드):E*/

/*mobile(모바일):S*/
@media (max-width: 599px) {
  .manual-desktop {
    display: none;
  }

  .go-top-container {
    padding-top: calc(100vh * 0.16);
    text-align: center;
    padding-bottom: calc(100vh * 0.04);
  }


  .manual-main-container {
    /*margin: 0;*/
    /*padding-top: 90px;*/
    background: #faf8f0
  }

  .m-detail-text {
    margin-bottom: 7.962962vw !important;
  }

  #m-tabs {
    box-sizing: border-box;
    flex: 1;
    height: 14.814814814814815vw;
    margin-right: 5.6%;
    margin-left: 5.6%;
    text-align: center;
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 7px 12px rgba(88, 56, 6, 0.07);
  }

  a {
    cursor: pointer;
  }

  #m-tabs a {
    /*padding-top: calc(100vh*0.0125);*/
    height: 14.814814814814815vw;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 3.7037037037037037vw;
    letter-spacing: -0.1111111111111111vw;
    color: #6e6c6c;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
    font-weight: 600;
  }


  #m-tabs a.active {
    /*height: calc(100vh * 0.0640625);*/

    /*height: 60px;*/
    /*background-color: #FFFFFF;*/
    background-image: none;
    font-weight: bold;
    font-size: 3.7037037037037037vw;
    letter-spacing: -0.1111111111111111vw;
    /*text-align: center;*/
    color: #1a1a1a;
  }

  .m-selector {
    height: 14.814814814814815vw;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    /*border-radius:50px;*/
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: white;
    background: -moz-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: -webkit-linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    background: linear-gradient(to bottom, #ffdf55 -19%, #ffd41d 32%, #ffb023 183%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf55', endColorstr='#ffb023', GradientType=1);
  }

  /*#tabs li a {*/
  /*    height: 60px;*/
  /*    font-family:Arial, Helvetica, sans-serif;*/
  /*    font-size: small;*/
  /*    font-weight: bold;*/
  /*    color: #5685bc;;*/
  /*    display:block;*/
  /*    text-decoration:none;*/
  /*    outline:none;*/
  /*}*/
  .tab-borer-left {
    border-top-left-radius: 2.962962962962963vw;
    border-bottom-left-radius: 2.962962962962963vw;
  }

  .tab-borer-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }


  .m-tab-content-container {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    overflow: hidden;
  }

  .tab-content-mobile-app-1 {
    padding-left: calc(100vw * 0.056);
    box-sizing: border-box;
    padding-top: calc(100vh * 0.0578125);
    padding-bottom: calc(100vh * 0.4078125);
    /*height: 775px;*/
    background-image: linear-gradient(to top, #ffd41d, rgba(250, 248, 240, 0) -3%);
    display: flex;
    position: relative;
  }

  .tab-step-line {
    display: inline-block;
    background-color: #ffd41d;
    padding-left: calc(100vw * 0.059);
    height: 1px;
    margin-right: calc(100vw * 0.011);

  }

  .tab-step-line-white {
    display: inline-block;
    background-color: #ffffff;
    width: calc(100vw * 0.059);
    height: 1px;
    margin-right: calc(100vw * 0.011);
  }

  .tab-step-text {
    font-size: 4vw;
    font-weight: 900;
    color: #ffd41d;
  }

.tab-step-text> .fw-400 {
    font-size: 4.1vw;
    font-weight: 900;
    color: #ffd41d;
  }

  .tab-step-text-white {
    font-size: 4vw;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: calc(100vh * 0.02603125);
  }

  .m-manual-step3-container {
    margin-bottom: calc(100vh * 0.708328125);
  }

  .tab-content-title-text1 {
    font-size: 9vw;
    font-weight: 600;
    letter-spacing: -1.6px;
    color: #a16912;
  }

  .tab-content-title-text2 {
    line-height: 1.5;
    font-size: 3.9vw;
    letter-spacing: -0.4px;
color: #767676;
/*    color: rgba(110, 110, 110, 1);*/
  }

  .tab-content-mobile-img-container {}

  /*위굴리 이용안내 APP다운로드 주석처리 06-02
  .tab-content-mobile-img {
    z-index: 999;
    position: absolute;
    left: calc(100vw * 0.19);
    top: calc(100vh * 0.42);
    width: calc(100vw * 1.3386);
  }*/

  .tab-content-mobile-img {
    z-index: 999;
    position: absolute;
    left: calc(100vw * 0.02);
    top: calc(100vh * 0.444);
    width: calc(100vw * 1.0);
  }

  .tab-content-mobile-app-2 {
    /*height: 672px;*/
    background-image: linear-gradient(177deg, #ffdf55 -24%, #ffd41d 19%, #ffb023 146%);
    padding-left: calc(100vw * 0.056);
    padding-bottom: calc(100vh * 0.525);
    box-sizing: border-box;
    /*padding-top: 170px;*/
    /*display: flex;*/
    position: relative;
  }

  .tab-content-mobile-app-img-2-container {
    /*width: 700px;*/
    /*height: 100%;*/
    position: relative;
    /*display: flex;*/
  }

  .step2-img1 {
    top: calc(100vh * 0.1);
    position: absolute;
    z-index: 999;
    width: calc(100vw * 0.49);
    /*    width: calc(100vw * 0.5323);*/
    /*position: absolute;*/
    /*top: -74px;*/
    /*animation-name: customFadeInDownShort;*/
    /*animation-duration: 500ms;*/

  }

  .step2-img2 {
    position: absolute;
    width: calc(100vw * 0.43);
    left: calc(100vw * 0.5);
    top: calc(100vh * 0.14);
  }

  .step2-img3 {
    position: absolute;
    width: calc(98vw * 0.55);
    left: calc(100vw * 0.44);
    top: calc(100vh*0.35);
    bottom: calc(100vh * -0.525);
  }


  .tab-content-mobile-app-content-2 {
    box-sizing: border-box;
    padding-top: calc(100vh * 0.1578125);
  }

  .tab-content-mobile-app-3 {
    /*height: 1787px;*/
    background-image: linear-gradient(to top, #ffd41d, white 50%);
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.1796875);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
  }

  .tab-content-img-container-3 {
    position: relative;
    /*top: 180px;*/
  }

  .step3-img1 {
    position: absolute;
    width: calc(100vw * 0.48);
    top: calc(100vh * 0.51);
    right: calc(100vh * 0.01);
    z-index: -1;
  }

  .step3-img2 {
    position: absolute;
    width: calc(100vw * 0.5);
    top: calc(100vh * 0.52);
    right: calc(100vw * 0.48);
    z-index: -1;

  }

  .step3-img3 {
    z-index: -1;
    position: absolute;
    width: calc(100vw * 0.45);
    top: calc(100vh * 0.86);
    right: calc(100vw * 0.026);

  }

  @media (max-width: 1119px) and (min-height: 750px) {
    .step3-img3 {
      top: calc(100vh * 0.75);
    }
  }

  @media (max-width: 1119px) and (min-height: 820px) {
    .step3-img3 {
      top: calc(100vh * 0.77);
    }
  }

  /*@media(min-width: 380px) {*/
  /*    .step3-img3 {*/
  /*        top: calc(100vh*0.75);*/
  /*    }*/
  /*}*/
  .tab-content-step-4-container {
    padding-top: calc(100vh * 0.02);
    position: relative;
  }

  .tab-content-mobile-app-content-4 {
    /*margin-left: calc(100vw * 0.2875);*/
    margin-bottom: calc(100vh * 0.03384375);
  }

  .tab-content-mobile-app-img-4-container {
    position: absolute;
    /*width: 1625px;*/
    bottom: 0;
  }

  .step4-img1 {
    width: 47%;
    /*margin-bottom: -3px;*/
    vertical-align: bottom;
    margin-left: -10px;
    margin-top: calc(100vh * -0.015);
  }

  .step4-img2 {
    width: calc(100vw * 0.23);
    padding-left: calc(100vw * 0.03);
    float: left;
    margin-top: calc(100vw * 0.11);
  }

  .step4-img3 {
    width: calc(100vw * 0.23);
    padding-right: calc(100vw * 0.03);
    /*box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.1);*/
    float: left;
    margin-top: calc(100vh * 0.095);
    margin-left: calc(100vw * 0.51);
  }

  .step4-img4 {
    width: calc(100vw * 0.23);
    padding-left: calc(100vw * 0.03);
    float: left;
    margin-top: calc(100vh * 0.04);
    margin-left: calc(100vw * 0.68);
  }

  .tab-content-mobile-app-4 {
    /*height: 1012px;*/
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.10625);
    padding-bottom: calc(100vh * 0.35);
    /*  box-sizing: border-box;*/
    position: relative;
    box-sizing: border-box;
    background-color: white;
  }


  .step5-img1 {
    position: absolute;
    width: calc(100vw * 0.48);
    top: calc(100vh * 0.47);
    left: calc(100vw * 0.06);
    z-index: 99;
  }

  .step5-img2 {
    position: absolute;
    width: calc(100vw * 0.363);
    top: calc(100vh * 0.2);
    right: calc(100vw * 0.05);
  }

  .m-step-container {
    margin-bottom: calc(100vh * 0.02603125)
  }

  .m-step-title-container {
    margin-bottom: calc(100vh * 0.020828125)
  }

  #m-tab2C {
    padding-top: calc(100vh * 0.052078125);
    /*padding-left: calc(100vw * 0.056);*/
    /*padding-right: calc(100vw * 0.056);*/
    /*padding-bottom: 205px;*/

  }

  .tab2-content-container {
    /*display: flex;*/

  }

  .tab2-emoji-container {
    position: relative;
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
  }

  .emoji-background {
    width: calc(100vw * 0.7425833);
    margin-left: calc(100vw * 0.07405);
  }


  .emoji-bad {
    top: calc(100vh * 0.14);
    left: calc(100vw * 0.44);
    position: absolute;
    opacity: 0;
    width: calc(100vw * 0.088888);
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 600ms;
  }

  .emoji-normal {
    top: calc(100vh * 0.19);
    left: calc(100vw * 0.15);
    width: calc(100vw * 0.1990);
    position: absolute;
    opacity: 0;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
  }

  .emoji-good {
    opacity: 0;
    top: calc(100vh * 0.24);
    /*right: 73px;*/
    left: calc(100vw * 0.52);
    width: calc(100vw * 0.156);
    position: absolute;
    animation-name: customFadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
  }

  .tab2-box-container {
    width: 100%;
    /*height: calc(100vh * 0.56665625);*/
    /*height: 362px;*/
    min-height: 320px;

    padding-left: calc(100vw * 0.0666);
    padding-top: calc(100vh * 0.0328125);
    padding-bottom: calc(100vh * 0.03);
    border-radius: 13px;
    box-shadow: 0 1px 10px 0 rgba(161, 105, 18, 0.05);
    background-color: #ffffff;
    box-sizing: border-box;
  }

  .tab2-box-container img {
    width: calc(100vw * 0.237027);
    margin-bottom: calc(100vh * 0.046875);
    margin-top: calc(100vh * 0.025);
  }

  .tab2-box-container-gap {
    margin-bottom: calc(100vh * 0.025);
  }

  .tab2-text1 {
    position: relative;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.56;
    letter-spacing: -1.2px;
    color: #1a1a1a;
    margin-bottom: calc(100vh * 0.08125);
    z-index: 1;
    padding-left: 10vw;
  }

  .tab2-content {
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    position: relative;
    z-index: 3;
    font-weight: 400;
  }

  .tab2-bg {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 400px;
    /*background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, yellow 50%, rgba(250, 248, 241, 0) 100%);*/
    background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, rgba(238, 206, 38, 0.3) 50%, rgba(250, 248, 241, 0) 100%);
    z-index: 2;
  }

  .tab2-text2 {
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: -1.49px;
    color: #a16912;
  }

  .tab2-text3 {
    font-size: 5vw;
    font-weight: 600;
    color: #ffd41d;
  }

  .tab2-text4 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: -1px;
    color: #1a1a1a;
  }

  .tab2-text5 {
    font-size: 3.9vw;
    letter-spacing: -0.7px;
    line-height: 1.64;
    color: #757575;
  }

  .tab2-line {
    width: calc(100vw * 0.119);
    margin-top: calc(100vh * 0.03384375);
    margin-bottom: calc(100vh * 0.04165625);
    opacity: 0.3;
    height: 2px;
    background-color: #d09e17;
  }

  .bold-brown-text {
    font-weight: bold;
    color: #a16912;
  }


  #m-tab3C {
    padding-top: calc(100vh * 0.052078125);


  }

  .m-tab3-content-container {
    position: relative;
    /*padding-left: calc(100vw * 0.056);*/
    /*padding-right: calc(100vw * 0.056);*/
    margin-bottom: calc(100vh * 0.08);
  }

  .tab3-text1 {
    font-size: 6vw;
    font-weight: 400;
    letter-spacing: -1.2px;
    color: #1a1a1a;
    line-height: 1.56;
    position: relative;
    padding-left: 2vw;
  }

  .tab3-text1-bg {
    position: absolute;
    width: 100vw;
    height: 400px;
    top: -100px;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(250, 248, 241, 0) 0%, rgba(238, 206, 38, 0.3) 50%, rgba(250, 248, 241, 0) 100%);
  }

  .tab3-text-title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -1.7px;
    text-align: left;
    color: #901c00;
    margin-bottom: calc(100vh * 0.025);
    padding-left: calc(100vw * 0.056);
  }

  .tab3-table-label-text {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: rgba(74, 77, 90, 0.5);
  }

  .tab3-table-content-text1 {
    font-size: 1.4rem;
    letter-spacing: -0.33px;
    color: #2c2c2c;
    font-weight: bold;
  }

  .tab3-table-content-text2 {
    font-size: 16px;
    letter-spacing: -0.8px;
    line-height: 1.63;
    color: #6e6c6c;
  }

  .tab3-table-content-text-warning {
    font-size: 1.4rem;
    letter-spacing: -0.33px;
    color: #2c2c2c;
    font-weight: bold;
  }

  .tab3-table-content-text-warning-1 {
    font-size: 1.4rem;
    letter-spacing: -0.33px;
    color: #2c2c2c;

  }

  .tab3-table-title-container {
    background-color: rgb(250, 248, 240);
    height: calc(100vh * 0.13384375);
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: calc(100vh * 0.025);
    /*    margin: 0px 20px 0px 20px;*/
  }

  .tab3-table-container {
    display: flex;
    height: calc(100vh * 0.103125);
    border-bottom: 1px solid rgb(243, 243, 243);

  }

  .tab3-table-label-container {
    box-sizing: border-box;
    background-color: #fdfcf9;
    width: calc(100vw * 0.269);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(100vw * 0.017);
  }

  .tab3-table-content-container {
    flex-grow: 100;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding-left: calc(100vw * 0.056);
    box-sizing: border-box;
  }

  .tab3-table-container-1 {
    display: flex;
    border-bottom: 1px solid rgb(243, 243, 243);
    box-sizing: border-box;
    margin: 0px 20px 0px 20px;
  }

  .tab3-table-label-container-1 {
    box-sizing: border-box;
    background-color: #fdfcf9;
    width: calc(100vw * 0.269);
    /*    padding-left: calc(100vw * 0.056);*/
    /*    padding-top: calc(100vh * 0.020828125);*/
    /*    padding-bottom: calc(100vh * 0.020828125);*/
    display: flex;
    margin-right: calc(100vw * 0.017)
  }

  .tab3-table-content-container-1 {
    flex-grow: 100;
    background-color: #ffffff;
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.020828125);
    padding-bottom: calc(100vh * 0.020828125);
    padding-right: calc(100vw * 0.056);

    box-sizing: border-box;
  }

  .tab3-table-container-desc {
    box-sizing: border-box;
    padding-left: calc(100vw * 0.056);
    padding-top: calc(100vh * 0.020828125);
    padding-bottom: calc(100vh * 0.020828125);
    background-color: white;
    border-bottom: 1px solid rgb(243, 243, 243);
    /*padding-bottom: calc(100vh*0.020828125);*/
    /*padding-right: calc(100vw*0.056);*/
    margin: 0px 20px 0px 20px
  }

  .tab3-table-desc-text {
    font-size: 1.3rem;
    letter-spacing: -0.5px;
    line-height: 1.7;
    color: #939393;
  }

  .tab3-hand-img {
    z-index: 1;
    margin-left: calc(100vw * 0.1);
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    width: calc(100vw * 0.742583);
  }

  .tab3-hand-content {
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    position: relative;
    z-index: 3;
  }

  .detail-text {
    opacity: 0.9;
    font-size: 3.9vw;
  }

  .m-b-25 {
    margin-bottom: calc(100vh * 0.02603125);
  }

  .tab2-card-list {
    position: relative;
    z-index: 3;
    padding-left: calc(100vw * 0.056);
    padding-right: calc(100vw * 0.056);
    padding-bottom: 50px;
  }

  .bold-brown-text-1 {
    font-weight: bold;
    color: #d09e17;
  }

  .bold-brown-text-2 {
    font-weight: bold;
    color: #A16912;
  }

  .jump-top-home {
    width: calc(100vw * 0.16);
    height: calc(100vw * 0.16);
    cursor: pointer;
  }
}

/*mobile(모바일):E*/

a#tab1.active {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}

body {
  overflow-x: hidden;
}

.bg-clip {
      background: linear-gradient(120deg, #ffd416 10%, #0a84ff 20%, #30d158 30%, #5e5ce6 40%, #ff9f0a 50%, #ff375f 60%, #bf5af2 70%, #ff453a 80%, #64d2ff 90%, #ffd60a 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      background-position: 0% 50%;
      background-size: 1000%;
      animation: gradientMove cubic-bezier(0.4, 0, 1, 1);
      animation-duration: 10s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-delay: 0.1s;
    }

    @keyframes gradientMove {
      from {
        background-position: 0% 50%;
      }

      to {
        background-position: 100% 50%;
      }
    }