@charset "UTF-8";
body .bat-wrapper { max-width: unset; }
.aem-Grid-Container--xxl { max-width: unset; margin: 0; }
.soeasy__wrap { --soeasy-unit: 0.0520833vw; --font-en: "Mont"; --font-kr: "Onemobile"; position: relative; width: 100%; min-width: 750px; overflow: hidden; background: #ffffff; font-family: var(--font-en), var(--font-kr), sans-serif; color: #111111; word-break: keep-all; }
.soeasy__wrap, .soeasy__wrap * { box-sizing: border-box; }
.soeasy__wrap img { max-width: 100%; display: block; }
.kv { position: relative; width: 100%; height: calc(1548 * var(--soeasy-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_kv.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.kv__title { position: absolute; left: calc(415 * var(--soeasy-unit)); top: calc(240.48 * var(--soeasy-unit)); width: calc(1112 * var(--soeasy-unit)); }
.kv__text { position: absolute; left: 50%; transform: translateX(-50%) translateY(var(--reveal-y, 0)); font-size: calc(42 * var(--soeasy-unit)); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; color: #ffffff; text-align: center; white-space: nowrap; text-shadow: 0 calc(2 * var(--soeasy-unit)) calc(8 * var(--soeasy-unit)) rgba(0, 0, 0, 0.35); }
.kv__text--01 { top: calc(714 * var(--soeasy-unit)); }
.kv__text--02 { top: calc(870 * var(--soeasy-unit)); }
.kv__box { position: absolute; left: 50%; transform:translateX(calc(-50% + 11 * var(--soeasy-unit))) translateY(var(--reveal-y, 0)); top: calc(1086 * var(--soeasy-unit)); width: calc(974 * var(--soeasy-unit)); }
.kv__box-img {width:100%;}
.kv__box-text { position: absolute; left: calc(144 * var(--soeasy-unit)); top: calc(50 * var(--soeasy-unit)); right: 0; }
.kv__box-row { position: relative; display: flex; }
.kv__box-row + .kv__box-row { margin-top: calc(6 * var(--soeasy-unit)); }
.kv__box-text dt, .kv__box-text dd { margin: 0; font-size: calc(26 * var(--soeasy-unit)); line-height: 1.3; letter-spacing: -0.02em; color: #000000; text-align: left; }
.kv__box-text dt { flex: 0 0 calc(245 * var(--soeasy-unit)); font-weight: 700; }
.kv__box-text dd { flex: 1; font-weight: 400; margin-top: calc(-2 * var(--soeasy-unit)); min-width: 0; }
.kv__btn { position: absolute; left: calc(833 * var(--soeasy-unit)); top: calc(1441 * var(--soeasy-unit)); width: calc(255 * var(--soeasy-unit)); display: block; }
.content { position: relative; width: 100%; height: calc(1802 * var(--soeasy-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_content.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.content__text { position: absolute; left: 50%; transform: translateX(-50%) translateY(var(--reveal-y, 0)); font-size: calc(62 * var(--soeasy-unit)); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #ffffff; text-align: center; white-space: nowrap; }
.content__text--01 { top: calc(283 * var(--soeasy-unit)); }
.content__text--02 { top: calc(612 * var(--soeasy-unit)); font-size: calc(24 * var(--soeasy-unit)); font-weight: 400; line-height: 1.3; }
.content__preview { position: absolute; left: calc(796 * var(--soeasy-unit)); top: calc(458.5 * var(--soeasy-unit)); width: calc(328 * var(--soeasy-unit)); }
.content__grid { position: absolute; left: 0; top: calc(125 * var(--soeasy-unit)); width: 100%; }
.content__grid--01 { left: calc(579 * var(--soeasy-unit)); top: calc(666 * var(--soeasy-unit)); }
.content__grid--02 { left: calc(1013 * var(--soeasy-unit)); top: calc(666 * var(--soeasy-unit)); }
.content__grid--03 { left: calc(1230 * var(--soeasy-unit)); top: calc(666 * var(--soeasy-unit)); }
.content__grid--04 { left: calc(362 * var(--soeasy-unit)); top: calc(1122 * var(--soeasy-unit)); }
.content__grid--05 { left: calc(796 * var(--soeasy-unit)); top: calc(1122 * var(--soeasy-unit)); }
.content__grid--06 { left: calc(1230 * var(--soeasy-unit)); top: calc(1122 * var(--soeasy-unit)); }
.fx-cell { position: absolute; width: calc(328 * var(--soeasy-unit)); height: calc(329 * var(--soeasy-unit)); }
.fx-cell img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.fx-cell__default { opacity: 1; z-index: 1; }
.fx-cell__filled { opacity: 0; z-index: 2; transform: scale(1); transition: opacity 1.5s ease; }
.fx-cell__glow { opacity: 0; z-index: 3; transform: scale(1.681); transition: opacity 1.0s ease; }
.fx-cell.is-filled .fx-cell__filled { opacity: 1; }
img.fx-cell__badge { position: absolute; inset: auto; left: calc(79 * var(--soeasy-unit)); top: calc(213 * var(--soeasy-unit)); width: calc(171 * var(--soeasy-unit)); height: calc(105 * var(--soeasy-unit)); object-fit: contain; opacity: 0; z-index: 5; transition: opacity 1.5s ease; }
.fx-cell.is-filled .fx-cell__badge { opacity: 1; }
.fx-cell.is-filled .fx-cell__glow { opacity: 1; animation: fx-cell-breathe 1.9s ease-in-out 1.0s 2 forwards; }
@keyframes fx-cell-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.25); }
}
.fx-cell__ripple { position: absolute; inset: 0; margin: auto; width: 88%; height: 88%; border-radius: 50%; border: calc(5 * var(--soeasy-unit)) solid rgba(255, 120, 30, 1); box-shadow: 0 0 calc(22 * var(--soeasy-unit)) calc(6 * var(--soeasy-unit)) rgba(255, 120, 30, 0.85); opacity: 0; pointer-events: none; z-index: 4; }
.fx-cell.is-filled .fx-cell__ripple { animation: fx-cell-ripple-out 1.4s ease-out 2 forwards; }
.fx-cell.is-filled .fx-cell__ripple--2 { animation-delay: 0.7s; }
@keyframes fx-cell-ripple-out {
  0% { transform: scale(0.7); opacity: 0.35; }
  35% { transform: scale(1.05); opacity: 0.95; }
  70% { opacity: 0.5; }
  100% { transform: scale(1.55); opacity: 0; }
}
.content__link { position: absolute; font-size: calc(24 * var(--soeasy-unit)); font-weight: 700; line-height: 1.3; letter-spacing: 0; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; }
.content__link--01 { left: calc(690 * var(--soeasy-unit)); top: calc(1151 * var(--soeasy-unit)); }
.content__link--02 { left: calc(1124 * var(--soeasy-unit)); top: calc(1151 * var(--soeasy-unit)); }
.content__link--03 { left: calc(1341 * var(--soeasy-unit)); top: calc(1151 * var(--soeasy-unit)); }
.content__link--04 { left: calc(473 * var(--soeasy-unit)); top: calc(1607 * var(--soeasy-unit)); }
.content__link--05 { left: calc(907 * var(--soeasy-unit)); top: calc(1607 * var(--soeasy-unit)); }
.content__link--06 { left: calc(1341 * var(--soeasy-unit)); top: calc(1607 * var(--soeasy-unit)); }
.footer { position: relative; width: 100%; height: calc(1116 * var(--soeasy-unit)); background: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_footer.png") no-repeat center top / 100% 100%; margin-bottom: -1px; }
.footer__text { position: absolute; left: calc(562 * var(--soeasy-unit)); top: calc(463 * var(--soeasy-unit)); width: calc(812 * var(--soeasy-unit)); }
.gp-notice { position: relative; width: 100%; font-family: var(--font-en), "NotoSans", sans-serif; }
.gp-notice__top { position: relative; width: 100%; height: calc(120 * var(--soeasy-unit)); background: #000000; display: flex; align-items: center; justify-content: flex-end; padding: 0 calc(40 * var(--soeasy-unit)); }
.gp-notice__top-left { position: absolute; left: calc(235 * var(--soeasy-unit)); top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: calc(12 * var(--soeasy-unit)); }
.gp-notice__icon { width: calc(46 * var(--soeasy-unit)); height: calc(46 * var(--soeasy-unit)); }
.gp-notice__label { font-size: calc(25 * var(--soeasy-unit)); font-weight: 700; padding-left: calc(20 * var(--soeasy-unit)); color: #ffffff; line-height: 1; }
.gp-notice__arrow { width: calc(20 * var(--soeasy-unit)); height: calc(20 * var(--soeasy-unit)); margin-right: calc(235 * var(--soeasy-unit)); padding: 0; border: none; border-right: calc(3 * var(--soeasy-unit)) solid #ffffff; border-bottom: calc(3 * var(--soeasy-unit)) solid #ffffff; background: transparent; cursor: pointer; transform: rotate(45deg); transition: transform 0.3s ease; flex: none; }
.gp-notice.is-closed .gp-notice__arrow { transform: rotate(-135deg); }
.gp-notice__bottom { width: 100%; max-height: 0; background: #333333; overflow: hidden; padding: 0 calc(235 * var(--soeasy-unit)); transition: max-height 0.8s cubic-bezier(0.65, 0, 0.35, 1), padding 0.8s cubic-bezier(0.65, 0, 0.35, 1); }
.gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(50 * var(--soeasy-unit)) calc(235 * var(--soeasy-unit)); }
.gp-notice__title { font-size: calc(28 * var(--soeasy-unit)); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: #ffffff; text-align: left; }
.gp-notice__list { margin-top: calc(24 * var(--soeasy-unit)); list-style: none; }
.gp-notice__list li { position: relative; padding-left: calc(24 * var(--soeasy-unit)); font-size: calc(20 * var(--soeasy-unit)); font-weight: 400; line-height: 1.7; letter-spacing: -0.02em; color: #ffffff; text-align: left; }
.gp-notice__list li::before { content: ""; position: absolute; left: 0; top: calc(13 * var(--soeasy-unit)); width: calc(6 * var(--soeasy-unit)); height: calc(6 * var(--soeasy-unit)); border-radius: 50%; background: #ffffff; }
.reveal { --reveal-y: calc(80 * var(--soeasy-unit, 0.0520833vw)); opacity: 0; transition: opacity 1.4s ease, transform 1.4s ease; will-change: opacity, transform; }
.reveal:not(.kv__text):not(.content__text):not(.kv__box) {transform: translateY(var(--reveal-y,0)); }
.reveal.is-visible { --reveal-y: 0px; opacity: 1; }
.fx__tran_05 { transition-delay: 0.05s; }
.fx__tran_10 { transition-delay: 0.1s; }
.fx__tran_15 { transition-delay: 0.15s; }
.fx__tran_20 { transition-delay: 0.2s; }
.fx__tran_25 { transition-delay: 0.25s; }
.fx__tran_30 { transition-delay: 0.3s; }
.soeasy__pc-only { display: block; }
.soeasy__mo-only { display: none; }
.soeasy__wrap img.soeasy__pc-only { display: block; }
.soeasy__wrap img.soeasy__mo-only { display: none; }
.soeasy__mo-only-br { display: none; }
@media (max-width: 750px) {
  .soeasy__wrap { --soeasy-unit: 0.133333vw; min-width: 0; }
  .soeasy__pc-only { display: none !important; }
  .soeasy__mo-only { display: block; }
  .soeasy__wrap img.soeasy__pc-only { display: none; }
  .soeasy__wrap img.soeasy__mo-only { display: block; }
  .soeasy__mo-only-br { display: inline; }
  .kv { height: calc(2164 * var(--soeasy-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_kv_m.png"); }
  .kv__title-m { position: absolute; left: calc(98 * var(--soeasy-unit)); top: calc(200 * var(--soeasy-unit)); width: calc(576 * var(--soeasy-unit)); }
  .kv__text-m { position: absolute; font-size: calc(38 * var(--soeasy-unit)); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; color: #ffffff; text-align: center; white-space: nowrap; text-shadow: 0 calc(2 * var(--soeasy-unit)) calc(8 * var(--soeasy-unit)) rgba(0, 0, 0, 0.35); }
  .kv__text-m--01 { left: calc(166 * var(--soeasy-unit)); top: calc(654 * var(--soeasy-unit)); }
  .kv__text-m--02 { left: calc(92 * var(--soeasy-unit)); top: calc(860 * var(--soeasy-unit)); }
  .kv__box-m { position: absolute; left: calc(29 * var(--soeasy-unit)); top: calc(1096 * var(--soeasy-unit)); width: calc(700 * var(--soeasy-unit)); }
  .kv__box-text-m { position: absolute; left: calc(82 * var(--soeasy-unit)); top: calc(66 * var(--soeasy-unit)); right: 0; }
  .kv__box-row-m { position: relative; }
  .kv__box-row-m:nth-child(2) { margin-top: calc(46 * var(--soeasy-unit)); }
  .kv__box-row-m:nth-child(3) { margin-top: calc(52 * var(--soeasy-unit)); }
  .kv__box-row-m:nth-child(4) { margin-top: calc(47.5 * var(--soeasy-unit)); }
  .kv__box-text-m dt, .kv__box-text-m dd { font-size: calc(34 * var(--soeasy-unit)); line-height: 1.5; letter-spacing: -0.02em; color: #000000; text-align: left; display: block; }
  .kv__box-text-m dt { font-weight: 700; font-size: calc(34 * var(--soeasy-unit)); }
  .kv__box-text-m dd { font-weight: 400; font-size: calc(30 * var(--soeasy-unit)); margin-top: calc(8 * var(--soeasy-unit)); }
  .kv__btn-m { position: absolute; left: calc(208 * var(--soeasy-unit)); top: calc(1916 * var(--soeasy-unit)); width: calc(333 * var(--soeasy-unit)); display: block; }
  .content { height: calc(2098 * var(--soeasy-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_content_m.png"); }
  .content__text-m { position: absolute; left: calc(113 * var(--soeasy-unit)); top: calc(109 * var(--soeasy-unit)); font-size: calc(56 * var(--soeasy-unit)); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: #ffffff; text-align: center; }
  .content__text-m--num { font-weight: 600; }
  .content__text-m--02 { top: calc(380 * var(--soeasy-unit)); left: calc(46.5 * var(--soeasy-unit)); font-size: calc(24 * var(--soeasy-unit)); font-weight: 400; line-height: 1.5; }
  .content__preview-m { position: absolute; left: calc(260 * var(--soeasy-unit)); top: calc(262 * var(--soeasy-unit)); width: calc(260 * var(--soeasy-unit)); }
  .content__grid-m { position: absolute; left: 0; top: 0; width: 100%; }
  .content__grid-m--01 { left: calc(51 * var(--soeasy-unit)); top: calc(595 * var(--soeasy-unit)); }
  .content__grid-m--02 { left: calc(400 * var(--soeasy-unit)); top: calc(595 * var(--soeasy-unit)); }
  .content__grid-m--04 { left: calc(51 * var(--soeasy-unit)); top: calc(1025 * var(--soeasy-unit)); }
  .content__grid-m--05 { left: calc(400 * var(--soeasy-unit)); top: calc(1025 * var(--soeasy-unit)); }
  .content__grid-m--06 { left: calc(220 * var(--soeasy-unit)); top: calc(1490 * var(--soeasy-unit)); }
  .content__grid-m .fx-cell { width: calc(312 * var(--soeasy-unit)); height: calc(312.96 * var(--soeasy-unit)); }
  .content__link-m { position: absolute; transform: translateX(-50%); font-size: calc(24 * var(--soeasy-unit)); font-weight: 700; line-height: 1.3; letter-spacing: 0; color: #ffffff; text-decoration: none; display: block; white-space: nowrap; text-align: center; }
  .content__link-m--01 { left: calc(167 * var(--soeasy-unit)); top: calc(947.96 * var(--soeasy-unit)); }
  .content__link-m--02 { left: calc(516 * var(--soeasy-unit)); top: calc(947.96 * var(--soeasy-unit)); }
  .content__link-m--04 { left: calc(167 * var(--soeasy-unit)); top: calc(1377.96 * var(--soeasy-unit)); }
  .content__link-m--05 { left: calc(516 * var(--soeasy-unit)); top: calc(1377.96 * var(--soeasy-unit)); }
  .content__link-m--06 { left: calc(336 * var(--soeasy-unit)); top: calc(1842.96 * var(--soeasy-unit)); }
  .footer { height: calc(1012 * var(--soeasy-unit)); background-image: url("/content/dam/glo-kr/mcs/images/glo_pick/soeasy/bg_footer_m.png"); }
  .footer__text-m { position: absolute; left: calc(88 * var(--soeasy-unit)); top: calc(320 * var(--soeasy-unit)); width: calc(576 * var(--soeasy-unit)); }
  .gp-notice__top { padding: 0 calc(20 * var(--soeasy-unit)); }
  .gp-notice__top-left { left: calc(40 * var(--soeasy-unit)); }
  .gp-notice__arrow { margin-right: calc(20 * var(--soeasy-unit)); }
  .gp-notice__bottom { padding: 0 calc(20 * var(--soeasy-unit)) 0 calc(40 * var(--soeasy-unit)); }
  .gp-notice:not(.is-closed) .gp-notice__bottom { padding: calc(50 * var(--soeasy-unit)) calc(20 * var(--soeasy-unit)) calc(50 * var(--soeasy-unit)) calc(40 * var(--soeasy-unit)); }
}
