/* theme style */
input::placeholder,
select::placeholder  {
  color: var(--gray);
  font-size: 0.825em;
}

/*
 * title--lined
 */
.title--lined {
  position: relative;
}
.title--lined::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  right: 0;
  left: 8rem;
  height: 1px;
  background-color: var(--gray);
}
.title--lined>.title-content {
  display: inline-flex;
  padding-right: 1rem;
  background-color: var(--white);
}

/* page--cmak-ccat-3 - 유럽 */
.page--cmak-ccat-3.page--main-intro .hero-slider .hero-card .card-description {
  /*font-size: 0.9375rem;*/
  line-height: 1.3;
}

@media (min-width: 960px) {
  .page--cmak-ccat-3.page--main-intro
  .hero-slider
  .hero-card
  .card-description {
    font-size: 1rem;
  }
}

.page--cmak-ccat-3.default-layout .page-footer .page-footer__cs-contact,
.page--cmak-ccat-3.default-layout .page-footer .page-footer__cs-contact > a {
  font-size: 1.125rem;
  word-break: break-all;
}

.page--cmak-ccat-3.default-layout .page-footer .page-footer__cs-contact > a {
  display: inline-block;
  margin-bottom: 0.375rem;
}

/* page--cmak-ccat-3 - 유럽 */


/* default.php contact-us */
.contact-link-box {
  padding-bottom: 10px;
}


/* */
.page--main-intro .hero-slider .swiper-pagination-bullet > .bar::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: width 10s;
}

.icon-naverblog{
  background: url('../images/icon-naverblog.png') no-repeat 0 0;
  background-size: cover !important;
}


/* mapModal.php */
.modal-bg {
  /*background: url('../images/country/c-bg.png') no-repeat center center;*/
  background-color: rgba(245, 245, 245, 0.75);
  backdrop-filter: blur(2px);
  cursor: default;
}

.modal-bg .section-header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #232323;
}

.country-wrap {
  padding-top: 1.5rem;
}

.country-wrap .country-list-box {
  list-style-type: none;
  font-family: "Prompt", "Noto Sans KR", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.country-wrap .country-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  height: auto;
  align-items: flex-start;
}

.country-wrap .country-list > li {
  margin-bottom: 30px;
  width: 33.3333%;
  padding-left: 48px;
}

.country-wrap .country-list .country-list-box {
  margin-bottom: 30px;
  width: 33.3333%;
  padding-left: 60px;
}

.country-wrap .country-list .country-list-box:nth-last-child(2) {
  position: absolute;
  right: 32px;
  bottom: 40px;
}

.country-wrap .country-list .country-list-box:last-child {
  position: absolute;
  bottom: 40px;
}

.country-wrap .country-list .tit {
  font-size: 1.25rem;
  color: #000;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.country-wrap .country-list .country-box {
  padding: 5px 0;
}

.country-wrap .country-list .country-box a {
  display: inline-flex;
  align-items: center;
  color: #121212;
  font-weight: 400;
}

