/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/GlbalSbmtnBtn.vue?vue&type=style&index=0&id=2990b3d7&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2990b3d7]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sbmtn-btn-wrap .spnr-wrap[data-v-2990b3d7] {
  height: 70%;
  margin: auto;
  display: grid;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/GlbalDplyNoti.vue?vue&type=style&index=0&id=1bc2dcc2&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1bc2dcc2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.asdasd[data-v-1bc2dcc2] {
  position: fixed;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  width: auto;
  min-width: 400px;
  right: 30px;
  top: 30px;
  color: #fff;
  background-color: rgba(37, 37, 42, 0.7);
  border: 2px solid #25252a;
  border-radius: 10px;
  box-shadow: 0 0 3px #25252a;
  z-index: 100001;
  padding: 10px 20px;
}
.asdasd[data-v-1bc2dcc2]:hover {
    background-color: rgba(37, 37, 42, 0.85);
}
.asdasd > h1[data-v-1bc2dcc2] {
    font-size: 20px;
    margin-bottom: 10px;
}
.asdasd > p[data-v-1bc2dcc2] {
    margin-bottom: 15px;
}
.asdasd > p > span[data-v-1bc2dcc2] {
      display: block;
}
.asdasd > p > span[data-v-1bc2dcc2]:not(:last-child) {
        margin-bottom: 5px;
}
.asdasd > div[data-v-1bc2dcc2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.asdasd > div > button[data-v-1bc2dcc2] {
      color: #fff;
      background-color: #828282;
      border-radius: 5px;
      padding: 4px 8px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainFoter.vue?vue&type=style&index=0&id=0e2776ea&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0e2776ea]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-foter[data-v-0e2776ea] {
  width: 100%;
  padding: 36px;
  font-family: AppleSDGothicNeo, sans-serif;
  font-size: 14px;
  color: #9b9b9b;
  border-top: 1px solid #f4f4f4;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-foter[data-v-0e2776ea] {
      padding: 24px;
      font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-foter[data-v-0e2776ea] {
      padding: 24px;
      font-size: 9px;
}
}
.main-foter > div[data-v-0e2776ea] {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
.main-foter > div[data-v-0e2776ea] {
        flex-direction: column;
        gap: 24px;
}
}
.main-foter > div[data-v-0e2776ea]:first-child {
      line-height: 1.5em;
}
.main-foter > div:first-child .info .link[data-v-0e2776ea] {
        color: #9b9b9b;
        text-decoration: underline;
}
.main-foter > div:first-child .info .divider[data-v-0e2776ea]::after {
        content: '  |  ';
}
.main-foter > div:first-child img[data-v-0e2776ea] {
        height: 52px;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-foter > div:first-child img[data-v-0e2776ea] {
            height: 42px;
            object-fit: contain;
}
}
.main-foter > div[data-v-0e2776ea]:last-child {
      align-items: flex-end;
      margin-top: 24px;
}
@media screen and (max-width: 640px) {
.main-foter > div[data-v-0e2776ea]:last-child {
          flex-direction: column-reverse;
          align-items: center;
}
}
.main-foter > div:last-child .ic-wrap[data-v-0e2776ea] {
        display: flex;
        gap: 10px;
}
.main-foter > div:last-child .ic-wrap a[data-v-0e2776ea] {
          display: block;
          padding: 12px;
          border: 1px solid #dadada;
          border-radius: 100px;
}
.main-foter > div:last-child .ic-wrap a img[data-v-0e2776ea] {
            width: 24px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainTopBtn.vue?vue&type=style&index=0&id=1ebf8350&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1ebf8350]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-1ebf8350]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-top-btn .top-btn[data-v-1ebf8350] {
  position: fixed;
  right: 24px;
  bottom: 90px;
  z-index: 99;
  display: inline-block;
  width: 61px;
  height: 61px;
  cursor: pointer;
  background-image: url("https://cdn.test.codmos.io/default/public/ea1be1d6-7163-4ab9-a96f-4863400ff3b3.png");
  border: none;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 640px) {
.main-top-btn .top-btn[data-v-1ebf8350] {
      right: 15px;
      bottom: 180px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHderPcTblt.vue?vue&type=style&index=0&id=511bd0a3&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-511bd0a3]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.top-hder[data-v-511bd0a3] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 50px;
  max-width: 1080px;
  padding: 0 15.5px;
  margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.top-hder[data-v-511bd0a3] {
      height: 30.5px;
      max-width: 640px;
      padding: 0 10.4px;
}
}
.link-wrap[data-v-511bd0a3] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-self: end;
  gap: 10px;
  width: fit-content;
  font-family: var(--nanum-square), sans-serif;
}
.sub-wrap[data-v-511bd0a3] {
  position: relative;
  background-color: #fff;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHderHmbrg.vue?vue&type=style&index=0&id=bf5bf270&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-bf5bf270]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-bf5bf270]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-hder-hmbrg-wrap .hmbrg[data-v-bf5bf270] {
  position: relative;
  z-index: 101;
  width: 15px;
  height: 19px;
  cursor: pointer;
}
.main-hder-hmbrg-wrap .hmbrg.fixed[data-v-bf5bf270] {
    position: fixed;
    top: 13px;
    left: 14px;
}
.main-hder-hmbrg-wrap .toggle-background[data-v-bf5bf270] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.main-hder-hmbrg-wrap .togle-wrap[data-v-bf5bf270] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  width: 75%;
  height: 100%;
  min-width: 280px;
  background-color: #fff;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-top[data-v-bf5bf270] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 3fr 1fr;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background-color: #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .logo[data-v-bf5bf270] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    display: inline-block;
    width: 100.7px;
    height: 16.3px;
    background-image: url("https://cdn.test.codmos.io/default/public/eb38d046-5bb9-4de8-bc0e-fe4a3df6b812.svg");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-hmbrg-wrap .togle-wrap .logo[data-v-bf5bf270] {
        width: 61.4px;
        height: 9.9px;
}
}
@media screen and (max-width: 640px) {
.main-hder-hmbrg-wrap .togle-wrap .logo[data-v-bf5bf270] {
        justify-self: center;
        width: 72.6px;
        height: 11.7px;
}
}
.main-hder-hmbrg-wrap .togle-wrap .sgnp-tab[data-v-bf5bf270] {
    width: 100%;
    height: 82px;
    padding: 16px 15px;
    background-color: #fff;
    border-bottom: solid 1px #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .sgnp[data-v-bf5bf270] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 15px;
    font-family: var(--nanum-square);
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background-image: linear-gradient(to right, #3ba5ff 0%, #425afd);
    border-radius: 12px;
}
.main-hder-hmbrg-wrap .togle-wrap .sgnp-icon[data-v-bf5bf270] {
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/b752c31f-9119-44ca-8c5e-a2f0fe324f47.png");
}
.main-hder-hmbrg-wrap .togle-wrap .togle-menu-wrap[data-v-bf5bf270] {
    flex: 1;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-bottom: solid 1px #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-menu-wrap .togle-tab1[data-v-bf5bf270] {
      display: grid;
      align-content: center;
      width: 100%;
      height: 50px;
      padding: 15px 0 15px 32.5px;
      background-color: #fff;
      border-bottom: solid 1px #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-menu-wrap .togle-tab2[data-v-bf5bf270] {
      display: grid;
      grid-template-rows: repeat(3, 2fr);
      grid-template-columns: 1fr;
      align-items: center;
      gap: 10px;
      width: 100%;
      padding: 15px 0 15px 32.5px;
      background-color: #fff;
      border-bottom: solid 1px #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-menu-wrap .mobile-tab[data-v-bf5bf270] {
      font-family: var(--nanum-square);
      font-size: 14px;
      font-weight: 800;
      color: #000;
      text-decoration: none;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-menu-wrap .mobile-sub-tab[data-v-bf5bf270] {
      width: auto;
      font-family: var(--nanum-square);
      font-size: 12px;
      color: #000;
      text-decoration: none;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-foter[data-v-bf5bf270] {
    padding: 16px 15px;
    border-top: solid 1px #f0f6f7;
}
.main-hder-hmbrg-wrap .togle-wrap .togle-foter .btn[data-v-bf5bf270] {
      display: block;
      width: 100%;
      padding: 10px;
      font-family: var(--nanum-square), sans-serif;
      color: #000;
      text-align: center;
      border: 1px solid #D1D1D1;
      border-radius: 16px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHderPhone.vue?vue&type=style&index=0&id=385de178&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-385de178]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.top-hder[data-v-385de178] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 15.5px;
}
.top-hder > *[data-v-385de178]:nth-child(n+2) {
    margin-left: 14px;
}
.hmbrg-btn[data-v-385de178] {
  margin-top: 2px;
}
.link-wrap[data-v-385de178] {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  width: fit-content;
  font-family: var(--nanum-square), sans-serif;
}
.link-wrap > *[data-v-385de178]:nth-child(n+2) {
    margin-left: 10px;
}
.link-wrap .sub-wrap[data-v-385de178] {
    position: relative;
    background-color: #fff;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHderTab.vue?vue&type=style&index=0&id=14949d6b&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-14949d6b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-hder-tab[data-v-14949d6b] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  grid-template-columns: repeat(6, 175px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-tab[data-v-14949d6b] {
      grid-template-columns: repeat(6, 107px);
      height: 49px;
}
}
@media screen and (max-width: 640px) {
.main-hder-tab[data-v-14949d6b] {
      grid-template-columns: repeat(6, 120px);
      justify-content: flex-start;
      width: 100%;
      height: 58px;
      max-width: 640px;
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
}
.main-hder-tab[data-v-14949d6b]::-webkit-scrollbar {
        display: none;
}
}
.main-hder-tab .tab-menu[data-v-14949d6b] {
    position: relative;
    display: grid;
    align-content: center;
    width: 175px;
    height: 80px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #000;
    text-align: center;
}
.main-hder-tab .tab-menu[data-v-14949d6b]::after {
      position: absolute;
      bottom: 5px;
      left: 50%;
      width: 0;
      height: 4px;
      background-color: #5682fe;
      border-radius: 2px;
      content: '';
      transform: translateX(-50%);
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.main-hder-tab .tab-menu > a[data-v-14949d6b] {
      display: inline-block;
      width: 100%;
      height: 100%;
      color: #000;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-tab .tab-menu > a[data-v-14949d6b] {
          padding: 18px 0;
}
}
@media screen and (max-width: 640px) {
.main-hder-tab .tab-menu > a[data-v-14949d6b] {
          padding: 22px 0;
}
}
@media screen and (min-width: 1025px) {
.main-hder-tab .tab-menu:hover > a[data-v-14949d6b] {
        color: #5682fe;
}
.main-hder-tab .tab-menu[data-v-14949d6b]:hover::after {
        width: 55px;
        content: '';
}
}
@media screen and (min-width: 1025px) and (max-width: 1024px) and (min-width: 640px) {
.main-hder-tab .tab-menu[data-v-14949d6b]:hover::after {
      width: 33.5px;
}
}
@media screen and (min-width: 1025px) and (max-width: 640px) {
.main-hder-tab .tab-menu[data-v-14949d6b]:hover::after {
      width: 40px;
}
}
.main-hder-tab .tab-menu.active > a[data-v-14949d6b] {
      color: #5682fe;
}
.main-hder-tab .tab-menu.active[data-v-14949d6b]::after {
      width: 55px;
      content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-tab .tab-menu.active[data-v-14949d6b]::after {
          width: 33.5px;
}
}
@media screen and (max-width: 640px) {
.main-hder-tab .tab-menu.active[data-v-14949d6b]::after {
          width: 40px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-tab .tab-menu[data-v-14949d6b] {
        width: 107px;
        height: 49px;
        font-size: 11px;
}
.main-hder-tab .tab-menu[data-v-14949d6b]::after {
          height: 2.5px;
          border-radius: 1.2px;
          content: '';
}
}
@media screen and (max-width: 640px) {
.main-hder-tab .tab-menu[data-v-14949d6b] {
        width: 120px;
        height: 58px;
        font-size: 13px;
}
.main-hder-tab .tab-menu[data-v-14949d6b]::after {
          bottom: 5px;
          height: 3px;
          border-radius: 1.4px;
          content: '';
}
}
.main-hder-tab .divider[data-v-14949d6b] {
    position: relative;
}
.main-hder-tab .divider[data-v-14949d6b]::after {
      position: absolute;
      left: 100%;
      color: #ccd7d6;
      cursor: default;
      content: '|';
}
.sub-tab-wrap[data-v-14949d6b] {
  display: none;
  align-content: center;
  width: 100%;
  height: 64px;
  padding: 0 15px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media screen and (max-width: 640px) {
.sub-tab-wrap[data-v-14949d6b] {
      display: grid;
}
}
.sub-tab-wrap[data-v-14949d6b]::-webkit-scrollbar {
    display: none;
}
.sub-tab-wrap .sub-tab[data-v-14949d6b] {
    display: grid;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    gap: 15px;
}
.sub-tab-wrap .sub-tab-menu-list[data-v-14949d6b] {
    display: grid;
    align-items: center;
    width: 139px;
    height: 36px;
    text-align: center;
    background-color: #fff;
    border-radius: 18px;
}
.sub-tab-wrap .sub-tab-menu-list.subactive[data-v-14949d6b] {
      background-color: #5682fe;
}
.sub-tab-wrap .sub-tab-menu-list.subactive .sub-tab-list[data-v-14949d6b] {
        color: #fff;
}
@media screen and (min-width: 1025px) {
.sub-tab-wrap .sub-tab-menu-list[data-v-14949d6b]:hover {
        background-color: #5682fe;
}
.sub-tab-wrap .sub-tab-menu-list:hover .sub-tab-list[data-v-14949d6b] {
          color: #fff;
}
}
.sub-tab-wrap .sub-tab-menu-list .sub-tab-list[data-v-14949d6b] {
      display: block;
      width: 100%;
      height: 100%;
      font-family: var(--nanum-square), sans-serif;
      font-size: 14px;
      font-weight: 800;
      line-height: 36px;
      color: #000;
      border-radius: 18px;
}
.sub-tab-wrap .none[data-v-14949d6b] {
    display: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHderSubTab.vue?vue&type=style&index=0&id=50be32cf&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-50be32cf]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-50be32cf]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-hder-sub-tab .sub-tab-menu[data-v-50be32cf] {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-rows: repeat(4, 48px);
  grid-template-columns: repeat(6, 175px);
  align-content: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1025px) {
.main-hder-sub-tab .sub-tab-menu[data-v-50be32cf] {
      padding: 16px 0;
      border-top: solid 1px #ccd7d6;
      box-shadow: 0 5px 3px 0 rgba(0, 0, 0, 0.1);
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-sub-tab .sub-tab-menu[data-v-50be32cf] {
      grid-template-rows: repeat(4, 29px);
      grid-template-columns: repeat(6, 102px);
      padding: 10px 0;
      border-top: solid 0.6px #ccd7d6;
      box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
      grid-column-gap: 5px;
}
}
@media screen and (max-width: 640px) {
.main-hder-sub-tab .sub-tab-menu[data-v-50be32cf] {
      display: none;
}
}
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list[data-v-50be32cf] {
    width: 100%;
    height: 100%;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
}
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list[data-v-50be32cf]:hover {
      background-color: #5682fe;
}
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list:hover > a[data-v-50be32cf] {
        color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list[data-v-50be32cf] {
        font-size: 11px;
        border-radius: 3.7px;
}
}
@media screen and (max-width: 640px) {
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list[data-v-50be32cf] {
        display: none;
}
}
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list a[data-v-50be32cf] {
      display: block;
      width: 175px;
      height: 48px;
      font-family: var(--nanum-square), sans-serif;
      line-height: 48px;
      color: #000;
      white-space: nowrap;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-sub-tab .sub-tab-menu .sub-tab-menu-list a[data-v-50be32cf] {
          width: 102px;
          height: 29px;
          line-height: 29px;
}
}
.main-hder-sub-tab .sub-tab-menu .none[data-v-50be32cf] {
    width: 100%;
    height: 100%;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHder.vue?vue&type=style&index=0&id=1446497a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1446497a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-hder-wrap[data-v-1446497a] {
  background-color: #f0f6f7;
}
.main-hder-wrap .logo[data-v-1446497a] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100.7px;
    height: 16.3px;
    background-image: url("https://cdn.test.codmos.io/default/public/eb38d046-5bb9-4de8-bc0e-fe4a3df6b812.svg");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-wrap .logo[data-v-1446497a] {
        width: 61.4px;
        height: 9.9px;
}
}
@media screen and (max-width: 640px) {
.main-hder-wrap .logo[data-v-1446497a] {
        justify-self: center;
        width: 72.6px;
        height: 11.7px;
}
}
.main-hder-wrap .prmry-link[data-v-1446497a] {
    display: grid;
    grid-auto-flow: column;
    place-content: center center;
    height: 30px;
    padding: 6px 16px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    word-break: keep-all;
    background-image: linear-gradient(to right, #3ba5ff 0%, #425afd);
    border-radius: 15px;
}
.main-hder-wrap .prmry-link.educator[data-v-1446497a] {
      background-image: linear-gradient(270deg, #fd5842 0%, #ff993b 100%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-wrap .prmry-link[data-v-1446497a] {
        height: 18px;
        padding: 6px 9px;
        font-size: 9.8px;
        border-radius: 9.1px;
}
}
@media screen and (max-width: 640px) {
.main-hder-wrap .prmry-link[data-v-1446497a] {
        height: 30px;
        padding: 8px 10px;
        font-size: 12px;
        border-radius: 15px;
}
}
.main-hder-wrap .link[data-v-1446497a] {
    width: 100%;
    min-width: 60px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-wrap .link[data-v-1446497a] {
        width: auto;
        font-size: 9.8px;
}
}
@media screen and (max-width: 640px) {
.main-hder-wrap .link[data-v-1446497a] {
        display: none;
}
}
.main-hder-wrap .sgnoff-phone[data-v-1446497a] {
    width: 60px;
}
.main-hder-wrap .sgnn[data-v-1446497a] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 7px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-wrap .sgnn[data-v-1446497a] {
        gap: 4px;
}
}
@media screen and (max-width: 640px) {
.main-hder-wrap .sgnn[data-v-1446497a] {
        display: none;
}
}
.main-hder-wrap .sgnn[data-v-1446497a]::before {
      width: 20px;
      height: 20px;
      margin-left: 6px;
      background-image: url("https://cdn.test.codmos.io/default/public/85b60cf7-3e71-4b67-aa11-afc2f157b9b1.png");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-hder-wrap .sgnn[data-v-1446497a]::before {
          width: 12px;
          height: 12px;
          margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.main-hder-wrap .sgnn[data-v-1446497a]::before {
          width: 20px;
          height: 20px;
          margin-left: 4px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimLdng.vue?vue&type=style&index=0&id=1f54373d&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1f54373d]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.crcl[data-v-1f54373d] {
  animation: dots-1f54373d 1s infinite ease-in-out;
}
.crcl[data-v-1f54373d]:nth-child(2) {
    animation-delay: 0.2s;
}
.crcl[data-v-1f54373d]:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes dots-1f54373d {
0%,
  100%,
  80% {
    transform: translateY(0);
}
40% {
    transform: translateY(-10px);
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainChannTalk.vue?vue&type=style&index=0&id=dfddd8b2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-dfddd8b2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-chnn-talk-wrap[data-v-dfddd8b2] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  height: 40px;
  padding-right: 12.5px;
  padding-left: 47.25px;
  background: #fff;
  border: 1px solid #32576c;
  border-radius: 20px;
  transform: scale(1.4);
  transform-origin: right;
}
@media screen and (max-width: 640px) {
.main-chnn-talk-wrap[data-v-dfddd8b2] {
      transform: scale(1.3);
}
}
.main-chnn-talk-wrap .icon[data-v-dfddd8b2] {
    position: absolute;
    top: -1px;
    left: -1px;
}
.main-chnn-talk-wrap .chat-bot[data-v-dfddd8b2] {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #32576c;
    border-radius: 50%;
}
.main-chnn-talk-wrap .chat-bot[data-v-dfddd8b2]::before {
      width: 40px;
      height: 40px;
      background-image: url("https://cdn.test.codmos.io/default/public/56faffe8-02ff-4afa-8fd9-894df0eb6a5f.png");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
.main-chnn-talk-wrap p[data-v-dfddd8b2] {
    font-size: 13px;
    font-weight: bold;
    color: #193244;
}
.spnr[data-v-dfddd8b2] {
  width: 40px;
  height: 40px;
  margin: auto;
  background-color: #32576c;
  border-radius: 100%;
  animation: sk-scaleout-dfddd8b2 1s infinite ease-in-out;
}
@keyframes sk-scaleout-dfddd8b2 {
0% {
    transform: scale(0);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}
@keyframes sk-scaleout-dfddd8b2 {
0% {
    transform: scale(0);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFixedBottomBanr.vue?vue&type=style&index=0&id=77e5563e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-77e5563e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-77e5563e] {
  font-family: var(--pretendard), sans-serif;
}
.main-fixed-bottom-banr-wrap[data-v-77e5563e] {
  position: fixed;
  bottom: 24px;
  left: 50%;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 72px;
  max-width: 1200px;
  padding: 0 16px;
  transform: translateX(-50%);
}
.main-fixed-bottom-banr-wrap > *[data-v-77e5563e]:nth-child(n+2) {
    margin-left: 24px;
}
.main-fixed-bottom-banr-wrap > .btn[data-v-77e5563e] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 40px;
    box-shadow: 0 4px 12px 0 #39393940;
    transition: background 0.3s;
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn[data-v-77e5563e] {
        height: 56px;
        font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn[data-v-77e5563e] {
        height: 48px;
        font-size: 16px;
}
}
.main-fixed-bottom-banr-wrap > .btn .ic-dot[data-v-77e5563e] {
      margin-right: 5px;
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn .ic-dot[data-v-77e5563e] {
          width: 6px;
          height: 17px;
}
}
.main-fixed-bottom-banr-wrap > .btn > p[data-v-77e5563e] {
      margin-right: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn > p[data-v-77e5563e] {
          margin-right: 9px;
}
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn > p[data-v-77e5563e] {
          margin-right: 4px;
}
}
.main-fixed-bottom-banr-wrap > .btn .ic-arrw[data-v-77e5563e] {
      transition: margin-left 0.3s;
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn .ic-arrw[data-v-77e5563e] {
          width: 12px;
          height: 9px;
}
}
.main-fixed-bottom-banr-wrap > .btn .ic-chat[data-v-77e5563e] {
      position: absolute;
      top: -55px;
      left: 78%;
      transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn .ic-chat[data-v-77e5563e] {
          top: -33px;
          left: 85%;
}
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap > .btn .ic-chat[data-v-77e5563e] {
          top: -25px;
          left: 87%;
}
}
.main-fixed-bottom-banr-wrap > .btn:hover .ic-arrw[data-v-77e5563e] {
      margin-left: 5px;
}
.main-fixed-bottom-banr-wrap .light-btn[data-v-77e5563e] {
    background: rgba(255, 255, 255, 0.85);
    border: 1.4px solid #9d9d9d69;
}
.main-fixed-bottom-banr-wrap .light-btn > *[data-v-77e5563e] {
      color: #2b2b2b;
      fill: #2b2b2b;
}
.main-fixed-bottom-banr-wrap .light-btn[data-v-77e5563e]:hover {
      background: #fff;
}
.main-fixed-bottom-banr-wrap .green-btn[data-v-77e5563e] {
    background: #0cbd88d9;
}
.main-fixed-bottom-banr-wrap .green-btn > *[data-v-77e5563e] {
      color: #fff;
      fill: #fff;
}
.main-fixed-bottom-banr-wrap .green-btn[data-v-77e5563e]:hover {
      background: #0cbd88;
}
.main-fixed-bottom-banr-wrap .ldng[data-v-77e5563e] {
    fill: #000;
    height: 48px;
}
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] {
    width: 102px;
    height: 114px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] {
        width: 68px;
        height: 76px;
}
}
@media screen and (max-width: 640px) {
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] {
        width: 40px;
        height: 48px;
}
}
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] .dot:nth-child(1) {
      animation-delay: 0.1s;
}
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] .dot:nth-child(2) {
      animation-delay: 0.2s;
}
.main-fixed-bottom-banr-wrap .ic-chat[data-v-77e5563e] .dot:nth-child(3) {
      animation-delay: 0.3s;
}
@keyframes bounce-77e5563e {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
100% {
    transform: translateY(0);
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainTopBanr.vue?vue&type=style&index=0&id=39eeb077&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-39eeb077]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-top-banr-wrap[data-v-39eeb077] {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  height: fit-content;
  overflow: hidden;
}
.main-top-banr-wrap > a.dsbld[data-v-39eeb077] {
    pointer-events: none;
}
.main-top-banr-wrap > a img[data-v-39eeb077] {
    display: none;
}
@media screen and (min-width: 1025px) {
.main-top-banr-wrap .for-pc[data-v-39eeb077] {
      display: block;
      height: 60px;
}
.main-top-banr-wrap .close-btn[data-v-39eeb077] {
      top: 16px;
      right: 82px;
      width: 28px;
      height: 28px;
}
.main-top-banr-wrap .close-btn svg[data-v-39eeb077] {
        width: 18px;
        height: 18px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-top-banr-wrap[data-v-39eeb077] {
      padding-left: 20px;
}
.main-top-banr-wrap .for-tblt[data-v-39eeb077] {
        display: block;
        height: 40px;
}
.main-top-banr-wrap .close-btn[data-v-39eeb077] {
        top: 11px;
        right: 20px;
        width: 18px;
        height: 18px;
}
.main-top-banr-wrap .close-btn svg[data-v-39eeb077] {
          width: 12px;
          height: 12px;
}
}
@media screen and (max-width: 640px) {
.main-top-banr-wrap[data-v-39eeb077] {
      justify-content: start;
      padding-left: 8px;
}
.main-top-banr-wrap .for-phone[data-v-39eeb077] {
        display: block;
        height: 40px;
}
.main-top-banr-wrap .close-btn[data-v-39eeb077] {
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
}
.main-top-banr-wrap .close-btn svg[data-v-39eeb077] {
          width: 16px;
          height: 16px;
}
}
.main-top-banr-wrap .close-btn[data-v-39eeb077] {
    position: absolute;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 1px 3px 0 rgba(128, 128, 128, 0.25);
}
.main-top-banr-wrap .close-btn svg[data-v-39eeb077] {
      color: #D8D8D8;
      fill: currentcolor;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainTopBanrGrp.vue?vue&type=style&index=0&id=6a57bac4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6a57bac4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.fade-enter-active[data-v-6a57bac4], .fade-leave-active[data-v-6a57bac4] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-6a57bac4], .fade-leave-to[data-v-6a57bac4] {
  opacity: 0;
}
.main-top-banr-grp-wrap[data-v-6a57bac4] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
.main-top-banr-grp-wrap[data-v-6a57bac4] {
      height: 60px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-top-banr-grp-wrap[data-v-6a57bac4] {
      height: 40px;
}
}
@media screen and (max-width: 640px) {
.main-top-banr-grp-wrap[data-v-6a57bac4] {
      height: 40px;
}
}
.main-top-banr-grp-wrap .banr[data-v-6a57bac4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/MainView.vue?vue&type=style&index=0&id=9ee08420&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9ee08420]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-view-wrap[data-v-9ee08420] {
  overflow-x: hidden;
}
.main-view-wrap.crclm[data-v-9ee08420] {
    height: 100vh;
    overflow-y: auto;
}
.main-view-wrap .webinar[data-v-9ee08420] {
    position: fixed;
    right: 82px;
    bottom: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-view-wrap .webinar[data-v-9ee08420] {
        right: 20px;
        bottom: 133px;
}
}
@media screen and (max-width: 640px) {
.main-view-wrap .webinar[data-v-9ee08420] {
        right: 8px;
        bottom: 133px;
}
}
.main-view-wrap .webinar img[data-v-9ee08420] {
      width: 132px;
      height: 176px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-view-wrap .webinar img[data-v-9ee08420] {
          width: 91px;
          height: 114px;
}
}
@media screen and (max-width: 640px) {
.main-view-wrap .webinar img[data-v-9ee08420] {
          width: 100px;
          height: 91px;
}
}
.foter.mrgn[data-v-9ee08420] {
  margin-bottom: 120px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainCrsl.vue?vue&type=style&index=0&id=f1c77e74&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f1c77e74]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-crsl-wrap[data-v-f1c77e74] {
  display: grid;
  grid-auto-flow: column;
  width: fit-content;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainHomeJmbtr.vue?vue&type=style&index=0&id=3bf838d0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3bf838d0]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-home-jmbtr-wrap[data-v-3bf838d0] {
  position: relative;
  width: 100vw;
  overflow: hidden;
}
.main-home-jmbtr-wrap .img[data-v-3bf838d0] {
    width: 100vw;
}
.main-home-jmbtr-wrap .dsbld[data-v-3bf838d0] {
    pointer-events: none;
}
.main-home-jmbtr-wrap .banr-gide-grp[data-v-3bf838d0] {
    position: absolute;
    bottom: 9%;
    left: 12.5%;
    display: grid;
    grid-auto-flow: column;
    gap: 32px;
}
@media screen and (max-width: 640px) {
.main-home-jmbtr-wrap .banr-gide-grp[data-v-3bf838d0] {
        bottom: 4.5%;
        left: 0;
        justify-content: center;
        width: 100vw;
        overflow: auto;
}
}
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide[data-v-3bf838d0] {
      font-family: var(--nanum-square), sans-serif;
      font-size: 9px;
      font-weight: 700;
      line-height: 16px;
      color: rgba(255, 255, 255, 0.7);
      text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide[data-v-3bf838d0] {
          font-size: 8px;
}
}
@media screen and (max-width: 640px) {
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide[data-v-3bf838d0] {
          text-align: center;
}
}
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide .gauge[data-v-3bf838d0] {
        width: 120px;
        height: 2px;
        background: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide .gauge[data-v-3bf838d0] {
            width: 80px;
}
}
@media screen and (max-width: 640px) {
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide .gauge[data-v-3bf838d0] {
            width: 56px;
}
}
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide.actv[data-v-3bf838d0] {
        color: #fff;
}
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide.actv .gauge[data-v-3bf838d0] {
          position: relative;
}
.main-home-jmbtr-wrap .banr-gide-grp .banr-gide.actv .gauge[data-v-3bf838d0]::after {
            position: absolute;
            top: 0;
            left: 0;
            height: 2px;
            background-color: #fff;
            content: '';
            animation: gauge-up-3bf838d0 5s linear;
}
.main-home-jmbtr-wrap .ldng-rect[data-v-3bf838d0] {
    width: 100vw;
    height: calc(100vw * 188 / 683);
}
@keyframes gauge-up-3bf838d0 {
from {
    width: 0%;
}
to {
    width: 100%;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainHistGraph.vue?vue&type=style&index=0&id=2c6b9704&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2c6b9704]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-hist-graph-wrap[data-v-2c6b9704] {
  position: relative;
}
.main-hist-graph-wrap .line[data-v-2c6b9704] {
    position: absolute;
    top: 0;
    left: 117px;
    width: 1px;
    height: 100%;
    background-color: #b8b8b8;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .line[data-v-2c6b9704] {
        left: 65px;
}
}
.main-hist-graph-wrap .cntnts[data-v-2c6b9704] {
    position: relative;
    display: grid;
    gap: 88px;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .cntnts[data-v-2c6b9704] {
        gap: 24px;
}
}
.main-hist-graph-wrap .row[data-v-2c6b9704] {
    display: grid;
    grid-template-columns: 60px 19px auto;
    gap: 48px;
    width: fit-content;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .row[data-v-2c6b9704] {
        grid-template-columns: 45px 8.5px auto;
        gap: 16.4px;
}
}
.main-hist-graph-wrap .lbl[data-v-2c6b9704],
  .main-hist-graph-wrap .txt[data-v-2c6b9704] {
    transform: translateY(-6px);
}
.main-hist-graph-wrap .lbl[data-v-2c6b9704] {
    width: 78px;
    margin-top: 3px;
    font-size: 18px;
    font-weight: 600;
    color: #96b1ff;
    text-align: right;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .lbl[data-v-2c6b9704] {
        font-size: 13px;
        text-align: left;
}
}
.main-hist-graph-wrap .crcl[data-v-2c6b9704] {
    width: 19px;
    height: 19px;
    background-color: #f4f6f7;
    border: solid 3px #96b1ff;
    border-radius: 50%;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .crcl[data-v-2c6b9704] {
        width: 8.5px;
        height: 8.5px;
}
}
.main-hist-graph-wrap .txt[data-v-2c6b9704] {
    font-family: var(--pretendard), sans-serif;
    font-size: 16px;
    line-height: 2;
    text-align: left;
    white-space: pre-line;
}
@media screen and (max-width: 1024px) {
.main-hist-graph-wrap .txt[data-v-2c6b9704] {
        margin-left: 11px;
        font-size: 12px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeHistGraphGrp.vue?vue&type=style&index=0&id=4d205b6e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4d205b6e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.hist-sctn[data-v-4d205b6e] {
  display: grid;
  gap: 88px;
  max-width: 976px;
  padding: 168px 0;
  margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.hist-sctn[data-v-4d205b6e] {
      gap: 56px;
      max-width: 570px;
      padding: 88px 0;
}
}
@media screen and (max-width: 640px) {
.hist-sctn[data-v-4d205b6e] {
      gap: 0;
      max-width: 331px;
      padding: 40px 0 81px;
}
}
@media screen and (max-width: 640px) {
.hist-sctn .hist1[data-v-4d205b6e] {
      padding-bottom: 24px;
}
}
@media screen and (min-width: 640px) {
.hist-sctn .hist2[data-v-4d205b6e] {
      justify-self: end;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimTropy.vue?vue&type=style&index=0&id=63e8a39e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-63e8a39e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.tropy-wrap[data-v-63e8a39e] {
  position: relative;
  width: 14.125em;
  /* 226px / 16 = 14.125em */
  height: 18.75em;
  /* 300px / 16 = 18.75em */
}
.polygon[data-v-63e8a39e] {
  position: absolute;
  animation: float-down-pc-63e8a39e 5s linear infinite;
}
.polygon[data-v-63e8a39e]:nth-child(1) {
  top: 9.5625em;
  /* 153px / 16 = 9.5625em */
  left: 1.5625em;
  /* 25px / 16 = 1.5625em */
  width: 0.75em;
  /* 12px / 16 = 0.75em */
  height: 0.5em;
  /* 8px / 16 = 0.5em */
  animation-delay: 2.5s;
}
.polygon[data-v-63e8a39e]:nth-child(2) {
  top: 3.625em;
  /* 58px / 16 = 3.625em */
  left: 2.875em;
  /* 46px / 16 = 2.875em */
  width: 0.75em;
  /* 12px / 16 = 0.75em */
  height: 0.5em;
  /* 8px / 16 = 0.5em */
  animation-delay: 1.5s;
}
.polygon[data-v-63e8a39e]:nth-child(3) {
  top: 4em;
  /* 64px / 16 = 4em */
  left: 6.3125em;
  /* 101px / 16 = 6.3125em */
  width: 0.875em;
  /* 14px / 16 = 0.875em */
  height: 0.75em;
  /* 12px / 16 = 0.75em */
  animation-delay: 0.5s;
}
.polygon[data-v-63e8a39e]:nth-child(4) {
  top: 3.1875em;
  /* 51px / 16 = 3.1875em */
  left: 10.3125em;
  /* 165px / 16 = 10.3125em */
  width: 0.75em;
  /* 12px / 16 = 0.75em */
  height: 0.625em;
  /* 10px / 16 = 0.625em */
  animation-delay: 2s;
}
.polygon[data-v-63e8a39e]:nth-child(5) {
  top: 4.5625em;
  /* 73px / 16 = 4.5625em */
  left: 11.6875em;
  /* 187px / 16 = 11.6875em */
  width: 0.9375em;
  /* 15px / 16 = 0.9375em */
  height: 1em;
  /* 16px / 16 = 1em */
  animation-delay: 1s;
}
@keyframes float-down-pc-63e8a39e {
0% {
    transform: translateY(-9.375em) rotate(0deg);
    /* -150px / 16 = -9.375em */
}
100% {
    transform: translateY(3.125em) rotate(360deg);
    /* 50px / 16 = 3.125em */
}
}
.tropy[data-v-63e8a39e] {
  position: absolute;
  top: 4.625em;
  /* 74px / 16 = 4.625em */
  left: 1.0625em;
  /* 17px / 16 = 1.0625em */
  width: 12.0625em;
  /* 193px / 16 = 12.0625em */
  height: 11em;
  /* 176px / 16 = 11em */
  transform-origin: bottom right;
  /* 오른쪽 바텀을 기준으로 회전 */
  animation: tilt-63e8a39e 6s ease-in-out infinite alternate;
}
@keyframes tilt-63e8a39e {
0%, 100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-5deg);
}
50% {
    transform: rotate(5deg);
}
75% {
    transform: rotate(-5deg);
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimTopNumber.vue?vue&type=style&index=0&id=407c6922&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-407c6922]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.anim-wrap[data-v-407c6922] {
  position: relative;
  width: 14.125em;
  height: 18.75em;
  font-family: var(--pretendard), sans-serif;
  font-weight: 900;
  text-align: center;
}
.anim-wrap .ic[data-v-407c6922] {
    fill: #e9efff;
    position: absolute;
    top: 4.3125em;
    left: 5.8125em;
    width: 2.4375em;
    height: 1.0625em;
}
.anim-wrap .title[data-v-407c6922],
  .anim-wrap .number[data-v-407c6922] {
    position: absolute;
    left: 0;
    width: 100%;
}
.anim-wrap .title[data-v-407c6922] {
    position: absolute;
    left: 0;
}
.anim-wrap .number[data-v-407c6922] {
    position: absolute;
    left: 0;
    animation: scaleupdown-407c6922 3s ease-in-out infinite alternate;
}
@keyframes scaleupdown-407c6922 {
0% {
    transform: scale(0.9);
}
100% {
    transform: scale(1.2);
}
}
.anim-wrap .polygon[data-v-407c6922] {
    position: absolute;
    width: 0.5625em;
    height: 0.5625em;
    animation: scaleupdown-polygon-407c6922 1s ease-in-out infinite alternate;
}
.anim-wrap .polygon[data-v-407c6922]:nth-child(1) {
      top: 6.4375em;
      left: 1.75em;
      animation-delay: 0.2s;
}
.anim-wrap .polygon[data-v-407c6922]:nth-child(2) {
      top: 4.375em;
      left: 2.5625em;
      animation-delay: 0.7s;
}
.anim-wrap .polygon[data-v-407c6922]:nth-child(3) {
      top: 6.4375em;
      left: 10.8125em;
      animation-delay: 0.3s;
}
.anim-wrap .polygon[data-v-407c6922]:nth-child(4) {
      top: 4.8125em;
      left: 11.6875em;
      animation-delay: 0.5s;
}
@keyframes scaleupdown-polygon-407c6922 {
0% {
    transform: scale(0.5);
}
100% {
    transform: scale(1);
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimChckEffect.vue?vue&type=style&index=0&id=71a5800a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-71a5800a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.anim-wrap[data-v-71a5800a] {
  position: relative;
  width: 14.125em;
  height: 18.75em;
}
.anim-wrap > svg[data-v-71a5800a] {
    position: absolute;
    top: 4.125em;
    left: 1.5em;
    width: 11.1875em;
    height: 10.75em;
    overflow: visible;
}
.anim-wrap .fade[data-v-71a5800a] {
    animation: fade-71a5800a 2s ease-in-out;
    animation-delay: 1s;
}
@keyframes fade-71a5800a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.anim-wrap .bounce[data-v-71a5800a] {
    animation: bounce-71a5800a 5s ease-in-out infinite;
}
@keyframes bounce-71a5800a {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-0.3125em);
}
100% {
    transform: translateY(0);
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimGoodAward.vue?vue&type=style&index=0&id=5ea8cac4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5ea8cac4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.anim-wrap[data-v-5ea8cac4] {
  position: relative;
  width: 14.125em;
  height: 18.75em;
}
.anim-wrap .award[data-v-5ea8cac4] {
    position: absolute;
    top: 4.375em;
    left: 2.125em;
    width: 9.8125em;
    height: 12.3125em;
}
.anim-wrap .snow[data-v-5ea8cac4] {
    position: absolute;
    width: 1.9375em;
    height: 1.9375em;
    animation: light-ani-5ea8cac4 2s ease-in-out infinite;
    fill: #d0dcff;
}
.anim-wrap .snow[data-v-5ea8cac4]:nth-last-child(2) {
      top: 6.5625em;
      left: 3.625em;
}
.anim-wrap .snow[data-v-5ea8cac4]:nth-last-child(1) {
      top: 6em;
      left: 8.6875em;
      animation-delay: 0.3s;
}
@keyframes light-ani-5ea8cac4 {
0% {
    opacity: 0;
    transform: scale(0);
}
50% {
    opacity: 1;
    transform: scale(1.2);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}
.anim-wrap .finger[data-v-5ea8cac4] {
    transform-origin: left bottom;
    animation: tilt-5ea8cac4 11s ease-in-out infinite alternate;
}
@keyframes tilt-5ea8cac4 {
0%, 100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-2deg);
}
50% {
    transform: rotate(2deg);
}
75% {
    transform: rotate(-2deg);
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/anim/LndgAnimNoAward.vue?vue&type=style&index=0&id=62485540&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-62485540]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.anim-wrap[data-v-62485540] {
  position: relative;
  width: 14.125em;
  height: 18.75em;
}
.anim-wrap .fly[data-v-62485540] {
    fill: #dae4ff;
    position: absolute;
    top: 5.0625em;
    width: 3.125em;
    height: 6.6875em;
}
.anim-wrap .fly-left[data-v-62485540] {
      left: 1.5em;
}
.anim-wrap .fly-right[data-v-62485540] {
      right: 1.5em;
      transform: scaleX(-1);
}
.anim-wrap .no[data-v-62485540] {
    position: absolute;
    top: 4.25em;
    left: 4.0625em;
    width: 6.3125em;
    height: 8.875em;
    transform-origin: left bottom;
    animation: tilt-62485540 2s ease-in-out infinite;
}
.anim-wrap .star[data-v-62485540] {
    fill: #dae4ff;
    position: absolute;
    top: 7.875em;
    left: 3.875em;
    width: 1.125em;
    height: 1.3125em;
    animation: star-ani-62485540 2s ease-in-out infinite;
}
@keyframes tilt-62485540 {
0% {
    transform: rotate(0deg);
}
12% {
    transform: rotate(-2deg);
}
25% {
    transform: rotate(2deg);
}
50% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes star-ani-62485540 {
0% {
    opacity: 0;
    transform: scale(0);
}
50% {
    opacity: 1;
    transform: scale(1.2);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeCardList.vue?vue&type=style&index=0&id=9227b4c4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9227b4c4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-9227b4c4] {
  font-family: var(--pretendard);
}
h1[data-v-9227b4c4] {
  font-size: 56px;
  line-height: 84px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
h1[data-v-9227b4c4] {
      font-size: 36px;
      line-height: 54px;
}
}
@media screen and (max-width: 640px) {
h1[data-v-9227b4c4] {
      font-size: 30px;
      line-height: 45px;
}
}
h5[data-v-9227b4c4] {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1024px) {
h5[data-v-9227b4c4] {
      font-size: 18px;
      line-height: 27px;
}
}
p[data-v-9227b4c4] {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
p[data-v-9227b4c4] {
      font-size: 12px;
      line-height: 19px;
}
}
@media screen and (max-width: 640px) {
p[data-v-9227b4c4] {
      font-size: 16px;
      line-height: 25px;
}
}
small[data-v-9227b4c4] {
  font-size: 12px;
  line-height: 18px;
  color: #9CA0A2;
}
@media screen and (max-width: 1024px) {
small[data-v-9227b4c4] {
      font-size: 10px;
      line-height: 15px;
}
}
.cntnr[data-v-9227b4c4] {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.cntnr[data-v-9227b4c4] {
      width: 640px;
}
}
@media screen and (max-width: 640px) {
.cntnr[data-v-9227b4c4] {
      width: 100%;
      padding: 0 8px;
}
}
.btn[data-v-9227b4c4] {
  display: inline-block;
  min-width: 382px;
  height: 72px;
  padding: 0px, 10px, 0px, 10px;
  border-radius: 100px;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
.btn[data-v-9227b4c4] {
      min-width: 260px;
      height: 48px;
      line-height: 48px;
      font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-9227b4c4] {
      font-size: 22px;
}
}
.btn-dark[data-v-9227b4c4] {
  background: #212425;
  color: #fff;
}
.btn-navy[data-v-9227b4c4] {
  background: #202F57;
  color: #fff;
}
.btn-shadow[data-v-9227b4c4] {
  box-shadow: 0px 20px 25px 0px rgba(89, 109, 161, 0.32);
  box-shadow: 0px 5px 8px 0px rgba(20, 77, 109, 0.25);
}
.opacity-0[data-v-9227b4c4] {
  opacity: 0;
}
.fadein-anim[data-v-9227b4c4] {
  animation: fadein-9227b4c4 2s ease-in-out forwards;
}
@keyframes fadein-9227b4c4 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.card[data-v-9227b4c4] {
  position: relative;
  width: 226px;
  height: 300px;
  padding: 23px;
  font-size: 16px;
  text-align: center;
  border-radius: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.card[data-v-9227b4c4] {
      width: 112px;
      height: 150px;
      padding: 12px;
      font-size: 8px;
      border-radius: 8px;
}
}
@media screen and (max-width: 640px) {
.card[data-v-9227b4c4] {
      width: 172px;
      height: 230px;
      padding: 17px;
      font-size: 12px;
}
}
.card .card-overlay[data-v-9227b4c4]::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 226px;
    height: 300px;
    border-radius: 16px;
    content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.card .card-overlay[data-v-9227b4c4]::after {
        width: 112px;
        height: 150px;
        border-radius: 8px;
}
}
@media screen and (max-width: 640px) {
.card .card-overlay[data-v-9227b4c4]::after {
        width: 172px;
        height: 230px;
}
}
.card[data-v-9227b4c4]:nth-child(n+2) {
    margin-left: 19px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.card[data-v-9227b4c4]:nth-child(n+2) {
        margin-left: 10px;
}
}
@media screen and (max-width: 640px) {
.card[data-v-9227b4c4]:nth-child(n+2) {
        margin-left: 0;
}
}
.card.white[data-v-9227b4c4] {
    background: #f4f6f7;
}
.card.white .card-overlay[data-v-9227b4c4]::after {
      background: linear-gradient(180deg, rgba(244, 246, 247, 0) 45.92%, #f4f6f7 77%);
}
.card.blue[data-v-9227b4c4] {
    color: #fff;
    background: #7589f3;
}
.card.blue .card-overlay[data-v-9227b4c4]::after {
      background: linear-gradient(180deg, rgba(134, 153, 245, 0) 45.92%, #7589f3 77%);
}
@media screen and (max-width: 640px) {
.card.card-tropy[data-v-9227b4c4] {
      order: 1;
}
.card.card-top-number[data-v-9227b4c4] {
      order: 2;
}
.card.card-no-award[data-v-9227b4c4] {
      order: 3;
}
.card.card-good-award[data-v-9227b4c4] {
      order: 4;
}
.card.card-chck-effect[data-v-9227b4c4] {
      order: 5;
}
}
.card .card-title[data-v-9227b4c4] {
    position: relative;
}
.card .card-icon[data-v-9227b4c4] {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.card .card-text[data-v-9227b4c4] {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 0 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    white-space: pre-line;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.card .card-text[data-v-9227b4c4] {
        bottom: 9px;
        font-size: 9px;
        line-height: 12px;
}
}
@media screen and (max-width: 640px) {
.card .card-text[data-v-9227b4c4] {
        bottom: 16px;
        font-size: 14px;
        line-height: 19px;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeSctnCard.vue?vue&type=style&index=0&id=83474a6c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-83474a6c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-83474a6c] {
  font-family: var(--pretendard);
}
h1[data-v-83474a6c] {
  font-size: 56px;
  line-height: 84px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
h1[data-v-83474a6c] {
      font-size: 36px;
      line-height: 54px;
}
}
@media screen and (max-width: 640px) {
h1[data-v-83474a6c] {
      font-size: 30px;
      line-height: 45px;
}
}
h5[data-v-83474a6c] {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1024px) {
h5[data-v-83474a6c] {
      font-size: 18px;
      line-height: 27px;
}
}
p[data-v-83474a6c] {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
p[data-v-83474a6c] {
      font-size: 12px;
      line-height: 19px;
}
}
@media screen and (max-width: 640px) {
p[data-v-83474a6c] {
      font-size: 16px;
      line-height: 25px;
}
}
small[data-v-83474a6c] {
  font-size: 12px;
  line-height: 18px;
  color: #9CA0A2;
}
@media screen and (max-width: 1024px) {
small[data-v-83474a6c] {
      font-size: 10px;
      line-height: 15px;
}
}
.cntnr[data-v-83474a6c] {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.cntnr[data-v-83474a6c] {
      width: 640px;
}
}
@media screen and (max-width: 640px) {
.cntnr[data-v-83474a6c] {
      width: 100%;
      padding: 0 8px;
}
}
.btn[data-v-83474a6c] {
  display: inline-block;
  min-width: 382px;
  height: 72px;
  padding: 0px, 10px, 0px, 10px;
  border-radius: 100px;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
.btn[data-v-83474a6c] {
      min-width: 260px;
      height: 48px;
      line-height: 48px;
      font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-83474a6c] {
      font-size: 22px;
}
}
.btn-dark[data-v-83474a6c] {
  background: #212425;
  color: #fff;
}
.btn-navy[data-v-83474a6c] {
  background: #202F57;
  color: #fff;
}
.btn-shadow[data-v-83474a6c] {
  box-shadow: 0px 20px 25px 0px rgba(89, 109, 161, 0.32);
  box-shadow: 0px 5px 8px 0px rgba(20, 77, 109, 0.25);
}
.opacity-0[data-v-83474a6c] {
  opacity: 0;
}
.fadein-anim[data-v-83474a6c] {
  animation: fadein-83474a6c 2s ease-in-out forwards;
}
@keyframes fadein-83474a6c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.sctn-card[data-v-83474a6c] {
  display: flex;
  margin-bottom: 160px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-card[data-v-83474a6c] {
      margin-bottom: 108px;
}
}
@media screen and (max-width: 640px) {
.sctn-card[data-v-83474a6c] {
      flex-wrap: wrap;
      justify-content: center;
      gap: 16px;
      margin: 0 auto 80px;
}
}
.sctn-card .clmn[data-v-83474a6c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sctn-card .clmn[data-v-83474a6c]:nth-child(2) {
      margin-top: 36px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeList.vue?vue&type=style&index=0&id=f0ed9b24&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f0ed9b24]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.home-list li[data-v-f0ed9b24] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.home-list li[data-v-f0ed9b24] {
      margin-bottom: 8px;
}
}
.home-list .ic[data-v-f0ed9b24] {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.home-list .ic[data-v-f0ed9b24] {
      width: 20px;
      height: 20px;
      margin-right: 12px;
}
}
.home-list .txt[data-v-f0ed9b24] {
  font-family: var(--pretendard), sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  color: #202f57;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.home-list .txt[data-v-f0ed9b24] {
      font-size: 14px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeSctnBoxRow.vue?vue&type=style&index=0&id=33d5186e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-33d5186e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-33d5186e] {
  font-family: var(--pretendard);
}
h1[data-v-33d5186e] {
  font-size: 56px;
  line-height: 84px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
h1[data-v-33d5186e] {
      font-size: 36px;
      line-height: 54px;
}
}
@media screen and (max-width: 640px) {
h1[data-v-33d5186e] {
      font-size: 30px;
      line-height: 45px;
}
}
h5[data-v-33d5186e] {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1024px) {
h5[data-v-33d5186e] {
      font-size: 18px;
      line-height: 27px;
}
}
p[data-v-33d5186e] {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
p[data-v-33d5186e] {
      font-size: 12px;
      line-height: 19px;
}
}
@media screen and (max-width: 640px) {
p[data-v-33d5186e] {
      font-size: 16px;
      line-height: 25px;
}
}
small[data-v-33d5186e] {
  font-size: 12px;
  line-height: 18px;
  color: #9CA0A2;
}
@media screen and (max-width: 1024px) {
small[data-v-33d5186e] {
      font-size: 10px;
      line-height: 15px;
}
}
.cntnr[data-v-33d5186e] {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.cntnr[data-v-33d5186e] {
      width: 640px;
}
}
@media screen and (max-width: 640px) {
.cntnr[data-v-33d5186e] {
      width: 100%;
      padding: 0 8px;
}
}
.btn[data-v-33d5186e] {
  display: inline-block;
  min-width: 382px;
  height: 72px;
  padding: 0px, 10px, 0px, 10px;
  border-radius: 100px;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
.btn[data-v-33d5186e] {
      min-width: 260px;
      height: 48px;
      line-height: 48px;
      font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-33d5186e] {
      font-size: 22px;
}
}
.btn-dark[data-v-33d5186e] {
  background: #212425;
  color: #fff;
}
.btn-navy[data-v-33d5186e] {
  background: #202F57;
  color: #fff;
}
.btn-shadow[data-v-33d5186e] {
  box-shadow: 0px 20px 25px 0px rgba(89, 109, 161, 0.32);
  box-shadow: 0px 5px 8px 0px rgba(20, 77, 109, 0.25);
}
.opacity-0[data-v-33d5186e] {
  opacity: 0;
}
.fadein-anim[data-v-33d5186e] {
  animation: fadein-33d5186e 2s ease-in-out forwards;
}
@keyframes fadein-33d5186e {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
p[data-v-33d5186e] {
  color: #656565;
}
.sctn-boxrow-pctblt[data-v-33d5186e] {
  display: flex;
  margin-bottom: 160px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-boxrow-pctblt[data-v-33d5186e] {
      margin-bottom: 64px;
}
}
.sctn-boxrow-pctblt > img[data-v-33d5186e] {
    width: 588px;
    height: 588px;
    object-fit: cover;
    border-radius: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-boxrow-pctblt > img[data-v-33d5186e] {
        width: 300px;
        height: 338px;
        border-radius: 8px;
}
}
.sctn-boxrow-pctblt .box + img[data-v-33d5186e], .sctn-boxrow-pctblt img + .box[data-v-33d5186e] {
    margin-left: 126px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-boxrow-pctblt .box + img[data-v-33d5186e], .sctn-boxrow-pctblt img + .box[data-v-33d5186e] {
        margin-left: 40px;
}
}
.sctn-boxrow-pctblt .box[data-v-33d5186e] {
    width: 486px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-boxrow-pctblt .box[data-v-33d5186e] {
        width: 260px;
}
}
.sctn-boxrow-pctblt .box > h1[data-v-33d5186e], .sctn-boxrow-pctblt .box > p[data-v-33d5186e], .sctn-boxrow-pctblt .box > .list[data-v-33d5186e] {
      margin-bottom: 64px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-boxrow-pctblt .box > h1[data-v-33d5186e], .sctn-boxrow-pctblt .box > p[data-v-33d5186e], .sctn-boxrow-pctblt .box > .list[data-v-33d5186e] {
          margin-bottom: 24px;
}
}
.sctn-boxrow-phone[data-v-33d5186e] {
  flex-direction: column;
  margin-bottom: 40px;
  text-align: center;
}
.sctn-boxrow-phone img[data-v-33d5186e] {
    width: 300px;
    height: 300px;
    border-radius: 16px;
}
.sctn-boxrow-phone > h1[data-v-33d5186e], .sctn-boxrow-phone > p[data-v-33d5186e], .sctn-boxrow-phone > .list[data-v-33d5186e], .sctn-boxrow-phone > .btn[data-v-33d5186e], .sctn-boxrow-phone > img[data-v-33d5186e] {
    margin-bottom: 32px;
}
.sctn-boxrow-phone .list[data-v-33d5186e] {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeSctnSltn.vue?vue&type=style&index=0&id=f36b5e66&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f36b5e66]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-f36b5e66] {
  font-family: var(--pretendard);
}
h1[data-v-f36b5e66] {
  font-size: 56px;
  line-height: 84px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
h1[data-v-f36b5e66] {
      font-size: 36px;
      line-height: 54px;
}
}
@media screen and (max-width: 640px) {
h1[data-v-f36b5e66] {
      font-size: 30px;
      line-height: 45px;
}
}
h5[data-v-f36b5e66] {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1024px) {
h5[data-v-f36b5e66] {
      font-size: 18px;
      line-height: 27px;
}
}
p[data-v-f36b5e66] {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
p[data-v-f36b5e66] {
      font-size: 12px;
      line-height: 19px;
}
}
@media screen and (max-width: 640px) {
p[data-v-f36b5e66] {
      font-size: 16px;
      line-height: 25px;
}
}
small[data-v-f36b5e66] {
  font-size: 12px;
  line-height: 18px;
  color: #9CA0A2;
}
@media screen and (max-width: 1024px) {
small[data-v-f36b5e66] {
      font-size: 10px;
      line-height: 15px;
}
}
.cntnr[data-v-f36b5e66] {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.cntnr[data-v-f36b5e66] {
      width: 640px;
}
}
@media screen and (max-width: 640px) {
.cntnr[data-v-f36b5e66] {
      width: 100%;
      padding: 0 8px;
}
}
.btn[data-v-f36b5e66] {
  display: inline-block;
  min-width: 382px;
  height: 72px;
  padding: 0px, 10px, 0px, 10px;
  border-radius: 100px;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
.btn[data-v-f36b5e66] {
      min-width: 260px;
      height: 48px;
      line-height: 48px;
      font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-f36b5e66] {
      font-size: 22px;
}
}
.btn-dark[data-v-f36b5e66] {
  background: #212425;
  color: #fff;
}
.btn-navy[data-v-f36b5e66] {
  background: #202F57;
  color: #fff;
}
.btn-shadow[data-v-f36b5e66] {
  box-shadow: 0px 20px 25px 0px rgba(89, 109, 161, 0.32);
  box-shadow: 0px 5px 8px 0px rgba(20, 77, 109, 0.25);
}
.opacity-0[data-v-f36b5e66] {
  opacity: 0;
}
.fadein-anim[data-v-f36b5e66] {
  animation: fadein-f36b5e66 2s ease-in-out forwards;
}
@keyframes fadein-f36b5e66 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.sctn-sltn-pctblt[data-v-f36b5e66] {
  position: relative;
  margin-bottom: 160px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-sltn-pctblt[data-v-f36b5e66] {
      margin-bottom: 64px;
}
}
.sctn-sltn-pctblt .mark[data-v-f36b5e66],
  .sctn-sltn-pctblt > h5[data-v-f36b5e66] {
    fill: #6184e5;
    color: #6184e5;
}
.sctn-sltn-pctblt > h1[data-v-f36b5e66],
  .sctn-sltn-pctblt > h5[data-v-f36b5e66] {
    position: relative;
    margin-bottom: 77px;
    word-break: keep-all;
    white-space: pre-line;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-sltn-pctblt > h1[data-v-f36b5e66],
      .sctn-sltn-pctblt > h5[data-v-f36b5e66] {
        margin-bottom: 40px;
}
}
.sctn-sltn-pctblt > p[data-v-f36b5e66] {
    margin-bottom: 27px;
    white-space: pre-line;
}
@media screen and (max-width: 1024px) {
.sctn-sltn-pctblt > p[data-v-f36b5e66] {
        margin-bottom: 12px;
}
}
.sctn-sltn-pctblt .mark[data-v-f36b5e66] {
    width: 28px;
    height: 20px;
}
@media screen and (max-width: 1024px) {
.sctn-sltn-pctblt .mark[data-v-f36b5e66] {
        width: 14px;
        height: 10px;
}
}
.sctn-sltn-pctblt .img-wrap[data-v-f36b5e66] {
    position: absolute;
    bottom: 0;
    left: 548px;
    width: 652px;
    height: 540px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-sltn-pctblt .img-wrap[data-v-f36b5e66] {
        left: 304px;
        width: 352px;
        height: 301px;
}
}
.sctn-sltn-pctblt .img-wrap[data-v-f36b5e66]::before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 652px;
      height: 369px;
      background-image: url("https://cdn.test.codmos.io/default/public/0fa4e873-bba9-46ca-a747-8b180b6e8e9d.svg");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-sltn-pctblt .img-wrap[data-v-f36b5e66]::before {
          width: 352px;
          height: 206px;
}
}
.sctn-sltn-pctblt .img-wrap img[data-v-f36b5e66] {
      position: absolute;
      top: 0;
      left: 120px;
      width: 496px;
      height: 540px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-sltn-pctblt .img-wrap img[data-v-f36b5e66] {
          top: -3px;
          left: 56px;
          width: 275px;
          height: 300px;
}
}
.sctn-sltn-phone[data-v-f36b5e66] {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}
.sctn-sltn-phone .mark[data-v-f36b5e66],
  .sctn-sltn-phone > h5[data-v-f36b5e66] {
    fill: #6184e5;
    color: #6184e5;
}
.sctn-sltn-phone > h1[data-v-f36b5e66],
  .sctn-sltn-phone > h5[data-v-f36b5e66] {
    position: relative;
    margin-bottom: 32px;
    white-space: pre-line;
}
.sctn-sltn-phone > h5[data-v-f36b5e66] {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.sctn-sltn-phone > p[data-v-f36b5e66] {
    margin-bottom: 12px;
    word-break: keep-all;
    white-space: pre-line;
}
.sctn-sltn-phone > small[data-v-f36b5e66] {
    display: block;
    width: 100%;
    max-width: 352px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
}
.sctn-sltn-phone .mark[data-v-f36b5e66] {
    width: 14px;
    height: 10px;
}
.sctn-sltn-phone .img-wrap[data-v-f36b5e66] {
    position: relative;
    width: 352px;
    height: 301px;
    margin: auto;
}
.sctn-sltn-phone .img-wrap[data-v-f36b5e66]::before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 351px;
      height: 206px;
      background-image: url("https://cdn.test.codmos.io/default/public/0fa4e873-bba9-46ca-a747-8b180b6e8e9d.svg");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
.sctn-sltn-phone .img-wrap img[data-v-f36b5e66] {
      position: absolute;
      top: -3px;
      left: 56px;
      width: 275px;
      height: 300px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeCstmrChnnTalkBtn.vue?vue&type=style&index=0&id=18823ad2&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-18823ad2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.chnn-talk-btn[data-v-18823ad2] {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #32576c;
  border-radius: 8px;
}
.chnn-talk-btn[data-v-18823ad2]:hover {
    background-color: #2a4c5e;
}
.chnn-talk-btn:hover .ic-arrw[data-v-18823ad2] {
      margin-left: 16px;
}
.chnn-talk-btn .ldng[data-v-18823ad2] {
    fill: #fff;
    height: 48px;
}
.chnn-talk-btn .ic-arrw[data-v-18823ad2] {
    align-items: center;
    width: 14px;
    margin-left: 12px;
    transition: margin-left 0.3s;
    fill: #fff;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeCstmr.vue?vue&type=style&index=0&id=6e92cd89&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6e92cd89]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-home-cstmr[data-v-6e92cd89] {
  max-width: 1200px;
  padding: 80px 0;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr[data-v-6e92cd89] {
      padding: 64px 0;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr[data-v-6e92cd89] {
      padding: 40px 0;
}
}
.main-home-cstmr h1[data-v-6e92cd89] {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.5;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr h1[data-v-6e92cd89] {
        font-size: 36px;
        text-align: center;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr h1[data-v-6e92cd89] {
        font-size: 30px;
        text-align: center;
}
}
.main-home-cstmr .row[data-v-6e92cd89] {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr .row[data-v-6e92cd89] {
        flex-direction: column;
        gap: 8px;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr .row[data-v-6e92cd89] {
        flex-direction: column;
        gap: 4px;
}
}
.main-home-cstmr > div[data-v-6e92cd89] {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 64px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr > div[data-v-6e92cd89] {
        flex-direction: column-reverse;
        align-items: center;
        gap: 32px;
        margin-top: 32px;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr > div[data-v-6e92cd89] {
        flex-direction: column-reverse;
        align-items: center;
        gap: 24px;
        margin-top: 24px;
}
}
.main-home-cstmr > div .row[data-v-6e92cd89] {
      display: flex;
      align-items: flex-start;
}
.main-home-cstmr > div .row > *[data-v-6e92cd89]:nth-child(n+2) {
        margin-left: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-home-cstmr > div .row > *[data-v-6e92cd89]:nth-child(n+2) {
            margin-left: 0;
}
}
.main-home-cstmr > div .row .line[data-v-6e92cd89] {
        width: 1px;
        height: 100px;
        background-color: #e5e5e5;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr > div .row .line[data-v-6e92cd89] {
            display: none;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr > div .row .line[data-v-6e92cd89] {
            display: none;
}
}
.main-home-cstmr > div label[data-v-6e92cd89] {
      font-size: 20px;
      font-weight: 500;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr > div label[data-v-6e92cd89] {
          font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr > div label[data-v-6e92cd89] {
          font-size: 12px;
}
}
.main-home-cstmr > div p[data-v-6e92cd89] {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      color: #5c5c5c;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-home-cstmr > div p[data-v-6e92cd89] {
          font-size: 12px;
          text-align: center;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-home-cstmr > div .txt-wrap[data-v-6e92cd89],
      .main-home-cstmr > div .chnn-talk-wrap[data-v-6e92cd89] {
        margin: auto;
        text-align: center;
}
}
.main-home-cstmr > div .txt-wrap h3[data-v-6e92cd89],
    .main-home-cstmr > div .chnn-talk-wrap h3[data-v-6e92cd89] {
      margin-bottom: 33px;
      font-size: 40px;
      font-weight: 600;
      line-height: 1.5;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-cstmr > div .txt-wrap h3[data-v-6e92cd89],
        .main-home-cstmr > div .chnn-talk-wrap h3[data-v-6e92cd89] {
          margin-bottom: 0;
          font-size: 32px;
}
}
@media screen and (max-width: 640px) {
.main-home-cstmr > div .txt-wrap h3[data-v-6e92cd89],
        .main-home-cstmr > div .chnn-talk-wrap h3[data-v-6e92cd89] {
          margin-bottom: 0;
          font-size: 24px;
}
}
.main-home-cstmr > div .chnn-talk-wrap[data-v-6e92cd89] {
      display: flex;
      flex-direction: column;
}
.main-home-cstmr > div .chnn-talk-wrap > label[data-v-6e92cd89] {
        margin-bottom: 11px;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-home-cstmr > div .chnn-talk-wrap[data-v-6e92cd89] {
          margin-bottom: 24px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeHome.vue?vue&type=style&index=0&id=3ac9dc1b&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3ac9dc1b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-3ac9dc1b] {
  font-family: var(--pretendard);
}
h1[data-v-3ac9dc1b] {
  font-size: 56px;
  line-height: 84px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
h1[data-v-3ac9dc1b] {
      font-size: 36px;
      line-height: 54px;
}
}
@media screen and (max-width: 640px) {
h1[data-v-3ac9dc1b] {
      font-size: 30px;
      line-height: 45px;
}
}
h5[data-v-3ac9dc1b] {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1024px) {
h5[data-v-3ac9dc1b] {
      font-size: 18px;
      line-height: 27px;
}
}
p[data-v-3ac9dc1b] {
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
p[data-v-3ac9dc1b] {
      font-size: 12px;
      line-height: 19px;
}
}
@media screen and (max-width: 640px) {
p[data-v-3ac9dc1b] {
      font-size: 16px;
      line-height: 25px;
}
}
small[data-v-3ac9dc1b] {
  font-size: 12px;
  line-height: 18px;
  color: #9CA0A2;
}
@media screen and (max-width: 1024px) {
small[data-v-3ac9dc1b] {
      font-size: 10px;
      line-height: 15px;
}
}
.cntnr[data-v-3ac9dc1b] {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.cntnr[data-v-3ac9dc1b] {
      width: 640px;
}
}
@media screen and (max-width: 640px) {
.cntnr[data-v-3ac9dc1b] {
      width: 100%;
      padding: 0 8px;
}
}
.btn[data-v-3ac9dc1b] {
  display: inline-block;
  min-width: 382px;
  height: 72px;
  padding: 0px, 10px, 0px, 10px;
  border-radius: 100px;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
.btn[data-v-3ac9dc1b] {
      min-width: 260px;
      height: 48px;
      line-height: 48px;
      font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-3ac9dc1b] {
      font-size: 22px;
}
}
.btn-dark[data-v-3ac9dc1b] {
  background: #212425;
  color: #fff;
}
.btn-navy[data-v-3ac9dc1b] {
  background: #202F57;
  color: #fff;
}
.btn-shadow[data-v-3ac9dc1b] {
  box-shadow: 0px 20px 25px 0px rgba(89, 109, 161, 0.32);
  box-shadow: 0px 5px 8px 0px rgba(20, 77, 109, 0.25);
}
.opacity-0[data-v-3ac9dc1b] {
  opacity: 0;
}
.fadein-anim[data-v-3ac9dc1b] {
  animation: fadein-3ac9dc1b 2s ease-in-out forwards;
}
@keyframes fadein-3ac9dc1b {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.sctn-cd[data-v-3ac9dc1b] {
  position: relative;
  margin-top: 327px;
  margin-bottom: 110px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-cd[data-v-3ac9dc1b] {
      margin-top: 120px;
      margin-bottom: 88px;
}
}
@media screen and (max-width: 640px) {
.sctn-cd[data-v-3ac9dc1b] {
      display: flex;
      flex-direction: column;
      margin-top: 80px;
      margin-bottom: 40px;
}
}
.sctn-cd h1[data-v-3ac9dc1b],
  .sctn-cd p[data-v-3ac9dc1b] {
    word-break: keep-all;
    white-space: pre-line;
}
.sctn-cd h1[data-v-3ac9dc1b] {
    margin-bottom: 64px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-cd h1[data-v-3ac9dc1b] {
        margin-bottom: 32px;
}
}
@media screen and (max-width: 640px) {
.sctn-cd h1[data-v-3ac9dc1b] {
        order: 1;
        margin-bottom: 40px;
        text-align: center;
}
}
.sctn-cd p[data-v-3ac9dc1b] {
    max-width: 687px;
    margin-bottom: 30px;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-cd p[data-v-3ac9dc1b] {
        max-width: 392px;
        margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {
.sctn-cd p[data-v-3ac9dc1b] {
        order: 3;
        max-width: 100%;
        margin-bottom: 40px;
        text-align: center;
        word-break: keep-all;
        white-space: initial;
}
}
.sctn-cd img[data-v-3ac9dc1b] {
    position: absolute;
    top: -168px;
    right: 0;
    width: 588px;
    height: 588px;
}
@media screen and (max-width: 1024px) {
.sctn-cd img[data-v-3ac9dc1b] {
        width: 274px;
        height: 274px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-cd img[data-v-3ac9dc1b] {
        top: -56px;
}
}
@media screen and (max-width: 640px) {
.sctn-cd img[data-v-3ac9dc1b] {
        position: relative;
        top: 0;
        order: 2;
        margin: 0 auto 40px;
}
}
.sctn-crclm[data-v-3ac9dc1b] {
  position: relative;
  width: 100%;
  height: 720px;
  padding-top: 80px;
  margin-bottom: 279px;
  text-align: center;
  background-image: url("https://cdn.test.codmos.io/default/public/d6f20026-35e4-4ec9-8cb6-ec141a49d9fc.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-crclm[data-v-3ac9dc1b] {
      height: 368px;
      padding-top: 64px;
      margin-bottom: 160px;
}
}
@media screen and (max-width: 640px) {
.sctn-crclm[data-v-3ac9dc1b] {
      height: 373px;
      padding-top: 40px;
      margin-bottom: 193px;
}
}
.sctn-crclm > h1[data-v-3ac9dc1b] {
    margin-bottom: 64px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-crclm > h1[data-v-3ac9dc1b] {
        margin-bottom: 24px;
}
}
.sctn-crclm > p[data-v-3ac9dc1b] {
    word-break: keep-all;
}
.sctn-crclm .img-list[data-v-3ac9dc1b] {
    position: relative;
    width: 100%;
    height: 383px;
    margin: 80px auto 0;
    overflow: hidden;
}
@media screen and (min-width: 640px) {
.sctn-crclm .img-list[data-v-3ac9dc1b] {
        padding: 0 54px;
}
.sctn-crclm .img-list img[data-v-3ac9dc1b] {
          width: 100%;
          object-fit: contain;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sctn-crclm .img-list[data-v-3ac9dc1b] {
        height: 146px;
        margin-top: 24px;
}
}
@media screen and (max-width: 640px) {
.sctn-crclm .img-list[data-v-3ac9dc1b] {
        display: flex;
        justify-content: center;
        height: 110px;
        margin-top: 32px;
}
}
.sctn-crclm .img-list img[data-v-3ac9dc1b] {
      height: 100%;
}
.sctn-crclm > .btn[data-v-3ac9dc1b] {
    position: absolute;
    bottom: -116px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
.sctn-crclm > .btn[data-v-3ac9dc1b] {
        bottom: -68px;
}
}
.sctn-hist[data-v-3ac9dc1b] {
  background: #f4f6f7;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFixedBottomWhiteButton.vue?vue&type=style&index=0&id=5623a18d&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5623a18d]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.btn[data-v-5623a18d] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 40px;
  box-shadow: 0 4px 12px 0 #39393940;
  transition: background 0.3s;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.btn[data-v-5623a18d] {
      height: 56px;
      font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-5623a18d] {
      height: 48px;
      font-size: 16px;
}
}
.btn .ic-dot[data-v-5623a18d] {
    margin-right: 5px;
}
@media screen and (max-width: 640px) {
.btn .ic-dot[data-v-5623a18d] {
        width: 6px;
        height: 17px;
}
}
.btn > p[data-v-5623a18d] {
    margin-right: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.btn > p[data-v-5623a18d] {
        margin-right: 9px;
}
}
@media screen and (max-width: 640px) {
.btn > p[data-v-5623a18d] {
        margin-right: 4px;
}
}
.btn .ic-arrw[data-v-5623a18d] {
    transition: margin-left 0.3s;
}
@media screen and (max-width: 640px) {
.btn .ic-arrw[data-v-5623a18d] {
        width: 12px;
        height: 9px;
}
}
.btn:hover .ic-arrw[data-v-5623a18d] {
    margin-left: 5px;
}
.light-btn[data-v-5623a18d] {
  background: rgba(255, 255, 255, 0.85);
  border: 1.4px solid #9d9d9d69;
}
.light-btn > *[data-v-5623a18d] {
    color: #2b2b2b;
    fill: #2b2b2b;
}
.light-btn[data-v-5623a18d]:hover {
    background: #fff;
}
.ldng[data-v-5623a18d] {
  fill: #000;
  height: 48px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFixedBottomGreenChatButton.vue?vue&type=style&index=0&id=36d9a6df&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-36d9a6df]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.btn[data-v-36d9a6df] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 72px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 40px;
  box-shadow: 0 4px 12px 0 #39393940;
  transition: background 0.3s;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.btn[data-v-36d9a6df] {
      height: 56px;
      font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.btn[data-v-36d9a6df] {
      height: 48px;
      font-size: 16px;
}
}
.btn .loading[data-v-36d9a6df] {
    width: 30px;
    height: 30px;
}
.btn > p[data-v-36d9a6df] {
    margin-right: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.btn > p[data-v-36d9a6df] {
        margin-right: 9px;
}
}
@media screen and (max-width: 640px) {
.btn > p[data-v-36d9a6df] {
        margin-right: 4px;
}
}
.btn .ic-arrw[data-v-36d9a6df] {
    transition: margin-left 0.3s;
}
@media screen and (max-width: 640px) {
.btn .ic-arrw[data-v-36d9a6df] {
        width: 12px;
        height: 9px;
}
}
.btn .ic-chat[data-v-36d9a6df] {
    position: absolute;
    top: -55px;
    left: 78%;
    width: 102px;
    height: 114px;
    transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.btn .ic-chat[data-v-36d9a6df] {
        top: -33px;
        left: 85%;
        width: 68px;
        height: 76px;
}
}
@media screen and (max-width: 640px) {
.btn .ic-chat[data-v-36d9a6df] {
        top: -25px;
        left: 87%;
        width: 40px;
        height: 48px;
}
}
.btn:hover .ic-arrw[data-v-36d9a6df] {
    margin-left: 5px;
}
.green-btn[data-v-36d9a6df] {
  background: #0cbd88d9;
}
.green-btn > *[data-v-36d9a6df] {
    color: #fff;
    fill: #fff;
}
.green-btn[data-v-36d9a6df]:hover {
    background: #0cbd88;
}
.ldng[data-v-36d9a6df] {
  fill: #000;
  height: 48px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainAIDTButtonGroup.vue?vue&type=style&index=0&id=14a27e74&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-14a27e74]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.button-group[data-v-14a27e74] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.button-group[data-v-14a27e74] {
      flex-wrap: wrap;
      gap: 8px;
      width: 508px;
      max-width: 508px;
}
}
.button-group button[data-v-14a27e74] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 144px;
    padding: 32px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #FFFAFA;
    cursor: pointer;
    background-color: #000;
    border-radius: 20px;
}
@media screen and (min-width: 1025px) {
.button-group button[data-v-14a27e74] {
        max-width: 336px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.button-group button[data-v-14a27e74] {
        width: 250px;
        height: 120px;
        font-size: 18px;
}
}
.button-group button span[data-v-14a27e74] {
      font-size: 20px;
      font-weight: 700;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.button-group button span[data-v-14a27e74] {
          font-size: 16px;
}
}
.button-group button i[data-v-14a27e74] {
      margin-left: 8px;
      transition: transform 0.3s;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.button-group button[data-v-14a27e74]:last-child {
      width: 508px;
      height: 70px;
}
}
.button-group .row[data-v-14a27e74] {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.button-group .center[data-v-14a27e74] {
    align-items: center;
    justify-content: center;
}
.button-group .purple1:hover i[data-v-14a27e74], .button-group .purple2:hover i[data-v-14a27e74] {
    transform: translateX(8px);
}
.button-group .purple1[data-v-14a27e74] {
    background: linear-gradient(90deg, #667DF2 0%, #793FDD 100%);
    background-color: #793FDD;
}
.button-group .purple2[data-v-14a27e74] {
    background: linear-gradient(90deg, #BE63F7 0%, #642AD8 100%);
    background-color: #6f4ff6;
}
.button-group .blue[data-v-14a27e74] {
    background: linear-gradient(90deg, #3BA3FF 0%, #425BFD 100%);
    background-color: #4a90e2;
}
.button-group .blue:hover i[data-v-14a27e74] {
      animation: scale-and-rotate-14a27e74 0.5s infinite;
}
.button-group .line[data-v-14a27e74] {
    position: relative;
    width: 118px;
    padding: 58px 0;
}
.button-group .line[data-v-14a27e74]::before {
      position: absolute;
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      background-color: #CDD0E1;
      content: '';
      transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.button-group .line[data-v-14a27e74] {
        width: 508px;
        height: 2px;
        padding: 0;
        margin: 24px 0;
        background: #CDD0E1;
}
.button-group .line[data-v-14a27e74]::before {
          display: none;
}
}
.button-group .loading[data-v-14a27e74] {
    width: 40px;
    height: 40px;
}
.ic-arrow-right[data-v-14a27e74] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("https://cdn.test.codmos.io/default/public/2057b7e2-77ff-4c57-a0c8-05b8c0a03cd1.svg");
}
.ic-headset[data-v-14a27e74] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("https://cdn.test.codmos.io/default/public/41ec5a8e-a5b7-46e6-8bc9-f1ad5c0d170b.svg");
}
@keyframes scale-and-rotate-14a27e74 {
0% {
    transform: scale(1) rotate(0deg);
}
25% {
    transform: scale(1.1) rotate(-8deg);
}
50% {
    transform: scale(1.1) rotate(0deg);
}
75% {
    transform: scale(1.1) rotate(8deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainAIDTAccessModal.vue?vue&type=style&index=0&id=fc63f4a0&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-fc63f4a0]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.aidt-access-modal-wrap[data-v-fc63f4a0] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.aidt-access-modal-wrap *[data-v-fc63f4a0] {
    font-family: var(--pretendard), sans-serif;
}
.aidt-access-modal-wrap .dim[data-v-fc63f4a0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.aidt-access-modal-wrap .container[data-v-fc63f4a0] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 704px;
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
.aidt-access-modal-wrap .container[data-v-fc63f4a0] {
        max-width: 560px;
}
}
.aidt-access-modal-wrap .container .close-btn svg[data-v-fc63f4a0] {
      width: 20px;
      height: 20px;
}
@media screen and (max-width: 1024px) {
.aidt-access-modal-wrap .container .close-btn svg[data-v-fc63f4a0] {
          width: 16px;
          height: 16px;
}
}
.aidt-access-modal-wrap .container .header[data-v-fc63f4a0] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
.aidt-access-modal-wrap .container .header[data-v-fc63f4a0] {
          margin-bottom: 19px;
}
}
.aidt-access-modal-wrap .container .header h2[data-v-fc63f4a0] {
        flex: 1;
        font-size: 24px;
        font-weight: 500;
        color: #202123;
        text-align: center;
}
@media screen and (max-width: 1024px) {
.aidt-access-modal-wrap .container .header h2[data-v-fc63f4a0] {
            font-size: 18px;
}
}
.aidt-access-modal-wrap .container .body .button-group[data-v-fc63f4a0] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 24px;
}
.aidt-access-modal-wrap .container .body .button-group a[data-v-fc63f4a0] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        padding: 12px 8px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        background: linear-gradient(90deg, #667DF2 0%, #793FDD 100%);
        border-radius: 12px;
        transition: all 0.3s;
}
.aidt-access-modal-wrap .container .body .button-group a[data-v-fc63f4a0]:hover {
          background: linear-gradient(90deg, #667DF2 0%, #793FDD 100%);
          transform: translateY(-2px);
}
.aidt-access-modal-wrap .container .body .button-group a[data-v-fc63f4a0]:active {
          transform: translateY(2px);
}
.aidt-access-modal-wrap .container .body p[data-v-fc63f4a0] {
      flex-wrap: wrap;
      max-width: 500px;
      margin: 0 auto;
      font-size: 18px;
      font-weight: 500;
      line-height: 28px;
      /* 155.556% */
      color: #2E65FF;
      text-align: center;
}
@media screen and (max-width: 1024px) {
.aidt-access-modal-wrap .container .body p[data-v-fc63f4a0] {
          font-size: 16px;
          line-height: 24px;
}
}
.aidt-access-modal-wrap .container .body p .underline[data-v-fc63f4a0] {
        text-decoration: underline;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainAIDTRetryModal.vue?vue&type=style&index=0&id=f1b5d9a4&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f1b5d9a4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.aidt-retry-modal-wrap[data-v-f1b5d9a4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.aidt-retry-modal-wrap *[data-v-f1b5d9a4] {
    font-family: var(--pretendard), sans-serif;
}
.aidt-retry-modal-wrap .dim[data-v-f1b5d9a4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.aidt-retry-modal-wrap .container[data-v-f1b5d9a4] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 310px;
    background-color: #fff;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.aidt-retry-modal-wrap .container .close-btn[data-v-f1b5d9a4] {
      margin: 19px;
}
.aidt-retry-modal-wrap .container .close-btn svg[data-v-f1b5d9a4] {
        width: 16px;
        height: 16px;
}
.aidt-retry-modal-wrap .container .header[data-v-f1b5d9a4] {
      display: flex;
      align-items: center;
      justify-content: end;
      margin-bottom: 29px;
}
.aidt-retry-modal-wrap .container .header img[data-v-f1b5d9a4] {
        position: absolute;
        top: -74px;
        left: 65px;
        width: 180px;
        height: 180px;
}
.aidt-retry-modal-wrap .container .body[data-v-f1b5d9a4] {
      padding: 19px;
}
.aidt-retry-modal-wrap .container .body p[data-v-f1b5d9a4] {
        margin-bottom: 16px;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.5px;
        text-align: center;
        word-break: keep-all;
}
.aidt-retry-modal-wrap .container .body p .highlight[data-v-f1b5d9a4] {
          font-weight: 700;
          color: #5682FE;
}
.aidt-retry-modal-wrap .container .done-button[data-v-f1b5d9a4] {
      width: 100%;
      height: 48px;
      font-size: 16px;
      font-feature-settings: 'liga' off, 'clig' off;
      font-weight: 500;
      line-height: 32px;
      /* 200% */
      letter-spacing: -0.5px;
      color: #FFFAFA;
      background: #5682FE;
      border-radius: 0 0 12px 12px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeAIDT.vue?vue&type=style&index=0&id=428e9554&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-428e9554]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-aidt-wrapper[data-v-428e9554] {
  position: relative;
}
.main-pge-aidt-wrapper .first-section[data-v-428e9554] {
    position: relative;
    width: 100%;
    height: 976px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section[data-v-428e9554] {
        height: 1028px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section[data-v-428e9554] {
        height: 560px;
}
}
.main-pge-aidt-wrapper .first-section .background-image[data-v-428e9554] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("https://cdn.test.codmos.io/default/public/5fa0919b-537e-438a-97c5-39d113655ecc.png");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section .background-image[data-v-428e9554] {
          background-size: contain;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section .background-image[data-v-428e9554] {
          height: 580px;
          background-image: url("https://cdn.test.codmos.io/default/public/fc3ce42e-cf56-41fe-b08c-c0c26db3c95d.png");
          background-size: cover;
}
}
.main-pge-aidt-wrapper .first-section .logo-image[data-v-428e9554] {
      position: absolute;
      top: 40px;
      left: 56px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section .logo-image[data-v-428e9554] {
          top: 24px;
          left: 24px;
          height: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section .logo-image[data-v-428e9554] {
          top: 20px;
          left: 16px;
          height: 24px;
}
}
.main-pge-aidt-wrapper .first-section .text-image[data-v-428e9554] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      top: 160px;
      left: 50%;
      display: block;
      width: 951px;
      height: 432px;
      object-fit: cover;
      background-image: url("https://cdn.test.codmos.io/default/public/b1f5c7f1-8314-4dce-b970-647da5f8226e.png");
      transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section .text-image[data-v-428e9554] {
          top: 120px;
          width: 528px;
          height: 368px;
          background-image: url("https://cdn.test.codmos.io/default/public/ac860217-ae91-4301-9925-b13a94008839.png");
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section .text-image[data-v-428e9554] {
          top: 88px;
          width: 287px;
          height: 384px;
          background-image: url("https://cdn.test.codmos.io/default/public/ba611e54-6f9d-4eb1-9ad0-63a699e2e770.png");
}
}
.main-pge-aidt-wrapper .first-section .deco1-image[data-v-428e9554] {
      position: absolute;
      top: 486px;
      right: 61px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section .deco1-image[data-v-428e9554] {
          top: 392px;
          right: -66px;
          width: 244px;
          height: 244px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section .deco1-image[data-v-428e9554] {
          top: 432px;
          right: -40px;
          width: 160px;
          height: 160px;
}
}
.main-pge-aidt-wrapper .first-section .button-group[data-v-428e9554] {
      position: absolute;
      top: 680px;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
}
@media screen and (min-width: 1025px) {
.main-pge-aidt-wrapper .first-section .button-group[data-v-428e9554] {
          max-width: 1162px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .first-section .button-group[data-v-428e9554] {
          top: 600px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .first-section .button-group[data-v-428e9554] {
          display: none;
}
}
.main-pge-aidt-wrapper .video-section[data-v-428e9554] {
    position: relative;
    width: 100%;
    height: 1408px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section[data-v-428e9554] {
        height: 968px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section[data-v-428e9554] {
        height: 700px;
}
}
.main-pge-aidt-wrapper .video-section .deco2-image[data-v-428e9554] {
      position: absolute;
      top: 120px;
      left: 140px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section .deco2-image[data-v-428e9554] {
          top: 129px;
          left: -96px;
          height: 264px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section .deco2-image[data-v-428e9554] {
          display: none;
}
}
.main-pge-aidt-wrapper .video-section > *[data-v-428e9554] {
      position: relative;
      display: block;
      margin: auto;
      margin-bottom: 48px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section > *[data-v-428e9554] {
          margin-bottom: 32px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section > *[data-v-428e9554] {
          margin-bottom: 32px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section .text1-image[data-v-428e9554] {
        height: 136px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section .text1-image[data-v-428e9554] {
        height: 112px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section .text2-image[data-v-428e9554] {
        height: 104px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section .text2-image[data-v-428e9554] {
        height: 88px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section .text3-image[data-v-428e9554] {
        height: 92px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section .text3-image[data-v-428e9554] {
        height: 80px;
}
}
.main-pge-aidt-wrapper .video-section video[data-v-428e9554] {
      width: 920px;
      height: 518px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section video[data-v-428e9554] {
          width: 450px;
          height: 250px;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section video[data-v-428e9554] {
          width: 343px;
          height: 210px;
}
}
.main-pge-aidt-wrapper .video-section .line[data-v-428e9554] {
      position: relative;
      width: 200px;
      height: 2px;
      margin: 64px auto;
      background-color: #CDD0E1;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-aidt-wrapper .video-section .line[data-v-428e9554] {
          margin: 40px auto;
}
}
@media screen and (max-width: 640px) {
.main-pge-aidt-wrapper .video-section .line[data-v-428e9554] {
          width: 40px;
          margin: 32px auto;
}
}
.main-pge-aidt-wrapper .fixed-section[data-v-428e9554] {
    position: fixed;
    bottom: 48px;
    left: 50%;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    max-width: 1128px;
    padding: 0 16px;
    transform: translateX(-50%);
}
.pc[data-v-428e9554], .tablet[data-v-428e9554], .phone[data-v-428e9554] {
  display: none;
}
@media screen and (min-width: 1025px) {
.pc[data-v-428e9554] {
    display: flex;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.tablet[data-v-428e9554] {
    display: flex;
}
}
@media screen and (max-width: 640px) {
.phone[data-v-428e9554] {
    display: flex;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainCnsltDrpdw.vue?vue&type=style&index=0&id=de6f1694&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-de6f1694]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-cnslt-drpdw[data-v-de6f1694] {
  position: relative;
  width: 400px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 18px;
}
.main-cnslt-drpdw .box[data-v-de6f1694] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 15px 32px;
    font-weight: 800;
    color: #5d6274;
    background-color: #eff2f9;
    border-radius: 12px;
}
.main-cnslt-drpdw .box[data-v-de6f1694]:hover {
      cursor: pointer;
}
.main-cnslt-drpdw .box .arrow[data-v-de6f1694] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      justify-self: right;
      width: 16px;
      height: 8px;
      background-image: url("https://cdn.test.codmos.io/default/public/a1f4082c-c0ce-4352-affc-b146955ae73d.svg");
}
.main-cnslt-drpdw .optn-wrapper[data-v-de6f1694] {
    position: absolute;
    top: calc(56px / 2);
    width: 100%;
    padding: calc(56px / 2) 15px 28px 40px;
    overflow-y: hidden;
    background-color: #fff;
    border: 1px solid #5d6274;
    border-radius: 12px;
}
.main-cnslt-drpdw .optn-wrapper .optn-box[data-v-de6f1694] {
      max-height: 336px;
      overflow-y: scroll;
}
.main-cnslt-drpdw .optn-wrapper .optn-box[data-v-de6f1694]::-webkit-scrollbar {
        display: block;
        width: 8px;
}
.main-cnslt-drpdw .optn-wrapper .optn-box[data-v-de6f1694]::-webkit-scrollbar-thumb {
          background-color: #8890ab;
          border-radius: 12px;
}
.main-cnslt-drpdw .optn-wrapper .optn-box .optn[data-v-de6f1694] {
        display: grid;
        align-items: center;
        width: 320px;
        height: 47px;
        font-size: 18px;
        cursor: pointer;
        border-bottom: 1px solid #e1e1e1;
}
.main-cnslt-drpdw .optn-wrapper .optn-box .optn[data-v-de6f1694]:last-child {
          border: none;
}
@media screen and (max-width: 640px) {
.main-cnslt-drpdw[data-v-de6f1694] {
    width: 296px;
    font-size: 16px;
}
.main-cnslt-drpdw .optn-wrapper .optn-box .optn[data-v-de6f1694] {
      width: 216px;
      font-size: 16px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainCnsltSuccesModal.vue?vue&type=style&index=0&id=368dbe5e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-368dbe5e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-368dbe5e] {
  color: #5682fe;
}
.link[data-v-368dbe5e]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-368dbe5e] {
  line-height: 1;
}
.btn.prmry[data-v-368dbe5e] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-368dbe5e]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-368dbe5e] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-368dbe5e]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-368dbe5e] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-368dbe5e]:disabled, .btn[data-v-368dbe5e]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-368dbe5e] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-368dbe5e]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-368dbe5e]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-368dbe5e]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-368dbe5e],
.un-chck[data-v-368dbe5e] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-368dbe5e]::before,
  .un-chck[data-v-368dbe5e]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-368dbe5e] {
  background-color: #cdd2d5;
}
.chck[data-v-368dbe5e] {
  background-color: #5682fe;
}
input[type='password'][data-v-368dbe5e] {
  font-family: auto;
}
.main-logo[data-v-368dbe5e] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-368dbe5e] {
      margin: 40px auto;
}
}
.main-cnslt-succes-modal[data-v-368dbe5e] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: var(--nanum-square), sans-serif;
}
.main-cnslt-succes-modal .bcrn[data-v-368dbe5e] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}
.main-cnslt-succes-modal .modal[data-v-368dbe5e] {
    z-index: 50;
    width: 310px;
    height: 226px;
    background-color: white;
    border-radius: 12px;
}
.main-cnslt-succes-modal .modal .text[data-v-368dbe5e] {
      margin-top: 80px;
      margin-bottom: 48px;
      font-family: var(--nanum-square), sans-serif;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.75;
      color: #5682fe;
      text-align: center;
}
.main-cnslt-succes-modal .modal .btn[data-v-368dbe5e] {
      display: block;
      width: 250px;
      height: 40px;
      margin: 0 auto;
      border-radius: 6px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainCnsltForm.vue?vue&type=style&index=0&id=07f74953&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-07f74953]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-07f74953] {
  color: #5682fe;
}
.link[data-v-07f74953]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-07f74953] {
  line-height: 1;
}
.btn.prmry[data-v-07f74953] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-07f74953]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-07f74953] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-07f74953]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-07f74953] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-07f74953]:disabled, .btn[data-v-07f74953]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-07f74953] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-07f74953]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-07f74953]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-07f74953]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-07f74953],
.un-chck[data-v-07f74953] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-07f74953]::before,
  .un-chck[data-v-07f74953]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-07f74953] {
  background-color: #cdd2d5;
}
.chck[data-v-07f74953] {
  background-color: #5682fe;
}
input[type='password'][data-v-07f74953] {
  font-family: auto;
}
.main-logo[data-v-07f74953] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-07f74953] {
      margin: 40px auto;
}
}
.main-cnslt-form-wrap[data-v-07f74953] {
  position: relative;
  display: grid;
  row-gap: 40px;
  width: 520px;
  height: auto;
  margin: 80px auto;
}
.main-cnslt-form-wrap .input-wrapper[data-v-07f74953] {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.main-cnslt-form-wrap .input-wrapper label[data-v-07f74953] {
      font-family: var(--nanum-square), sans-serif;
      font-size: 16px;
      font-weight: bold;
}
.main-cnslt-form-wrap .input-wrapper .cntc-no[data-v-07f74953] {
      width: 400px;
      height: 56px;
      padding: 10px 10px 10px 32px;
      font-family: var(--nanum-square), sans-serif;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.44;
      color: #5d6274;
      background-color: #eff2f9;
      border-radius: 12px;
}
.main-cnslt-form-wrap .btn[data-v-07f74953] {
    width: 100%;
    height: 56px;
    margin-top: 32px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 24px;
    font-weight: 800;
    border-radius: 12px;
}
@media screen and (max-width: 640px) {
.main-cnslt-form[data-v-07f74953] {
    row-gap: 24px;
    width: 296px;
}
.main-cnslt-form[data-v-07f74953]::after {
      border-bottom: none;
}
.main-cnslt-form .input-wrapper[data-v-07f74953] {
      grid-template-columns: unset;
      grid-auto-flow: row;
      row-gap: 8px;
}
.main-cnslt-form .input-wrapper label[data-v-07f74953] {
        font-size: 14px;
}
.main-cnslt-form .input-wrapper .cntc-no[data-v-07f74953] {
        width: 296px;
        font-size: 16px;
}
.main-cnslt-form .btn[data-v-07f74953] {
      margin-top: 26px;
      font-size: 20px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainCnsltFoter.vue?vue&type=style&index=0&id=56b51c39&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-56b51c39]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-cnslt-foter-wrap[data-v-56b51c39] {
  display: grid;
  justify-items: center;
  width: fit-content;
  height: fit-content;
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-cnslt-foter-wrap[data-v-56b51c39] {
      width: 502px;
}
}
@media screen and (max-width: 640px) {
.main-cnslt-foter-wrap[data-v-56b51c39] {
      position: relative;
      width: 295px;
}
.main-cnslt-foter-wrap[data-v-56b51c39]::after {
        position: absolute;
        bottom: -56px;
        left: 0;
        width: 295px;
        border-bottom: 1px solid #c7c7c7;
        content: '';
}
}
.main-cnslt-foter-wrap .title[data-v-56b51c39] {
    margin-bottom: 16px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #193782;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-cnslt-foter-wrap .title[data-v-56b51c39] {
        font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-cnslt-foter-wrap .title[data-v-56b51c39] {
        margin-bottom: 8px;
        font-size: 16px;
}
}
.main-cnslt-foter-wrap .dc[data-v-56b51c39], .main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
    margin-bottom: 16px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 16px;
    line-height: 1.75;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-cnslt-foter-wrap .dc[data-v-56b51c39], .main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
        margin-bottom: 10px;
}
}
@media screen and (max-width: 640px) {
.main-cnslt-foter-wrap .dc[data-v-56b51c39], .main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
        margin-bottom: 8px;
        font-size: 14px;
}
}
.main-cnslt-foter-wrap .dc[data-v-56b51c39] {
    width: 680px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-cnslt-foter-wrap .dc[data-v-56b51c39] {
        width: 502px;
}
}
@media screen and (max-width: 640px) {
.main-cnslt-foter-wrap .dc[data-v-56b51c39] {
        width: 295px;
}
}
.main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
    width: 820px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
        width: 502px;
}
}
@media screen and (max-width: 640px) {
.main-cnslt-foter-wrap .dc-2[data-v-56b51c39] {
        width: 295px;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeCnslt.vue?vue&type=style&index=0&id=1e4b57e4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1e4b57e4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-cnslt-wrap[data-v-1e4b57e4] {
  margin-bottom: 80px;
}
.main-pge-cnslt-wrap .main-jmbtr[data-v-1e4b57e4] {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: fit-content;
    background-color: #faf7ef;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr[data-v-1e4b57e4] {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr 0.7fr;
      align-items: center;
      width: 950px;
      height: 100%;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap[data-v-1e4b57e4] {
        justify-self: flex-end;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .title[data-v-1e4b57e4] {
        width: 321px;
        height: 155px;
        margin-bottom: 48px;
        background-image: url("https://cdn.test.codmos.io/default/public/2163b00c-77a1-42fc-b8e6-d948b71165a2.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .sub-title[data-v-1e4b57e4] {
        display: grid;
        place-items: center;
        width: 400px;
        height: 36px;
        font-family: var(--nanum-square), sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #0a1739;
        background: #eae6db;
        border-radius: 56px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .image[data-v-1e4b57e4] {
        justify-self: flex-start;
        width: 295px;
        height: 359px;
        background-image: url("https://cdn.test.codmos.io/default/public/d5fc02f4-7461-4c29-88c9-0e5daf593902.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
}
.main-pge-cnslt-wrap .main-cntnr[data-v-1e4b57e4] {
    display: grid;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-cntnts[data-v-1e4b57e4] {
      order: 2;
      margin: 192px auto 300px;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-form[data-v-1e4b57e4] {
      order: 1;
      margin: 96px auto 0;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-foter[data-v-1e4b57e4] {
      order: 0;
      margin: 128px auto 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-cnslt-wrap .main-jmbtr .cntnr[data-v-1e4b57e4] {
    width: 640px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap .title[data-v-1e4b57e4] {
      width: 259px;
      height: 127px;
      margin-bottom: 30px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap .sub-title[data-v-1e4b57e4] {
      width: 270px;
      height: 26px;
      font-size: 12px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .image[data-v-1e4b57e4] {
      width: 217.02px;
      height: 265px;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-cntnts[data-v-1e4b57e4] {
    order: 2;
    margin: 144px auto 108px;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-form[data-v-1e4b57e4] {
    order: 1;
    margin: 72px auto 0;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-foter[data-v-1e4b57e4] {
    order: 0;
    margin: 72px auto 0;
}
}
@media screen and (max-width: 640px) {
.main-pge-cnslt-wrap .main-jmbtr[data-v-1e4b57e4] {
    height: 368px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr[data-v-1e4b57e4] {
      position: relative;
      display: grid;
      grid-template-rows: 0.7fr 1fr;
      grid-template-columns: 1fr;
      align-content: center;
      width: 375px;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap[data-v-1e4b57e4] {
        place-self: center;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap .title[data-v-1e4b57e4] {
          place-content: center;
          width: 241px;
          height: 111px;
          margin: 0;
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .txt-wrap .sub-title[data-v-1e4b57e4] {
          position: absolute;
          bottom: 40px;
          left: 50%;
          width: 270px;
          height: 26px;
          font-size: 12px;
          transform: translateX(-50%);
          box-shadow: 0 4px 4px rgba(57, 54, 45, 0.14);
}
.main-pge-cnslt-wrap .main-jmbtr .cntnr .image[data-v-1e4b57e4] {
        justify-self: center;
        width: 203px;
        height: 231.09px;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-cntnts[data-v-1e4b57e4] {
    order: 2;
    margin: 112px auto 100px;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-form[data-v-1e4b57e4] {
    order: 0;
    margin: 56px auto 0;
}
.main-pge-cnslt-wrap .main-cntnr .main-cnslt-foter[data-v-1e4b57e4] {
    order: 1;
    margin: 56px auto;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainJmbtr.vue?vue&type=style&index=0&id=a76a3e88&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a76a3e88]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-jmbtr[data-v-a76a3e88] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: fit-content;
  color: #fff;
  background-color: #000;
}
.main-jmbtr .cntnr[data-v-a76a3e88] {
    display: grid;
    grid-template-columns: 4fr 2fr;
    align-items: center;
    width: 950px;
    height: 100%;
}
.main-jmbtr .text[data-v-a76a3e88] {
    word-break: keep-all;
}
.main-jmbtr .img[data-v-a76a3e88] {
    line-height: 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-jmbtr .cntnr[data-v-a76a3e88] {
    width: 580px;
}
}
@media screen and (max-width: 640px) {
.main-jmbtr[data-v-a76a3e88] {
    display: block;
}
.main-jmbtr .cntnr[data-v-a76a3e88] {
      position: relative;
      grid-template-columns: 1fr;
      width: 100%;
}
.main-jmbtr .cntnr .text[data-v-a76a3e88] {
        position: absolute;
        top: 50%;
        z-index: 1;
        margin-left: 10%;
        transform: translateY(-50%);
}
.main-jmbtr .cntnr .img[data-v-a76a3e88] {
        margin-right: 15px;
        margin-left: auto;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeNtc.vue?vue&type=style&index=0&id=16ccd25e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-16ccd25e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-ntc .main-jmbtr[data-v-16ccd25e] {
  background-color: #fbfbfb;
}
.main-pge-ntc .main-jmbtr .title[data-v-16ccd25e] {
    margin-bottom: 24px;
    font-family: GmarketSans, sans-serif;
    font-size: 56px;
    font-weight: bold;
    color: #3c3ca7;
}
.main-pge-ntc .main-jmbtr .sub-title[data-v-16ccd25e] {
    font-family: var(--nanum-square), sans-serif;
    font-size: 20px;
    color: #5b5b5b;
}
.main-pge-ntc .main-jmbtr .icon[data-v-16ccd25e] {
    width: 261px;
    height: 217px;
    margin: 20px 0;
    background-image: url("https://cdn.test.codmos.io/default/public/1af46224-5af0-4003-9b36-c3de5fc8fad6.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.main-pge-ntc .router-view[data-v-16ccd25e] {
  padding: 120px 0 150px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-ntc .main-jmbtr .title[data-v-16ccd25e] {
    margin-bottom: 16px;
    font-size: 40px;
}
.main-pge-ntc .main-jmbtr .sub-title[data-v-16ccd25e] {
    font-size: 16px;
}
.main-pge-ntc .main-jmbtr .icon[data-v-16ccd25e] {
    width: 182px;
    height: 150px;
    margin: 7px 0;
}
.main-pge-ntc .router-view[data-v-16ccd25e] {
    padding: 35px 0 95px;
}
}
@media screen and (max-width: 640px) {
.main-pge-ntc .main-jmbtr .title[data-v-16ccd25e] {
    margin-bottom: 17px;
    font-size: 30px;
}
.main-pge-ntc .main-jmbtr .sub-title[data-v-16ccd25e] {
    font-size: 14px;
}
.main-pge-ntc .main-jmbtr .icon[data-v-16ccd25e] {
    width: 100px;
    height: 96px;
    margin: 10px 0;
}
.main-pge-ntc .router-view[data-v-16ccd25e] {
    padding: 32px 0 73px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcListTblHder.vue?vue&type=style&index=0&id=ac8d6906&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ac8d6906]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-list-tbl-hder[data-v-ac8d6906] {
  display: grid;
  grid-template-columns: 21% 58% 21%;
  width: 100%;
  height: 80px;
  background-color: #f0f7ff;
  border-bottom: 1px solid #dae8f7;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
.main-ntc-list-tbl-hder .hder-title[data-v-ac8d6906] {
    place-self: center;
    font-family: var(--nanum-square), sans-serif;
    font-size: 20px;
    font-weight: 800;
}
.main-ntc-list-tbl-hder .title-mobile[data-v-ac8d6906] {
    display: none;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-list-tbl-hder[data-v-ac8d6906] {
    height: 72px;
}
.main-ntc-list-tbl-hder .hder-title[data-v-ac8d6906] {
      font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-list-tbl-hder[data-v-ac8d6906] {
    grid-template-columns: 100%;
    height: 40px;
}
.main-ntc-list-tbl-hder .hder-title[data-v-ac8d6906] {
      font-size: 12px;
}
.main-ntc-list-tbl-hder .hder-title.idx[data-v-ac8d6906] {
        display: none;
}
.main-ntc-list-tbl-hder .hder-title.title[data-v-ac8d6906] {
        display: none;
}
.main-ntc-list-tbl-hder .hder-title.title-mobile[data-v-ac8d6906] {
        display: block;
}
.main-ntc-list-tbl-hder .hder-title.date[data-v-ac8d6906] {
        display: none;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcListTblItmPcTblt.vue?vue&type=style&index=0&id=0575a7b2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0575a7b2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.imprt[data-v-0575a7b2] {
  background-color: #fbfbfb;
}
.main-ntc-list-tbl-itm[data-v-0575a7b2] {
  display: grid;
  grid-template-columns: 21% 58% 21%;
  grid-template-areas: 'idx title date';
  height: 86px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 20px;
  border-bottom: 1px solid #dae8f7;
}
.main-ntc-list-tbl-itm .imprt-icon[data-v-0575a7b2] {
    width: 24px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/8de9766a-8ec1-4174-b3b2-3da1d43c35b6.svg");
}
.main-ntc-list-tbl-itm .idx[data-v-0575a7b2] {
    grid-area: idx;
    place-self: center;
}
.main-ntc-list-tbl-itm .title[data-v-0575a7b2] {
    grid-area: title;
    place-self: center start;
    font-weight: 700;
    -webkit-user-select: none;
            user-select: none;
}
.main-ntc-list-tbl-itm .title[data-v-0575a7b2]:hover {
      cursor: pointer;
}
.main-ntc-list-tbl-itm .date[data-v-0575a7b2] {
    grid-area: date;
    place-self: center;
    font-size: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-list-tbl-itm[data-v-0575a7b2] {
    height: 64px;
    font-size: 14px;
}
.main-ntc-list-tbl-itm .date[data-v-0575a7b2] {
      font-size: 12px;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcListTblItmPhone.vue?vue&type=style&index=0&id=c1e79980&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c1e79980]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.imprt[data-v-c1e79980] {
  background-color: #fbfbfb;
}
.main-ntc-list-tbl-itm[data-v-c1e79980] {
  display: grid;
  grid-template-columns: 10% 90%;
  height: 55px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 20px;
  border-bottom: 1px solid #dae8f7;
}
.main-ntc-list-tbl-itm .imprt-icon[data-v-c1e79980] {
    width: 16px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/8de9766a-8ec1-4174-b3b2-3da1d43c35b6.svg");
}
.main-ntc-list-tbl-itm .idx[data-v-c1e79980] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}
.main-ntc-list-tbl-itm .wrapper[data-v-c1e79980] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-ntc-list-tbl-itm .wrapper .sub-wrapper .title[data-v-c1e79980] {
      margin-bottom: 5px;
      overflow: hidden;
      font-size: 12px;
      font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.main-ntc-list-tbl-itm .wrapper .sub-wrapper .date[data-v-c1e79980] {
      display: block;
      font-size: 10px;
      color: #a3a3a3;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcListTbl.vue?vue&type=style&index=0&id=fead7198&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-fead7198]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-list-tbl[data-v-fead7198] {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-list-tbl[data-v-fead7198] {
    width: 578px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-list-tbl[data-v-fead7198] {
    width: 90vw;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcListPgntn.vue?vue&type=style&index=0&id=db1126f2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-db1126f2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-list-pgntn[data-v-db1126f2] {
  display: grid;
  grid-template-columns: repeat(5, auto);
  align-items: center;
}
.main-ntc-list-pgntn .arrow-btn[data-v-db1126f2] {
    display: block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.main-ntc-list-pgntn .arrow-btn[data-v-db1126f2]:hover {
      cursor: pointer;
}
.main-ntc-list-pgntn .arrow-btn.arrow-left-double[data-v-db1126f2] {
      margin-right: 6px;
      background-image: url("https://cdn.test.codmos.io/default/public/32c6a3af-023d-47df-9744-99106c9a5030.svg");
}
.main-ntc-list-pgntn .arrow-btn.arrow-left[data-v-db1126f2] {
      background-image: url("https://cdn.test.codmos.io/default/public/214143eb-b264-419d-baea-4afe699d41c6.svg");
}
.main-ntc-list-pgntn .arrow-btn.arrow-right[data-v-db1126f2] {
      background-image: url("https://cdn.test.codmos.io/default/public/09978589-6354-47c1-8cc3-d3710a9bd5d5.svg");
}
.main-ntc-list-pgntn .arrow-btn.arrow-right-double[data-v-db1126f2] {
      margin-left: 6px;
      background-image: url("https://cdn.test.codmos.io/default/public/cb7c3be1-373c-4773-95b9-59215a35ef53.svg");
}
.main-ntc-list-pgntn .pge-no-list[data-v-db1126f2] {
    display: inline-block;
    margin: 0 28px;
}
.main-ntc-list-pgntn .pge-no-list .no[data-v-db1126f2] {
      margin: 0 12px;
      font-family: var(--nanum-square), sans-serif;
      font-size: 20px;
      color: #b1b1b1;
}
.main-ntc-list-pgntn .pge-no-list .no.hover[data-v-db1126f2] {
        cursor: pointer;
}
.main-ntc-list-pgntn .pge-no-list .no.crntpge[data-v-db1126f2] {
        font-weight: 800;
        color: #000;
}
@media screen and (max-width: 640px) {
.main-ntc-list-pgntn .arrow-btn[data-v-db1126f2] {
    width: 32px;
}
.main-ntc-list-pgntn .pge-no-list[data-v-db1126f2] {
    margin: 0 16px;
}
.main-ntc-list-pgntn .pge-no-list .no[data-v-db1126f2] {
      margin: 0 8px;
      font-size: 14px;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainChannTalkBtn.vue?vue&type=style&index=0&id=51570b65&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-51570b65]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-chnn-talk-wrap[data-v-51570b65] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  height: 40px;
  padding-right: 12.5px;
  padding-left: 47.25px;
  background: #fff;
  border: 1px solid #32576c;
  border-radius: 20px;
  transform: scale(1.4);
  transform-origin: right;
}
@media screen and (max-width: 640px) {
.main-chnn-talk-wrap[data-v-51570b65] {
      transform: scale(1.3);
}
}
.main-chnn-talk-wrap .icon[data-v-51570b65] {
    position: absolute;
    top: -1px;
    left: -1px;
}
.main-chnn-talk-wrap .chat-bot[data-v-51570b65] {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #32576c;
    border-radius: 50%;
}
.main-chnn-talk-wrap .chat-bot[data-v-51570b65]::before {
      width: 40px;
      height: 40px;
      background-image: url("https://cdn.test.codmos.io/default/public/56faffe8-02ff-4afa-8fd9-894df0eb6a5f.png");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
.main-chnn-talk-wrap p[data-v-51570b65] {
    font-size: 13px;
    font-weight: bold;
    color: #193244;
}
.spnr[data-v-51570b65] {
  width: 40px;
  height: 40px;
  margin: auto;
  background-color: #32576c;
  border-radius: 100%;
  animation: sk-scaleout-51570b65 1s infinite ease-in-out;
}
@keyframes sk-scaleout-51570b65 {
0% {
    transform: scale(0);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}
@keyframes sk-scaleout-51570b65 {
0% {
    transform: scale(0);
}
100% {
    opacity: 0;
    transform: scale(1);
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainNotFound.vue?vue&type=style&index=0&id=5d5780a6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5d5780a6]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-5d5780a6] {
  color: #5682fe;
}
.link[data-v-5d5780a6]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-5d5780a6] {
  line-height: 1;
}
.btn.prmry[data-v-5d5780a6] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-5d5780a6]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-5d5780a6] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-5d5780a6]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-5d5780a6] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-5d5780a6]:disabled, .btn[data-v-5d5780a6]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-5d5780a6] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-5d5780a6]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-5d5780a6]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-5d5780a6]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-5d5780a6],
.un-chck[data-v-5d5780a6] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-5d5780a6]::before,
  .un-chck[data-v-5d5780a6]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-5d5780a6] {
  background-color: #cdd2d5;
}
.chck[data-v-5d5780a6] {
  background-color: #5682fe;
}
input[type='password'][data-v-5d5780a6] {
  font-family: auto;
}
.main-logo[data-v-5d5780a6] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-5d5780a6] {
      margin: 40px auto;
}
}
.main-not-found-wrap[data-v-5d5780a6] {
  display: grid;
  gap: 23px;
  width: fit-content;
  margin: auto;
  font-family: var(--nanum-square), sans-serif;
  text-align: center;
}
.main-not-found-wrap .lbl[data-v-5d5780a6] {
    font-size: 28px;
    color: #b4ccdb;
}
.main-not-found-wrap .dsktp-icon[data-v-5d5780a6] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 205px;
    height: 164px;
    margin: auto;
    background-image: url("https://cdn.test.codmos.io/default/public/1fc684c5-d779-4e58-96f9-f8877b65c9f3.png");
}
.main-not-found-wrap .txt[data-v-5d5780a6] {
    margin: 7px auto 3px;
    font-size: 18px;
}
.main-not-found-wrap .btn[data-v-5d5780a6] {
    width: fit-content;
    padding: 14px 32px;
    margin: auto;
    font-size: 18px;
    border-radius: 12px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeNtcList.vue?vue&type=style&index=0&id=70db2fe2&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-70db2fe2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-list[data-v-70db2fe2] {
  display: grid;
  justify-content: center;
  justify-items: center;
  row-gap: 71.5px;
}
.chnn-talk-btn[data-v-70db2fe2] {
  position: fixed;
  right: 20px;
  bottom: 190px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-list[data-v-70db2fe2] {
    row-gap: 71.5px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-list[data-v-70db2fe2] {
    row-gap: 32px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcPostHder.vue?vue&type=style&index=0&id=98e742b6&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-98e742b6]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-post-hder[data-v-98e742b6] {
  padding: 23.5px 0;
  padding-left: 23.5px;
  font-family: var(--nanum-square), sans-serif;
  border-top: 3px solid #dae8f7;
  border-bottom: 3px solid #dae8f7;
}
.main-ntc-post-hder .title[data-v-98e742b6] {
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: 800;
    line-height: 2;
    word-break: keep-all;
}
.main-ntc-post-hder .date[data-v-98e742b6] {
    font-size: 16px;
    color: #010101;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-post-hder[data-v-98e742b6] {
    padding: 31.5px 0;
    padding-left: 27px;
}
.main-ntc-post-hder .title[data-v-98e742b6] {
      font-size: 18px;
}
.main-ntc-post-hder .date[data-v-98e742b6] {
      font-size: 13px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-post-hder[data-v-98e742b6] {
    padding: 12px 0;
    padding-left: 0;
    border-top: 1px solid #dae8f7;
    border-bottom: 1px solid #dae8f7;
}
.main-ntc-post-hder .title[data-v-98e742b6] {
      margin-bottom: 6px;
      font-size: 12px;
}
.main-ntc-post-hder .date[data-v-98e742b6] {
      font-size: 10px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcPostNavBtn.vue?vue&type=style&index=0&id=70860935&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-70860935]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-post-nav-btn[data-v-70860935] {
  display: grid;
  grid-template-columns: 180px auto;
  align-items: center;
  width: 100%;
  height: 55.5px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e6e6e6;
}
.main-ntc-post-nav-btn[data-v-70860935]:hover {
    cursor: pointer;
}
.main-ntc-post-nav-btn .nav-btn[data-v-70860935] {
    justify-self: center;
    color: #979797;
}
.main-ntc-post-nav-btn .nav-btn .arrow[data-v-70860935] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      width: 16px;
      height: 8px;
      margin-right: 8px;
}
.main-ntc-post-nav-btn .nav-btn .arrow.up[data-v-70860935] {
        background-image: url("https://cdn.test.codmos.io/default/public/54eec54b-fece-408c-ac0d-a5651de71723.svg");
}
.main-ntc-post-nav-btn .nav-btn .arrow.down[data-v-70860935] {
        background-image: url("https://cdn.test.codmos.io/default/public/3aaa1008-050e-4714-aa47-b8c7e920dfe8.svg");
}
.main-ntc-post-nav-btn .title[data-v-70860935] {
    line-height: 1.5;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-post-nav-btn[data-v-70860935] {
    grid-template-columns: 117px auto;
    font-size: 12px;
}
.main-ntc-post-nav-btn .nav-btn .arrow[data-v-70860935] {
      width: 12px;
      height: 6px;
      margin-right: 12px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-post-nav-btn[data-v-70860935] {
    grid-template-columns: 54px auto;
    height: 40px;
    font-size: 10px;
}
.main-ntc-post-nav-btn .nav-btn[data-v-70860935] {
      justify-self: start;
}
.main-ntc-post-nav-btn .nav-btn .arrow[data-v-70860935] {
        width: 8px;
        height: 4px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcPostBackBtn.vue?vue&type=style&index=0&id=00295ba9&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-00295ba9]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-post-back-btn[data-v-00295ba9] {
  display: grid;
  place-items: center;
  width: 176px;
  height: 56px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border: solid 1px #979797;
  border-radius: 16px;
}
.main-ntc-post-back-btn[data-v-00295ba9]:hover {
    cursor: pointer;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-post-back-btn[data-v-00295ba9] {
    width: 160px;
    height: 48px;
    font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-post-back-btn[data-v-00295ba9] {
    width: 112px;
    height: 32px;
    font-size: 10px;
    border-radius: 8px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainNtcPostCntnts.vue?vue&type=style&index=0&id=7e23ca40&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7e23ca40]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-post-cntnts[data-v-7e23ca40] {
  padding: 24px 28px;
  font-family: var(--nanum-square), sans-serif;
  border-bottom: 1px solid #e6e6e6;
}
.main-ntc-post-cntnts img[data-v-7e23ca40] {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] * {
    line-height: 2;
    word-break: break-word;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h2 {
    font-size: 56px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h3 {
    font-size: 28px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h4 {
    font-size: 20px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] p {
    font-size: 16px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] table {
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] td {
    min-width: 2em;
    padding: 0.4em;
    border: 1px solid #bfbfbf;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-post-cntnts .html[data-v-7e23ca40] h2 {
    font-size: 40px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h3 {
    font-size: 18px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h4 {
    font-size: 16px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] p {
    font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-post-cntnts[data-v-7e23ca40] {
    padding: 24px 0;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h2 {
      font-size: 30px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h3 {
      font-size: 14px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] h4 {
      font-size: 12px;
}
.main-ntc-post-cntnts .html[data-v-7e23ca40] p {
      font-size: 12px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeNtcPost.vue?vue&type=style&index=0&id=b70701de&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-b70701de]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ntc-post[data-v-b70701de] {
  width: 1000px;
  margin: 0 auto;
}
.main-ntc-post .main-ntc-post-back-btn[data-v-b70701de] {
    margin: 72px auto 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ntc-post[data-v-b70701de] {
    width: 580px;
}
.main-ntc-post .main-ntc-post-back-btn[data-v-b70701de] {
      margin-top: 24.5px;
}
}
@media screen and (max-width: 640px) {
.main-ntc-post[data-v-b70701de] {
    width: 90%;
}
.main-ntc-post .main-ntc-post-back-btn[data-v-b70701de] {
      margin-top: 15px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainHomeCrsl1.vue?vue&type=style&index=0&id=b0e37a88&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-b0e37a88]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-home-crsl1-wrap[data-v-b0e37a88] {
  overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl1-wrap[data-v-b0e37a88] {
      gap: 16px;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl1-wrap[data-v-b0e37a88] {
      gap: 8px;
}
}
.main-home-crsl1-wrap .crsl[data-v-b0e37a88] {
    justify-content: space-between;
    width: fit-content;
}
.main-home-crsl1-wrap .crsl-itm[data-v-b0e37a88] {
    width: 376px;
    height: 376px;
    padding: 24px;
    margin: 10px;
    border: solid 1px #ececec;
    border-radius: 16px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
.main-home-crsl1-wrap .crsl-itm[data-v-b0e37a88] {
        width: 196px;
        height: 218px;
        padding: 10px;
}
}
.main-home-crsl1-wrap .crsl-itm > img[data-v-b0e37a88] {
      width: 328px;
      height: 216px;
}
@media screen and (max-width: 1024px) {
.main-home-crsl1-wrap .crsl-itm > img[data-v-b0e37a88] {
          width: 176px;
          height: 115.9px;
}
}
.main-home-crsl1-wrap .crsl-itm > p[data-v-b0e37a88] {
      padding: 16px 6px;
      font-size: 24px;
      line-height: 1.67;
      color: #000;
}
@media screen and (max-width: 1024px) {
.main-home-crsl1-wrap .crsl-itm > p[data-v-b0e37a88] {
          padding: 8px 5px;
          font-size: 14px;
          line-height: 1.71;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainHomeCrsl2.vue?vue&type=style&index=0&id=b0c74b86&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-b0c74b86]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-home-crsl2-wrap[data-v-b0c74b86] {
  overflow: hidden;
}
.main-home-crsl2-wrap .crsl[data-v-b0c74b86] {
    justify-content: space-between;
    width: fit-content;
}
.main-home-crsl2-wrap .crsl-itm[data-v-b0c74b86] {
    margin: 0 24px;
}
.main-home-crsl2-wrap .crsl-itm .box[data-v-b0c74b86] {
      width: 632px;
      height: 424px;
      background-color: #fff;
      border-radius: 16px;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box[data-v-b0c74b86] {
          width: 400px;
          height: 268px;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box[data-v-b0c74b86] {
          width: 314px;
          height: 209.8px;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
}
.main-home-crsl2-wrap .crsl-itm .box > h3[data-v-b0c74b86] {
        display: grid;
        align-items: center;
}
@media screen and (min-width: 1025px) {
.main-home-crsl2-wrap .crsl-itm .box > h3[data-v-b0c74b86] {
            height: 96px;
            padding: 24px;
            font-size: 28px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box > h3[data-v-b0c74b86] {
            height: 60.7px;
            padding: 16px;
            font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box > h3[data-v-b0c74b86] {
            height: 47.5px;
            padding: 12.5px;
            font-size: 14px;
}
}
.main-home-crsl2-wrap .crsl-itm .box > img[data-v-b0c74b86] {
        width: 100%;
        height: 328px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box > img[data-v-b0c74b86] {
            height: 207.3px;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl2-wrap .crsl-itm .box > img[data-v-b0c74b86] {
            height: 162.3px;
}
}
.main-home-crsl2-wrap .crsl-itm > p[data-v-b0c74b86] {
      margin: 24px;
      font-size: 18px;
      line-height: 1.56;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl2-wrap .crsl-itm > p[data-v-b0c74b86] {
          margin: 16px;
          font-size: 16px;
          line-height: 1.75;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl2-wrap .crsl-itm > p[data-v-b0c74b86] {
          margin: 12.3px;
          font-size: 16px;
          line-height: 1.75;
}
}
.main-home-crsl2-wrap .btn-grp[data-v-b0c74b86] {
    display: grid;
    grid-auto-flow: column;
    gap: 32px;
    width: fit-content;
    height: 56px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-crsl2-wrap .btn-grp[data-v-b0c74b86] {
        gap: 16px;
        height: 24px;
        margin-bottom: 26px;
}
}
@media screen and (max-width: 640px) {
.main-home-crsl2-wrap .btn-grp[data-v-b0c74b86] {
        gap: 16px;
        height: 24px;
        margin-bottom: 22px;
}
}
.main-home-crsl2-wrap .btn-grp > button[data-v-b0c74b86] {
      font-family: var(--nanum-square), sans-serif;
      font-size: 32px;
      font-weight: 500;
      line-height: 1.75;
      color: #fff;
      border-bottom: 4px solid;
      border-color: transparent;
}
@media screen and (max-width: 1024px) {
.main-home-crsl2-wrap .btn-grp > button[data-v-b0c74b86] {
          font-size: 16px;
          line-height: 1.5;
          border-bottom: 2px solid;
          border-color: transparent;
}
}
.main-home-crsl2-wrap .btn-grp > button.actv[data-v-b0c74b86] {
        border-color: #5682fe;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainTyping.vue?vue&type=style&index=0&id=0dbb4a35&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0dbb4a35]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-typing-wrap[data-v-0dbb4a35]::after {
  content: '|';
  animation: blink-0dbb4a35 0.5s step-end infinite;
}
@keyframes blink-0dbb4a35 {
50% {
    opacity: 0;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainAutoScrl.vue?vue&type=style&index=0&id=c7d845d2&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c7d845d2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-auto-scrl-wrap[data-v-c7d845d2] {
  overflow: hidden;
  scroll-behavior: smooth;
}
.main-auto-scrl-wrap .anim[data-v-c7d845d2] {
    animation-iteration-count: infinite;
    animation-name: scrl-c7d845d2;
    animation-timing-function: linear;
}
.main-auto-scrl-wrap .anim[data-v-c7d845d2]:hover {
      animation-play-state: paused;
}
@keyframes scrl-c7d845d2 {
0% {
    transform: translateY(0%);
}
100% {
    transform: translateY(-80%);
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainHomeTrnglCrcl.vue?vue&type=style&index=0&id=75aa9b40&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-75aa9b40]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-home-trngl-crcl-wrap[data-v-75aa9b40] {
  overflow: auto;
  scroll-behavior: smooth;
}
.main-home-trngl-crcl-wrap text[data-v-75aa9b40] {
    font-family: var(--nanum-square), sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
}
.main-home-trngl-crcl-wrap .white[data-v-75aa9b40] {
    fill: #fff;
}
.main-home-trngl-crcl-wrap .core[data-v-75aa9b40] {
    font-family: GmarketSans, sans-serif;
    fill: #fff;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeAwards.vue?vue&type=style&index=0&id=0ad65986&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0ad65986]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
section[data-v-0ad65986] {
  display: flex;
  justify-content: center;
  padding: 80px 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section[data-v-0ad65986] {
      padding: 40px 0;
}
}
@media screen and (max-width: 640px) {
section[data-v-0ad65986] {
      padding: 48px 8px;
}
}
section h2.section-title[data-v-0ad65986] {
    margin-bottom: 80px;
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section h2.section-title[data-v-0ad65986] {
        margin-bottom: 40px;
        font-size: 20px;
}
}
@media screen and (max-width: 640px) {
section h2.section-title[data-v-0ad65986] {
        margin-bottom: 40px;
        font-size: 24px;
}
}
section .btn[data-v-0ad65986] {
    font-weight: 600;
    color: #fff;
    border-radius: 100px;
}
section .btn.green[data-v-0ad65986] {
      background: linear-gradient(90deg, #86f1aa 0%, #19cda1 51.04%);
}
section .btn.purple[data-v-0ad65986] {
      background: var(--new-p-3, #652fd9);
}
section.awards[data-v-0ad65986] {
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.awards[data-v-0ad65986] {
      gap: 40px;
}
}
@media screen and (max-width: 640px) {
section.awards[data-v-0ad65986] {
      gap: 48px;
}
}
section.awards .awards[data-v-0ad65986] {
    display: flex;
    gap: 124px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.awards .awards[data-v-0ad65986] {
        gap: 16px;
}
}
@media screen and (max-width: 640px) {
section.awards .awards[data-v-0ad65986] {
        flex-direction: column;
        gap: 24px;
}
}
section.awards .awards img[data-v-0ad65986] {
      width: 260px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.awards .awards img[data-v-0ad65986] {
          width: 138px;
}
}
@media screen and (max-width: 640px) {
section.awards .awards img[data-v-0ad65986] {
          align-self: center;
          width: 120px;
}
}
section.awards .awards ul[data-v-0ad65986] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1em;
}
section.awards .awards ul li[data-v-0ad65986] {
        font-size: 16px;
        line-height: 140%;
        /* 22.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.awards .awards ul li[data-v-0ad65986] {
            font-size: 12px;
}
}
@media screen and (max-width: 640px) {
section.awards .awards ul li[data-v-0ad65986] {
            font-size: 12px;
}
}
section.awards div[data-v-0ad65986]:nth-of-type(2) {
    flex-direction: row-reverse;
}
@media screen and (max-width: 640px) {
section.awards div[data-v-0ad65986]:nth-of-type(2) {
        flex-direction: column;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainHomeKo.vue?vue&type=style&index=0&id=3b1cea34&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3b1cea34]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-3b1cea34] {
  word-break: keep-all;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
*[data-v-3b1cea34]::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.main-home-ko-wrap[data-v-3b1cea34] {
  font-family: var(--nanum-square), sans-serif;
}
.main-home-ko-wrap .main-jmbtr[data-v-3b1cea34] {
    width: 100vw;
    height: calc(100vw * 188 / 683);
    background-image: url("https://cdn.test.codmos.io/default/public/491b74a2-0443-4bb0-82b5-14d545236019.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .main-jmbtr[data-v-3b1cea34] {
        height: calc(100vw * 23 / 80);
        background-image: url("https://cdn.test.codmos.io/default/public/a2033125-5e52-4b11-8fe3-2e7771ab5d2a.png");
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .main-jmbtr[data-v-3b1cea34] {
        height: calc(100vw * 212 / 177);
        background-image: url("https://cdn.test.codmos.io/default/public/41d29c3a-6692-461a-9db0-a98b3c225484.png");
}
}
.main-home-ko-wrap h2[data-v-3b1cea34] {
    font-family: GmarketSans, sans-serif;
}
.main-home-ko-wrap h2.title[data-v-3b1cea34] {
      font-size: 56px;
      font-weight: bold;
      line-height: 1.43;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap h2.title[data-v-3b1cea34] {
          font-size: 28px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap h2.title[data-v-3b1cea34] {
          font-size: 24px;
}
}
.main-home-ko-wrap h2.title > .typing[data-v-3b1cea34] {
        border-color: #5682fe;
        border-style: none none solid;
        border-bottom-width: 8px;
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap h2.title > .typing[data-v-3b1cea34] {
            border-bottom-width: 4px;
}
}
.main-home-ko-wrap .blue[data-v-3b1cea34] {
    color: #5682fe;
}
.main-home-ko-wrap .blue-txt[data-v-3b1cea34] {
    font-family: GmarketSans, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 2.5;
    color: #92adf8;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .blue-txt[data-v-3b1cea34] {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.33;
}
}
.main-home-ko-wrap .video-slide-sctn[data-v-3b1cea34] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    align-items: center;
    gap: 0;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .video-slide-sctn[data-v-3b1cea34] {
        padding: 168px 0 168px calc(50% - 499px);
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .video-slide-sctn[data-v-3b1cea34] {
        padding: 88px 0 88px calc(50% - 300px);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .video-slide-sctn[data-v-3b1cea34] {
        grid-template-columns: auto;
        grid-auto-flow: row;
        padding: 40px 0 80px calc(50% - 159.5px);
}
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .video-slide-sctn .video[data-v-3b1cea34] {
        width: 640px;
        height: 376px;
}
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .video-slide-sctn .video[data-v-3b1cea34] {
        width: 320px;
        height: 188px;
}
}
.main-home-ko-wrap .end-once-sctn[data-v-3b1cea34] {
    max-width: 992.2px;
    margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn[data-v-3b1cea34] {
        max-width: 597px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn[data-v-3b1cea34] {
        max-width: 327px;
}
}
.main-home-ko-wrap .end-once-sctn .end-once-hder[data-v-3b1cea34] {
      display: grid;
      grid-auto-flow: column;
      align-items: flex-end;
      justify-content: space-between;
}
.main-home-ko-wrap .end-once-sctn .small-txt[data-v-3b1cea34] {
      font-size: 14px;
      line-height: 2.86;
      color: #9c9c9c;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .small-txt[data-v-3b1cea34] {
          font-size: 10px;
          line-height: 1.8;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .small-txt[data-v-3b1cea34] {
          display: none;
}
}
.main-home-ko-wrap .end-once-sctn .end-once-body[data-v-3b1cea34] {
      display: grid;
      gap: 181px;
      padding: 117px 0 155px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .end-once-body[data-v-3b1cea34] {
          gap: 56px;
          padding: 20px 0 91.4px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .end-once-body[data-v-3b1cea34] {
          gap: 80px;
          padding: 32px 0 80px;
}
}
.main-home-ko-wrap .end-once-sctn .data-grp[data-v-3b1cea34], .main-home-ko-wrap .end-once-sctn .awrd-grp[data-v-3b1cea34] {
      display: grid;
      grid-auto-flow: column;
      justify-content: space-between;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp[data-v-3b1cea34], .main-home-ko-wrap .end-once-sctn .awrd-grp[data-v-3b1cea34] {
          grid-auto-flow: row;
}
}
.main-home-ko-wrap .end-once-sctn .data-grp[data-v-3b1cea34] {
      display: grid;
      align-items: end;
      text-align: center;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp[data-v-3b1cea34] {
          gap: 32px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box[data-v-3b1cea34] {
          display: grid;
          grid-template-rows: auto auto;
          grid-template-columns: auto auto;
          gap: 8px;
          text-align: left;
}
}
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > i[data-v-3b1cea34] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 296px;
        height: 296px;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > i[data-v-3b1cea34] {
            margin-bottom: 35px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > i[data-v-3b1cea34] {
            width: 160px;
            height: 160px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > i[data-v-3b1cea34] {
            grid-row: 1 / 3;
            width: 144px;
            height: 144px;
}
}
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > h3[data-v-3b1cea34] {
        font-family: GmarketSans, sans-serif;
        font-size: 40px;
        font-weight: 500;
        line-height: 2;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > h3[data-v-3b1cea34] {
            margin-bottom: 8px;
}
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > h3[data-v-3b1cea34] {
            margin: 17px 0 6px;
            font-size: 24px;
            line-height: 1;
}
}
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > h3 > b[data-v-3b1cea34] {
          font-size: 64px;
          line-height: 1.25;
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > h3 > b[data-v-3b1cea34] {
              font-size: 40px;
              line-height: 1.4;
}
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > p[data-v-3b1cea34] {
          line-height: 1.56;
}
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .end-once-sctn .data-grp .data-box > p[data-v-3b1cea34] {
          font-size: 12px;
          line-height: 1.83;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .data-grp .tot-icon[data-v-3b1cea34] {
          grid-column: 2;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp[data-v-3b1cea34] {
      gap: 16px;
      font-family: GmarketSans, sans-serif;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp[data-v-3b1cea34] {
          gap: 40px;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box[data-v-3b1cea34] {
        display: grid;
        grid-template-columns: auto auto;
        gap: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box[data-v-3b1cea34] {
            grid-template-columns: auto;
            gap: 9px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box[data-v-3b1cea34] {
            justify-content: start;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box > i[data-v-3b1cea34] {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap[data-v-3b1cea34] {
          display: grid;
          grid-template-rows: auto auto;
          gap: 16px;
          height: fit-content;
          padding-top: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap[data-v-3b1cea34] {
              gap: 8px;
              padding-top: 0;
              text-align: center;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > h3[data-v-3b1cea34] {
            align-self: end;
            font-size: 20px;
            line-height: 1;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > h3[data-v-3b1cea34] {
                font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > h3[data-v-3b1cea34] {
                font-size: 16px;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > p[data-v-3b1cea34] {
            align-self: start;
            font-size: 24px;
            font-weight: 500;
            line-height: 1.5;
            color: #9d7a1e;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > p[data-v-3b1cea34] {
                font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd-box .txt-wrap > p[data-v-3b1cea34] {
                font-size: 20px;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2023[data-v-3b1cea34] {
        width: 154px;
        height: 154px;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2023[data-v-3b1cea34] {
            width: 128px;
            height: 128px;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2022[data-v-3b1cea34] {
        width: 108px;
        height: 154px;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2022[data-v-3b1cea34] {
            width: 128px;
            height: 128px;
}
}
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2021[data-v-3b1cea34] {
        width: 136px;
        height: 154px;
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .end-once-sctn .awrd-grp .awrd2021[data-v-3b1cea34] {
            width: 128px;
            height: 128px;
}
}
.main-home-ko-wrap .cd-sctn[data-v-3b1cea34] {
    display: grid;
    grid-template-rows: 80px 76px 32px;
    gap: 8px;
    width: 100%;
    height: 560px;
    padding: 176px;
    text-align: center;
    background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cd-sctn[data-v-3b1cea34] {
        grid-template-rows: 48px 32px 40px;
        gap: 0;
        height: 262.4px;
        padding: 70.9px;
        text-align: center;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cd-sctn[data-v-3b1cea34] {
        grid-template-rows: 32px 24px 16px;
        gap: 8px;
        height: 216px;
        padding: 60px 0 52px;
        text-align: center;
}
}
.main-home-ko-wrap .cd-sctn > h2[data-v-3b1cea34] {
      font-family: GmarketSans, sans-serif;
      font-size: 56px;
      font-weight: 500;
      line-height: 1.43;
      color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cd-sctn > h2[data-v-3b1cea34] {
          font-size: 32px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cd-sctn > h2[data-v-3b1cea34] {
          font-size: 24px;
}
}
.main-home-ko-wrap .cd-sctn .sub-txt[data-v-3b1cea34] {
      width: fit-content;
      min-width: 800px;
      padding: 0 20px;
      margin: auto;
      font-family: GmarketSans, sans-serif;
      font-size: 28px;
      font-weight: 500;
      line-height: 2;
      color: #fff;
      background-color: rgba(86, 130, 254, 0.35);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cd-sctn .sub-txt[data-v-3b1cea34] {
          min-width: auto;
          font-size: 18px;
          line-height: 1.78;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cd-sctn .sub-txt[data-v-3b1cea34] {
          min-width: auto;
          padding: 0 9px;
          font-size: 12px;
}
}
.main-home-ko-wrap .cd-sctn .small-txt[data-v-3b1cea34] {
      font-size: 16px;
      line-height: 2;
      color: #a7a7a7;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cd-sctn .small-txt[data-v-3b1cea34] {
          margin-top: 16px;
          font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cd-sctn .small-txt[data-v-3b1cea34] {
          margin-top: 16px;
          font-size: 8px;
}
}
.main-home-ko-wrap .no1-sctn[data-v-3b1cea34] {
    position: relative;
    display: grid;
    justify-content: center;
    width: 100%;
    background-color: #100541;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .no1-sctn[data-v-3b1cea34] {
        height: 828px;
        background-size: cover;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .no1-sctn[data-v-3b1cea34] {
        height: Min(387.4px, calc(100vw / 683 * 414));
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .no1-sctn[data-v-3b1cea34] {
        height: Min(227px, calc(100vw / 683 * 414));
}
}
.main-home-ko-wrap .no1-sctn > *[data-v-3b1cea34] {
      position: absolute;
      left: 50%;
      transform: translateX(-499.5px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .no1-sctn > *[data-v-3b1cea34] {
          transform: translateX(-300px);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .no1-sctn > *[data-v-3b1cea34] {
          transform: translateX(-159.5px);
}
}
.main-home-ko-wrap .no1-sctn .no1-hder[data-v-3b1cea34] {
      top: 168px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .no1-sctn .no1-hder[data-v-3b1cea34] {
          top: 88.64px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .no1-sctn .no1-hder[data-v-3b1cea34] {
          top: 40px;
}
}
.main-home-ko-wrap .no1-sctn .no1-hder .title[data-v-3b1cea34] {
        color: #fff;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .no1-sctn .crsl-wrap[data-v-3b1cea34] {
        top: 620px;
        width: calc(50vw + 499px);
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .no1-sctn .crsl-wrap[data-v-3b1cea34] {
        bottom: -328px;
        width: calc(50vw + 300px);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .no1-sctn .crsl-wrap[data-v-3b1cea34] {
        top: 164px;
        width: calc(50vw + 159.5px);
}
}
.main-home-ko-wrap .thnkn-sctn[data-v-3b1cea34] {
    padding: 560px 0 168px;
    font-family: GmarketSans, sans-serif;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn[data-v-3b1cea34] {
        padding: 436px 0 88px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .thnkn-sctn[data-v-3b1cea34] {
        padding: 371px 0 80px;
}
}
.main-home-ko-wrap .thnkn-sctn .title[data-v-3b1cea34] {
      margin-bottom: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .title[data-v-3b1cea34] {
          margin-bottom: 12px;
}
}
.main-home-ko-wrap .thnkn-sctn .sub-title[data-v-3b1cea34] {
      font-size: 40px;
      font-weight: 500;
      line-height: 2;
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .thnkn-sctn .sub-title[data-v-3b1cea34] {
          font-size: 20px;
          line-height: 1.6;
}
}
.main-home-ko-wrap .thnkn-sctn .dc[data-v-3b1cea34] {
      margin: 40px 0 120px;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.43;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .dc[data-v-3b1cea34] {
          margin: 24px 0 56px;
          font-size: 16px;
          line-height: 1.75;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .dc[data-v-3b1cea34] {
          margin: 16px 0 40px;
          font-size: 16px;
          line-height: 1.75;
}
}
.main-home-ko-wrap .thnkn-sctn .crsl-wrap[data-v-3b1cea34] {
      width: 687px;
      height: 445px;
      margin: auto;
      overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .crsl-wrap[data-v-3b1cea34] {
          width: 454px;
          height: calc(454px / 687 * 445);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .crsl-wrap[data-v-3b1cea34] {
          width: 293px;
          height: calc(293px / 687 * 445);
}
}
.main-home-ko-wrap .thnkn-sctn .graph1-img[data-v-3b1cea34], .main-home-ko-wrap .thnkn-sctn .graph2-img[data-v-3b1cea34] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      width: 687px;
      height: 445px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .graph1-img[data-v-3b1cea34], .main-home-ko-wrap .thnkn-sctn .graph2-img[data-v-3b1cea34] {
          width: 454px;
          height: calc(454px / 687 * 445);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .graph1-img[data-v-3b1cea34], .main-home-ko-wrap .thnkn-sctn .graph2-img[data-v-3b1cea34] {
          width: 293px;
          height: calc(293px / 687 * 445);
}
}
.main-home-ko-wrap .thnkn-sctn .line[data-v-3b1cea34] {
      max-width: 1016px;
      margin: 167px auto 0;
      border-bottom: 1px solid #d1d1d1;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .line[data-v-3b1cea34] {
          max-width: 600px;
          margin: 87px auto 0;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .thnkn-sctn .line[data-v-3b1cea34] {
          max-width: 305px;
          margin: 79px auto 0;
}
}
.main-home-ko-wrap .ftr-sctn[data-v-3b1cea34] {
    padding-bottom: 168px;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn[data-v-3b1cea34] {
        padding-bottom: 88px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn[data-v-3b1cea34] {
        padding-bottom: 80px;
}
}
.main-home-ko-wrap .ftr-sctn .green-prtnr[data-v-3b1cea34] {
      display: grid;
      grid-auto-flow: column;
      justify-content: center;
      gap: 54.5px;
      max-width: 896px;
      padding: 24px;
      margin: 72px auto 92px;
      font-family: GmarketSans, sans-serif;
      background-color: #eefcf4;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr[data-v-3b1cea34] {
          gap: 56px;
          max-width: 552px;
          padding: 14px;
          margin: 56px auto 66px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr[data-v-3b1cea34] {
          gap: 8px;
          max-width: 320px;
          padding: 17px;
          margin: 32px auto 26px;
}
}
.main-home-ko-wrap .ftr-sctn .green-prtnr .green-icon[data-v-3b1cea34] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 255px;
        height: 79px;
        background-color: #fff;
        border: solid 1px #bcebdd;
        border-radius: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr .green-icon[data-v-3b1cea34] {
            width: 168px;
            height: 55px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr .green-icon[data-v-3b1cea34] {
            width: 117px;
            height: 39px;
}
}
.main-home-ko-wrap .ftr-sctn .green-prtnr > p[data-v-3b1cea34] {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.33;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr > p[data-v-3b1cea34] {
            font-size: 16px;
            line-height: 1.5;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .green-prtnr > p[data-v-3b1cea34] {
            font-size: 12px;
            line-height: 1.5;
}
}
.main-home-ko-wrap .ftr-sctn .ftr-body[data-v-3b1cea34] {
      display: grid;
      grid-auto-flow: column;
      gap: 72px;
      width: fit-content;
      margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .ftr-body[data-v-3b1cea34] {
          gap: 40px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .ftr-body[data-v-3b1cea34] {
          grid-auto-flow: row;
          gap: 16px;
}
}
.main-home-ko-wrap .ftr-sctn .scrl-wrap[data-v-3b1cea34] {
      width: 496px;
      height: 408px;
      font-size: 24px;
      line-height: 1.67;
      text-align: left;
      white-space: pre-line;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .scrl-wrap[data-v-3b1cea34] {
          width: 280px;
          height: 280px;
          font-size: 16px;
          line-height: 1.75;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .scrl-wrap[data-v-3b1cea34] {
          width: 320px;
          height: 280px;
          font-size: 16px;
          line-height: 1.75;
}
}
.main-home-ko-wrap .ftr-sctn .chldrn-img[data-v-3b1cea34] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      width: 408px;
      height: 408px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .ftr-sctn .chldrn-img[data-v-3b1cea34] {
          width: 280px;
          height: 280px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .ftr-sctn .chldrn-img[data-v-3b1cea34] {
          grid-row: 1;
          width: 320px;
          height: 320px;
}
}
.main-home-ko-wrap .suprt-sctn[data-v-3b1cea34] {
    position: relative;
    display: grid;
    justify-content: center;
    width: 100%;
    background-color: #0e1041;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (min-width: 1025px) {
.main-home-ko-wrap .suprt-sctn[data-v-3b1cea34] {
        height: 1428px;
        background-size: cover;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .suprt-sctn[data-v-3b1cea34] {
        height: Min(668px, calc(100vw / 683 * 714));
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn[data-v-3b1cea34] {
        height: Min(417px, calc(100vw / 683 * 714));
}
}
.main-home-ko-wrap .suprt-sctn > *[data-v-3b1cea34] {
      position: absolute;
      left: 50%;
      transform: translateX(-499.5px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .suprt-sctn > *[data-v-3b1cea34] {
          transform: translateX(-300px);
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn > *[data-v-3b1cea34] {
          transform: translateX(-159.5px);
}
}
.main-home-ko-wrap .suprt-sctn .suprt-hder[data-v-3b1cea34] {
      top: 168px;
      z-index: 1;
      display: grid;
      grid-auto-flow: column;
      align-items: flex-end;
      justify-content: space-between;
      width: 992px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .suprt-sctn .suprt-hder[data-v-3b1cea34] {
          top: 88px;
          width: 600px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn .suprt-hder[data-v-3b1cea34] {
          top: 40px;
          left: 0;
          width: 325px;
          width: 100%;
          padding: 0 20px;
          transform: none;
}
.main-home-ko-wrap .suprt-sctn .suprt-hder .title[data-v-3b1cea34] {
            font-size: 16px;
}
}
.main-home-ko-wrap .suprt-sctn .suprt-hder .title[data-v-3b1cea34] {
        color: #fff;
}
.main-home-ko-wrap .suprt-sctn .suprt-hder > .btn[data-v-3b1cea34] {
        padding: 15px 18.5px 17px;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.67;
        color: #fff;
        background-color: #f2853c;
        border-radius: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .suprt-sctn .suprt-hder > .btn[data-v-3b1cea34] {
            padding: 6px 17px 6px 16px;
            font-size: 14px;
            line-height: 2;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn .suprt-hder > .btn[data-v-3b1cea34] {
            padding: 8px;
            font-size: 10px;
            line-height: 1.6;
}
}
.main-home-ko-wrap .suprt-sctn .trngl-wrap[data-v-3b1cea34] {
      top: 528px;
      left: 50%;
      width: 990px;
      height: 990px;
      transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .suprt-sctn .trngl-wrap[data-v-3b1cea34] {
          top: 271px;
          width: 446px;
          height: 446px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn .trngl-wrap[data-v-3b1cea34] {
          top: 271px;
          width: 446px;
          height: 446px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .suprt-sctn .trngl-wrap[data-v-3b1cea34] {
          top: 160px;
          width: 295px;
          height: 295px;
}
}
.main-home-ko-wrap .rlty-sctn[data-v-3b1cea34] {
    position: relative;
    width: 100%;
    padding: 108px 0 168px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-position: center top;
    background-size: 1366px 1044.5px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn[data-v-3b1cea34] {
        padding: 88px 0;
        background-size: calc(714.5px * 2049 / 1567) 714.5px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn[data-v-3b1cea34] {
        padding: 80px 0;
        background-size: calc(799.5px * 2049 / 1567) 799.5px;
}
}
.main-home-ko-wrap .rlty-sctn > *[data-v-3b1cea34] {
      position: relative;
}
.main-home-ko-wrap .rlty-sctn > .title[data-v-3b1cea34] {
      text-align: center;
}
.main-home-ko-wrap .rlty-sctn .card-list[data-v-3b1cea34] {
      display: grid;
      grid-template-columns: repeat(3, 392px);
      gap: 24px;
      width: fit-content;
      max-width: 100vw;
      padding: 0 20px;
      margin: 80px auto 30px;
      overflow: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card-list[data-v-3b1cea34] {
          grid-template-columns: repeat(3, 272px);
          gap: 16px;
          margin: 32.8px auto 31.7px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card-list[data-v-3b1cea34] {
          grid-template-columns: repeat(3, 328px);
          gap: 16px;
          padding: 0 16px;
          margin: 24px auto 44px;
}
}
.main-home-ko-wrap .rlty-sctn .card[data-v-3b1cea34] {
      display: grid;
      gap: 16px;
      padding: 16px;
      color: #000;
      background-color: #fff;
      border: solid 1px #9d9d9d;
      border-radius: 16px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.main-home-ko-wrap .rlty-sctn .card .thumb[data-v-3b1cea34] {
        width: 360px;
        height: 224px;
        object-fit: cover;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card .thumb[data-v-3b1cea34] {
            width: 240px;
            height: 149.3px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card .thumb[data-v-3b1cea34] {
            width: 296px;
            height: 149px;
}
}
.main-home-ko-wrap .rlty-sctn .card .title[data-v-3b1cea34] {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.55;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card .title[data-v-3b1cea34] {
            font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card .title[data-v-3b1cea34] {
            font-size: 18px;
}
}
.main-home-ko-wrap .rlty-sctn .card .dc[data-v-3b1cea34], .main-home-ko-wrap .rlty-sctn .card .dt[data-v-3b1cea34] {
        font-size: 16px;
        line-height: 2;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .card .dc[data-v-3b1cea34], .main-home-ko-wrap .rlty-sctn .card .dt[data-v-3b1cea34] {
            font-size: 14px;
            line-height: 1.71;
}
}
.main-home-ko-wrap .rlty-sctn .chil-img[data-v-3b1cea34] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      display: block;
      width: 378px;
      height: 513px;
      margin: 0 auto 168px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .chil-img[data-v-3b1cea34] {
          width: 224px;
          height: 304px;
          margin: 0 auto 88px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .chil-img[data-v-3b1cea34] {
          width: 144px;
          height: 196px;
          margin: 0 auto 80px;
}
}
.main-home-ko-wrap .rlty-sctn .video-wrap[data-v-3b1cea34] {
      display: grid;
      grid-auto-flow: column;
      align-items: center;
      gap: 62px;
      width: fit-content;
      margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .rlty-sctn .video-wrap[data-v-3b1cea34] {
          gap: 54px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .video-wrap[data-v-3b1cea34] {
          grid-auto-flow: row;
          gap: 24px;
}
}
.main-home-ko-wrap .rlty-sctn .video-wrap video[data-v-3b1cea34] {
        width: 640px;
        height: 376px;
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .rlty-sctn .video-wrap video[data-v-3b1cea34] {
            width: 320px;
            height: 188px;
}
}
.main-home-ko-wrap .rlty-sctn .video-wrap .dc[data-v-3b1cea34] {
        font-size: 18px;
        line-height: 1.56;
}
@media screen and (max-width: 1024px) {
.main-home-ko-wrap .rlty-sctn .video-wrap .dc[data-v-3b1cea34] {
            font-size: 14px;
            line-height: 1.71;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .rlty-sctn .video-wrap .dc[data-v-3b1cea34] {
            text-align: center;
}
}
.main-home-ko-wrap .strt-chil-sctn[data-v-3b1cea34] {
    padding: 168px 0 201px;
    text-align: center;
    background-color: #f0f3f7;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn[data-v-3b1cea34] {
        padding: 88px 0;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn[data-v-3b1cea34] {
        padding: 40px 0;
}
}
.main-home-ko-wrap .strt-chil-sctn .lbl[data-v-3b1cea34] {
      padding: 10px 32.5px;
      margin-bottom: 30px;
      font-family: GmarketSans, sans-serif;
      font-size: 28px;
      font-weight: 500;
      line-height: 2;
      color: #fff;
      text-align: center;
      background-image: linear-gradient(to left, #5682fe, #38b1d7);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .lbl[data-v-3b1cea34] {
          padding: 5px 15px;
          margin-bottom: 24px;
          font-size: 16px;
          line-height: 1.5;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .lbl[data-v-3b1cea34] {
          padding: 3px 11px;
          margin-bottom: 16px;
          font-size: 12px;
          line-height: 2;
}
}
.main-home-ko-wrap .strt-chil-sctn > .title[data-v-3b1cea34] {
      margin-top: 30px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn > .title[data-v-3b1cea34] {
          margin-top: 24px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn > .title[data-v-3b1cea34] {
          margin-top: 16px;
}
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap[data-v-3b1cea34] {
      width: 992px;
      height: 560px;
      padding: 96px 150px;
      margin: 80px auto 0;
      background-color: #fff;
      border: solid 8px #c1d9f9;
      border-radius: 32px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap[data-v-3b1cea34] {
          width: 570px;
          height: 376px;
          padding: 40px;
          margin: 56px auto 0;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap[data-v-3b1cea34] {
          width: 336px;
          height: 293px;
          padding: 34px 23px;
          margin: 32px auto 0;
}
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .inner[data-v-3b1cea34] {
        display: grid;
        gap: 40px;
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34] {
        display: grid;
        grid-template-columns: 87px auto;
        align-items: center;
        gap: 48px;
        width: fit-content;
        font-size: 24px;
        line-height: 1.33;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34] {
            grid-template-columns: 64px auto;
            gap: 24px;
            font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34] {
            grid-template-columns: 48px auto;
            gap: 8px;
            font-size: 14px;
}
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34], .main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row > *[data-v-3b1cea34] {
          pointer-events: none;
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34]::before {
          padding: 8px 16px;
          font-size: 24px;
          font-weight: bold;
          line-height: 1.33;
          color: #fff;
          background-color: #3460dd;
          border-radius: 16px;
          content: 'NEW';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34]::before {
              padding: 4px 11.5px;
              font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row[data-v-3b1cea34]::before {
              padding: 4px 10px;
              font-size: 12px;
}
}
.main-home-ko-wrap .strt-chil-sctn .scrl-wrap .row .txt[data-v-3b1cea34] {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
}
.main-home-ko-wrap .cdms-sctn[data-v-3b1cea34] {
    padding: 168px 0;
    text-align: center;
    background-color: #f7f7f7;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn[data-v-3b1cea34] {
        padding: 88px 0;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn[data-v-3b1cea34] {
        padding: 40px 0;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp[data-v-3b1cea34] {
      display: grid;
      grid-template-rows: repeat(6, 1fr);
      grid-template-columns: repeat(12, 1fr);
      width: 992px;
      height: 304px;
      padding: 30px 120px;
      margin: auto;
      margin-top: 72px;
      background-color: #fff;
      border-radius: 32px;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34] {
        grid-row: 1 / 4;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
        grid-row: 4 / 7;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
        grid-column: 1 / 4;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34] {
        grid-column: 4 / 7;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34] {
        grid-column: 7 / 10;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
        grid-column: 10 / 13;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp[data-v-3b1cea34] {
          width: 570px;
          height: 196px;
          padding: 28px 37px;
          margin-top: 56px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp[data-v-3b1cea34] {
          width: 336px;
          height: 148px;
          padding: 15px 44px;
          margin-top: 24px;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34] {
            grid-row: 1 / 3;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
            grid-row: 3 / 5;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
            grid-row: 5 / 7;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34] {
            grid-column: 1 / 5;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34] {
            grid-column: 5 / 9;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34], .main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
            grid-column: 9 / 13;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34] {
            grid-column: 3 / 7;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
            grid-column: 7 / 11;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp > *[data-v-3b1cea34] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        place-self: center;
        height: 100%;
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34] {
        width: 110px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34] {
            width: 72.4px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr1[data-v-3b1cea34] {
            width: 46.9px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34] {
        width: 180px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34] {
            width: 119px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr2[data-v-3b1cea34] {
            width: 77px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34] {
        width: 164px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34] {
            width: 108px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr3[data-v-3b1cea34] {
            width: 70px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34] {
        width: 156px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34] {
            width: 102px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr4[data-v-3b1cea34] {
            width: 67px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
        width: 119px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
            width: 79px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr5[data-v-3b1cea34] {
            width: 52px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34] {
        width: 78px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34] {
            width: 52px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr6[data-v-3b1cea34] {
            width: 34px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34] {
        width: 140px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34] {
            width: 93px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr7[data-v-3b1cea34] {
            width: 61px;
}
}
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
        width: 140px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
            width: 93px;
}
}
@media screen and (max-width: 640px) {
.main-home-ko-wrap .cdms-sctn .prtnr-grp .prtnr8[data-v-3b1cea34] {
            width: 61px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainWhyCdAside.vue?vue&type=style&index=0&id=30725500&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-30725500]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-30725500]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-why-cd-aside[data-v-30725500] {
  width: 285px;
  height: 858px;
  padding: 14px 0;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-why-cd-aside[data-v-30725500] {
      width: 174px;
      height: 523px;
      border-radius: 7.3px;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
}
.main-why-cd-aside .btn[data-v-30725500] {
    display: inline-block;
    width: 100%;
    padding: 15px 18px;
    font-family: var(--nanum-square), sans-serif;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
    text-align: left;
}
.main-why-cd-aside .btn[data-v-30725500]:hover {
      width: 100%;
      color: #fff;
      background-color: #5682fe;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-why-cd-aside .btn[data-v-30725500] {
        padding: 9px 10px;
        font-size: 9.8px;
}
}
@media screen and (max-width: 640px) {
.main-why-cd-aside .btn[data-v-30725500] {
        display: none;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeWhyCd.vue?vue&type=style&index=0&id=3aea30bd&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lndg-pge-why-cd-wrap .link {
  color: #5682fe;
  text-decoration: underline;
}
.lndg-pge-why-cd-wrap .link:visited {
    text-decoration: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeWhyCd.vue?vue&type=style&index=1&id=3aea30bd&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3aea30bd]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lndg-pge-why-cd-wrap .main-jmbtr[data-v-3aea30bd] {
  background-image: linear-gradient(to top, #728aff, #64f);
}
.lndg-pge-why-cd-wrap .main-jmbtr .title[data-v-3aea30bd] {
    margin: 0;
    font-family: GmarketSans, sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .title[data-v-3aea30bd] {
        font-size: 40px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .title[data-v-3aea30bd] {
        font-size: 30px;
        color: #84e8ff;
}
}
.lndg-pge-why-cd-wrap .main-jmbtr .sub-title[data-v-3aea30bd] {
    font-family: var(--nanum-square), sans-serif;
    font-size: 22px;
    color: #c2f4ff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .sub-title[data-v-3aea30bd] {
        font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .sub-title[data-v-3aea30bd] {
        font-size: 14px;
        color: #fff;
}
}
.lndg-pge-why-cd-wrap .main-jmbtr .icon[data-v-3aea30bd] {
    width: 177px;
    height: 216px;
    margin: 20px 0 20px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/1f890947-6f2e-4910-821b-565dc9c4d4e3.png");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .icon[data-v-3aea30bd] {
        width: 123px;
        height: 150px;
        margin: 6px 0 6px 20px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .main-jmbtr .icon[data-v-3aea30bd] {
        width: 78px;
        height: 96px;
        margin: 12px 0;
}
}
.lndg-pge-why-cd-wrap .why-cd-wrap[data-v-3aea30bd] {
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-content: center;
  justify-content: center;
  width: 1050px;
  height: auto;
  margin: 60px auto 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .why-cd-wrap[data-v-3aea30bd] {
      width: 595px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .why-cd-wrap[data-v-3aea30bd] {
      grid-template-columns: 1fr;
      width: 80%;
      margin: 39px auto 0;
}
}
.lndg-pge-why-cd-wrap .title[data-v-3aea30bd] {
  margin: 0 0 0 40px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .title[data-v-3aea30bd] {
      margin: 0;
      font-size: 17px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .title[data-v-3aea30bd] {
      width: 100%;
      margin: 0;
      font-size: 22px;
}
}
.lndg-pge-why-cd-wrap .cntnt[data-v-3aea30bd] {
  margin: 30px 30px 30px 40px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 18px;
  line-height: 2;
  color: #000;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .cntnt[data-v-3aea30bd] {
      margin: 17px 18px 18px 0;
      font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .cntnt[data-v-3aea30bd] {
      width: auto;
      margin: 20px 0;
      font-size: 14px;
}
}
.lndg-pge-why-cd-wrap .image[data-v-3aea30bd] {
  width: 660px;
  height: 300px;
  margin: 30px 30px 60px 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .image[data-v-3aea30bd] {
      width: 402px;
      height: 183px;
      margin: 0 18px 36px 0;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .image[data-v-3aea30bd] {
      width: 100%;
      height: auto;
      margin: 0 0 40px;
}
}
.lndg-pge-why-cd-wrap .image-1[data-v-3aea30bd] {
  width: 330px;
  height: 300px;
  margin: 30px 30px 60px 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .image-1[data-v-3aea30bd] {
      width: 201px;
      height: 183px;
      margin: 0 18px 36px 0;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .image-1[data-v-3aea30bd] {
      width: 100%;
      height: auto;
      margin: 0 0 40px;
}
}
.lndg-pge-why-cd-wrap .image-2[data-v-3aea30bd] {
  width: 426px;
  height: 300px;
  margin: 30px 30px 60px 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.lndg-pge-why-cd-wrap .image-2[data-v-3aea30bd] {
      width: 260px;
      height: 183px;
      margin: 0 18px 36px 0;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .image-2[data-v-3aea30bd] {
      width: 100%;
      height: auto;
      margin: 0 0 40px;
}
}
@media screen and (max-width: 640px) {
.lndg-pge-why-cd-wrap .mobile-hide[data-v-3aea30bd] {
    display: none;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqLenSvc.vue?vue&type=style&index=0&id=f6702880&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap .chns-writ {
  font-family: cursive;
}
.main-acnt-wrap .emphs {
  font-weight: 700;
  color: red;
  text-decoration: underline;
}
.main-acnt-wrap .cntct-nmbr {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
.main-acnt-wrap .cntct-nmbr {
      font-size: 9px;
      font-weight: bold;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqLenSvc.vue?vue&type=style&index=1&id=f6702880&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f6702880]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap[data-v-f6702880] {
  width: 100%;
  max-width: 975px;
  margin: 0 auto;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-acnt-wrap[data-v-f6702880] {
      width: 578px;
}
}
@media screen and (max-width: 640px) {
.main-acnt-wrap[data-v-f6702880] {
      width: 80%;
      min-width: 311px;
}
}
.acnt-wrap[data-v-f6702880] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-areas: 'q qestn arrow' 'answerWrap answerWrap answerWrap';
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
  width: 975px;
  height: auto;
  padding: 30px 0;
  cursor: pointer;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap[data-v-f6702880] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 578px;
      padding: 24px 0;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap[data-v-f6702880] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 100%;
      padding: 16px 0;
}
}
.acnt-wrap .qestn-logo[data-v-f6702880] {
    grid-area: q;
    width: 56px;
    height: 56px;
    background-image: url("https://cdn.test.codmos.io/default/public/bc38c564-55ec-40cc-b936-1e65010f890c.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap .qestn-logo[data-v-f6702880] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap .qestn-logo[data-v-f6702880] {
        width: 32px;
        height: 32px;
}
}
.qestn[data-v-f6702880] {
  grid-area: qestn;
  justify-self: flex-start;
  width: auto;
  padding: 0 0 0 24px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.75;
  color: #000;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.qestn[data-v-f6702880] {
      font-size: 20px;
      letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
.qestn[data-v-f6702880] {
      padding: 0 0 0 10px;
      font-size: 14px;
      letter-spacing: -0.5px;
}
}
.arrow-wrap[data-v-f6702880] {
  grid-area: arrow;
  width: 80%;
  height: 100%;
  padding: 12px 0;
  text-align: center;
  cursor: pointer;
}
.arrow[data-v-f6702880] {
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-image: url("https://cdn.test.codmos.io/default/public/259014d6-c557-470f-8020-0c4fd17de33a.png");
}
.answer-wrap[data-v-f6702880] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 6fr;
  grid-area: answerWrap;
  min-width: 100%;
  margin-top: 23px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
.answer-wrap .answer-logo[data-v-f6702880] {
    align-self: flex-start;
    justify-self: center;
    width: 56px;
    height: 56px;
    margin-top: 24px;
    background-image: url("https://cdn.test.codmos.io/default/public/fd0955a2-70a1-4bf2-8e3e-def3b5aadf29.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer-logo[data-v-f6702880] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer-logo[data-v-f6702880] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
}
}
.answer-wrap .answer[data-v-f6702880] {
    justify-self: flex-start;
    width: 100%;
    padding: 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    line-height: 2.23;
    color: #000;
    word-break: break-all;
    word-wrap: nowrap;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer[data-v-f6702880] {
        font-size: 16px;
        line-height: 2;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer[data-v-f6702880] {
        padding: 24px 24px 24px 10px;
        font-size: 10px;
        line-height: 2;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqPymnt.vue?vue&type=style&index=0&id=08d25fa5&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap .chns-writ {
  font-family: cursive;
}
.main-acnt-wrap .emphs {
  font-weight: 700;
  color: red;
  text-decoration: underline;
}
.main-acnt-wrap .cntct-nmbr {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
.main-acnt-wrap .cntct-nmbr {
      font-size: 9px;
      font-weight: bold;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqPymnt.vue?vue&type=style&index=1&id=08d25fa5&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-08d25fa5]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap[data-v-08d25fa5] {
  width: 100%;
  max-width: 975px;
  margin: 0 auto;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-acnt-wrap[data-v-08d25fa5] {
      width: 578px;
}
}
@media screen and (max-width: 640px) {
.main-acnt-wrap[data-v-08d25fa5] {
      width: 80%;
      min-width: 311px;
}
}
.acnt-wrap[data-v-08d25fa5] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-areas: 'q qestn arrow' 'answerWrap answerWrap answerWrap';
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
  width: 975px;
  height: auto;
  padding: 30px 0;
  cursor: pointer;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap[data-v-08d25fa5] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 578px;
      padding: 24px 0;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap[data-v-08d25fa5] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 100%;
      padding: 16px 0;
}
}
.acnt-wrap .qestn-logo[data-v-08d25fa5] {
    grid-area: q;
    width: 56px;
    height: 56px;
    background-image: url("https://cdn.test.codmos.io/default/public/bc38c564-55ec-40cc-b936-1e65010f890c.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap .qestn-logo[data-v-08d25fa5] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap .qestn-logo[data-v-08d25fa5] {
        width: 32px;
        height: 32px;
}
}
.qestn[data-v-08d25fa5] {
  grid-area: qestn;
  justify-self: flex-start;
  width: auto;
  padding: 0 0 0 24px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.75;
  color: #000;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.qestn[data-v-08d25fa5] {
      font-size: 20px;
      letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
.qestn[data-v-08d25fa5] {
      padding: 0 0 0 10px;
      font-size: 14px;
      letter-spacing: -0.5px;
}
}
.arrow-wrap[data-v-08d25fa5] {
  grid-area: arrow;
  width: 80%;
  height: 100%;
  padding: 12px 0;
  text-align: center;
  cursor: pointer;
}
.arrow[data-v-08d25fa5] {
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-image: url("https://cdn.test.codmos.io/default/public/259014d6-c557-470f-8020-0c4fd17de33a.png");
}
.answer-wrap[data-v-08d25fa5] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 6fr;
  grid-area: answerWrap;
  min-width: 100%;
  margin-top: 23px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
.answer-wrap .answer-logo[data-v-08d25fa5] {
    align-self: flex-start;
    justify-self: center;
    width: 56px;
    height: 56px;
    margin-top: 24px;
    background-image: url("https://cdn.test.codmos.io/default/public/fd0955a2-70a1-4bf2-8e3e-def3b5aadf29.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer-logo[data-v-08d25fa5] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer-logo[data-v-08d25fa5] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
}
}
.answer-wrap .answer[data-v-08d25fa5] {
    justify-self: flex-start;
    width: 100%;
    padding: 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    line-height: 2.23;
    color: #000;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer[data-v-08d25fa5] {
        font-size: 16px;
        line-height: 2;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer[data-v-08d25fa5] {
        padding: 24px 24px 24px 10px;
        font-size: 10px;
        line-height: 2;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqAcnt.vue?vue&type=style&index=0&id=4fb4a1dd&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap .chns-writ {
  font-family: cursive;
}
.main-acnt-wrap .emphs {
  font-weight: 700;
  color: red;
  text-decoration: underline;
}
.main-acnt-wrap .cntct-nmbr {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
.main-acnt-wrap .cntct-nmbr {
      font-size: 9px;
      font-weight: bold;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqAcnt.vue?vue&type=style&index=1&id=4fb4a1dd&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4fb4a1dd]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap[data-v-4fb4a1dd] {
  width: 100%;
  max-width: 975px;
  margin: 0 auto;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-acnt-wrap[data-v-4fb4a1dd] {
      width: 578px;
}
}
@media screen and (max-width: 640px) {
.main-acnt-wrap[data-v-4fb4a1dd] {
      width: 80%;
      min-width: 311px;
}
}
.acnt-wrap[data-v-4fb4a1dd] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-areas: 'q qestn arrow' 'answerWrap answerWrap answerWrap';
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
  width: 975px;
  height: auto;
  padding: 30px 0;
  cursor: pointer;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap[data-v-4fb4a1dd] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 578px;
      padding: 24px 0;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap[data-v-4fb4a1dd] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 100%;
      padding: 16px 0;
}
}
.acnt-wrap .qestn-logo[data-v-4fb4a1dd] {
    grid-area: q;
    width: 56px;
    height: 56px;
    background-image: url("https://cdn.test.codmos.io/default/public/bc38c564-55ec-40cc-b936-1e65010f890c.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap .qestn-logo[data-v-4fb4a1dd] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap .qestn-logo[data-v-4fb4a1dd] {
        width: 32px;
        height: 32px;
}
}
.qestn[data-v-4fb4a1dd] {
  grid-area: qestn;
  justify-self: flex-start;
  width: auto;
  padding: 0 0 0 24px;
  font-family: var(--nanum-square), sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.75;
  color: #000;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.qestn[data-v-4fb4a1dd] {
      font-size: 20px;
      letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
.qestn[data-v-4fb4a1dd] {
      padding: 0 0 0 10px;
      font-size: 14px;
      letter-spacing: -0.5px;
}
}
.arrow-wrap[data-v-4fb4a1dd] {
  grid-area: arrow;
  width: 80%;
  height: 100%;
  padding: 12px 0;
  text-align: center;
  cursor: pointer;
}
.arrow[data-v-4fb4a1dd] {
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-image: url("https://cdn.test.codmos.io/default/public/259014d6-c557-470f-8020-0c4fd17de33a.png");
}
.answer-wrap[data-v-4fb4a1dd] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 6fr;
  grid-area: answerWrap;
  min-width: 100%;
  margin-top: 23px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
.answer-wrap .answer-logo[data-v-4fb4a1dd] {
    align-self: flex-start;
    justify-self: center;
    width: 56px;
    height: 56px;
    margin-top: 24px;
    background-image: url("https://cdn.test.codmos.io/default/public/fd0955a2-70a1-4bf2-8e3e-def3b5aadf29.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer-logo[data-v-4fb4a1dd] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer-logo[data-v-4fb4a1dd] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
}
}
.answer-wrap .answer[data-v-4fb4a1dd] {
    justify-self: flex-start;
    width: 100%;
    padding: 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    line-height: 2.23;
    color: #000;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer[data-v-4fb4a1dd] {
        font-size: 16px;
        line-height: 2;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer[data-v-4fb4a1dd] {
        padding: 24px 24px 24px 10px;
        font-size: 10px;
        line-height: 2;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqEtc.vue?vue&type=style&index=0&id=7ed6d8af&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap .chns-writ {
  font-family: cursive;
}
.main-acnt-wrap .emphs {
  font-weight: 700;
  color: red;
  text-decoration: underline;
}
.main-acnt-wrap .cntct-nmbr {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
.main-acnt-wrap .cntct-nmbr {
      font-size: 9px;
      font-weight: bold;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqEtc.vue?vue&type=style&index=1&id=7ed6d8af&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7ed6d8af]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-acnt-wrap[data-v-7ed6d8af] {
  width: 100%;
  max-width: 975px;
  margin: 0 auto;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-acnt-wrap[data-v-7ed6d8af] {
      width: 578px;
}
}
@media screen and (max-width: 640px) {
.main-acnt-wrap[data-v-7ed6d8af] {
      width: 80%;
      min-width: 311px;
}
}
.acnt-wrap[data-v-7ed6d8af] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-areas: 'q qestn arrow' 'answerWrap answerWrap answerWrap';
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
  width: 975px;
  height: auto;
  padding: 30px 0;
  cursor: pointer;
  border-top: 0.5px solid #e6e6e6;
  border-bottom: 0.5px solid #e6e6e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap[data-v-7ed6d8af] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 578px;
      padding: 24px 0;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap[data-v-7ed6d8af] {
      grid-template-columns: 1fr 5fr 0.5fr;
      width: 100%;
      padding: 16px 0;
}
}
.acnt-wrap .qestn-logo[data-v-7ed6d8af] {
    grid-area: q;
    width: 56px;
    height: 56px;
    background-image: url("https://cdn.test.codmos.io/default/public/bc38c564-55ec-40cc-b936-1e65010f890c.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap .qestn-logo[data-v-7ed6d8af] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap .qestn-logo[data-v-7ed6d8af] {
        width: 32px;
        height: 32px;
}
}
.acnt-wrap .qestn[data-v-7ed6d8af] {
    grid-area: qestn;
    justify-self: flex-start;
    width: auto;
    padding: 0 0 0 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.75;
    color: #000;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.acnt-wrap .qestn[data-v-7ed6d8af] {
        font-size: 20px;
        letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
.acnt-wrap .qestn[data-v-7ed6d8af] {
        padding: 0 0 0 10px;
        font-size: 14px;
        letter-spacing: -0.5px;
}
}
.acnt-wrap .arrow-wrap[data-v-7ed6d8af] {
    grid-area: arrow;
    width: 80%;
    height: 100%;
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
}
.acnt-wrap .arrow[data-v-7ed6d8af] {
    width: 26px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/259014d6-c557-470f-8020-0c4fd17de33a.png");
}
.answer-wrap[data-v-7ed6d8af] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 6fr;
  grid-area: answerWrap;
  min-width: 100%;
  margin-top: 23px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
.answer-wrap .answer-logo[data-v-7ed6d8af] {
    align-self: flex-start;
    justify-self: center;
    width: 56px;
    height: 56px;
    margin-top: 24px;
    background-image: url("https://cdn.test.codmos.io/default/public/fd0955a2-70a1-4bf2-8e3e-def3b5aadf29.png");
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer-logo[data-v-7ed6d8af] {
        width: 48px;
        height: 48px;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer-logo[data-v-7ed6d8af] {
        width: 32px;
        height: 32px;
        margin-top: 12px;
}
}
.answer-wrap .answer[data-v-7ed6d8af] {
    justify-self: flex-start;
    width: 100%;
    padding: 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    line-height: 2.23;
    color: #000;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.answer-wrap .answer[data-v-7ed6d8af] {
        font-size: 16px;
        line-height: 2;
}
}
@media screen and (max-width: 640px) {
.answer-wrap .answer[data-v-7ed6d8af] {
        padding: 24px 24px 24px 10px;
        font-size: 10px;
        line-height: 2;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainFaqCtgry.vue?vue&type=style&index=0&id=43a750b8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-43a750b8]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-ctgry-wrap[data-v-43a750b8] {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-content: center;
  justify-items: center;
  width: 100%;
  margin-bottom: 150px;
}
.main-ctgry-wrap .ctgry-wrap[data-v-43a750b8] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-items: center;
    width: 995px;
    height: 360px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ctgry-wrap .ctgry-wrap[data-v-43a750b8] {
        width: 640px;
        height: 164px;
}
}
@media screen and (max-width: 640px) {
.main-ctgry-wrap .ctgry-wrap[data-v-43a750b8] {
        width: 80%;
        height: 130px;
        min-width: 375px;
}
}
.main-ctgry-wrap .ctgry-wrap .oval[data-v-43a750b8] {
      display: grid;
      grid-template-rows: 3fr 1fr;
      grid-template-columns: 1fr;
      width: 104px;
      height: 146px;
      cursor: pointer;
}
.main-ctgry-wrap .ctgry-wrap .oval:hover .img-wrap[data-v-43a750b8] {
        background-color: #fff;
        border: solid 2px #5255e6;
}
.main-ctgry-wrap .ctgry-wrap .oval:hover .txt[data-v-43a750b8] {
        color: #5255e6;
}
.main-ctgry-wrap .ctgry-wrap .oval.active .img-wrap[data-v-43a750b8] {
        background-color: #fff;
        border: solid 2px #5255e6;
}
.main-ctgry-wrap .ctgry-wrap .oval.active .txt[data-v-43a750b8] {
        color: #5255e6;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .oval[data-v-43a750b8] {
          width: 87px;
          height: 100px;
}
}
@media screen and (max-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .oval[data-v-43a750b8] {
          width: 53px;
          height: 66px;
}
}
.main-ctgry-wrap .ctgry-wrap .img-wrap[data-v-43a750b8] {
      display: grid;
      align-items: center;
      justify-items: center;
      width: 100%;
      height: 100%;
      border: solid 1px #d4d4d4;
      border-radius: 50%;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .img-wrap[data-v-43a750b8] {
          width: 72px;
          height: 72px;
}
}
@media screen and (max-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .img-wrap[data-v-43a750b8] {
          width: 48px;
          height: 48px;
}
}
.main-ctgry-wrap .ctgry-wrap .img[data-v-43a750b8] {
      width: 72px;
      height: 72px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .img[data-v-43a750b8] {
          justify-self: center;
          width: 50px;
          height: 50px;
}
}
@media screen and (max-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .img[data-v-43a750b8] {
          width: 30px;
          height: 30px;
}
}
.main-ctgry-wrap .ctgry-wrap .txt[data-v-43a750b8] {
      font-family: var(--nanum-square), sans-serif;
      font-size: 20px;
      font-weight: 800;
      line-height: 2.1;
      color: #797979;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .txt[data-v-43a750b8] {
          font-size: 18px;
          letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
.main-ctgry-wrap .ctgry-wrap .txt[data-v-43a750b8] {
          font-size: 11px;
          letter-spacing: -0.3px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeFaq.vue?vue&type=style&index=0&id=2dc0f20a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2dc0f20a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-faq-wrap .main-jmbtr[data-v-2dc0f20a] {
  background-color: #fbfbfb;
}
.main-pge-faq-wrap .main-jmbtr .title[data-v-2dc0f20a] {
    margin-bottom: 24px;
    font-family: GmarketSans, sans-serif;
    font-size: 56px;
    font-weight: 700;
    color: #3c3ca7;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .title[data-v-2dc0f20a] {
        margin-bottom: 16px;
        font-size: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .title[data-v-2dc0f20a] {
        margin-bottom: 17px;
        font-size: 30px;
}
}
.main-pge-faq-wrap .main-jmbtr .sub-title[data-v-2dc0f20a] {
    font-family: var(--nanum-square), sans-serif;
    font-size: 20px;
    color: #5b5b5b;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .sub-title[data-v-2dc0f20a] {
        font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .sub-title[data-v-2dc0f20a] {
        font-size: 14px;
}
}
.main-pge-faq-wrap .main-jmbtr .icon[data-v-2dc0f20a] {
    width: 260px;
    height: 216px;
    margin: 20px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/5a133991-6c26-4f9b-8fc0-2ca7526f5141.png");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .icon[data-v-2dc0f20a] {
        width: 123px;
        height: 150px;
        margin: 6px 0;
}
}
@media screen and (max-width: 640px) {
.main-pge-faq-wrap .main-jmbtr .icon[data-v-2dc0f20a] {
        width: 78px;
        height: 96px;
        margin: 12px 0;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgePymnt.vue?vue&type=style&index=0&id=3b139384&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3b139384]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-pymnt-wrap[data-v-3b139384] {
  overflow-x: hidden;
}
.main-pge-pymnt-wrap *[data-v-3b139384] {
    font-family: var(--nanum-square), sans-serif;
}
.main-pge-pymnt-wrap .jmbtr[data-v-3b139384] {
    padding: 20px 0;
    background-image: linear-gradient(to top, #61dddf, #41bce6);
}
.main-pge-pymnt-wrap .jmbtr.edu[data-v-3b139384] {
      background-image: linear-gradient(to top, #ab9ff1, #8e7ef0);
}
.main-pge-pymnt-wrap .jmbtr .title[data-v-3b139384] {
      font-family: GmarketSans, sans-serif;
}
@media screen and (min-width: 1025px) {
.main-pge-pymnt-wrap .jmbtr .title[data-v-3b139384] {
          margin-bottom: 12px;
          font-size: 60px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .title[data-v-3b139384] {
          margin-bottom: 16px;
          font-size: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .title[data-v-3b139384] {
          margin-bottom: 14px;
          font-size: 30px;
}
}
@media screen and (min-width: 1025px) {
.main-pge-pymnt-wrap .jmbtr .sub-title[data-v-3b139384] {
        font-size: 22px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .sub-title[data-v-3b139384] {
        font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .sub-title[data-v-3b139384] {
        font-size: 14px;
        white-space: pre-line;
}
}
.main-pge-pymnt-wrap .jmbtr .icon[data-v-3b139384] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/0b73fea6-b9b0-438d-a92f-30142a1b8fc2.png");
}
@media screen and (min-width: 1025px) {
.main-pge-pymnt-wrap .jmbtr .icon[data-v-3b139384] {
          width: 280px;
          height: 216px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .icon[data-v-3b139384] {
          width: 194.4px;
          height: 150px;
}
}
@media screen and (max-width: 640px) {
.main-pge-pymnt-wrap .jmbtr .icon[data-v-3b139384] {
          width: 124.4px;
          height: 96px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgePymntLndgEdu.vue?vue&type=style&index=0&id=208758fa&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-208758fa]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-pymnt-lndg-wrap[data-v-208758fa] {
  padding-bottom: 112px;
  font-family: var(--pretendard), sans-serif;
  word-break: keep-all;
}
@media screen and (max-width: 640px) {
.main-pge-pymnt-lndg-wrap[data-v-208758fa] {
      padding-bottom: 0;
}
}
section[data-v-208758fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section[data-v-208758fa] {
      padding: 40px 0;
}
}
@media screen and (max-width: 640px) {
section[data-v-208758fa] {
      padding: 48px 8px;
}
}
section h2.section-title[data-v-208758fa] {
    margin-bottom: 80px;
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section h2.section-title[data-v-208758fa] {
        margin-bottom: 40px;
        font-size: 20px;
}
}
@media screen and (max-width: 640px) {
section h2.section-title[data-v-208758fa] {
        margin-bottom: 40px;
        font-size: 24px;
}
}
section .btn[data-v-208758fa] {
    font-weight: 600;
    color: #fff;
    border-radius: 100px;
}
section .btn.green[data-v-208758fa] {
      background: linear-gradient(90deg, #86f1aa 0%, #19cda1 51.04%);
}
section .btn.purple[data-v-208758fa] {
      background: var(--new-p-3, #652fd9);
}
section.plan[data-v-208758fa] {
  flex-direction: column;
  align-items: center;
}
section.plan > div[data-v-208758fa] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1098px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div[data-v-208758fa] {
        max-width: 536px;
}
}
@media screen and (max-width: 640px) {
section.plan > div[data-v-208758fa] {
        flex-direction: column;
        align-items: center;
        gap: 26px;
}
}
section.plan > div .plan[data-v-208758fa] {
      width: 486px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan[data-v-208758fa] {
          width: 260px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan[data-v-208758fa] {
          width: 100%;
}
}
section.plan > div .plan h3[data-v-208758fa] {
        margin-bottom: 0.7em;
        font-size: 22px;
        font-weight: 600;
        line-height: 140%;
        /* 30.8px */
        text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan h3[data-v-208758fa] {
            font-size: 12px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan h3[data-v-208758fa] {
            font-size: 22px;
}
}
section.plan > div .plan .title[data-v-208758fa] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 98px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .title[data-v-208758fa] {
            height: 52px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .title[data-v-208758fa] {
            height: 80px;
}
}
section.plan > div .plan .title h4[data-v-208758fa] {
          font-size: 26px;
          font-weight: 600;
          line-height: 140%;
          /* 36.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .title h4[data-v-208758fa] {
              font-size: 16px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .title h4[data-v-208758fa] {
              font-size: 26px;
}
}
section.plan > div .plan .title h5[data-v-208758fa] {
          font-size: 16px;
          font-weight: 500;
          line-height: 140%;
          /* 22.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .title h5[data-v-208758fa] {
              font-size: 10px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .title h5[data-v-208758fa] {
              font-size: 16px;
}
}
section.plan > div .plan .desc[data-v-208758fa] {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 522px;
        padding: 1.5em;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .desc[data-v-208758fa] {
            height: 386px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .desc[data-v-208758fa] {
            height: 490px;
}
}
section.plan > div .plan .desc > ul > li[data-v-208758fa] {
          padding-left: 0.5em;
          margin-left: 1em;
          font-size: 22px;
          font-weight: 500;
          line-height: 160%;
          /* 35.2px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .desc > ul > li[data-v-208758fa] {
              font-size: 14px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .desc > ul > li[data-v-208758fa] {
              font-size: 20px;
}
}
section.plan > div .plan .desc > ul > li > span[data-v-208758fa] {
            display: block;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 160%;
}
section.plan > div .plan .desc > ul > li[data-v-208758fa]:not(:last-child) {
            margin-bottom: 0.5em;
}
section.plan > div .plan .desc > ul > li > ul[data-v-208758fa] {
            padding-left: 1em;
}
section.plan > div .plan .desc > ul > li > ul > li[data-v-208758fa] {
              padding-left: 0.5em;
              font-size: 18px;
              line-height: 160%;
              /* 28.8px */
              list-style-type: disc;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .desc > ul > li > ul > li[data-v-208758fa] {
                  font-size: 12px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .desc > ul > li > ul > li[data-v-208758fa] {
                  font-size: 16px;
}
}
section.plan > div .plan .desc > button[data-v-208758fa], section.plan > div .plan .desc a[data-v-208758fa] {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          padding: 10px;
          font-size: 28px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.plan > div .plan .desc > button[data-v-208758fa], section.plan > div .plan .desc a[data-v-208758fa] {
              font-size: 20px;
}
}
@media screen and (max-width: 640px) {
section.plan > div .plan .desc > button[data-v-208758fa], section.plan > div .plan .desc a[data-v-208758fa] {
              font-size: 26px;
}
}
section.plan > div .plan.starter h3[data-v-208758fa] {
        color: #19cda1;
}
section.plan > div .plan.starter .title[data-v-208758fa] {
        border: 2px solid #dedede;
        border-bottom: none;
}
section.plan > div .plan.starter .desc[data-v-208758fa] {
        border: 2px solid #dedede;
}
section.plan > div .plan.starter .desc > ul > li[data-v-208758fa]::marker {
          content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27%3E%3Cpath d=%27M2 8.12778L7.75 13.75C7.75 13.75 15.1066 6.54577 19.5 2.25%27 stroke=%27%2319CDA1%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
section.plan > div .plan.premium h3[data-v-208758fa] {
        color: var(--new-p-3, #652fd9);
}
section.plan > div .plan.premium .title[data-v-208758fa] {
        background: var(--new-p-2, #ecedff);
        border: 2px solid #d0d2fb;
        border-bottom: none;
}
section.plan > div .plan.premium .desc[data-v-208758fa] {
        border: 2px solid #d0d2fb;
        border-top: none;
}
section.plan > div .plan.premium .desc > ul > li[data-v-208758fa]::marker {
          content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27%3E%3Cpath d=%27M2 8.12778L7.75 13.75C7.75 13.75 15.1066 6.54577 19.5 2.25%27 stroke=%27%23652FD9%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
section.process picture[data-v-208758fa] {
  display: flex;
  justify-content: center;
  width: 80%;
}
section.process picture img[data-v-208758fa] {
    max-width: 1000px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.process picture img[data-v-208758fa] {
        width: 100%;
}
}
@media screen and (max-width: 640px) {
section.process picture img[data-v-208758fa] {
        width: 100%;
}
}
section.pymnt-method table[data-v-208758fa] {
  width: 90%;
  max-width: 1000px;
  font-size: 20px;
  border-top: 2px solid #dee1ea;
  border-collapse: collapse;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.pymnt-method table[data-v-208758fa] {
      font-size: 12px;
}
}
@media screen and (max-width: 640px) {
section.pymnt-method table[data-v-208758fa] {
      display: none;
}
}
section.pymnt-method table tr th[data-v-208758fa] {
    width: 30%;
    padding: 20px 0;
    font-weight: normal;
    color: #676767;
    text-align: center;
    background-color: #f7f7f7;
    border-right: 1px solid #dee1ea;
}
section.pymnt-method table tr th[data-v-208758fa]:last-child {
      width: 40%;
      border-right: none;
}
section.pymnt-method table tr td[data-v-208758fa] {
    padding: 25px;
    line-height: 1.5em;
    border-right: 1px solid #dee1ea;
    border-bottom: 1px solid #dee1ea;
}
section.pymnt-method table tr td[data-v-208758fa]:last-child {
      border-right: none;
}
section.pymnt-method table tr td span[data-v-208758fa] {
      font-size: 14px;
      color: #959798;
      text-decoration: underline;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
section.pymnt-method table tr td span[data-v-208758fa] {
          font-size: 9px;
}
}
@media screen and (max-width: 640px) {
section.pymnt-method table tr td span[data-v-208758fa] {
          font-size: 9px;
}
}
section.pymnt-method .phone-div[data-v-208758fa] {
  display: none;
  width: 100%;
}
@media screen and (max-width: 640px) {
section.pymnt-method .phone-div[data-v-208758fa] {
      display: block;
}
}
section.pymnt-method .phone-div .card[data-v-208758fa] {
    width: 100%;
    padding: 24px;
    margin-bottom: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 16px;
}
section.pymnt-method .phone-div .card > div[data-v-208758fa] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
}
section.pymnt-method .phone-div .card > div h3[data-v-208758fa] {
        font-size: 18px;
        font-weight: 500;
}
section.pymnt-method .phone-div .card > div a button[data-v-208758fa] {
        width: 90px;
        height: 32px;
        color: white;
        background-color: black;
        border-radius: 16px;
}
section.pymnt-method .phone-div .card p[data-v-208758fa] {
      margin-bottom: 4px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5em;
}
section.pymnt-method .phone-div .card span[data-v-208758fa] {
      font-size: 12px;
      font-weight: 400;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntPrdct.vue?vue&type=style&index=0&id=4141d527&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4141d527]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pymnt-prdct-wrap .prdct[data-v-4141d527] {
  display: grid;
  background-color: #fff;
  border-radius: 12px;
}
@media screen and (min-width: 1025px) {
.main-pymnt-prdct-wrap .prdct[data-v-4141d527] {
      width: 426px;
      height: 356px;
      padding: 12px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .prdct[data-v-4141d527] {
      width: 296px;
      padding: 8px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .prdct[data-v-4141d527] {
      width: 100%;
      padding: 9px;
}
}
.main-pymnt-prdct-wrap .gray.actv[data-v-4141d527] {
  border: 2px solid #cdd2d5;
}
.main-pymnt-prdct-wrap .gray .pymnt-btn[data-v-4141d527] {
  background-image: linear-gradient(to right, #d8d8d8 0%, #cdd2d5 100%);
}
.main-pymnt-prdct-wrap .green.actv[data-v-4141d527] {
  border: 2px solid #0dcbc1;
}
.main-pymnt-prdct-wrap .green .pymnt-btn[data-v-4141d527] {
  background-image: linear-gradient(to right, #0fe4ad 1%, #0dcbc1);
}
.main-pymnt-prdct-wrap .red.actv[data-v-4141d527] {
  border: 2px solid #ff3389;
}
.main-pymnt-prdct-wrap .red .pymnt-btn[data-v-4141d527] {
  background-image: linear-gradient(to right, #ff689e 0%, #ff3389 100%);
}
.main-pymnt-prdct-wrap .blue.actv[data-v-4141d527] {
  border: 2px solid #4160fd;
}
.main-pymnt-prdct-wrap .blue .pymnt-btn[data-v-4141d527] {
  background-image: linear-gradient(to right, #3ba3ff 0%, #425bfd);
}
.main-pymnt-prdct-wrap .pymnt-btn[data-v-4141d527] {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, max-content));
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  height: 64px;
  padding: 0 23px 0 19px;
  color: #fff;
  border-radius: 6px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn[data-v-4141d527] {
      height: 39px;
      padding: 0 14px 0 11.9px;
}
}
.main-pymnt-prdct-wrap .pymnt-btn .prdct-title-wrap[data-v-4141d527] {
    line-height: 1;
    text-align: start;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .prdct-title-wrap[data-v-4141d527] {
        border-radius: 3.7px;
}
}
.main-pymnt-prdct-wrap .pymnt-btn .prdct-title-wrap .prdct-nm[data-v-4141d527] {
      font-size: 20px;
      font-weight: 800;
      word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .prdct-title-wrap .prdct-nm[data-v-4141d527] {
          font-size: 11px;
}
}
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap[data-v-4141d527] {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, max-content));
    align-items: center;
    gap: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap[data-v-4141d527] {
        gap: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap[data-v-4141d527] {
        gap: 13px;
}
}
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap .pymnt-txt[data-v-4141d527] {
      font-size: 18px;
      font-weight: 800;
      text-align: start;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap .pymnt-txt[data-v-4141d527] {
          font-size: 11px;
}
}
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap .arrw-icon[data-v-4141d527] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      width: 10px;
      height: 18px;
      background-image: url("https://cdn.test.codmos.io/default/public/f0c8ef56-72e8-481e-bca5-3673f5ad4095.svg");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pymnt-btn .pymnt-txt-wrap .arrw-icon[data-v-4141d527] {
          width: 7px;
          height: 12px;
          font-size: 8.5px;
}
}
.main-pymnt-prdct-wrap .lmt-sle-txt[data-v-4141d527] {
  font-size: 16px;
  font-weight: 300;
  color: #b6e4ff;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .lmt-sle-txt[data-v-4141d527] {
      font-size: 9.8px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .lmt-sle-txt[data-v-4141d527] {
      font-size: 12.8px;
}
}
.main-pymnt-prdct-wrap .body[data-v-4141d527] {
  padding: 40px 36px 17px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .body[data-v-4141d527] {
      padding: 23.45px 20px 9.97px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .body[data-v-4141d527] {
      padding: 40px 30px 20px;
}
}
.main-pymnt-prdct-wrap .lbl[data-v-4141d527] {
  text-align: left;
}
.main-pymnt-prdct-wrap .pc[data-v-4141d527] {
  text-align: right;
}
.main-pymnt-prdct-wrap .pc-grid[data-v-4141d527] {
  display: grid;
  grid-template-rows: repeat(3, 20px);
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .pc-grid[data-v-4141d527] {
      grid-template-rows: repeat(3, 12px);
      gap: 6.29px;
      padding-bottom: 15px;
      font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .pc-grid[data-v-4141d527] {
      grid-template-rows: repeat(3, 20px);
      padding-bottom: 30px;
      font-size: 17px;
}
}
.main-pymnt-prdct-wrap .pc-grid .orgn[data-v-4141d527] {
    color: #a7a7a7;
}
.main-pymnt-prdct-wrap .pc-grid .orgn.pc[data-v-4141d527] {
      text-decoration: line-through;
}
.main-pymnt-prdct-wrap .pc-grid .white[data-v-4141d527] {
    color: #fff;
}
.main-pymnt-prdct-wrap .pc-grid .red[data-v-4141d527] {
    color: #ff4074;
}
.main-pymnt-prdct-wrap .cpn.lbl[data-v-4141d527] {
  position: relative;
}
.main-pymnt-prdct-wrap .cpn.lbl > p[data-v-4141d527] {
    position: relative;
}
.main-pymnt-prdct-wrap .cpn.lbl .red-rect[data-v-4141d527] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 146px;
    height: 28px;
    background-image: url("https://cdn.test.codmos.io/default/public/3938fe95-187d-4869-9091-dbdb129def24.svg");
    transform: translate(-34%, -1px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .cpn.lbl .red-rect[data-v-4141d527] {
        width: 91px;
        height: 17px;
        transform: translateX(-33%);
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .cpn.lbl .red-rect[data-v-4141d527] {
        width: 118px;
        height: 28px;
        background-image: url("https://cdn.test.codmos.io/default/public/094b81e1-4113-41a2-8a20-a1fbaf52369d.svg");
        transform: translateX(-40px) translateY(-3px);
}
}
.main-pymnt-prdct-wrap .cpn.lbl .red-rect.long[data-v-4141d527] {
      width: 156.5px;
      background-image: url("https://cdn.test.codmos.io/default/public/9cac5f5e-1439-4706-8689-0c9578ae5f94.svg");
      transform: translateX(-19%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .cpn.lbl .red-rect.long[data-v-4141d527] {
          width: 95.4px;
          height: 17.1px;
          transform: translateX(-24%);
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .cpn.lbl .red-rect.long[data-v-4141d527] {
          transform: translateX(-45px);
}
}
.main-pymnt-prdct-wrap .line[data-v-4141d527] {
  margin-bottom: 14px;
  border-top: solid 1px #cdd2d5;
}
.main-pymnt-prdct-wrap .total-row[data-v-4141d527] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  color: black;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .total-row[data-v-4141d527] {
      font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .total-row[data-v-4141d527] {
      font-size: 18px;
}
}
.main-pymnt-prdct-wrap .mth-row[data-v-4141d527] {
  margin-top: 31px;
  color: #000;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .mth-row[data-v-4141d527] {
      margin-top: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .mth-row[data-v-4141d527] {
      margin-top: 35px;
}
}
.main-pymnt-prdct-wrap .mth-row .pc[data-v-4141d527] {
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    justify-content: end;
}
.main-pymnt-prdct-wrap .mth-row .mth[data-v-4141d527] {
    margin-right: 8px;
    font-size: 18px;
    transform: translateY(-5px);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .mth-row .mth[data-v-4141d527] {
        font-size: 12px;
        transform: translateY(-3px);
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .mth-row .mth[data-v-4141d527] {
        font-size: 18px;
        transform: translateY(-3px);
}
}
.main-pymnt-prdct-wrap .mth-row h5[data-v-4141d527] {
    font-size: 28px;
    font-weight: 900;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .mth-row h5[data-v-4141d527] {
        font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .mth-row h5[data-v-4141d527] {
        font-size: 32px;
}
}
.main-pymnt-prdct-wrap .info[data-v-4141d527] {
  margin-top: 14.8px;
  font-size: 14px;
  line-height: 1.43;
  color: #7f8999;
  white-space: pre-line;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-wrap .info[data-v-4141d527] {
      margin-top: 9.23px;
      font-size: 8.5px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-wrap .info[data-v-4141d527] {
      margin-top: 13px;
      font-size: 10px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCpnForm.vue?vue&type=style&index=0&id=1df1eece&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1df1eece]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-1df1eece] {
  color: #5682fe;
}
.link[data-v-1df1eece]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-1df1eece] {
  line-height: 1;
}
.btn.prmry[data-v-1df1eece] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-1df1eece]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-1df1eece] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-1df1eece]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-1df1eece] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-1df1eece]:disabled, .btn[data-v-1df1eece]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-1df1eece] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-1df1eece]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-1df1eece]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-1df1eece]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-1df1eece],
.un-chck[data-v-1df1eece] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-1df1eece]::before,
  .un-chck[data-v-1df1eece]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-1df1eece] {
  background-color: #cdd2d5;
}
.chck[data-v-1df1eece] {
  background-color: #5682fe;
}
input[type='password'][data-v-1df1eece] {
  font-family: auto;
}
.main-logo[data-v-1df1eece] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-1df1eece] {
      margin: 40px auto;
}
}
.main-pymnt-cpn-form-wrap[data-v-1df1eece] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cpn-form-wrap[data-v-1df1eece] {
      gap: 5.8px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cpn-form-wrap[data-v-1df1eece] {
      grid-template-columns: auto;
      gap: 16px;
}
}
.main-pymnt-cpn-form-wrap > input[data-v-1df1eece],
  .main-pymnt-cpn-form-wrap > button[data-v-1df1eece] {
    border-radius: 12px;
}
@media screen and (max-width: 640px) {
.main-pymnt-cpn-form-wrap > input[data-v-1df1eece],
      .main-pymnt-cpn-form-wrap > button[data-v-1df1eece] {
        border-radius: 8px;
}
}
.main-pymnt-cpn-form-wrap > input[data-v-1df1eece],
  .main-pymnt-cpn-form-wrap .inpt-btn[data-v-1df1eece] {
    width: 100%;
    height: 48px;
    padding: 6px 17px;
    font-size: 18px;
    line-height: 2;
    color: #7f8999;
    background-color: #fff;
    border: solid 1px #cdd2d5;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cpn-form-wrap > input[data-v-1df1eece],
      .main-pymnt-cpn-form-wrap .inpt-btn[data-v-1df1eece] {
        height: 29px;
        padding: 4px 10px;
        font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cpn-form-wrap > input[data-v-1df1eece],
      .main-pymnt-cpn-form-wrap .inpt-btn[data-v-1df1eece] {
        padding: 0 13px;
        font-size: 14px;
        text-align: center;
}
}
.main-pymnt-cpn-form-wrap > button[type='submit'][data-v-1df1eece] {
    height: 48px;
    min-width: 167px;
    padding: 0 14px;
    font-size: 18px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cpn-form-wrap > button[type='submit'][data-v-1df1eece] {
        height: 29px;
        min-width: 102px;
        padding: 0 9px;
        font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cpn-form-wrap > button[type='submit'][data-v-1df1eece] {
        padding: 0 16px;
        font-size: 14px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainDrpdw.vue?vue&type=style&index=0&id=483acf67&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-483acf67]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-483acf67] {
  color: #5682fe;
}
.link[data-v-483acf67]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-483acf67] {
  line-height: 1;
}
.btn.prmry[data-v-483acf67] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-483acf67]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-483acf67] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-483acf67]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-483acf67] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-483acf67]:disabled, .btn[data-v-483acf67]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-483acf67] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-483acf67]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-483acf67]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-483acf67]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-483acf67],
.un-chck[data-v-483acf67] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-483acf67]::before,
  .un-chck[data-v-483acf67]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-483acf67] {
  background-color: #cdd2d5;
}
.chck[data-v-483acf67] {
  background-color: #5682fe;
}
input[type='password'][data-v-483acf67] {
  font-family: auto;
}
.main-logo[data-v-483acf67] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-483acf67] {
      margin: 40px auto;
}
}
.main-drpdw-wrap[data-v-483acf67] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  position: relative;
}
.main-drpdw-wrap .select-itm[data-v-483acf67] {
    line-height: 2;
    padding: 6px 20px 6px 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px;
    align-items: center;
    text-align: left;
    border-radius: 6px;
    border-style: solid;
    background-color: #fff;
    position: relative;
    z-index: 1;
    text-wrap: nowrap;
}
.main-drpdw-wrap .select-itm.on[data-v-483acf67] {
      border-width: 1.5px;
      color: #5682fe;
      border-color: #5682fe;
}
.main-drpdw-wrap .select-itm.off[data-v-483acf67] {
      border-width: 1px;
      color: #000;
      border-color: #000;
}
.main-drpdw-wrap .lbl[data-v-483acf67] {
    cursor: pointer;
}
.main-drpdw-wrap .arrw[data-v-483acf67] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 10px;
}
.main-drpdw-wrap .arrw.up[data-v-483acf67] {
      background-image: url("https://cdn.test.codmos.io/default/public/4632f48a-6cd9-4de9-a566-e2ad7e73b0ca.svg");
}
.main-drpdw-wrap .arrw.down[data-v-483acf67] {
      background-image: url("https://cdn.test.codmos.io/default/public/f6a173c6-f45a-4f2f-950f-5ec41892f2e2.svg");
}
.main-drpdw-wrap .itm-menu[data-v-483acf67] {
    position: absolute;
    width: 100%;
    top: 39px;
    left: 0;
    background-color: #5682fe;
    display: grid;
    grid-auto-flow: row;
    padding: 7px 4px 4px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    overflow: auto;
}
.main-drpdw-wrap .itm-menu .itm[data-v-483acf67] {
      width: 100%;
      padding: 6px 12px;
      height: 40px;
      color: #fff;
      border-radius: 6px;
      text-align: left;
}
.main-drpdw-wrap .itm-menu .itm[data-v-483acf67]:hover {
        background-color: #fff;
        color: #5682fe;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainAlert.vue?vue&type=style&index=0&id=240908e4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-240908e4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-240908e4] {
  color: #5682fe;
}
.link[data-v-240908e4]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-240908e4] {
  line-height: 1;
}
.btn.prmry[data-v-240908e4] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-240908e4]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-240908e4] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-240908e4]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-240908e4] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-240908e4]:disabled, .btn[data-v-240908e4]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-240908e4] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-240908e4]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-240908e4]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-240908e4]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-240908e4],
.un-chck[data-v-240908e4] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-240908e4]::before,
  .un-chck[data-v-240908e4]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-240908e4] {
  background-color: #cdd2d5;
}
.chck[data-v-240908e4] {
  background-color: #5682fe;
}
input[type='password'][data-v-240908e4] {
  font-family: auto;
}
.main-logo[data-v-240908e4] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-240908e4] {
      margin: 40px auto;
}
}
.main-alert-wrap[data-v-240908e4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-alert-wrap .dim[data-v-240908e4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.main-alert-wrap .cntnr[data-v-240908e4] {
    position: relative;
    display: grid;
    grid-auto-rows: auto 1fr auto;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 310px;
    min-height: 226px;
    padding: 30px;
    background-color: #fff;
    border-radius: 12px;
}
.main-alert-wrap .icon[data-v-240908e4] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: auto;
}
.main-alert-wrap .icon.dngrs[data-v-240908e4] {
      background-image: url("https://cdn.test.codmos.io/default/public/26192144-4a85-47f1-82c4-c4f3564fe23c.svg");
}
.main-alert-wrap .icon.succes[data-v-240908e4] {
      background-image: url("https://cdn.test.codmos.io/default/public/3fa58613-08ca-4b48-b6df-1e3315edee26.svg");
}
.main-alert-wrap .icon.sgn[data-v-240908e4] {
      background-image: url("https://cdn.test.codmos.io/default/public/57997725-fc2e-417b-ab47-a8e360d823e0.svg");
}
.main-alert-wrap .msg[data-v-240908e4] {
    margin-bottom: 8px;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    white-space: pre-line;
}
.main-alert-wrap .btn[data-v-240908e4] {
    min-width: 120px;
    padding: 12px;
    border-radius: 6px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCardForm.vue?vue&type=style&index=0&id=71bac590&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link {
  color: #5682fe;
}
.link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn {
  line-height: 1;
}
.btn.prmry {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt {
    color: #000;
    background: #cdd2d5;
}
.btn:disabled, .btn:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt {
  color: #000;
  border: solid 1px #000;
}
.inpt:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt:focus {
    border: solid 1px #5682fe;
}
.err .inpt:focus {
    border: solid 1px #ff3f3f;
}
.chck,
.un-chck {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck::before,
  .un-chck::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck {
  background-color: #cdd2d5;
}
.chck {
  background-color: #5682fe;
}
input[type='password'] {
  font-family: auto;
}
.main-logo {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo {
      margin: 40px auto;
}
}
.main-pymnt-card-form-wrap small {
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 12px;
  line-height: 2.33;
  color: #8e939c;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCardForm.vue?vue&type=style&index=1&id=71bac590&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-71bac590]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-71bac590] {
  color: #5682fe;
}
.link[data-v-71bac590]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-71bac590] {
  line-height: 1;
}
.btn.prmry[data-v-71bac590] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-71bac590]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-71bac590] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-71bac590]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-71bac590] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-71bac590]:disabled, .btn[data-v-71bac590]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-71bac590] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-71bac590]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-71bac590]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-71bac590]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-71bac590],
.un-chck[data-v-71bac590] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-71bac590]::before,
  .un-chck[data-v-71bac590]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-71bac590] {
  background-color: #cdd2d5;
}
.chck[data-v-71bac590] {
  background-color: #5682fe;
}
input[type='password'][data-v-71bac590] {
  font-family: auto;
}
.main-logo[data-v-71bac590] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-71bac590] {
      margin: 40px auto;
}
}
.main-pymnt-card-form-wrap[data-v-71bac590] {
  display: grid;
  grid-template-columns: 1fr 2px auto;
  gap: 29.5px;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap[data-v-71bac590] {
      grid-template-columns: auto;
      gap: 0;
      max-height: 86vh;
      overflow: auto;
}
}
.main-pymnt-card-form-wrap label[data-v-71bac590] {
    font-size: 14px;
    font-weight: bold;
}
.main-pymnt-card-form-wrap .inpt-sctn .slash[data-v-71bac590]::before {
    content: '/';
}
.main-pymnt-card-form-wrap .line[data-v-71bac590] {
    width: 100%;
    height: 100%;
    border-left: solid 1px #ccd7d6;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .line[data-v-71bac590] {
        display: none;
}
}
.main-pymnt-card-form-wrap .inpt-grp-row[data-v-71bac590], .main-pymnt-card-form-wrap .main-drpdw[data-v-71bac590] {
    margin-top: 5px;
    margin-bottom: 15px;
}
.main-pymnt-card-form-wrap .inpt-grp-row[data-v-71bac590] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}
.main-pymnt-card-form-wrap .inpt-grp-row.card[data-v-71bac590] {
      grid-template-columns: repeat(4, 76px);
      gap: 5px;
}
.main-pymnt-card-form-wrap .inpt-grp-row.pw[data-v-71bac590] {
      grid-template-columns: 76px;
}
.main-pymnt-card-form-wrap .inpt-grp-row.exp[data-v-71bac590] {
      grid-template-columns: 76px 6px 76px;
      gap: 7.8px;
}
.main-pymnt-card-form-wrap .inpt-grp-row.brth[data-v-71bac590] {
      grid-template-columns: 176px;
}
.main-pymnt-card-form-wrap .inpt-grp-row.trm[data-v-71bac590] {
      gap: 9px;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .inpt-grp-row.trm[data-v-71bac590] {
          grid-template-columns: 20px auto;
}
}
.main-pymnt-card-form-wrap .inpt-grp-row > input[data-v-71bac590] {
      height: 40px;
      padding: 6px;
      font-size: 14px;
      line-height: 2;
      text-align: center;
      border-radius: 6px;
}
.main-pymnt-card-form-wrap .sbmtn-sctn[data-v-71bac590] {
    display: grid;
    grid-template-rows: 28px 50px 34px 56.7px 64.4px 38px auto;
    align-items: center;
    gap: 5px;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .sbmtn-sctn.small[data-v-71bac590] {
        grid-template-rows: 36px 20px auto;
        gap: 15px;
}
}
.main-pymnt-card-form-wrap .sbmtn-sctn .subscription-info-text[data-v-71bac590] {
      font-size: 10.5px;
      line-height: 1.62;
      color: #8e939c;
      white-space: pre-line;
}
.main-pymnt-card-form-wrap .sbmtn-sctn .subscription-info-text[data-v-71bac590]::before {
        content: '* ';
}
.main-pymnt-card-form-wrap .main-drpdw[data-v-71bac590] {
    z-index: 1;
    width: 176px;
    height: 40px;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .main-drpdw[data-v-71bac590] {
        width: 100%;
}
}
.main-pymnt-card-form-wrap .card-grp-icon[data-v-71bac590] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 220px;
    height: 46.3px;
    background-image: url("https://cdn.test.codmos.io/default/public/82de8cbc-82fb-4197-b059-b6a5a0daebf6.png");
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .card-grp-icon[data-v-71bac590] {
        margin: auto;
}
}
.main-pymnt-card-form-wrap .small-txt[data-v-71bac590] {
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 10.5px;
    line-height: 1.62;
    color: #8e939c;
    white-space: pre-line;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .small-txt[data-v-71bac590] {
        width: fit-content;
        margin: auto;
}
}
.main-pymnt-card-form-wrap .gide-btn[data-v-71bac590] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
    gap: 10px;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 12px;
    color: #5682fe;
    text-align: left;
}
.main-pymnt-card-form-wrap .gide-btn[data-v-71bac590]::after {
      width: 16px;
      height: 16px;
      background-image: url("https://cdn.test.codmos.io/default/public/da85e711-915b-446a-944e-646e6e7f1261.svg");
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-form-wrap .gide-btn[data-v-71bac590] {
        width: fit-content;
        margin: auto;
}
}
.main-pymnt-card-form-wrap .trm-txt[data-v-71bac590] {
    font-size: 13px;
    line-height: 2.15;
}
.main-pymnt-card-form-wrap .trm-txt > button[data-v-71bac590] {
      color: #5682fe;
      text-decoration: underline;
}
.main-pymnt-card-form-wrap .submit-btn[data-v-71bac590] {
    height: 40px;
    padding: 0 12px;
    border-radius: 6px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCardInstlmtGide.vue?vue&type=style&index=0&id=2a295d74&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2a295d74]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-2a295d74] {
  color: #5682fe;
}
.link[data-v-2a295d74]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-2a295d74] {
  line-height: 1;
}
.btn.prmry[data-v-2a295d74] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-2a295d74]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-2a295d74] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-2a295d74]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-2a295d74] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-2a295d74]:disabled, .btn[data-v-2a295d74]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-2a295d74] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-2a295d74]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-2a295d74]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-2a295d74]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-2a295d74],
.un-chck[data-v-2a295d74] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-2a295d74]::before,
  .un-chck[data-v-2a295d74]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-2a295d74] {
  background-color: #cdd2d5;
}
.chck[data-v-2a295d74] {
  background-color: #5682fe;
}
input[type='password'][data-v-2a295d74] {
  font-family: auto;
}
.main-logo[data-v-2a295d74] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-2a295d74] {
      margin: 40px auto;
}
}
.main-pymnt-card-instlmt-gide-wrap[data-v-2a295d74] {
  max-width: 695px;
  max-height: 80vh;
  padding: 28px 24px;
  white-space: pre-line;
  overflow: auto;
  font-size: 16px;
  line-height: 28px;
}
.main-pymnt-card-instlmt-gide-wrap .blue-txt[data-v-2a295d74] {
    color: #5682FE;
}
.main-pymnt-card-instlmt-gide-wrap ol[data-v-2a295d74] {
    list-style: auto;
    padding-left: 28px;
    line-height: 30px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCardModal.vue?vue&type=style&index=0&id=4496e5de&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4496e5de]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-4496e5de] {
  color: #5682fe;
}
.link[data-v-4496e5de]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-4496e5de] {
  line-height: 1;
}
.btn.prmry[data-v-4496e5de] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-4496e5de]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-4496e5de] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-4496e5de]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-4496e5de] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-4496e5de]:disabled, .btn[data-v-4496e5de]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-4496e5de] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-4496e5de]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-4496e5de]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-4496e5de]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-4496e5de],
.un-chck[data-v-4496e5de] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-4496e5de]::before,
  .un-chck[data-v-4496e5de]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-4496e5de] {
  background-color: #cdd2d5;
}
.chck[data-v-4496e5de] {
  background-color: #5682fe;
}
input[type='password'][data-v-4496e5de] {
  font-family: auto;
}
.main-logo[data-v-4496e5de] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-4496e5de] {
      margin: 40px auto;
}
}
.main-pymnt-card-modal-wrap[data-v-4496e5de] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 104;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-pymnt-card-modal-wrap .dim[data-v-4496e5de] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.main-pymnt-card-modal-wrap .modal-cntnr[data-v-4496e5de] {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-modal-wrap .modal-cntnr[data-v-4496e5de] {
        width: 100%;
        margin: auto;
}
}
@media screen and (max-height: 500px) {
.main-pymnt-card-modal-wrap .modal-cntnr[data-v-4496e5de] {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: auto;
        border-radius: 0;
}
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder[data-v-4496e5de] {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      width: 100%;
      height: 60px;
      padding: 0 23.4px 0 30px;
      border-top-right-radius: 12px;
      border-top-left-radius: 12px;
}
@media screen and (max-height: 500px) {
.main-pymnt-card-modal-wrap .modal-cntnr .hder[data-v-4496e5de] {
          border-radius: 0;
}
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder h2[data-v-4496e5de] {
        font-size: 18px;
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder .close-btn[data-v-4496e5de] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 13.2px;
        height: 13.2px;
        background-image: url("https://cdn.test.codmos.io/default/public/179a5dc6-f02d-40ed-9280-33791af7784e.svg");
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder .close-btn.black[data-v-4496e5de] {
          background-image: url("https://cdn.test.codmos.io/default/public/c85a8d4e-3ded-4a11-a708-9cd7f46727e8.svg");
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder.blue[data-v-4496e5de] {
        color: #fff;
        background-image: linear-gradient(to right, #3ba3ff 0%, #425bfd);
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder.green[data-v-4496e5de] {
        color: #fff;
        background-image: linear-gradient(to right, #0fe4ad 1%, #0dcbc1);
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder.red[data-v-4496e5de] {
        color: #fff;
        background-image: linear-gradient(to right, #ff689e 1%, #ff3389 100%);
}
.main-pymnt-card-modal-wrap .modal-cntnr .hder.sky-blue[data-v-4496e5de] {
        color: #022355;
        background: #F0F6F7;
}
.main-pymnt-card-modal-wrap .modal-cntnr .card-form-wrap[data-v-4496e5de] {
      max-height: 76vh;
      padding: 22px 30px 30px;
      overflow: auto;
}
@media screen and (max-width: 640px) {
.main-pymnt-card-modal-wrap .modal-cntnr .card-form-wrap[data-v-4496e5de] {
          padding: 11px 20px 20px;
}
}
@media screen and (max-height: 500px) {
.main-pymnt-card-modal-wrap .modal-cntnr .card-form-wrap[data-v-4496e5de] {
          max-height: none;
}
}
.main-pymnt-card-modal-wrap .modal-cntnr .tos-html[data-v-4496e5de] {
      max-width: 695px;
      max-height: 400px;
      padding: 20px 18px;
      margin: auto;
      overflow: auto;
      background-color: #f0f6f7;
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px;
}
.main-pymnt-card-modal-wrap .black-close-btn[data-v-4496e5de] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 28.5px;
    height: 28.5px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainCnfirm.vue?vue&type=style&index=0&id=6e4630e7&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6e4630e7]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-6e4630e7] {
  color: #5682fe;
}
.link[data-v-6e4630e7]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-6e4630e7] {
  line-height: 1;
}
.btn.prmry[data-v-6e4630e7] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-6e4630e7]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-6e4630e7] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-6e4630e7]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-6e4630e7] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-6e4630e7]:disabled, .btn[data-v-6e4630e7]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-6e4630e7] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-6e4630e7]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-6e4630e7]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-6e4630e7]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-6e4630e7],
.un-chck[data-v-6e4630e7] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-6e4630e7]::before,
  .un-chck[data-v-6e4630e7]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-6e4630e7] {
  background-color: #cdd2d5;
}
.chck[data-v-6e4630e7] {
  background-color: #5682fe;
}
input[type='password'][data-v-6e4630e7] {
  font-family: auto;
}
.main-logo[data-v-6e4630e7] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-6e4630e7] {
      margin: 40px auto;
}
}
.main-cnfirm-wrap[data-v-6e4630e7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: grid;
  justify-content: center;
  align-items: center;
}
.main-cnfirm-wrap .dim[data-v-6e4630e7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.main-cnfirm-wrap .cntnr[data-v-6e4630e7] {
    position: relative;
    background-color: #fff;
    min-width: 310px;
    min-height: 226px;
    display: grid;
    grid-auto-rows: auto 1fr auto;
    gap: 15px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
.main-cnfirm-wrap .icon[data-v-6e4630e7] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: auto;
}
.main-cnfirm-wrap .icon.dngrs[data-v-6e4630e7] {
      background-image: url("https://cdn.test.codmos.io/default/public/26192144-4a85-47f1-82c4-c4f3564fe23c.svg");
}
.main-cnfirm-wrap .icon.succes[data-v-6e4630e7] {
      background-image: url("https://cdn.test.codmos.io/default/public/3fa58613-08ca-4b48-b6df-1e3315edee26.svg");
}
.main-cnfirm-wrap .msg[data-v-6e4630e7] {
    font-family: var(--nanum-square-round);
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 2;
    white-space: pre-line;
    text-align: center;
}
.main-cnfirm-wrap .btn-grp[data-v-6e4630e7] {
    display: grid;
    grid-auto-flow: column;
    gap: 10px;
}
.main-cnfirm-wrap .btn[data-v-6e4630e7] {
    padding: 12px;
    min-width: 120px;
    border-radius: 6px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntPrdctList.vue?vue&type=style&index=0&id=22b0e936&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-22b0e936]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pymnt-prdct-list-wrap[data-v-22b0e936] {
  padding: 80px 0;
  background-color: #f0f6f7;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap[data-v-22b0e936] {
      padding: 48.5px 0;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap[data-v-22b0e936] {
      display: flex;
      flex-direction: column;
      padding: 72px 10px;
}
}
.main-pymnt-prdct-list-wrap > .title[data-v-22b0e936] {
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap > .title[data-v-22b0e936] {
        margin-bottom: 18.2px;
        font-size: 17.1px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap > .title[data-v-22b0e936] {
        margin-bottom: 24px;
        font-size: 22px;
}
}
.main-pymnt-prdct-list-wrap .cntnr[data-v-22b0e936] {
    width: 100%;
    margin: auto;
    overflow: auto;
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap .cntnr[data-v-22b0e936] {
        order: 2;
}
}
.main-pymnt-prdct-list-wrap .list-wrap[data-v-22b0e936], .main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
    display: grid;
    grid-auto-columns: minmax(auto, min-content);
    grid-auto-flow: column;
    gap: 30px;
    width: fit-content;
    padding: 0 80px 40px;
    margin: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap .list-wrap[data-v-22b0e936], .main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
        grid-auto-columns: minmax(auto, min-content);
        gap: 18.6px;
        padding: 0 48.5px 40px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap .list-wrap[data-v-22b0e936], .main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0;
}
}
.main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
    align-items: center;
    height: 359px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
        height: 219px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap .none-list-wrap[data-v-22b0e936] {
        height: 590px;
}
}
.main-pymnt-prdct-list-wrap .none-list-wrap .rect[data-v-22b0e936] {
      width: 496px;
      height: 301px;
      border-radius: 12px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap .none-list-wrap .rect[data-v-22b0e936] {
          width: 235px;
          height: 184px;
          border-radius: 7.3px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap .none-list-wrap .rect[data-v-22b0e936] {
          width: 310px;
          height: 242px;
          border-radius: 9.6px;
}
}
.main-pymnt-prdct-list-wrap .prdct-wrap[data-v-22b0e936] {
    display: grid;
    align-items: center;
}
.main-pymnt-prdct-list-wrap .prdct-wrap.actv .prdct[data-v-22b0e936] {
      border: solid 2px #4160fd;
}
.main-pymnt-prdct-list-wrap .cpn-form[data-v-22b0e936] {
    width: 562px;
    margin: 56.2px auto 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-prdct-list-wrap .cpn-form[data-v-22b0e936] {
        width: 342.8px;
        margin-top: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-prdct-list-wrap .cpn-form[data-v-22b0e936] {
        order: 1;
        width: 100%;
        padding: 9px;
        margin-top: 14px;
        margin-bottom: 38px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntCntnts.vue?vue&type=style&index=0&id=14616000&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-14616000]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-14616000] {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
*[data-v-14616000]::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.main-pymnt-cntnts-wrap[data-v-14616000] {
  font-family: var(--pretendard), sans-serif;
}
.main-pymnt-cntnts-wrap section.green[data-v-14616000] {
    position: relative;
    display: grid;
    place-items: center;
    height: 296px;
    background-color: #1dc592;
    background-image: url("https://cdn.test.codmos.io/default/public/d6c18a7f-f92c-4202-99e9-1bd26b00f437.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.green[data-v-14616000] {
        height: 139px;
        border-radius: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.green[data-v-14616000] {
        height: 148px;
        border-radius: 24px;
}
}
.main-pymnt-cntnts-wrap section.green > div h1[data-v-14616000] {
      font-size: 44px;
      font-weight: 800;
      color: #fff;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.green > div h1[data-v-14616000] {
          font-size: 26px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.green > div h1[data-v-14616000] {
          font-size: 28px;
}
}
.main-pymnt-cntnts-wrap section.green > div p[data-v-14616000] {
      margin-top: 24px;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.4;
      color: #fff;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.green > div p[data-v-14616000] {
          margin-top: 12px;
          font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.green > div p[data-v-14616000] {
          margin-top: 12px;
          font-size: 18px;
}
}
.main-pymnt-cntnts-wrap section.green[data-v-14616000]::after {
      position: absolute;
      top: 92%;
      width: 200px;
      height: 49px;
      background-image: url("https://cdn.test.codmos.io/default/public/a8897b39-edb2-466a-b516-a8d752cd3d6d.svg");
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.green[data-v-14616000]::after {
          width: 94px;
          height: 23px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.green[data-v-14616000]::after {
          width: 94px;
          height: 24px;
}
}
.main-pymnt-cntnts-wrap section.scrl[data-v-14616000] {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    padding-top: 117px;
    padding-bottom: 122px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl[data-v-14616000] {
        padding-top: 58.4px;
        padding-bottom: 80px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl[data-v-14616000] {
        display: none;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt[data-v-14616000] {
      display: grid;
      place-items: center;
}
.main-pymnt-cntnts-wrap section.scrl .txt > div[data-v-14616000] {
        position: relative;
        padding-left: 57px;
        border-left: 2px solid #a9a9a9;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div[data-v-14616000] {
            padding-left: 32.4px;
            border-left: 1px solid #a9a9a9;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div[data-v-14616000]::before {
          position: absolute;
          top: -11px;
          left: -29px;
          display: grid;
          place-items: center;
          width: 56px;
          height: 56px;
          font-family: var(--one-mobile-pop), sans-serif;
          font-size: 28px;
          color: #fff;
          background: #0095ff;
          border-radius: 32px 32px 0;
          content: '!';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div[data-v-14616000]::before {
              top: -25px;
              left: -18px;
              width: 31.8px;
              height: 31.8px;
              font-size: 16px;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div h1[data-v-14616000] {
          width: 310px;
          font-size: 40px;
          font-weight: 800;
          line-height: 150%;
          color: #1a1b20;
          word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div h1[data-v-14616000] {
              width: 200px;
              font-size: 26px;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div h2[data-v-14616000] {
          width: 400px;
          margin-top: 24px;
          font-size: 24px;
          font-weight: 400;
          line-height: 150%;
          color: #535561;
          white-space: pre-line;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div h2[data-v-14616000] {
              margin-top: 8px;
              font-size: 14px;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol[data-v-14616000] {
          margin-top: 69px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div ol[data-v-14616000] {
              margin-top: 41px;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000] {
            position: relative;
            margin-bottom: 12px;
            font-size: 18px;
            font-weight: 500;
            line-height: 32px;
            color: #b3b3b3;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000] {
                margin-bottom: 6px;
                font-size: 12px;
                line-height: 18px;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000]:last-child {
              margin-bottom: 0;
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000]:last-child::before {
                box-shadow: 0 5px 0 0 #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000]:last-child::before {
                    box-shadow: 0 10px 0 0 #fff;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000]::before {
              position: absolute;
              top: 5px;
              left: -69px;
              display: inline-block;
              width: 22px;
              height: 22px;
              background: #fff;
              border: 2px solid #a9a9a9;
              border-radius: 50px;
              content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li[data-v-14616000]::before {
                  top: 2px;
                  left: -39.5px;
                  width: 14px;
                  height: 14px;
                  border: 1px solid #a9a9a9;
}
}
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li.on[data-v-14616000]::before {
              background: #8de9cd;
              border: 2px solid #1dc492;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .txt > div ol li.on[data-v-14616000]::before {
                  border: 1px solid #1dc492;
}
}
.main-pymnt-cntnts-wrap section.scrl .media[data-v-14616000] {
      height: 560px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl .media[data-v-14616000] {
          height: 446px;
}
}
.main-pymnt-cntnts-wrap section.scrl-phone[data-v-14616000] {
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 68px 24px 83px;
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.scrl-phone[data-v-14616000] {
        display: flex;
}
}
.main-pymnt-cntnts-wrap section.scrl-phone h1[data-v-14616000] {
      width: 246px;
      font-size: 32px;
      font-weight: 800;
      line-height: 130%;
      color: #1a1b20;
      text-align: center;
      word-break: keep-all;
}
.main-pymnt-cntnts-wrap section.scrl-phone h2[data-v-14616000] {
      margin-top: 20px;
      font-size: 20px;
      font-weight: 400;
      line-height: 150%;
      color: #535561;
      text-align: center;
      white-space: pre-line;
}
.main-pymnt-cntnts-wrap section.scrl-phone div[data-v-14616000] {
      display: grid;
      place-items: center;
      height: 446px;
      margin-top: 56px;
}
.main-pymnt-cntnts-wrap section.scrl-phone div img[data-v-14616000], .main-pymnt-cntnts-wrap section.scrl-phone div video[data-v-14616000] {
        display: block;
        width: 331px;
}
.main-pymnt-cntnts-wrap section.scrl-phone ol[data-v-14616000] {
      position: relative;
      margin-top: 39px;
}
.main-pymnt-cntnts-wrap section.scrl-phone ol[data-v-14616000]::before {
        position: absolute;
        top: 9px;
        left: 7px;
        z-index: 0;
        display: block;
        width: 297px;
        height: 1px;
        background-color: #a9a9a9;
        content: '';
}
.main-pymnt-cntnts-wrap section.scrl-phone ol li[data-v-14616000] {
        position: relative;
        z-index: 1;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 40px;
        background: #fff;
        border: 1px solid #a9a9a9;
        border-radius: 50px;
}
.main-pymnt-cntnts-wrap section.scrl-phone ol li[data-v-14616000]:last-of-type {
          margin-right: 0;
}
.main-pymnt-cntnts-wrap section.scrl-phone ol li.on[data-v-14616000] {
          background: #8de9cd;
          border: 2px solid #1dc492;
}
.main-pymnt-cntnts-wrap section.blue[data-v-14616000] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 118px 0 150px;
    background: #13448c;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue[data-v-14616000] {
        padding: 80px 0;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue[data-v-14616000] {
        padding: 80px 0;
}
}
.main-pymnt-cntnts-wrap section.blue h1[data-v-14616000] {
      font-size: 44px;
      font-weight: 800;
      color: #fff;
      text-align: center;
}
.main-pymnt-cntnts-wrap section.blue h1 span[data-v-14616000] {
        color: #0095ff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue h1[data-v-14616000] {
          font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue h1[data-v-14616000] {
          font-size: 28px;
}
}
.main-pymnt-cntnts-wrap section.blue h2[data-v-14616000] {
      margin-top: 24px;
      margin-bottom: 64px;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.5;
      color: #fff;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue h2[data-v-14616000] {
          margin-top: 12px;
          margin-bottom: 50px;
          font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue h2[data-v-14616000] {
          margin-top: 12px;
          margin-bottom: 50px;
          font-size: 18px;
}
}
.main-pymnt-cntnts-wrap section.blue > div[data-v-14616000] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 1050px;
      height: 328px;
      margin-top: 40px;
      background: #fff;
      border-radius: 8px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div[data-v-14616000] {
          width: 608px;
          height: 200px;
          margin-top: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div[data-v-14616000] {
          display: flex;
          flex-direction: column;
          width: 360px;
          height: 480px;
          margin-top: 24px;
}
}
.main-pymnt-cntnts-wrap section.blue > div[data-v-14616000]:first-of-type {
        margin-top: 0;
}
.main-pymnt-cntnts-wrap section.blue > div .txt[data-v-14616000] {
        margin-top: 56px;
        margin-left: 56px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt[data-v-14616000] {
            margin-top: 32px;
            margin-left: 36px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt[data-v-14616000] {
            display: flex;
            flex-direction: column;
            margin: unset;
}
}
.main-pymnt-cntnts-wrap section.blue > div .txt h3[data-v-14616000] {
          font-size: 40px;
          font-weight: 800;
          line-height: 150%;
          color: #06295d;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt h3[data-v-14616000] {
              font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt h3[data-v-14616000] {
              margin-top: 36.5px;
              font-size: 28px;
              text-align: center;
}
}
.main-pymnt-cntnts-wrap section.blue > div .txt p[data-v-14616000] {
          margin-top: 24px;
          font-size: 24px;
          font-weight: 400;
          line-height: 150%;
          color: #535561;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt p[data-v-14616000] {
              margin-top: 8px;
              font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .txt p[data-v-14616000] {
              margin-top: 18px;
              font-size: 20px;
              text-align: center;
}
}
.main-pymnt-cntnts-wrap section.blue > div .img[data-v-14616000] {
        display: grid;
        place-items: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .img img[data-v-14616000] {
            width: 240px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .img img[data-v-14616000] {
            width: 328px;
            margin-top: 18px;
}
}
.main-pymnt-cntnts-wrap section.blue > div .img.crsl-wrap[data-v-14616000] {
          width: 394px;
          height: 272px;
          margin: auto;
          overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .img.crsl-wrap[data-v-14616000] {
              width: 240px;
              height: 166px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.blue > div .img.crsl-wrap[data-v-14616000] {
              width: 328px;
              height: 272px;
}
}
.main-pymnt-cntnts-wrap .sctn-title[data-v-14616000] {
    position: relative;
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap .sctn-title[data-v-14616000] {
        margin-bottom: 17.9px;
        font-size: 17.1px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap .sctn-title[data-v-14616000] {
        margin-bottom: 24px;
        font-size: 22px;
}
}
.main-pymnt-cntnts-wrap .sctn-title.white[data-v-14616000] {
      color: #fff;
}
.main-pymnt-cntnts-wrap .sctn-title.white[data-v-14616000]::after {
      background-color: #fff;
}
.main-pymnt-cntnts-wrap section.rvw-sctn[data-v-14616000] {
    position: relative;
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    background-image: url("https://cdn.test.codmos.io/default/public/997ecfa0-49dc-4586-9236-a43cb06ec66a.png");
    background-size: cover;
    background-position-x: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn[data-v-14616000] {
        padding: 36.6px 0;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn[data-v-14616000] {
        padding: 80px 0;
        background-position-x: unset;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > *[data-v-14616000] {
      position: relative;
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > *[data-v-14616000] {
          margin: auto;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn h2[data-v-14616000] {
      width: fit-content;
      padding: 11px 50px;
      margin: 0 auto;
      font-size: 40px;
      line-height: 42px;
      color: #01b39d;
      text-align: center;
      background: #d9fffa;
      border-radius: 56px;
      box-shadow: 0 8px 24px rgba(148, 148, 148, 0.3);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn h2[data-v-14616000] {
          padding: 1px 35.5px;
          font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn h2[data-v-14616000] {
          padding: 3px 48px;
          font-size: 28px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div[data-v-14616000] {
      display: grid;
      grid-template-columns: auto auto;
      align-items: center;
      justify-content: center;
      gap: 14.2px;
      margin-top: 64px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div[data-v-14616000] {
          gap: 8.3px;
          margin-top: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div[data-v-14616000] {
          grid-template-columns: auto;
          gap: 26px;
          width: fit-content;
          margin-top: 24px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div video[data-v-14616000] {
        width: 467px;
        height: 264px;
        border-radius: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div video[data-v-14616000] {
            width: 285px;
            height: 160px;
            border-radius: 14.6px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div video[data-v-14616000] {
            width: 310px;
            height: 175px;
            border-radius: 15.9px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap[data-v-14616000] {
        display: grid;
        grid-template-columns: auto auto auto;
        align-items: center;
        gap: 14px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap[data-v-14616000] {
            margin-left: 8.5px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .next-btn[data-v-14616000], .main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .prev-btn[data-v-14616000] {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
          width: 23px;
          height: 23px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .next-btn[data-v-14616000], .main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .prev-btn[data-v-14616000] {
              width: 14px;
              height: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .next-btn[data-v-14616000], .main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .prev-btn[data-v-14616000] {
              width: 15.6px;
              height: 15.6px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .prev-btn[data-v-14616000] {
          background-image: url("https://cdn.test.codmos.io/default/public/2d75387e-d57d-44e7-8912-6bcba0abd3c1.svg");
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .next-btn[data-v-14616000] {
          background-image: url("https://cdn.test.codmos.io/default/public/340f5dfb-2f25-4620-9f1a-862285e6149b.svg");
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap[data-v-14616000] {
          display: flex;
          width: 355px;
          height: 278px;
          overflow: hidden;
          background-color: #fff;
          border-radius: 24px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap[data-v-14616000] {
              width: 216px;
              height: 170px;
              border-radius: 14.6px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap[data-v-14616000] {
              width: 240px;
              height: 189px;
              border-radius: 15.9px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box[data-v-14616000] {
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            position: relative;
            flex: none;
            width: 355px;
            height: 278px;
            font-weight: bold;
            color: #154a75;
            background-image: url("https://cdn.test.codmos.io/default/public/887517da-2806-4a95-af77-23da4dc2dcb0.png");
            transition: margin 1s;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box[data-v-14616000] {
                width: 216px;
                height: 170px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box[data-v-14616000] {
                width: 240px;
                height: 189px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .text[data-v-14616000], .main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .wrter[data-v-14616000] {
              position: absolute;
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .wrter[data-v-14616000] {
              top: 30px;
              right: 42px;
              font-size: 22px;
              line-height: 1.82;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .wrter[data-v-14616000] {
                  top: 19px;
                  right: 25px;
                  font-size: 13.4px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .wrter[data-v-14616000] {
                  top: 21px;
                  right: 29px;
                  font-size: 14.9px;
}
}
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .text[data-v-14616000] {
              top: 86px;
              left: 40px;
              width: 274px;
              height: 156.4px;
              overflow: auto;
              font-size: 16px;
              line-height: 2;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .text[data-v-14616000] {
                  top: 53px;
                  left: 24px;
                  width: 167px;
                  height: 95.3px;
                  font-size: 9.8px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.rvw-sctn > div .rvw-list-wrap .rvw-box-wrap .rvw-box .text[data-v-14616000] {
                  top: 59px;
                  left: 27px;
                  width: 186px;
                  height: 105.9px;
                  font-size: 10.8px;
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn[data-v-14616000] {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 60px 0 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn[data-v-14616000] {
        padding: 36.6px 0 0;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn[data-v-14616000] {
        padding: 32px 0;
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn > p[data-v-14616000] {
      font-size: 18px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn > p[data-v-14616000] {
          font-size: 11px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn > p[data-v-14616000] {
          font-size: 14px;
          line-height: 2;
          text-align: center;
          white-space: pre-line;
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn > picture[data-v-14616000] {
      width: 781.9px;
      height: 104px;
      margin: 10px 0 30px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn > picture[data-v-14616000] {
          width: 412px;
          height: 54.8px;
          margin: 6px 0 18.3px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn > picture[data-v-14616000] {
          width: 219px;
          height: 105px;
          margin: 3px 0 18px;
          transform: translateX(-25.4px);
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn > picture img[data-v-14616000] {
        width: 100%;
        height: 100%;
        object-fit: contain;
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row[data-v-14616000] {
      display: grid;
      grid-template-columns: auto auto;
      gap: 10.7px;
      width: fit-content;
      height: 288px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row[data-v-14616000] {
          gap: 6.7px;
          height: 175.5px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row[data-v-14616000] {
          position: relative;
          height: fit-content;
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row video[data-v-14616000] {
        width: 381px;
        height: 214px;
        border-radius: 16px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row video[data-v-14616000] {
            width: 232px;
            height: 131px;
            border-radius: 9.8px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row video[data-v-14616000] {
            width: 328px;
            height: 180px;
            object-fit: cover;
            border-radius: 9.8px;
}
}
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row .tcher[data-v-14616000] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 224.2px;
        height: 288px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row .tcher[data-v-14616000] {
            width: 136.6px;
            height: 175.5px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.with-codmos-sctn .row .tcher[data-v-14616000] {
            position: absolute;
            top: -102px;
            right: 16px;
            width: 79.4px;
            height: 102px;
}
}
.main-pymnt-cntnts-wrap section.card[data-v-14616000] {
    display: grid;
    justify-content: center;
    width: 100%;
    background: #f8f8f8;
}
.main-pymnt-cntnts-wrap section.card h1[data-v-14616000] {
      margin-top: 82px;
      font-size: 32px;
      font-weight: 800;
      line-height: 38px;
      color: #022355;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card h1[data-v-14616000] {
          font-size: 24px;
}
}
.main-pymnt-cntnts-wrap section.card ul[data-v-14616000] {
      width: 720px;
      margin-top: 64px;
      margin-right: auto;
      margin-left: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul[data-v-14616000] {
          width: 327px;
          margin-top: 56px;
}
}
.main-pymnt-cntnts-wrap section.card ul li[data-v-14616000] {
        display: grid;
        grid-template-columns: 0.4fr 0.6fr;
        height: 104px;
        border-top: 1px solid #022355;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul li[data-v-14616000] {
            height: 64px;
}
}
.main-pymnt-cntnts-wrap section.card ul li h2[data-v-14616000] {
          display: grid;
          place-items: center;
          font-size: 24px;
          font-weight: 700;
          line-height: 42px;
          color: #606772;
          text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul li h2[data-v-14616000] {
              font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul li h2[data-v-14616000] {
              font-size: 16px;
}
}
.main-pymnt-cntnts-wrap section.card ul li p[data-v-14616000] {
          display: grid;
          align-items: center;
          font-size: 24px;
          font-weight: 600;
          line-height: 150%;
          color: #1a1b20;
          word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul li p[data-v-14616000] {
              font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card ul li p[data-v-14616000] {
              font-size: 14px;
}
}
.main-pymnt-cntnts-wrap section.card > p[data-v-14616000] {
      margin-top: 100px;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.card > p[data-v-14616000] {
          width: 274px;
          margin-right: auto;
          margin-left: auto;
          font-size: 14px;
}
}
.main-pymnt-cntnts-wrap section.card a[data-v-14616000] {
      margin: 24px 0 91px;
      font-size: 16px;
      font-weight: 600;
      line-height: 100%;
      color: #5682fe;
      text-align: center;
}
.main-pymnt-cntnts-wrap section.card a[data-v-14616000]::after {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 1em;
        height: 0.8em;
        background-image: url("https://cdn.test.codmos.io/default/public/da85e711-915b-446a-944e-646e6e7f1261.svg");
        content: '';
}
.main-pymnt-cntnts-wrap section.notice-sctn[data-v-14616000] {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.main-pymnt-cntnts-wrap section.notice-sctn h2[data-v-14616000] {
      margin-top: 77px;
      font-size: 28px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn h2[data-v-14616000] {
          font-size: 22px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn h2[data-v-14616000] {
          font-size: 22px;
}
}
.main-pymnt-cntnts-wrap section.notice-sctn > p[data-v-14616000] {
      max-width: 800px;
      margin-top: 40px;
      font-size: 18px;
      font-weight: 400;
      line-height: 36px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn > p[data-v-14616000] {
          max-width: 500px;
          margin-top: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn > p[data-v-14616000] {
          width: 86%;
          max-width: 310px;
          margin-top: 32px;
}
}
.main-pymnt-cntnts-wrap section.notice-sctn .link-wrap[data-v-14616000] {
      display: grid;
      grid-template-columns: auto auto;
      gap: 49px;
      margin-top: 40px;
      margin-bottom: 108px;
      line-height: 1;
}
.main-pymnt-cntnts-wrap section.notice-sctn .link-wrap a[data-v-14616000] {
        font-size: 18px;
        font-weight: 800;
        color: #000;
        text-decoration: underline;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn .link-wrap[data-v-14616000] {
          gap: 30.1px;
          margin-top: 49px;
          margin-bottom: 49px;
}
}
@media screen and (max-width: 640px) {
.main-pymnt-cntnts-wrap section.notice-sctn .link-wrap[data-v-14616000] {
          gap: 18.1px;
          margin-top: 34px;
          margin-bottom: 32px;
}
}
.main-pymnt-cntnts-wrap .not-found[data-v-14616000] {
    margin: 55px auto 73px;
}
@keyframes slideout-14616000 {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-100%);
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntMbrshModal.vue?vue&type=style&index=0&id=6bfbf257&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6bfbf257]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-6bfbf257] {
  background: none;
}
.pymnt-mbrsh-cmn-modal[data-v-6bfbf257] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: AppleSDGothicNeo, sans-serif;
  font-weight: 600;
  color: #303030;
  text-align: center;
}
.pymnt-mbrsh-cmn-modal .blur[data-v-6bfbf257] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.pymnt-mbrsh-cmn-modal .cntnr[data-v-6bfbf257] {
    position: relative;
    width: 100%;
    max-width: 424px;
    padding: 29px 34px 22px 35px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.07);
}
.pymnt-mbrsh-cmn-modal .hedr[data-v-6bfbf257] {
    padding-bottom: 9px;
    font-size: 16px;
    letter-spacing: -0.22px;
    color: #3b2d69;
    border-bottom: solid 2px #3b2d69;
}
.pymnt-mbrsh-cmn-modal .body[data-v-6bfbf257] {
    padding: 19px 0;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -0.18px;
    white-space: pre-line;
}
.pymnt-mbrsh-cmn-modal .footer[data-v-6bfbf257] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pymnt-mbrsh-cmn-modal .footer button[data-v-6bfbf257] {
      padding: 14px 33px 14px 35px;
      color: #fff;
      border-radius: 10px;
}
.pymnt-mbrsh-cmn-modal .footer button[data-v-6bfbf257]:nth-of-type(n+2) {
        margin-left: 28px;
}
.pymnt-mbrsh-cmn-modal .bg-secondary[data-v-6bfbf257] {
    background-color: #a4a4a4;
}
.pymnt-mbrsh-cmn-modal .bg-primary[data-v-6bfbf257] {
    background-color: #3b2d69;
}
.pymnt-mbrsh-cmn-modal .text-primary[data-v-6bfbf257] {
    color: #3b2d69;
}
.pymnt-mbrsh-cmn-modal .bold[data-v-6bfbf257] {
    font-weight: bold;
}
.pymnt-mbrsh-cmn-modal .mb-3[data-v-6bfbf257] {
    margin-bottom: 18px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntMbrshModal.vue?vue&type=style&index=1&id=6bfbf257&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.pymnt-mbrsh-cmn-modal .text-primary {
  color: #3b2d69;
}
.pymnt-mbrsh-cmn-modal .bold {
  font-weight: bold;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntMbrsh.vue?vue&type=style&index=0&id=059d67a6&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-059d67a6]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-059d67a6] {
  background: none;
}
.mbrsh-wrap[data-v-059d67a6] {
  font-family: var(--s-core-dream), sans-serif;
  font-weight: 500;
}
.mbrsh-wrap .list[data-v-059d67a6] {
    max-width: 841px;
    margin-right: auto;
    margin-left: auto;
}
.mbrsh-wrap .itm[data-v-059d67a6] {
    display: grid;
    grid-template-columns: 66px 1fr 122px;
    align-items: center;
    padding: 36px 32px 29px 46px;
    background-color: #fff;
    border: solid 1px #ecedef;
    border-radius: 8px;
    grid-gap: 20px;
}
@media screen and (max-width: 640px) {
.mbrsh-wrap .itm[data-v-059d67a6] {
        display: block;
        padding: 30px 0;
        text-align: center;
}
}
.mbrsh-wrap .itm[data-v-059d67a6]:nth-of-type(n+2) {
      margin-top: 15px;
}
@media screen and (max-width: 640px) {
.mbrsh-wrap .itm > *[data-v-059d67a6]:nth-child(n+2) {
        margin-top: 14px;
}
}
.mbrsh-wrap .itm > h5[data-v-059d67a6] {
      padding: 5px 13px;
      font-size: 13px;
      font-weight: bold;
      letter-spacing: -0.5px;
      color: #5073ff;
      word-break: keep-all;
      border: solid 2px #5073ff;
      border-radius: 13.5px;
}
@media screen and (max-width: 640px) {
.mbrsh-wrap .itm > h5[data-v-059d67a6] {
          display: inline-block;
}
}
.mbrsh-wrap .itm > .txt[data-v-059d67a6] {
      font-size: 13px;
      font-weight: bold;
      letter-spacing: -0.5px;
      color: #303030;
}
.mbrsh-wrap .itm > .txt > p ~ p[data-v-059d67a6] {
        font-weight: 500;
        color: #7f7f7f;
}
@media screen and (max-width: 640px) {
.mbrsh-wrap .itm > .txt > p ~ p[data-v-059d67a6] {
            margin-top: 7px;
}
}
.mbrsh-wrap .itm > .last[data-v-059d67a6] {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #8a8a8f;
}
.mbrsh-wrap .itm > button[data-v-059d67a6] {
      padding: 8px 13px;
      text-align: center;
      border: solid 2px #e2e3e9;
      border-radius: 19.5px;
}
.mbrsh-wrap .more-btn[data-v-059d67a6] {
    display: block;
    padding: 9px 27px 8px;
    margin: 15px auto;
    color: #fff;
    background-color: #6a4cca;
    border-radius: 5px;
}
.mbrsh-wrap .spnr-wrap[data-v-059d67a6] {
    width: 50px;
    margin: auto;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntHist.vue?vue&type=style&index=0&id=53f78bbe&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-53f78bbe]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-53f78bbe] {
  background: none;
}
svg[data-v-53f78bbe] {
  width: 100%;
}
.hist-wrap[data-v-53f78bbe] {
  padding-bottom: 40px;
  font-family: var(--s-core-dream), sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #303030;
}
.hist-wrap .list[data-v-53f78bbe] {
    max-width: 841px;
    margin-right: auto;
    margin-left: auto;
}
.hist-wrap .itm[data-v-53f78bbe] {
    position: relative;
}
.hist-wrap .itm[data-v-53f78bbe]:nth-of-type(n+2) {
      margin-top: 23px;
}
.hist-wrap .cntnr[data-v-53f78bbe] {
    display: grid;
    grid-template-columns: 70px 153px 1fr;
    align-items: center;
    width: 100%;
    padding: 36px 32px 36px 46px;
    background-color: #fff;
    border: solid 1px #ecedef;
    border-bottom: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    grid-gap: 20px;
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr[data-v-53f78bbe] {
        display: block;
        text-align: center;
}
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr > *[data-v-53f78bbe]:nth-child(n+2) {
        margin-top: 14px;
}
}
.hist-wrap .cntnr .sttus[data-v-53f78bbe] {
      padding: 7px 8px 6px 9px;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.46px;
      text-align: center;
      border-style: solid;
      border-width: 2px;
      border-radius: 13.5px;
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr .sttus[data-v-53f78bbe] {
          display: inline-block;
}
}
.hist-wrap .cntnr .sttus.blue[data-v-53f78bbe] {
        color: #5073ff;
        border-color: #5073ff;
}
.hist-wrap .cntnr .sttus.red[data-v-53f78bbe] {
        color: #ff5059;
        border-color: #ff5059;
}
.hist-wrap .cntnr .sttus.black[data-v-53f78bbe] {
        color: #ababab;
        border-color: #ababab;
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr .title-txt[data-v-53f78bbe] {
        margin-top: 14px;
}
}
.hist-wrap .cntnr .col[data-v-53f78bbe]:first-of-type,
    .hist-wrap .cntnr .title-txt p[data-v-53f78bbe]:first-of-type {
      font-weight: bold;
}
.hist-wrap .cntnr .col[data-v-53f78bbe]:nth-of-type(n+2),
    .hist-wrap .cntnr .title-txt p[data-v-53f78bbe]:nth-of-type(n+2) {
      font-weight: 500;
      color: #7f7f7f;
}
.hist-wrap .cntnr .flex1[data-v-53f78bbe] {
      display: flex;
      justify-content: space-around;
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr .flex1[data-v-53f78bbe] {
          display: flex;
          flex-flow: column;
          width: 100%;
          padding: 28px 0;
          border-top: solid 1px #e1e1e1;
}
}
.hist-wrap .cntnr .row[data-v-53f78bbe] {
      padding-left: 21px;
      border-left: solid 1px #e1e1e1;
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr .row[data-v-53f78bbe] {
          display: flex;
          justify-content: space-between;
          padding: 0;
          border: none;
}
}
@media screen and (max-width: 836px) {
.hist-wrap .cntnr .row[data-v-53f78bbe]:nth-of-type(n+2) {
          margin-top: 31px;
}
}
.hist-wrap .bottom-deco[data-v-53f78bbe] {
    position: absolute;
}
.hist-wrap .spnr-wrap[data-v-53f78bbe] {
    width: 50px;
    margin: auto;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntMyInfo.vue?vue&type=style&index=0&id=54afc016&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-54afc016]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-54afc016] {
  background: none;
}
.main-pymnt-my-info-wrap[data-v-54afc016] {
  padding: 16px 25px 26vh;
  margin-top: -1px;
  font-family: var(--s-core-dream), sans-serif;
  font-weight: 500;
  background-color: #fafbff;
  border-top: solid 1px #d9dae1;
}
.main-pymnt-my-info-wrap .title[data-v-54afc016],
  .main-pymnt-my-info-wrap .footer[data-v-54afc016] {
    text-align: center;
}
.main-pymnt-my-info-wrap .nav[data-v-54afc016] {
    max-width: 955px;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
.main-pymnt-my-info-wrap .nav[data-v-54afc016] {
        text-align: center;
}
}
.main-pymnt-my-info-wrap .nav > *[data-v-54afc016] {
      font-size: 13px;
      font-weight: bold;
      letter-spacing: -0.5px;
      color: #8a8a8f;
}
.main-pymnt-my-info-wrap .nav > *[data-v-54afc016]:nth-of-type(n+2) {
        margin-left: 15px;
}
.main-pymnt-my-info-wrap .nav > *.active[data-v-54afc016] {
        color: #303030;
        text-decoration: underline;
}
.main-pymnt-my-info-wrap .title[data-v-54afc016] {
    margin-top: 29px;
}
.main-pymnt-my-info-wrap .title > h5[data-v-54afc016] {
      font-size: 23px;
      font-weight: 800;
      letter-spacing: -0.88px;
      color: #333236;
}
.main-pymnt-my-info-wrap .title > p[data-v-54afc016] {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #a8abb8;
      text-align: center;
}
@media screen and (max-width: 640px) {
.main-pymnt-my-info-wrap .title[data-v-54afc016] {
        margin-top: 46px;
}
}
.main-pymnt-my-info-wrap > .cntnts[data-v-54afc016] {
    margin-top: 36px;
}
.main-pymnt-my-info-wrap > .link-btn[data-v-54afc016] {
    display: table;
    padding: 16px 12px 15px;
    margin: 26px auto;
    font-size: 14px;
    letter-spacing: -0.44px;
    color: #fff;
    text-align: center;
    background-color: #6e37d0;
    border-radius: 19px;
}
.main-pymnt-my-info-wrap .footer[data-v-54afc016] {
    margin-top: 16px;
    font-family: AppleSDGothicNeo, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.17px;
    color: #a8abb8;
}
@media screen and (max-width: 640px) {
.main-pymnt-my-info-wrap .footer[data-v-54afc016] {
        margin-top: 21px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/MainPymntDone.vue?vue&type=style&index=0&id=2f06bfc4&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2f06bfc4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-2f06bfc4] {
  background: none;
}
svg[data-v-2f06bfc4] {
  width: 100%;
}
.wrap[data-v-2f06bfc4] {
  padding: 16px 25px 26vh;
  margin-top: -1px;
  font-family: var(--s-core-dream), sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #303030;
  background-color: #fafbff;
  border-top: solid 1px #d9dae1;
}
.wrap .list[data-v-2f06bfc4] {
    max-width: 841px;
    margin-top: 36px;
    margin-right: auto;
    margin-left: auto;
}
.wrap .itm[data-v-2f06bfc4] {
    position: relative;
}
.wrap .itm[data-v-2f06bfc4]:nth-of-type(n+2) {
      margin-top: 23px;
}
.wrap > .title[data-v-2f06bfc4] {
    margin-top: 29px;
    text-align: center;
}
.wrap > .title > h5[data-v-2f06bfc4] {
      font-size: 23px;
      font-weight: 800;
      letter-spacing: -0.88px;
      color: #333236;
}
.wrap > .title > p[data-v-2f06bfc4] {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #a8abb8;
      text-align: center;
}
.wrap .cntnr[data-v-2f06bfc4] {
    display: grid;
    grid-template-columns: 69px 153px 1fr;
    align-items: center;
    width: 100%;
    padding: 36px 32px 36px 46px;
    background-color: #fff;
    border: solid 1px #ecedef;
    border-bottom: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    grid-gap: 20px;
}
@media screen and (max-width: 836px) {
.wrap .cntnr[data-v-2f06bfc4] {
        display: flex;
        flex-flow: column;
}
}
.wrap .cntnr .sttus[data-v-2f06bfc4] {
      padding: 7px 8px 6px 9px;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.46px;
      border-style: solid;
      border-width: 2px;
      border-radius: 13.5px;
}
.wrap .cntnr .sttus.blue[data-v-2f06bfc4] {
        color: #5073ff;
        border-color: #5073ff;
}
.wrap .cntnr .sttus.red[data-v-2f06bfc4] {
        color: #ff5059;
        border-color: #ff5059;
}
.wrap .cntnr .col[data-v-2f06bfc4]:first-of-type,
    .wrap .cntnr .title-txt p[data-v-2f06bfc4]:first-of-type {
      font-weight: bold;
}
.wrap .cntnr .col[data-v-2f06bfc4]:nth-of-type(n+2),
    .wrap .cntnr .title-txt p[data-v-2f06bfc4]:nth-of-type(n+2) {
      font-weight: 500;
      color: #7f7f7f;
}
.wrap .cntnr .flex1[data-v-2f06bfc4] {
      display: flex;
      justify-content: space-around;
}
@media screen and (max-width: 836px) {
.wrap .cntnr .flex1[data-v-2f06bfc4] {
          display: flex;
          flex-flow: column;
          width: 100%;
          padding: 28px 0;
          border-top: solid 1px #e1e1e1;
}
}
.wrap .cntnr .row[data-v-2f06bfc4] {
      padding-left: 21px;
      border-left: solid 1px #e1e1e1;
}
@media screen and (max-width: 836px) {
.wrap .cntnr .row[data-v-2f06bfc4] {
          display: flex;
          justify-content: space-between;
          padding: 0;
          border: none;
}
}
@media screen and (max-width: 836px) {
.wrap .cntnr .row[data-v-2f06bfc4]:nth-of-type(n+2) {
          margin-top: 31px;
}
}
.wrap .bottom-deco[data-v-2f06bfc4] {
    position: absolute;
}
.wrap .btn[data-v-2f06bfc4] {
    display: block;
    width: 198px;
    padding: 12px 13px;
    margin: 40px auto;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #6a4cca;
    border-radius: 5px;
}
.wrap .w-80[data-v-2f06bfc4] {
    width: 80%;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainSelfStdyMthd.vue?vue&type=style&index=0&id=3be18814&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-self-stdy-mthd .span-12 {
  color: #d8ffb2;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainSelfStdyMthd.vue?vue&type=style&index=1&id=3be18814&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3be18814]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-self-stdy-mthd div > i[data-v-3be18814] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.main-self-stdy-mthd .bcrn-1[data-v-3be18814] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  z-index: -1;
  display: grid;
  align-content: center;
  width: 100%;
  height: 802px;
  background-color: #0e1041;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-1[data-v-3be18814] {
      height: 430px;
}
}
.main-self-stdy-mthd .bcrn-1 .img-1[data-v-3be18814] {
    width: 100%;
    height: 513px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-1 .img-1[data-v-3be18814] {
        height: 300px;
}
}
.main-self-stdy-mthd .bcrn-2[data-v-3be18814] {
  display: grid;
  align-content: center;
  height: 104px;
  background-color: #f2853c;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-2[data-v-3be18814] {
      height: 84px;
}
}
.main-self-stdy-mthd .bcrn-2 .txt-2[data-v-3be18814] {
    font-family: GmarketSans, sans-serif;
    font-size: 32px;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-2 .txt-2[data-v-3be18814] {
        font-size: 24px;
}
}
.main-self-stdy-mthd .bcrn-3[data-v-3be18814] {
  position: relative;
  width: 100%;
  height: 640px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-3[data-v-3be18814] {
      height: 460px;
}
}
.main-self-stdy-mthd .bcrn-3 .img-3[data-v-3be18814] {
    position: absolute;
    width: 100%;
    height: 759px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-3 .img-3[data-v-3be18814] {
        height: 500px;
        margin-top: 115px;
}
}
.main-self-stdy-mthd .bcrn-4[data-v-3be18814] {
  z-index: -1;
  width: 100%;
  height: 1191px;
  background-color: #c1e95f;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-4[data-v-3be18814] {
      height: 780px;
}
}
.main-self-stdy-mthd .bcrn-4 .img-4[data-v-3be18814] {
    width: 100%;
    height: 667px;
    margin-top: 345px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-4 .img-4[data-v-3be18814] {
        height: 500px;
        margin-top: 200px;
}
}
.main-self-stdy-mthd .bcrn-5[data-v-3be18814] {
  width: 100%;
  height: 951px;
  background-color: #f5f9ff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-5[data-v-3be18814] {
      height: 800px;
}
}
.main-self-stdy-mthd .bcrn-5 .img-5[data-v-3be18814] {
    width: 100%;
    height: 872px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-5 .img-5[data-v-3be18814] {
        height: 670px;
        margin-top: 100px;
}
}
.main-self-stdy-mthd .bcrn-6[data-v-3be18814] {
  width: 100%;
  height: 1071px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-6[data-v-3be18814] {
      height: 1000px;
}
}
.main-self-stdy-mthd .bcrn-6 .img-6[data-v-3be18814] {
    width: 100%;
    height: 762px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-6 .img-6[data-v-3be18814] {
        height: 900px;
        margin-top: 100px;
}
}
.main-self-stdy-mthd .bcrn-7[data-v-3be18814] {
  display: inline-block;
  width: 100%;
  height: 932px;
  background-color: #383832;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-7[data-v-3be18814] {
      height: 990px;
}
}
.main-self-stdy-mthd .bcrn-7 .img-7[data-v-3be18814] {
    width: 100%;
    height: 611px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-7 .img-7[data-v-3be18814] {
        height: 810px;
        margin-top: 110px;
}
}
.main-self-stdy-mthd .bcrn-8[data-v-3be18814] {
  width: 100%;
  height: 1366px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-size: cover;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-8[data-v-3be18814] {
      height: 965px;
}
}
.main-self-stdy-mthd .bcrn-8 .img-8[data-v-3be18814] {
    width: 100%;
    height: 1075px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-8 .img-8[data-v-3be18814] {
        height: 725px;
        margin-top: 115px;
}
}
.main-self-stdy-mthd .bcrn-9[data-v-3be18814] {
  width: 100%;
  height: 900px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-9[data-v-3be18814] {
      height: 605px;
}
}
.main-self-stdy-mthd .bcrn-9 .img-9[data-v-3be18814] {
    width: 100%;
    height: 769px;
    margin-top: 128px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-9 .img-9[data-v-3be18814] {
        height: 535px;
        margin-top: 115px;
}
}
.main-self-stdy-mthd .bcrn-10[data-v-3be18814] {
  display: grid;
  justify-items: center;
  width: 100%;
  height: 455px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-10[data-v-3be18814] {
      height: 350px;
}
}
.main-self-stdy-mthd .bcrn-10 .img-10[data-v-3be18814] {
    width: 100vw;
    height: 455px;
    background-position: bottom;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-10 .img-10[data-v-3be18814] {
        height: 350px;
}
}
.main-self-stdy-mthd .bcrn-11[data-v-3be18814] {
  width: 100%;
  height: 30px;
  background-color: #f2853c;
}
.main-self-stdy-mthd .bcrn-12[data-v-3be18814] {
  display: grid;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 384px;
  background-color: #0e1041;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-12[data-v-3be18814] {
      height: 270px;
}
}
.main-self-stdy-mthd .bcrn-12 .txt-12[data-v-3be18814] {
    font-family: GmarketSans, sans-serif;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-self-stdy-mthd .bcrn-12 .txt-12[data-v-3be18814] {
        font-size: 36px;
}
}
.main-self-stdy-mthd .self-stdy-mthd-mobile[data-v-3be18814] {
  width: 100vw;
  height: calc(100vw / 375 * 2931);
  background-image: url("https://cdn.test.codmos.io/default/public/5e03ebf2-cd3f-492c-a625-08b33de8bf37.png");
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeEdctr.vue?vue&type=style&index=0&id=11a151d4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-11a151d4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-edctr[data-v-11a151d4] {
  font-family: var(--pretendard), sans-serif;
  word-break: keep-all;
}
.main-pge-edctr section[data-v-11a151d4] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section[data-v-11a151d4] {
        padding: 40px 0;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section[data-v-11a151d4] {
        padding: 48px 8px;
}
}
.main-pge-edctr section h2.section-title[data-v-11a151d4] {
      margin-bottom: 80px;
      font-size: 36px;
      font-weight: 600;
      line-height: 140%;
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section h2.section-title[data-v-11a151d4] {
          margin-bottom: 40px;
          font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section h2.section-title[data-v-11a151d4] {
          margin-bottom: 40px;
          font-size: 24px;
}
}
.main-pge-edctr section .btn[data-v-11a151d4] {
      font-weight: 600;
      color: #fff;
      border-radius: 100px;
}
.main-pge-edctr section .btn.green[data-v-11a151d4] {
        background: linear-gradient(90deg, #86f1aa 0%, #19cda1 51.04%);
}
.main-pge-edctr section .btn.purple[data-v-11a151d4] {
        background: var(--new-p-3, #652fd9);
}
.main-pge-edctr section.start[data-v-11a151d4] {
    align-items: center;
    background: var(--new-g-1, #f3f4f8);
}
.main-pge-edctr section.start > div[data-v-11a151d4] {
      display: flex;
      justify-content: center;
      width: 95%;
      max-width: 1200px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.start > div[data-v-11a151d4] {
          max-width: 608px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.start > div[data-v-11a151d4] {
          flex-direction: column;
          align-items: center;
          gap: 40px;
}
}
.main-pge-edctr section.start > div > div[data-v-11a151d4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 72px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.start > div > div[data-v-11a151d4] {
            gap: 50px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.start > div > div[data-v-11a151d4] {
            gap: 40px;
}
}
.main-pge-edctr section.start > div > div h1[data-v-11a151d4] {
          font-size: 46px;
          font-weight: 700;
          line-height: 140%;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.start > div > div h1[data-v-11a151d4] {
              font-size: 28px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.start > div > div h1[data-v-11a151d4] {
              font-size: 28px;
              text-align: center;
}
}
.main-pge-edctr section.start > div > div .btn-wrapper[data-v-11a151d4] {
          display: flex;
          gap: 20px;
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.start > div > div .btn-wrapper[data-v-11a151d4] {
              justify-content: center;
}
}
.main-pge-edctr section.start > div > div .btn-wrapper a[data-v-11a151d4], .main-pge-edctr section.start > div > div .btn-wrapper button[data-v-11a151d4] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 180px;
            height: 48px;
            font-size: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 640px), screen and (max-width: 640px) {
.main-pge-edctr section.start > div > div .btn-wrapper a[data-v-11a151d4], .main-pge-edctr section.start > div > div .btn-wrapper button[data-v-11a151d4] {
                gap: 16px;
                width: 144px;
                height: 40px;
                font-size: 14px;
}
}
.main-pge-edctr section.start > div img[data-v-11a151d4] {
        width: 600px;
        height: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.start > div img[data-v-11a151d4] {
            width: 234px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.start > div img[data-v-11a151d4] {
            width: 296px;
}
}
.main-pge-edctr section.intro[data-v-11a151d4] {
    background: var(--new-p-2, #d0d2fb);
}
.main-pge-edctr section.intro > div .card-wrap[data-v-11a151d4] {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px;
      margin-top: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap[data-v-11a151d4] {
          gap: 16px;
          margin-top: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap[data-v-11a151d4] {
          flex-direction: column;
          gap: 40px;
          margin-top: 40px;
}
}
.main-pge-edctr section.intro > div .card-wrap .card[data-v-11a151d4] {
        width: 384px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card[data-v-11a151d4] {
            width: 218px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card[data-v-11a151d4] {
            width: 100%;
}
}
.main-pge-edctr section.intro > div .card-wrap .card h3[data-v-11a151d4] {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10px;
          font-size: 18px;
          font-weight: 600;
          color: var(--new-p-3, #652fd9);
          background: #fff;
          border-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card h3[data-v-11a151d4] {
              font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card h3[data-v-11a151d4] {
              font-size: 20px;
}
}
.main-pge-edctr section.intro > div .card-wrap .card h4[data-v-11a151d4] {
          margin: 28px 0;
          font-family: var(--pretendard), sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 140%;
          text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card h4[data-v-11a151d4] {
              font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.intro > div .card-wrap .card h4[data-v-11a151d4] {
              font-size: 20px;
}
}
.main-pge-edctr section.intro > div .card-wrap .card img[data-v-11a151d4] {
          width: 100%;
}
.main-pge-edctr section.score[data-v-11a151d4] {
    flex-direction: column;
}
.main-pge-edctr section.score .wrapper1[data-v-11a151d4] {
      display: flex;
      flex-direction: column;
      align-items: center;
}
.main-pge-edctr section.score .wrapper1 .score[data-v-11a151d4] {
        display: block;
        margin: 28px 0;
        margin-left: 0.9em;
        font-size: 58px;
        font-weight: 800;
        line-height: 140%;
        /* 81.2px */
}
.main-pge-edctr section.score .wrapper1 .score[data-v-11a151d4]::after {
          font-size: 14px;
          font-weight: 400;
          color: var(--new-g-2, #717171);
          content: '(5점 만점)';
}
.main-pge-edctr section.score .wrapper1 img[data-v-11a151d4] {
        width: 280px;
        height: 40px;
}
.main-pge-edctr section.score .wrapper1 .source[data-v-11a151d4] {
        display: block;
        margin-top: 16px;
        font-size: 12px;
        line-height: 140%;
        /* 16.8px */
        color: var(--new-g-2, #717171);
}
.main-pge-edctr section.score .line[data-v-11a151d4] {
      width: 70%;
      height: 1px;
      margin: 80px auto;
      background: #f3f4f8;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .line[data-v-11a151d4] {
          margin: 40px auto;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.score .line[data-v-11a151d4] {
          margin: 48px auto;
}
}
.main-pge-edctr section.score .wrapper2[data-v-11a151d4] {
      margin: 0 auto;
}
.main-pge-edctr section.score .wrapper2 h3[data-v-11a151d4] {
        font-size: 22px;
        font-weight: 400;
        line-height: 140%;
        /* 30.8px */
        text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .wrapper2 h3[data-v-11a151d4] {
            font-size: 16px;
}
}
.main-pge-edctr section.score .wrapper2 > div[data-v-11a151d4] {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 80px 126px;
        width: fit-content;
        margin-top: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .wrapper2 > div[data-v-11a151d4] {
            gap: 32px 94px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.score .wrapper2 > div[data-v-11a151d4] {
            gap: 16px 24px;
}
}
.main-pge-edctr section.score .wrapper2 .item[data-v-11a151d4] {
        width: 384px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item[data-v-11a151d4] {
            width: 218px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item[data-v-11a151d4] {
            width: 172px;
}
}
.main-pge-edctr section.score .wrapper2 .item h4[data-v-11a151d4] {
          font-size: 22px;
          font-weight: 600;
          line-height: 140%;
          /* 22.4px */
          white-space: nowrap;
}
.main-pge-edctr section.score .wrapper2 .item h4 span[data-v-11a151d4] {
            color: var(--new-p-3, #652fd9);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item h4[data-v-11a151d4] {
              font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item h4[data-v-11a151d4] {
              font-size: 12px;
}
}
.main-pge-edctr section.score .wrapper2 .item .bar[data-v-11a151d4] {
          height: 28px;
          margin-top: 20px;
          border-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item .bar[data-v-11a151d4] {
              height: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.score .wrapper2 .item .bar[data-v-11a151d4] {
              height: 24px;
}
}
.main-pge-edctr section.score .wrapper2 .item .bar .fill[data-v-11a151d4] {
            height: 100%;
            background: var(--new-p-3, #652fd9);
            border-radius: 4px;
}
.main-pge-edctr section.score .wrapper2 .item.purple span[data-v-11a151d4] {
          color: var(--new-p-3, #652fd9);
}
.main-pge-edctr section.score .wrapper2 .item.purple .bar[data-v-11a151d4] {
          background: var(--new-p-2, #d0d2fb);
}
.main-pge-edctr section.score .wrapper2 .item.purple .bar .fill[data-v-11a151d4] {
            background: linear-gradient(90deg, #9c76ed 0%, #652fd9 56.9%);
}
.main-pge-edctr section.score .wrapper2 .item.green span[data-v-11a151d4] {
          color: var(--new-s-3, #19cda1);
}
.main-pge-edctr section.score .wrapper2 .item.green .bar[data-v-11a151d4] {
          background: var(--new-s-2, #bef1e5);
}
.main-pge-edctr section.score .wrapper2 .item.green .bar .fill[data-v-11a151d4] {
            background: linear-gradient(90deg, #86f1aa 0%, #19cda1 67.19%);
}
.main-pge-edctr section.instt[data-v-11a151d4] {
    background: var(--new-g-1, #f3f4f8);
}
.main-pge-edctr section.instt div[data-v-11a151d4] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 95%;
      max-width: 1200px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.instt div[data-v-11a151d4] {
          max-width: 600px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.instt div[data-v-11a151d4] {
          flex-direction: column;
          gap: 32px;
}
}
.main-pge-edctr section.instt div h2[data-v-11a151d4] {
        width: 336px;
        font-size: 28px;
        font-weight: 500;
        line-height: 140%;
        /* 39.2px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.instt div h2[data-v-11a151d4] {
            width: 216px;
            font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.instt div h2[data-v-11a151d4] {
            width: 264px;
            font-size: 22px;
}
}
.main-pge-edctr section.instt div video[data-v-11a151d4] {
        width: 690px;
        height: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.instt div video[data-v-11a151d4] {
            width: 296px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.instt div video[data-v-11a151d4] {
            width: 296px;
}
}
.main-pge-edctr section.feature[data-v-11a151d4] {
    flex-direction: column;
    align-items: center;
}
.main-pge-edctr section.feature > img[data-v-11a151d4] {
      width: 592px;
      height: auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature > img[data-v-11a151d4] {
          font-size: 36px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature > img[data-v-11a151d4] {
          width: 356px;
}
}
.main-pge-edctr section.feature h2[data-v-11a151d4] {
      margin-top: 160px;
      font-size: 36px;
      font-weight: 600;
      line-height: 140%;
      /* 50.4px */
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature h2[data-v-11a151d4] {
          margin-top: 80px;
          font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature h2[data-v-11a151d4] {
          margin-top: 96px;
          font-size: 24px;
}
}
.main-pge-edctr section.feature h2 span[data-v-11a151d4] {
        font-size: 50px;
        font-weight: 800;
        line-height: 140%;
        /* 50.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature h2 span[data-v-11a151d4] {
            font-size: 28px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature h2 span[data-v-11a151d4] {
            font-size: 30px;
}
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 95%;
      max-width: 1200px;
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:not(:last-child) {
        margin-bottom: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper[data-v-11a151d4] {
          max-width: 608px;
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:not(:last-child) {
            margin-bottom: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper[data-v-11a151d4] {
          flex-direction: column;
          gap: 24px;
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:not(:last-child) {
            margin-bottom: 40px;
}
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:first-of-type {
        margin-top: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:first-of-type {
            margin-top: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:first-of-type {
            margin-top: 40px;
}
}
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:nth-child(odd) {
        flex-direction: row-reverse;
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper[data-v-11a151d4]:nth-child(odd) {
            flex-direction: column;
}
}
.main-pge-edctr section.feature .wrapper img[data-v-11a151d4] {
        width: auto;
        height: 588px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper img[data-v-11a151d4] {
            height: 296px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper img[data-v-11a151d4] {
            height: 359px;
}
}
.main-pge-edctr section.feature .wrapper > div[data-v-11a151d4] {
        width: 384px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper > div[data-v-11a151d4] {
            width: 218px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper > div[data-v-11a151d4] {
            width: unset;
}
}
.main-pge-edctr section.feature .wrapper > div h3[data-v-11a151d4] {
          font-size: 36px;
          font-weight: 700;
          line-height: 140%;
          /* 50.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper > div h3[data-v-11a151d4] {
              font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper > div h3[data-v-11a151d4] {
              font-size: 24px;
              text-align: center;
}
}
.main-pge-edctr section.feature .wrapper > div h4[data-v-11a151d4] {
          margin-top: 28px;
          font-size: 18px;
          font-weight: 500;
          line-height: 150%;
          /* 27px */
          color: var(--new-g-2, #717171);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.feature .wrapper > div h4[data-v-11a151d4] {
              font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.feature .wrapper > div h4[data-v-11a151d4] {
              font-size: 20px;
              text-align: center;
}
}
.main-pge-edctr section.model[data-v-11a151d4] {
    flex-direction: column;
    align-items: center;
    background: var(--new-g-1, #f3f4f8);
}
.main-pge-edctr section.model h3[data-v-11a151d4] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 486px;
      padding: 0.625rem;
      font-size: 28px;
      font-weight: 500;
      line-height: 140%;
      /* 39.2px */
      color: var(--new-p-3, #652fd9);
      background: var(--new-p-2, #d0d2fb);
      border-radius: 4px;
}
.main-pge-edctr section.model h3[data-v-11a151d4]:last-of-type {
        margin-top: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model h3[data-v-11a151d4] {
          width: 296px;
          font-size: 18px;
}
.main-pge-edctr section.model h3[data-v-11a151d4]:last-of-type {
            margin-top: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model h3[data-v-11a151d4] {
          width: 100%;
          font-size: 22px;
}
.main-pge-edctr section.model h3[data-v-11a151d4]:last-of-type {
            margin-top: 40px;
}
}
.main-pge-edctr section.model h4[data-v-11a151d4] {
      margin-top: 0.8em;
      font-size: 18px;
      font-weight: 400;
      line-height: 140%;
      /* 25.2px */
      color: var(--new-g-3, #252525);
      text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model h4[data-v-11a151d4] {
          font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model h4[data-v-11a151d4] {
          font-size: 12px;
}
}
.main-pge-edctr section.model .card-wrapper[data-v-11a151d4] {
      display: flex;
      justify-content: space-between;
      width: 95%;
      max-width: 1200px;
      margin-top: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model .card-wrapper[data-v-11a151d4] {
          max-width: 572px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model .card-wrapper[data-v-11a151d4] {
          flex-direction: column;
          gap: 24px;
}
}
.main-pge-edctr section.model .card-wrapper .card[data-v-11a151d4] {
        flex: 1;
}
.main-pge-edctr section.model .card-wrapper .card h5[data-v-11a151d4] {
          font-size: 22px;
          font-weight: 600;
          line-height: 140%;
          /* 30.8px */
          text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model .card-wrapper .card h5[data-v-11a151d4] {
              font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model .card-wrapper .card h5[data-v-11a151d4] {
              font-size: 22px;
}
}
.main-pge-edctr section.model .card-wrapper .card img[data-v-11a151d4] {
          width: 95%;
          height: auto;
          margin-top: 16px;
          border-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model .card-wrapper .card img[data-v-11a151d4] {
              width: 180px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model .card-wrapper .card img[data-v-11a151d4] {
              width: 100%;
}
}
.main-pge-edctr section.model > a[data-v-11a151d4] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 588px;
      height: 80px;
      padding: 10px;
      margin-top: 87px;
      font-size: 36px;
      font-weight: 600;
      line-height: 140%;
      /* 50.4px */
      color: #fff;
      text-align: center;
      background: var(--new-p-3, #652fd9);
      border-radius: 100px;
      /* new교육자/shadow */
      box-shadow: 0 10px 26px 0 rgba(62, 56, 96, 0.15), 0 4px 4px 0 rgba(80, 70, 96, 0.05);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.model > a[data-v-11a151d4] {
          width: 296px;
          height: 48px;
          margin-top: 40px;
          font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.model > a[data-v-11a151d4] {
          width: 100%;
          height: 72px;
          margin-top: 40px;
          font-size: 26px;
}
}
.main-pge-edctr section.plan[data-v-11a151d4] {
    flex-direction: column;
    align-items: center;
}
.main-pge-edctr section.plan > div[data-v-11a151d4] {
      display: flex;
      justify-content: space-between;
      width: 100%;
      max-width: 1098px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div[data-v-11a151d4] {
          max-width: 536px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div[data-v-11a151d4] {
          flex-direction: column;
          align-items: center;
          gap: 26px;
}
}
.main-pge-edctr section.plan > div .plan[data-v-11a151d4] {
        width: 486px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan[data-v-11a151d4] {
            width: 260px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan[data-v-11a151d4] {
            width: 100%;
}
}
.main-pge-edctr section.plan > div .plan h3[data-v-11a151d4] {
          margin-bottom: 0.7em;
          font-size: 22px;
          font-weight: 600;
          line-height: 140%;
          /* 30.8px */
          text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan h3[data-v-11a151d4] {
              font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan h3[data-v-11a151d4] {
              font-size: 22px;
}
}
.main-pge-edctr section.plan > div .plan .title[data-v-11a151d4] {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 98px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .title[data-v-11a151d4] {
              height: 52px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .title[data-v-11a151d4] {
              height: 80px;
}
}
.main-pge-edctr section.plan > div .plan .title h4[data-v-11a151d4] {
            font-size: 26px;
            font-weight: 600;
            line-height: 140%;
            /* 36.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .title h4[data-v-11a151d4] {
                font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .title h4[data-v-11a151d4] {
                font-size: 26px;
}
}
.main-pge-edctr section.plan > div .plan .title h5[data-v-11a151d4] {
            font-size: 16px;
            font-weight: 500;
            line-height: 140%;
            /* 22.4px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .title h5[data-v-11a151d4] {
                font-size: 10px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .title h5[data-v-11a151d4] {
                font-size: 16px;
}
}
.main-pge-edctr section.plan > div .plan .desc[data-v-11a151d4] {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 522px;
          padding: 1.5em;
          background: var(--new-p-2, #d0d2fb);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc[data-v-11a151d4] {
              height: 386px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc[data-v-11a151d4] {
              height: 490px;
}
}
.main-pge-edctr section.plan > div .plan .desc > ul > li[data-v-11a151d4] {
            padding-left: 0.5em;
            margin-left: 1em;
            font-size: 22px;
            font-weight: 500;
            line-height: 160%;
            /* 35.2px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > ul > li[data-v-11a151d4] {
                font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > ul > li[data-v-11a151d4] {
                font-size: 20px;
}
}
.main-pge-edctr section.plan > div .plan .desc > ul > li > span[data-v-11a151d4] {
              display: block;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 160%;
}
.main-pge-edctr section.plan > div .plan .desc > ul > li[data-v-11a151d4]:not(:last-child) {
              margin-bottom: 0.5em;
}
.main-pge-edctr section.plan > div .plan .desc > ul > li > ul[data-v-11a151d4] {
              padding-left: 1em;
}
.main-pge-edctr section.plan > div .plan .desc > ul > li > ul > li[data-v-11a151d4] {
                padding-left: 0.5em;
                font-size: 18px;
                line-height: 160%;
                /* 28.8px */
                list-style-type: disc;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > ul > li > ul > li[data-v-11a151d4] {
                    font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > ul > li > ul > li[data-v-11a151d4] {
                    font-size: 16px;
}
}
.main-pge-edctr section.plan > div .plan .desc > button[data-v-11a151d4], .main-pge-edctr section.plan > div .plan .desc a[data-v-11a151d4] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 10px;
            font-size: 28px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > button[data-v-11a151d4], .main-pge-edctr section.plan > div .plan .desc a[data-v-11a151d4] {
                font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.plan > div .plan .desc > button[data-v-11a151d4], .main-pge-edctr section.plan > div .plan .desc a[data-v-11a151d4] {
                font-size: 26px;
}
}
.main-pge-edctr section.plan > div .plan.starter h3[data-v-11a151d4] {
          color: #19cda1;
}
.main-pge-edctr section.plan > div .plan.starter .title[data-v-11a151d4] {
          background: #86f1aa;
}
.main-pge-edctr section.plan > div .plan.starter .desc[data-v-11a151d4] {
          background: #edf8f5;
}
.main-pge-edctr section.plan > div .plan.starter .desc > ul > li[data-v-11a151d4]::marker {
            content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27%3E%3Cpath d=%27M2 8.12778L7.75 13.75C7.75 13.75 15.1066 6.54577 19.5 2.25%27 stroke=%27%2319CDA1%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.main-pge-edctr section.plan > div .plan.premium h3[data-v-11a151d4] {
          color: var(--new-p-3, #652fd9);
}
.main-pge-edctr section.plan > div .plan.premium .title[data-v-11a151d4] {
          background: var(--new-p-2, #d0d2fb);
}
.main-pge-edctr section.plan > div .plan.premium .desc[data-v-11a151d4] {
          background: var(--new-p-1, #f3f4ff);
}
.main-pge-edctr section.plan > div .plan.premium .desc > ul > li[data-v-11a151d4]::marker {
            content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27%3E%3Cpath d=%27M2 8.12778L7.75 13.75C7.75 13.75 15.1066 6.54577 19.5 2.25%27 stroke=%27%23652FD9%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.main-pge-edctr section.media[data-v-11a151d4] {
    flex-direction: column;
    align-items: center;
}
.main-pge-edctr section.media > div[data-v-11a151d4] {
      position: relative;
      display: flex;
      gap: 80px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.media > div[data-v-11a151d4] {
          gap: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.media > div[data-v-11a151d4] {
          flex-wrap: wrap;
          gap: 16px;
          width: 320px;
}
}
.main-pge-edctr section.media > div > a[data-v-11a151d4] {
        position: relative;
        display: block;
}
.main-pge-edctr section.media > div > a img[data-v-11a151d4] {
          width: 282px;
          height: auto;
          border-radius: 4px;
          box-shadow: 0 8px 16px 0 #5252524d;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.media > div > a img[data-v-11a151d4] {
              width: 210px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.media > div > a img[data-v-11a151d4] {
              width: 152px;
}
}
.main-pge-edctr section.media > div > a figcaption[data-v-11a151d4] {
          position: absolute;
          bottom: 10%;
          left: 50%;
          width: 100%;
          padding: 0 9%;
          font-size: 20px;
          font-weight: 500;
          line-height: 140%;
          color: #fff;
          text-align: center;
          transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.media > div > a figcaption[data-v-11a151d4] {
              font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.media > div > a figcaption[data-v-11a151d4] {
              font-size: 12px;
}
}
.main-pge-edctr section.qna[data-v-11a151d4] {
    flex-direction: column;
    align-items: center;
    background: var(--new-p-3, #652fd9);
}
.main-pge-edctr section.qna h2[data-v-11a151d4] {
      margin-bottom: 80px;
      color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna h2[data-v-11a151d4] {
          margin-bottom: 40px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna h2[data-v-11a151d4] {
          margin-bottom: 48px;
}
}
.main-pge-edctr section.qna .question-wrapper[data-v-11a151d4] {
      width: 996px;
      margin-bottom: 40.5px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna .question-wrapper[data-v-11a151d4] {
          width: 452px;
          font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna .question-wrapper[data-v-11a151d4] {
          width: 100%;
          font-size: 16px;
}
}
.main-pge-edctr section.qna .question-wrapper > div[data-v-11a151d4] {
        align-items: center;
        padding: 0 8px;
}
.main-pge-edctr section.qna .question-wrapper > div[data-v-11a151d4]:first-child {
          display: flex;
          justify-content: space-between;
}
.main-pge-edctr section.qna .question-wrapper > div:first-child h3[data-v-11a151d4] {
            font-size: 28px;
            font-weight: 500;
            line-height: 140%;
            color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:first-child h3[data-v-11a151d4] {
                font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:first-child h3[data-v-11a151d4] {
                font-size: 16px;
}
}
.main-pge-edctr section.qna .question-wrapper > div:first-child button[data-v-11a151d4] {
            width: 40px;
            height: 40px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:first-child button[data-v-11a151d4] {
                width: 24px;
                height: 24px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:first-child button[data-v-11a151d4] {
                width: 32px;
                height: 32px;
}
}
.main-pge-edctr section.qna .question-wrapper > div:first-child button svg[data-v-11a151d4] {
              width: 100%;
              height: 100%;
}
.main-pge-edctr section.qna .question-wrapper > div:first-child button.open[data-v-11a151d4] {
              transform: rotate(180deg);
}
.main-pge-edctr section.qna .question-wrapper > div[data-v-11a151d4]:last-child {
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 24px;
          padding: 1.5rem;
          margin-top: 28.5px;
          background: #fff;
          border-radius: 4px;
}
.main-pge-edctr section.qna .question-wrapper > div:last-child p[data-v-11a151d4] {
            margin-bottom: 1em;
            font-size: 22px;
            line-height: 150%;
            /* 33px */
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:last-child p[data-v-11a151d4] {
                font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:last-child p[data-v-11a151d4] {
                font-size: 14px;
}
}
.main-pge-edctr section.qna .question-wrapper > div:last-child button[data-v-11a151d4] {
            position: relative;
            left: 50%;
            width: 262px;
            height: 48px;
            margin: 0 auto;
            font-size: 20px;
            font-weight: 600;
            line-height: 140%;
            /* 28px */
            color: var(--new-p-3, #652fd9);
            background: var(--new-p-2, #d0d2fb);
            border-radius: 100px;
            transform: translateX(-50%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:last-child button[data-v-11a151d4] {
                width: 160px;
                height: 24px;
                font-size: 12px;
}
}
@media screen and (max-width: 640px) {
.main-pge-edctr section.qna .question-wrapper > div:last-child button[data-v-11a151d4] {
                width: 224px;
                height: 32px;
                font-size: 14px;
}
}
.main-pge-edctr section.qna .question-wrapper > div:last-child ul li[data-v-11a151d4] {
            margin-left: 1em;
            list-style-type: disc;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/CmnSubMenu.vue?vue&type=style&index=0&id=0043ee00&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0043ee00]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
div[data-v-0043ee00] {
  display: flex;
  justify-content: center;
  padding: 12px 5px 0;
  font-size: 18px;
}
div button[data-v-0043ee00] {
    padding: 0 10px;
    margin-bottom: 12px;
    color: var(--color-g06);
    border-radius: 8px;
}
div button[data-v-0043ee00]:hover {
      background-color: var(--color-g01);
}
div.selected[data-v-0043ee00], .selected div[data-v-0043ee00] {
    border-bottom: 4px solid #5682fe;
}
div.selected button[data-v-0043ee00], .selected div button[data-v-0043ee00] {
      margin-bottom: 8px;
      font-weight: 600;
      color: var(--color-g07);
}
div.selected button[data-v-0043ee00]:hover, .selected div button[data-v-0043ee00]:hover {
        background: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/lms/cmn/modal/LmsCmnModalBase.vue?vue&type=style&index=0&id=1159f8f8&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1159f8f8]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lms-cmn-base-modal[data-v-1159f8f8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: grid;
  place-items: center;
  padding: 40px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.25);
}
.lms-cmn-base-modal > div[data-v-1159f8f8] {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(111, 111, 111, 0.15);
}
.lms-cmn-base-modal > div .close[data-v-1159f8f8] {
      position: absolute;
      top: 32px;
      right: 32px;
      z-index: 1;
}
.lms-cmn-base-modal > div .close > svg[data-v-1159f8f8] {
        fill: #2f2f2f;
        width: 24px;
        height: 24px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/lms/cmn/modal/LmsCmnModalHder.vue?vue&type=style&index=0&id=082710d0&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-082710d0]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal-hder[data-v-082710d0] {
  width: 100%;
  border-bottom: 1px solid var(--color-g07);
}
.modal-hder h1[data-v-082710d0] {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.modal-hder svg[data-v-082710d0] {
    width: 24px;
    height: 24px;
    fill: var(--color-g07);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/CmnCoursIntroHelpModal.vue?vue&type=style&index=0&id=5c853171&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5c853171]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal[data-v-5c853171] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100vw;
  height: 497px;
  max-width: 688px;
  padding: 32px;
  font-family: var(--pretendard), sans-serif;
}
.modal .wrapper[data-v-5c853171] {
    overflow-y: scroll;
}
.modal .wrapper img[data-v-5c853171] {
      width: 70%;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeCrclm.vue?vue&type=style&index=0&id=6f09b2c9&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6f09b2c9]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-crclm[data-v-6f09b2c9] {
  position: relative;
}
.crclm-jmbtr[data-v-6f09b2c9] {
  margin-bottom: 60px;
  background-image: linear-gradient(to top, #91c0ed, #4066d6);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.crclm-jmbtr[data-v-6f09b2c9] {
      margin-bottom: 40px;
}
}
.crclm-jmbtr .title[data-v-6f09b2c9] {
    margin-bottom: 24px;
    font-family: GmarketSans, sans-serif;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}
.crclm-jmbtr .sub-title[data-v-6f09b2c9] {
    font-family: var(--nanum-square), sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #174167;
}
.crclm-jmbtr .image[data-v-6f09b2c9] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 181px;
    height: 216px;
    margin: 20px 0;
    background-image: url("https://cdn.test.codmos.io/default/public/42c90d6a-2e10-4e64-b0c9-cb0f262cf874.png");
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.crclm-jmbtr .title[data-v-6f09b2c9] {
      margin-bottom: 16px;
      font-size: 40px;
}
.crclm-jmbtr .sub-title[data-v-6f09b2c9] {
      font-size: 16px;
}
.crclm-jmbtr .image[data-v-6f09b2c9] {
      width: 125.7px;
      height: 150px;
      margin: 6.8px 0;
}
}
@media screen and (max-width: 640px) {
.crclm-jmbtr .title[data-v-6f09b2c9] {
      margin-bottom: 14px;
      font-size: 30px;
}
.crclm-jmbtr .sub-title[data-v-6f09b2c9] {
      font-size: 14px;
}
.crclm-jmbtr .image[data-v-6f09b2c9] {
      width: 81px;
      height: 96px;
      margin: 25px 0;
}
}
.wrapper[data-v-6f09b2c9] {
  display: flex;
  flex-direction: column;
  padding: 0 42px;
  margin: 0 auto 40px;
}
.main .wrapper[data-v-6f09b2c9] {
    max-width: 1200px;
}
@media screen and (max-width: 640px) {
.wrapper[data-v-6f09b2c9] {
      padding: 0;
}
}
.wrapper .tab[data-v-6f09b2c9] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 36px;
    font-family: var(--pretendard), sans-serif;
    background: #fff;
    border-bottom: 1px solid var(--color-g03);
}
.wrapper .tab > div[data-v-6f09b2c9] {
      display: flex;
}
.wrapper .tab > div > a[data-v-6f09b2c9] {
        width: 208px;
}
.wrapper .tab svg[data-v-6f09b2c9] {
      width: 24px;
      height: 24px;
      fill: #5682fe;
}
@media screen and (max-width: 640px) {
.wrapper .tab[data-v-6f09b2c9] {
        margin: 0 auto;
}
.wrapper .tab > div > a[data-v-6f09b2c9] {
          width: unset;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/CmnCoursIntroBtn.vue?vue&type=style&index=0&id=275fd1a1&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-275fd1a1]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-275fd1a1] {
  width: 60px;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-g07);
  background: #fff;
  border: 1px solid var(--color-g03);
  border-radius: 8px;
}
@media screen and (max-width: 640px) {
button[data-v-275fd1a1] {
      width: unset;
      height: 40px;
      padding: 5px;
      font-size: 10px;
      font-weight: 500;
      word-break: keep-all;
}
}
.main button[data-v-275fd1a1] {
    box-shadow: 0 2.9px 2.9px 0 rgba(0, 0, 0, 0.1);
}
button[data-v-275fd1a1]:hover {
    border: 1px solid var(--color-g05);
}
button.selected[data-v-275fd1a1] {
    color: #fff;
    background: var(--color-lms-prmry);
}
.main button.selected[data-v-275fd1a1] {
      background: #5682fe;
      box-shadow: 0 8px 10px 0 rgba(86, 130, 254, 0.25);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/CmnCoursIntroTbl.vue?vue&type=style&index=0&id=7e86dbfa&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7e86dbfa]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.label[data-v-7e86dbfa] {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.label > div[data-v-7e86dbfa] {
    display: grid;
    place-items: center;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
}
.label > div[data-v-7e86dbfa]:first-child {
      grid-column: 1;
      color: #6c5f1c;
      background: #fff4bb;
}
.main .label > div[data-v-7e86dbfa]:first-child {
        color: #1c6c6a;
        background: #bdf0e2;
}
.label > div[data-v-7e86dbfa]:nth-child(2) {
      grid-column: 2 / span 6;
      color: #385c4b;
      background: #d7f3e6;
}
.main .label > div[data-v-7e86dbfa]:nth-child(2) {
        color: #384e5c;
        background: #bbe5f4;
}
.label > div[data-v-7e86dbfa]:last-child {
      grid-column: 8 / span 3;
      color: #284860;
      background: #cfe5f5;
}
.main .label > div[data-v-7e86dbfa]:last-child {
        color: #283960;
        background: #b7daff;
}
.label.en[data-v-7e86dbfa] {
    grid-template-columns: repeat(9, 1fr);
}
.label.en > div[data-v-7e86dbfa]:first-child {
      grid-column: 1;
}
.label.en > div[data-v-7e86dbfa]:nth-child(2) {
      grid-column: 2 / span 5;
}
.label.en > div[data-v-7e86dbfa]:last-child {
      grid-column: 7 / span 3;
}
.tbl-wrapper[data-v-7e86dbfa] {
  position: relative;
  width: 100%;
}
.tbl-wrapper table.bcrn[data-v-7e86dbfa] {
    width: 100%;
    text-align: center;
    border-top: 1px solid var(--color-g03);
    border-bottom: 1px solid var(--color-g03);
    border-collapse: collapse;
}
.tbl-wrapper table.bcrn.age td[data-v-7e86dbfa] {
      height: 200px;
}
.tbl-wrapper table.bcrn.crtn td[data-v-7e86dbfa] {
      height: 283px;
}
.tbl-wrapper table.bcrn th[data-v-7e86dbfa] {
      height: 48px;
      font-size: 16px;
      font-weight: 600;
      color: #48348c;
      background: #f7f7fb;
      border-right: 1px solid var(--color-g03);
      border-bottom: 1px solid var(--color-g03);
}
.tbl-wrapper table.bcrn th[data-v-7e86dbfa]:last-child {
        border-right: none;
}
.tbl-wrapper table.bcrn td[data-v-7e86dbfa] {
      width: 144px;
      border-right: 1px solid var(--color-g01);
}
.tbl-wrapper table.bcrn td[data-v-7e86dbfa]:last-of-type {
        border-right: none;
}
.tbl-wrapper table.inner[data-v-7e86dbfa] {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    height: 200px;
}
.tbl-wrapper table.inner.age[data-v-7e86dbfa] {
      height: 200px;
}
.tbl-wrapper table.inner.crtn[data-v-7e86dbfa] {
      height: 283px;
}
.tbl-wrapper table.inner th[data-v-7e86dbfa] {
      width: 10%;
}
.tbl-wrapper table.inner td[data-v-7e86dbfa] {
      padding: 0 0.5%;
}
.tbl-wrapper table.inner td button[data-v-7e86dbfa] {
        width: 100%;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/cours/CmnCoursIntroCoursCard.vue?vue&type=style&index=0&id=1d1e0ba4&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1d1e0ba4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cours-card[data-v-1d1e0ba4] {
  width: 344px;
}
.cours-card .cntnts[data-v-1d1e0ba4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 414px;
    padding: 18px;
    cursor: pointer;
    border: 1px solid var(--color-g05);
    border-radius: 8px;
}
.cours-card .cntnts .part1[data-v-1d1e0ba4] {
      position: relative;
      display: flex;
      justify-content: center;
}
.cours-card .cntnts .part1 .icon-wrap[data-v-1d1e0ba4] {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
}
.cours-card .cntnts .part1 .icon-wrap img[data-v-1d1e0ba4] {
          width: 40px;
          height: 40px;
          border-radius: 8px;
}
.cours-card .cntnts .part1 .hover-div[data-v-1d1e0ba4] {
        position: absolute;
        top: 0;
        left: 45px;
        display: none;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0.5em;
        color: #fff;
        background-color: #000;
        border-radius: 8px;
}
.cours-card .cntnts .part1 .icon-wrap:hover + .hover-div[data-v-1d1e0ba4] {
        display: flex;
}
.cours-card .cntnts .part1 .planet-icon[data-v-1d1e0ba4] {
        width: 96px;
        height: 96px;
}
.cours-card .cntnts .part2[data-v-1d1e0ba4] {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      text-align: center;
}
.cours-card .cntnts .part2 .title-wrap h5[data-v-1d1e0ba4] {
        font-size: 16px;
        font-weight: 600;
}
.cours-card .cntnts .part2 .title-wrap h6[data-v-1d1e0ba4] {
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        color: #929292;
}
.cours-card .cntnts .part2 .level[data-v-1d1e0ba4] {
        display: flex;
        gap: 4px;
}
.cours-card .cntnts .part2 .level svg[data-v-1d1e0ba4] {
          width: 16px;
          height: 16px;
          fill: var(--color-g02);
}
.cours-card .cntnts .part2 .level svg.yellow[data-v-1d1e0ba4] {
            fill: #ffd029;
}
.cours-card .cntnts .part2 p[data-v-1d1e0ba4] {
        display: flex;
        align-items: center;
        height: 80px;
        font-size: 14px;
        line-height: 1.5;
}
.cours-card .cntnts .part3[data-v-1d1e0ba4] {
      display: flex;
      justify-content: center;
      padding: 5px 0;
      font-size: 12px;
      font-weight: 600;
      background: #f4f4fc;
      border-radius: 8px;
}
.cours-card .cntnts .part3 p[data-v-1d1e0ba4] {
        padding: 0 4px;
        border-right: 1px solid #cfcfe2;
}
.cours-card .cntnts .part3 p label.grade[data-v-1d1e0ba4] {
          margin-right: 4px;
}
.cours-card .cntnts .part3 p span[data-v-1d1e0ba4], .cours-card .cntnts .part3 p label[data-v-1d1e0ba4] span {
          color: var(--color-lms-dark, #48348c);
}
.cours-card .cntnts .part3 > div[data-v-1d1e0ba4] {
        display: flex;
        gap: 8px;
        padding: 0 4px;
}
.cours-card .cntnts .part3 > div label[data-v-1d1e0ba4] {
          display: flex;
          align-items: center;
          gap: 2px;
}
.cours-card .cntnts .part3 > div label svg[data-v-1d1e0ba4] {
            width: 16px;
            height: 16px;
            fill: var(--color-lms-dark);
}
.cours-card .cntnts .part4[data-v-1d1e0ba4] {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8.5px;
      font-size: 14px;
}
.cours-card .cntnts .part4 p[data-v-1d1e0ba4] {
        font-weight: 500;
}
.cours-card .cntnts .part4 div[data-v-1d1e0ba4] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
}
.cours-card .cntnts .part4 div span[data-v-1d1e0ba4] {
          font-size: 12px;
          color: var(--color-g06);
}
.cours-card.main .cntnts[data-v-1d1e0ba4] {
    cursor: default;
}
.cours-card .satlit[data-v-1d1e0ba4] {
    display: flex;
    justify-content: space-between;
    height: 90px;
    margin-top: 12px;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
}
.cours-card .satlit > div[data-v-1d1e0ba4] {
      display: flex;
      flex-grow: 1;
      flex-basis: 50%;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      border-right: 1px solid var(--color-g03);
}
.cours-card .satlit > div[data-v-1d1e0ba4]:last-child {
        border: none;
}
.cours-card .satlit > div img[data-v-1d1e0ba4] {
        width: 40px;
        height: 40px;
}
.cours-card .satlit > div h5[data-v-1d1e0ba4] {
        font-size: 14px;
        font-weight: 600;
}
.cours-card .satlit > div p[data-v-1d1e0ba4] {
        width: 152px;
        font-size: 12px;
        color: var(--color-g06);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/cours/CmnCoursIntroCours.vue?vue&type=style&index=0&id=4b4c8274&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4b4c8274]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cours[data-v-4b4c8274] {
  margin-top: 64px;
}
@media screen and (max-width: 640px) {
.cours[data-v-4b4c8274] {
      display: flex;
      flex-direction: column;
      align-items: center;
}
}
.cours h2[data-v-4b4c8274] {
    margin-bottom: 16px;
    font-size: 26px;
    font-weight: 600;
    color: var(--color-lms-dark);
}
.cours .cours-info[data-v-4b4c8274] {
    margin-bottom: 16px;
}
.cours .cours-info label[data-v-4b4c8274] {
      margin-right: 8px;
      color: var(--color-g06);
}
.cours .cours-info span[data-v-4b4c8274] {
      margin-right: 24px;
      font-size: 16px;
      font-weight: 600;
}
.cours h3[data-v-4b4c8274] {
    margin-bottom: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 640px) {
.cours h3[data-v-4b4c8274] {
        width: 324px;
}
}
.cours .card-wrapper[data-v-4b4c8274] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 344px);
    justify-content: start;
    column-gap: 40px;
    row-gap: 40px;
}
@media screen and (max-width: 640px) {
.cours .card-wrapper[data-v-4b4c8274] {
        row-gap: 24px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/CmnCoursIntroTblPhone.vue?vue&type=style&index=0&id=57cfb45b&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-57cfb45b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.tbl-phone[data-v-57cfb45b] {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 15px;
  background: #eff3fa;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/lms/cmn/anim/LmsCmnAnimLdng.vue?vue&type=style&index=0&id=366c0940&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-366c0940]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.crcl[data-v-366c0940] {
  animation: dots-366c0940 1s infinite ease-in-out;
}
.crcl[data-v-366c0940]:nth-child(2) {
    animation-delay: 0.2s;
}
.crcl[data-v-366c0940]:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes dots-366c0940 {
0%,
  100%,
  80% {
    transform: translateY(0);
}
40% {
    transform: translateY(-10px);
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/lms/cmn/LmsCmnBtn.vue?vue&type=style&index=0&id=a0c861d0&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a0c861d0]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-a0c861d0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  font-weight: 600;
  border-radius: 8px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
button[data-v-a0c861d0]:disabled {
    cursor: not-allowed;
}
button.size-xs[data-v-a0c861d0] {
    height: 32px;
    padding: 0 16px;
    font-size: 14px;
}
button.size-xs svg[data-v-a0c861d0] {
      width: 20px;
      height: 20px;
}
button.size-sm[data-v-a0c861d0] {
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
}
button.size-sm svg[data-v-a0c861d0] {
      width: 20px;
      height: 20px;
}
button.size-md[data-v-a0c861d0] {
    height: 48px;
    padding: 0 16px;
    font-size: 18px;
}
button.size-md svg[data-v-a0c861d0] {
      width: 24px;
      height: 24px;
}
button.ldng[data-v-a0c861d0] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: wait;
}
button.ldng svg[data-v-a0c861d0] {
      width: 100%;
      height: 100%;
      max-width: 58px;
}
.variant-solid[data-v-a0c861d0] {
  color: #fff;
  background-color: var(--color-lms-prmry);
  border: 1px solid var(--color-lms-prmry);
}
.variant-solid[data-v-a0c861d0]:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--color-lms-prmry);
}
.variant-solid[data-v-a0c861d0]:disabled {
    color: var(--color-g05);
    background-color: var(--color-g01);
    border: 1px solid var(--color-g05);
}
.variant-solid[data-v-a0c861d0]:disabled:hover {
      background: var(--color-g01);
}
.variant-solid.ldng svg[data-v-a0c861d0] {
    fill: #fff;
}
.variant-solid.ldng:disabled svg[data-v-a0c861d0] {
    fill: var(--color-g05);
}
.variant-outline[data-v-a0c861d0] {
  color: var(--color-g07);
  background: #fff;
  border: 1px solid var(--color-g04);
}
.variant-outline[data-v-a0c861d0]:hover {
    border: 1px solid var(--color-g05);
}
.variant-outline[data-v-a0c861d0]:disabled {
    color: var(--color-g05);
    background: var(--color-g01);
    border: 1px solid var(--color-g05);
}
.variant-outline:disabled svg[data-v-a0c861d0] {
      fill: var(--color-g05);
}
.variant-outline.selected[data-v-a0c861d0] {
    color: #fff;
    background-color: var(--color-lms-dark);
}
.variant-outline svg[data-v-a0c861d0] {
    fill: var(--color-lms-prmry);
}
.variant-ghost[data-v-a0c861d0] {
  color: var(--color-lms-dark);
  background: transparent;
}
.variant-ghost[data-v-a0c861d0]:hover {
    background: var(--color-g01);
}
.variant-ghost[data-v-a0c861d0]:disabled {
    color: var(--color-g05);
    background: var(--color-g01);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/cours/CmnCoursIntroCoursModal.vue?vue&type=style&index=0&id=19336849&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-19336849]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal[data-v-19336849] {
  display: grid;
  gap: 16px;
  width: 416px;
  padding: 32px 0;
}
.modal > div[data-v-19336849]:first-child {
    padding-top: 20px;
}
.modal > div:first-child h5[data-v-19336849] {
      display: grid;
      place-items: center;
      height: 62px;
      padding: 0 10px;
      font-size: 20px;
      font-weight: 500;
      text-align: center;
}
.modal > div:first-child img[data-v-19336849] {
      display: block;
      width: 64px;
      height: 64px;
      margin: 0 auto;
}
.modal > div[data-v-19336849]:last-child {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.modal > div:last-child p[data-v-19336849] {
      font-size: 18px;
      font-weight: 700;
      color: var(--color-g05, #929292);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/cours-intro/CmnCoursIntroBody.vue?vue&type=style&index=0&id=a1ea1ba6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a1ea1ba6]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cours-intro-body[data-v-a1ea1ba6] {
  font-family: var(--pretendard), sans-serif;
}
.tbl[data-v-a1ea1ba6] {
  display: block;
}
@media screen and (max-width: 640px) {
.main .tbl[data-v-a1ea1ba6] {
      display: none;
}
}
.tbl-phone[data-v-a1ea1ba6] {
  display: none;
}
@media screen and (max-width: 640px) {
.main .tbl-phone[data-v-a1ea1ba6] {
      display: grid;
}
}
.plchl[data-v-a1ea1ba6] {
  margin-top: 64px;
}
.plchl div[data-v-a1ea1ba6] {
    margin-bottom: 16px;
    border-radius: 8px;
}
.plchl div[data-v-a1ea1ba6]:first-child {
      width: 170px;
      height: 31px;
}
.plchl div[data-v-a1ea1ba6]:nth-child(2) {
      width: 340px;
      height: 19px;
}
.plchl div[data-v-a1ea1ba6]:nth-child(3) {
      width: 500px;
      height: 36px;
      margin-bottom: 48px;
}
.plchl ul[data-v-a1ea1ba6] {
    display: flex;
    gap: 40px;
}
.plchl ul li[data-v-a1ea1ba6] {
      width: 344px;
      height: 394px;
      border-radius: 8px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeDgnssEvlLndg.vue?vue&type=style&index=0&id=43bc4fd1&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-43bc4fd1]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.dgnss-evl-lndg-wrap[data-v-43bc4fd1] {
  position: relative;
  width: 100vw;
  height: 696px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap[data-v-43bc4fd1] {
      height: 444px;
      min-width: 640px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap[data-v-43bc4fd1] {
      height: calc(100vw / 375 * 512);
      min-width: 375px;
      min-height: 459px;
      background-image: url("https://cdn.test.codmos.io/default/public/12e0affc-51f5-452f-addd-4645ded45150.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
}
}
.dgnss-evl-lndg-wrap .cntnt-wrap[data-v-43bc4fd1] {
    display: grid;
    align-content: center;
    justify-content: center;
    width: 100vw;
    height: 696px;
    max-width: 75%;
    background-image: linear-gradient(to right, #f9f8f7 67%, rgba(249, 248, 247, 0) 99%);
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .cntnt-wrap[data-v-43bc4fd1] {
        justify-content: flex-end;
        height: 444px;
        max-width: 60%;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .cntnt-wrap[data-v-43bc4fd1] {
        justify-content: center;
        height: calc(100vw / 375 * 512);
        max-width: 100%;
        min-height: 459px;
        background-image: linear-gradient(to right, #f9f8f7 0%, rgba(249, 248, 247, 0) 99%);
}
}
.dgnss-evl-lndg-wrap .dgnss-img[data-v-43bc4fd1] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 997px;
    height: 696px;
    background-image: url("https://cdn.test.codmos.io/default/public/d0b5e1cd-2378-4e63-aacd-b7b427e8b577.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .dgnss-img[data-v-43bc4fd1] {
        width: 631px;
        height: 444px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .dgnss-img[data-v-43bc4fd1] {
        display: none;
}
}
.dgnss-evl-lndg-wrap .dgnss-txt[data-v-43bc4fd1] {
    padding: 0 250px 0 0;
    margin-bottom: 24px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #554d48;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .dgnss-txt[data-v-43bc4fd1] {
        padding: 0;
        font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .dgnss-txt[data-v-43bc4fd1] {
        justify-self: center;
        padding: 0;
        font-size: 12px;
}
}
.dgnss-evl-lndg-wrap .txt[data-v-43bc4fd1] {
    padding: 0 250px 0 0;
    font-family: GmarketSans, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .txt[data-v-43bc4fd1] {
        padding: 0;
        font-size: 32px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .txt[data-v-43bc4fd1] {
        justify-self: center;
        padding: 0;
        font-size: 32px;
}
}
.dgnss-evl-lndg-wrap .txt .txt-color[data-v-43bc4fd1] {
      color: #5682fe;
}
.dgnss-evl-lndg-wrap .txt-2[data-v-43bc4fd1] {
    position: relative;
    z-index: 1;
    padding: 0 250px 0 0;
    font-family: GmarketSans, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.75;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2[data-v-43bc4fd1] {
        padding: 0 55px 0 0;
        font-size: 24px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2[data-v-43bc4fd1] {
        justify-self: center;
        padding: 0;
        font-size: 20px;
}
}
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::after {
      position: absolute;
      bottom: 10px;
      left: 220px;
      z-index: -1;
      width: 137px;
      height: 15px;
      background-color: #fef756;
      content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::after {
          left: 165px;
          width: 100px;
          height: 15px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::after {
          left: 140px;
          width: 82px;
          height: 12px;
}
}
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::before {
      position: absolute;
      bottom: 10px;
      left: 0;
      z-index: -1;
      width: 137px;
      height: 15px;
      background-color: #fef756;
      content: '';
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::before {
          width: 100px;
          height: 15px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .txt-2 .undrl[data-v-43bc4fd1]::before {
          width: 82px;
          height: 12px;
}
}
.dgnss-evl-lndg-wrap .submit-btn[data-v-43bc4fd1] {
    display: block;
    width: 200px;
    height: 48px;
    margin-top: 40px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
    text-align: center;
    background-color: #5682fe;
    border-radius: 12px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.dgnss-evl-lndg-wrap .submit-btn[data-v-43bc4fd1] {
        width: 188px;
        height: 45.1px;
}
}
@media screen and (max-width: 640px) {
.dgnss-evl-lndg-wrap .submit-btn[data-v-43bc4fd1] {
        justify-self: center;
        width: 188px;
        height: 45.1px;
        margin-top: 29px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainDgnssEvlPopUp.vue?vue&type=style&index=0&id=52a144bb&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-52a144bb]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-dgnss-evl-pop-up-wrap[data-v-52a144bb] {
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main-dgnss-evl-pop-up-wrap .pop-up-bcrn[data-v-52a144bb] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap[data-v-52a144bb] {
    z-index: 2;
    width: 310px;
    height: 258px;
    background-color: #fff;
    border-radius: 12px;
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap .cntnt-wrap[data-v-52a144bb] {
      position: relative;
      display: grid;
      grid-template-rows: repeat(3, minmax(auto, max-content));
      justify-content: center;
      width: 100%;
      height: 100%;
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap .cntnt-wrap .exit-btn[data-v-52a144bb] {
        position: absolute;
        top: 19.4px;
        right: 19.8px;
        font-size: 17px;
        line-height: 1;
        cursor: pointer;
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap .cntnt-wrap .pop-up-txt[data-v-52a144bb] {
        justify-self: center;
        width: 200px;
        margin-top: 43px;
        font-family: var(--nanum-square), sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.56;
        color: #000;
        text-align: center;
        word-break: keep-all;
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap .cntnt-wrap .sgnp-btn[data-v-52a144bb] {
        display: grid;
        place-content: center;
        width: 250px;
        height: 40px;
        padding: 10px 0;
        margin-top: 24px;
        font-family: var(--nanum-square), sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        background-color: #5682fe;
        border-radius: 6px;
}
.main-dgnss-evl-pop-up-wrap .pop-up-wrap .cntnt-wrap .sgnn-link[data-v-52a144bb] {
        margin-top: 19px;
        font-family: var(--nanum-square), sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 2.03;
        color: #5682fe;
        text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeDgnssEvlPlygr.vue?vue&type=style&index=0&id=0f9d728c&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0f9d728c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
button[data-v-0f9d728c] {
  background: none;
  border: none;
}
button[data-v-0f9d728c]:focus {
    outline: 0 !important;
}
.main-pge-dgnss-evl-lndg-wrap[data-v-0f9d728c] {
  font-family: AppleSDGothicNeo, sans-serif;
  font-size: 4.0vw;
  font-weight: 800;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap[data-v-0f9d728c] {
      font-size: 15px;
}
}
.main-pge-dgnss-evl-lndg-wrap .header[data-v-0f9d728c] {
    position: relative;
    padding: 4.26667vw 0;
    text-align: center;
    background-color: #fff;
    border-bottom: solid 1.06667vw #d8d8d8;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .header[data-v-0f9d728c] {
        height: 55px;
        padding: 0;
        line-height: 55px;
        background-color: #f0f0f0;
        border-bottom: none;
}
}
.main-pge-dgnss-evl-lndg-wrap .header .index-group[data-v-0f9d728c] {
      display: none;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .header .index-group[data-v-0f9d728c] {
          display: inline-block;
}
}
.main-pge-dgnss-evl-lndg-wrap .header .index-group .index-item[data-v-0f9d728c] {
        display: inline-block;
        padding: 0 2px;
        margin: 0 13.5px;
        line-height: 24px;
        color: #f0f0f0;
        vertical-align: bottom;
        border-bottom: solid 3px #d8d8d8;
}
.main-pge-dgnss-evl-lndg-wrap .header .index-group .index-item.active[data-v-0f9d728c] {
          color: #fa6400;
          border-bottom-color: #fa6400;
}
.main-pge-dgnss-evl-lndg-wrap .header .index-status[data-v-0f9d728c] {
      display: inline-block;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .header .index-status[data-v-0f9d728c] {
          margin-left: 38.5px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body[data-v-0f9d728c] {
    font-family: AppleSDGothicNeo, sans-serif;
    font-size: 4.0vw;
    font-weight: 600;
    color: #3a2f64;
    background-color: #f6f6f6;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body[data-v-0f9d728c] {
        display: flex;
        justify-content: center;
        font-size: 15px;
        background-color: #fff;
}
}
.main-pge-dgnss-evl-lndg-wrap .body h3[data-v-0f9d728c] {
      margin: 0;
      font-size: 4.26667vw;
      font-weight: 600;
      color: #fa6400;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body h3[data-v-0f9d728c] {
          font-size: 20px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .label[data-v-0f9d728c] {
      color: #303030;
}
.main-pge-dgnss-evl-lndg-wrap .body select[data-v-0f9d728c] {
      width: 100%;
      padding: 3.73334vw 4.26667vw;
      margin: 1.6vw 0 7.20001vw 0;
      color: #e7e7e7;
      color: #818181;
      background-color: #fff;
      border: solid 3px #e7e7e7;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body select[data-v-0f9d728c] {
          padding: 14px 16px;
          margin: 6px 0 27px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body select[data-v-0f9d728c]:hover {
        border-color: #c5c5c5;
}
.main-pge-dgnss-evl-lndg-wrap .body select[data-v-0f9d728c]:focus {
        border-color: #584ac0;
}
.main-pge-dgnss-evl-lndg-wrap .body .first[data-v-0f9d728c], .main-pge-dgnss-evl-lndg-wrap .body .last[data-v-0f9d728c] {
      padding: 20.53336vw 8.00001vw;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .first[data-v-0f9d728c], .main-pge-dgnss-evl-lndg-wrap .body .last[data-v-0f9d728c] {
          max-width: 447px;
          padding: 77px 30px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .first h3[data-v-0f9d728c] {
      margin-bottom: 9.33334vw;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .first h3[data-v-0f9d728c] {
          margin-bottom: 35px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .last[data-v-0f9d728c] {
      text-align: center;
}
.main-pge-dgnss-evl-lndg-wrap .body .last h3[data-v-0f9d728c] {
        line-height: 8.53334vw;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .last h3[data-v-0f9d728c] {
            margin-bottom: 32px;
            line-height: 32px;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper[data-v-0f9d728c] {
        padding: 30px 0 80px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .q-title[data-v-0f9d728c] {
      display: none;
      margin-bottom: 30px;
      text-align: center;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .q-title[data-v-0f9d728c] {
          display: block;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .q-title h3[data-v-0f9d728c] {
        font-size: 20px;
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone[data-v-0f9d728c] {
      position: relative;
      padding: 13.33335vw 7.46668vw;
      text-align: center;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone[data-v-0f9d728c] {
          display: inline-block;
          width: 482px;
          height: 445px;
          padding: 0 30px;
          margin-right: 31px;
          vertical-align: top;
          background-color: #f6f6f6;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .question-wrapper[data-v-0f9d728c] {
          position: absolute;
          top: 50%;
          width: calc(100% - 60px);
          transform: translateY(-50%);
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .text[data-v-0f9d728c], .main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone img[data-v-0f9d728c] {
        margin-bottom: 2.66667vw;
        text-align: justify;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .text[data-v-0f9d728c], .main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone img[data-v-0f9d728c] {
            padding: 0 19px;
            margin-bottom: 10px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .q[data-v-0f9d728c] {
        padding-left: 6.93334vw;
        text-align: justify;
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .q[data-v-0f9d728c]::before {
          position: absolute;
          margin-top: -2.93334vw;
          margin-left: -6.93334vw;
          font-size: 8.00001vw;
          color: #584ac0;
          content: 'Q';
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .q[data-v-0f9d728c]::before {
              margin-top: -11px;
              margin-left: -26px;
              font-size: 30px;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .q[data-v-0f9d728c] {
            padding: 0 50px 0 76px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .img-res[data-v-0f9d728c] {
        width: 100%;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .img-res[data-v-0f9d728c] {
            width: auto;
            max-width: calc(482px - 60px);
            max-height: 295px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .board[data-v-0f9d728c] {
        padding: 4.53334vw;
        margin: 5.33334vw 0;
        text-align: left;
        background-color: #fff;
        border: solid 0.8vw #584ac0;
        border-radius: 5px;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .question-zone .board[data-v-0f9d728c] {
            padding: 17px;
            margin: 20px 0;
            border-width: 3px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone[data-v-0f9d728c] {
      border: solid 1.06667vw #d8d8d8;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone[data-v-0f9d728c] {
          display: inline-block;
          width: 482px;
          height: 445px;
          max-width: 482px;
          border: none;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c] {
        position: relative;
        display: inline-block;
        width: 48.80006vw;
        height: 48.80006vw;
        text-align: center;
        border: solid 1.06667vw #d8d8d8;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c] {
            width: calc(482px / 2 - 2px);
            height: calc(445px / 2 - 2px);
            background-color: #f6f6f6;
            border: solid 6px #f6f6f6;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex.active[data-v-0f9d728c] {
          border-color: #584ac0;
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex.active[data-v-0f9d728c]::before {
            background-color: #584ac0;
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]::before {
          position: absolute;
          top: 0;
          left: 0;
          display: inline-block;
          width: 7.20001vw;
          height: 7.20001vw;
          font-size: 5.33334vw;
          font-weight: 800;
          color: #fff;
          text-align: center;
          background-color: #d8d8d8;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]::before {
              top: -6px;
              left: -6px;
              width: 27px;
              height: 27px;
              font-size: 20px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex img[data-v-0f9d728c] {
          display: inline-block;
          max-height: 42.66672vw;
          vertical-align: middle;
          border-style: none;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex img[data-v-0f9d728c] {
              max-height: auto;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(1)::before {
        content: '1';
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(2)::before {
        content: '2';
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(3)::before {
        content: '3';
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(4)::before {
        content: '4';
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(1) {
          margin: 0 2px 2px 0;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(2) {
          margin: 0 0 2px 2px;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(3) {
          margin: 2px 2px 0 0;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .ex[data-v-0f9d728c]:nth-child(4) {
          margin: 2px 0 0 2px;
}
}
.main-pge-dgnss-evl-lndg-wrap .body .play-wrapper .canvas-zone .game-canvas[data-v-0f9d728c] {
        position: relative;
        height: 100%;
        background-color: #f6f6f6;
}
.main-pge-dgnss-evl-lndg-wrap .footer[data-v-0f9d728c] {
    display: flex;
    justify-content: space-around;
    padding: 6.93334vw 4.0vw;
    background-color: #fff;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .footer[data-v-0f9d728c] {
        justify-content: center;
        padding: 20px 15px 345px;
        border-top: solid 1px #f6f6f6;
}
}
.main-pge-dgnss-evl-lndg-wrap .footer .btn[data-v-0f9d728c] {
      display: inline-block;
      width: auto;
      padding: 3.46667vw 6.93334vw;
      margin: 0;
      font-size: 4.0vw;
      font-weight: 800;
      color: #ccc;
      background-color: #fbfbfb;
      border: solid 3px #f6f6f6;
      border-radius: 10px;
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .footer .btn[data-v-0f9d728c] {
          padding: 13px 26px;
          font-size: 15px;
}
}
@media screen and (min-width: 1024px) {
.main-pge-dgnss-evl-lndg-wrap .footer .btn[data-v-0f9d728c]:nth-child(n+2) {
          margin-left: 31px;
}
}
.main-pge-dgnss-evl-lndg-wrap .footer .btn.next-btn[data-v-0f9d728c] {
        color: #fff;
        background-color: #584ac0;
        border: none;
        border-radius: 10px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.34);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/Spinner.vue?vue&type=style&index=0&id=d3d18778&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d3d18778]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.spinner-wrap[data-v-d3d18778] {
  padding: 10px;
}
.spinner-wrap .spnr[data-v-d3d18778] {
    width: 40px;
    height: 40px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeDgnssEvlResult.vue?vue&type=style&index=0&id=2d918d69&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2d918d69]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-2d918d69] {
  font-family: AppleSDGothicNeo, sans-serif;
}
button[data-v-2d918d69], .btn[data-v-2d918d69] {
  width: 100%;
  padding: 5.60001vw;
  font-size: 4.80001vw;
  font-weight: 800;
  color: #fff;
  background-color: #584ac0;
  border: none;
  border-radius: 10px;
  outline: none;
  box-shadow: 0 4px 10px 0 rgba(88, 74, 192, 0.3);
}
@media screen and (min-width: 1024px) {
button[data-v-2d918d69], .btn[data-v-2d918d69] {
      max-width: 256px;
      padding: 17px;
      font-size: 22px;
}
}
button[data-v-2d918d69]:hover, .btn[data-v-2d918d69]:hover {
    color: #fff;
    text-decoration: underline;
}
.jumbtron-section[data-v-2d918d69], .wait-section[data-v-2d918d69] {
  padding: 26.6667vw 0;
  text-align: center;
  background-image: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/main/bg_main_01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
.jumbtron-section[data-v-2d918d69], .wait-section[data-v-2d918d69] {
      padding: 121px 0 65px;
}
}
.jumbtron-section > *[data-v-2d918d69], .wait-section > *[data-v-2d918d69] {
    color: #fff;
}
.jumbtron-section h2[data-v-2d918d69], .wait-section h2[data-v-2d918d69] {
    display: inline-block;
    margin-bottom: 3.2vw;
    font-family: var(--jalnan), sans-serif;
    font-size: 7.46668vw;
    border-bottom: solid 4px #584ac0;
}
@media screen and (min-width: 1024px) {
.jumbtron-section h2[data-v-2d918d69], .wait-section h2[data-v-2d918d69] {
        margin-bottom: 14px;
        font-size: 30px;
}
}
.jumbtron-section p[data-v-2d918d69], .wait-section p[data-v-2d918d69] {
    margin-bottom: 7.46668vw;
    font-size: 4.0vw;
    font-weight: bold;
}
@media screen and (min-width: 1024px) {
.jumbtron-section p[data-v-2d918d69], .wait-section p[data-v-2d918d69] {
        margin-bottom: 28px;
        font-size: 18px;
}
}
.jumbtron-section .board[data-v-2d918d69], .wait-section .board[data-v-2d918d69] {
    display: inline-block;
    width: 80.53343vw;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}
@media screen and (min-width: 1024px) {
.jumbtron-section .board[data-v-2d918d69], .wait-section .board[data-v-2d918d69] {
        width: 646px;
        height: 333px;
        padding: 64px 0;
}
}
.jumbtron-section .board .plates[data-v-2d918d69], .wait-section .board .plates[data-v-2d918d69] {
      display: inline-block;
}
@media screen and (min-width: 1024px) {
.jumbtron-section .board .plates[data-v-2d918d69], .wait-section .board .plates[data-v-2d918d69] {
          display: flex;
          justify-content: space-around;
}
}
.jumbtron-section .board .plates .plate[data-v-2d918d69], .wait-section .board .plates .plate[data-v-2d918d69] {
        margin: 8.00001vw;
}
@media screen and (min-width: 1024px) {
.jumbtron-section .board .plates .plate[data-v-2d918d69], .wait-section .board .plates .plate[data-v-2d918d69] {
            margin: 0;
}
}
.jumbtron-section .board .plates .label[data-v-2d918d69], .wait-section .board .plates .label[data-v-2d918d69] {
        display: inline-block;
        padding: 7px 19px;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        background-color: #584ac0;
        border-radius: 15.5px;
}
.wait-section[data-v-2d918d69] {
  display: grid;
  justify-content: center;
}
.report-section[data-v-2d918d69] {
  text-align: center;
}
.report-section .report[data-v-2d918d69] {
    display: block;
    max-width: 762px;
    padding: 12.53335vw 0;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
.report-section .report[data-v-2d918d69] {
        padding: 50px 0;
}
}
.report-section .report h2[data-v-2d918d69] {
      font-size: 5.33334vw;
      font-weight: bold;
      color: #303030;
}
@media screen and (min-width: 1024px) {
.report-section .report h2[data-v-2d918d69] {
          font-size: 25px;
}
}
.report-section .report hr[data-v-2d918d69] {
      margin: 3.73334vw 8.00001vw;
      border-top: solid 4px #303030;
}
@media screen and (min-width: 1024px) {
.report-section .report hr[data-v-2d918d69] {
          margin: 14px 0;
}
}
.report-section .report .box[data-v-2d918d69] {
      display: inline-block;
      padding: 29px 0;
}
.report-section .report .box > .title[data-v-2d918d69] {
        text-align: left;
}
.report-section .report .box > .title .check[data-v-2d918d69] {
          width: 9.33334vw;
          height: 9.33334vw;
}
@media screen and (min-width: 1024px) {
.report-section .report .box > .title .check[data-v-2d918d69] {
              width: 42px;
              height: 42px;
}
}
.report-section .report .box > .title .check ~ span[data-v-2d918d69] {
            margin-left: 18px;
}
.report-section .report .box > .title span[data-v-2d918d69] {
          font-size: 4.26667vw;
          font-weight: 800;
}
@media screen and (min-width: 1024px) {
.report-section .report .box > .title span[data-v-2d918d69] {
              font-size: 20px;
}
}
.report-section .report .box > .title span.grade[data-v-2d918d69] {
            padding: 7px 17px;
            margin-bottom: 13px;
            color: #584ac0;
            border: solid 2px #584ac0;
            border-radius: 21px;
}
.report-section .report .box > .title span.grade ~ span[data-v-2d918d69] {
              margin-left: 4.26667vw;
}
@media screen and (min-width: 1024px) {
.report-section .report .box > .title span.grade ~ span[data-v-2d918d69] {
                  margin-left: 18px;
}
}
.report-section .report .box > .title span.sub-text[data-v-2d918d69] {
            font-size: 4.26667vw;
            font-weight: 500;
            color: #303030;
}
@media screen and (min-width: 1024px) {
.report-section .report .box > .title span.sub-text[data-v-2d918d69] {
                font-size: 18px;
}
}
.report-section .report .box .text[data-v-2d918d69] {
        font-size: 15px;
        font-weight: 600;
        color: #999;
        text-align: justify;
}
.report-section .report .box .more-btn[data-v-2d918d69] {
        margin: 32px 0;
}
.report-section .report .box .more-btn .icon-start-arrow[data-v-2d918d69] {
          width: 22px;
          height: 6px;
          margin-left: 10px;
}
.report-section .report .graph-wrapper[data-v-2d918d69] {
      width: 82.93344vw;
      height: 82.93344vw;
      padding: 0 5.33334vw;
      margin: 5.33334vw 0;
      border: solid 2px #f4f4f4;
      border-radius: 10px;
}
@media screen and (min-width: 1024px) {
.report-section .report .graph-wrapper[data-v-2d918d69] {
          width: auto;
          max-height: 700px;
          padding: 0;
          margin: 28px 0;
}
}
.report-section .report .graph[data-v-2d918d69] {
      width: 100%;
      height: 71.20009vw;
}
@media screen and (min-width: 1024px) {
.report-section .report .graph[data-v-2d918d69] {
          height: 351px;
          margin: 28px 0;
}
}
.report-section .report .you-misn > *[data-v-2d918d69] {
      display: inline-block;
}
.report-section .report .you-misn img[data-v-2d918d69] {
      width: 62.93341vw;
      height: 37.06671vw;
      margin-bottom: 5.86667vw;
      vertical-align: top;
      background-color: #f4f4f4;
}
@media screen and (min-width: 1024px) {
.report-section .report .you-misn img[data-v-2d918d69] {
          width: 236px;
          height: 139px;
          margin-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
.report-section .report .you-misn img ~ *[data-v-2d918d69] {
          margin-left: 27px;
}
}
.report-section .report .you-misn .misn-info[data-v-2d918d69] {
      position: relative;
      width: 62.93341vw;
      height: 37.06671vw;
}
@media screen and (min-width: 1024px) {
.report-section .report .you-misn .misn-info[data-v-2d918d69] {
          width: 499px;
          height: 139px;
          text-align: left;
}
}
.report-section .report .you-misn .misn-info .info[data-v-2d918d69] {
        font-size: 4.0vw;
        font-weight: bold;
}
@media screen and (min-width: 1024px) {
.report-section .report .you-misn .misn-info .info[data-v-2d918d69] {
            font-size: 18px;
}
}
.report-section .report .you-misn .misn-info .btn[data-v-2d918d69] {
        margin-top: 3.46667vw;
}
@media screen and (min-width: 1024px) {
.report-section .report .you-misn .misn-info .btn[data-v-2d918d69] {
            position: absolute;
            bottom: 0;
            margin: 0;
}
}
.report-section .report.report-level .box[data-v-2d918d69] {
      width: calc(100% - 60px);
}
.report-section .report.report-level .box .title[data-v-2d918d69] {
        margin-bottom: 7.20001vw;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-level .box .title[data-v-2d918d69] {
            margin-bottom: 28px;
}
}
.report-section .report.report-crlcrm .box[data-v-2d918d69] {
      padding: 9.60001vw 0;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .box[data-v-2d918d69] {
          padding: 40px 0;
}
}
.report-section .report.report-crlcrm .box ~ .box[data-v-2d918d69] {
        margin: 0 8.00001vw;
        border-top: dotted 2px #bdbdbd;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .box ~ .box[data-v-2d918d69] {
            margin: 0;
}
}
.report-section .report.report-crlcrm .crlcrm-list[data-v-2d918d69] {
      margin: 24px 0;
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item[data-v-2d918d69] {
        display: inline-block;
        margin: 5px;
        vertical-align: top;
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item > *[data-v-2d918d69] {
          display: inline-block;
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item img[data-v-2d918d69] {
          width: 44.26672vw;
          height: 25.60003vw;
          vertical-align: top;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item img[data-v-2d918d69] {
              width: 202px;
              height: 116px;
}
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .img-label[data-v-2d918d69] {
          position: absolute;
          margin: 3.46667vw;
          font-size: 2.66667vw;
          color: #fff;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .img-label[data-v-2d918d69] {
              margin: 13px;
              font-size: 10px;
}
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info[data-v-2d918d69] {
          width: 36.26671vw;
          height: 25.60003vw;
          padding: 4.26667vw;
          overflow: auto;
          text-align: left;
          background-color: #fbfbfb;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info[data-v-2d918d69] {
              width: 164px;
              height: 116px;
              padding: 22px 24px;
}
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .title[data-v-2d918d69] {
            font-size: 3.46667vw;
            font-weight: 800;
            color: #303030;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .title[data-v-2d918d69] {
                font-size: 15px;
}
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .concept[data-v-2d918d69] {
            font-size: 2.66667vw;
            font-weight: 800;
            color: #303030;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .concept[data-v-2d918d69] {
                font-size: 15px;
}
}
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .description[data-v-2d918d69] {
            font-size: 2.66667vw;
            font-weight: 600;
            color: #929292;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .crlcrm-list .crlcrm-item .info .description[data-v-2d918d69] {
                font-size: 15px;
}
}
.report-section .report.report-crlcrm .more-btn[data-v-2d918d69] {
      display: inline-block;
}
@media screen and (min-width: 1024px) {
.report-section .report.report-crlcrm .more-btn[data-v-2d918d69] {
          margin: 0;
}
}
.pie-container[data-v-2d918d69] {
  position: relative;
  width: 169px;
  height: 169px;
}
.pie-container .pie[data-v-2d918d69], .pie-container .gauge[data-v-2d918d69] {
    position: absolute;
    width: 169px;
    height: 169px;
    border-radius: 100%;
    transition: all 1s;
    clip: rect(0, 84.5px, 169px, 0);
}
.pie-container .hold[data-v-2d918d69] {
    position: absolute;
    width: 169px;
    height: 169px;
    border-radius: 100%;
    clip: rect(0, 169px, 169px, 84.5px);
}
.pie-container .pie-slice[data-v-2d918d69]:nth-child(1) {
    transform: rotate(225deg);
}
.pie-container .pie-slice[data-v-2d918d69]:nth-child(2) {
    transform: rotate(280deg);
}
.pie-container .pie-slice[data-v-2d918d69]:nth-child(3) {
    transform: rotate(335deg);
}
.pie-container .pie-slice[data-v-2d918d69]:nth-child(4) {
    transform: rotate(30deg);
}
.pie-container .pie-slice[data-v-2d918d69]:nth-child(5) {
    transform: rotate(85deg);
}
.pie-container .pie-slice .pie[data-v-2d918d69] {
    background-color: rgba(155, 155, 155, 0.36);
    transform: rotate(45deg);
}
.pie-container .pie-slice .gauge[data-v-2d918d69] {
    background-color: #584ac0;
}
.pie-container .pie-slice.active .pie[data-v-2d918d69] {
    background-color: #584ac0;
}
.pie-container .inner-circle[data-v-2d918d69] {
    position: absolute;
    top: calc((169px - 152.1px) / 2);
    left: calc((169px - 152.1px) / 2);
    width: 152.1px;
    height: 152.1px;
    color: black;
    background-color: #fff;
    border-radius: 100%;
}
.pie-container .inner-circle .content[data-v-2d918d69] {
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: calc(169px * 0.9);
      font-size: 14px;
      text-align: center;
      transform: translateY(-50%);
}
.pie-container .inner-circle .title[data-v-2d918d69] {
      font-size: 15px;
      font-weight: 800;
}
.pie-container .inner-circle .point[data-v-2d918d69] {
      font-family: var(--jalnan), sans-serif;
      font-size: 30px;
      color: #584ac0;
}
.pie-container .num[data-v-2d918d69] {
    position: absolute;
    font-size: 15px;
    font-weight: 800;
    color: rgba(155, 155, 155, 0.36);
}
.pie-container .num[data-v-2d918d69]:nth-child(1) {
      top: calc(0.85 * 169px);
      left: calc(0.1 * 169px);
}
.pie-container .num[data-v-2d918d69]:nth-child(2) {
      top: calc(0.4 * 169px);
      left: calc(-0.1 * 169px);
}
.pie-container .num[data-v-2d918d69]:nth-child(3) {
      top: calc(-0.05 * 169px);
      left: calc(0.16 * 169px);
}
.pie-container .num[data-v-2d918d69]:nth-child(4) {
      top: calc(-0.05 * 169px);
      left: calc(0.75 * 169px);
}
.pie-container .num[data-v-2d918d69]:nth-child(5) {
      top: calc(0.4 * 169px);
      left: calc(1.03 * 169px);
}
.pie-container .num[data-v-2d918d69]:nth-child(6) {
      top: calc(0.85 * 169px);
      left: calc(0.84 * 169px);
}
i[data-v-2d918d69] {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
i.check[data-v-2d918d69] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/d89dad4e-cdfe-4227-ab16-369264d399e7.png");
}

/* width */
[data-v-2d918d69]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  margin: 5px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 20px;
}

/* Handle */
[data-v-2d918d69]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  background-color: #d8d8d8;
  border-radius: 20px;
}

/* Handle on hover */
[data-v-2d918d69]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeSampleUpload.vue?vue&type=style&index=0&id=18d4f587&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-18d4f587]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.upload-page[data-v-18d4f587] {
  min-height: 100vh;
  background-color: #f8fafc;
  padding: 2rem;
}
.upload-page .page-header[data-v-18d4f587] {
    max-width: 1200px;
    margin: 0 auto 2rem;
    padding: 2rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.upload-page .page-header h1[data-v-18d4f587] {
      font-size: 2rem;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 0.5rem;
}
.upload-page .page-header p[data-v-18d4f587] {
      color: #64748b;
      font-size: 1rem;
      margin: 0;
}
.upload-page .upload-container[data-v-18d4f587] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.upload-page section[data-v-18d4f587] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
}
.upload-page section .section-title[data-v-18d4f587] {
      font-size: 1.25rem;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.upload-page section .section-title .collapse-btn[data-v-18d4f587] {
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
        background: #f1f5f9;
        border: 1px solid #e2e8f0;
        border-radius: 0.375rem;
        cursor: pointer;
        transition: all 0.2s;
}
.upload-page section .section-title .collapse-btn[data-v-18d4f587]:hover {
          background: #e2e8f0;
}
.upload-page section .section-content[data-v-18d4f587] {
      display: flex;
      flex-direction: column;
      gap: 1rem;
}
.upload-page section .environment-selector[data-v-18d4f587] {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.75rem 1rem;
      background: #f0f9ff;
      border: 1px solid #bae6fd;
      border-radius: 0.5rem;
      margin-bottom: 1rem;
}
.upload-page section .environment-selector label[data-v-18d4f587] {
        font-weight: 600;
        color: #0369a1;
        font-size: 0.875rem;
        white-space: nowrap;
}
.upload-page section .environment-selector .form-select[data-v-18d4f587] {
        padding: 0.5rem 0.75rem;
        border: 1px solid #7dd3fc;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        background: white;
        cursor: pointer;
        min-width: 80px;
}
.upload-page section .environment-selector .form-select[data-v-18d4f587]:focus {
          outline: none;
          border-color: #0284c7;
          box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.2);
}
.upload-page section .environment-selector .current-url[data-v-18d4f587] {
        font-size: 0.75rem;
        color: #0284c7;
        background: white;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-family: monospace;
        border: 1px solid #e0f2fe;
}
.upload-page .form-group[data-v-18d4f587] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.upload-page .form-group label[data-v-18d4f587] {
      font-weight: 600;
      color: #475569;
      font-size: 0.875rem;
}
.upload-page .form-group .form-input[data-v-18d4f587],
    .upload-page .form-group .form-select[data-v-18d4f587] {
      padding: 0.75rem;
      border: 1px solid #e2e8f0;
      border-radius: 0.5rem;
      font-size: 1rem;
      transition: all 0.2s;
      font-family: inherit;
}
.upload-page .form-group .form-input[data-v-18d4f587]:focus,
      .upload-page .form-group .form-select[data-v-18d4f587]:focus {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.upload-page .form-group textarea.form-input[data-v-18d4f587] {
      resize: vertical;
      min-height: 80px;
}
.upload-page .form-group .form-hint[data-v-18d4f587] {
      font-size: 0.75rem;
      color: #64748b;
}
.upload-page .button-group[data-v-18d4f587] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.upload-page .m3u8-input-group[data-v-18d4f587] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}
.upload-page .m3u8-input-group .form-input[data-v-18d4f587] {
      flex: 1;
}
@media (max-width: 768px) {
.upload-page .m3u8-input-group[data-v-18d4f587] {
        flex-direction: column;
        align-items: stretch;
}
.upload-page .m3u8-input-group .form-input[data-v-18d4f587] {
          width: 100%;
}
}
.upload-page .stream-error[data-v-18d4f587] {
    padding: 0.75rem;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #991b1b;
}
.upload-page .video-container[data-v-18d4f587] {
    margin-top: 1rem;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.upload-page .video-container .video-player[data-v-18d4f587] {
      width: 100%;
      max-height: 500px;
      display: block;
}
.upload-page .token-info[data-v-18d4f587] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}
.upload-page .token-info h3[data-v-18d4f587] {
      font-size: 1rem;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 0.75rem;
}
.upload-page .token-info .token-item[data-v-18d4f587] {
      margin-bottom: 0.75rem;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
}
.upload-page .token-info .token-item label[data-v-18d4f587] {
        font-size: 0.875rem;
        font-weight: 600;
        color: #64748b;
}
.upload-page .token-info .token-item code[data-v-18d4f587] {
        background: white;
        padding: 0.5rem;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        border: 1px solid #e2e8f0;
        overflow-x: auto;
}
.upload-page .token-info .token-item .token-value[data-v-18d4f587] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
}
.upload-page .token-info .token-item .token-value code[data-v-18d4f587] {
          flex: 1;
}
.upload-page .token-info .token-item[data-v-18d4f587]:last-child {
        margin-bottom: 0;
}
.upload-page .token-info .cookie-status[data-v-18d4f587] {
      margin-top: 1rem;
      padding-top: 1rem;
      border-top: 1px solid #e2e8f0;
      text-align: center;
}
.upload-page .token-info .cookie-status .status-badge[data-v-18d4f587] {
        display: inline-block;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
}
.upload-page .token-info .cookie-status .status-badge.success[data-v-18d4f587] {
          background: #dcfce7;
          color: #166534;
          border: 1px solid #86efac;
}
.upload-page .content-auth-section .auth-subsection[data-v-18d4f587] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}
.upload-page .content-auth-section .auth-subsection .subsection-title[data-v-18d4f587] {
      font-size: 1rem;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 0.75rem;
}
.upload-page .content-auth-section .auth-subsection .subsection-hint[data-v-18d4f587] {
      font-size: 0.875rem;
      color: #64748b;
      margin-bottom: 0.75rem;
}
.upload-page .content-auth-section .auth-subsection > .common-button[data-v-18d4f587] {
      margin-top: 20px;
}
.upload-page .content-auth-section .section-divider[data-v-18d4f587] {
    border: none;
    border-top: 1px solid #e2e8f0;
    margin: 1.5rem 0;
}
.upload-page .content-auth-section .response-info[data-v-18d4f587] {
    margin-top: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}
.upload-page .content-auth-section .response-info h4[data-v-18d4f587] {
      font-size: 0.875rem;
      font-weight: 600;
      color: #475569;
      margin-bottom: 0.75rem;
}
.upload-page .content-auth-section .response-info .response-status[data-v-18d4f587] {
      display: inline-block;
      padding: 0.5rem 1rem;
      border-radius: 0.375rem;
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 0.75rem;
}
.upload-page .content-auth-section .response-info .response-status.success[data-v-18d4f587] {
        background: #dcfce7;
        color: #166534;
        border: 1px solid #86efac;
}
.upload-page .content-auth-section .response-info .response-status.error[data-v-18d4f587] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #fecaca;
}
.upload-page .content-auth-section .response-info .response-content pre[data-v-18d4f587] {
      background: #1e293b;
      color: #e2e8f0;
      padding: 1rem;
      border-radius: 0.5rem;
      font-size: 0.75rem;
      overflow-x: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      max-height: 300px;
      overflow-y: auto;
      font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", monospace;
}
.upload-page .usage-type-info[data-v-18d4f587] {
    padding: 1rem;
    background: #eff6ff;
    border-radius: 0.5rem;
    border: 1px solid #bfdbfe;
}
.upload-page .usage-type-info p[data-v-18d4f587] {
      margin: 0.5rem 0;
      font-size: 0.875rem;
      color: #1e40af;
}
.upload-page .usage-type-info p[data-v-18d4f587]:first-child {
        margin-top: 0;
}
.upload-page .usage-type-info p[data-v-18d4f587]:last-child {
        margin-bottom: 0;
}
.upload-page .usage-guide-item[data-v-18d4f587] {
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    margin-bottom: 0.75rem;
}
.upload-page .usage-guide-item[data-v-18d4f587]:last-child {
      margin-bottom: 0;
}
.upload-page .usage-guide-item .usage-guide-header[data-v-18d4f587] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0.5rem;
      gap: 0.75rem;
      flex-wrap: wrap;
}
.upload-page .usage-guide-item h3[data-v-18d4f587] {
      font-size: 1rem;
      font-weight: 600;
      color: #1e293b;
      margin: 0;
      flex: 1;
      min-width: 200px;
}
.upload-page .usage-guide-item .badge-group[data-v-18d4f587] {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
}
.upload-page .usage-guide-item .auth-badge[data-v-18d4f587] {
      display: inline-block;
      padding: 0.25rem 0.75rem;
      background: #fef3c7;
      color: #92400e;
      border: 1px solid #fcd34d;
      border-radius: 0.375rem;
      font-size: 0.75rem;
      font-weight: 600;
      white-space: nowrap;
}
.upload-page .usage-guide-item .content-badge[data-v-18d4f587] {
      display: inline-block;
      padding: 0.25rem 0.75rem;
      background: #dbeafe;
      color: #1e40af;
      border: 1px solid #93c5fd;
      border-radius: 0.375rem;
      font-size: 0.75rem;
      font-weight: 600;
      white-space: nowrap;
}
.upload-page .usage-guide-item p[data-v-18d4f587] {
      margin: 0;
      font-size: 0.875rem;
      color: #475569;
      line-height: 1.6;
}
.upload-page .upload-area[data-v-18d4f587] {
    position: relative;
    border: 2px dashed #d0d0d0;
    border-radius: 12px;
    padding: 60px 20px;
    text-align: center;
    background-color: #fafafa;
    transition: all 0.3s ease;
    cursor: pointer;
}
.upload-page .upload-area.drag-over[data-v-18d4f587] {
      border-color: #3b82f6;
      background-color: #eff6ff;
}
.upload-page .upload-area[data-v-18d4f587]:hover {
      border-color: #3b82f6;
      background-color: #fafaff;
}
.upload-page .upload-area .file-input[data-v-18d4f587] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      cursor: pointer;
}
.upload-page .upload-area .upload-content[data-v-18d4f587] {
      pointer-events: none;
}
.upload-page .upload-area .upload-content .upload-icon[data-v-18d4f587] {
        font-size: 64px;
        margin-bottom: 20px;
}
.upload-page .upload-area .upload-content .upload-text[data-v-18d4f587] {
        font-size: 18px;
        color: #5b5b5b;
        margin-bottom: 24px;
}
.upload-page .file-list[data-v-18d4f587] {
    margin-top: 1rem;
}
.upload-page .file-list .file-list-title[data-v-18d4f587] {
      font-size: 1rem;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 0.75rem;
}
.upload-page .file-list .file-items[data-v-18d4f587] {
      list-style: none;
      padding: 0;
      margin: 0 0 1rem 0;
}
.upload-page .file-list .file-items .file-item[data-v-18d4f587] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        margin-bottom: 0.5rem;
        background-color: #f8fafc;
        border-radius: 0.5rem;
        border: 1px solid #e2e8f0;
}
.upload-page .file-list .file-items .file-item .file-info[data-v-18d4f587] {
          flex: 1;
          display: flex;
          flex-direction: column;
          gap: 0.25rem;
}
.upload-page .file-list .file-items .file-item .file-info .file-name[data-v-18d4f587] {
            font-size: 0.875rem;
            font-weight: 600;
            color: #1e293b;
}
.upload-page .file-list .file-items .file-item .file-info .file-size[data-v-18d4f587],
          .upload-page .file-list .file-items .file-item .file-info .file-type[data-v-18d4f587] {
            font-size: 0.75rem;
            color: #64748b;
}
.upload-page .file-list .upload-actions[data-v-18d4f587] {
      display: flex;
      gap: 0.75rem;
      justify-content: center;
}
.upload-page .progress-section .progress-item[data-v-18d4f587] {
    padding: 1rem;
    margin-bottom: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}
.upload-page .progress-section .progress-item.completed[data-v-18d4f587] {
      background: #f0fdf4;
      border-color: #bbf7d0;
}
.upload-page .progress-section .progress-item.failed[data-v-18d4f587] {
      background: #fef2f2;
      border-color: #fecaca;
}
.upload-page .progress-section .progress-item .progress-header[data-v-18d4f587] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0.5rem;
}
.upload-page .progress-section .progress-item .progress-header .progress-filename[data-v-18d4f587] {
        font-weight: 600;
        color: #1e293b;
        font-size: 0.875rem;
}
.upload-page .progress-section .progress-item .progress-header .progress-status[data-v-18d4f587] {
        font-size: 0.75rem;
        color: #64748b;
        font-weight: 500;
}
.upload-page .progress-section .progress-item .progress-bar-container[data-v-18d4f587] {
      position: relative;
      width: 100%;
      height: 24px;
      background: #e2e8f0;
      border-radius: 12px;
      overflow: hidden;
}
.upload-page .progress-section .progress-item .progress-bar-container .progress-bar[data-v-18d4f587] {
        height: 100%;
        background: linear-gradient(90deg, #3b82f6, #2563eb);
        transition: width 0.3s ease;
}
.upload-page .progress-section .progress-item .progress-bar-container .progress-percentage[data-v-18d4f587] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.75rem;
        font-weight: 600;
        color: #1e293b;
}
.upload-page .progress-section .progress-item .progress-error[data-v-18d4f587] {
      margin-top: 0.5rem;
      padding: 0.5rem;
      background: #fee2e2;
      border-radius: 0.375rem;
      font-size: 0.875rem;
      color: #991b1b;
}
.upload-page .progress-section .progress-item .progress-result[data-v-18d4f587] {
      margin-top: 0.75rem;
      padding: 0.75rem;
      background: white;
      border-radius: 0.375rem;
      border: 1px solid #e2e8f0;
}
.upload-page .progress-section .progress-item .progress-result .result-item[data-v-18d4f587] {
        margin-bottom: 0.5rem;
}
.upload-page .progress-section .progress-item .progress-result .result-item[data-v-18d4f587]:last-child {
          margin-bottom: 0;
}
.upload-page .progress-section .progress-item .progress-result .result-item strong[data-v-18d4f587] {
          display: block;
          font-size: 0.75rem;
          color: #64748b;
          margin-bottom: 0.25rem;
}
.upload-page .progress-section .progress-item .progress-result .result-item .url-container[data-v-18d4f587] {
          display: flex;
          gap: 0.5rem;
          align-items: center;
}
.upload-page .progress-section .progress-item .progress-result .result-item .url-container code[data-v-18d4f587] {
            flex: 1;
            padding: 0.5rem;
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 0.375rem;
            font-size: 0.75rem;
            overflow-x: auto;
            white-space: nowrap;
}
.upload-page .copy-btn[data-v-18d4f587] {
    padding: 0.25rem 0.5rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.2s;
}
.upload-page .copy-btn[data-v-18d4f587]:hover {
      background: #e2e8f0;
}
.upload-page .copy-btn[data-v-18d4f587]:active {
      transform: scale(0.95);
}
.upload-page .play-btn[data-v-18d4f587] {
    padding: 0.25rem 0.5rem;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.2s;
}
.upload-page .play-btn[data-v-18d4f587]:hover {
      background: #bbf7d0;
}
.upload-page .play-btn[data-v-18d4f587]:active {
      transform: scale(0.95);
}
.upload-page .streaming-url[data-v-18d4f587] {
    background: #f0fdf4;
    padding: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #86efac;
}
.upload-page .streaming-url strong[data-v-18d4f587] {
      color: #166534 !important;
}
.upload-page .upload-status[data-v-18d4f587] {
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
}
.upload-page .upload-status.success[data-v-18d4f587] {
      background-color: #d4edda;
      color: #155724;
      border: 1px solid #c3e6cb;
}
.upload-page .upload-status.error[data-v-18d4f587] {
      background-color: #f8d7da;
      color: #721c24;
      border: 1px solid #f5c6cb;
}
.upload-page .upload-status.info[data-v-18d4f587] {
      background-color: #d1ecf1;
      color: #0c5460;
      border: 1px solid #bee5eb;
}
.upload-page .common-button[data-v-18d4f587] {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #3b82f6;
    transition: 0.3s all ease-in-out;
    color: white;
    padding: 0 10px;
    font-weight: 500;
    border: none;
    cursor: pointer;
}
.upload-page .common-button.sm[data-v-18d4f587] {
      min-width: 120px;
}
.upload-page .common-button.md[data-v-18d4f587] {
      min-width: 160px;
}
.upload-page .common-button.lg[data-v-18d4f587] {
      min-width: 220px;
}
.upload-page .common-button[data-v-18d4f587]:hover:not(:disabled) {
      background-color: #2563eb;
}
.upload-page .common-button[data-v-18d4f587]:focus, .upload-page .common-button[data-v-18d4f587]:active {
      background-color: #1d4ed8;
}
.upload-page .common-button[data-v-18d4f587]:disabled {
      background-color: #e2e8f0;
      color: #94a3b8;
      cursor: not-allowed;
}
.upload-page .common-button.gray[data-v-18d4f587] {
      background-color: #e2e8f0;
      color: #1e293b;
}
.upload-page .common-button.gray[data-v-18d4f587]:hover:not(:disabled) {
        background-color: #cbd5e1;
}
.upload-page .common-button.red[data-v-18d4f587] {
      background-color: #ef4444;
      color: white;
}
.upload-page .common-button.red[data-v-18d4f587]:hover:not(:disabled) {
        background-color: #dc2626;
}
.upload-page .common-button.loader[data-v-18d4f587] {
      position: relative;
}
.upload-page .common-button.loader[data-v-18d4f587]::after {
        width: 24px;
        height: 24px;
        border: 3px solid #fff;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation-18d4f587 1s linear infinite;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}
@keyframes rotation-18d4f587 {
0% {
    transform: translate(-50%, -50%) rotate(0deg);
}
100% {
    transform: translate(-50%, -50%) rotate(360deg);
}
}
.upload-page .toast-container[data-v-18d4f587] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    min-width: 300px;
    max-width: 500px;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    animation: slideIn-18d4f587 0.3s ease-out;
}
.upload-page .toast-container.success[data-v-18d4f587] {
      background-color: #d4edda;
      color: #155724;
      border: 1px solid #c3e6cb;
}
.upload-page .toast-container.error[data-v-18d4f587] {
      background-color: #f8d7da;
      color: #721c24;
      border: 1px solid #f5c6cb;
}
.upload-page .toast-container.warn[data-v-18d4f587] {
      background-color: #fff3cd;
      color: #856404;
      border: 1px solid #ffeaa7;
}
.upload-page .toast-container.info[data-v-18d4f587] {
      background-color: #d1ecf1;
      color: #0c5460;
      border: 1px solid #bee5eb;
}
.upload-page .toast-container .toast-content strong[data-v-18d4f587] {
      display: block;
      margin-bottom: 0.25rem;
      font-weight: 600;
}
.upload-page .toast-container .toast-content p[data-v-18d4f587] {
      margin: 0;
      font-size: 0.875rem;
}
@keyframes slideIn-18d4f587 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
@media (max-width: 768px) {
.upload-page[data-v-18d4f587] {
      padding: 1rem;
}
.upload-page .page-header[data-v-18d4f587] {
        padding: 1.5rem;
}
.upload-page .page-header h1[data-v-18d4f587] {
          font-size: 1.5rem;
}
.upload-page .upload-area[data-v-18d4f587] {
        padding: 40px 20px;
}
.upload-page .upload-area .upload-content .upload-icon[data-v-18d4f587] {
          font-size: 48px;
}
.upload-page .file-item[data-v-18d4f587] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
}
.upload-page .upload-actions[data-v-18d4f587] {
        flex-direction: column;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFormInput.vue?vue&type=style&index=0&id=05d43a64&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-05d43a64]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-05d43a64] {
  color: #5682fe;
}
.link[data-v-05d43a64]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-05d43a64] {
  line-height: 1;
}
.btn.prmry[data-v-05d43a64] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-05d43a64]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-05d43a64] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-05d43a64]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-05d43a64] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-05d43a64]:disabled, .btn[data-v-05d43a64]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-05d43a64] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-05d43a64]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-05d43a64]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-05d43a64]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-05d43a64],
.un-chck[data-v-05d43a64] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-05d43a64]::before,
  .un-chck[data-v-05d43a64]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-05d43a64] {
  background-color: #cdd2d5;
}
.chck[data-v-05d43a64] {
  background-color: #5682fe;
}
input[type='password'][data-v-05d43a64] {
  font-family: auto;
}
.main-logo[data-v-05d43a64] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-05d43a64] {
      margin: 40px auto;
}
}
.form[data-v-05d43a64] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-05d43a64] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-05d43a64] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-05d43a64] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-05d43a64]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-05d43a64]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-05d43a64]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-05d43a64] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-05d43a64] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-05d43a64] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-05d43a64] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-05d43a64] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-05d43a64] {
      font-size: 14px;
}
}
.link[data-v-05d43a64] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-form-input[data-v-05d43a64] {
  position: relative;
}
.sgn-form-input .eye[data-v-05d43a64], .sgn-form-input .clear[data-v-05d43a64] {
    position: absolute;
    top: 24px;
    right: 3%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transform: translateY(-50%);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormPwVldt.vue?vue&type=style&index=0&id=8a1c4684&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8a1c4684]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-8a1c4684] {
  color: #5682fe;
}
.link[data-v-8a1c4684]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-8a1c4684] {
  line-height: 1;
}
.btn.prmry[data-v-8a1c4684] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-8a1c4684]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-8a1c4684] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-8a1c4684]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-8a1c4684] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-8a1c4684]:disabled, .btn[data-v-8a1c4684]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-8a1c4684] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-8a1c4684]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-8a1c4684]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-8a1c4684]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-8a1c4684],
.un-chck[data-v-8a1c4684] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-8a1c4684]::before,
  .un-chck[data-v-8a1c4684]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-8a1c4684] {
  background-color: #cdd2d5;
}
.chck[data-v-8a1c4684] {
  background-color: #5682fe;
}
input[type='password'][data-v-8a1c4684] {
  font-family: auto;
}
.main-logo[data-v-8a1c4684] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-8a1c4684] {
      margin: 40px auto;
}
}
.form[data-v-8a1c4684] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-8a1c4684] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-8a1c4684] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-8a1c4684] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-8a1c4684]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-8a1c4684]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-8a1c4684]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-8a1c4684] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-8a1c4684] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-8a1c4684] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-8a1c4684] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-8a1c4684] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-8a1c4684] {
      font-size: 14px;
}
}
.link[data-v-8a1c4684] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
div[data-v-8a1c4684] {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormIdPw.vue?vue&type=style&index=0&id=9c5b56da&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9c5b56da]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-9c5b56da] {
  color: #5682fe;
}
.link[data-v-9c5b56da]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-9c5b56da] {
  line-height: 1;
}
.btn.prmry[data-v-9c5b56da] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-9c5b56da]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-9c5b56da] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-9c5b56da]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-9c5b56da] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-9c5b56da]:disabled, .btn[data-v-9c5b56da]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-9c5b56da] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-9c5b56da]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-9c5b56da]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-9c5b56da]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-9c5b56da],
.un-chck[data-v-9c5b56da] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-9c5b56da]::before,
  .un-chck[data-v-9c5b56da]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-9c5b56da] {
  background-color: #cdd2d5;
}
.chck[data-v-9c5b56da] {
  background-color: #5682fe;
}
input[type='password'][data-v-9c5b56da] {
  font-family: auto;
}
.main-logo[data-v-9c5b56da] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-9c5b56da] {
      margin: 40px auto;
}
}
.form[data-v-9c5b56da] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-9c5b56da] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-9c5b56da] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-9c5b56da] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-9c5b56da]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-9c5b56da]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-9c5b56da]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-9c5b56da] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-9c5b56da] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-9c5b56da] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-9c5b56da] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-9c5b56da] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-9c5b56da] {
      font-size: 14px;
}
}
.link[data-v-9c5b56da] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-up-form-id-pw[data-v-9c5b56da] {
  width: 100%;
}
.sgn-up-form-id-pw .form-email[data-v-9c5b56da], .sgn-up-form-id-pw .form-age[data-v-9c5b56da], .sgn-up-form-id-pw .form-id[data-v-9c5b56da], .sgn-up-form-id-pw .pw-vldt-wrap[data-v-9c5b56da] {
    margin-bottom: 14px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-id-pw .form-email[data-v-9c5b56da], .sgn-up-form-id-pw .form-age[data-v-9c5b56da], .sgn-up-form-id-pw .form-id[data-v-9c5b56da], .sgn-up-form-id-pw .pw-vldt-wrap[data-v-9c5b56da] {
        margin-bottom: 12px;
}
}
.sgn-up-form-id-pw .form-pw-chck[data-v-9c5b56da] {
    margin-bottom: 32px;
}
.sgn-up-form-id-pw .pw-vldt-wrap[data-v-9c5b56da] {
    font-size: 12px;
    color: #a9a9a9;
}
.sgn-up-form-id-pw .pw-vldt-wrap .caps[data-v-9c5b56da] {
      margin-top: 6px;
}
.sgn-up-form-id-pw .pw-vldt-wrap .pw-vldt[data-v-9c5b56da] {
      display: flex;
      gap: 4px;
      margin-top: 6px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-id-pw .pw-vldt-wrap .pw-vldt[data-v-9c5b56da] {
          margin-top: 4px;
}
}
.sgn-up-form-id-pw .pw-vldt-wrap .chck-pw[data-v-9c5b56da] {
      color: #5682fe;
}
.sgn-up-form-id-pw label[data-v-9c5b56da]::after {
    color: #5682fe;
    content: ' *';
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainSgnTermsModal.vue?vue&type=style&index=0&id=506b179f&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-506b179f]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-sgn-terms-modal[data-v-506b179f] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: var(--nanum-square), sans-serif;
}
.main-sgn-terms-modal .bcrn[data-v-506b179f] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}
.main-sgn-terms-modal .modal[data-v-506b179f] {
    position: relative;
    z-index: 50;
    display: grid;
    row-gap: 1px;
    width: 695px;
    height: 460px;
    padding: 12px;
    padding-top: 0;
    background-color: white;
    border-radius: 12px;
}
.main-sgn-terms-modal .modal .close-btn[data-v-506b179f] {
      position: absolute;
      top: 23.4px;
      right: 23.4px;
      font-size: 21px;
      font-weight: bold;
      line-height: 1;
      cursor: pointer;
}
.main-sgn-terms-modal .modal .tabs-wrapper .tab[data-v-506b179f] {
      display: inline-grid;
      align-items: center;
      justify-content: center;
      width: 126px;
      height: 60px;
      font-size: 14px;
      font-weight: bold;
      line-height: 2.03;
      color: #000;
      text-align: center;
}
.main-sgn-terms-modal .modal .tabs-wrapper .tab[data-v-506b179f]:hover {
        cursor: pointer;
}
.main-sgn-terms-modal .modal .tabs-wrapper .tab.selected[data-v-506b179f] {
        color: #5682fe;
        border-bottom: 2px solid #5682fe;
}
.main-sgn-terms-modal .modal .terms-wrapper[data-v-506b179f] {
      display: grid;
      width: 671px;
      height: 388px;
      padding: 2px;
      overflow-y: hidden;
      background-color: #eff2f9;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2[data-v-506b179f] {
        place-self: center;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        overflow-y: hidden;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f] {
          width: 100%;
          height: 100%;
          padding: 16px;
          overflow-y: scroll;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f]::-webkit-scrollbar {
            width: 7px;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f]::-webkit-scrollbar-thumb {
              background-color: white;
              border-radius: 7.8px;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f] h1 {
          font-size: 14px;
          font-weight: 800;
          line-height: 2;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f] h2 {
          font-size: 12px;
          font-weight: bold;
          line-height: 2;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f] h3 {
          font-size: 12px;
          font-weight: bold;
          line-height: 2;
}
.main-sgn-terms-modal .modal .terms-wrapper .terms-wrapper-2 .terms[data-v-506b179f] p {
          font-size: 10px;
          line-height: 2;
}
@media screen and (max-width: 640px) {
.main-sgn-terms-modal .modal[data-v-506b179f] {
    width: 360px;
    height: 540px;
}
.main-sgn-terms-modal .modal .terms-wrapper[data-v-506b179f] {
      width: 336px;
      height: 468px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormTerms.vue?vue&type=style&index=0&id=48793946&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-48793946]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-48793946] {
  color: #5682fe;
}
.link[data-v-48793946]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-48793946] {
  line-height: 1;
}
.btn.prmry[data-v-48793946] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-48793946]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-48793946] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-48793946]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-48793946] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-48793946]:disabled, .btn[data-v-48793946]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-48793946] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-48793946]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-48793946]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-48793946]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-48793946],
.un-chck[data-v-48793946] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-48793946]::before,
  .un-chck[data-v-48793946]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-48793946] {
  background-color: #cdd2d5;
}
.chck[data-v-48793946] {
  background-color: #5682fe;
}
input[type='password'][data-v-48793946] {
  font-family: auto;
}
.main-logo[data-v-48793946] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-48793946] {
      margin: 40px auto;
}
}
.sgn-up-form-terms-wrap[data-v-48793946] {
  width: 100%;
}
.sgn-up-form-terms-wrap .sgn-up-form-terms[data-v-48793946] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    height: 48px;
    padding-left: 16px;
    margin-bottom: 32px;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-terms-wrap .sgn-up-form-terms[data-v-48793946] {
        height: 40px;
}
}
.sgn-up-form-terms-wrap .sgn-up-form-terms .txt[data-v-48793946] {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: -1px;
      color: #2f2f2f;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-terms-wrap .sgn-up-form-terms .txt[data-v-48793946] {
          font-size: 10px;
}
}
.sgn-up-form-terms-wrap .sgn-up-form-terms .txt .link[data-v-48793946] {
        text-decoration: underline;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-terms-wrap .sgn-up-form-terms .txt .link[data-v-48793946] {
            font-size: 10px;
}
}
.sgn-up-form-terms-wrap .sgn-up-form-terms .chck-icon[data-v-48793946] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      cursor: pointer;
      border: 1px solid #b7b7b7;
      border-radius: 50%;
}
.sgn-up-form-terms-wrap .sgn-up-form-terms .check[data-v-48793946] {
      background-color: #5682fe;
      border: 1px solid #5682fe;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnSocialInForm.vue?vue&type=style&index=0&id=4df25c70&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4df25c70]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.social-sgn-in-form[data-v-4df25c70] {
  display: flex;
  flex-direction: column;
  width: 460px;
}
.social-sgn-in-form .text-line[data-v-4df25c70] {
    position: relative;
    margin-bottom: 14px;
    overflow: hidden;
    text-align: center;
}
.social-sgn-in-form .text-line .text[data-v-4df25c70] {
      position: relative;
      display: inline-block;
      padding: 0 16px;
      font-size: 14px;
      font-weight: 400;
}
.social-sgn-in-form .text-line .text[data-v-4df25c70]::before, .social-sgn-in-form .text-line .text[data-v-4df25c70]::after {
        position: absolute;
        top: 50%;
        width: 150%;
        border-top: 1px solid black;
        content: '';
}
.social-sgn-in-form .text-line .text[data-v-4df25c70]::before {
        right: 100%;
}
.social-sgn-in-form .text-line .text[data-v-4df25c70]::after {
        left: 100%;
}
.social-sgn-in-form button[data-v-4df25c70] {
    display: grid;
    grid-template-columns: 64px 1fr 64px;
    grid-auto-flow: column;
    align-items: center;
    justify-items: center;
    height: 52px;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}
.social-sgn-in-form .logo[data-v-4df25c70] {
    width: 20px;
    height: 20px;
}
.social-sgn-in-form .google[data-v-4df25c70], .social-sgn-in-form .microsoft[data-v-4df25c70] {
    color: #1f1f1f;
    background: #fff;
    border: 1px solid #747775;
}
.social-sgn-in-form .google[data-v-4df25c70]:hover, .social-sgn-in-form .microsoft[data-v-4df25c70]:hover {
      background: rgba(0, 0, 0, 0.03);
}
.social-sgn-in-form .naver[data-v-4df25c70] {
    background: #03c75a;
}
.social-sgn-in-form .naver[data-v-4df25c70]:hover {
      background: #03bd55;
}
.social-sgn-in-form .whale[data-v-4df25c70] {
    background: #283059;
}
.social-sgn-in-form .whale[data-v-4df25c70]:hover {
      background: #262e55;
}
.social-sgn-in-form .clever[data-v-4df25c70] {
    background: #1464ff;
}
.social-sgn-in-form .clever[data-v-4df25c70]:hover {
      background: #1464ff;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormParnts.vue?vue&type=style&index=0&id=4285b806&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4285b806]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-4285b806] {
  color: #5682fe;
}
.link[data-v-4285b806]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-4285b806] {
  line-height: 1;
}
.btn.prmry[data-v-4285b806] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-4285b806]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-4285b806] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-4285b806]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-4285b806] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-4285b806]:disabled, .btn[data-v-4285b806]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-4285b806] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-4285b806]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-4285b806]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-4285b806]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-4285b806],
.un-chck[data-v-4285b806] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-4285b806]::before,
  .un-chck[data-v-4285b806]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-4285b806] {
  background-color: #cdd2d5;
}
.chck[data-v-4285b806] {
  background-color: #5682fe;
}
input[type='password'][data-v-4285b806] {
  font-family: auto;
}
.main-logo[data-v-4285b806] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-4285b806] {
      margin: 40px auto;
}
}
.form[data-v-4285b806] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-4285b806] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-4285b806] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-4285b806] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-4285b806]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-4285b806]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-4285b806]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-4285b806] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-4285b806] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-4285b806] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-4285b806] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-4285b806] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-4285b806] {
      font-size: 14px;
}
}
.link[data-v-4285b806] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-up-from-parnts-wrap[data-v-4285b806] {
  width: 460px;
}
@media screen and (max-width: 640px) {
.sgn-up-from-parnts-wrap[data-v-4285b806] {
      width: 100%;
}
}
.sgn-up-from-parnts-wrap h1[data-v-4285b806] {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #2f2f2f;
}
.sgn-up-from-parnts-wrap p[data-v-4285b806] {
    font-size: 12px;
    font-weight: 400;
    color: #929292;
}
.sgn-up-from-parnts-wrap .form-email[data-v-4285b806] {
    margin-bottom: 32px;
}
.sgn-up-from-parnts-wrap label[data-v-4285b806] {
    margin-top: 14px;
}
.sgn-up-from-parnts-wrap label[data-v-4285b806]::after {
      color: #5682fe;
      content: ' *';
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormStep.vue?vue&type=style&index=0&id=3274e9dd&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3274e9dd]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-3274e9dd] {
  color: #5682fe;
}
.link[data-v-3274e9dd]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-3274e9dd] {
  line-height: 1;
}
.btn.prmry[data-v-3274e9dd] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-3274e9dd]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-3274e9dd] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-3274e9dd]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-3274e9dd] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-3274e9dd]:disabled, .btn[data-v-3274e9dd]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-3274e9dd] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-3274e9dd]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-3274e9dd]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-3274e9dd]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-3274e9dd],
.un-chck[data-v-3274e9dd] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-3274e9dd]::before,
  .un-chck[data-v-3274e9dd]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-3274e9dd] {
  background-color: #cdd2d5;
}
.chck[data-v-3274e9dd] {
  background-color: #5682fe;
}
input[type='password'][data-v-3274e9dd] {
  font-family: auto;
}
.main-logo[data-v-3274e9dd] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-3274e9dd] {
      margin: 40px auto;
}
}
.form[data-v-3274e9dd] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-3274e9dd] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-3274e9dd] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-3274e9dd] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-3274e9dd]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-3274e9dd]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-3274e9dd]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-3274e9dd] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-3274e9dd] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-3274e9dd] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-3274e9dd] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-3274e9dd] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-3274e9dd] {
      font-size: 14px;
}
}
.link[data-v-3274e9dd] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-up-form-step-wrap[data-v-3274e9dd] {
  width: 460px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-step-wrap[data-v-3274e9dd] {
      width: 290px;
}
}
@media screen and (max-width: 640px) {
.sgn-up-form-step-wrap[data-v-3274e9dd] {
      width: 343px;
}
}
.sgn-up-form-step-wrap .alrdy-sgnup[data-v-3274e9dd] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 32px 0 73.5px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-form-step-wrap .alrdy-sgnup[data-v-3274e9dd] {
        gap: 12px;
        margin: 32px 0 64px;
}
}
.sgn-up-form-step-wrap .alrdy-sgnup p[data-v-3274e9dd] {
      font-size: 14px;
      font-weight: 600;
      color: #929292;
}
.sgn-up-form-step-wrap .alrdy-sgnup .link[data-v-3274e9dd] {
      width: fit-content;
}
.sgn-up-form-step-wrap button[data-v-3274e9dd] {
    width: 100%;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpFormCmplt.vue?vue&type=style&index=0&id=4384098d&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4384098d]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-4384098d] {
  color: #5682fe;
}
.link[data-v-4384098d]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-4384098d] {
  line-height: 1;
}
.btn.prmry[data-v-4384098d] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-4384098d]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-4384098d] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-4384098d]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-4384098d] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-4384098d]:disabled, .btn[data-v-4384098d]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-4384098d] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-4384098d]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-4384098d]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-4384098d]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-4384098d],
.un-chck[data-v-4384098d] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-4384098d]::before,
  .un-chck[data-v-4384098d]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-4384098d] {
  background-color: #cdd2d5;
}
.chck[data-v-4384098d] {
  background-color: #5682fe;
}
input[type='password'][data-v-4384098d] {
  font-family: auto;
}
.main-logo[data-v-4384098d] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-4384098d] {
      margin: 40px auto;
}
}
.form[data-v-4384098d] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-4384098d] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-4384098d] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-4384098d] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-4384098d]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-4384098d]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-4384098d]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-4384098d] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-4384098d] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-4384098d] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-4384098d] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-4384098d] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-4384098d] {
      font-size: 14px;
}
}
.link[data-v-4384098d] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
div > p[data-v-4384098d] {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
div > p[data-v-4384098d] {
      font-size: 14px;
}
}
@media screen and (max-width: 640px) {
div > p[data-v-4384098d] {
      font-size: 16px;
}
}
div > p[data-v-4384098d]:nth-child(2) {
    margin-top: 24px;
    font-weight: 600;
}
@media screen and (max-width: 640px) {
div > p[data-v-4384098d]:nth-child(2) {
        font-size: 20px;
}
}
div .btn[data-v-4384098d] {
  width: 100%;
}
div .btn-wrap[data-v-4384098d] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 48px 0 0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
div .btn-wrap[data-v-4384098d] {
      gap: 16px;
}
}
div .hm-lrn-btn-wrap[data-v-4384098d] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 240px 0 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnInForm.vue?vue&type=style&index=0&id=8498a40a&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8498a40a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-8498a40a] {
  color: #5682fe;
}
.link[data-v-8498a40a]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-8498a40a] {
  line-height: 1;
}
.btn.prmry[data-v-8498a40a] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-8498a40a]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-8498a40a] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-8498a40a]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-8498a40a] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-8498a40a]:disabled, .btn[data-v-8498a40a]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-8498a40a] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-8498a40a]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-8498a40a]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-8498a40a]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-8498a40a],
.un-chck[data-v-8498a40a] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-8498a40a]::before,
  .un-chck[data-v-8498a40a]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-8498a40a] {
  background-color: #cdd2d5;
}
.chck[data-v-8498a40a] {
  background-color: #5682fe;
}
input[type='password'][data-v-8498a40a] {
  font-family: auto;
}
.main-logo[data-v-8498a40a] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-8498a40a] {
      margin: 40px auto;
}
}
.form[data-v-8498a40a] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-8498a40a] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-8498a40a] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-8498a40a] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-8498a40a]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-8498a40a]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-8498a40a]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-8498a40a] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-8498a40a] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-8498a40a] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-8498a40a] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-8498a40a] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-8498a40a] {
      font-size: 14px;
}
}
.link[data-v-8498a40a] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sctn-1[data-v-8498a40a] {
  display: grid;
  grid-auto-flow: row;
  width: 460px;
}
@media screen and (max-width: 640px) {
.sctn-1[data-v-8498a40a] {
      width: 343px;
}
}
.sctn-1 .form-id[data-v-8498a40a] {
    margin-bottom: 16px;
}
.sctn-1 .form-pw[data-v-8498a40a] {
    margin-bottom: 26px;
}
.sctn-1 #sgnn-sbmt-btn[data-v-8498a40a] {
    margin-top: 32px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModal.vue?vue&type=style&index=0&id=09190e72&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-09190e72]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sgn-find-modal[data-v-09190e72] {
  font-family: var(--pretendard), var(--nanum-square), sans-serif;
}
.sgn-find-modal .bcrn[data-v-09190e72] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.6;
}
.sgn-find-modal .modal[data-v-09190e72] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    padding: 32px;
    background-color: white;
    border-radius: 4px;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 640px) {
.sgn-find-modal .modal[data-v-09190e72] {
        top: 40%;
        padding: 16px;
}
}
.sgn-find-modal .modal .close-btn[data-v-09190e72] {
      position: absolute;
      top: 32px;
      right: 32px;
      font-size: 21px;
      line-height: 1;
      cursor: pointer;
}
@media screen and (max-width: 640px) {
.sgn-find-modal .modal .close-btn[data-v-09190e72] {
          top: 16px;
          right: 16px;
}
}
.sgn-find-modal .modal .title[data-v-09190e72] {
      width: 100%;
      height: 39.5px;
      font-size: 18px;
      font-weight: bold;
      line-height: normal;
      border-bottom: 1px solid #ccd7d6;
}
.sgn-find-modal .modal .cntnts[data-v-09190e72] {
      padding-top: 32px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal .modal .cntnts[data-v-09190e72] {
          padding-top: 16px;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalForm.vue?vue&type=style&index=0&id=333bff54&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-333bff54]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-333bff54] {
  color: #5682fe;
}
.link[data-v-333bff54]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-333bff54] {
  line-height: 1;
}
.btn.prmry[data-v-333bff54] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-333bff54]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-333bff54] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-333bff54]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-333bff54] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-333bff54]:disabled, .btn[data-v-333bff54]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-333bff54] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-333bff54]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-333bff54]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-333bff54]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-333bff54],
.un-chck[data-v-333bff54] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-333bff54]::before,
  .un-chck[data-v-333bff54]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-333bff54] {
  background-color: #cdd2d5;
}
.chck[data-v-333bff54] {
  background-color: #5682fe;
}
input[type='password'][data-v-333bff54] {
  font-family: auto;
}
.main-logo[data-v-333bff54] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-333bff54] {
      margin: 40px auto;
}
}
.form[data-v-333bff54] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-333bff54] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-333bff54] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-333bff54] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-333bff54]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-333bff54]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-333bff54]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-333bff54] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-333bff54] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-333bff54] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-333bff54] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-333bff54] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-333bff54] {
      font-size: 14px;
}
}
.link[data-v-333bff54] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-find-modal-form-wrap[data-v-333bff54] {
  width: 100%;
}
.sgn-find-modal-form-wrap .find-method[data-v-333bff54] {
    display: grid;
    grid-auto-columns: auto 1fr auto;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    width: 460px;
    height: 100px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: #5682fe;
    border: 1px solid #a0b9ff;
    border-radius: 4px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-form-wrap .find-method[data-v-333bff54] {
        width: 327px;
}
}
.sgn-find-modal-form-wrap .find-method p[data-v-333bff54] {
      justify-self: start;
      padding-left: 16px;
}
.sgn-find-modal-form-wrap .email[data-v-333bff54] {
    margin-bottom: 18px;
}
.sgn-find-modal-form-wrap .phone[data-v-333bff54] {
    margin-bottom: 196px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-form-wrap .phone[data-v-333bff54] {
        margin-bottom: 78px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalIdForm.vue?vue&type=style&index=0&id=56525011&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sgn-find-modal-id-form-wrap span {
  font-weight: 700;
  color: #5682fe;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalIdForm.vue?vue&type=style&index=1&id=56525011&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-56525011]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-56525011] {
  color: #5682fe;
}
.link[data-v-56525011]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-56525011] {
  line-height: 1;
}
.btn.prmry[data-v-56525011] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-56525011]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-56525011] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-56525011]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-56525011] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-56525011]:disabled, .btn[data-v-56525011]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-56525011] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-56525011]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-56525011]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-56525011]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-56525011],
.un-chck[data-v-56525011] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-56525011]::before,
  .un-chck[data-v-56525011]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-56525011] {
  background-color: #cdd2d5;
}
.chck[data-v-56525011] {
  background-color: #5682fe;
}
input[type='password'][data-v-56525011] {
  font-family: auto;
}
.main-logo[data-v-56525011] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-56525011] {
      margin: 40px auto;
}
}
.form[data-v-56525011] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-56525011] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-56525011] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-56525011] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-56525011]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-56525011]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-56525011]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-56525011] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-56525011] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-56525011] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-56525011] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-56525011] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-56525011] {
      font-size: 14px;
}
}
.link[data-v-56525011] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.id-form-wrap[data-v-56525011] {
  display: grid;
  grid-template-rows: auto auto 1fr;
  width: 460px;
  height: 462px;
}
@media screen and (max-width: 640px) {
.id-form-wrap[data-v-56525011] {
      width: 327px;
      height: 344px;
}
}
.id-form-wrap .btn[data-v-56525011] {
    align-self: end;
}
.found-id-wrap[data-v-56525011] {
  display: grid;
  grid-auto-flow: row;
  align-content: space-between;
  width: 460px;
  height: 462px;
}
@media screen and (max-width: 640px) {
.found-id-wrap[data-v-56525011] {
      width: 327px;
      height: 344px;
}
}
.found-id-wrap p[data-v-56525011] {
    margin-top: 80px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalId.vue?vue&type=style&index=0&id=540473ad&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-540473ad]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-540473ad] {
  color: #5682fe;
}
.link[data-v-540473ad]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-540473ad] {
  line-height: 1;
}
.btn.prmry[data-v-540473ad] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-540473ad]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-540473ad] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-540473ad]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-540473ad] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-540473ad]:disabled, .btn[data-v-540473ad]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-540473ad] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-540473ad]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-540473ad]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-540473ad]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-540473ad],
.un-chck[data-v-540473ad] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-540473ad]::before,
  .un-chck[data-v-540473ad]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-540473ad] {
  background-color: #cdd2d5;
}
.chck[data-v-540473ad] {
  background-color: #5682fe;
}
input[type='password'][data-v-540473ad] {
  font-family: auto;
}
.main-logo[data-v-540473ad] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-540473ad] {
      margin: 40px auto;
}
}
.form[data-v-540473ad] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-540473ad] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-540473ad] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-540473ad] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-540473ad]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-540473ad]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-540473ad]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-540473ad] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-540473ad] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-540473ad] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-540473ad] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-540473ad] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-540473ad] {
      font-size: 14px;
}
}
.link[data-v-540473ad] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.foter[data-v-540473ad] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 460px;
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  color: #636363;
  background: #edf4f7;
}
@media screen and (max-width: 640px) {
.foter[data-v-540473ad] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 327px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalPwEmail.vue?vue&type=style&index=0&id=865e469a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-865e469a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-865e469a] {
  color: #5682fe;
}
.link[data-v-865e469a]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-865e469a] {
  line-height: 1;
}
.btn.prmry[data-v-865e469a] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-865e469a]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-865e469a] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-865e469a]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-865e469a] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-865e469a]:disabled, .btn[data-v-865e469a]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-865e469a] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-865e469a]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-865e469a]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-865e469a]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-865e469a],
.un-chck[data-v-865e469a] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-865e469a]::before,
  .un-chck[data-v-865e469a]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-865e469a] {
  background-color: #cdd2d5;
}
.chck[data-v-865e469a] {
  background-color: #5682fe;
}
input[type='password'][data-v-865e469a] {
  font-family: auto;
}
.main-logo[data-v-865e469a] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-865e469a] {
      margin: 40px auto;
}
}
.form[data-v-865e469a] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-865e469a] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-865e469a] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-865e469a] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-865e469a]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-865e469a]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-865e469a]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-865e469a] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-865e469a] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-865e469a] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-865e469a] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-865e469a] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-865e469a] {
      font-size: 14px;
}
}
.link[data-v-865e469a] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-find-modal-pw-email-wrap[data-v-865e469a] {
  display: grid;
  align-content: space-between;
  width: 460px;
  height: 462px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-pw-email-wrap[data-v-865e469a] {
      width: 327px;
      height: 344px;
}
}
.sgn-find-modal-pw-email-wrap .succes-submit[data-v-865e469a] {
    padding: 152px 81.5px;
    font-family: var(--pretendard);
    font-size: 16px;
    font-weight: 500;
    color: #444;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-pw-email-wrap .succes-submit[data-v-865e469a] {
        display: flex;
        justify-content: center;
        padding: 80px 0;
}
}
.sgn-find-modal-pw-email-wrap .is-err[data-v-865e469a] {
    margin-bottom: 392px;
}
.sgn-find-modal-pw-email-wrap .btn[data-v-865e469a] {
    width: 100%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalPwPhone.vue?vue&type=style&index=0&id=01189585&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-01189585]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-01189585] {
  color: #5682fe;
}
.link[data-v-01189585]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-01189585] {
  line-height: 1;
}
.btn.prmry[data-v-01189585] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-01189585]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-01189585] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-01189585]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-01189585] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-01189585]:disabled, .btn[data-v-01189585]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-01189585] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-01189585]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-01189585]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-01189585]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-01189585],
.un-chck[data-v-01189585] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-01189585]::before,
  .un-chck[data-v-01189585]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-01189585] {
  background-color: #cdd2d5;
}
.chck[data-v-01189585] {
  background-color: #5682fe;
}
input[type='password'][data-v-01189585] {
  font-family: auto;
}
.main-logo[data-v-01189585] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-01189585] {
      margin: 40px auto;
}
}
.form[data-v-01189585] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-01189585] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-01189585] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-01189585] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-01189585]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-01189585]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-01189585]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-01189585] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-01189585] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-01189585] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-01189585] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-01189585] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-01189585] {
      font-size: 14px;
}
}
.link[data-v-01189585] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.sgn-find-modal-pw-phone-wrap[data-v-01189585] {
  display: grid;
  align-content: space-between;
  width: 460px;
  height: 462px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-pw-phone-wrap[data-v-01189585] {
      width: 327px;
      height: 364px;
}
}
.sgn-find-modal-pw-phone-wrap .form-id[data-v-01189585], .sgn-find-modal-pw-phone-wrap .form-phone[data-v-01189585], .sgn-find-modal-pw-phone-wrap .is-err[data-v-01189585] {
    margin-bottom: 16px;
}
.sgn-find-modal-pw-phone-wrap .phone-wrap[data-v-01189585] {
    display: flex;
    gap: 12px;
    width: 100%;
}
.sgn-find-modal-pw-phone-wrap .phone-wrap .phone[data-v-01189585] {
      flex: 1;
}
.sgn-find-modal-pw-phone-wrap .phone-wrap .idntfc-sbmt-btn[data-v-01189585] {
      width: 120px;
      height: 48px;
}
@media screen and (max-width: 640px) {
.sgn-find-modal-pw-phone-wrap .phone-wrap .idntfc-sbmt-btn[data-v-01189585] {
          width: 110px;
}
}
.sgn-find-modal-pw-phone-wrap #next-btn[data-v-01189585] {
    width: 100%;
}
.sgn-find-modal-pw-phone-wrap article[data-v-01189585] {
    position: relative;
}
.sgn-find-modal-pw-phone-wrap .time[data-v-01189585] {
    position: absolute;
    right: 16px;
    bottom: 13px;
    font-size: 14px;
    color: #5682fe;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnFindModalPw.vue?vue&type=style&index=0&id=61021e99&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-61021e99]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-61021e99] {
  color: #5682fe;
}
.link[data-v-61021e99]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-61021e99] {
  line-height: 1;
}
.btn.prmry[data-v-61021e99] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-61021e99]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-61021e99] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-61021e99]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-61021e99] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-61021e99]:disabled, .btn[data-v-61021e99]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-61021e99] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-61021e99]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-61021e99]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-61021e99]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-61021e99],
.un-chck[data-v-61021e99] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-61021e99]::before,
  .un-chck[data-v-61021e99]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-61021e99] {
  background-color: #cdd2d5;
}
.chck[data-v-61021e99] {
  background-color: #5682fe;
}
input[type='password'][data-v-61021e99] {
  font-family: auto;
}
.main-logo[data-v-61021e99] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-61021e99] {
      margin: 40px auto;
}
}
.form[data-v-61021e99] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-61021e99] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-61021e99] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-61021e99] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-61021e99]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-61021e99]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-61021e99]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-61021e99] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-61021e99] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-61021e99] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-61021e99] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-61021e99] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-61021e99] {
      font-size: 14px;
}
}
.link[data-v-61021e99] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.foter[data-v-61021e99] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 460px;
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  color: #636363;
  background: #edf4f7;
}
@media screen and (max-width: 640px) {
.foter[data-v-61021e99] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 327px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainPayFlowRetryModal.vue?vue&type=style&index=0&id=07a52c7a&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-07a52c7a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal-container[data-v-07a52c7a] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 310px;
  height: 244px;
  padding: 30px;
  font-family: var(--nanum-square), sans-serif;
  background-color: #f0f6f7;
  border-radius: 12px;
  transform: translate(-50%, -50%);
}
.modal-container p[data-v-07a52c7a] {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}
.modal-container button[data-v-07a52c7a] {
    width: 100%;
    height: 40px;
    margin-top: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #5682fe;
    border-radius: 6px;
}
.dim[data-v-07a52c7a] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainPayFlowStep1.vue?vue&type=style&index=0&id=39a36d60&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-39a36d60]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-39a36d60] {
  color: #5682fe;
}
.link[data-v-39a36d60]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-39a36d60] {
  line-height: 1;
}
.btn.prmry[data-v-39a36d60] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-39a36d60]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-39a36d60] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-39a36d60]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-39a36d60] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-39a36d60]:disabled, .btn[data-v-39a36d60]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-39a36d60] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-39a36d60]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-39a36d60]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-39a36d60]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-39a36d60],
.un-chck[data-v-39a36d60] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-39a36d60]::before,
  .un-chck[data-v-39a36d60]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-39a36d60] {
  background-color: #cdd2d5;
}
.chck[data-v-39a36d60] {
  background-color: #5682fe;
}
input[type='password'][data-v-39a36d60] {
  font-family: auto;
}
.main-logo[data-v-39a36d60] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-39a36d60] {
      margin: 40px auto;
}
}
.cntnr[data-v-39a36d60] {
  width: 664px;
}
@media screen and (max-width: 640px) {
.cntnr[data-v-39a36d60] {
      width: 100%;
}
}
section.sgn[data-v-39a36d60] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
section.sgn .link-wrap[data-v-39a36d60] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-items: end;
    gap: 30px;
    width: 100%;
    margin: 65.5px 0;
}
@media screen and (max-width: 640px) {
section.sgn .link-wrap[data-v-39a36d60] {
        grid-auto-flow: row;
        justify-items: center;
        gap: 16px;
        margin: 25.5px 0;
}
}
section.sgn .link-wrap .pad-rght[data-v-39a36d60] {
      padding-right: 14px;
}
section.sgn .link-wrap .link[data-v-39a36d60] {
      font-size: 14px;
      font-weight: 600;
}
section.sgn .link-wrap .sgn-up-wrap[data-v-39a36d60] {
      display: flex;
      align-items: center;
      gap: 14px;
      width: 100%;
}
@media screen and (max-width: 640px) {
section.sgn .link-wrap .sgn-up-wrap[data-v-39a36d60] {
          justify-content: center;
}
}
section.sgn .link-wrap .sgn-up-wrap p[data-v-39a36d60] {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 16.71px;
        color: #929292;
}
section.foter[data-v-39a36d60] {
  position: relative;
  display: flex;
  justify-content: center;
  width: 664px;
  border-top: 1px solid #d8d8d8;
}
@media screen and (max-width: 640px) {
section.foter[data-v-39a36d60] {
      width: 100%;
      padding: 0 19px;
}
}
section.foter > div[data-v-39a36d60] {
    display: flex;
    gap: 11px;
    margin-top: 40px;
}
section.foter > div span[data-v-39a36d60] {
      font-size: 18px;
      font-weight: 800;
      line-height: 150%;
      color: #0ea8bd;
      white-space: nowrap;
}
@media screen and (max-width: 640px) {
section.foter > div span[data-v-39a36d60] {
          position: absolute;
          top: -13px;
          left: 50%;
          background: #fff;
          transform: translateX(-50%);
          box-shadow: 0 0 0 10px #fff;
}
}
section.foter > div div p[data-v-39a36d60] {
      position: relative;
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      line-height: 150%;
      color: #636363;
}
@media screen and (max-width: 640px) {
section.foter > div div p[data-v-39a36d60] {
          margin-bottom: 16px;
}
section.foter > div div p[data-v-39a36d60]:last-child {
            margin-bottom: 70px;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/TosModal.vue?vue&type=style&index=0&id=26eae69a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-26eae69a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal-container[data-v-26eae69a] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100vw;
  max-width: 695px;
  font-family: var(--pretendard), sans-serif;
  transform: translate(-50%, -50%);
}
.modal-container .hder[data-v-26eae69a] {
    display: grid;
    align-items: center;
    height: 60px;
    padding: 0 23.4px 0 30px;
    background: white;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.modal-container .hder h1[data-v-26eae69a] {
      font-size: 18px;
}
.modal-container .hder button[data-v-26eae69a] {
      position: fixed;
      top: 13px;
      right: 13px;
      width: 42px;
      height: 42px;
      background-image: url("https://cdn.test.codmos.io/default/public/c85a8d4e-3ded-4a11-a708-9cd7f46727e8.svg");
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 50%;
}
.modal-container .cntnts[data-v-26eae69a] {
    max-height: 400px;
    padding: 20px 18px;
    margin: auto;
    overflow: auto;
    background-color: #f0f6f7;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.dim[data-v-26eae69a] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/MainPayFlowStep3.vue?vue&type=style&index=0&id=39bf9c62&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-39bf9c62]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
section[data-v-39bf9c62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
}
@media screen and (max-width: 640px) {
section[data-v-39bf9c62] {
      width: 100%;
      padding: 64px 14px;
}
}
section h1[data-v-39bf9c62] {
    margin-bottom: 32px;
    font-family: var(--one-mobile-pop), sans-serif;
    font-size: 28px;
    color: #0091a5;
    text-align: center;
}
@media screen and (max-width: 640px) {
section h1[data-v-39bf9c62] {
        margin-top: 0;
        font-size: 24px;
        line-height: 150%;
}
}
section img[data-v-39bf9c62] {
    width: 400px;
    margin-bottom: 32px;
}
@media screen and (max-width: 640px) {
section img[data-v-39bf9c62] {
        width: 100%;
}
}
section ol[data-v-39bf9c62] {
    width: 510px;
    list-style-position: outside;
    counter-reset: item;
}
@media screen and (max-width: 640px) {
section ol[data-v-39bf9c62] {
        width: 100%;
        padding-left: 10%;
}
}
section ol li[data-v-39bf9c62] {
      position: relative;
      font-family: var(--nanum-square), sans-serif;
      font-size: 18px;
      line-height: 1.5;
      word-break: keep-all;
      counter-increment: item;
}
section ol li[data-v-39bf9c62]:not(:last-child) {
        margin-bottom: 10px;
}
section ol li[data-v-39bf9c62]::before {
        position: absolute;
        left: -35px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        font-family: Poppins, sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        background: #0091a5;
        border-radius: 100px;
        content: counter(item);
}
section ol li span[data-v-39bf9c62] {
        font-weight: 800;
        color: #0091a5;
}
@media screen and (max-width: 640px) {
section ol li span[data-v-39bf9c62] {
            display: inline-block;
}
}
@media screen and (max-width: 640px) {
section a[data-v-39bf9c62] {
      width: 100%;
}
}
section a button[data-v-39bf9c62] {
    width: 377px;
    height: 64px;
    margin-top: 48px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #07d1de 0%, #0ea8bd 100%);
    border-radius: 6px;
}
@media screen and (max-width: 640px) {
section a button[data-v-39bf9c62] {
        width: 100%;
        font-size: 24px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgePayFlow.vue?vue&type=style&index=0&id=92e70a2c&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
section .mobile-title {
  display: none;
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 800;
  line-height: 32px;
  color: #2f2f2f;
}
@media screen and (max-width: 640px) {
section .mobile-title {
      display: block;
}
}
section.padding {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media screen and (max-width: 640px) {
section.padding {
      padding-top: 50px;
      padding-bottom: 55px;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgePayFlow.vue?vue&type=style&index=1&id=92e70a2c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-92e70a2c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-pge-pay-flow[data-v-92e70a2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--nanum-square), sans-serif;
}
.main-pge-pay-flow > img[data-v-92e70a2c] {
    width: 128px;
    height: 20px;
    margin-top: 48px;
}
@media screen and (max-width: 640px) {
.main-pge-pay-flow > img[data-v-92e70a2c] {
        width: 104px;
        height: 16px;
}
}
.main-pge-pay-flow section.flow[data-v-92e70a2c] {
    display: flex;
    gap: 32px;
    padding-bottom: 32px;
    margin-top: 41px;
    border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 640px) {
.main-pge-pay-flow section.flow[data-v-92e70a2c] {
        display: none;
}
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c] {
      position: relative;
      display: grid;
      place-items: center;
      height: 64px;
      border: 1px solid #d8d8d8;
      border-radius: 6px;
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c]::after {
        position: absolute;
        top: 50%;
        right: -23px;
        width: 8px;
        height: 13px;
        background-image: url("https://cdn.test.codmos.io/default/public/340f5dfb-2f25-4620-9f1a-862285e6149b.svg");
        content: '';
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c]:nth-of-type(1) {
        width: 280px;
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c]:nth-of-type(2) {
        width: 160px;
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c]:nth-of-type(3) {
        width: 160px;
}
.main-pge-pay-flow section.flow > div[data-v-92e70a2c]:nth-of-type(3)::after {
          display: none;
}
.main-pge-pay-flow section.flow > div > div p[data-v-92e70a2c] {
        color: #2f2f2f;
        text-align: center;
}
.main-pge-pay-flow section.flow > div > div p[data-v-92e70a2c]:nth-of-type(1) {
          font-size: 12px;
          font-weight: 700;
          line-height: 1;
}
.main-pge-pay-flow section.flow > div > div p[data-v-92e70a2c]:nth-of-type(2) {
          margin-top: 6px;
          font-size: 14px;
          font-weight: 400;
          line-height: 16px;
}
.main-pge-pay-flow section.flow > div.on[data-v-92e70a2c] {
        background: #e5fdff;
        border: 1px solid #07d1de;
}
.main-pge-pay-flow section.flow > div.on > div p[data-v-92e70a2c] {
          color: #0ea8bd;
}
.main-pge-pay-flow section.flow > div.on > div p[data-v-92e70a2c]:nth-of-type(1) {
            font-size: 14px;
            font-weight: 800;
}
.main-pge-pay-flow section.flow > div.on > div p[data-v-92e70a2c]:nth-of-type(2) {
            font-size: 18px;
            font-weight: 700;
}
.main-pge-pay-flow section.flow-phone[data-v-92e70a2c] {
    position: relative;
    display: none;
    margin-top: 40px;
}
@media screen and (max-width: 640px) {
.main-pge-pay-flow section.flow-phone[data-v-92e70a2c] {
        display: flex;
}
}
.main-pge-pay-flow section.flow-phone i[data-v-92e70a2c] {
      position: absolute;
      top: 31px;
      left: 50%;
      width: 80%;
      height: 1px;
      border-top: 1px dashed #b7b7b7;
      transform: translateX(-50%);
}
.main-pge-pay-flow section.flow-phone > div[data-v-92e70a2c] {
      display: flex;
      flex-direction: column;
      align-items: center;
}
.main-pge-pay-flow section.flow-phone > div[data-v-92e70a2c]:nth-of-type(1) {
        margin-right: 44px;
}
.main-pge-pay-flow section.flow-phone > div[data-v-92e70a2c]:nth-of-type(2) {
        margin-right: 65px;
}
.main-pge-pay-flow section.flow-phone > div h1[data-v-92e70a2c] {
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        color: #0ea8bd;
        text-align: center;
}
.main-pge-pay-flow section.flow-phone > div p[data-v-92e70a2c] {
        position: relative;
        display: grid;
        place-items: center;
        width: 20px;
        height: 20px;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 100%;
        color: #b7b7b7;
        text-align: center;
        background: #fff;
        border: 1px solid #b7b7b7;
        border-radius: 50px;
        box-shadow: 0 0 0 10px #fff;
}
.main-pge-pay-flow section.flow-phone > div.on p[data-v-92e70a2c] {
        width: 28px;
        height: 28px;
        margin-top: 6px;
        font-size: 20px;
        font-weight: 700;
        color: #0ea8bd;
        background: #e5fdff;
        border: 1px solid #07d1de;
        box-shadow: 0 0 0 7px #fff;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/SgnView.vue?vue&type=style&index=0&id=91078846&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sgn-pge-sgnn, .sgn-pge-sgnp {
  display: grid;
  width: 100%;
}
.sgn-pge-sgnn .switch, .sgn-pge-sgnp .switch {
    margin-bottom: 29px;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnn .switch, .sgn-pge-sgnp .switch {
        margin-bottom: 33px;
}
}
.sgn-pge-sgnn .link, .sgn-pge-sgnp .link {
    font-family: var(--nanum-square), sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/SgnView.vue?vue&type=style&index=1&id=91078846&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-91078846]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sgn-view[data-v-91078846] {
  display: grid;
  grid-template-rows: auto 105px;
  width: 100%;
  height: 100vh;
}
.sgn-view .wrapper[data-v-91078846] {
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
}
@media screen and (max-width: 640px) {
.sgn-view[data-v-91078846] {
    grid-template-rows: auto 101.6px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnMainLogo.vue?vue&type=style&index=0&id=40dddd14&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-40dddd14]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-40dddd14] {
  color: #5682fe;
}
.link[data-v-40dddd14]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-40dddd14] {
  line-height: 1;
}
.btn.prmry[data-v-40dddd14] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-40dddd14]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-40dddd14] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-40dddd14]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-40dddd14] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-40dddd14]:disabled, .btn[data-v-40dddd14]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-40dddd14] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-40dddd14]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-40dddd14]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-40dddd14]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-40dddd14],
.un-chck[data-v-40dddd14] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-40dddd14]::before,
  .un-chck[data-v-40dddd14]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-40dddd14] {
  background-color: #cdd2d5;
}
.chck[data-v-40dddd14] {
  background-color: #5682fe;
}
input[type='password'][data-v-40dddd14] {
  font-family: auto;
}
.main-logo[data-v-40dddd14] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-40dddd14] {
      margin: 40px auto;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnSetNewPwModal.vue?vue&type=style&index=0&id=6ce93a26&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6ce93a26]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-6ce93a26] {
  color: #5682fe;
}
.link[data-v-6ce93a26]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-6ce93a26] {
  line-height: 1;
}
.btn.prmry[data-v-6ce93a26] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-6ce93a26]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-6ce93a26] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-6ce93a26]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-6ce93a26] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-6ce93a26]:disabled, .btn[data-v-6ce93a26]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-6ce93a26] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-6ce93a26]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-6ce93a26]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-6ce93a26]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-6ce93a26],
.un-chck[data-v-6ce93a26] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-6ce93a26]::before,
  .un-chck[data-v-6ce93a26]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-6ce93a26] {
  background-color: #cdd2d5;
}
.chck[data-v-6ce93a26] {
  background-color: #5682fe;
}
input[type='password'][data-v-6ce93a26] {
  font-family: auto;
}
.main-logo[data-v-6ce93a26] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-6ce93a26] {
      margin: 40px auto;
}
}
.form[data-v-6ce93a26] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-6ce93a26] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-6ce93a26] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-6ce93a26] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-6ce93a26]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-6ce93a26]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-6ce93a26]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-6ce93a26] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-6ce93a26] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-6ce93a26] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-6ce93a26] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-6ce93a26] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-6ce93a26] {
      font-size: 14px;
}
}
.link[data-v-6ce93a26] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.input-wrap[data-v-6ce93a26] {
  display: grid;
  align-content: space-between;
  width: 460px;
  height: 462px;
}
@media screen and (max-width: 640px) {
.input-wrap[data-v-6ce93a26] {
      width: 327px;
      height: 364px;
}
}
.input-wrap .pw-vldt-wrap[data-v-6ce93a26] {
    margin-bottom: 14px;
    font-size: 12px;
    color: #a9a9a9;
}
.input-wrap .pw-vldt-wrap .caps[data-v-6ce93a26] {
      margin-top: 6px;
}
.input-wrap .pw-vldt-wrap .pw-vldt[data-v-6ce93a26] {
      display: flex;
      gap: 4px;
      margin-top: 6px;
}
.input-wrap .pw-vldt-wrap .chck-pw[data-v-6ce93a26] {
      color: #5682fe;
}
.input-wrap .cmplt-wrap[data-v-6ce93a26] {
    display: grid;
    justify-items: center;
    gap: 8px;
}
.input-wrap .cmplt-wrap p[data-v-6ce93a26] {
      font-size: 24px;
      font-weight: 400;
}
@media screen and (max-width: 640px) {
.input-wrap .cmplt-wrap p[data-v-6ce93a26] {
          font-size: 18px;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/SgnPgeSgnn.vue?vue&type=style&index=0&id=279e9c11&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-279e9c11]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-279e9c11] {
  color: #5682fe;
}
.link[data-v-279e9c11]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-279e9c11] {
  line-height: 1;
}
.btn.prmry[data-v-279e9c11] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-279e9c11]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-279e9c11] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-279e9c11]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-279e9c11] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-279e9c11]:disabled, .btn[data-v-279e9c11]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-279e9c11] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-279e9c11]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-279e9c11]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-279e9c11]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-279e9c11],
.un-chck[data-v-279e9c11] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-279e9c11]::before,
  .un-chck[data-v-279e9c11]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-279e9c11] {
  background-color: #cdd2d5;
}
.chck[data-v-279e9c11] {
  background-color: #5682fe;
}
input[type='password'][data-v-279e9c11] {
  font-family: auto;
}
.main-logo[data-v-279e9c11] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-279e9c11] {
      margin: 40px auto;
}
}
.sgn-pge-sgnn[data-v-279e9c11] {
  display: grid;
  place-content: center center;
  place-items: center center;
  width: 100%;
  font-family: var(--pretendard), sans-serif;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-pge-sgnn[data-v-279e9c11] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 460px;
}
}
.sgn-pge-sgnn .chnn-talk-btn[data-v-279e9c11] {
    position: fixed;
    right: 20px;
    bottom: 190px;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnn .chnn-talk-btn[data-v-279e9c11] {
        bottom: 130px;
}
}
.sgn-pge-sgnn p[data-v-279e9c11] {
    margin-bottom: 64px;
    font-size: 26px;
    font-weight: 500;
    line-height: 31.03px;
    color: #2f2f2f;
}
.sgn-pge-sgnn .link-wrap[data-v-279e9c11] {
    display: grid;
    grid-auto-flow: column;
    place-items: center end;
    gap: 30px;
    width: 100%;
    margin: 65.5px 0;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnn .link-wrap[data-v-279e9c11] {
        grid-auto-flow: row;
        justify-items: center;
        gap: 16px;
        margin: 25.5px 0;
}
}
.sgn-pge-sgnn .link-wrap .pad-rght[data-v-279e9c11] {
      padding-right: 14px;
}
.sgn-pge-sgnn .link-wrap .link[data-v-279e9c11] {
      font-size: 14px;
      font-weight: 600;
}
.sgn-pge-sgnn .link-wrap .sgn-up-wrap[data-v-279e9c11] {
      display: flex;
      align-items: center;
      gap: 14px;
      width: 100%;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnn .link-wrap .sgn-up-wrap[data-v-279e9c11] {
          justify-content: center;
}
}
.sgn-pge-sgnn .link-wrap .sgn-up-wrap p[data-v-279e9c11] {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 16.71px;
        color: #929292;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpWelcomeTxt.vue?vue&type=style&index=0&id=776a7f9b&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-776a7f9b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-776a7f9b] {
  color: #5682fe;
}
.link[data-v-776a7f9b]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-776a7f9b] {
  line-height: 1;
}
.btn.prmry[data-v-776a7f9b] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-776a7f9b]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-776a7f9b] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-776a7f9b]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-776a7f9b] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-776a7f9b]:disabled, .btn[data-v-776a7f9b]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-776a7f9b] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-776a7f9b]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-776a7f9b]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-776a7f9b]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-776a7f9b],
.un-chck[data-v-776a7f9b] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-776a7f9b]::before,
  .un-chck[data-v-776a7f9b]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-776a7f9b] {
  background-color: #cdd2d5;
}
.chck[data-v-776a7f9b] {
  background-color: #5682fe;
}
input[type='password'][data-v-776a7f9b] {
  font-family: auto;
}
.main-logo[data-v-776a7f9b] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-776a7f9b] {
      margin: 40px auto;
}
}
.form[data-v-776a7f9b] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-776a7f9b] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-776a7f9b] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-776a7f9b] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-776a7f9b]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-776a7f9b]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-776a7f9b]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-776a7f9b] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-776a7f9b] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-776a7f9b] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-776a7f9b] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-776a7f9b] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-776a7f9b] {
      font-size: 14px;
}
}
.link[data-v-776a7f9b] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.welcome-txt[data-v-776a7f9b] {
  height: auto;
  padding-top: 160px;
  padding-left: 140px;
  font-family: var(--pretendard), sans-serif;
  background: #f3f6fc;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.welcome-txt[data-v-776a7f9b] {
      padding-top: 48px;
      padding-left: 20px;
}
}
.welcome-txt > *[data-v-776a7f9b] {
    width: 385px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.welcome-txt > *[data-v-776a7f9b] {
        width: 227px;
}
}
.welcome-txt .title[data-v-776a7f9b] {
    font-size: 36px;
    font-weight: 700;
    color: #0c3471;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.welcome-txt .title[data-v-776a7f9b] {
        font-size: 16px;
}
}
.welcome-txt .dc[data-v-776a7f9b] {
    font-size: 20px;
    font-weight: 300;
    color: #545454;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.welcome-txt .dc[data-v-776a7f9b] {
        font-size: 11px;
}
}
.welcome-txt ul[data-v-776a7f9b] {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #2c3345;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.welcome-txt ul[data-v-776a7f9b] {
        font-size: 9px;
}
}
.welcome-txt ul li[data-v-776a7f9b] {
      list-style-position: inside;
      list-style-image: url("https://cdn.test.codmos.io/default/public/c44e5871-be1f-4ad3-8556-b0eab91e84ef.svg");
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpForm.vue?vue&type=style&index=0&id=59add971&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-59add971]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-59add971] {
  color: #5682fe;
}
.link[data-v-59add971]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-59add971] {
  line-height: 1;
}
.btn.prmry[data-v-59add971] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-59add971]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-59add971] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-59add971]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-59add971] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-59add971]:disabled, .btn[data-v-59add971]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-59add971] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-59add971]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-59add971]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-59add971]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-59add971],
.un-chck[data-v-59add971] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-59add971]::before,
  .un-chck[data-v-59add971]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-59add971] {
  background-color: #cdd2d5;
}
.chck[data-v-59add971] {
  background-color: #5682fe;
}
input[type='password'][data-v-59add971] {
  font-family: auto;
}
.main-logo[data-v-59add971] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-59add971] {
      margin: 40px auto;
}
}
.link[data-v-59add971] {
  color: #5682fe;
}
.link[data-v-59add971]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-59add971] {
  line-height: 1;
}
.btn.prmry[data-v-59add971] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-59add971]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-59add971] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-59add971]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-59add971] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-59add971]:disabled, .btn[data-v-59add971]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-59add971] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-59add971]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-59add971]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-59add971]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-59add971],
.un-chck[data-v-59add971] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-59add971]::before,
  .un-chck[data-v-59add971]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-59add971] {
  background-color: #cdd2d5;
}
.chck[data-v-59add971] {
  background-color: #5682fe;
}
input[type='password'][data-v-59add971] {
  font-family: auto;
}
.main-logo[data-v-59add971] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-59add971] {
      margin: 40px auto;
}
}
.form[data-v-59add971] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-59add971] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-59add971] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-59add971] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-59add971]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-59add971]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-59add971]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-59add971] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-59add971] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-59add971] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-59add971] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-59add971] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-59add971] {
      font-size: 14px;
}
}
.link[data-v-59add971] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
@media screen and (max-width: 640px) {
.form .welcom-txt-wrap[data-v-59add971] {
    display: none;
}
}
.form .sctn-2[data-v-59add971] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.form .sctn-2 .logo[data-v-59add971] .main-logo {
    width: 142.68px;
    height: 22px;
    margin: 72px auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form .sctn-2 .logo[data-v-59add971] .main-logo {
        width: 90.8px;
        height: 14px;
        margin: 40px auto;
}
}
.form .sctn-2 .step-wrap[data-v-59add971] {
    margin-bottom: 144px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form .sctn-2 .step-wrap[data-v-59add971] .inpt {
        height: 40px;
        font-size: 14px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form .sctn-2 .step-wrap[data-v-59add971] label {
        font-size: 10px;
        line-height: 12px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form .sctn-2 .step-wrap[data-v-59add971] .btn {
        height: 48px;
        font-size: 14px;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/SgnUpTyBtn.vue?vue&type=style&index=0&id=2ac3233a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2ac3233a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.sgn-up-ty-btn[data-v-2ac3233a] {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  gap: 20px;
  margin-bottom: 464px;
}
@media screen and (max-width: 640px) {
.sgn-up-ty-btn[data-v-2ac3233a] {
      gap: 24px;
      margin-bottom: 162px;
}
}
.sgn-up-ty-btn .btn[data-v-2ac3233a] {
    display: grid;
    grid-auto-columns: auto 1fr auto;
    grid-auto-flow: column;
    align-items: center;
    width: 384px;
    height: 104px;
    padding: 0 24px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}
@media screen and (max-width: 640px) {
.sgn-up-ty-btn .btn[data-v-2ac3233a] {
        width: 343px;
        height: 88px;
}
}
.sgn-up-ty-btn .btn[data-v-2ac3233a]:hover {
      color: #fff;
      cursor: pointer;
      background-color: #5682fe;
}
.sgn-up-ty-btn .btn:hover p[data-v-2ac3233a] {
        color: #fff;
}
.sgn-up-ty-btn .btn p[data-v-2ac3233a] {
      padding-left: 24px;
      font-size: 28px;
      font-weight: 600;
      color: #212529;
}
@media screen and (max-width: 640px) {
.sgn-up-ty-btn .btn p[data-v-2ac3233a] {
          padding-left: 16px;
          font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.sgn-up-ty-btn .btn svg[data-v-2ac3233a]:nth-child(1) {
        width: 40px;
        height: 40px;
}
}
.sgn-up-ty-btn .btn svg[data-v-2ac3233a]:nth-child(2) {
      justify-self: end;
}
@media screen and (max-width: 640px) {
.sgn-up-ty-btn .btn svg[data-v-2ac3233a]:nth-child(2) {
          width: 24px;
          height: 24px;
}
}
.sgn-up-ty-btn .alrdy-sgnup[data-v-2ac3233a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 32px 0 73.5px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.sgn-up-ty-btn .alrdy-sgnup[data-v-2ac3233a] {
        gap: 12px;
        margin: 32px 0 64px;
}
}
.sgn-up-ty-btn .alrdy-sgnup p[data-v-2ac3233a] {
      font-size: 14px;
      font-weight: 600;
      color: #929292;
}
.sgn-up-ty-btn .alrdy-sgnup .link[data-v-2ac3233a] {
      width: fit-content;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/SgnPgeSgnp.vue?vue&type=style&index=0&id=27bacb13&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-27bacb13]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-27bacb13] {
  color: #5682fe;
}
.link[data-v-27bacb13]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-27bacb13] {
  line-height: 1;
}
.btn.prmry[data-v-27bacb13] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-27bacb13]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-27bacb13] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-27bacb13]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-27bacb13] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-27bacb13]:disabled, .btn[data-v-27bacb13]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-27bacb13] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-27bacb13]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-27bacb13]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-27bacb13]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-27bacb13],
.un-chck[data-v-27bacb13] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-27bacb13]::before,
  .un-chck[data-v-27bacb13]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-27bacb13] {
  background-color: #cdd2d5;
}
.chck[data-v-27bacb13] {
  background-color: #5682fe;
}
input[type='password'][data-v-27bacb13] {
  font-family: auto;
}
.main-logo[data-v-27bacb13] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-27bacb13] {
      margin: 40px auto;
}
}
.sgn-pge-sgnp[data-v-27bacb13] {
  display: grid;
  font-family: var(--pretendard), sans-serif;
}
.sgn-pge-sgnp h1[data-v-27bacb13] {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 500;
    color: #2f2f2f;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnp h1[data-v-27bacb13] {
        font-size: 20px;
}
}
.sgn-pge-sgnp p[data-v-27bacb13] {
    margin: 14px 0 63px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #636363;
}
@media screen and (max-width: 640px) {
.sgn-pge-sgnp[data-v-27bacb13] {
    margin-bottom: 90px;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/SgnPgeSgnpCmplt.vue?vue&type=style&index=0&id=9d5265aa&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9d5265aa]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-9d5265aa] {
  color: #5682fe;
}
.link[data-v-9d5265aa]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-9d5265aa] {
  line-height: 1;
}
.btn.prmry[data-v-9d5265aa] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-9d5265aa]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-9d5265aa] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-9d5265aa]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-9d5265aa] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-9d5265aa]:disabled, .btn[data-v-9d5265aa]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-9d5265aa] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-9d5265aa]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-9d5265aa]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-9d5265aa]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-9d5265aa],
.un-chck[data-v-9d5265aa] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-9d5265aa]::before,
  .un-chck[data-v-9d5265aa]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-9d5265aa] {
  background-color: #cdd2d5;
}
.chck[data-v-9d5265aa] {
  background-color: #5682fe;
}
input[type='password'][data-v-9d5265aa] {
  font-family: auto;
}
.main-logo[data-v-9d5265aa] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-9d5265aa] {
      margin: 40px auto;
}
}
.form[data-v-9d5265aa] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-9d5265aa] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-9d5265aa] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-9d5265aa] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-9d5265aa]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-9d5265aa]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-9d5265aa]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-9d5265aa] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-9d5265aa] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-9d5265aa] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-9d5265aa] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-9d5265aa] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-9d5265aa] {
      font-size: 14px;
}
}
.link[data-v-9d5265aa] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
@media screen and (max-width: 640px) {
form .welcome-txt-wrap[data-v-9d5265aa] {
    display: none;
}
}
form .sctn-2[data-v-9d5265aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
form .sctn-2 .logo[data-v-9d5265aa] .main-logo {
    width: 142.68px;
    height: 22px;
    margin: 72px auto;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
form .sctn-2 .logo[data-v-9d5265aa] .main-logo {
        width: 90.8px;
        height: 14px;
        margin: 40px auto;
}
}
form .sctn-2 .cmplt-wrap[data-v-9d5265aa] {
    width: 460px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
form .sctn-2 .cmplt-wrap[data-v-9d5265aa] {
        width: 290px;
}
}
@media screen and (max-width: 640px) {
form .sctn-2 .cmplt-wrap[data-v-9d5265aa] {
        width: 343px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/Child/Graph1.vue?vue&type=style&index=0&id=44b01450&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-44b01450]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.graph1 + h3[data-v-44b01450] {
  font-size: 12px;
  text-align: center;
}
.graph1 line[data-v-44b01450] {
  stroke: #e9ebf1;
  stroke-width: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/Child/PentagonGraph.vue?vue&type=style&index=0&id=5453e311&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5453e311]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.pentagon-graph-wrap .skyblue[data-v-5453e311] {
  fill: rgba(47, 197, 255, 0.8);
}
.pentagon-graph-wrap .blue[data-v-5453e311] {
  fill: rgba(64, 112, 244, 0.9);
}
.pentagon-graph-wrap .polyline[data-v-5453e311] {
  fill: none;
  stroke: #e9ebf1;
  stroke-width: 1;
}
.pentagon-graph-wrap .line[data-v-5453e311] {
  stroke: #4e5b6d;
  stroke-width: 1;
}
.pentagon-graph-wrap .active[data-v-5453e311] {
  fill: #4070f4;
  stroke: #4070f4;
}
.pentagon-graph-wrap text[data-v-5453e311] {
  font-family: var(--nanum-square-round), sans-serif;
}
.pentagon-graph-wrap .ctgry[data-v-5453e311] {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -0.3px;
  cursor: pointer;
  fill: #505d6f;
}
.pentagon-graph-wrap .label[data-v-5453e311] {
  font-size: 8px;
  letter-spacing: -0.07px;
  fill: #9aa1a9;
}
.pentagon-graph-wrap .tooltip-txt[data-v-5453e311] {
  font-size: 10px;
  font-weight: 800;
  line-height: 1.67;
  fill: #505d6f;
}
.pentagon-graph-wrap .arrow[data-v-5453e311] {
  transform: rotate(45deg);
  transform-box: fill-box;
  transform-origin: center;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/Button/Xbtn.vue?vue&type=style&index=0&id=28cb8c6c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-28cb8c6c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.x-btn-wrap[data-v-28cb8c6c] {
  position: relative;
  width: 100px;
  height: 100px;
  background: none;
  border: none;
}
.x-btn-wrap [class^='stick'][data-v-28cb8c6c] {
    position: absolute;
    top: 41%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 21%;
    content: '';
}
.x-btn-wrap .stick1[data-v-28cb8c6c] {
    transform: rotate(45deg);
}
.x-btn-wrap .stick2[data-v-28cb8c6c] {
    transform: rotate(135deg);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/Child/RptDetailModal.vue?vue&type=style&index=0&id=02661233&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-02661233]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}

/* width */
[data-v-02661233]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-02661233]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-02661233]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.rpt-detail-modal-wrap[data-v-02661233] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.rpt-detail-modal-wrap .blur[data-v-02661233] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.rpt-detail-modal-wrap .cntnr[data-v-02661233] {
    position: relative;
    width: 100%;
    max-width: 373px;
    padding: 25px 29px 21px;
    margin: 152px auto;
    background-color: #f6f7fb;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 #000;
}
@media screen and (max-width: 640px) {
.rpt-detail-modal-wrap .cntnr[data-v-02661233] {
        position: fixed;
        top: 0;
        height: 100vh;
        max-width: none;
        margin: auto;
        overflow: auto;
        border-radius: 0;
}
}
.rpt-detail-modal-wrap .close-btn[data-v-02661233] {
    position: absolute;
    top: 20px;
    right: 39px;
}
.rpt-detail-modal-wrap .txt-group[data-v-02661233]:nth-of-type(n+2) {
    margin-top: 20px;
}
.rpt-detail-modal-wrap .txt-group > h5[data-v-02661233] {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.4px;
}
.rpt-detail-modal-wrap .txt-group > p[data-v-02661233] {
    padding: 13px 8px 9px 14px;
    margin: 12px 0 0;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: -0.25px;
    color: #9aa1a9;
    background-color: #fff;
    border: solid 1px #e9ebf1;
    border-radius: 12px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/RptCompn.vue?vue&type=style&index=0&id=0315dda3&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.rpt-lndg-wrap .text-primary {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #4070f4;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/RptCompn.vue?vue&type=style&index=1&id=0315dda3&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0315dda3]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}

/* width */
[data-v-0315dda3]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-0315dda3]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-0315dda3]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
*[data-v-0315dda3] {
  font-family: var(--nanum-square), sans-serif;
}
.bg-navy[data-v-0315dda3] {
  background: #1d2633;
}
.bg-musk[data-v-0315dda3] {
  background: #f4f6fd;
}
.rpt-wrap[data-v-0315dda3] {
  overflow: hidden;
}
.rpt-wrap .hedr[data-v-0315dda3] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 0;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #fff;
}
@media screen and (max-width: 640px) {
.rpt-wrap .hedr[data-v-0315dda3] {
        justify-content: center;
        height: 340px;
        padding-bottom: 63px;
        background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/rpt/bg_chart_in_space.jpg") no-repeat center;
        background-size: cover;
}
}
.rpt-wrap .hedr .profile[data-v-0315dda3] {
      display: flex;
      align-items: center;
      justify-content: space-between;
}
@media screen and (max-width: 640px) {
.rpt-wrap .hedr .profile[data-v-0315dda3] {
          flex-flow: column-reverse;
}
}
.rpt-wrap .hedr .profile .img[data-v-0315dda3] {
        width: 52px;
        height: 52px;
        margin-right: 14px;
        object-fit: cover;
}
@media screen and (max-width: 640px) {
.rpt-wrap .hedr .profile .img[data-v-0315dda3] {
            width: 76px;
            height: 76px;
            margin: 14px 0;
}
}
.rpt-wrap .hedr .append[data-v-0315dda3] {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: space-between;
      margin-left: 16px;
}
@media screen and (max-width: 640px) {
.rpt-wrap .hedr .append[data-v-0315dda3] {
          position: absolute;
          top: 32px;
          justify-content: center;
          margin-left: 0;
}
}
.rpt-wrap .hedr .cntrl-month-wrap[data-v-0315dda3] {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 211px;
      height: 35px;
      padding: 10px 15px 9px;
      background-color: #1d2633;
      border: solid 1px #00e3ff;
      border-radius: 17.5px;
}
.week .rpt-wrap .hedr .cntrl-month-wrap[data-v-0315dda3] {
        width: 300px;
}
.rpt-wrap .hedr .cntrl-month-wrap .prev-btn[data-v-0315dda3],
      .rpt-wrap .hedr .cntrl-month-wrap .next-btn[data-v-0315dda3],
      .rpt-wrap .hedr .cntrl-month-wrap .arrow-icon[data-v-0315dda3] {
        display: inline-block;
        border-color: #fff;
        border-right-style: solid;
        border-bottom-style: solid;
        border-width: 2px;
        transform-box: fill-box;
        transform-origin: center;
}
.rpt-wrap .hedr .cntrl-month-wrap .prev-btn[data-v-0315dda3]:disabled,
        .rpt-wrap .hedr .cntrl-month-wrap .next-btn[data-v-0315dda3]:disabled,
        .rpt-wrap .hedr .cntrl-month-wrap .arrow-icon[data-v-0315dda3]:disabled {
          cursor: not-allowed;
          border-color: #333;
}
.rpt-wrap .hedr .cntrl-month-wrap .prev-btn[data-v-0315dda3],
      .rpt-wrap .hedr .cntrl-month-wrap .next-btn[data-v-0315dda3] {
        width: 10px;
        height: 10px;
        background: none;
        border-width: 2px;
}
.rpt-wrap .hedr .cntrl-month-wrap .prev-btn[data-v-0315dda3] {
        transform: rotate(135deg);
}
.rpt-wrap .hedr .cntrl-month-wrap .next-btn[data-v-0315dda3] {
        transform: rotate(-45deg);
}
.rpt-wrap .hedr .cntrl-month-wrap .center-btn[data-v-0315dda3],
      .rpt-wrap .hedr .cntrl-month-wrap .month-list button[data-v-0315dda3] {
        font-size: 14px;
        letter-spacing: -0.44px;
}
.rpt-wrap .hedr .cntrl-month-wrap .center-btn[data-v-0315dda3] {
        position: relative;
        color: #fff;
        background: none;
}
.rpt-wrap .hedr .cntrl-month-wrap .arrow-icon[data-v-0315dda3] {
        position: absolute;
        top: 7px;
        right: -10px;
        width: 6px;
        height: 6px;
        transform: rotate(-45deg);
        transition: transform 0.2s;
}
.rpt-wrap .hedr .cntrl-month-wrap .arrow-icon.on[data-v-0315dda3] {
          transform: rotate(45deg);
}
.rpt-wrap .hedr .cntrl-month-wrap .month-list[data-v-0315dda3] {
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 1;
        width: 211px;
        height: 83px;
        padding: 0 29px 30px 30px;
        overflow: auto;
        background-color: #101f37;
        border-radius: 10px;
}
.rpt-wrap .hedr .cntrl-month-wrap .month-list button[data-v-0315dda3] {
          width: 100%;
          padding-top: 2px;
          color: rgba(255, 255, 255, 0.7);
          background: none;
}
.rpt-wrap .hedr .cntrl-month-wrap .month-list button.active[data-v-0315dda3] {
            color: #fff;
            background-color: #0b5973;
            border-radius: 3px;
}
@media screen and (max-width: 640px) {
.rpt-wrap .hedr .close-btn[data-v-0315dda3] {
        position: absolute;
        right: 34px;
}
}
.rpt-wrap .cntnr[data-v-0315dda3] {
    max-width: 1056px;
    margin: 0 auto;
}
@media screen and (max-width: 1056px) {
.rpt-wrap .cntnr[data-v-0315dda3] {
        padding-right: 17px;
        padding-left: 17px;
}
}
.rpt-wrap .spinner-wrap[data-v-0315dda3] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.rpt-wrap [class^='sample'][data-v-0315dda3] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0 17px;
    color: #fff;
    grid-gap: 17px;
}
.rpt-wrap [class^='sample'] h2[data-v-0315dda3] {
      padding: 11px 16px 10px;
      font-size: 16px;
      letter-spacing: -0.4px;
      color: #fff;
      text-transform: uppercase;
      background-color: rgba(0, 0, 0, 0.32);
      border-radius: 16px;
}
.rpt-wrap [class^='sample'] p[data-v-0315dda3] {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: -0.44px;
      color: #fff;
}
@media screen and (max-width: 640px) {
.rpt-wrap [class^='sample'] p[data-v-0315dda3] {
          font-size: 10px;
}
}
@media screen and (max-width: 640px) {
.rpt-wrap .sample-pc[data-v-0315dda3] {
      display: none;
}
}
.rpt-wrap .sample-phone[data-v-0315dda3] {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #1d2633;
}
@media screen and (min-width: 1024px) {
.rpt-wrap .sample-phone[data-v-0315dda3] {
        display: none;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.rpt-wrap .sample-phone[data-v-0315dda3] {
        display: none;
}
}
.rpt-lndg-wrap[data-v-0315dda3] {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 43px 0;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #505d6f;
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap[data-v-0315dda3] {
      padding-top: 20px;
}
.rpt-lndg-wrap .phone-order-1[data-v-0315dda3] {
        order: 1;
}
.rpt-lndg-wrap .phone-order-2[data-v-0315dda3] {
        order: 2;
}
.rpt-lndg-wrap .phone-order-3[data-v-0315dda3] {
        order: 3;
}
.rpt-lndg-wrap .phone-order-4[data-v-0315dda3] {
        order: 4;
}
.rpt-lndg-wrap .phone-order-5[data-v-0315dda3] {
        order: 5;
}
}
.rpt-lndg-wrap .for-clip[data-v-0315dda3] {
    position: absolute;
    top: -100px;
    width: 0%;
}
.rpt-lndg-wrap .card-list[data-v-0315dda3] {
    position: relative;
    column-count: 3;
    column-gap: 1.25rem;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.rpt-lndg-wrap .card-list[data-v-0315dda3] {
        column-count: 2;
        width: 640px;
        margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap .card-list[data-v-0315dda3] {
        display: flex;
        flex-wrap: wrap;
        column-count: 1;
        margin: 0 auto;
}
}
.rpt-lndg-wrap .card[data-v-0315dda3] {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 341px;
    min-height: 210px;
    padding: 22px 13px;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 #d8d9e0;
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap .card[data-v-0315dda3] {
        max-width: none;
}
}
.rpt-lndg-wrap .card-hedr[data-v-0315dda3] {
      position: relative;
      padding: 0 19px 17px;
      border-bottom: solid 1px #e9ebf1;
}
.rpt-lndg-wrap .card-hedr > h5[data-v-0315dda3] {
        font-size: 16px;
        font-weight: 800;
}
.rpt-lndg-wrap .card-hedr > p[data-v-0315dda3] {
        font-family: CircularStd, sans-serif;
        font-size: 12px;
        line-height: 0.9;
        letter-spacing: -0.09px;
        color: #9aa1a9;
}
.rpt-lndg-wrap .card-body[data-v-0315dda3] {
      padding-top: 17px;
}
.rpt-lndg-wrap .card .blur[data-v-0315dda3] {
      filter: blur(0.4rem);
}
.rpt-lndg-wrap .card .blur-txt[data-v-0315dda3] {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.63;
      letter-spacing: -0.5px;
      color: #3f4957;
      text-align: center;
      text-shadow: 0 3px 3px rgba(80, 93, 111, 0.52);
      white-space: pre-line;
}
.rpt-lndg-wrap .card .blur-txt[data-v-0315dda3]::before {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        margin: 0 7px 11px 9px;
        font-family: var(--jalnan), sans-serif;
        font-size: 12px;
        font-weight: 900;
        border: solid 2px #3f4957;
        border-radius: 50%;
        content: '!';
        box-shadow: 0 3px 3px 0 rgba(80, 93, 111, 0.52);
}
.rpt-lndg-wrap .dark-card[data-v-0315dda3] {
    position: absolute;
    top: -147px;
    left: 8%;
    width: 84%;
    padding: 14px 18px 14.4px 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: #fff;
    background-color: #101f37;
    border-radius: 10px;
}
.week .rpt-lndg-wrap .dark-card[data-v-0315dda3] {
      left: 2.5%;
      width: 95%;
}
.rpt-lndg-wrap .dark-card > .txt-group[data-v-0315dda3] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 37.6px;
}
.rpt-lndg-wrap .dark-card .bar[data-v-0315dda3] {
      background-color: #fff;
}
.rpt-lndg-wrap .dark-card .bar > * > .gauge[data-v-0315dda3]::before {
        background-color: #40ffbd;
}
.rpt-lndg-wrap .dark-card .tooltip[data-v-0315dda3] {
      top: -35px;
      right: -15px;
      padding: 3px 9px 2px;
}
.rpt-lndg-wrap .q-btn[data-v-0315dda3] {
    position: absolute;
    top: -3px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #ececec;
    border-radius: 50%;
}
.rpt-lndg-wrap .q-btn[data-v-0315dda3]::before {
      font-family: 'Cafe24Ohsquare', sans-serif;
      font-size: 16px;
      font-weight: 900;
      letter-spacing: -0.4px;
      color: #505d6f;
      content: '?';
}
.rpt-lndg-wrap [class^='box'][data-v-0315dda3] {
    width: 100%;
    padding: 14px 16px 19px;
    font-size: 12px;
    background-color: #f7f8fa;
    border-radius: 10px;
}
.rpt-lndg-wrap [class^='box'] > label[data-v-0315dda3] {
      display: block;
      font-weight: 800;
}
.rpt-lndg-wrap .box1[data-v-0315dda3] {
    padding: 14px 16px 21px;
}
.rpt-lndg-wrap .box1 > label[data-v-0315dda3] {
      margin-bottom: 31px;
}
.rpt-lndg-wrap .box1 .tooltip[data-v-0315dda3] {
      top: -35px;
      right: -15px;
      padding: 3px 9px 2px;
}
.rpt-lndg-wrap .box2 > label[data-v-0315dda3] {
    margin-bottom: 14px;
}
.rpt-lndg-wrap .box2 .tooltip[data-v-0315dda3] {
    top: -6.5px;
    padding: 6px 9px 4px;
}
.rpt-lndg-wrap .box2 .tooltip.left[data-v-0315dda3] {
      right: 21px;
}
.rpt-lndg-wrap .box2 .tooltip.right[data-v-0315dda3] {
      left: calc(100% + 23px);
}
.rpt-lndg-wrap .cnvs1[data-v-0315dda3] {
    position: relative;
}
.rpt-lndg-wrap .cnvs1 > p[data-v-0315dda3] {
      position: absolute;
      left: 0;
      width: 30px;
      font-size: 8px;
      letter-spacing: -0.06px;
      color: #ababab;
      text-align: right;
}
.rpt-lndg-wrap .cnvs1 > p[data-v-0315dda3]:nth-of-type(1) {
        top: calc(0% + 6.5px);
}
.rpt-lndg-wrap .cnvs1 > p[data-v-0315dda3]:nth-of-type(2) {
        top: calc(50% - 3.5px);
}
.rpt-lndg-wrap .cnvs1 > p[data-v-0315dda3]:nth-of-type(3) {
        top: calc(100% - 13.5px);
}
.rpt-lndg-wrap .cnvs1 > .graph1[data-v-0315dda3] {
      position: relative;
      display: block;
      width: 80%;
      margin: 41px 0 0 13%;
}
.rpt-lndg-wrap .cnvs1 + h3[data-v-0315dda3] {
      font-size: 12px;
      font-weight: 900;
      text-align: center;
}
.rpt-lndg-wrap .cnvs1 .tooltip[data-v-0315dda3] {
      top: -35px;
      box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
      transition: all 1s linear;
}
.rpt-lndg-wrap .cnvs2[data-v-0315dda3] {
    position: relative;
}
.rpt-lndg-wrap .cnvs2 .back-board[data-v-0315dda3] {
      position: absolute;
      top: -7px;
      left: calc(50% - 158px * 0.6);
      display: grid;
      grid-template-rows: auto 1fr auto;
      grid-template-columns: 2fr 8fr;
      align-items: center;
      width: 158px;
      height: 94px;
      font-size: 8px;
      letter-spacing: -0.06px;
      color: #ababab;
}
.rpt-lndg-wrap .cnvs2 hr[data-v-0315dda3] {
      width: 100%;
      font-weight: 700;
      border: none;
      border-top: solid 1px #e9ebf1;
}
.rpt-lndg-wrap .cnvs2 .bong-cntnr[data-v-0315dda3] {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 80px;
}
.rpt-lndg-wrap .cnvs2 .bong[data-v-0315dda3] {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      width: 27px;
      background-color: #2fc5ff;
      border-top-right-radius: 100px;
      border-top-left-radius: 100px;
      transition: height ease 1s;
}
.rpt-lndg-wrap .cnvs2 .bong[data-v-0315dda3]:nth-of-type(n+2) {
        margin-left: 1.25rem;
}
.rpt-lndg-wrap .cnvs2 .bong.primary[data-v-0315dda3] {
        background-color: #4070f4;
}
.rpt-lndg-wrap .cnvs2 .bong > *[data-v-0315dda3] {
        font-size: 8px;
        font-weight: 800;
        letter-spacing: -0.06px;
        color: #505d6f;
}
.rpt-lndg-wrap .cnvs2 .bong > .val[data-v-0315dda3] {
        margin-top: -17px;
}
.rpt-lndg-wrap .cnvs2 .bong > .label[data-v-0315dda3] {
        text-align: center;
        white-space: pre;
        transform: translateY(120%);
}
.rpt-lndg-wrap .cnvs2 .bong .text-light[data-v-0315dda3] {
        color: #ababab;
}
.rpt-lndg-wrap .bar[data-v-0315dda3] {
    position: relative;
    width: 100%;
    height: 18px;
}
.rpt-lndg-wrap .bar .graph[data-v-0315dda3] {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: #dfe6f2;
      border-radius: 18px;
}
.rpt-lndg-wrap .bar .gauge[data-v-0315dda3] {
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 18px;
      transition: width ease 1s;
}
.rpt-lndg-wrap .bar .gauge[data-v-0315dda3]::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 18px;
        background-color: #4070f4;
        content: '';
}
.rpt-lndg-wrap .bar .gauge.nah[data-v-0315dda3]::before {
        display: none;
}
.rpt-lndg-wrap .bar .end-point[data-v-0315dda3] {
      position: absolute;
      top: calc((18px - calc(18px * 20 / 18)) / 2);
      right: calc(calc(18px * 20 / 18) / -2);
      width: calc(18px * 20 / 18);
      height: calc(18px * 20 / 18);
      background-color: #4070f4;
      border: solid 6px #fff;
      border-radius: 12px;
      box-shadow: -2px 2px 4px 0 rgba(29, 42, 68, 0.12);
}
.rpt-lndg-wrap .tooltip[data-v-0315dda3] {
    position: absolute;
    padding: 3px 9px 2px;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.82;
    color: #505d6f;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 10px 24px 0 rgba(29, 42, 68, 0.12);
}
.rpt-lndg-wrap .tooltip > [class^='arrow'][data-v-0315dda3] {
      position: absolute;
      z-index: 0;
      display: inline-block;
      width: 72px;
      width: 20px;
      height: 72px;
      height: 20px;
      background-color: white;
      border-radius: 2px;
      transform: rotate(45deg);
}
.rpt-lndg-wrap .tooltip .arrow-bottom[data-v-0315dda3] {
      top: 8px;
      right: 6px;
}
.rpt-lndg-wrap .tooltip .arrow-right[data-v-0315dda3] {
      top: 5px;
      right: -3px;
}
.rpt-lndg-wrap .tooltip .arrow-left[data-v-0315dda3] {
      top: 5px;
      left: -3px;
}
.rpt-lndg-wrap .tooltip > .inner[data-v-0315dda3] {
      position: relative;
      white-space: pre;
}
.rpt-lndg-wrap .dc1[data-v-0315dda3] {
    padding: 17px;
    margin: 25px 20px 20px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -0.25px;
    text-align: center;
    white-space: pre-line;
    border: solid 1px #e9ebf1;
    border-radius: 12px;
}
.rpt-lndg-wrap .grid1[data-v-0315dda3] {
    padding: 49px 16px 11px;
}
.rpt-lndg-wrap .grid1 .row[data-v-0315dda3] {
      display: grid;
      grid-template-columns: 2fr 8fr;
      height: 62px;
}
.rpt-lndg-wrap .grid1 .row > label[data-v-0315dda3] {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: -0.3px;
}
.rpt-lndg-wrap .grid1 .row[data-v-0315dda3]:last-of-type {
        height: auto;
}
.rpt-lndg-wrap .grid1 [class^='gauge'][data-v-0315dda3] {
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 18px;
      transition: width ease 1s;
}
.rpt-lndg-wrap .grid1 [class^='gauge'][data-v-0315dda3]::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 18px;
        content: '';
}
.rpt-lndg-wrap .grid1 .gauge-this[data-v-0315dda3]::before {
      background-color: #4070f4;
}
.rpt-lndg-wrap .grid1 .gauge-prev[data-v-0315dda3]::before {
      background-color: #2fc5ff;
}
.rpt-lndg-wrap .grid1 .tooltip[data-v-0315dda3] {
      top: -36px;
      right: -15px;
}
.rpt-lndg-wrap .grid2[data-v-0315dda3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 9px;
    margin-bottom: 12px;
}
.rpt-lndg-wrap .inner-rect[data-v-0315dda3] {
    padding: 4px 23px 3px 24px;
    font-family: var(--nanum-square), sans-serif;
    font-weight: 900;
    line-height: 1.67;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
}
.rpt-lndg-wrap .dummy-wrap[data-v-0315dda3] {
    position: relative;
}
.rpt-lndg-wrap .dummy[data-v-0315dda3] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.3px;
    text-align: center;
}
.rpt-lndg-wrap .dummy[data-v-0315dda3]:first-of-type {
      margin-top: 21px;
}
.rpt-lndg-wrap .dummy[data-v-0315dda3]:nth-of-type(n+2) {
      margin-top: 55px;
}
.rpt-lndg-wrap .dummy > .sub-title[data-v-0315dda3] {
      display: inline-block;
      padding: 5px 11px 4px 12px;
      margin: 10px auto 34px;
      background-color: #f4f6fd;
      border-radius: 11px;
}
.rpt-lndg-wrap .dummy > .cnvs2[data-v-0315dda3] {
      margin-bottom: 42px;
}
.rpt-lndg-wrap .pay-btn[data-v-0315dda3] {
    width: 100%;
    padding: 30px;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: #4070f4;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 #d8d9e0;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.rpt-lndg-wrap .pay-btn[data-v-0315dda3] {
        margin-top: 26px;
}
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap .pay-btn[data-v-0315dda3] {
        padding: 24px 30.5px 25px 32.5px;
        margin-top: 4px;
        font-size: 15px;
}
}
.rpt-lndg-wrap .show-on-phone[data-v-0315dda3] {
    display: none;
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap .show-on-phone[data-v-0315dda3] {
        display: block;
}
}
@media screen and (max-width: 640px) {
.rpt-lndg-wrap .hide-on-phone[data-v-0315dda3] {
      display: none;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Rpt/RptLndg.vue?vue&type=style&index=0&id=336f3e5e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-336f3e5e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.spnr[data-v-336f3e5e] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background: #333;
  background: rgba(51, 51, 51, 0.8);
}
.spnr .spinner-wrap[data-v-336f3e5e] {
    display: grid;
    place-items: center;
    min-height: 90vh;
}
.spnr h5[data-v-336f3e5e] {
    padding: 4px 23px 3px 24px;
    margin: 11px 0 0;
    font-family: var(--nanum-square), sans-serif;
    font-weight: 900;
    line-height: 1.67;
    color: #505d6f;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/BoardView.vue?vue&type=style&index=0&id=53693eae&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lrn-board-compn-wrap .text-dark {
  color: #555;
}
.lrn-board-compn-wrap .text-secondary {
  color: #979797;
}
.lrn-board-compn-wrap .text-primary {
  font-weight: 800;
  color: #01cc7c;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/BoardView.vue?vue&type=style&index=1&id=53693eae&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-53693eae]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.c-bluesettingsbox[data-v-53693eae] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-53693eae] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-53693eae] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-53693eae]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-53693eae]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-53693eae]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-53693eae]:-webkit-autofill,
.c-bluesettingstextbox[data-v-53693eae]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-53693eae]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-53693eae] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-53693eae]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-53693eae]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-53693eae] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-53693eae] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-53693eae] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-53693eae]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-53693eae] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-53693eae]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-53693eae], .c-settingslink[data-v-53693eae]:link, .c-settingslink[data-v-53693eae]:active, .c-settingslink[data-v-53693eae]:hover, .c-settingslink[data-v-53693eae]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-53693eae] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-53693eae]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-53693eae] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-53693eae] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}

/* width */
[data-v-53693eae]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-53693eae]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-53693eae]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
p[data-v-53693eae] {
  margin: 0;
}
.lrn-board-compn-wrap[data-v-53693eae] {
  font-family: 'NanumSquare', sans-serif;
  margin: auto 0;
  border-radius: 32px;
  display: grid;
  background-color: #fffff6;
}
.lrn-board-compn-wrap > header[data-v-53693eae] {
    padding: 13px 29px 12px 35px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #01cc7c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}
.lrn-board-compn-wrap > header > p[data-v-53693eae] {
      font-weight: 700;
      font-size: 18px;
      display: grid;
      grid-gap: 8px;
      align-items: center;
      grid-template-columns: auto auto;
}
.lrn-board-compn-wrap > header > p[data-v-53693eae]:before {
        content: '';
        width: 22px;
        height: 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/header/ic_title_board.svg");
        background-size: contain;
}
.board-wrap[data-v-53693eae] {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  font-family: var(--nanum-square), sans-serif;
  background: #fffff6;
}
.board-wrap > *[data-v-53693eae] {
    padding-right: calc(50% - 470px) !important;
    padding-left: calc(50% - 470px) !important;
}
.board-wrap > .cntnr[data-v-53693eae] {
    flex: 1;
}
.board-wrap > .sub-hder[data-v-53693eae] {
    z-index: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 100%;
    padding: 15px 15px 0;
    font-family: var(--s-core-dream), sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.62;
    letter-spacing: -0.18px;
    background: #fff48c;
    grid-gap: 6px;
}
.board-wrap > .sub-hder > *[data-v-53693eae] {
      margin: 0 15px;
}
.board-wrap > .sub-hder .itm[data-v-53693eae] {
      display: grid;
      grid-template-columns: auto auto;
      align-items: center;
      width: 100%;
      padding: 12px 20px 6px;
      color: #555;
      text-align: center;
      background-color: #fffff6;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      grid-gap: 10px;
}
.board-wrap > .sub-hder .itm[data-v-53693eae]::before {
        display: inline-block;
        width: 18px;
        height: 21px;
        background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/common/ic_board.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
}
.board-wrap > .sub-hder .right[data-v-53693eae] {
      display: flex;
      justify-content: flex-end;
}
.board-wrap .noti-wrap[data-v-53693eae] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.board-wrap .noti-wrap > .noti-modal[data-v-53693eae] {
      display: grid;
      min-width: 202px;
      min-height: 97px;
      padding: 22px 39px 27px;
      background-color: #fff;
      border: solid 1px #01cc7c;
      border-radius: 15px;
      grid-gap: 9px;
}
.board-wrap .noti-wrap > .noti-modal .icon[data-v-53693eae] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 23px;
        height: 23px;
        margin: 0 auto;
        background-color: #01cc7c;
        border-radius: 50%;
}
.board-wrap .noti-wrap > .noti-modal .icon[data-v-53693eae]::before {
          font-family: var(--jalnan), sans-serif;
          font-size: 12px;
          color: #fff;
          content: '!';
}
.board-wrap .noti-wrap > .noti-modal p[data-v-53693eae] {
        font-size: 14px;
        font-weight: 800;
        color: #555;
        text-align: center;
        white-space: pre-line;
}
.fade-enter-active[data-v-53693eae], .fade-leave-active[data-v-53693eae] {
  transition: opacity 0.26s;
}
.fade-enter[data-v-53693eae], .fade-leave-to[data-v-53693eae] {
  opacity: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/Child/Dropdown.vue?vue&type=style&index=0&id=5d090e4e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-5d090e4e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-5d090e4e], *[data-v-5d090e4e]::before, *[data-v-5d090e4e]::after {
  box-sizing: border-box;
}
html[data-v-5d090e4e] {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body[data-v-5d090e4e] {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
h1[data-v-5d090e4e], h2[data-v-5d090e4e], h3[data-v-5d090e4e], h4[data-v-5d090e4e], h5[data-v-5d090e4e] {
  margin: 0;
}
a[data-v-5d090e4e] {
  text-decoration: none;
}
p[data-v-5d090e4e] {
  margin: 0;
}
button[data-v-5d090e4e] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: unset;
  border: none;
  outline: none;
}
input[data-v-5d090e4e] {
  border: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
input[data-v-5d090e4e]::-webkit-outer-spin-button, input[data-v-5d090e4e]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
            appearance: none;
}
textarea[data-v-5d090e4e] {
  border: none;
  outline: none;
}
input[data-v-5d090e4e], button[data-v-5d090e4e], select[data-v-5d090e4e], optgroup[data-v-5d090e4e], textarea[data-v-5d090e4e] {
  margin: 0;
  font-family: inherit;
  /**
     * 비밀번호 input 에서 만약 폰트가 비밀번호 숨김 문자를 지원하지 않을 경우 숨김문자가 아예 안보이는 이슈 발생
     * 이 경우 font-family: sans-serif, initial, unset 등으로 해결
     */
  font-size: inherit;
  line-height: inherit;
}
img[data-v-5d090e4e] {
  vertical-align: middle;
}
ol[data-v-5d090e4e], ul[data-v-5d090e4e] {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.c-bluesettingsbox[data-v-5d090e4e] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-5d090e4e] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-5d090e4e] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-5d090e4e]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-5d090e4e]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-5d090e4e]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-5d090e4e]:-webkit-autofill,
.c-bluesettingstextbox[data-v-5d090e4e]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-5d090e4e]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-5d090e4e] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-5d090e4e]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-5d090e4e]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-5d090e4e] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-5d090e4e] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-5d090e4e] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-5d090e4e]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-5d090e4e] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-5d090e4e]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-5d090e4e], .c-settingslink[data-v-5d090e4e]:link, .c-settingslink[data-v-5d090e4e]:active, .c-settingslink[data-v-5d090e4e]:hover, .c-settingslink[data-v-5d090e4e]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-5d090e4e] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-5d090e4e]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-5d090e4e] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-5d090e4e] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}

/* width */
[data-v-5d090e4e]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-5d090e4e]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-5d090e4e]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.dropdown-wrap[data-v-5d090e4e] {
  position: absolute;
  z-index: 1;
  width: 100%;
  padding: 26px 3px;
  background-color: #fff;
  border: solid 1px #f0f0f0;
  border-radius: 12px;
}
.dropdown-wrap .arrow[data-v-5d090e4e] {
    position: absolute;
    top: -8px;
    left: calc(50% - 7.5px);
    z-index: 0;
    display: inline-block;
    width: 72px;
    width: 15px;
    height: 72px;
    height: 15px;
    background-color: white;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-radius: 2px;
    border-radius: 4px;
    transform: rotate(45deg);
}
.dropdown-wrap .btn-group[data-v-5d090e4e] {
    position: relative;
    display: grid;
    max-height: 50vh;
    overflow: auto;
    text-align: center;
    grid-gap: 13px;
}
.dropdown-wrap button[data-v-5d090e4e] {
    font-weight: 700;
    color: #979797;
    background: none;
}
.dropdown-wrap button.selected[data-v-5d090e4e] {
      color: #555;
}
.dropdown-wrap .back-wrap[data-v-5d090e4e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/Child/CtgryBtn.vue?vue&type=style&index=0&id=393fdd7c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-393fdd7c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*[data-v-393fdd7c], *[data-v-393fdd7c]::before, *[data-v-393fdd7c]::after {
  box-sizing: border-box;
}
html[data-v-393fdd7c] {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body[data-v-393fdd7c] {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
h1[data-v-393fdd7c], h2[data-v-393fdd7c], h3[data-v-393fdd7c], h4[data-v-393fdd7c], h5[data-v-393fdd7c] {
  margin: 0;
}
a[data-v-393fdd7c] {
  text-decoration: none;
}
p[data-v-393fdd7c] {
  margin: 0;
}
button[data-v-393fdd7c] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: unset;
  border: none;
  outline: none;
}
input[data-v-393fdd7c] {
  border: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
input[data-v-393fdd7c]::-webkit-outer-spin-button, input[data-v-393fdd7c]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
            appearance: none;
}
textarea[data-v-393fdd7c] {
  border: none;
  outline: none;
}
input[data-v-393fdd7c], button[data-v-393fdd7c], select[data-v-393fdd7c], optgroup[data-v-393fdd7c], textarea[data-v-393fdd7c] {
  margin: 0;
  font-family: inherit;
  /**
     * 비밀번호 input 에서 만약 폰트가 비밀번호 숨김 문자를 지원하지 않을 경우 숨김문자가 아예 안보이는 이슈 발생
     * 이 경우 font-family: sans-serif, initial, unset 등으로 해결
     */
  font-size: inherit;
  line-height: inherit;
}
img[data-v-393fdd7c] {
  vertical-align: middle;
}
ol[data-v-393fdd7c], ul[data-v-393fdd7c] {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.c-bluesettingsbox[data-v-393fdd7c] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-393fdd7c] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-393fdd7c] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-393fdd7c]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-393fdd7c]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-393fdd7c]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-393fdd7c]:-webkit-autofill,
.c-bluesettingstextbox[data-v-393fdd7c]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-393fdd7c]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-393fdd7c] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-393fdd7c]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-393fdd7c]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-393fdd7c] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-393fdd7c] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-393fdd7c] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-393fdd7c]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-393fdd7c] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-393fdd7c]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-393fdd7c], .c-settingslink[data-v-393fdd7c]:link, .c-settingslink[data-v-393fdd7c]:active, .c-settingslink[data-v-393fdd7c]:hover, .c-settingslink[data-v-393fdd7c]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-393fdd7c] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-393fdd7c]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-393fdd7c] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-393fdd7c] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}
*[data-v-393fdd7c] {
  font-family: var(--nanum-square), sans-serif;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 680px) {
*[data-v-393fdd7c] {
      font-size: 10px;
}
}
.ctgry-btn-wrap[data-v-393fdd7c] {
  position: relative;
}
.ctgry-btn-wrap button[data-v-393fdd7c] {
    padding: 9px 17px 8px;
    color: #979797;
    background-color: transparent;
    border-radius: 19px;
}
@media screen and (max-width: 680px) {
.ctgry-btn-wrap button[data-v-393fdd7c] {
        padding: 9px 9px 8px;
}
}
.ctgry-btn-wrap button[data-v-393fdd7c]:hover {
      background-color: #f3fdf4;
}
.ctgry-btn-wrap button[data-v-393fdd7c]:disabled {
      cursor: not-allowed;
}
.ctgry-btn-wrap .icon[data-v-393fdd7c] {
    width: 9px;
    height: 7px;
    margin-left: 8px;
    transform: rotate(180deg);
    transform-box: fill-box;
    transform-origin: center;
    transition: all 0.26s;
}
.ctgry-btn-wrap .icon.down[data-v-393fdd7c] {
      transform: rotate(0deg);
}
.ctgry-btn-wrap .selected[data-v-393fdd7c] {
    color: #555;
    fill: #555;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/Child/FooterPgeList.vue?vue&type=style&index=0&id=69b28604&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-69b28604]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.footer-pge-list-wrap[data-v-69b28604] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-pge-list-wrap [class^='icon'][data-v-69b28604] {
    width: 9px;
    height: 7px;
    cursor: pointer;
    transform: rotate(90deg);
    transform-box: fill-box;
    transform-origin: center;
}
.footer-pge-list-wrap [class^='icon'][data-v-69b28604]:disabled, .footer-pge-list-wrap [class^='icon'].disabled[data-v-69b28604] {
      cursor: not-allowed;
}
.footer-pge-list-wrap [class^='icon']:disabled path[data-v-69b28604], .footer-pge-list-wrap [class^='icon'].disabled path[data-v-69b28604] {
        fill: #dcdcdc;
}
.footer-pge-list-wrap .icon-next[data-v-69b28604] {
    transform: rotate(-90deg);
}
.footer-pge-list-wrap .pge-list[data-v-69b28604] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 12px;
}
.footer-pge-list-wrap .pge-list > .pge[data-v-69b28604] {
      width: 24px;
      height: 24px;
      font-size: 14px;
      font-weight: 700;
      color: #555;
      background: none;
      border-radius: 50%;
}
.footer-pge-list-wrap .pge-list > .pge[data-v-69b28604]:nth-of-type(n+2) {
        margin-left: 5px;
}
.footer-pge-list-wrap .pge-list > .pge.selected[data-v-69b28604] {
        color: #fff;
        background-color: #01cc7c;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/BoardList.vue?vue&type=style&index=0&id=3d8f380a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3d8f380a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.c-bluesettingsbox[data-v-3d8f380a] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-3d8f380a] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-3d8f380a] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-3d8f380a]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-3d8f380a]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-3d8f380a]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-3d8f380a]:-webkit-autofill,
.c-bluesettingstextbox[data-v-3d8f380a]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-3d8f380a]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-3d8f380a] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-3d8f380a]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-3d8f380a]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-3d8f380a] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-3d8f380a] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-3d8f380a] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-3d8f380a]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-3d8f380a] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-3d8f380a]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-3d8f380a], .c-settingslink[data-v-3d8f380a]:link, .c-settingslink[data-v-3d8f380a]:active, .c-settingslink[data-v-3d8f380a]:hover, .c-settingslink[data-v-3d8f380a]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-3d8f380a] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-3d8f380a]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-3d8f380a] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-3d8f380a] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}
[class^=board-btn][data-v-3d8f380a] {
  padding: 8px 18px 8px 16px;
  border-radius: 19px;
  font-size: 14px;
  font-weight: 700;
  min-width: 99px;
}
.board-btn-light[data-v-3d8f380a] {
  background-color: #f0f0f0;
  color: #555555;
}
.board-btn-primary[data-v-3d8f380a] {
  background-color: #01cc7c;
  color: #ffffff;
}
.lrn-board-list-wrap[data-v-3d8f380a] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  padding: 22px 35px 20px;
  grid-gap: 17px;
}
.lrn-board-list-wrap > .hder[data-v-3d8f380a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lrn-board-list-wrap .ctgry-list[data-v-3d8f380a] {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(4, auto);
    align-items: center;
}
.lrn-board-list-wrap .new-btn[data-v-3d8f380a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lrn-board-list-wrap .new-btn[data-v-3d8f380a]::before {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-right: 6px;
      background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/header/ic_question_white.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
}
.lrn-board-list-wrap .post[data-v-3d8f380a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 35px 19px 29px;
    font-size: 14px;
    background: none;
    border-bottom: solid 1px #d2e9d5;
}
.lrn-board-list-wrap .post[data-v-3d8f380a]:hover {
      background-color: #f3fdf4;
}
.lrn-board-list-wrap .post > .txt-group[data-v-3d8f380a] {
      display: grid;
      width: 100%;
      margin-right: 29px;
      text-align: left;
      grid-gap: 9px;
}
.lrn-board-list-wrap .post > .txt-group *[data-v-3d8f380a] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.lrn-board-list-wrap .post > .txt-group .title[data-v-3d8f380a] {
        font-size: 16px;
        font-weight: 800;
        color: #555;
}
.lrn-board-list-wrap .post > .txt-group .small[data-v-3d8f380a] {
        font-weight: 700;
        color: #979797;
        text-align: left;
}
.lrn-board-list-wrap .post > .txt-group .sub-info[data-v-3d8f380a] {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
}
.lrn-board-list-wrap .post > .txt-group .small-grp[data-v-3d8f380a] {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        gap: 12px;
}
.lrn-board-list-wrap .post > .rpy[data-v-3d8f380a] {
      min-width: 98px;
      padding: 12px 17px 11px 18px;
      background-color: #fff;
      border: solid 1px #d2e9d5;
      border-radius: 12px;
}
.lrn-board-list-wrap .ldng-wrap[data-v-3d8f380a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/Child/RpyInsert.vue?vue&type=style&index=0&id=d3a6f4b2&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d3a6f4b2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.c-bluesettingsbox[data-v-d3a6f4b2] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-d3a6f4b2] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-d3a6f4b2] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-d3a6f4b2]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-d3a6f4b2]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-d3a6f4b2]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-d3a6f4b2]:-webkit-autofill,
.c-bluesettingstextbox[data-v-d3a6f4b2]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-d3a6f4b2]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-d3a6f4b2] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-d3a6f4b2]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-d3a6f4b2]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-d3a6f4b2] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-d3a6f4b2] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-d3a6f4b2] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-d3a6f4b2]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-d3a6f4b2] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-d3a6f4b2]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-d3a6f4b2], .c-settingslink[data-v-d3a6f4b2]:link, .c-settingslink[data-v-d3a6f4b2]:active, .c-settingslink[data-v-d3a6f4b2]:hover, .c-settingslink[data-v-d3a6f4b2]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-d3a6f4b2] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-d3a6f4b2]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-d3a6f4b2] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-d3a6f4b2] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}
[class^=board-btn][data-v-d3a6f4b2] {
  padding: 8px 18px 8px 16px;
  border-radius: 19px;
  font-size: 14px;
  font-weight: 700;
  min-width: 99px;
}
.board-btn-light[data-v-d3a6f4b2] {
  background-color: #f0f0f0;
  color: #555555;
}
.board-btn-primary[data-v-d3a6f4b2] {
  background-color: #01cc7c;
  color: #ffffff;
}

/* width */
[data-v-d3a6f4b2]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-d3a6f4b2]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-d3a6f4b2]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.rpt-insert-wrap[data-v-d3a6f4b2] {
  position: relative;
  height: 93px;
}
.rpt-insert-wrap textarea[data-v-d3a6f4b2] {
    width: 100%;
    height: 100%;
    padding: 16px 20px;
    background: #fff;
    border: solid 1px #d2e9d5;
    border-radius: 12px;
    resize: none;
}
.rpt-insert-wrap button[data-v-d3a6f4b2] {
    position: absolute;
    right: 16px;
    bottom: 8px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/Child/MenuBtn.vue?vue&type=style&index=0&id=a238e860&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a238e860]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.menu-btn-wrap[data-v-a238e860] {
  position: relative;
}
.menu-btn-wrap .menu-btn[data-v-a238e860] {
    background: none;
}
.menu-btn-wrap .menu-btn[data-v-a238e860]::before {
      display: block;
      width: 5px;
      height: 23px;
      background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/common/ic_menu.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
}
.menu-btn-wrap .menu-btn circle[data-v-a238e860] {
      fill: #d2e9d5;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/BoardPost.vue?vue&type=style&index=0&id=1a794f0c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1a794f0c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.c-bluesettingsbox[data-v-1a794f0c] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-1a794f0c] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-1a794f0c] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-1a794f0c]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-1a794f0c]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-1a794f0c]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-1a794f0c]:-webkit-autofill,
.c-bluesettingstextbox[data-v-1a794f0c]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-1a794f0c]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-1a794f0c] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-1a794f0c]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-1a794f0c]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-1a794f0c] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-1a794f0c] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-1a794f0c] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-1a794f0c]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-1a794f0c] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-1a794f0c]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-1a794f0c], .c-settingslink[data-v-1a794f0c]:link, .c-settingslink[data-v-1a794f0c]:active, .c-settingslink[data-v-1a794f0c]:hover, .c-settingslink[data-v-1a794f0c]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-1a794f0c] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-1a794f0c]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-1a794f0c] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-1a794f0c] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}
[class^=board-btn][data-v-1a794f0c] {
  padding: 8px 18px 8px 16px;
  border-radius: 19px;
  font-size: 14px;
  font-weight: 700;
  min-width: 99px;
}
.board-btn-light[data-v-1a794f0c] {
  background-color: #f0f0f0;
  color: #555555;
}
.board-btn-primary[data-v-1a794f0c] {
  background-color: #01cc7c;
  color: #ffffff;
}

/* width */
[data-v-1a794f0c]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-1a794f0c]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-1a794f0c]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.lrn-board-detail-wrap[data-v-1a794f0c] {
  height: 100%;
  padding: 22px 49px 49px;
  font-size: 14px;
  font-weight: 700;
}
.lrn-board-detail-wrap > .hder[data-v-1a794f0c] {
    display: flex;
    justify-content: space-between;
}
.lrn-board-detail-wrap > .hder > .txt-group[data-v-1a794f0c] {
      display: grid;
      grid-gap: 9px;
}
.lrn-board-detail-wrap > .hder > .txt-group > .title[data-v-1a794f0c] {
        font-size: 16px;
        font-weight: 800;
        color: #555;
}
.lrn-board-detail-wrap > .hder > .txt-group > .sub-info[data-v-1a794f0c] {
        color: #979797;
}
.lrn-board-detail-wrap > .hder > .txt-group > .sub-info span[data-v-1a794f0c] {
          margin-left: 12px;
}
.lrn-board-detail-wrap > .hder > .txt-group > .sub-info span[data-v-1a794f0c]:first-of-type {
            margin-left: 0;
}
.lrn-board-detail-wrap > .cntnts[data-v-1a794f0c] {
    min-height: 260px;
    margin: 19px 0;
    border-top: solid 1px #d2e9d5;
    border-bottom: solid 1px #d2e9d5;
}
.lrn-board-detail-wrap .btn-group[data-v-1a794f0c] {
    display: grid;
    grid-template-columns: auto auto;
    align-items: start;
    grid-gap: 29px;
}
.lrn-board-detail-wrap .list-btn[data-v-1a794f0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lrn-board-detail-wrap .list-btn[data-v-1a794f0c]::before {
      display: inline-block;
      width: 15px;
      height: 13px;
      margin-right: 7px;
      background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/common/ic_list_white.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
}
.lrn-board-detail-wrap .depth-2[data-v-1a794f0c] {
    padding-left: 60px !important;
    background-color: #f3fdf4;
}
.lrn-board-detail-wrap .pge-list-wrap[data-v-1a794f0c] {
    margin-top: 19px;
}
.lrn-board-detail-wrap .rpy-wrap[data-v-1a794f0c] {
    margin-top: 18px;
}
.lrn-board-detail-wrap .rpy[data-v-1a794f0c],
  .lrn-board-detail-wrap .rpy-insert-wrap-2[data-v-1a794f0c] {
    border-bottom: solid 1px #d2e9d5;
}
.lrn-board-detail-wrap .rpy[data-v-1a794f0c] {
    display: flex;
    justify-content: space-between;
    padding: 17px 10px 18px;
}
.lrn-board-detail-wrap .rpy-left-cntnr[data-v-1a794f0c] {
      display: grid;
      grid-template-columns: auto 1fr;
      width: 100%;
      padding-right: 24px;
      grid-gap: 12px;
}
.lrn-board-detail-wrap .rpy-left-cntnr > img[data-v-1a794f0c] {
        width: 38px;
        height: 38px;
}
.lrn-board-detail-wrap .rpy-left-cntnr > .txt-group[data-v-1a794f0c] {
        overflow: auto;
        font-size: 14px;
        color: #979797;
}
.lrn-board-detail-wrap .rpy-left-cntnr > .txt-group span[data-v-1a794f0c] {
          font-size: 10px;
}
.lrn-board-detail-wrap .rpy-left-cntnr .txt-hder[data-v-1a794f0c] {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 3px;
        grid-gap: 10px;
}
.lrn-board-detail-wrap .rpy-left-cntnr .rpy-txt[data-v-1a794f0c] {
        font-size: 14px;
        line-height: 1.71;
        color: #555;
        word-wrap: break-word;
        white-space: pre-wrap;
}
.lrn-board-detail-wrap .rpy-left-cntnr .rpy-in-rpy-btn[data-v-1a794f0c] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 13px;
        font-size: 12px;
        font-weight: 700;
        color: #979797;
        background: none;
}
.lrn-board-detail-wrap .rpy-left-cntnr .rpy-in-rpy-btn[data-v-1a794f0c]::before {
          display: inline-block;
          width: 15px;
          height: 13px;
          margin-top: 2px;
          margin-right: 6px;
          background-image: url("https://s3.ap-northeast-2.amazonaws.com/logicong-web-resources/game/common/ic_reply.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
}
.lrn-board-detail-wrap .rpy > .menu-btn[data-v-1a794f0c] {
      margin-right: 11px;
}
.lrn-board-detail-wrap .rpy-insert-wrap-2[data-v-1a794f0c] {
    padding: 9px 10px;
}
.lrn-board-detail-wrap .ldng-wrap[data-v-1a794f0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/BoardPost.vue?vue&type=style&index=1&id=1a794f0c&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lrn-board-detail-wrap .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  background: transparent;
  border: none;
  outline: none;
}
.lrn-board-detail-wrap div.ck.ck-reset.ck-editor.ck-rounded-corners > div.ck.ck-editor__main > div {
  overflow: auto;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/BoardPostWrite.vue?vue&type=style&index=0&id=305f2ee3&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-305f2ee3]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.c-bluesettingsbox[data-v-305f2ee3] {
  border: solid 2px rgba(32, 31, 103, 0.7);
  border-radius: 25px;
  box-shadow: 0px 0px 15px 3px rgba(32, 31, 103, 0.48);
}
.c-bluesettingstextbox[data-v-305f2ee3] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  background: transparent;
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 0;
  box-sizing: border-box;
}
input[type="password"].c-bluesettingstextbox[data-v-305f2ee3] {
  font-family: sans-serif !important;
  /* custom fonts don't support password mask chars */
}
.c-bluesettingstextbox[data-v-305f2ee3]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.c-bluesettingstextbox[data-v-305f2ee3]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.c-bluesettingstextbox[data-v-305f2ee3]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Change Autocomplete styles in Chrome*/
.c-bluesettingstextbox[data-v-305f2ee3]:-webkit-autofill,
.c-bluesettingstextbox[data-v-305f2ee3]:-webkit-autofill:hover,
.c-bluesettingstextbox[data-v-305f2ee3]:-webkit-autofill:focus {
  background: #03040c !important;
  -webkit-box-shadow: 0 0 0 100px #03040c inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #6c82c2 !important;
}
.c-bluesettingsselect[data-v-305f2ee3] {
  border-radius: 17px;
  border: solid 2px rgba(32, 31, 103, 0.7);
  outline: none;
  color: #ffffff;
  font-family: var(--nanum-square-round), sans-serif;
  font-size: 16px;
  padding: 0;
  text-indent: 0;
  padding-left: 25px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("https://cdn.test.codmos.io/default/public/c2cbcec8-04f6-4b8f-923d-b19df85e5b21.png");
  background-position: right 10px center;
  /* 10px from right */
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bluesettingsselect[data-v-305f2ee3]::-ms-expand {
  display: none;
}
.c-bluesettingsselect[data-v-305f2ee3]::-ms-value {
  background: transparent;
}
.c-bluesettingsselect option[data-v-305f2ee3] {
  color: white;
  background: black;
}
.c-bluesettingsbutton[data-v-305f2ee3] {
  position: relative;
  /* allow ::before */
  /*border-left: none;
    border-right: none;*/
  /*border-left: solid 1px rgba(32, 31, 103, 0.48);*/
  /*border-top: solid 1px rgba(32, 31, 103, 1);
    border-bottom: solid 1px rgba(32, 31, 103, 1);*/
  border: none;
  background-color: #000002;
  width: 128px;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}
.c-lightbluestandalonebutton[data-v-305f2ee3] {
  border: 2px solid #7d9ce4;
  border-radius: 25px;
}
.c-lightbluestandalonebutton[data-v-305f2ee3]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-active[data-v-305f2ee3] {
  cursor: default;
}
.c-bluesettingsbutton[data-v-305f2ee3]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: calc(50% - 10px);
  height: 20px;
  background: #595959;
}
.c-settingslink[data-v-305f2ee3], .c-settingslink[data-v-305f2ee3]:link, .c-settingslink[data-v-305f2ee3]:active, .c-settingslink[data-v-305f2ee3]:hover, .c-settingslink[data-v-305f2ee3]:visited {
  font-family: var(--nanum-square-round), sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #828282;
  text-decoration: underline;
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-305f2ee3] {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*border-left: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton.c-leftedgebutton[data-v-305f2ee3]::before {
  visibility: hidden;
}
.c-bluesettingsbutton.c-rightedgebutton[data-v-305f2ee3] {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  /*border-right: solid 2px rgba(32, 31, 103, 1);*/
}
.c-bluesettingsbutton2[data-v-305f2ee3] {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  background-color: #171231;
  color: #b3b3b3;
  font-family: 'NanumSquare', sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  cursor: pointer;
}
[class^=board-btn][data-v-305f2ee3] {
  padding: 8px 18px 8px 16px;
  border-radius: 19px;
  font-size: 14px;
  font-weight: 700;
  min-width: 99px;
}
.board-btn-light[data-v-305f2ee3] {
  background-color: #f0f0f0;
  color: #555555;
}
.board-btn-primary[data-v-305f2ee3] {
  background-color: #01cc7c;
  color: #ffffff;
}

/* width */
[data-v-305f2ee3]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-305f2ee3]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-305f2ee3]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.lrn-board-new-wrap[data-v-305f2ee3] {
  padding: 22px 49px 34px;
}
.lrn-board-new-wrap > h5[data-v-305f2ee3] {
    margin-bottom: 9px;
    font-size: 11.62px;
}
.lrn-board-new-wrap > h2[data-v-305f2ee3] {
    font-size: 16px;
    font-weight: 800;
    color: #555;
}
.lrn-board-new-wrap > .title-input[data-v-305f2ee3] {
    width: 100%;
    padding: 11px 16px;
    margin-top: 23px;
    font-size: 14px;
    background-color: #fff;
    border: solid 1px #d2e9d5;
    border-radius: 19px;
}
.lrn-board-new-wrap > .title-input[data-v-305f2ee3]::placeholder {
      color: #979797;
}
.lrn-board-new-wrap > .editor[data-v-305f2ee3] {
    min-height: 341px;
    margin: 7px 0 12px;
    border-bottom: solid 1px #d2e9d5;
}
.lrn-board-new-wrap > .btn-group[data-v-305f2ee3] {
    text-align: center;
}
.lrn-board-new-wrap > .btn-group button[data-v-305f2ee3]:nth-of-type(n+2) {
      margin-left: 24px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/components/Board/BoardPostWrite.vue?vue&type=style&index=1&id=305f2ee3&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.lrn-board-new-wrap div.ck.ck-reset.ck-editor.ck-rounded-corners > div.ck.ck-editor__top.ck-reset_all > div > div.ck.ck-sticky-panel__content > div {
  margin-bottom: 7px;
  border: none;
  border-radius: 17px;
}
.lrn-board-new-wrap .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  border: none;
  box-shadow: none;
}
.lrn-board-new-wrap div.ck.ck-reset.ck-editor.ck-rounded-corners > div.ck.ck-editor__main > div {
  height: 341px;
  overflow: auto;
  background: transparent;
  border: none;
  border-top: solid 1px #d2e9d5;
  outline: none;
  box-shadow: none;
}
.lrn-board-new-wrap .ck.ck-placeholder, .lrn-board-new-wrap .ck .ck-placeholder {
  white-space: pre-line;
}
.lrn-board-new-wrap .ck.ck-placeholder::before, .lrn-board-new-wrap .ck .ck-placeholder::before {
    color: #ccc;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/GoHder.vue?vue&type=style&index=0&id=3295acae&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3295acae]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
@keyframes slideout-3295acae {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-33.33333%);
}
}
@keyframes fadein-3295acae {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleupdown-3295acae {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
@keyframes fadeinout-for-actn-3295acae {
0%, 100% {
    opacity: 0;
}
6.25%, 25% {
    opacity: 1;
}
}
i[data-v-3295acae] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
h2[data-v-3295acae],
h5[data-v-3295acae] {
  font-family: var(--recipe-korea), sans-serif;
  font-weight: normal;
}
p[data-v-3295acae] {
  font-family: var(--s-core-dream), sans-serif;
  white-space: pre-line;
}
@media screen and (max-width: 640px) {
.phone-hide[data-v-3295acae] {
    display: none;
}
}
header[data-v-3295acae] {
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 65px;
  padding: 0 22px 0 34px;
  background-color: rgba(12, 25, 34, 0.7);
}
@media screen and (max-width: 640px) {
header[data-v-3295acae] {
      height: 50px;
      padding: 0 14px;
}
}
header .logo[data-v-3295acae] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 98px;
    height: 15px;
    background-image: url("https://cdn.test.codmos.io/default/public/eca15dcd-2af1-4214-a4bb-628d71734607.svg");
}
header > .menu-list[data-v-3295acae] {
    display: flex;
    align-items: center;
    font-family: var(--recipe-korea), sans-serif;
}
header > .menu-list > .item[data-v-3295acae] {
      position: relative;
      padding: 8px 0 7px;
      font-size: 16.2px;
      color: #4ee0ed;
      background: none;
}
@media screen and (max-width: 640px) {
header > .menu-list > .item[data-v-3295acae] {
          padding: 9px 0 0;
}
}
header > .menu-list > .item[data-v-3295acae]:nth-child(n+2) {
        margin-left: 31px;
}
header > .menu-list > .item.router-link-exact-active[data-v-3295acae]::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #79ddea;
        content: '';
}
header > .menu-list > .primary[data-v-3295acae] {
      padding-right: 19px;
      padding-left: 19px;
      color: #13134a;
      background-color: #79ddea;
      border-radius: 8px;
      transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
header > .menu-list > .primary[data-v-3295acae]:active {
        transform: scale(0.9);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/GoView.vue?vue&type=style&index=0&id=08ee16c2&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
body {
  overflow-x: hidden;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/GoView.vue?vue&type=style&index=1&id=08ee16c2&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-08ee16c2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
@keyframes slideout-08ee16c2 {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-33.33333%);
}
}
@keyframes fadein-08ee16c2 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleupdown-08ee16c2 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
@keyframes fadeinout-for-actn-08ee16c2 {
0%, 100% {
    opacity: 0;
}
6.25%, 25% {
    opacity: 1;
}
}
i[data-v-08ee16c2] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
h2[data-v-08ee16c2],
h5[data-v-08ee16c2] {
  font-family: var(--recipe-korea), sans-serif;
  font-weight: normal;
}
p[data-v-08ee16c2] {
  font-family: var(--s-core-dream), sans-serif;
  white-space: pre-line;
}
@media screen and (max-width: 640px) {
.phone-hide[data-v-08ee16c2] {
    display: none;
}
}
.go-for-kids-wrap[data-v-08ee16c2] {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
.go-for-kids-wrap h2[data-v-08ee16c2] {
    font-family: var(--recipe-korea), sans-serif;
    font-size: max(40px, calc(100vw * 40 / 2048));
    font-weight: normal;
    line-height: 1.53;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap h2[data-v-08ee16c2] {
        font-size: calc(40vw * 126 / 857);
}
}
.go-for-kids-wrap p[data-v-08ee16c2] {
    font-family: var(--s-core-dream), sans-serif;
    font-size: max(25px, calc(100vw * 25 / 2048));
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap p[data-v-08ee16c2] {
        font-size: calc(25vw * 126 / 857);
}
}
.go-for-kids-wrap button[data-v-08ee16c2] {
    font-family: var(--s-core-dream), sans-serif;
    font-size: 24px;
    font-weight: bold;
}
.go-for-kids-wrap .ko-footer[data-v-08ee16c2] {
    position: relative;
    flex: 1;
    width: 100%;
    padding: max(88px, calc(100vw * 88 / 2048)) 0 max(77px, calc(100vw * 77 / 2048));
    background-color: #0c1922;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .ko-footer[data-v-08ee16c2] {
        padding: calc(88vw * 126 / 857) 0 calc(77vw * 126 / 857);
}
}
.go-for-kids-wrap .ko-footer > *[data-v-08ee16c2] {
      width: max(571px, calc(100vw * 571 / 2048));
      margin: 0 auto;
      font-size: max(20px, calc(100vw * 20 / 2048));
      font-weight: 500;
      line-height: 1.45;
      color: #fff;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .ko-footer > *[data-v-08ee16c2] {
          width: calc(571vw * 126 / 857);
          font-size: calc(20vw * 126 / 857);
}
}
.go-for-kids-wrap .ko-footer .logo-white[data-v-08ee16c2] {
      display: block;
      height: max(62px, calc(100vw * 62 / 2048));
      margin: 0 auto max(95px, calc(100vw * 95 / 2048));
      background-position: left;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .ko-footer .logo-white[data-v-08ee16c2] {
          height: calc(62vw * 126 / 857);
          margin: 0 auto calc(95vw * 126 / 857);
}
}
.go-for-kids-wrap .ko-footer a[data-v-08ee16c2] {
      display: inline-block;
      color: #fff;
}
.go-for-kids-wrap .en-footer[data-v-08ee16c2] {
    position: relative;
    flex: 1;
    width: 100%;
    padding: max(66px, calc(100vw * 66 / 2048)) 0 max(60px, calc(100vw * 60 / 2048));
    text-align: center;
    background-color: #0c1922;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .en-footer[data-v-08ee16c2] {
        padding: calc(66vw * 126 / 857) 0 calc(60vw * 126 / 857);
}
}
.go-for-kids-wrap .en-footer a[data-v-08ee16c2] {
      color: inherit;
}
.go-for-kids-wrap .en-footer a[data-v-08ee16c2]:first-child {
        margin-right: max(30px, calc(100vw * 30 / 2048));
}
.go-for-kids-wrap .en-footer > *[data-v-08ee16c2] {
      font-size: max(20px, calc(100vw * 20 / 2048));
      font-weight: 500;
      line-height: 1.45;
      color: #9d9d9d;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .en-footer > *[data-v-08ee16c2] {
          font-size: calc(20vw * 126 / 857);
}
}
.go-for-kids-wrap .en-footer > p[data-v-08ee16c2]:nth-child(n+2) {
      margin-top: max(14px, calc(100vw * 14 / 2048));
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .en-footer > p[data-v-08ee16c2]:nth-child(n+2) {
          margin-top: calc(14vw * 126 / 857);
}
}
.go-for-kids-wrap .en-footer .logo-gray[data-v-08ee16c2] {
      display: block;
      height: max(54px, calc(100vw * 54 / 2048));
      margin: 0 auto max(55px, calc(100vw * 55 / 2048));
      background-position: center;
}
@media screen and (max-width: 640px) {
.go-for-kids-wrap .en-footer .logo-gray[data-v-08ee16c2] {
          height: calc(54vw * 126 / 857);
          margin: 0 auto calc(55vw * 126 / 857);
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/Modal/TrialContinueModal.vue?vue&type=style&index=0&id=2e532b77&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2e532b77]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.trial-continue-modal-wrap[data-v-2e532b77] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: AppleSDGothicNeo, sans-serif;
  background: rgba(0, 0, 0, 0.7);
}
.trial-continue-modal-wrap .cntnr[data-v-2e532b77] {
    position: relative;
    width: 378px;
    height: 218px;
    padding-top: 72px;
    background-color: #fff;
    border-radius: 20px;
}
.trial-continue-modal-wrap .cntnr .close-btn[data-v-2e532b77] {
      position: absolute;
      top: 10px;
      right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      background: none;
      background-color: #3b2d69;
      border-radius: 50%;
}
.trial-continue-modal-wrap .cntnr > p[data-v-2e532b77] {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.33;
      letter-spacing: -0.25px;
      color: #3b2d69;
      text-align: center;
}
.trial-continue-modal-wrap .cntnr .btn-group[data-v-2e532b77] {
      display: grid;
      grid-template-columns: auto auto;
      grid-gap: 13px;
      width: fit-content;
      margin: 26px auto 0;
}
.trial-continue-modal-wrap .cntnr .btn-group button[data-v-2e532b77] {
        padding: 15px 27px 13px 28px;
        color: #fff;
        background-color: #3b2d69;
        border-radius: 10px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/GoGameRun.vue?vue&type=style&index=0&id=0c3fd569&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0c3fd569]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.go-game-run-wrap .good-deco[data-v-0c3fd569] {
  transform-box: fill-box;
  transform-origin: center;
  animation: scale-up-down-0c3fd569 2s;
}
@keyframes scale-up-down-0c3fd569 {
0%, 100% {
    transform: scale(0);
}
20% {
    transform: scale(1.1);
}
40%, 60% {
    transform: scale(1);
}
80% {
    transform: scale(0.8);
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/GoPgeHome.vue?vue&type=style&index=0&id=7e84114c&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.main-for-kids-lndg-wrap .txt-green {
  color: #cdf84a;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/GoPgeHome.vue?vue&type=style&index=1&id=7e84114c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7e84114c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
@keyframes slideout-7e84114c {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-33.33333%);
}
}
@keyframes fadein-7e84114c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleupdown-7e84114c {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
@keyframes fadeinout-for-actn-7e84114c {
0%, 100% {
    opacity: 0;
}
6.25%, 25% {
    opacity: 1;
}
}
i[data-v-7e84114c] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
h2[data-v-7e84114c],
h5[data-v-7e84114c] {
  font-family: var(--recipe-korea), sans-serif;
  font-weight: normal;
}
p[data-v-7e84114c] {
  font-family: var(--s-core-dream), sans-serif;
  white-space: pre-line;
}
@media screen and (max-width: 640px) {
.phone-hide[data-v-7e84114c] {
    display: none;
}
}
.main-for-kids-lndg-wrap h2[data-v-7e84114c] {
  font-size: max(26px, calc(100vw * 26 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap h2[data-v-7e84114c] {
      font-size: calc(26vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap p[data-v-7e84114c] {
  font-size: max(24px, calc(100vw * 24 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap p[data-v-7e84114c] {
      font-size: calc(24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .playstore-btn[data-v-7e84114c] {
  background-image: url("https://cdn.test.codmos.io/default/public/48a5cb3f-0d6f-42a3-ab18-10a6ff2cf92f.png");
}
.main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c] {
  top: max(227px, calc(100vw * 227 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c] {
      top: calc(227vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
  top: max(318px, calc(100vw * 318 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
      top: calc(318vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(2) {
  top: max(1120.6px, calc(100vw * 1120.6 / 2048));
  font-size: max(16px, calc(100vw * 16 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(2) {
      top: calc(1120.6vw * 126 / 857);
      font-size: calc(16vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
  margin-top: max(35px, calc(100vw * 35 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
      margin-top: calc(35vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap h2[data-v-7e84114c] {
  font-size: max(40px, calc(100vw * 40 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap h2[data-v-7e84114c] {
      font-size: calc(40vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap p[data-v-7e84114c] {
  font-size: max(25px, calc(100vw * 25 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap p[data-v-7e84114c] {
      font-size: calc(25vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap .playstore-btn[data-v-7e84114c] {
  background-image: url("https://cdn.test.codmos.io/default/public/4e6a8488-9682-4820-86b5-80e81d74b0a6.png");
}
.ko .main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c] {
  top: max(208px, calc(100vw * 208 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c] {
      top: calc(208vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
  top: max(345px, calc(100vw * 345 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
      top: calc(345vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(2) {
  top: max(1104.6px, calc(100vw * 1104.6 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(2) {
      top: calc(1104.6vw * 126 / 857);
}
}
.ko .main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
  margin-top: min(-23px, calc(100vw * -23 / 2048));
}
@media screen and (max-width: 640px) {
.ko .main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
      margin-top: calc(-23vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap[data-v-7e84114c] {
  overflow-x: hidden;
  color: #fff;
  white-space: pre-line;
}
.main-for-kids-lndg-wrap h2[data-v-7e84114c] {
    font-weight: normal;
    line-height: 1.53;
}
.main-for-kids-lndg-wrap p[data-v-7e84114c] {
    font-weight: bold;
    line-height: 1.8;
}
.main-for-kids-lndg-wrap button[data-v-7e84114c] {
    font-family: var(--s-core-dream), sans-serif;
    font-size: 24px;
    font-weight: bold;
}
.main-for-kids-lndg-wrap section[data-v-7e84114c] {
    position: relative;
}
.main-for-kids-lndg-wrap .fixed-blur[data-v-7e84114c] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 78px;
    background-color: #0c1922;
    opacity: 0.7;
}
.main-for-kids-lndg-wrap .world-se .bg-main[data-v-7e84114c] {
    width: 100%;
    height: max(857px, calc(100vw * 857 / 2048));
    background-size: cover;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .world-se .bg-main[data-v-7e84114c] {
        height: calc(857vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .world-se .start-btn[data-v-7e84114c], .main-for-kids-lndg-wrap .world-se a > .start-btn[data-v-7e84114c] {
    position: absolute;
    top: max(632px, calc(100vw * 632 / 2048));
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 17vh;
    padding: 1vh 2vh;
    font-family: var(--s-core-dream), sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #13244a;
    text-align: center;
    background-color: #fffd71;
    border-radius: 8px;
    transform: translateX(-50%);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}
.main-for-kids-lndg-wrap .world-se .start-btn.fixed[data-v-7e84114c], .main-for-kids-lndg-wrap .world-se a > .start-btn.fixed[data-v-7e84114c] {
      position: fixed;
      top: 8px;
      z-index: 5;
}
.main-for-kids-lndg-wrap .world-se .playstore-btn[data-v-7e84114c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: calc(((100% - 2048px) / 2) + 907.3px);
    top: max(632px, calc(100vw * 632 / 2048));
    width: max(231.9px, calc(100vw * 231.9 / 2048));
    height: max(89.7px, calc(100vw * 89.7 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .world-se .playstore-btn[data-v-7e84114c] {
        left: calc(100vw * 907.3 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .world-se .playstore-btn[data-v-7e84114c] {
        top: calc(660.5vw * 126 / 857);
        left: calc(225.3vw * 126 / 857);
        width: calc(231.9vw * 126 / 857);
        height: calc(89.7vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .world-se [class^='char-'][data-v-7e84114c] {
    opacity: 0;
    animation: fadein-7e84114c 1s forwards;
}
.main-for-kids-lndg-wrap .world-se .char-1[data-v-7e84114c] {
    animation-delay: 0.5s;
}
.main-for-kids-lndg-wrap .world-se .char-2[data-v-7e84114c] {
    animation-delay: 1s;
}
.main-for-kids-lndg-wrap .world-se .char-3[data-v-7e84114c] {
    animation-delay: 1.5s;
}
.main-for-kids-lndg-wrap .world-se .char-1[data-v-7e84114c] {
    position: absolute;
    left: calc(((100% - 2048px) / 2) + 769px);
    top: max(352px, calc(100vw * 352 / 2048));
    width: max(47px, calc(100vw * 47 / 2048));
    height: max(53px, calc(100vw * 53 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .world-se .char-1[data-v-7e84114c] {
        left: calc(100vw * 769 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .world-se .char-1[data-v-7e84114c] {
        top: calc(352vw * 126 / 857);
        left: calc(84vw * 126 / 857);
        width: calc(47vw * 126 / 857);
        height: calc(53vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .world-se .char-2[data-v-7e84114c] {
    position: absolute;
    left: calc(((100% - 2048px) / 2) + 781px);
    top: max(421px, calc(100vw * 421 / 2048));
    width: max(114px, calc(100vw * 114 / 2048));
    height: max(80px, calc(100vw * 80 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .world-se .char-2[data-v-7e84114c] {
        left: calc(100vw * 781 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .world-se .char-2[data-v-7e84114c] {
        top: calc(421vw * 126 / 857);
        left: calc(99vw * 126 / 857);
        width: calc(114vw * 126 / 857);
        height: calc(80vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .world-se .char-3[data-v-7e84114c] {
    position: absolute;
    left: calc(((100% - 2048px) / 2) + 910px);
    top: max(350px, calc(100vw * 350 / 2048));
    width: max(205px, calc(100vw * 205 / 2048));
    height: max(213px, calc(100vw * 213 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .world-se .char-3[data-v-7e84114c] {
        left: calc(100vw * 910 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .world-se .char-3[data-v-7e84114c] {
        top: calc(350vw * 126 / 857);
        left: calc(228vw * 126 / 857);
        width: calc(205vw * 126 / 857);
        height: calc(213vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se[data-v-7e84114c] {
    z-index: 1;
    margin-top: min(-144px, calc(100vw * -144 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se[data-v-7e84114c] {
        margin-top: calc(-144vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cloud[data-v-7e84114c] {
      width: 100%;
      height: max(950px, calc(100vw * 950 / 2048));
      background-size: cover;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cloud[data-v-7e84114c] {
          height: calc(950vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .poly-line[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 359px);
      top: max(221px, calc(100vw * 221 / 2048));
      width: max(1329px, calc(100vw * 1329 / 2048));
      height: max(533px, calc(100vw * 533 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .poly-line[data-v-7e84114c] {
          left: calc(100vw * 359 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .poly-line[data-v-7e84114c] {
          top: calc(221vw * 126 / 857);
          left: calc(-322.5vw * 126 / 857);
          width: calc(1329vw * 126 / 857);
          height: calc(533vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se [class^='cut'][data-v-7e84114c] {
      position: absolute;
}
.main-for-kids-lndg-wrap .story-se .cut1[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 362px);
      top: max(249px, calc(100vw * 249 / 2048));
      width: max(197.13px, calc(100vw * 197.13 / 2048));
      height: max(189.04px, calc(100vw * 189.04 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut1[data-v-7e84114c] {
          left: calc(100vw * 362 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut1[data-v-7e84114c] {
          top: calc(249vw * 126 / 857);
          left: calc(-319.5vw * 126 / 857);
          width: calc(197.13vw * 126 / 857);
          height: calc(189.04vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut2[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 538px);
      top: max(223px, calc(100vw * 223 / 2048));
      width: max(353.75px, calc(100vw * 353.75 / 2048));
      height: max(248.19px, calc(100vw * 248.19 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut2[data-v-7e84114c] {
          left: calc(100vw * 538 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut2[data-v-7e84114c] {
          top: calc(223vw * 126 / 857);
          left: calc(-143.5vw * 126 / 857);
          width: calc(353.75vw * 126 / 857);
          height: calc(248.19vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut3[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 867px);
      top: max(246px, calc(100vw * 246 / 2048));
      width: max(390.25px, calc(100vw * 390.25 / 2048));
      height: max(256.57px, calc(100vw * 256.57 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut3[data-v-7e84114c] {
          left: calc(100vw * 867 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut3[data-v-7e84114c] {
          top: calc(246vw * 126 / 857);
          left: calc(185.5vw * 126 / 857);
          width: calc(390.25vw * 126 / 857);
          height: calc(256.57vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut4[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1228px);
      top: max(233px, calc(100vw * 233 / 2048));
      width: max(260.04px, calc(100vw * 260.04 / 2048));
      height: max(291.53px, calc(100vw * 291.53 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut4[data-v-7e84114c] {
          left: calc(100vw * 1228 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut4[data-v-7e84114c] {
          top: calc(233vw * 126 / 857);
          left: calc(546.5vw * 126 / 857);
          width: calc(260.04vw * 126 / 857);
          height: calc(291.53vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut5[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1472px);
      top: max(249px, calc(100vw * 249 / 2048));
      width: max(213.41px, calc(100vw * 213.41 / 2048));
      height: max(243.34px, calc(100vw * 243.34 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut5[data-v-7e84114c] {
          left: calc(100vw * 1472 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut5[data-v-7e84114c] {
          top: calc(249vw * 126 / 857);
          left: calc(790.5vw * 126 / 857);
          width: calc(213.41vw * 126 / 857);
          height: calc(243.34vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut6[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 360px);
      top: max(438px, calc(100vw * 438 / 2048));
      width: max(248.23px, calc(100vw * 248.23 / 2048));
      height: max(314.88px, calc(100vw * 314.88 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut6[data-v-7e84114c] {
          left: calc(100vw * 360 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut6[data-v-7e84114c] {
          top: calc(438vw * 126 / 857);
          left: calc(-321.5vw * 126 / 857);
          width: calc(248.23vw * 126 / 857);
          height: calc(314.88vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut7[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 578px);
      top: max(461px, calc(100vw * 461 / 2048));
      width: max(580.31px, calc(100vw * 580.31 / 2048));
      height: max(270.09px, calc(100vw * 270.09 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut7[data-v-7e84114c] {
          left: calc(100vw * 578 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut7[data-v-7e84114c] {
          top: calc(461vw * 126 / 857);
          left: calc(-103.5vw * 126 / 857);
          width: calc(580.31vw * 126 / 857);
          height: calc(270.09vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut8[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1095px);
      top: max(515px, calc(100vw * 515 / 2048));
      width: max(390.98px, calc(100vw * 390.98 / 2048));
      height: max(233.64px, calc(100vw * 233.64 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut8[data-v-7e84114c] {
          left: calc(100vw * 1095 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut8[data-v-7e84114c] {
          top: calc(515vw * 126 / 857);
          left: calc(413.5vw * 126 / 857);
          width: calc(390.98vw * 126 / 857);
          height: calc(233.64vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .cut9[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1471px);
      top: max(481px, calc(100vw * 481 / 2048));
      width: max(214.41px, calc(100vw * 214.41 / 2048));
      height: max(250.7px, calc(100vw * 250.7 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .cut9[data-v-7e84114c] {
          left: calc(100vw * 1471 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .cut9[data-v-7e84114c] {
          top: max(481px, calc(100vw * 481 / 2048));
          left: calc(789.5vw * 126 / 857);
          width: max(214.41px, calc(100vw * 214.41 / 2048));
          height: max(250.7px, calc(100vw * 250.7 / 2048));
}
}
.main-for-kids-lndg-wrap .story-se .ic-story[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 703px);
      top: max(178px, calc(100vw * 178 / 2048));
      width: max(224px, calc(100vw * 224 / 2048));
      height: max(126px, calc(100vw * 126 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .ic-story[data-v-7e84114c] {
          left: calc(100vw * 703 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .ic-story[data-v-7e84114c] {
          top: calc(178vw * 126 / 857);
          left: calc(21.5vw * 126 / 857);
          width: calc(224vw * 126 / 857);
          height: calc(126vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .ic-misn[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1129px);
      top: max(289px, calc(100vw * 289 / 2048));
      width: max(232px, calc(100vw * 232 / 2048));
      height: max(153px, calc(100vw * 153 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .ic-misn[data-v-7e84114c] {
          left: calc(100vw * 1129 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .ic-misn[data-v-7e84114c] {
          top: calc(289vw * 126 / 857);
          left: calc(447.5vw * 126 / 857);
          width: calc(232vw * 126 / 857);
          height: calc(153vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .ic-cinematic[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 755px);
      top: max(681px, calc(100vw * 681 / 2048));
      width: max(269px, calc(100vw * 269 / 2048));
      height: max(124px, calc(100vw * 124 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .ic-cinematic[data-v-7e84114c] {
          left: calc(100vw * 755 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .ic-cinematic[data-v-7e84114c] {
          top: calc(681vw * 126 / 857);
          left: calc(73.5vw * 126 / 857);
          width: calc(269vw * 126 / 857);
          height: calc(124vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .story-se .space-ship[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 940px);
      top: max(597px, calc(100vw * 597 / 2048));
      width: max(752px, calc(100vw * 752 / 2048));
      height: max(531px, calc(100vw * 531 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .story-se .space-ship[data-v-7e84114c] {
          left: calc(100vw * 940 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .story-se .space-ship[data-v-7e84114c] {
          top: calc(597vw * 126 / 857);
          left: calc(258.5vw * 126 / 857);
          width: calc(752vw * 126 / 857);
          height: calc(531vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se[data-v-7e84114c] {
    margin-top: min(-120px, calc(100vw * -120 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se[data-v-7e84114c] {
        margin-top: calc(-120vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se .bg-galaxy[data-v-7e84114c] {
      width: 100%;
      height: max(1988px, calc(100vw * 1988 / 2048));
      background-size: cover;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .bg-galaxy[data-v-7e84114c] {
          height: calc(1988vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c],
    .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 721px);
      width: max(607px, calc(100vw * 607 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c],
        .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c] {
          left: calc(100vw * 721 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se > h2[data-v-7e84114c],
        .main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c] {
          left: calc(39vw * 126 / 857);
          width: calc(607vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
      top: max(345px, calc(100vw * 345 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(1) {
          top: calc(345vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se > p[data-v-7e84114c]:nth-of-type(2) {
      position: absolute;
      left: 50%;
      width: 100%;
      text-align: center;
      transform: translateX(-50%);
}
.main-for-kids-lndg-wrap .galaxy-se .anim-int-move[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 735px);
      top: max(584px, calc(100vw * 584 / 2048));
      width: max(577px, calc(100vw * 577 / 2048));
      height: max(345px, calc(100vw * 345 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se .anim-int-move[data-v-7e84114c] {
          left: calc(100vw * 735 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .anim-int-move[data-v-7e84114c] {
          top: calc(584vw * 126 / 857);
          left: calc(50vw * 126 / 857);
          width: calc(577vw * 126 / 857);
          height: calc(345vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se [class^='actn-int-'][data-v-7e84114c] {
      animation: fadeinout-for-actn-7e84114c 6.4s infinite;
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-01[data-v-7e84114c] {
      animation-delay: 0s;
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-02[data-v-7e84114c] {
      animation-delay: 1.6s;
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-03[data-v-7e84114c] {
      animation-delay: 3.2s;
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-04[data-v-7e84114c] {
      animation-delay: 4.8s;
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-01[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 674px);
      top: max(1303px, calc(100vw * 1303 / 2048));
      width: max(454.49px, calc(100vw * 454.49 / 2048));
      height: max(307.24px, calc(100vw * 307.24 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-01[data-v-7e84114c] {
          left: calc(100vw * 674 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-01[data-v-7e84114c] {
          top: calc(1303vw * 126 / 857);
          left: calc(6vw * 126 / 857);
          width: calc(454.49vw * 126 / 857);
          height: calc(307.24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-02[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 952px);
      top: max(1277px, calc(100vw * 1277 / 2048));
      width: max(454.49px, calc(100vw * 454.49 / 2048));
      height: max(307.24px, calc(100vw * 307.24 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-02[data-v-7e84114c] {
          left: calc(100vw * 952 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-02[data-v-7e84114c] {
          top: calc(1277vw * 126 / 857);
          left: calc(269vw * 126 / 857);
          width: calc(454.49vw * 126 / 857);
          height: calc(307.24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-03[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 579px);
      top: max(1395px, calc(100vw * 1395 / 2048));
      width: max(526.49px, calc(100vw * 526.49 / 2048));
      height: max(375.24px, calc(100vw * 375.24 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-03[data-v-7e84114c] {
          left: calc(100vw * 579 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-03[data-v-7e84114c] {
          top: calc(1395vw * 126 / 857);
          left: calc(-108vw * 126 / 857);
          width: calc(526.49vw * 126 / 857);
          height: calc(375.24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .galaxy-se .actn-int-04[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 908px);
      top: max(1404px, calc(100vw * 1404 / 2048));
      width: max(454.49px, calc(100vw * 454.49 / 2048));
      height: max(328.24px, calc(100vw * 328.24 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-04[data-v-7e84114c] {
          left: calc(100vw * 908 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .galaxy-se .actn-int-04[data-v-7e84114c] {
          top: calc(1404vw * 126 / 857);
          left: calc(227vw * 126 / 857);
          width: calc(454.49vw * 126 / 857);
          height: calc(328.24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .game-artcl[data-v-7e84114c] {
    position: relative;
    padding-bottom: max(507px, calc(100vw * 507 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .game-artcl[data-v-7e84114c] {
        padding-bottom: calc(507vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .game-se[data-v-7e84114c] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: max(195px, calc(100vw * 195 / 2048));
    padding: 0 14px;
    margin-top: min(-8px, calc(100vw * -8 / 2048));
    background-color: #6c6af2;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .game-se[data-v-7e84114c] {
        height: calc(195vw * 126 / 857);
        margin-top: calc(-14vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .game-se .anim-int-jump[data-v-7e84114c] {
      width: max(220px, calc(100vw * 220 / 2048));
      height: max(237.3px, calc(100vw * 237.3 / 2048));
      margin-right: 13px;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .game-se .anim-int-jump[data-v-7e84114c] {
          width: calc(220vw * 126 / 857);
          height: calc(237.3vw * 126 / 857);
          margin-right: calc(13vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .game-se > p[data-v-7e84114c] {
      color: #fff;
}
.main-for-kids-lndg-wrap .game-run[data-v-7e84114c] {
    margin-top: -2px;
    position: absolute;
    left: calc(((100% - 2048px) / 2) + 0px);
    width: max(2048px, calc(100vw * 2048 / 2048));
    height: max(507px, calc(100vw * 507 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .game-run[data-v-7e84114c] {
        left: calc(100vw * 0 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .game-run[data-v-7e84114c] {
        left: calc((100% - calc(2048vw * 126 / 857)) / 2);
        width: calc(2048vw * 126 / 857);
        height: calc(507vw * 126 / 857);
}
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .game-run[data-v-7e84114c] {
        width: 100%;
}
}
.main-for-kids-lndg-wrap .easy-se[data-v-7e84114c] {
    margin-top: -2px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: max(748px, calc(100vw * 748 / 2048));
    background: #6c6af2;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .easy-se[data-v-7e84114c] {
        height: calc(748vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .easy-se > *[data-v-7e84114c] {
      width: max(600px, calc(100vw * 600 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .easy-se > *[data-v-7e84114c] {
          width: calc(600vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .easy-se > h2[data-v-7e84114c] {
      margin-bottom: max(11px, calc(100vw * 11 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .easy-se > h2[data-v-7e84114c] {
          margin-bottom: calc(11vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
      width: max(595px, calc(100vw * 595 / 2048));
      height: max(249px, calc(100vw * 249 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .easy-se .anim-int-block[data-v-7e84114c] {
          width: calc(595vw * 126 / 857);
          height: calc(249vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se[data-v-7e84114c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: max(917px, calc(100vw * 917 / 2048));
    color: #132655;
    text-align: center;
    background-size: cover;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se[data-v-7e84114c] {
        height: calc(917vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se > h2[data-v-7e84114c] {
      margin-top: max(165px, calc(100vw * 165 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se > h2[data-v-7e84114c] {
          margin-top: calc(165vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se [class^='grow-int-'][data-v-7e84114c] {
      animation: fadein-7e84114c 1s infinite;
}
.main-for-kids-lndg-wrap .grow-se .grow-int-01[data-v-7e84114c] {
      animation-delay: 0s;
}
.main-for-kids-lndg-wrap .grow-se .grow-int-02[data-v-7e84114c] {
      animation-delay: 0.2s;
}
.main-for-kids-lndg-wrap .grow-se .grow-int-03[data-v-7e84114c] {
      animation-delay: 0.4s;
}
.main-for-kids-lndg-wrap .grow-se .grow-int-04[data-v-7e84114c] {
      animation-delay: 0.6s;
}
.main-for-kids-lndg-wrap .grow-se .grow-int-01[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 752px);
      top: max(373px, calc(100vw * 373 / 2048));
      width: max(149.52px, calc(100vw * 149.52 / 2048));
      height: max(162.64px, calc(100vw * 162.64 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-01[data-v-7e84114c] {
          left: calc(100vw * 752 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-01[data-v-7e84114c] {
          top: calc(373vw * 126 / 857);
          left: calc(70vw * 126 / 857);
          width: calc(149.52vw * 126 / 857);
          height: calc(162.64vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se .grow-int-02[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 719px);
      top: max(608px, calc(100vw * 608 / 2048));
      width: max(240.59px, calc(100vw * 240.59 / 2048));
      height: max(127.1px, calc(100vw * 127.1 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-02[data-v-7e84114c] {
          left: calc(100vw * 719 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-02[data-v-7e84114c] {
          top: calc(608vw * 126 / 857);
          left: calc(37vw * 126 / 857);
          width: calc(240.59vw * 126 / 857);
          height: calc(127.1vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se .grow-int-03[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1099px);
      top: max(452px, calc(100vw * 452 / 2048));
      width: max(250.37px, calc(100vw * 250.37 / 2048));
      height: max(271.24px, calc(100vw * 271.24 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-03[data-v-7e84114c] {
          left: calc(100vw * 1099 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-03[data-v-7e84114c] {
          top: calc(452vw * 126 / 857);
          left: calc(417vw * 126 / 857);
          width: calc(250.37vw * 126 / 857);
          height: calc(271.24vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .grow-se .grow-int-04[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1137px);
      top: max(345px, calc(100vw * 345 / 2048));
      width: max(169.24px, calc(100vw * 169.24 / 2048));
      height: max(104.58px, calc(100vw * 104.58 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-04[data-v-7e84114c] {
          left: calc(100vw * 1137 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .grow-se .grow-int-04[data-v-7e84114c] {
          top: calc(345vw * 126 / 857);
          left: calc(455vw * 126 / 857);
          width: calc(169.24vw * 126 / 857);
          height: calc(104.58vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .play-se[data-v-7e84114c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    display: block;
    width: 100%;
    height: max(1068px, calc(100vw * 1068 / 2048));
    overflow: hidden;
    background-size: cover;
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .play-se[data-v-7e84114c] {
        height: calc(1068vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .play-se .anim-int-game[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 626px);
      top: max(255px, calc(100vw * 255 / 2048));
      width: max(783px, calc(100vw * 783 / 2048));
      height: max(364px, calc(100vw * 364 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .play-se .anim-int-game[data-v-7e84114c] {
          left: calc(100vw * 626 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .play-se .anim-int-game[data-v-7e84114c] {
          top: calc(255vw * 126 / 857);
          left: calc(-49.5vw * 126 / 857);
          width: calc(783vw * 126 / 857);
          height: calc(364vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .play-se > p[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 721px);
      top: max(180.6px, calc(100vw * 180.6 / 2048));
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .play-se > p[data-v-7e84114c] {
          left: calc(100vw * 721 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .play-se > p[data-v-7e84114c] {
          top: calc(180.6vw * 126 / 857);
          left: calc(39vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .play-se .slider[data-v-7e84114c] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 0px);
      position: relative;
      top: max(708.3px, calc(100vw * 708.3 / 2048));
      width: max(4914px, calc(100vw * 4914 / 2048));
      animation: slideout-7e84114c 15s linear infinite;
}
@media screen and (min-width: 2048px) {
.main-for-kids-lndg-wrap .play-se .slider[data-v-7e84114c] {
          left: calc(100vw * 0 / 2048);
}
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .play-se .slider[data-v-7e84114c] {
          top: calc(708.3vw * 126 / 857);
          width: calc(4914vw * 126 / 857);
}
}
.main-for-kids-lndg-wrap .play-se .game-list[data-v-7e84114c] {
      width: max(1638px, calc(100vw * 1638 / 2048));
      height: max(272.8px, calc(100vw * 272.8 / 2048));
}
@media screen and (max-width: 640px) {
.main-for-kids-lndg-wrap .play-se .game-list[data-v-7e84114c] {
          width: calc(1638vw * 126 / 857);
          height: calc(272.8vw * 126 / 857);
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/GoPgePlnt.vue?vue&type=style&index=0&id=2162ffaf&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2162ffaf]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
@keyframes slideout-2162ffaf {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-33.33333%);
}
}
@keyframes fadein-2162ffaf {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleupdown-2162ffaf {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
@keyframes fadeinout-for-actn-2162ffaf {
0%, 100% {
    opacity: 0;
}
6.25%, 25% {
    opacity: 1;
}
}
i[data-v-2162ffaf] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
h2[data-v-2162ffaf],
h5[data-v-2162ffaf] {
  font-family: var(--recipe-korea), sans-serif;
  font-weight: normal;
}
p[data-v-2162ffaf] {
  font-family: var(--s-core-dream), sans-serif;
  white-space: pre-line;
}
@media screen and (max-width: 640px) {
.phone-hide[data-v-2162ffaf] {
    display: none;
}
}

/* width */
[data-v-2162ffaf]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-2162ffaf]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-2162ffaf]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.go-plnt-wrap[data-v-2162ffaf] {
  position: relative;
  overflow: hidden;
}
.go-plnt-wrap > *[data-v-2162ffaf] {
    padding: 0 max(43px, calc((100% - 1013px) / 2));
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > *[data-v-2162ffaf] {
        padding: 0 calc(43vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr[data-v-2162ffaf] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 1280px;
    padding-top: 122px;
    padding-bottom: 85px;
    background-image: url("https://cdn.test.codmos.io/default/public/528c6bd2-47a6-4ee1-b70d-dd53068b62a4.svg");
    background-size: cover;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr[data-v-2162ffaf] {
        min-height: calc(1280vw * 126 / 857);
        padding-top: calc(122vw * 126 / 857);
        padding-bottom: calc(85vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr > *[data-v-2162ffaf] {
      display: grid;
      width: fit-content;
      margin: 0 auto;
}
.go-plnt-wrap > .cntnr .tab-list[data-v-2162ffaf] {
      grid-template-columns: repeat(4, auto);
      grid-gap: 47px;
      margin-bottom: 39px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .tab-list[data-v-2162ffaf] {
          grid-gap: calc(47vw * 126 / 857);
          margin-bottom: calc(39vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .tab[data-v-2162ffaf] {
      position: relative;
      font-family: var(--recipe-korea), sans-serif;
      font-size: 19.7px;
      color: #6870ab;
      background: none;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .tab[data-v-2162ffaf] {
          font-size: calc(19.7vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .tab.active[data-v-2162ffaf] {
        color: #fff;
}
.go-plnt-wrap > .cntnr .tab.active[data-v-2162ffaf]::after {
          position: absolute;
          bottom: -10px;
          left: calc(50% - 19px / 2);
          width: 19px;
          height: 10px;
          background-image: url("https://cdn.test.codmos.io/default/public/0e43b6a0-383f-4ee4-a9b9-78e24d16f686.svg");
          content: '';
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .tab.active[data-v-2162ffaf]::after {
              bottom: calc(-10vw * 126 / 857);
              left: calc(50% - calc(19vw * 126 / 857) / 2);
              width: calc(19vw * 126 / 857);
              height: calc(10vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .card-list[data-v-2162ffaf] {
      grid-template-columns: repeat(5, auto);
      grid-gap: 27px;
}
@media screen and (max-width: 1116px) and (min-width: 895px) {
.go-plnt-wrap > .cntnr .card-list[data-v-2162ffaf] {
          grid-template-columns: repeat(4, auto);
}
}
@media screen and (max-width: 895px) {
.go-plnt-wrap > .cntnr .card-list[data-v-2162ffaf] {
          grid-template-columns: repeat(3, auto);
}
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .card-list[data-v-2162ffaf] {
          grid-gap: calc(27vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .card[data-v-2162ffaf] {
      position: relative;
      width: 181px;
      height: 231px;
      padding: 14px 13px;
      color: #fff;
      cursor: pointer;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .card[data-v-2162ffaf] {
          width: calc(181vw * 126 / 857);
          height: calc(231vw * 126 / 857);
          padding: calc(14vw * 126 / 857) calc(13vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .card > *[data-v-2162ffaf] {
        position: relative;
}
.go-plnt-wrap > .cntnr .card .title[data-v-2162ffaf] {
        font-size: 18px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .card .title[data-v-2162ffaf] {
            font-size: calc(18vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .card .tags[data-v-2162ffaf] {
        font-size: 13px;
        font-weight: bold;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .card .tags[data-v-2162ffaf] {
            font-size: calc(13vw * 126 / 857);
}
}
.go-plnt-wrap > .cntnr .card > img[data-v-2162ffaf] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.go-plnt-wrap > .cntnr .card > img.on[data-v-2162ffaf] {
          border: 1px solid #fff;
          border-radius: 20px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > .cntnr .card > img.on[data-v-2162ffaf] {
              border-radius: calc(20vw * 126 / 857);
}
}
.go-plnt-wrap > footer[data-v-2162ffaf] {
    position: relative;
    width: 100%;
    height: 145px;
    background-color: #2f308b;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > footer[data-v-2162ffaf] {
        margin-top: -2px;
        height: calc(145vw * 126 / 857);
}
}
.go-plnt-wrap > footer .deco[data-v-2162ffaf] {
      position: absolute;
      left: calc(((100% - 2048px) / 2) + 1031px);
      bottom: 0;
      width: max(364px, calc(100vw * 364 / 2048));
      height: max(211px, calc(100vw * 211 / 2048));
}
@media screen and (min-width: 2048px) {
.go-plnt-wrap > footer .deco[data-v-2162ffaf] {
          left: calc(100vw * 1031 / 2048);
}
}
@media screen and (max-width: 640px) {
.go-plnt-wrap > footer .deco[data-v-2162ffaf] {
          right: 0;
          width: calc(364vw * 126 / 857);
          height: calc(211vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap[data-v-2162ffaf] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
}
.go-plnt-wrap .modal-wrap .blur[data-v-2162ffaf] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.7;
}
.go-plnt-wrap .modal-wrap .modal-cntnr[data-v-2162ffaf] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: relative;
      width: 609px;
      height: 491px;
      padding: 25px 30px;
      color: #79ddea;
      background-image: url("https://cdn.test.codmos.io/default/public/a2bc9e19-9292-410a-853d-340fd954ce97.svg");
      background-size: cover;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr[data-v-2162ffaf] {
          width: calc(609vw * 126 / 857);
          height: calc(491vw * 126 / 857);
          padding: calc(25vw * 126 / 857) calc(30vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .close-btn[data-v-2162ffaf],
      .go-plnt-wrap .modal-wrap .modal-cntnr .reward-img[data-v-2162ffaf],
      .go-plnt-wrap .modal-wrap .modal-cntnr .reward-title[data-v-2162ffaf],
      .go-plnt-wrap .modal-wrap .modal-cntnr .thumb[data-v-2162ffaf] {
        position: absolute;
}
.go-plnt-wrap .modal-wrap .modal-cntnr > .title[data-v-2162ffaf] {
        padding-left: 31px;
        margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr > .title[data-v-2162ffaf] {
            padding-left: calc(31vw * 126 / 857);
            margin-bottom: calc(22vw * 126 / 857);
            font-size: calc(24.8vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr > p[data-v-2162ffaf] {
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: bold;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr > p[data-v-2162ffaf] {
            margin-bottom: calc(6vw * 126 / 857);
            font-size: calc(14vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .close-btn[data-v-2162ffaf] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        top: 22px;
        right: 21px;
        z-index: 1;
        width: 33px;
        height: 33px;
        background: none;
        background-image: url("https://cdn.test.codmos.io/default/public/4693f0ab-af9b-4183-84ab-9a04ed10b7c4.svg");
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .close-btn[data-v-2162ffaf] {
            top: calc(22vw * 126 / 857);
            right: calc(21vw * 126 / 857);
            width: calc(33vw * 126 / 857);
            height: calc(33vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .thumb[data-v-2162ffaf] {
        top: 31px;
        right: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 306px;
        height: 306px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .thumb[data-v-2162ffaf] {
            top: calc(31vw * 126 / 857);
            right: calc(34vw * 126 / 857);
            width: calc(306vw * 126 / 857);
            height: calc(306vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .thumb .circle-deco[data-v-2162ffaf] {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: url("https://cdn.test.codmos.io/default/public/860a6cc4-fc6e-4132-b5a9-cac857dd46e4.svg");
          animation: all-rotate-2162ffaf 60s infinite;
}
.go-plnt-wrap .modal-wrap .modal-cntnr .thumb-img[data-v-2162ffaf] {
          width: 248px;
          height: 248px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .thumb-img[data-v-2162ffaf] {
              width: calc(248vw * 126 / 857);
              height: calc(248vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list[data-v-2162ffaf] {
        display: grid;
        grid-template-columns: repeat(3, auto);
        width: fit-content;
        grid-gap: 3px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list[data-v-2162ffaf] {
            grid-gap: calc(3vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list .char[data-v-2162ffaf] {
          width: 68px;
          height: 68px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list .char[data-v-2162ffaf] {
              width: calc(68vw * 126 / 857);
              height: calc(68vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list .char.exst[data-v-2162ffaf] {
            background: #183642;
            border-radius: 20px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .char-list .char.exst[data-v-2162ffaf] {
                border-radius: calc(20vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .story-title[data-v-2162ffaf] {
        margin-top: 20px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .story-title[data-v-2162ffaf] {
            margin-top: calc(9vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .story-txt[data-v-2162ffaf] {
        width: 443px;
        height: 92px;
        padding: 16px 20px;
        overflow: auto;
        font-size: 12px;
        line-height: 2.5;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .story-txt[data-v-2162ffaf] {
            width: calc(443vw * 126 / 857);
            height: calc(92vw * 126 / 857);
            padding: calc(16vw * 126 / 857) calc(20vw * 126 / 857);
            font-size: calc(12vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .reward-title[data-v-2162ffaf] {
        right: 69px;
        bottom: 124px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .reward-title[data-v-2162ffaf] {
            right: calc(69vw * 126 / 857);
            bottom: calc(124vw * 126 / 857);
}
}
.go-plnt-wrap .modal-wrap .modal-cntnr .reward-img[data-v-2162ffaf] {
        right: 31px;
        bottom: 32px;
        width: 91px;
        height: 91px;
}
@media screen and (max-width: 640px) {
.go-plnt-wrap .modal-wrap .modal-cntnr .reward-img[data-v-2162ffaf] {
            right: calc(31vw * 126 / 857);
            bottom: calc(32vw * 126 / 857);
            width: calc(91vw * 126 / 857);
            height: calc(91vw * 126 / 857);
}
}
@keyframes all-rotate-2162ffaf {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/GoPgeSkn.vue?vue&type=style&index=0&id=3ada04b9&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3ada04b9]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
@keyframes slideout-3ada04b9 {
from {
    transform: translateX(0%);
}
to {
    transform: translateX(-33.33333%);
}
}
@keyframes fadein-3ada04b9 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleupdown-3ada04b9 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
@keyframes fadeinout-for-actn-3ada04b9 {
0%, 100% {
    opacity: 0;
}
6.25%, 25% {
    opacity: 1;
}
}
i[data-v-3ada04b9] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
h2[data-v-3ada04b9],
h5[data-v-3ada04b9] {
  font-family: var(--recipe-korea), sans-serif;
  font-weight: normal;
}
p[data-v-3ada04b9] {
  font-family: var(--s-core-dream), sans-serif;
  white-space: pre-line;
}
@media screen and (max-width: 640px) {
.phone-hide[data-v-3ada04b9] {
    display: none;
}
}

/* width */
[data-v-3ada04b9]::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  margin: 5px;
}

/* Handle */
[data-v-3ada04b9]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8d8d8;
}

/* Handle on hover */
[data-v-3ada04b9]::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.go-skn-wrap .bg[data-v-3ada04b9] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  display: block;
  width: 100%;
  height: max(516px, calc(100vw * 516 / 2048));
  background-image: url("https://cdn.test.codmos.io/default/public/e96a4fb6-49a0-48e5-b602-dcf517b86ad5.svg");
  background-size: cover;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .bg[data-v-3ada04b9] {
      height: calc(516vw * 126 / 857);
}
}
.go-skn-wrap .info[data-v-3ada04b9] {
  position: absolute;
  left: calc(((100% - 2048px) / 2) + 738px);
  top: max(187px, calc(100vw * 187 / 2048));
  display: grid;
  grid-template-rows: auto 1fr max(56px, calc(100vw * 56 / 2048));
  height: max(151px, calc(100vw * 151 / 2048));
  grid-gap: max(8px, calc(100vw * 8 / 2048));
}
@media screen and (min-width: 2048px) {
.go-skn-wrap .info[data-v-3ada04b9] {
      left: calc(100vw * 738 / 2048);
}
}
@media screen and (max-width: 640px) {
.go-skn-wrap .info[data-v-3ada04b9] {
      top: calc(187vw * 126 / 857);
      left: calc(56vw * 126 / 857);
      grid-template-rows: auto 1fr calc(56vw * 126 / 857);
      height: calc(151vw * 126 / 857);
      grid-gap: calc(8vw * 126 / 857);
}
}
.go-skn-wrap .info p[data-v-3ada04b9] {
    font-size: max(14px, calc(100vw * 14 / 2048));
    font-weight: bold;
    color: #79ddea;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .info p[data-v-3ada04b9] {
        font-size: calc(14vw * 126 / 857);
}
}
.go-skn-wrap .info .title[data-v-3ada04b9] {
    font-size: max(19.7px, calc(100vw * 19.7 / 2048));
    color: #fff;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .info .title[data-v-3ada04b9] {
        font-size: calc(19.7vw * 126 / 857);
}
}
.go-skn-wrap .info .dc[data-v-3ada04b9] {
    width: max(287px, calc(100vw * 287 / 2048));
    line-height: 2;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .info .dc[data-v-3ada04b9] {
        width: calc(287vw * 126 / 857);
}
}
.go-skn-wrap .skn-img[data-v-3ada04b9] {
  position: absolute;
  left: calc(((100% - 2048px) / 2) + 1121px);
  top: max(131px, calc(100vw * 131 / 2048));
  width: max(215px, calc(100vw * 215 / 2048));
  height: max(267px, calc(100vw * 267 / 2048));
}
@media screen and (min-width: 2048px) {
.go-skn-wrap .skn-img[data-v-3ada04b9] {
      left: calc(100vw * 1121 / 2048);
}
}
@media screen and (max-width: 640px) {
.go-skn-wrap .skn-img[data-v-3ada04b9] {
      top: calc(131vw * 126 / 857);
      left: calc(439vw * 126 / 857);
      width: calc(215vw * 126 / 857);
      height: calc(267vw * 126 / 857);
}
}
.go-skn-wrap .choice-se[data-v-3ada04b9] {
  position: relative;
  padding: 30.5px 22px;
  overflow: auto;
  background-color: #6c6af2;
}
.go-skn-wrap .choice-se [class^='bg-'][data-v-3ada04b9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: calc(1275px + 22px * 2);
}
@media screen and (max-width: 640px) {
.go-skn-wrap .choice-se [class^='bg-'][data-v-3ada04b9] {
        min-width: calc(calc(1446vw * 126 / 857) + calc(22vw * 126 / 857) * 2);
}
}
.go-skn-wrap .choice-se .bg-grid-mask[data-v-3ada04b9] {
    background-color: #6c6af2;
    background-image: linear-gradient(to right, #4ee0ed 1.5px, transparent 1px), linear-gradient(to bottom, #4ee0ed 1.5px, transparent 1px);
    background-size: 7px 7px;
    -webkit-mask-image: radial-gradient(circle closest-side, #4ee0ed, rgba(78, 224, 237, 0) 71%);
            mask-image: radial-gradient(circle closest-side, #4ee0ed, rgba(78, 224, 237, 0) 71%);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
.go-skn-wrap .choice-se .btn-list[data-v-3ada04b9] {
    position: relative;
    width: 1275px;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .choice-se .btn-list[data-v-3ada04b9] {
        width: calc(1446vw * 126 / 857);
}
}
.go-skn-wrap .choice-se .btn-list .btn[data-v-3ada04b9] {
      position: relative;
      margin: 7.5px;
      background: none;
      opacity: 0.5;
}
.go-skn-wrap .choice-se .btn-list .btn.selected[data-v-3ada04b9] {
        opacity: 1;
}
.go-skn-wrap .choice-se .btn-list .btn.selected[data-v-3ada04b9]::after {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          display: inline-block;
          position: absolute;
          top: calc((83px - 100px) / 2);
          left: calc((83px - 100px) / 2);
          width: 100px;
          height: 100px;
          background-image: url("https://cdn.test.codmos.io/default/public/a23b9c4b-784b-47cf-bef8-5ec51aab46a2.svg");
          content: '';
}
@media screen and (max-width: 640px) {
.go-skn-wrap .choice-se .btn-list .btn.selected[data-v-3ada04b9]::after {
              top: calc((calc(83vw * 126 / 857) - calc(100vw * 126 / 857)) / 2);
              left: calc((calc(83vw * 126 / 857) - calc(100vw * 126 / 857)) / 2);
              width: calc(100vw * 126 / 857);
              height: calc(100vw * 126 / 857);
}
}
.go-skn-wrap .choice-se .btn-thumb[data-v-3ada04b9] {
    display: block;
    width: 83px;
    height: 83px;
}
@media screen and (max-width: 640px) {
.go-skn-wrap .choice-se .btn-thumb[data-v-3ada04b9] {
        width: calc(83vw * 126 / 857);
        height: calc(83vw * 126 / 857);
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/PgeGrowCard.vue?vue&type=style&index=0&id=c12ab910&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c12ab910]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.grow-card-wrap[data-v-c12ab910] {
  display: flex;
  align-items: center;
  min-height: 100vh;
  font-family: 'Cafe24Ohsquare', sans-serif;
  background-color: #9d2ceb;
}
.grow-card-wrap .cntnr[data-v-c12ab910] {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 1076px;
    margin: 0 auto;
    background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/img_bg_twinkle.svg") no-repeat center;
    background-size: cover;
}
.grow-card-wrap .cntnr > *[data-v-c12ab910] {
      position: relative;
}
.grow-card-wrap .cntnr header[data-v-c12ab910] {
      margin: 110px 0 47px;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr header[data-v-c12ab910] {
          margin: 85px 0 23px;
}
}
.grow-card-wrap .cntnr header[data-v-c12ab910]::before, .grow-card-wrap .cntnr header[data-v-c12ab910]::after {
        display: block;
        content: '';
}
.grow-card-wrap .cntnr header[data-v-c12ab910]::before {
        position: absolute;
        top: -92px;
        left: -91px;
        width: 288px;
        height: 122px;
        background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/img_subtitle.svg") no-repeat center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr header[data-v-c12ab910]::before {
            top: -7.11588vw;
            left: -2.12228vw;
            width: 17.85212vw;
            height: 7.4904vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr header[data-v-c12ab910]::before {
            top: -15.20002vw;
            left: -4.53334vw;
            width: 38.13338vw;
            height: 16.00002vw;
}
}
.grow-card-wrap .cntnr header[data-v-c12ab910]::after {
        position: relative;
        width: 663px;
        height: 111px;
        background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/img_title.svg") no-repeat center;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr header[data-v-c12ab910]::after {
            width: 41.07236vw;
            height: 6.8662vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr header[data-v-c12ab910]::after {
            width: 87.73344vw;
            height: 14.66668vw;
}
}
.grow-card-wrap .cntnr section[data-v-c12ab910] {
      display: flex;
      flex-flow: column;
      align-items: center;
      width: 472px;
      padding-bottom: 75px;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section[data-v-c12ab910] {
          padding-bottom: 27px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section[data-v-c12ab910] {
          width: 29.21256vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section[data-v-c12ab910] {
          width: 62.40008vw;
}
}
.grow-card-wrap .cntnr section > .card-img[data-v-c12ab910],
      .grow-card-wrap .cntnr section > video[data-v-c12ab910] {
        background-color: #d8d8d8;
        border-radius: 35px;
}
.grow-card-wrap .cntnr section > .card-img[data-v-c12ab910] {
        width: 100%;
        height: 518px;
        margin: 17px 0 23px;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section > .card-img[data-v-c12ab910] {
            margin: 8px auto 23px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .card-img[data-v-c12ab910] {
            width: 29.21256vw;
            height: 32.08388vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .card-img[data-v-c12ab910] {
            width: 62.40008vw;
            height: 68.53342vw;
}
}
.grow-card-wrap .cntnr section > .save[data-v-c12ab910],
      .grow-card-wrap .cntnr section > .link[data-v-c12ab910] {
        width: 310px;
        height: 61px;
        margin: 43px auto 58px;
        border-radius: 25px;
        box-shadow: 0 0 5px 3px rgba(71, 22, 158, 0.25);
        transition: transform ease-in 0.1s;
}
.grow-card-wrap .cntnr section > .save[data-v-c12ab910]:active,
        .grow-card-wrap .cntnr section > .link[data-v-c12ab910]:active {
          transform: scale(0.9);
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section > .save[data-v-c12ab910],
          .grow-card-wrap .cntnr section > .link[data-v-c12ab910] {
            margin: 0 auto 29px;
            box-shadow: 0 0 3px 1px rgba(71, 22, 158, 0.25);
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .save[data-v-c12ab910],
          .grow-card-wrap .cntnr section > .link[data-v-c12ab910] {
            width: 19.10052vw;
            height: 3.7452vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .save[data-v-c12ab910],
          .grow-card-wrap .cntnr section > .link[data-v-c12ab910] {
            width: 40.80005vw;
            height: 8.00001vw;
}
}
.grow-card-wrap .cntnr section > .save[data-v-c12ab910] {
        background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/btn_save_img.svg") no-repeat center;
}
.grow-card-wrap .cntnr section > .link[data-v-c12ab910] {
        background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/btn_enter_site.svg") no-repeat center;
}
.grow-card-wrap .cntnr section > .grid[data-v-c12ab910] {
        display: grid;
        grid-template-columns: 1fr 152px 213px;
        grid-template-areas: 'sidebar hder1 hder2' 'sidebar footer footer';
        align-items: center;
        width: 100%;
        grid-gap: 7px;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section > .grid[data-v-c12ab910] {
            grid-gap: 2px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .grid[data-v-c12ab910] {
            grid-template-columns: 1fr 9.363vw 14.23176vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .grid[data-v-c12ab910] {
            grid-template-columns: 1fr 20.00003vw 30.40004vw;
}
}
.grow-card-wrap .cntnr section > .grid > .arrow[data-v-c12ab910] {
          grid-area: sidebar;
          width: 86px;
          height: 76px;
          background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/img_arrow.svg") no-repeat center;
          animation: slide-down-c12ab910 1s infinite ease-in-out;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .arrow[data-v-c12ab910] {
              width: 5.11844vw;
              height: 3.7452vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .arrow[data-v-c12ab910] {
              width: 10.93335vw;
              height: 8.00001vw;
}
}
.grow-card-wrap .cntnr section > .grid > [class^='txt'][data-v-c12ab910] {
          color: #fff454;
}
.grow-card-wrap .cntnr section > .grid > .txt1[data-v-c12ab910] {
          grid-area: hder1;
          font-size: 40.8px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .txt1[data-v-c12ab910] {
              font-size: 2.47183vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .txt1[data-v-c12ab910] {
              font-size: 5.28001vw;
}
}
.grow-card-wrap .cntnr section > .grid > .txt2[data-v-c12ab910] {
          grid-area: footer;
          font-size: 30.4px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .txt2[data-v-c12ab910] {
              font-size: 1.92254vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .txt2[data-v-c12ab910] {
              font-size: 4.10667vw;
}
}
.grow-card-wrap .cntnr section > .grid > .icons[data-v-c12ab910] {
          grid-area: hder2;
          width: 203px;
          height: 40px;
          background: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/none-lndg/img_eggs.svg") no-repeat center;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section > .grid > .icons[data-v-c12ab910] {
              margin-left: 5px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .icons[data-v-c12ab910] {
              width: 12.60884vw;
              height: 2.4968vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > .grid > .icons[data-v-c12ab910] {
              width: 26.93337vw;
              height: 5.33334vw;
}
}
.grow-card-wrap .cntnr section > video[data-v-c12ab910] {
        width: 468px;
        height: 256px;
        margin: 38px auto 24px;
}
@media screen and (max-width: 1024px) {
.grow-card-wrap .cntnr section > video[data-v-c12ab910] {
            margin: 20px auto 23px;
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.grow-card-wrap .cntnr section > video[data-v-c12ab910] {
            width: 28.96288vw;
            height: 15.85468vw;
}
}
@media screen and (max-width: 640px) {
.grow-card-wrap .cntnr section > video[data-v-c12ab910] {
            width: 61.86674vw;
            height: 33.86671vw;
}
}
@keyframes slide-down-c12ab910 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(25%);
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/NotSize.vue?vue&type=style&index=0&id=3e26c21f&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3e26c21f]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.not-size-wrap[data-v-3e26c21f] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  min-height: 100vh;
  font-family: var(--s-core-dream), sans-serif;
  background: #2f308b;
}
.not-size-wrap > *[data-v-3e26c21f]:nth-child(2) {
    margin-top: 32px;
}
.not-size-wrap > *[data-v-3e26c21f]:nth-child(3) {
    margin-top: 45px;
}
.not-size-wrap > p[data-v-3e26c21f] {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.62;
    color: #fff;
    text-align: center;
    white-space: pre-line;
}
.not-size-wrap .deco[data-v-3e26c21f] {
    display: inline-block;
    width: 211px;
    height: 123px;
    background-image: url("https://logicong-web-resources.s3.ap-northeast-2.amazonaws.com/landing/main/go/img_planet_contents.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.not-size-wrap > button[data-v-3e26c21f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 211px;
    height: 47px;
    font-family: var(--recipe-korea), sans-serif;
    font-size: 20px;
    color: #fff;
    background-color: #6c6af2;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/SharePge.vue?vue&type=style&index=0&id=76b94238&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-76b94238]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.logo[data-v-76b94238] {
  width: 100.7px;
  height: 16.3px;
  margin: 20px;
  background-image: url("https://cdn.test.codmos.io/default/public/eb38d046-5bb9-4de8-bc0e-fe4a3df6b812.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
#game-wrap[data-v-76b94238] {
  width: 100%;
  height: 45rem;
  max-width: 30rem;
  margin: auto;
}
.title[data-v-76b94238] {
  margin: 1rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #303030;
  text-align: center;
}
.start-btn[data-v-76b94238] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.retry-btn[data-v-76b94238] {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #000;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/CdngPstrFltngBaner.vue?vue&type=style&index=0&id=5f09e828&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5f09e828]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-pstr-fltng-baner-wrap[data-v-5f09e828] {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 98;
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  height: 64px;
  overflow: hidden;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}
.cdng-pstr-fltng-baner-wrap .baner-left-wrap[data-v-5f09e828] {
    display: grid;
    grid-auto-flow: row;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    background-color: #0d9f8e;
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);
}
.cdng-pstr-fltng-baner-wrap .baner-right-wrap[data-v-5f09e828] {
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    background-color: #69b7ff;
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);
}
.cdng-pstr-fltng-baner-wrap .baner-right-wrap.hm-lrn[data-v-5f09e828] {
      background: linear-gradient(180deg, #c1f5a8 0%, #9eda5f 98.96%);
}
.cdng-pstr-fltng-baner-wrap .baner-right-wrap.hm-lrn h3[data-v-5f09e828] {
        font-size: 16px;
        font-weight: 600;
        color: #084a1f;
}
.cdng-pstr-fltng-baner-wrap .baner-txt[data-v-5f09e828] {
    min-width: 150px;
    font-family: var(--nanum-square), sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.67;
    color: #fff;
    text-align: center;
}
.cdng-pstr-fltng-baner-wrap .baner-img[data-v-5f09e828] {
    width: 152px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeCdngPstr.vue?vue&type=style&index=0&id=ee65e812&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ee65e812]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-pstr-wrap source[data-v-ee65e812], .cdng-pstr-wrap img[data-v-ee65e812] {
  width: 100%;
}
.cdng-pstr-wrap .foter[data-v-ee65e812] {
  margin-bottom: 88px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/shareRslt/ShareAiDutyRslt.vue?vue&type=style&index=0&id=1f784c37&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.share-ai-duty-rstl-wrap span {
  color: #2b41b6;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/shareRslt/ShareAiDutyRslt.vue?vue&type=style&index=1&id=1f784c37&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1f784c37]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-1f784c37]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.share-ai-duty-rstl-wrap img[data-v-1f784c37] {
  width: 100%;
  max-width: 500px;
}
.share-ai-duty-rstl-wrap .title[data-v-1f784c37] {
  position: relative;
  display: grid;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .title[data-v-1f784c37] {
      margin: 40px 0 0;
}
}
.share-ai-duty-rstl-wrap .title .title-img[data-v-1f784c37] {
    position: absolute;
    top: 15%;
    left: 50%;
    height: auto;
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .title .title-img[data-v-1f784c37] {
        top: 10%;
}
}
.share-ai-duty-rstl-wrap .dc[data-v-1f784c37] {
  position: relative;
  display: grid;
  justify-content: center;
  width: 100%;
  height: 376px;
}
.share-ai-duty-rstl-wrap .dc img[data-v-1f784c37] {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .dc img[data-v-1f784c37] {
        top: -7%;
}
}
.share-ai-duty-rstl-wrap .dc p[data-v-1f784c37] {
    position: absolute;
    top: 7%;
    left: 50%;
    width: 100%;
    font-family: var(--one-mobile-pop), sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
    color: #bdd4f5;
    text-align: center;
    word-break: keep-all;
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .dc p[data-v-1f784c37] {
        font-size: 18px;
}
}
.share-ai-duty-rstl-wrap .chart[data-v-1f784c37] {
  width: 95%;
  height: auto;
  max-width: 450px;
  margin: 140px auto 0;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .chart[data-v-1f784c37] {
      max-width: 325px;
      margin: 40px auto 0;
}
}
.share-ai-duty-rstl-wrap .chart p[data-v-1f784c37] {
    display: flex;
    align-items: baseline;
    gap: 9.34px;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.337px;
    /* 116.694% */
    color: #2f2f2f;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .chart p[data-v-1f784c37] {
        font-size: 14px;
}
}
.share-ai-duty-rstl-wrap .chart p[data-v-1f784c37]:nth-child(1)::before {
      width: 10.502px;
      height: 10.502px;
      background: #c4d5f0;
      content: '';
}
.share-ai-duty-rstl-wrap .chart p[data-v-1f784c37]:nth-child(2)::before {
      width: 10.502px;
      height: 10.502px;
      background: #ff5a81;
      content: '';
}
.share-ai-duty-rstl-wrap .chart p[data-v-1f784c37]:nth-child(2) {
      margin-top: 8px;
}
.share-ai-duty-rstl-wrap .divider[data-v-1f784c37] {
  height: 1px;
  max-width: 500px;
  margin: 40px auto;
  background: #c6d5e9;
}
.share-ai-duty-rstl-wrap .sub-title[data-v-1f784c37] {
  margin: 0 auto 32px;
  font-family: var(--one-mobile-pop), sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24px */
  color: #2f2f2f;
  text-align: center;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .sub-title[data-v-1f784c37] {
      font-size: 20px;
}
}
.share-ai-duty-rstl-wrap .result-wrap[data-v-1f784c37] {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  gap: 16px;
  width: 100%;
  padding: 24px 0;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item[data-v-1f784c37] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item[data-v-1f784c37]:nth-child(1)::after, .share-ai-duty-rstl-wrap .result-wrap .result-item[data-v-1f784c37]:nth-child(2)::after {
      position: absolute;
      top: 0;
      right: -9px;
      width: 1px;
      height: 179px;
      background: #b9c1d6;
      content: '';
}
.share-ai-duty-rstl-wrap .result-wrap .result-item .rnkng[data-v-1f784c37] {
      height: 37px;
      font-family: var(--one-mobile-pop), sans-serif;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      text-align: center;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item .rnkng-title[data-v-1f784c37] {
      width: 120px;
      margin: 8px auto 16px;
      font-family: var(--nanum-square-round), sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 800;
      line-height: 120%;
      /* 18px */
      color: #2f2f2f;
      text-align: center;
      word-break: keep-all;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item .rnkng-img[data-v-1f784c37] {
      width: 100px;
      height: 100px;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(1) .rnkng-img[data-v-1f784c37] {
      border: 1.861px solid #afbddf;
      border-radius: 2px;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(2) .rnkng-img[data-v-1f784c37] {
      border: 1.861px solid rgba(175, 189, 223, 0.6);
      border-radius: 2px;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(3) .rnkng-img[data-v-1f784c37] {
      border: 1.861px solid rgba(175, 189, 223, 0.3);
      border-radius: 2px;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(1) .rnkng[data-v-1f784c37] {
      font-size: 37.222px;
      color: #2b42b6;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(2) .rnkng[data-v-1f784c37] {
      font-size: 27.917px;
      color: #6477db;
}
.share-ai-duty-rstl-wrap .result-wrap .result-item:nth-child(3) .rnkng[data-v-1f784c37] {
      font-size: 22.333px;
      color: #a1aef0;
}
.share-ai-duty-rstl-wrap .share-wrap[data-v-1f784c37] {
  display: grid;
  grid-auto-flow: row;
  justify-content: center;
  gap: 16px;
  margin: 40px auto 45px;
}
.share-ai-duty-rstl-wrap .share-wrap p[data-v-1f784c37] {
    justify-self: center;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    color: #636363;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .share-wrap p[data-v-1f784c37] {
        font-size: 16px;
}
}
.share-ai-duty-rstl-wrap .share-wrap .btn-wrap[data-v-1f784c37] {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
    gap: 24px;
}
.share-ai-duty-rstl-wrap .share-wrap button[data-v-1f784c37] {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.share-ai-duty-rstl-wrap .share-wrap button img[data-v-1f784c37] {
      width: 75px;
      height: 75px;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .share-wrap button img[data-v-1f784c37] {
          width: 56px;
          height: 56px;
}
}
.share-ai-duty-rstl-wrap .share-wrap button[data-v-1f784c37]:hover {
      color: #fff;
      scale: 1.05;
}
.share-ai-duty-rstl-wrap .quick-link[data-v-1f784c37] {
  position: relative;
  width: 100%;
  height: 200px;
  max-width: 500px;
  margin: 0 auto;
  background: #4d4c48;
}
.share-ai-duty-rstl-wrap .quick-link img[data-v-1f784c37] {
    position: absolute;
    top: 6%;
    left: 50%;
    z-index: 1;
    width: 108px;
    height: 61px;
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .quick-link img[data-v-1f784c37] {
        top: 10%;
        width: 81px;
        height: 46px;
}
}
.share-ai-duty-rstl-wrap .quick-link button[data-v-1f784c37] {
    position: absolute;
    top: 57px;
    left: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 447px;
    height: 86px;
    cursor: pointer;
    background: #28cb7c;
    border-radius: 100px;
    transform: translateX(-50%);
    box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.25) inset, 0 16px 16px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .quick-link button[data-v-1f784c37] {
        width: 335px;
        height: 64px;
}
}
.share-ai-duty-rstl-wrap .quick-link button p[data-v-1f784c37] {
      z-index: 2;
      font-family: var(--nanum-square-round), sans-serif;
      font-size: 29px;
      font-style: normal;
      font-weight: 800;
      line-height: 150%;
      /* 33px */
      color: #fff;
}
@media screen and (max-width: 640px) {
.share-ai-duty-rstl-wrap .quick-link button p[data-v-1f784c37] {
          font-size: 22px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/compn/shareRslt/ShareAiPrvcyRslt.vue?vue&type=style&index=0&id=a6420f6a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a6420f6a]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.share-ai-prvcy-rslt-wrap img[data-v-a6420f6a] {
  width: 500px;
}
.share-ai-prvcy-rslt-wrap .title[data-v-a6420f6a] {
  position: relative;
  display: grid;
  justify-content: center;
  width: 100%;
}
.share-ai-prvcy-rslt-wrap .title .title-img[data-v-a6420f6a] {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 346px;
    height: auto;
    transform: translateX(-50%);
}
.share-ai-prvcy-rslt-wrap .title p[data-v-a6420f6a] {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 80%;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    word-break: keep-all;
    transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.share-ai-prvcy-rslt-wrap .title p[data-v-a6420f6a] {
        top: 30% !important;
}
}
.share-ai-prvcy-rslt-wrap .rslt-wrap[data-v-a6420f6a] {
  display: grid;
  justify-content: center;
  justify-items: center;
  margin: 60px auto 0;
}
.share-ai-prvcy-rslt-wrap .rslt-wrap p[data-v-a6420f6a] {
    width: 100%;
    font-family: var(--one-mobile-pop), sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #4f4647;
    text-align: center;
    word-break: keep-all;
}
@media screen and (max-width: 640px) {
.share-ai-prvcy-rslt-wrap .rslt-wrap p[data-v-a6420f6a] {
        width: 100%;
}
}
.share-ai-prvcy-rslt-wrap .rslt-wrap img[data-v-a6420f6a] {
    width: 254px;
    height: auto;
    margin: 25px auto 29px;
}
.share-ai-prvcy-rslt-wrap .divider[data-v-a6420f6a] {
  max-width: 500px;
  background: #c6d5e9;
}
.share-ai-prvcy-rslt-wrap .rslt-txt-wrap[data-v-a6420f6a] {
  margin: 0 auto 40px;
}
.share-ai-prvcy-rslt-wrap .rslt-txt-wrap .rslt-txt[data-v-a6420f6a] {
    width: 420px;
}
@media screen and (max-width: 640px) {
.share-ai-prvcy-rslt-wrap .rslt-txt-wrap .rslt-txt[data-v-a6420f6a] {
        width: 80%;
        max-width: 500px;
}
}
.share-ai-prvcy-rslt-wrap .rslt-txt-wrap .rslt-txt .title[data-v-a6420f6a] {
      display: grid;
      justify-content: start;
      margin: 0 0 14px;
      font-family: var(--one-mobile-pop), sans-serif;
      font-size: 21px;
      font-weight: 400;
      color: #7d67ff;
      text-align: left;
      word-break: keep-all;
}
.share-ai-prvcy-rslt-wrap .rslt-txt-wrap .rslt-txt .txt[data-v-a6420f6a] {
      margin: 20px 0 0 30px;
      font-family: var(--nanum-square-round), sans-serif;
      font-size: 17.3px;
      font-weight: 700;
      color: #000;
      text-align: left;
      word-break: keep-all;
}
.share-ai-prvcy-rslt-wrap .share-wrap[data-v-a6420f6a] {
  display: grid;
  grid-auto-flow: row;
  justify-content: center;
  gap: 16px;
  margin: 40px auto 45px;
}
.share-ai-prvcy-rslt-wrap .share-wrap p[data-v-a6420f6a] {
    justify-self: center;
    font-family: var(--nanum-square-round), sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    color: #636363;
}
.share-ai-prvcy-rslt-wrap .share-wrap .btn-wrap[data-v-a6420f6a] {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
    gap: 24px;
}
.share-ai-prvcy-rslt-wrap .share-wrap button[data-v-a6420f6a] {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.share-ai-prvcy-rslt-wrap .share-wrap button img[data-v-a6420f6a] {
      width: 75px;
      height: 75px;
}
.share-ai-prvcy-rslt-wrap .share-wrap button[data-v-a6420f6a]:hover {
      color: #fff;
      scale: 1.05;
}
.share-ai-prvcy-rslt-wrap .quick-link[data-v-a6420f6a] {
  position: relative;
  width: 100%;
  height: 280px;
  max-width: 500px;
  margin: 0 auto;
  background: linear-gradient(to bottom, #842db8 0%, #260f45 100%);
}
.share-ai-prvcy-rslt-wrap .quick-link img[data-v-a6420f6a] {
    position: absolute;
    top: 4%;
    left: 50%;
    z-index: 1;
    width: 130px;
    height: 130px;
    transform: translateX(-50%);
}
.share-ai-prvcy-rslt-wrap .quick-link button[data-v-a6420f6a] {
    position: absolute;
    top: 112px;
    left: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 447px;
    height: 86px;
    cursor: pointer;
    background: #ff8293;
    border-radius: 100px;
    transform: translateX(-50%);
    box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.25) inset, 0 16px 16px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 640px) {
.share-ai-prvcy-rslt-wrap .quick-link button[data-v-a6420f6a] {
        top: 120px;
        width: 335px;
        height: 64px;
}
}
.share-ai-prvcy-rslt-wrap .quick-link button p[data-v-a6420f6a] {
      z-index: 2;
      font-family: var(--nanum-square-round), sans-serif;
      font-size: 29px;
      font-style: normal;
      font-weight: 800;
      line-height: 150%;
      /* 33px */
      color: #fff;
}
@media screen and (max-width: 640px) {
.share-ai-prvcy-rslt-wrap .quick-link button p[data-v-a6420f6a] {
          font-size: 22px;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/ShareRsltPge.vue?vue&type=style&index=0&id=380f756f&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-380f756f]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
[data-v-380f756f]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.share-rslt-page-wrap[data-v-380f756f] {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}
.share-rslt-page-wrap header[data-v-380f756f] {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 1000;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    max-width: 505px;
    margin: 0 auto;
    background: #fff;
    transform: translateX(-50%);
}
.share-rslt-page-wrap header img[data-v-380f756f] {
      cursor: pointer;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/EnterClassCodePge.vue?vue&type=style&index=0&id=18b31188&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-18b31188]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-18b31188] {
  color: #5682fe;
}
.link[data-v-18b31188]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-18b31188] {
  line-height: 1;
}
.btn.prmry[data-v-18b31188] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-18b31188]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-18b31188] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-18b31188]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-18b31188] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-18b31188]:disabled, .btn[data-v-18b31188]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-18b31188] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-18b31188]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-18b31188]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-18b31188]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-18b31188],
.un-chck[data-v-18b31188] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-18b31188]::before,
  .un-chck[data-v-18b31188]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-18b31188] {
  background-color: #cdd2d5;
}
.chck[data-v-18b31188] {
  background-color: #5682fe;
}
input[type='password'][data-v-18b31188] {
  font-family: auto;
}
.main-logo[data-v-18b31188] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-18b31188] {
      margin: 40px auto;
}
}
.form[data-v-18b31188] {
  display: grid;
  grid-auto-columns: 1fr 1.58fr;
  grid-auto-flow: column;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.form[data-v-18b31188] {
      grid-auto-columns: 1fr 1fr;
}
}
label[data-v-18b31188] {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
.inpt[data-v-18b31188] {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  border-radius: 4px;
}
.inpt[data-v-18b31188]:placeholder-shown {
    color: #7f8999;
}
.inpt[data-v-18b31188]::placeholder {
    font-family: var(--pretendard), sans-serif;
}
.inpt[data-v-18b31188]:disabled {
    color: #a9a9a9;
    cursor: not-allowed;
    background-color: #eaeaea;
}
.btn[data-v-18b31188] {
  height: 52px;
  font-family: var(--pretendard), sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}
.btn.sbmt[data-v-18b31188] {
    color: #5682fe;
    background-color: #fff;
    border: 1px solid #a0b9ff;
}
.error-msg[data-v-18b31188] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #ff2c6b;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.error-msg[data-v-18b31188] {
      font-size: 10px;
      line-height: 12px;
}
}
.gide-msg[data-v-18b31188] {
  margin-top: 6px;
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #8a8a8a;
  text-align: left;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.gide-msg[data-v-18b31188] {
      font-size: 14px;
}
}
.link[data-v-18b31188] {
  font-family: var(--pretendard), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.71px;
}
.enter-clas-cd-pge-wrap[data-v-18b31188] {
  max-width: 682px;
  padding: 20px;
  padding-top: 80px;
  padding-bottom: 120px;
  margin: auto;
  text-align: center;
}
.enter-clas-cd-pge-wrap .logo[data-v-18b31188] {
    display: block;
    margin-bottom: 64px;
}
.enter-clas-cd-pge-wrap .logo[data-v-18b31188] * {
      margin: 0;
}
.enter-clas-cd-pge-wrap .dc[data-v-18b31188] {
    white-space: pre-line;
}
.enter-clas-cd-pge-wrap > p[data-v-18b31188] {
    margin: 20px 0;
    margin-bottom: 64px;
    font-size: 26px;
}
.enter-clas-cd-pge-wrap > label[data-v-18b31188], .enter-clas-cd-pge-wrap .btn[data-v-18b31188], .enter-clas-cd-pge-wrap .cd-inpt[data-v-18b31188] {
    width: 482px;
    margin: 0 auto;
}
.enter-clas-cd-pge-wrap .plchl[data-v-18b31188] {
    display: block;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    /* 38.4px */
    color: #929292;
    text-align: center;
}
.enter-clas-cd-pge-wrap .inpt-grp[data-v-18b31188] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}
.enter-clas-cd-pge-wrap .err-msg[data-v-18b31188] {
    color: #ff2c6b;
}
.enter-clas-cd-pge-wrap .cd-inpt[data-v-18b31188] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 88px;
    height: 119px;
    padding: 0;
    font-size: 64px;
    font-weight: 600;
    line-height: 150%;
    /* 96px */
    text-align: center;
    border: 1px solid #B7B7B7;
    border-radius: 4px;
}
.enter-clas-cd-pge-wrap .cd-inpt[data-v-18b31188]::placeholder {
      color: #dfdede;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/CdngPrtyHder.vue?vue&type=style&index=0&id=2670a67b&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2670a67b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-prty-hder[data-v-2670a67b] {
  border-bottom: 1px solid #000;
}
.cdng-prty-hder *[data-v-2670a67b] {
    font-family: var(--pretendard);
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #000;
}
.cdng-prty-hder .cntnr[data-v-2670a67b] {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    height: 64px;
    padding: 0 20px;
    margin: auto;
}
.cdng-prty-hder .logo[data-v-2670a67b] {
    width: 131px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/37b48841-4910-46d8-b2a1-99450976f370.svg");
}
.cdng-prty-hder .link-grp[data-v-2670a67b] {
    display: grid;
    grid-auto-flow: column;
    gap: 75px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/CdngPrtyGameCntnts.vue?vue&type=style&index=0&id=1f0a0c70&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1f0a0c70]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-prty-game-cntnts[data-v-1f0a0c70] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1000px;
  background-position: center;
  background-repeat: no-repeat;
}
.cdng-prty-game-cntnts .wrap[data-v-1f0a0c70] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 1280px;
    height: 1000px;
}
.cdng-prty-game-cntnts .wrap .gif-img[data-v-1f0a0c70] {
      position: absolute;
      left: 0;
      object-fit: cover;
      border: 4px solid #EEE;
      border-radius: 8px;
      transform: translateX(-50%);
}
.cdng-prty-game-cntnts .wrap .video-wrap[data-v-1f0a0c70] {
      position: absolute;
}
.cdng-prty-game-cntnts .wrap .video-wrap video[data-v-1f0a0c70] {
        width: 100%;
        height: 100%;
        border: 4px solid #EEE;
        border-radius: 8px;
}
.cdng-prty-game-cntnts .btn-grp[data-v-1f0a0c70] {
    position: absolute;
    top: 135px;
    left: 415px;
    display: grid;
    grid-auto-flow: column;
    gap: 244px;
}
.cdng-prty-game-cntnts .btn-grp .suprt-btn[data-v-1f0a0c70] {
      width: 161px;
      height: 38px;
      margin-top: 21px;
}
.cdng-prty-game-cntnts .btn-grp .start-btn[data-v-1f0a0c70] {
      width: 396px;
      height: 108px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/CdngPrtySideBtnGrp.vue?vue&type=style&index=0&id=8dc6241c&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8dc6241c]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-prty-side-btn-grp[data-v-8dc6241c] {
  position: fixed;
  top: 197px;
  right: 16px;
  display: grid;
  grid-auto-flow: row;
  gap: 16px;
}
.cdng-prty-side-btn-grp button[data-v-8dc6241c] {
    cursor: pointer;
    transition: transform ease-in 0.25s;
}
.cdng-prty-side-btn-grp button[data-v-8dc6241c]:active {
      transform: scale(0.95);
}
.cdng-prty-side-btn-grp button[data-v-8dc6241c]:disabled {
      transform: none;
}
.cdng-prty-side-btn-grp .event-btn[data-v-8dc6241c] {
    width: 152px;
    height: 144px;
    font-family: var(--one-mobile-pop);
    font-size: 26px;
    line-height: 28px;
    background: #D4EBFF;
    border: 4px solid #42A7FF;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp .event-btn b[data-v-8dc6241c] {
      color: #1B8FF4;
}
.cdng-prty-side-btn-grp .contest-btn[data-v-8dc6241c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 152px;
    height: 48px;
    font-family: var(--pretendard);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 155.556% */
    color: #FFF;
    text-align: center;
    background: #5100FF;
    border-radius: 8px;
    box-shadow: 0 8px 15px 0 rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp .cntnts-btn[data-v-8dc6241c] {
    width: 152px;
    height: 72px;
    font-family: var(--pretendard);
    font-size: 22px;
    line-height: 28px;
    color: #FFF;
    background: #2682F9;
    border: 4px solid #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp .tcher-btn[data-v-8dc6241c] {
    width: 152px;
    height: 72px;
    font-family: var(--pretendard);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #084513;
    background: linear-gradient(90deg, #02C22D 4.28%, #78EB1C 95.07%);
    border: 4px solid #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp .gift-box[data-v-8dc6241c] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url("https://cdn.test.codmos.io/default/public/2bdf621c-3cb9-4751-a70d-d41f86d8be50.svg");
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/CdngPrtySideBtnGrpForGameCntnts.vue?vue&type=style&index=0&id=4d8b937d&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4d8b937d]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-prty-side-btn-grp-for-game-cntnts[data-v-4d8b937d] {
  position: fixed;
  top: 0;
  right: 16px;
  display: grid;
  grid-template-rows: repeat(10, min-content);
  grid-auto-flow: row;
  gap: 16px;
  height: calc(100% - 130px);
  padding-top: 34px;
  padding-bottom: 140px;
  overflow: auto;
  -webkit-mask-image: linear-gradient(to top, transparent 5%, black 15%);
          mask-image: linear-gradient(to top, transparent 5%, black 15%);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cdng-prty-side-btn-grp-for-game-cntnts[data-v-4d8b937d]::-webkit-scrollbar {
    display: none;
}
.cdng-prty-side-btn-grp-for-game-cntnts button[data-v-4d8b937d] {
    cursor: pointer;
    transition: transform ease-in 0.25s;
}
.cdng-prty-side-btn-grp-for-game-cntnts button[data-v-4d8b937d]:active {
      transform: scale(0.95);
}
.cdng-prty-side-btn-grp-for-game-cntnts button[data-v-4d8b937d]:disabled {
      transform: none;
}
.cdng-prty-side-btn-grp-for-game-cntnts .event-btn[data-v-4d8b937d] {
    width: 152px;
    height: 144px;
    font-family: var(--one-mobile-pop);
    font-size: 26px;
    line-height: 28px;
    background: #D4EBFF;
    border: 4px solid #42A7FF;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp-for-game-cntnts .event-btn b[data-v-4d8b937d] {
      color: #1B8FF4;
}
.cdng-prty-side-btn-grp-for-game-cntnts .cntnts-btn[data-v-4d8b937d] {
    width: 152px;
    height: 48px;
    font-family: var(--pretendard);
    font-size: 18px;
    line-height: 28px;
    color: #525252;
    background-color: #FFF;
    border: 4px solid #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp-for-game-cntnts .cntnts-btn.actv[data-v-4d8b937d] {
      color: #FFF;
      background: #525252;
}
.cdng-prty-side-btn-grp-for-game-cntnts .contest-btn[data-v-4d8b937d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 152px;
    height: 48px;
    font-family: var(--pretendard);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 155.556% */
    color: #fff;
    text-align: center;
    background: #5100FF;
    border-radius: 8px;
    box-shadow: 0 8px 15px 0 rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp-for-game-cntnts .tcher-btn[data-v-4d8b937d] {
    width: 152px;
    height: 72px;
    font-family: var(--pretendard);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #084513;
    background: linear-gradient(90deg, #02C22D 4.28%, #78EB1C 95.07%);
    border: 4px solid #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.cdng-prty-side-btn-grp-for-game-cntnts .gift-box[data-v-4d8b937d] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url("https://cdn.test.codmos.io/default/public/2bdf621c-3cb9-4751-a70d-d41f86d8be50.svg");
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/CdngPrtyCntnModal.vue?vue&type=style&index=0&id=c8cc8ab4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c8cc8ab4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.modal-wrapper[data-v-c8cc8ab4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  font-family: AppleSDGothicNeo, sans-serif;
  font-weight: 600;
  background-color: rgba(38, 38, 38, 0.5);
}
.modal-wrapper button[data-v-c8cc8ab4] {
    background: none;
    border: none;
}
.modal-wrapper > *[data-v-c8cc8ab4] {
    background-color: #fff;
    border-radius: 20px;
}
.modal-wrapper .modal-container[data-v-c8cc8ab4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90vw;
    max-width: 378px;
    padding: 10px;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.07);
}
.modal-wrapper .modal-container .close[data-v-c8cc8ab4] {
      float: right;
      width: 42px;
      height: 42px;
      vertical-align: middle;
      background-image: url("https://cdn.test.codmos.io/default/public/e7b85911-861f-45fc-b97e-7ae83f220464.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
}
.modal-wrapper .modal-container .cm-modal-body[data-v-c8cc8ab4] {
      padding: 62px 4.005vw 15px;
}
@media screen and (min-width: 1024px) {
.modal-wrapper .modal-container .cm-modal-body[data-v-c8cc8ab4] {
          padding: 62px 0 15px;
}
}
.modal-wrapper .modal-container .submit[data-v-c8cc8ab4] {
      padding: 14px;
      margin: 0 6.5px 15px;
      color: #fff;
      background-color: #3b2d69;
      border-radius: 10px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/pge/CdngPrtyPgeLndg.vue?vue&type=style&index=0&id=0090fb60&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
body {
  overflow-x: hidden;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/pge/CdngPrtyPgeLndg.vue?vue&type=style&index=1&id=0090fb60&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0090fb60]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.cdng-prty-pge-lndg-cntnr section.jmbtr-sctn[data-v-0090fb60] {
  display: flex;
  justify-content: center;
}
.cdng-prty-pge-lndg-cntnr section.free-trial[data-v-0090fb60] {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 960px;
}
.cdng-prty-pge-lndg-cntnr section.free-trial .wrap[data-v-0090fb60] {
    position: absolute;
}
.cdng-prty-pge-lndg-cntnr section.free-trial .wrap button[data-v-0090fb60] {
      position: absolute;
      left: 1058px;
      top: 654px;
      width: 384px;
      height: 80px;
}
.cdng-prty-pge-lndg-cntnr section.event[data-v-0090fb60] {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 1344px;
}
.cdng-prty-pge-lndg-cntnr section.event .wrap[data-v-0090fb60] {
    position: absolute;
}
.cdng-prty-pge-lndg-cntnr section.event .wrap button[data-v-0090fb60] {
      position: absolute;
      left: 50%;
      top: 1104px;
      width: 352px;
      height: 80px;
      transform: translateX(-50%);
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2[data-v-0090fb60] {
  position: relative;
  width: 100%;
  height: 3082px;
  background: #faf8f2;
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 .cntnr[data-v-0090fb60] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 3082px;
    transform: translateX(-50%);
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 img[data-v-0090fb60] {
    position: absolute;
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 .tcher-img-1[data-v-0090fb60] {
    top: 121px;
    left: 360px;
    width: 1220px;
    height: 856px;
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 .tcher-img-2[data-v-0090fb60] {
    top: 1041px;
    left: 462px;
    width: 996px;
    height: 400px;
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 .tcher-img-3[data-v-0090fb60] {
    top: 1505px;
    left: 462px;
    width: 996px;
    height: 1457px;
}
.cdng-prty-pge-lndg-cntnr .tcher-sctn-2 button[data-v-0090fb60] {
    position: absolute;
    top: 328px;
    left: 1176px;
    width: 384px;
    height: 80px;
}
.cdng-prty-pge-lndg-cntnr .footer[data-v-0090fb60] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
}
.cdng-prty-pge-lndg-cntnr .footer .button[data-v-0090fb60] {
    position: absolute;
    bottom: 120px;
    width: 384px;
    height: 80px;
}
.cdng-prty-pge-lndg-cntnr .to-top-btn[data-v-0090fb60] {
  position: fixed;
  right: 43px;
  bottom: 170px;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: #07d1de;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.cdng-prty-pge-lndg-cntnr .to-top-btn[data-v-0090fb60]::before {
    width: 21.11px;
    height: 22.03px;
    background-image: url("https://cdn.test.codmos.io/default/public/df572d8e-dc39-4a26-a53d-9853da700915.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.cdng-prty-pge-lndg-cntnr .wait-section[data-v-0090fb60] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.cdng-prty-pge-lndg-cntnr .wait-section .spinner[data-v-0090fb60] {
    width: 100px;
    height: 100px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/JoinUsForm.vue?vue&type=style&index=0&id=35c6c2bd&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-35c6c2bd]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.join-us-form-wrap *[data-v-35c6c2bd] {
  font-family: var(--pretendard), sans-serif;
  color: #262626;
}
.join-us-form-wrap h2[data-v-35c6c2bd] {
  font-size: 48px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
}
@media screen and (max-width: 640px) {
.join-us-form-wrap h2[data-v-35c6c2bd] {
      font-size: 48px;
      line-height: 100%;
}
}
.join-us-form-wrap .text-wrap[data-v-35c6c2bd] {
  max-width: 760px;
  padding: 0 24px;
  margin: 32px auto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
@media screen and (max-width: 640px) {
.join-us-form-wrap .text-wrap[data-v-35c6c2bd] {
      width: auto;
      margin-top: 40px auto;
      font-size: 18px;
      line-height: 150%;
}
}
.join-us-form-wrap .form[data-v-35c6c2bd] {
  width: fit-content;
  margin: auto;
  text-align: center;
}
.join-us-form-wrap .input-grp[data-v-35c6c2bd] {
  display: grid;
  gap: 72px;
  margin: 106px auto;
}
@media screen and (max-width: 640px) {
.join-us-form-wrap .input-grp[data-v-35c6c2bd] {
      gap: 49px;
      margin: 80px auto;
}
}
.join-us-form-wrap .input-grp input[data-v-35c6c2bd] {
    width: 544px;
    height: 64px;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    border-bottom: 6px solid #262626;
}
.join-us-form-wrap .input-grp input[data-v-35c6c2bd]::placeholder {
      color: #AAA;
}
@media screen and (max-width: 640px) {
.join-us-form-wrap .input-grp input[data-v-35c6c2bd] {
        width: 280px;
        height: 44px;
        font-size: 18px;
        line-height: 150%;
        border-bottom: 4px solid #262626;
}
}
.join-us-form-wrap .submit[data-v-35c6c2bd] {
  width: 256px;
  height: 80px;
  margin-top: 54px;
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  color: #FFF;
  background: #262626;
  border-radius: 24px;
}
@media screen and (max-width: 640px) {
.join-us-form-wrap .submit[data-v-35c6c2bd] {
      width: 186px;
      height: 48px;
      margin-top: 0;
      font-size: 24px;
      font-weight: 700;
      line-height: 48px;
      border-radius: 16px;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/AmericanExpositionPcTblt.vue?vue&type=style&index=0&id=0b8e2776&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0b8e2776]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.american-exposition-pc-tblt-wrap[data-v-0b8e2776] {
  overflow-x: hidden;
}
.american-exposition-pc-tblt-wrap .email-btn[data-v-0b8e2776] {
    position: fixed;
    background: #262626;
    width: 72px;
    height: 72px;
    right: 123px;
    top: 679px;
    border: none;
    border-radius: 50%;
    z-index: 10;
    display: grid;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.25));
}
.american-exposition-pc-tblt-wrap .email-btn[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/bb20b99c-d719-4234-a66f-6d34680ba52f.svg");
      width: 42px;
      height: 28px;
}
.american-exposition-pc-tblt-wrap .email-btn[data-v-0b8e2776]:active {
      transform: scale(0.95);
}
.american-exposition-pc-tblt-wrap .cntnr[data-v-0b8e2776] {
    width: 100%;
    height: 100%;
    max-width: 1366px;
    position: relative;
    margin: auto;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn[data-v-0b8e2776] {
    background: #222544;
    width: 100vw;
    height: 644px;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn .cntnr[data-v-0b8e2776]::before {
      content: '';
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/abe940f8-1e2a-486d-af46-224d79701c63.svg");
      height: 644px;
      width: 1259px;
      left: 311px;
      top: 0;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn .txt-wrap[data-v-0b8e2776] {
      position: absolute;
      top: 190px;
      left: 203px;
      display: grid;
      gap: 22px;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn .txt-wrap .title[data-v-0b8e2776],
      .american-exposition-pc-tblt-wrap .codmos-return-sctn .txt-wrap .sub[data-v-0b8e2776] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn .txt-wrap .title[data-v-0b8e2776] {
        background-image: url("https://cdn.test.codmos.io/default/public/0c868b8e-017b-474b-9790-56d3a6d32f8b.svg");
        width: 487px;
        height: 124px;
}
.american-exposition-pc-tblt-wrap .codmos-return-sctn .txt-wrap .sub[data-v-0b8e2776] {
        background-image: url("https://cdn.test.codmos.io/default/public/ea5287bf-5eaa-4691-8c72-98f55746e3e8.svg");
        width: 493px;
        height: 108px;
}
.american-exposition-pc-tblt-wrap .logo[data-v-0b8e2776] {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/e98421d5-5b21-452d-918a-57477224312b.svg");
    width: 85px;
    height: 13.32px;
    left: 203px;
    top: 26px;
}
.american-exposition-pc-tblt-wrap .unlock-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 680px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .unlock-sctn[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/dede7099-acf6-43e3-8c7b-e7ce3708b772.png");
      width: 538.9px;
      height: 285.26px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .story-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 1289px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .story-sctn[data-v-0b8e2776]::before {
      content: '';
      width: 100vw;
      height: 1289px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/92e217a2-0239-4088-be48-8e4b166c1c4b.png");
      background-size: 100% 100%;
      top: 0;
      left: 0;
}
.american-exposition-pc-tblt-wrap .story-sctn .cntnr[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/68a91acf-bf3d-48f0-a8dd-a11bc5243a48.png");
      width: 1258px;
      height: 1009px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .creative-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 1181px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .creative-sctn[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/781a523e-732b-4085-9e57-fec0da563d33.png");
      width: 2262px;
      height: 621px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .video-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 654px;
    position: relative;
    margin-bottom: 280px;
}
.american-exposition-pc-tblt-wrap .video-sctn .cntnr[data-v-0b8e2776] {
      display: grid;
      gap: 64px;
      height: fit-content;
}
.american-exposition-pc-tblt-wrap .video-sctn .title[data-v-0b8e2776] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/301f9549-6967-4f01-b380-854468375e15.svg");
      width: 554px;
      height: 130px;
      margin: auto;
}
.american-exposition-pc-tblt-wrap .video-sctn video[data-v-0b8e2776] {
      width: 1120px;
      height: 614px;
      margin: auto;
}
.american-exposition-pc-tblt-wrap .skil-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 1105px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .skil-sctn[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/876eb61e-cab2-42c2-b7b5-3cf066b559f3.png");
      width: 1597px;
      height: 1105px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .lms-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 1332px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .lms-sctn[data-v-0b8e2776]::before {
      content: '';
      width: 100vw;
      height: 1332px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/452577e4-4646-4035-acd3-ecb75fff445e.png");
      background-size: 100% 100%;
      top: 0;
      left: 0;
}
.american-exposition-pc-tblt-wrap .lms-sctn .cntnr[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/b631fd73-a5e4-4158-9b81-e27b4a6ba900.png");
      width: 993px;
      height: 1051px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .effortless-sctn[data-v-0b8e2776] {
    width: 100vw;
    height: 1028px;
    position: relative;
}
.american-exposition-pc-tblt-wrap .effortless-sctn[data-v-0b8e2776]::before {
      content: '';
      width: 100vw;
      height: 1028px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/c0521f2b-8520-49b8-887e-1e7b351f5328.png");
      background-size: 100% 100%;
      top: 0;
      left: 0;
}
.american-exposition-pc-tblt-wrap .effortless-sctn .cntnr[data-v-0b8e2776]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/d3f7f33f-9c6b-46bc-a51f-faf1c92cca0a.png");
      width: 957px;
      height: 748px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-pc-tblt-wrap .joinus-sctn[data-v-0b8e2776] {
    display: grid;
    align-items: center;
    height: 1146px;
}
.american-exposition-pc-tblt-wrap footer[data-v-0b8e2776] {
    width: 100vw;
    height: 226px;
    position: relative;
    background: #262626;
}
.american-exposition-pc-tblt-wrap footer .cntnr[data-v-0b8e2776] {
      padding-top: 80px;
      display: grid;
      grid-auto-flow: column;
      justify-content: center;
      gap: 151px;
}
.american-exposition-pc-tblt-wrap footer .logi-logo[data-v-0b8e2776] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/c1fa0a92-a3a5-448b-bf03-de3340f6636b.svg");
      width: 282px;
      height: 24px;
}
.american-exposition-pc-tblt-wrap footer .info[data-v-0b8e2776] {
      display: grid;
      gap: 12px;
      height: fit-content;
      z-index: 1;
}
.american-exposition-pc-tblt-wrap footer .address[data-v-0b8e2776] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/03e0430a-6a7e-403f-bdf0-38f4ad8622fb.svg");
      width: 422px;
      height: 14px;
}
.american-exposition-pc-tblt-wrap footer .email[data-v-0b8e2776] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/41b1eb05-a5b5-487f-8e29-5e28bb49d01e.svg");
      width: 132px;
      height: 14px;
}
.american-exposition-pc-tblt-wrap footer .from[data-v-0b8e2776] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/4c148811-0bf3-41a6-91fc-ba77407a3178.svg");
      width: 370px;
      height: 14px;
}
.american-exposition-pc-tblt-wrap footer .character[data-v-0b8e2776] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/ce29f1c1-8915-4528-90fb-1e8251577449.svg");
      position: absolute;
      bottom: 0;
      right: 26px;
      width: 176px;
      height: 115px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/svc/compn/AmericanExpositionPhone.vue?vue&type=style&index=0&id=131f1211&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-131f1211]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.american-exposition-phone-wrap[data-v-131f1211] {
  overflow-x: hidden;
}
.american-exposition-phone-wrap .email-btn[data-v-131f1211] {
    position: fixed;
    background: #262626;
    width: 72px;
    height: 72px;
    right: 13px;
    bottom: 114px;
    border: none;
    border-radius: 50%;
    z-index: 10;
    display: grid;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.25));
}
.american-exposition-phone-wrap .email-btn[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/bb20b99c-d719-4234-a66f-6d34680ba52f.svg");
      width: 42px;
      height: 28px;
}
.american-exposition-phone-wrap .email-btn[data-v-131f1211]:active {
      transform: scale(0.95);
}
.american-exposition-phone-wrap .cntnr[data-v-131f1211] {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
}
.american-exposition-phone-wrap .codmos-return-sctn[data-v-131f1211] {
    background: #222544;
    width: 100vw;
    height: 824px;
}
.american-exposition-phone-wrap .codmos-return-sctn .cntnr[data-v-131f1211]::before {
      content: '';
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/ffbbb2e2-4bb6-41ed-83e2-880bbada15bf.svg");
      background-size: cover;
      width: 100vw;
      height: 664px;
      left: 0;
      top: 0;
}
.american-exposition-phone-wrap .codmos-return-sctn .txt-wrap[data-v-131f1211] {
      position: absolute;
      bottom: 72px;
      left: 26px;
      display: grid;
      gap: 40px;
}
.american-exposition-phone-wrap .codmos-return-sctn .txt-wrap .title[data-v-131f1211], .american-exposition-phone-wrap .codmos-return-sctn .txt-wrap .sub[data-v-131f1211] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
}
.american-exposition-phone-wrap .codmos-return-sctn .txt-wrap .title[data-v-131f1211] {
        background-image: url("https://cdn.test.codmos.io/default/public/c5e488f8-4f29-4fd9-92bf-cd7672ae65fe.svg");
        width: 310px;
        height: 144px;
}
.american-exposition-phone-wrap .codmos-return-sctn .txt-wrap .sub[data-v-131f1211] {
        background-image: url("https://cdn.test.codmos.io/default/public/f2305776-4d99-4740-a4ea-570cc9acf6f0.svg");
        width: 323px;
        height: 96px;
}
.american-exposition-phone-wrap .logo[data-v-131f1211] {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("https://cdn.test.codmos.io/default/public/e98421d5-5b21-452d-918a-57477224312b.svg");
    width: 104px;
    height: 16px;
    left: 50%;
    top: 44px;
    transform: translateX(-50%);
}
.american-exposition-phone-wrap .unlock-sctn[data-v-131f1211] {
    width: 100vw;
    height: 310px;
    position: relative;
}
.american-exposition-phone-wrap .unlock-sctn[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/dede7099-acf6-43e3-8c7b-e7ce3708b772.png");
      width: 324.9px;
      height: 171.26px;
      left: 52%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .story-sctn[data-v-131f1211] {
    width: 100vw;
    height: 656px;
    position: relative;
    background: #f3f3ef;
}
.american-exposition-phone-wrap .story-sctn .cntnr[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/c3f87176-1045-40cf-b5a4-73cb241e2612.png");
      width: 375px;
      height: 575px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .creative-sctn[data-v-131f1211] {
    width: 100vw;
    height: 874px;
    position: relative;
}
.american-exposition-phone-wrap .creative-sctn[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/21631caa-1794-4cdc-8e21-e9a348dfb295.png");
      width: 353px;
      height: 674px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .video-sctn[data-v-131f1211] {
    width: 100vw;
    height: 410px;
    position: relative;
    margin-bottom: 120px;
}
.american-exposition-phone-wrap .video-sctn .cntnr[data-v-131f1211] {
      display: grid;
      gap: 40px;
      height: fit-content;
}
.american-exposition-phone-wrap .video-sctn .title[data-v-131f1211] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/4a662cb2-90d0-4edb-ac5b-e67d8eaf56f5.svg");
      width: 323px;
      height: 98px;
      margin: auto;
}
.american-exposition-phone-wrap .video-sctn video[data-v-131f1211] {
      width: 349px;
      height: 191px;
      margin: auto;
}
.american-exposition-phone-wrap .skil-sctn[data-v-131f1211] {
    width: 100vw;
    height: 916px;
    position: relative;
}
.american-exposition-phone-wrap .skil-sctn[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/48705995-920d-416e-83ea-36567292e58f.png");
      width: 375px;
      height: 916px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .lms-sctn[data-v-131f1211] {
    width: 100vw;
    height: 1792px;
    position: relative;
}
.american-exposition-phone-wrap .lms-sctn[data-v-131f1211]::before {
      content: '';
      width: 100vw;
      height: 1792px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/452577e4-4646-4035-acd3-ecb75fff445e.png");
      background-size: 100% 100%;
      top: 0;
      left: 0;
}
.american-exposition-phone-wrap .lms-sctn .cntnr[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/bfa7d2ef-2f07-4bb1-9c23-2b318e919edc.png");
      width: 327px;
      height: 1632px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .effortless-sctn[data-v-131f1211] {
    width: 100vw;
    height: 680px;
    position: relative;
}
.american-exposition-phone-wrap .effortless-sctn[data-v-131f1211]::before {
      content: '';
      width: 100vw;
      height: 680px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/c0521f2b-8520-49b8-887e-1e7b351f5328.png");
      background-size: 100% 100%;
      top: 0;
      left: 0;
}
.american-exposition-phone-wrap .effortless-sctn .cntnr[data-v-131f1211]::before {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      position: absolute;
      background-image: url("https://cdn.test.codmos.io/default/public/22efaaa5-c473-4fdc-aec8-806246c4aec6.png");
      width: 347px;
      height: 520px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}
.american-exposition-phone-wrap .joinus-sctn[data-v-131f1211] {
    display: grid;
    align-items: center;
    height: 795px;
}
.american-exposition-phone-wrap footer[data-v-131f1211] {
    width: 100vw;
    height: 204px;
    position: relative;
    background: #262626;
}
.american-exposition-phone-wrap footer i[data-v-131f1211] {
      margin: auto;
}
.american-exposition-phone-wrap footer .cntnr[data-v-131f1211] {
      padding-top: 40px;
      display: grid;
      justify-content: center;
      gap: 15px;
      height: fit-content;
}
.american-exposition-phone-wrap footer .logi-logo[data-v-131f1211] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/c1fa0a92-a3a5-448b-bf03-de3340f6636b.svg");
      width: 128px;
      height: 13px;
}
.american-exposition-phone-wrap footer .info[data-v-131f1211] {
      display: grid;
      gap: 7px;
      height: fit-content;
      text-align: center;
}
.american-exposition-phone-wrap footer .address[data-v-131f1211] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/03e0430a-6a7e-403f-bdf0-38f4ad8622fb.svg");
      width: 271px;
      height: 10px;
}
.american-exposition-phone-wrap footer .email[data-v-131f1211] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/41b1eb05-a5b5-487f-8e29-5e28bb49d01e.svg");
      width: 85px;
      height: 10px;
}
.american-exposition-phone-wrap footer .from[data-v-131f1211] {
      content: '';
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/4c148811-0bf3-41a6-91fc-ba77407a3178.svg");
      width: 238px;
      height: 10px;
}
.american-exposition-phone-wrap footer .character[data-v-131f1211] {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      background-image: url("https://cdn.test.codmos.io/default/public/ce29f1c1-8915-4528-90fb-1e8251577449.svg");
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 104px;
      height: 68px;
      transform: translateX(-50%);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/view/EbsElementaryOnView.vue?vue&type=style&index=0&id=234702c4&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-234702c4]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.wrap[data-v-234702c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 100vh;
}
.wrap p[data-v-234702c4] {
    font-size: 16px;
    color: #333;
}
.wrap .link-btn[data-v-234702c4] {
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    border: 1px solid #333;
    border-radius: 5px;
}
.wrap .spnr-wrap[data-v-234702c4] {
    width: 40px;
    height: 40px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/EbsElementaryOnContentsPage.vue?vue&type=style&index=0&id=6dbc9a9e&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6dbc9a9e]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.content-wrap[data-v-6dbc9a9e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-width: 1280px;
  min-height: 868px;
  padding: 20px;
}
.content-wrap .container[data-v-6dbc9a9e] {
    position: relative;
    max-width: 1240px;
}
.content-wrap img[data-v-6dbc9a9e] {
    width: 1240px;
    height: 828px;
    object-fit: contain;
}
.content-wrap .start-btn[data-v-6dbc9a9e] {
    position: absolute;
    top: 58px;
    right: 69px;
    width: 379px;
    height: 108px;
    cursor: pointer;
}
.none-wrap[data-v-6dbc9a9e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 100vh;
}
.none-wrap div[data-v-6dbc9a9e] {
    font-size: 16px;
    color: #333;
}
.none-wrap .link-btn[data-v-6dbc9a9e] {
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    border: 1px solid #333;
    border-radius: 5px;
}
.loading[data-v-6dbc9a9e] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.loading > div[data-v-6dbc9a9e] {
    width: 100px;
}
.side-button-group[data-v-6dbc9a9e] {
  position: fixed;
  top: 0;
  right: 16px;
  display: grid;
  grid-template-rows: repeat(10, min-content);
  grid-auto-flow: row;
  gap: 16px;
  height: calc(100% - 130px);
  padding-top: 34px;
  padding-bottom: 140px;
  overflow: auto;
  -webkit-mask-image: linear-gradient(to top, transparent 5%, black 15%);
          mask-image: linear-gradient(to top, transparent 5%, black 15%);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.side-button-group[data-v-6dbc9a9e]::-webkit-scrollbar {
    display: none;
}
.side-button-group .link-button[data-v-6dbc9a9e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 152px;
    height: 48px;
    font-family: var(--pretendard), sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #525252;
    background-color: #FFF;
    border: 4px solid #F2F2F2;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(133, 133, 133, 0.29);
}
.side-button-group .link-button.active[data-v-6dbc9a9e] {
      color: #FFF;
      background: #525252;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/MainPgeLdng.vue?vue&type=style&index=0&id=d389e926&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d389e926]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.link[data-v-d389e926] {
  color: #5682fe;
}
.link[data-v-d389e926]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.btn[data-v-d389e926] {
  line-height: 1;
}
.btn.prmry[data-v-d389e926] {
    color: #fff;
    background-color: #5682fe;
}
.btn.prmry[data-v-d389e926]:active {
      color: #89b6ff;
      background-color: #4369cb;
}
.btn.scndr[data-v-d389e926] {
    color: #5682fe;
    background-color: #dce8ff;
}
.btn.scndr[data-v-d389e926]:active {
      color: #3a5fc6;
      background-color: #b0b9cc;
}
.btn.cmplt[data-v-d389e926] {
    color: #000;
    background: #cdd2d5;
}
.btn[data-v-d389e926]:disabled, .btn[data-v-d389e926]:disabled:active {
    color: #fff;
    cursor: not-allowed;
    background-color: #cdd2d5;
}
.inpt[data-v-d389e926] {
  color: #000;
  border: solid 1px #000;
}
.inpt[data-v-d389e926]:placeholder-shown {
    color: #7f8999;
    border: solid 1px #cdd2d5;
}
.inpt[data-v-d389e926]:focus {
    border: solid 1px #5682fe;
}
.err .inpt[data-v-d389e926]:focus {
    border: solid 1px #ff3f3f;
}
.chck[data-v-d389e926],
.un-chck[data-v-d389e926] {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.chck[data-v-d389e926]::before,
  .un-chck[data-v-d389e926]::before {
    width: 12px;
    height: 9px;
    background-image: url("https://cdn.test.codmos.io/default/public/4398fa28-17d7-41cb-98d8-bb6458f4c398.svg");
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}
.un-chck[data-v-d389e926] {
  background-color: #cdd2d5;
}
.chck[data-v-d389e926] {
  background-color: #5682fe;
}
input[type='password'][data-v-d389e926] {
  font-family: auto;
}
.main-logo[data-v-d389e926] {
  width: 207.54px;
  height: 32px;
  margin: 80px auto 48px;
  background-image: url("https://cdn.test.codmos.io/default/public/8892a827-e9c5-455a-b597-d2d1d28204b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.main-logo[data-v-d389e926] {
      margin: 40px auto;
}
}
.loading-wrap .cntnr[data-v-d389e926] {
  display: flex;
  flex-direction: column;
  min-height: 700px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.loading-wrap .cntnr[data-v-d389e926] {
      min-height: 500px;
}
}
@media screen and (max-width: 640px) {
.loading-wrap .cntnr[data-v-d389e926] {
      min-height: 400px;
}
}
.loading-wrap .logo[data-v-d389e926] {
  width: fit-content;
  margin: 0 auto 40px;
}
.loading-wrap .ldng[data-v-d389e926] {
  width: 100px;
  height: 100px;
  margin: 0 auto 5px;
  fill: #6747d2;
}
.loading-wrap p[data-v-d389e926] {
  margin-bottom: 15px;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
  white-space: pre-line;
}
.loading-wrap .home-btn[data-v-d389e926] {
  padding: 10px 20px;
  margin: 40px auto;
  border-radius: 5px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/EduvodAuth.vue?vue&type=style&index=0&id=007446a6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-007446a6]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.ldng[data-v-007446a6] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.ldng[data-v-007446a6]::after {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid #000;
    border-top-color: transparent;
    border-radius: 50%;
    content: '';
    animation: rtat-007446a6 1s linear infinite;
}
@keyframes rtat-007446a6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/pge/H5PTestPage.vue?vue&type=style&index=0&id=3ef7414b&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3ef7414b]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.h5p-test-page[data-v-3ef7414b] {
  padding: 20px;
}
.button-group[data-v-3ef7414b] {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
button[data-v-3ef7414b] {
  padding: 10px;
  cursor: pointer;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
button.sm[data-v-3ef7414b] {
    padding: 5px;
}
button.active[data-v-3ef7414b] {
    background-color: #ccc;
}
.option-group[data-v-3ef7414b] {
  margin-bottom: 10px;
}
.option-group label[data-v-3ef7414b] {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.option-group input[data-v-3ef7414b] {
    margin-right: 10px;
}
.option-group [type='checkbox'][data-v-3ef7414b],
  .option-group [type='radio'][data-v-3ef7414b] {
    width: 20px;
    height: 20px;
}
.option-group [type='checkbox'][data-v-3ef7414b]:checked,
    .option-group [type='radio'][data-v-3ef7414b]:checked {
      background-color: #ccc;
}
.option-group [type='checkbox'][data-v-3ef7414b]::after,
    .option-group [type='radio'][data-v-3ef7414b]::after {
      display: block;
      width: 20px;
      height: 20px;
      background-color: #fff;
      border: 1px solid #ccc;
      content: '';
}
.option-group [type='checkbox'][data-v-3ef7414b]:checked::after,
    .option-group [type='radio'][data-v-3ef7414b]:checked::after {
      background-color: #ccc;
}
.viewer[data-v-3ef7414b] {
  width: 800px;
  height: 600px;
  margin-top: 20px;
  border: 1px solid #ccc;
}
.row[data-v-3ef7414b] {
  display: flex;
  gap: 20px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/NotFoundPage.vue?vue&type=style&index=0&id=6c5e8b03&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6c5e8b03]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.not-found-pge[data-v-6c5e8b03] {
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100vh;
}
.not-found-pge .wrapper[data-v-6c5e8b03] {
    display: grid;
    justify-items: center;
}
.not-found-pge .wrapper .img[data-v-6c5e8b03] {
      display: grid;
      grid-template-columns: repeat(3, min-content);
      align-items: center;
}
.not-found-pge .wrapper .img .no[data-v-6c5e8b03] {
        font-family: 'Noto Sans', sans-serif;
        font-size: 113px;
        font-weight: bold;
        line-height: 1;
        color: #5d5d5d;
}
.not-found-pge .wrapper .img .img-head[data-v-6c5e8b03] {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 99px;
        height: 86.5px;
        margin-right: 8.9px;
        margin-left: 14.1px;
        background-image: url("https://cdn.test.codmos.io/default/public/7d72ccd7-ddb0-4d7a-95c1-bce53dbe6cc3.svg");
}
.not-found-pge .wrapper .txt[data-v-6c5e8b03] {
      margin-top: 37.5px;
      font-family: 'Noto Sans', sans-serif;
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: normal;
      color: #5e5e5e;
}
.not-found-pge .wrapper button[data-v-6c5e8b03] {
      width: 167px;
      height: 48px;
      margin-top: 39px;
      font-family: var(--nanum-square), sans-serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 1;
      color: #fff;
      background-color: #5682fe;
      border-radius: 12px;
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.not-found-pge .wrapper .img .no[data-v-6c5e8b03] {
    font-size: 66.2px;
}
.not-found-pge .wrapper .img .img-head[data-v-6c5e8b03] {
    width: 58px;
    height: 50.6px;
    margin-right: 5.2px;
    margin-left: 8.2px;
}
.not-found-pge .wrapper .txt[data-v-6c5e8b03] {
    margin-top: 22px;
    font-size: 11.7px;
}
.not-found-pge .wrapper button[data-v-6c5e8b03] {
    width: 97.8px;
    height: 28px;
    margin-top: 21.7px;
    font-size: 10.5px;
    border-radius: 7px;
}
}
@media screen and (max-width: 640px) {
.not-found-pge .wrapper .img .no[data-v-6c5e8b03] {
    font-size: 73.1px;
}
.not-found-pge .wrapper .img .img-head[data-v-6c5e8b03] {
    width: 65px;
    height: 56px;
    margin-right: 5.2px;
    margin-left: 8.2px;
}
.not-found-pge .wrapper .txt[data-v-6c5e8b03] {
    margin-top: 24.3px;
    font-size: 12.9px;
}
.not-found-pge .wrapper button[data-v-6c5e8b03] {
    width: 167px;
    height: 48px;
    margin-top: 29.8px;
    font-size: 18px;
    border-radius: 12px;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/Modal/Notice.vue?vue&type=style&index=0&id=4e214c02&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4e214c02]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.text[data-v-4e214c02] {
  width: 235px;
  font-family: AppleSDGothicNeo, sans-serif;
  font-size: 4.0vw;
  white-space: pre-line;
}
@media screen and (min-width: 600px) {
.text[data-v-4e214c02] {
      font-size: 1.8726vw;
}
}
@media screen and (min-width: 1024px) {
.text[data-v-4e214c02] {
      font-size: 15px;
}
}
.noti.wrap[data-v-4e214c02] {
  position: fixed;
  right: 1%;
  bottom: 10%;
  width: 300px;
}
.noti .modal-enter[data-v-4e214c02] {
  margin-left: 300px;
}
.noti .modal-enter-active[data-v-4e214c02] {
  transition: margin 1s;
}
.noti .modal-enter-to[data-v-4e214c02] {
  margin-left: 0;
}
.noti .modal-leave[data-v-4e214c02] {
  opacity: 1;
}
.noti .modal-leave-active[data-v-4e214c02] {
  transition: opacity 0.3s;
}
.noti .modal-leave-to[data-v-4e214c02] {
  opacity: 0;
}
.noti .row[data-v-4e214c02] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  padding: 20px;
  margin-bottom: 20px;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.7);
  border-radius: 8px;
}
.noti .row.black[data-v-4e214c02] {
    background-color: rgba(51, 51, 51, 0.7);
}
.noti .row.red[data-v-4e214c02] {
    background-color: rgba(252, 61, 50, 0.7);
}
.noti .row.yellow[data-v-4e214c02] {
    background-color: rgba(255, 243, 205, 0.7);
}
.noti .row.green[data-v-4e214c02] {
    background-color: rgba(88, 229, 177, 0.7);
}
.noti .row.blue-green[data-v-4e214c02] {
    background-color: rgba(209, 236, 241, 0.7);
}
.noti .row.sky-blue[data-v-4e214c02] {
    background-color: rgba(129, 219, 255, 0.7);
}
.noti .close[data-v-4e214c02] {
  position: absolute;
  top: 22.5px;
  right: 22.5px;
  width: 15px;
  height: 15px;
  background: none;
  border: none;
}
.noti .close[data-v-4e214c02]::before, .noti .close[data-v-4e214c02]::after {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10%;
    background-color: #fff;
    border-radius: 3px;
    content: '';
}
.noti .close[data-v-4e214c02]::before {
    transform: rotate(45deg);
}
.noti .close[data-v-4e214c02]::after {
    transform: rotate(135deg);
}
.spin.wrap[data-v-4e214c02] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.spin .cntnr[data-v-4e214c02] {
  text-align: center;
}
.spin .text[data-v-4e214c02] {
  padding: 11px;
  margin: 30px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.07);
}
@media screen and (min-width: 1024px) {
.spin .text[data-v-4e214c02] {
      width: 518px;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lms/components/cmn/modal/CmnModalBlackLbl.vue?vue&type=style&index=0&id=4abc89a7&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4abc89a7]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.black-lbl-wrap[data-v-4abc89a7] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.black-lbl-wrap > p[data-v-4abc89a7] {
    padding: 12px 24px;
    color: #fff;
    text-align: center;
    white-space: pre-line;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
}
.fade-enter-active[data-v-4abc89a7], .fade-leave-active[data-v-4abc89a7] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-4abc89a7], .fade-leave-to[data-v-4abc89a7] {
  opacity: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/StarBg.vue?vue&type=style&index=0&id=0abca6dc&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

svg[data-v-0abca6dc] {
    position: absolute;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/cmn/components/Splsh.vue?vue&type=style&index=0&id=2706fca2&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2706fca2]:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
.splsh-wrap[data-v-2706fca2] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #265c86;
}
.splsh-wrap .anim-wrap[data-v-2706fca2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.splsh-wrap .anim[data-v-2706fca2] {
    width: 338px;
    height: 186px;
    margin-top: -12vh;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/page-entry/lndg/App.vue?vue&type=style&index=0&id=b9a429ae&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --one-mobile-pop: OneMobilePop;
  --nanum-square-round: NanumSquareRound;
  --nanum-square: NanumSquare;
  --suit: SUIT;
  --pretendard: Pretendard, "Noto Sans", sans-serif;
  --recipe-korea: Recipekorea;
  --jalnan: Jalnan;
  --ridi-batang: RIDIBatang;
  --elice-digital-baeum: EliceDigitalBaeum;
  --s-core-dream: S-CoreDream;
  --cafe24-ssurround: Cafe24SSurround;
  --yanolja: Yanolja;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
h1, h2, h3, h4, h5 {
  margin: 0;
}
a {
  text-decoration: none;
}
p {
  margin: 0;
}
button {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: unset;
  border: none;
  outline: none;
}
input {
  border: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
            appearance: none;
}
textarea {
  border: none;
  outline: none;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  /**
     * 비밀번호 input 에서 만약 폰트가 비밀번호 숨김 문자를 지원하지 않을 경우 숨김문자가 아예 안보이는 이슈 발생
     * 이 경우 font-family: sans-serif, initial, unset 등으로 해결
     */
  font-size: inherit;
  line-height: inherit;
}
img {
  vertical-align: middle;
}
ol, ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@font-face {
  font-family: Jalnan;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/332eb5cc-ba7a-4807-b6b5-cea689874383.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/c490c7d1-0927-4536-a562-8008e95cf964.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/1464f081-8bb1-467e-aa54-c4b14349bd55.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/73200332-36b4-4722-8f98-9196f688ed5b.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 600;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/8fba18cf-832f-431f-95ef-ae8579424d29.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/e3d1b08d-1934-4ffd-98ac-a76ef867ca14.woff2");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 800;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/56cba579-d3ec-4d42-aec4-19f8338d7c40.woff2");
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/f3ac9e8b-4a34-49f6-918a-9cc0c894fddf.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/acceedd2-019d-4265-b49a-1d7b29176958.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/18425d35-e53d-46ae-bee2-f35c1e6828a6.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/5ff0dbe9-2500-4659-8ac4-50b66e7f1fbc.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/21b2fb6e-fa25-416c-92d1-759d12e52f83.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/6d5d8e5d-aef8-4107-b09e-44a75826f643.woff2");
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/a69f40f3-0b20-4ad3-94ce-939f07c00522.woff2");
  font-display: swap;
}
@font-face {
  font-family: BlackHanSans;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/786f92c0-7386-4e69-aaa0-7301e78e0f15.woff2");
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 100;
  src: url("https://cdn.test.codmos.io/default/public/d24a6177-0108-4baf-8343-3588078b1c8c.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 200;
  src: url("https://cdn.test.codmos.io/default/public/7e69803c-a524-48f3-b1c6-0393ea12265e.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/7d4d7759-f8d6-401c-9171-16fba7b0e5e6.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/31a53bf5-2378-40c9-bc81-14e78b850061.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 500;
  src: url("https://cdn.test.codmos.io/default/public/68cc3c6c-dd30-4945-82e1-30db4fa751f0.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 600;
  src: url("https://cdn.test.codmos.io/default/public/5f82668f-c15e-4f2a-9e73-03c573e61c9b.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/cc642b05-dead-42fc-937c-d28279b4d402.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/71757ee8-a74e-42f4-91f3-da5eef013124.woff2");
  font-display: swap;
}
@font-face {
  font-family: "S-CoreDream";
  font-weight: 900;
  src: url("https://cdn.test.codmos.io/default/public/3e3fd5a6-900d-4906-87e8-8484a3b07864.woff2");
  font-display: swap;
}
@font-face {
  font-family: Recipekorea;
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/afed8f35-fd62-414f-9a67-1d7fca3b1107.woff2");
  font-display: swap;
}
@font-face {
  font-family: TmonMonsori;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/faa897ac-e25e-4b1c-8001-252667b0d457.woff2");
}
@font-face {
  font-family: TmonMonsoriDisplayBlock;
  font-weight: 400;
  font-display: block;
  src: url("https://cdn.test.codmos.io/default/public/faa897ac-e25e-4b1c-8001-252667b0d457.woff2");
}
@font-face {
  font-family: 'Hanna11yrs';
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/192a495b-c67b-4f5d-ba95-6fc0ba9e50d7.woff2");
}
@font-face {
  font-family: 'Cafe24Ohsquare';
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/d588a78a-61e2-4107-bcee-559fee8730d2.woff2");
}
@font-face {
  font-family: CircularStd;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/b052aa7f-08d2-4887-a69e-4fdf79792ade.woff2");
}
@font-face {
  font-family: CookieRun;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/69d892b7-f7e6-49ff-badd-88475b379dd4.woff2");
}
@font-face {
  font-family: CookieRun;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/1940b6d8-fce7-4dfb-9bcb-fdd8c9a79374.woff2");
}
@font-face {
  font-family: CookieRun;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/acdae39f-bcb8-4c2a-a4aa-20e6f95aa2a6.woff2");
}
@font-face {
  font-family: GmarketSans;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/bbe60720-ba01-4eec-af6f-c2c87df520b9.woff2");
}
@font-face {
  font-family: GmarketSans;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/7181298d-471d-44d8-91d5-4d4034066747.woff2");
}
@font-face {
  font-family: GmarketSans;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.test.codmos.io/default/public/3ddbbb0c-f34f-4174-9911-2f172355174d.woff2");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 100;
  src: url("https://cdn.test.codmos.io/default/public/bb3ffbac-e837-495d-a05b-d8a68ed68725.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 200;
  src: url("https://cdn.test.codmos.io/default/public/f15f1c76-efa4-4fd1-a37d-4c0367220bf3.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/7f710e5e-c40c-4cea-8b28-72b1c18cb70d.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/23e6babd-5cb3-4d70-8dbf-7c3721c191b6.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 500;
  src: url("https://cdn.test.codmos.io/default/public/514a6ae1-ba3a-464a-85fd-63ae0c6d4e01.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 600;
  src: url("https://cdn.test.codmos.io/default/public/e8bb110a-c1d5-4889-9c21-4d0ec5fc29c1.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/cde349cb-0e15-4a3f-9f84-d3d2be8a6002.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/1365e393-ca4c-46f2-823e-dc33d1c055a8.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 900;
  src: url("https://cdn.test.codmos.io/default/public/9f85d855-8c71-4828-9e7c-8b9131698efb.woff2");
  font-display: swap;
}
@font-face {
  font-family: "ONEMobile";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/e6d2c475-9cf9-4903-89f8-aec365fd9bde.woff2");
  font-display: swap;
}
@font-face {
  font-family: "ONEMobile";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/dc64df18-f1f5-42a9-8fb2-45859777c19f.woff2");
  font-display: swap;
}
@font-face {
  font-family: "ONEMobile";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/95adecac-d74b-4a81-9b2d-ebffdd4426a1.woff2");
  font-display: swap;
}
@font-face {
  font-family: "ONEMobileTitle";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/3b8197ca-4bb6-4661-b4bd-f6a4bc6f769c.woff2");
  font-display: swap;
}
@font-face {
  font-family: "ONEMobilePop";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/09384da2-515b-416d-8603-8b6671b23a12.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 100;
  src: url("https://cdn.test.codmos.io/default/public/ca77d7c5-1889-4fbb-ace7-13cfa46cd89d.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 200;
  src: url("https://cdn.test.codmos.io/default/public/e2e833d7-0600-4cfd-aac4-69f2578cf22d.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/1f427bd4-0af4-4f1a-b3e9-31a8ecea0f27.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/8aef478f-ad35-4b34-a204-737692177fe9.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 500;
  src: url("https://cdn.test.codmos.io/default/public/c0d30f96-94a6-4c15-892f-06339c4ff11b.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 600;
  src: url("https://cdn.test.codmos.io/default/public/d601f64a-8b5d-425b-89b6-0171c08f21ad.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/abda2f14-e4f2-4ecf-a193-67eb9c42486e.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/64a9ca9b-cd2c-4e6b-8d92-c5ae80f2ccba.woff2");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 900;
  src: url("https://cdn.test.codmos.io/default/public/21b8518a-a862-4ac2-8c9e-a951358d31d2.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/93dae29b-80af-44b4-b28f-ceea066ae9f3.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/8c9bd8cb-2f4b-43e1-b3c7-4186b174a16b.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url("https://cdn.test.codmos.io/default/public/4da52829-2326-4167-b5fe-d183b83b6433.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url("https://cdn.test.codmos.io/default/public/ac16d3f2-2875-4b48-98b0-4d63339d1d65.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/0bd2d2b4-1b38-4dc2-bf93-8a917d1dab54.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/42b848e8-c21b-4199-9821-4034f15153cd.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 100;
  src: url("https://cdn.test.codmos.io/default/public/362a95ea-47b1-4188-8ff5-5d798fb9ae9b.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 200;
  src: url("https://cdn.test.codmos.io/default/public/b1f2db39-17b1-42d1-a4bf-d3546ceeab51.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  src: url("https://cdn.test.codmos.io/default/public/f4a181d5-f197-44f0-b38e-bfc7ced233aa.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url("https://cdn.test.codmos.io/default/public/4798c639-ce5a-4d2f-97d6-9899c849ff7e.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url("https://cdn.test.codmos.io/default/public/3e7539c4-3f95-4998-886f-4c2007803649.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url("https://cdn.test.codmos.io/default/public/0896fe8f-a5dd-4678-b791-d1216965ca75.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url("https://cdn.test.codmos.io/default/public/934b2a85-0567-47bb-a4f1-b8a533d9164f.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 800;
  src: url("https://cdn.test.codmos.io/default/public/eb407aaf-cefb-4973-a5a9-4f531ec0b628.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 900;
  src: url("https://cdn.test.codmos.io/default/public/d483de76-83f1-468b-902e-0e678ec52641.woff2");
  font-display: swap;
}
:root {
  --color-g07: #2f2f2f;
  --color-g06: #636363;
  --color-g05: #929292;
  --color-g04: #b7b7b7;
  --color-g03: #d8d8d8;
  --color-g02: #eaeaea;
  --color-g01: #f1f1f1;
  --color-err: #fd666f;
  --color-lms-prmry: #6747d2;
  --color-lms-dark: #48348c;
  --color-lms-light: #f7f7fb;
}
.plchl-grdnt {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #eee 0%, #ddd 8%, #eee 16%, #eee 50%, #ddd 58%, #eee 66%);
  background-color: fff;
  background-size: 200%;
  animation: 3s linear infinite plchl-shmr;
}
@keyframes plchl-shmr {
0% {
    background-position: 100%;
}
100% {
    background-position: -100%;
}
}
body {
  line-height: normal;
}