/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./app/[lang]/(pages)/(full-layout)/business/overseas-payment/page.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.page_ta-left__Tdqg7 {
  text-align: left !important;
}

.page_ta-right__Hqs3Y {
  text-align: right !important;
}

.page_ta-center__zHm_R {
  text-align: center !important;
}

/* 해외결제 안내 (Overseas Payment) — 리디자인 마이그레이션
   상단은 공통 컴포넌트(HeadlineGroup) + 인트로 배너로 다른 서브페이지와 톤 통일,
   본문은 리디자인 섹션을 서브 레이아웃(layout_sub) 프레임 안에서 rem(10px 기준)로 이관 */
.page_page__wL29g {
  --op-bg: #f5f8fc;
  --op-bg-soft: #eaf1fa;
  --op-surface: #ffffff;
  --op-surface-strong: #123d7a;
  --op-ink: #071626;
  --op-ink-soft: #5c6d7f;
  --op-line: #d5dfeb;
  --op-accent: #2257a6;
  --op-accent-dark: #153f85;
  --op-danger: #ed1b34;
  --op-shadow: 0 2.4rem 7rem rgb(18 61 122 / 0.12);
  --op-radius: 1.8rem;
  color: var(--op-ink);
  font-family: "Pretendard", sans-serif;
}
.page_page__wL29g * {
  box-sizing: border-box;
}
.page_page__wL29g img {
  display: block;
  max-width: 100%;
}

.page_container__CeQ7_ {
  width: 100%;
  margin: 0 auto;
}

/* 스크롤 진입 시 아래→위 페이드인.
   CSS 스크롤 기반 애니메이션(animation-timeline: view())만 사용 → JS 불필요, SSR 유지.
   미지원 브라우저는 로드 시 1회 페이드로 자연스럽게 폴백. */