.country-wrap .country-list .country-box .img {
  width: 22px;
  height: 14px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

.country-wrap .country-list .country-box .country-default-icon {
  background-image: url('../images/country/c11.png');
}

.country-wrap .country-list .country-box .country-eu {
  background-image: url('../images/country/c00.jpg');
}

.country-wrap .country-list .country-box .country-us {
  background-image: url('../images/country/c01.jpg');
}

.country-wrap .country-list .country-box .country-ca {
  background-image: url('../images/country/c02.jpg');
}

.country-wrap .country-list .country-box .country-uk {
  width:44px;
  background-image: url('../images/country/c19.jpg');
}

.country-wrap .country-list .country-box .country-de {
  background-image: url('../images/country/c04.jpg');
}

.country-wrap .country-list .country-box .country-fr {
  background-image: url('../images/country/c05.jpg');
}

.country-wrap .country-list .country-box .country-es {
  background-image: url('../images/country/c06.jpg');
}

.country-wrap .country-list .country-box .country-it {
  background-image: url('../images/country/c07.jpg');
}

.country-wrap .country-list .country-box .country-pl {
  background-image: url('../images/country/c08.jpg');
}

.country-wrap .country-list .country-box .country-ru {
  background-image: url('../images/country/c09.jpg');
}

.country-wrap .country-list .country-box .country-tr {
  background-image: url('../images/country/c10.jpg');
}

.country-wrap .country-list .country-box .country-ro {
  background-image: url('../images/country/c17.jpg');
}


.country-wrap .country-list .country-box .country-asia {
  background-image: url('../images/country/c11.png');
}

.country-wrap .country-list .country-box .country-cn {
  background-image: url('../images/country/c12.jpg');
}

.country-wrap .country-list .country-box .country-kr {
  background-image: url('../images/country/c13.jpg');
}

.country-wrap .country-list .country-box .country-jp {
  background-image: url('../images/country/c14.jpg');
}

.country-wrap .country-list .country-box .country-oce {
  background-image: url('../images/country/c15.jpg');
}

.country-wrap .country-list .country-box .country-mea {
  background-image: url('../images/country/c11.png');
}

.country-wrap .country-list .country-box .country-ma {
  background-image: url('../images/country/c11.png');
}

.country-wrap .country-list .country-box .country-mf {
  background-image: url('../images/country/c11.png');
}
.country-wrap .country-list .country-box .country-in {
  background-image: url('../images/country/c16.jpg');
}

.country-wrap .country-list .country-box .country-tw {
  background-image: url('../images/country/c20.jpg');
}

.country-wrap .country-list .country-box .box-tit {

}

.page--main-intro .hero-slider .before_color:before {
  content: "";
  position: absolute;
  top: 0.25em;
  right: 0;
  bottom: 0.25em;
  width: 2px;
  background-color: #000;
}

.page--main-intro .hero-slider .hero-card .card-btn.before_color {
  color: #000;
  font-size: 1.125rem;
  text-shadow: 0 1px 1px rgb(18 18 18 / 48%);
  border-color: #000;
}

.page--main-intro .hero-slider .hero-card .card-btn.before_color:hover {
  background-color: #000;
  color: #fff;
}

.page--main-intro .hero-slider .hero-card .card-btn.before_color::before {
  content: none;
}


@media (max-width: 1279.98px) {
  .country-wrap {
    margin-bottom: -12rem;
  }

  .country-wrap .country-list > li {
    margin-bottom: 30px;
    width: 50%;
  }

  .country-wrap .country-list .country-list-box {
    margin-bottom: 30px;
    width: 50%;
  }

  /*.country-wrap .country-list .country-list-box:nth-child(3) {*/
  /*  position: absolute;*/
  /*  bottom: 116px;*/
  /*}*/
  .country-wrap .country-list .country-list-box:nth-last-child(2) {
    position: relative;
    bottom: 0;
    right: 0;
  }

  .country-wrap .country-list .country-list-box:last-child {
    position: relative;
    bottom: 380px;
  }
}

/*@media (max-width: 639.98px) {*/
/*  .country-wrap .country-list .country-list-box:nth-child(3) {*/
/*    position: absolute;*/
/*    bottom: 100px;*/
/*  }*/
/*  .country-wrap .country-list .country-list-box:last-child {*/
/*    bottom: 0;*/
/*  }*/
/*}*/

@media (max-width: 819.98px) {
  .country-wrap {
    margin-bottom: 0;
  }

  .country-wrap .country-list {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
  }

  .country-wrap .country-list > li {
    width: 100%;
  }

  .country-wrap .country-list .country-list-box {
    width: 100%;
    padding-left: 0;
  }

  .country-wrap .country-list .country-list-box:nth-child(3) {
    position: relative;
    bottom: 0;
  }

  .country-wrap .country-list .country-list-box:last-child {
    bottom: 0;
  }
}


/*
 * company
 */

.history-card .history-list .history-item .history-text__content {
  position: relative;
  padding-left: 1rem;
}

.history-card .history-list .history-item .history-text__content::before {
  opacity: 0.6;
  content: '';
  position: absolute;
  top: 0.67em;
  left: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
}

.history-card .history-list .history-item .history-text__content + .history-text__content {
  margin-top: 0.25rem;
}

/*
 * howto > network
 */
.page--howToBuy-network .page-content {
  padding-top: 1.5rem;
}
.page--howToBuy-network.with-map .page-content {
  padding-bottom: 0;
}
.page--howToBuy-network .network-section-container {
  min-height: 100%;
  padding-top: 80px;
  border-bottom: 1px solid #e9ecef;
}
.page--howToBuy-network .network-section-container .network-section {
  margin-top: 0;
  border-bottom: 0;
}

.btn-map--style1,
.btn-map--style1:hover {
  cursor: default !important;
}
.btn-map--style1 .btn-marker__icon {
  background-image: url('../images/map/map_marker_style01.png?ver=1.2.0');
}

@media (min-width: 960px) {
  .page--howToBuy-network .map-section .section-body .country-selection--america {
    top: 31.8%;
    left: 10.6%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--europe {
    left: 46.3%;
    top: 22.1%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--middleEast-africa {
    left: 59.7%;
    top: 40.3%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--asia {
    left: 72.9%;
    top: 45%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--china {
    left: 77.5%;
    top: 35.5%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--korea {
    left: 79.8%;
    top: 31.5%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--japan {
    left: 82.7%;
    top: 31.4%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--oceania {
    left: 87.9%;
    top: 75.2%;
  }
  .page--howToBuy-network .map-section .section-body .country-selection--uk {
    left: 43.5%;
    top: 21.6%;
  }
}

@media(min-width: 960px) {
  .page--howToBuy-network .page-content {
    padding-top: 2.5rem;
  }
}

.catalogue-card .card-title{
    font-size: 1.2rem;
    white-space:nowrap;
}

/*
 * page--color-list
 */
.page--color-list .color-brief-card .card-thumbnail {
  border-color: #D0D6DC;
}


.grecaptcha-badge {
  z-index: 10000000;
}
.btn-loader {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-bottom: 0 !important;
}
.is-loading>.btn-loader {
  opacity: 1;
}
.is-loading>.btn-loader::before {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.4);
  border: 0;
}

.agreement-fields--v1 .agreement-field {
  position: relative;
  padding: 0.5rem 6rem 0.5rem 0;
}
.agreement-fields--v1 .agreement-field .control-label {
  opacity: 1;
  display: block;
  margin-bottom: 0.5rem;
}
.agreement-fields--v1 .agreement-field__action {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (min-width: 640px) {
  .agreement-fields--v1 .agreement-field {
    display: flex;
    padding-top: 0.5rem;
    padding-right: 6rem;
  }
  .agreement-fields--v1 .agreement-field .control-label {
    display: inline-block;
    margin-right: auto;
    margin-bottom: 0;
  }
  .agreement-fields--v1 .agreement-field__action {
    right: 0;
    left: auto;
  }
}

.address-postcode__content {
  position: relative;
}
.address-postcode__collapse {
  overflow-y: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 100%;
}
.address-postcode__view {
  height: 300px;
  max-height: 360px;
  background-color: #fff;
  border: 1px solid #121212;
  transition: all .2s ease;
}

.recaptcha{margin:0px auto;}