#tariff_guide_container .red {
  color: #F06464;
}
#tariff_guide_container .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 200px;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4em;
  letter-spacing: -1px;
  color: var(--second-color);
  background-color: #fff;
  border: 1px solid #BBC1D0;
  cursor: pointer;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}
#tariff_guide_container .btns svg path {
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}
@media (hover: hover) and (pointer: fine) {
  #tariff_guide_container .btns:hover {
    color: var(--accent-color);
    border: 1px solid var(--accent-color) !important;
  }
}
#tariff_guide_container .btns:active {
  color: var(--accent-color);
  border: 1px solid var(--accent-color) !important;
}
#tariff_guide_container section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#tariff_guide_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 100px;
  padding: 100px 20px;
  color: var(--second-color);
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container {
    gap: 60px;
    text-align: center;
  }
}
#tariff_guide_container .title-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
#tariff_guide_container .title-wrap p {
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
  color: var(--accent-color);
}
#tariff_guide_container .title-wrap p br {
  display: none;
}
@media (min-width: 319px) and (max-width: 599px) {
  #tariff_guide_container .title-wrap p br {
    display: block;
  }
}
@media (min-width: 0px) and (max-width: 319px) {
  #tariff_guide_container .title-wrap p br {
    display: none;
  }
}
#tariff_guide_container .tariff-calc-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 30px 20px;
  width: 100%;
  max-width: 600px;
  background: #333333;
  border-radius: 24px;
}
#tariff_guide_container .tariff-calc-wrap h3 {
  font-weight: 500;
  color: #fff;
}
#tariff_guide_container .tariff-calc-wrap .btn-tariff-calc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 260px;
  height: auto;
  padding: 21px 0;
  border-radius: 16px;
}
#tariff_guide_container .tariff-calc-wrap .btn-tariff-calc .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
@media (hover: hover) and (pointer: fine) {
  #tariff_guide_container .tariff-calc-wrap .btn-tariff-calc:hover svg path {
    fill: var(--accent-color);
  }
}
#tariff_guide_container .tariff-calc-wrap .btn-tariff-calc:active svg path {
  fill: var(--accent-color);
}
#tariff_guide_container .guide-wrap {
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#tariff_guide_container .guide-wrap .guide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 180px;
  width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide .box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  max-width: 600px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F6FB), to(rgba(244, 246, 251, 0)));
  background: linear-gradient(180deg, #F4F6FB 0%, rgba(244, 246, 251, 0) 100%);
  border-radius: 24px;
}
#tariff_guide_container .guide-wrap .guide-list .guide .desc {
  font-size: 16px;
  line-height: 1.8em;
  text-align: center;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap {
  gap: 46px;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .flags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  width: 70px;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .flags img {
  width: 30px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .arrow {
  width: 28px;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .arrow img {
  width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .tosstoss-box img {
  margin-bottom: 20px;
  width: 90px;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .tosstoss-box p {
  font-size: 16px;
  line-height: 1.8em;
  color: var(--accent-color);
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .flag {
  padding: 20px;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .box-wrap .flag img {
  width: 30px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .desc.pc {
  display: block;
}
#tariff_guide_container .guide-wrap .guide-list .guide01 .desc.mobile {
  display: none;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide01 .desc.pc {
    display: none;
  }
  #tariff_guide_container .guide-wrap .guide-list .guide01 .desc.mobile {
    display: block;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 185px;
  height: 70px;
  border-radius: 10px;
  background: #ECEFF6;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .category .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 16px;
  color: var(--accent-color);
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .content {
  text-align: center;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .content img {
  margin-bottom: 20px;
  width: 93px;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .content .mobile {
  display: none;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6em;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .content .mobile {
    display: block;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .box .content .price {
  font-size: 20px;
  line-height: 1.4em;
  color: var(--accent-color);
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .btn-wrap .btn-sort {
  width: 120px;
  border-radius: 999px;
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .btn-wrap .btn-sort svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (hover: hover) and (pointer: fine) {
  #tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .btn-wrap .btn-sort:hover svg path {
    stroke: var(--accent-color);
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .box-wrap .btn-wrap .btn-sort:active svg path {
  stroke: var(--accent-color);
}
#tariff_guide_container .guide-wrap .guide-list .guide02 .desc.mobile {
  display: none;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide02 .desc.pc {
    display: none;
  }
  #tariff_guide_container .guide-wrap .guide-list .guide02 .desc.mobile {
    display: block;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 120px;
     -moz-column-gap: 120px;
          column-gap: 120px;
  padding-top: 20px;
  padding-bottom: 48px;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .ex {
  margin-bottom: 9px;
  min-width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #969DAE;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .box .flag img {
  width: 30px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .box .desktop {
  width: 124px;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .box .desktop img {
  width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide03 .box-wrap .box p {
  line-height: 1.8em;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-top: 56px;
  padding-bottom: 56px;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .flag {
  padding: 20px;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .flag img {
  width: 30px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap .btn-tariff-search {
  gap: 16px;
  width: 100%;
  max-width: 277px;
  height: 88px;
  border: 1px solid #E1E5EF;
  border-radius: 24px;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap .btn-tariff-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 124px;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap .btn-tariff-search img {
  width: 140px;
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap .btn-tariff-search .text {
  line-height: 1.4em;
  text-align: center;
  word-break: normal;
  -webkit-transition: all;
  transition: all;
}
@media (min-width: 0px) and (max-width: 599px) {
  #tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap .btn-wrap .btn-tariff-search .text br {
    display: none;
  }
}
#tariff_guide_container .guide-wrap .guide-list .guide04 .box-wrap p {
  font-size: 15px;
  font-weight: 500;
  line-height: 2em;
  color: #4E5968;
}