@keyframes page_op-fade-up__1Fmhh {
  from {
    opacity: 0;
    transform: translateY(3rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .page_reveal__2iYK9 {
    animation: page_op-fade-up__1Fmhh 0.7s ease-out both;
    animation-timeline: view();
    animation-range: entry 5% cover 28%;
  }
}
.page_button__c9mGX {
  min-height: 4.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 0.1rem solid transparent;
  padding: 0 2.2rem;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  background: var(--op-danger);
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
.page_button__c9mGX:active {
  transform: translateY(0.1rem);
}

/* Overview */
.page_overview__68VQe {
  padding: 9.6rem 0;
}

.page_overviewGrid__oV1Mm {
  display: grid;
  grid-template-columns: minmax(34rem, 1.02fr) repeat(2, minmax(0, 1fr));
  grid-gap: 1.4rem;
  gap: 1.4rem;
  align-items: stretch;
}

.page_card__m6zmI {
  min-height: 15.2rem;
  padding: 2.2rem 2.4rem;
  border: 0.1rem solid var(--op-line);
  border-radius: var(--op-radius);
  background: var(--op-surface);
  box-shadow: 0 1.8rem 5.4rem rgba(18, 61, 122, 0.07);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page_cardStrong__M_X2F {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.3;
}

.page_cardSpan__cEmdW {
  color: var(--op-ink-soft);
  font-size: 1.55rem;
  line-height: 1.58;
}

.page_overviewLead__MwoKK {
  grid-row: span 2;
  justify-content: center;
  min-height: 31.8rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--op-accent) 12%, transparent), color-mix(in srgb, var(--op-danger) 7%, transparent) 64%, transparent), var(--op-surface);
}

.page_overviewLeadTitle__Qc7hi {
  margin: 0;
  font-size: var(--font-size-t7);
  font-weight: 700;
  line-height: 1.24;
  white-space: pre-line;
}

.page_overviewLeadDesc__pV7WS {
  margin: 1.4rem 0 0;
  color: var(--op-ink-soft);
  font-size: 1.6rem;
  line-height: 1.62;
}

/* Billing */
.page_billingSection__DmvYP,
.page_appSection__OcZ_N {
  padding: 11.2rem 0;
}

.page_billingLayout__E6mD_ {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  grid-gap: 7.2rem;
  gap: 7.2rem;
  align-items: center;
}

.page_sectionTitle__nbg5w {
  margin: 0;
  font-size: var(--font-size-t7);
  font-weight: 700;
  line-height: 1.08;
  white-space: pre-line;
}

.page_sectionDesc__P7M2E {
  margin: 1.8rem 0 0;
  color: var(--op-ink-soft);
  font-size: 1.8rem;
  line-height: 1.75;
}

.page_formulaStrip__I52xL {
  margin-top: 3.4rem;
  display: grid;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.page_formulaStrip__I52xL span {
  min-height: 5.4rem;
  display: flex;
  align-items: center;
  padding: 0 1.8rem;
  border: 0.1rem solid var(--op-line);
  border-radius: 1.4rem;
  background: var(--op-surface);
  color: var(--op-ink);
  font-weight: 700;
}
.page_formulaStrip__I52xL span + span::before {
  content: "+";
  width: 2.8rem;
  color: var(--op-danger);
  font-weight: 700;
}

.page_mediaCard__whV75 {
  margin: 0;
  overflow: hidden;
  border: 0.1rem solid var(--op-line);
  border-radius: var(--op-radius);
  background: var(--op-surface);
  box-shadow: var(--op-shadow);
}
.page_mediaCard__whV75 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page_billingMedia__KVl_0 {
  aspect-ratio: 16/8.2;
}

/* Rate board */
.page_rateBoard__v8VqA {
  padding: 0 0 11.2rem;
}

.page_rateGrid__3ZGLE {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.8rem;
  gap: 1.8rem;
}

.page_rateCard__6s_3r {
  padding: 3rem;
  border: 0.1rem solid var(--op-line);
  border-radius: var(--op-radius);
  background: var(--op-surface);
}
.page_rateCard__6s_3r span {
  color: var(--op-ink-soft);
  font-weight: 700;
}
.page_rateCard__6s_3r strong {
  display: block;
  margin: 2.4rem 0 2.2rem;
  color: var(--op-accent-dark);
  font-size: var(--font-size-t7);
  font-weight: 600;
  line-height: 1;
}
.page_rateCard__6s_3r p {
  margin: 0;
  color: var(--op-ink-soft);
  line-height: 1.7;
}

/* DCC */
.page_dccSection__LEZ56 {
  padding: 11.2rem 0;
}

.page_dccLayout__R7qYE,
.page_appLayout__0uokj {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  grid-gap: 7.2rem;
  gap: 7.2rem;
  align-items: center;
}

.page_dccChoice__c8bPd {
  aspect-ratio: 16/9.2;
}

.page_dccChoiceList__lWMrj {
  margin-top: 3.2rem;
  display: grid;
  grid-gap: 1.4rem;
  gap: 1.4rem;
}
.page_dccChoiceList__lWMrj div {
  display: grid;
  grid-template-columns: 9rem 1fr;
  grid-gap: 1.8rem;
  gap: 1.8rem;
  align-items: center;
  padding: 1.8rem;
  border: 0.1rem solid var(--op-line);
  border-radius: 1.6rem;
  background: var(--op-surface);
}
.page_dccChoiceList__lWMrj strong {
  color: var(--op-accent-dark);
}
.page_dccChoiceList__lWMrj span {
  color: var(--op-ink-soft);
  line-height: 1.6;
}

/* App — 배경색 밴드(배경만 풀블리드, 컨텐츠는 다른 섹션과 동일 너비) */
.page_appSection__OcZ_N {
  position: relative;
}
.page_appSection__OcZ_N::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--op-bg-soft);
  z-index: -1;
}

.page_appLayout__0uokj {
  grid-template-columns: 0.92fr 1.08fr;
}

.page_pathList__wtlYI {
  margin: 3.4rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 1.2rem;
  gap: 1.2rem;
  counter-reset: path;
}
.page_pathList__wtlYI li {
  counter-increment: path;
  min-height: 5.8rem;
  display: grid;
  grid-template-columns: 4.4rem 1fr;
  grid-gap: 1.4rem;
  gap: 1.4rem;
  align-items: center;
  padding: 0.8rem 1.6rem 0.8rem 0.8rem;
  border: 0.1rem solid var(--op-line);
  border-radius: 1.6rem;
  background: var(--op-surface);
  font-weight: 700;
}
.page_pathList__wtlYI li::before {
  content: counter(path);
  width: 4.2rem;
  height: 4.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.4rem;
  color: #fff;
  background: var(--op-accent);
  font-weight: 700;
}

.page_appMedia__D4dVa {
  aspect-ratio: 16/9.2;
}

/* Final — 남색 밴드(배경만 풀블리드, 컨텐츠는 다른 섹션과 동일 너비) */
.page_finalSection__JOJ2w {
  position: relative;
  padding: 9.6rem 0;
  color: #fff;
}
.page_finalSection__JOJ2w::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--op-surface-strong);
  z-index: -1;
}

.page_finalLayout__lMfP9 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.page_finalLayout__lMfP9 > div {
  flex: 1 1;
  min-width: 0;
}
.page_finalLayout__lMfP9 .page_button__c9mGX {
  flex-shrink: 0;
}
.page_finalLayout__lMfP9 h2 {
  margin: 0;
  font-size: var(--font-size-t7);
  font-weight: 700;
  line-height: 1.08;
}
.page_finalLayout__lMfP9 p {
  margin: 1.8rem 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.8rem;
  line-height: 1.75;
}

/* Dialog (전체 안내문) */
.page_dialogBackdrop__foxVC {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(7, 22, 38, 0.68);
}

.page_dialog__csDz4 {
  width: min(98rem, 100%);
  max-height: min(82rem, 100dvh - 4rem);
  display: flex;
  flex-direction: column;
  border-radius: var(--op-radius);
  color: var(--op-ink);
  background: var(--op-surface);
  box-shadow: var(--op-shadow);
  overflow: hidden;
}

.page_dialogHeader__8Bmzv {
  min-height: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  padding: 0 3.2rem;
  border-bottom: 0.1rem solid var(--op-line);
}
.page_dialogHeader__8Bmzv h2 {
  margin: 0;
  font-size: 2.8rem;
  font-weight: 700;
}

.page_dialogClose__MPfh7 {
  min-height: 4.2rem;
  border: 0.1rem solid var(--op-line);
  border-radius: 999px;
  padding: 0 1.8rem;
  color: var(--op-ink);
  background: var(--op-surface);
  font-weight: 700;
}

.page_dialogBody__RXKR3 {
  overflow: auto;
  padding: 3.2rem;
}
.page_dialogBody__RXKR3 section + section {
  margin-top: 3.4rem;
}
.page_dialogBody__RXKR3 h3 {
  margin: 0 0 1.2rem;
  font-size: 2.2rem;
  font-weight: 700;
}
.page_dialogBody__RXKR3 p,
.page_dialogBody__RXKR3 li {
  color: var(--op-ink-soft);
  font-size: 1.7rem;
  line-height: 1.8;
}
.page_dialogBody__RXKR3 p {
  margin: 0 0 1.2rem;
}
.page_dialogBody__RXKR3 ul {
  margin: 1.4rem 0 0;
  padding-left: 2.2rem;
}

/* Responsive */
@media (max-width: 1180px) {
  .page_overviewGrid__oV1Mm {
    grid-template-columns: repeat(2, 1fr);
  }
  .page_overviewLead__MwoKK {
    grid-column: span 2;
    grid-row: auto;
    min-height: auto;
  }
  .page_billingLayout__E6mD_,
  .page_dccLayout__R7qYE,
  .page_appLayout__0uokj {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .page_overview__68VQe,
  .page_billingSection__DmvYP,
  .page_dccSection__LEZ56,
  .page_appSection__OcZ_N {
    padding: 7.2rem 0;
  }
  .page_rateBoard__v8VqA {
    padding-bottom: 7.2rem;
  }
  .page_overviewGrid__oV1Mm,
  .page_rateGrid__3ZGLE {
    grid-template-columns: 1fr;
  }
  .page_rateGrid__3ZGLE {
    gap: 1.2rem;
  }
  .page_overviewLead__MwoKK {
    grid-column: auto;
  }
  .page_card__m6zmI {
    min-height: auto;
  }
  .page_rateCard__6s_3r {
    padding: 2rem 2.4rem;
  }
  .page_rateCard__6s_3r strong {
    margin: 1rem 0 0.8rem;
  }
  .page_billingMedia__KVl_0,
  .page_dccChoice__c8bPd,
  .page_appMedia__D4dVa {
    aspect-ratio: 16/10;
  }
  .page_finalLayout__lMfP9 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.8rem;
  }
  .page_finalLayout__lMfP9 > div {
    width: 100%;
  }
  .page_finalLayout__lMfP9 p {
    padding-right: 7rem;
  }
  .page_overviewLeadTitle__Qc7hi,
  .page_sectionTitle__nbg5w,
  .page_finalLayout__lMfP9 h2,
  .page_dialogHeader__8Bmzv h2 {
    font-size: var(--font-size-b2);
  }
  .page_rateCard__6s_3r strong {
    font-size: var(--font-size-t7);
  }
  .page_cardStrong__M_X2F {
    font-size: var(--font-size-b5);
  }
  .page_dialogBody__RXKR3 h3 {
    font-size: var(--font-size-b4);
  }
  .page_sectionDesc__P7M2E,
  .page_overviewLeadDesc__pV7WS,
  .page_finalLayout__lMfP9 p,
  .page_formulaStrip__I52xL span,
  .page_pathList__wtlYI li,
  .page_button__c9mGX {
    font-size: var(--font-size-b6);
  }
  .page_cardSpan__cEmdW,
  .page_rateCard__6s_3r span,
  .page_rateCard__6s_3r p,
  .page_dccChoiceList__lWMrj strong,
  .page_dccChoiceList__lWMrj span,
  .page_dialogBody__RXKR3 p,
  .page_dialogBody__RXKR3 li {
    font-size: var(--font-size-b7);
  }
}
@media (max-width: 560px) {
  .page_overviewLeadTitle__Qc7hi,
  .page_sectionTitle__nbg5w,
  .page_finalLayout__lMfP9 h2 {
    font-size: var(--font-size-b3);
  }
  .page_button__c9mGX {
    padding: 0 1.8rem;
  }
  .page_card__m6zmI,
  .page_rateCard__6s_3r {
    padding: 2.4rem;
  }
  .page_dccChoiceList__lWMrj div {
    grid-template-columns: 1fr;
  }
  .page_dialogHeader__8Bmzv,
  .page_dialogBody__RXKR3 {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page_button__c9mGX {
    transition: none;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./app/[lang]/shared/components/headline-group/HeadlineGroup.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeadlineGroup_ta-left__x_kug {
  text-align: left !important;
}

.HeadlineGroup_ta-right__XNmgg {
  text-align: right !important;
}

.HeadlineGroup_ta-center__XMgsA {
  text-align: center !important;
}

/* HeadlindGroup */
.HeadlineGroup_headlineGroup__3zYZ_ {
  margin-bottom: 10rem;
  line-height: 1.4;
}
.HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineEyebrow__330vk {
  display: block;
  margin-bottom: 0.8rem;
  font-size: var(--font-size-b2);
  font-weight: 600;
  color: var(--color-gray600);
}
.HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineTitle___KtDm {
  display: block;
  font-size: var(--font-size-t6);
  font-weight: 700;
  color: var(--color-black);
  white-space: pre-line;
}
.HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineDescription__Zqjmj {
  margin-top: 1.8rem;
  font-size: var(--font-size-b4);
  font-weight: 500;
  color: var(--color-gray800);
  white-space: pre-line;
}
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_colorMode___fvma .HeadlineGroup_headlineEyebrow__330vk:not(.HeadlineGroup_bg-dark__g_L5M) {
  font-weight: 500;
  color: var(--color-primary);
}
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_colorMode___fvma .HeadlineGroup_headlineTitle___KtDm {
  color: var(--color-black);
}
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_bg-dark__g_L5M .HeadlineGroup_headlineEyebrow__330vk,
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_bg-dark__g_L5M .HeadlineGroup_headlineTitle___KtDm,
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_bg-dark__g_L5M .HeadlineGroup_headlineDescription__Zqjmj {
  color: #fff;
}
.HeadlineGroup_headlineGroup__3zYZ_.HeadlineGroup_isEyebrowOnly__UO_qc {
  margin-bottom: 2.2rem;
}

@media screen and (max-width: 1439px) {
  .HeadlineGroup_headlineGroup__3zYZ_ {
    margin-bottom: 3rem;
  }
  .HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineEyebrow__330vk {
    font-size: var(--font-size-b7);
  }
  .HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineTitle___KtDm {
    font-size: var(--font-size-b5);
  }
  .HeadlineGroup_headlineGroup__3zYZ_ .HeadlineGroup_headlineDescription__Zqjmj {
    margin-top: 0.6rem;
    font-size: var(--font-size-b10);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./app/[lang]/shared/components/page-title/IntroImgBar.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IntroImgBar_ta-left__5hupa {
  text-align: left !important;
}

.IntroImgBar_ta-right__K4rw_ {
  text-align: right !important;
}

.IntroImgBar_ta-center__wJ7xA {
  text-align: center !important;
}

.IntroImgBar_imageWrapper__UuVhc {
  left: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) translateZ(0);
  will-change: transform, width, border-radius;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 5rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 14rem 24rem 0;
  width: 192rem;
}

.IntroImgBar_paddingArea__FxYoN {
  margin-top: 10rem;
}

@media screen and (max-width: 1439px) {
  .IntroImgBar_imageWrapper__UuVhc {
    border-radius: 1.8rem;
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 799px) {
  .IntroImgBar_imageWrapper__UuVhc {
    transition: none;
  }
}