/* globals.css */

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/6729ab463a3688a1d4b59ae6.6729ab473a3688a1d4b59ae9.qad2RhW.hcp.png");

@font-face {
    font-family: "LINE Seed Sans KR-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/LINESeedKR-Rg.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans KR-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/LINESeedKR-Bd.otf") format("opentype");
}

.screen a {
    display: contents;
    text-decoration: none;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal > * {
    flex-shrink: 0;
    pointer-events: auto;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

.mo-4 {
    letter-spacing: 0;
    line-height: 25.2px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.top-4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-end;
    position: relative;
    width: 277px;
}

.x50-3 {
    letter-spacing: -0.64px;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

:root {
    --alto: #d9d9d9;
    --black: #000000;
    --cape-cod: #424242;
    --cultured-pearl: #f5f5f5;
    --desert-storm: #f8f8f8;
    --eerie-black: #1e1e1e;
    --fuscous-gray: #545454;
    --heavy-metal: #2c2c2c;
    --masala: #3d3d3d;
    --mirage: #151f27;
    --pumice: #c9c9c9;
    --sonic-silver: #757575;
    --sunny-pearl: #f3ed7b;
    --suva-gray: #888888;
    --white: #ffffff;
    --woodsmoke: #0d0d0db2;
    --woodsmoke-2: #0d0d0d99;
    --woodsmoke-3: #0d0d0dcc;

    --font-size-l: 24px;
    --font-size-m: 16px;
    --font-size-s: 14px;
    --font-size-xl: 26px;
    --font-size-xs: 13px;
    --font-size-xxl: 38px;
    --font-size-xxs: 12px;


    --font-family-line_seed_sans_kr-bold: "LINESeedKR-Bd", Helvetica;
    --font-family-line_seed_sans_kr-regular: "LINESeedKR-Rg", Helvetica;
}

.heading {
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.48px;
}

.body-base {
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
}

.worksans-normal-black-16px {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.worksans-normal-black-14px {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.notosanscjkkr-medium-suva-gray-16px {
    color: var(--suva-gray);
    font-family: var(--font-family-line_seed_sans_kr-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.lineseedsanskr-bold-woodsmoke-14px {
    color: var(--woodsmoke);
    font-family: var(--font-family-line_seed_sans_kr-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.lineseedsanskr-regular-normal-woodsmoke-14px {
    color: var(--woodsmoke-2);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.lineseedsanskr-regular-normal-woodsmoke-12px {
    color: var(--woodsmoke);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.lineseedsanskr-regular-normal-woodsmoke-12px-2 {
    color: var(--woodsmoke-2);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.notosanscjkkr-medium-suva-gray-14px {
    color: var(--suva-gray);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.notosanscjkkr-regular-normal-cape-cod-16px {
    color: var(--cape-cod);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.inter-normal-eerie-black-14px {
    color: var(--eerie-black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.inter-bold-eerie-black-24px {
    color: var(--eerie-black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.inter-bold-eerie-black-32px {
    color: var(--eerie-black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.worksans-light-black-10px {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
}

.worksans-light-black-14px {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}

.notosanscjkkr-regular-normal-masala-16px {
    color: var(--masala);
    /*font-family: var(--font-family-line_seed_sans_kr-regular);*/
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.worksans-normal-black-18px {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.inter-normal-sonic-silver-14px {
    color: var(--sonic-silver);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.notosanscjkkr-regular-normal-fuscous-gray-12px {
    color: var(--fuscous-gray);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.inter-medium-sonic-silver-14px {
    color: var(--sonic-silver);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}


/* screen - pc */

.body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    overflow-x: hidden;
}

.pc {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    /*height: 3652px;*/
    overflow: hidden;
    width: 100%;
}

.pc .gnb {
    -webkit-backdrop-filter: blur(50px) brightness(100%);
    align-items: center;
    backdrop-filter: blur(50px) brightness(100%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 119px;
    padding: 12px 0;
}

.pc .textway_menu {
    align-items: center;
    display: flex;
    /*margin-left: 135.0px;*/
    margin-top: 4px;
    width: 70%;
}

.pc .logo {
    height: 32px;
    object-fit: cover;
    width: 200px;
}

/* Nav Css Start */

a {
    color: unset;
}

.gnb > div {
    justify-content: space-between;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.pc .intro,
.pc .service,
.pc .support-center {
    display: flex;
    align-items: center;
    position: relative;
}

nav > div span {
    font-size: 16px;
    color: #424242;
}

nav > div img.chevron-down {
    width: 16px;
    padding-top: 5px;
}

.textway_menu > div {
    display: flex;
}

.submenu,
.user_submenu {
    display: none;
    position: absolute;
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 21px;
    border: 1px solid var(--suva-gray);
    border-radius: 10px;
    width: max-content;
    margin-top: 3px;
}

.user_submenu {
    margin-top: 10px;
    left: 0;

}

.user_submenu li {
    padding: 10px 12px;
    color: var(--suva-gray);
    font-size: var(--font-size-s);
}

nav > div:hover .submenu,
.user:hover .user_submenu {
    display: block;
}

.submenu li {
    padding: 10px 12px;
    font-size: var(--font-size-s);
}

.submenu li:hover {}

.submenu li a {
    text-decoration: none;
    color: #333;
    color: var(--suva-gray);
}

.submenu li a:hover {
    color: #000;
}

.tagging-box_menu .nav > div {
    color: var(--cape-cod);
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.tagging-box_menu .nav > div.active {
    border-bottom: 3px solid #F3ED7B;
}

.pc .user {
    align-items: center;
    display: inline-flex;
    gap: 36px;
    justify-content: flex-end;
    margin-left: 25px;
    margin-top: 0.19px;
    position: relative;
    cursor: pointer;
}

.pc .icon {
    align-items: center;
    background-color: var(--black);
    border-radius: 50px;
    display: flex;
    gap: 10px;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
}

.pc .user_icon {
    height: 20px;
    margin-bottom: -4.00px;
    margin-left: -15.00px;
    margin-right: -15.00px;
    margin-top: -4.00px;
    position: relative;
    width: 20px;
}

.pc .tagging-box_menu {
    display: flex;
    gap: 12px;
    min-height: 39px;
    width: 100%;
}

.pc .gnb_line {
    height: 1px;
    margin-top: -1px;
    object-fit: cover;
    width: 100%;
}

.pc .flex-row {
    align-items: center;
    display: flex;
    gap: 23px;
    /*margin-left: 376px;*/
    min-width: 253px;
    width: 70%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.pc .tagginb_home {
    display: flex;
}

.pc .text {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.pc .subscribe {
    display: flex;
    flex-direction: column;
}

.pc .text-34 {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.pc .line-137 {
    height: 3px;
    margin-left: 8px;
    width: 63px;
}

.pc .manual {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Nav Css End */

.pc .status {
    align-items: center;
    align-self: center;
    display: flex;
    height: 816px;
    margin-left: 0;
    margin-top: 1px;
    min-width: 100%;
    justify-content: center;
}

.pc .status_list {
    display: flex;
    flex-direction: column;
}

.pc .title {
    align-self: center;
    color: var(--mirage);
    height: 46px;
    margin-left: -1px;
    text-align: center;
}

.pc .span-1 {
    font-weight: 700;
}

.pc .status-box {
    align-items: flex-end;
    display: flex;
    height: 133px;
    margin-top: 73px;
}

.pc .overlap-group {
    align-items: flex-start;
    background-image: url(../img/bg-2.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: -8px;
    margin-left: -4px;
    min-height: 141px;
    padding: 18px 33px;
}

.pc .flex-row-1 {
    align-items: center;
    align-self: flex-end;
    display: flex;
    gap: 395px;
    height: 21px;
    min-width: 503px;
}

.pc .basic {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    min-height: 19px;
    min-width: 43px;
    white-space: nowrap;
}

.pc .x1-gb {
    font-size: var(--font-size-s);
    min-height: 21px;
    min-width: 65px;
}

.pc .line-97 {
    align-self: center;
    height: 1px;
    margin-top: 10px;
    object-fit: cover;
    width: 502px;
}

.pc .text-27 {
    color: var(--black);
    font-family: var(--font-family-linefont);
    font-size: var(--font-size-s);
    font-weight: 400;
    letter-spacing: 0.70px;
    line-height: 22px;
    margin-left: 1px;
    margin-top: 12px;
    min-height: 44px;
}

.pc .detaile {
    align-items: flex-end;
    display: flex;
    height: 346px;
    justify-content: center;
    margin-top: 1px;
}

.pc .group-container {
    align-items: flex-start;
    background-image: url(../img/rectangle-5-4.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: -8px;
    min-height: 354px;
    padding: 35px 34px;
    width: 100%;
}

.pc .group-container > div {
    align-items: center;
}

.pc .group {
    display: flex;
    gap: 14px;
    /*width: 118px;*/
}

.pc .check-circle {
    height: 24px;
    width: 24px;
}

.pc .group-1 {
    display: flex;
    gap: 14px;
    /*width: 151px;*/
}

.pc .text-1 {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
    /*width: 111px;*/
}

.pc .group-3 {
    display: flex;
    gap: 14px;
    /*width: 202px;*/
}

.pc .ai {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
    width: 162px;
}

.pc .group-6 {
    display: flex;
    gap: 14px;
    /*width: 171px;*/
}

.pc .x1-gb-1 {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
    width: 131px;
}

.pc .group-7 {
    display: flex;
    gap: 14px;
    /*width: 145px;*/
}

.pc .text-32 {
    height: 24px;
    letter-spacing: 0;
    line-height: normal;
    width: 105px;
}

.pc .payment {
    align-items: flex-start;
    display: flex;
    /*min-width: 1922px;*/
}

.payment .pay_Box {
    display: flex;
    margin: 81px auto;
    justify-content: center;
    gap: 10px;
    width: 80%;
}

.payment .pay_Box > div {
    width: 25%;
    overflow: hidden;
}

.pc .overlap-group2 {
    height: 1216px;
    position: relative;
    width: 100%;
    background-image: url(../img/---5.png);
    background-size: 100% 100%;
    background-color: #191919;
    padding-top: 175px;
}

.pc .basic-1 {
    align-items: center;
    background: radial-gradient(90% 60% at 50% 50%, rgb(252, 251, 215) 0%, rgb(252, 251, 215) 82.7%, rgb(243, 237, 123) 100%);
    border: 1px solid;
    border-color: var(--alto);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 697px;
    padding: 59px 0;
    width: 341px;
}

.pc .flex-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 233px;
    width: 277px;
}

.pc .text-heading {
    align-items: flex-start;
    display: flex;
    height: 29px;
    position: relative;
    width: 149px;
}

.pc .text-heading-1 {
    color: var(--black);
    flex: 1;
    font-weight: 600;
    line-height: 28.8px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.pc .text-price {
    align-items: flex-end;
    display: inline-flex;
    justify-content: center;
    margin-top: 16px;
    position: relative;
}

.pc .price {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.pc .text-2 {
    letter-spacing: -0.48px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.pc .text-20 {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 88px;
    line-height: 22.4px;
    margin-top: 33px;
    min-width: 225px;
    text-align: center;
}

.pc .line-131 {
    height: 2px;
    margin-top: 33px;
    width: 277px;
}

.pc .flex-row-2 {
    align-items: center;
    align-self: flex-end;
    display: flex;
    gap: 18px;
    height: 228px;
    margin-right: -40px;
    margin-top: 33px;
    min-width: 100%;
}

.pc .check-circle-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 228px;
    width: 24px;
}

.pc .text-list-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 226px;
    /*width: 277px;*/
}

.pc .text-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    /*width: 277px;*/
}

.pc .text-list-item {
    display: flex;
    height: 22px;
    position: relative;
    width: 89px;
}

.pc .list-item {
    color: var(--sonic-silver);
    flex: 1;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
    width: 79px;
}

.pc .list-item-1 {
    width: 113px;
}

.pc .list-item-3 {
    width: 166px;
}

.pc .text-list-item-1 {
    display: flex;
    height: 22px;
    width: 89px;
}

.pc .list-item-4 {
    width: 132px;
}

.pc .list-item-5 {
    width: 105px;
}

.pc .button {
    align-items: center;
    background-color: var(--heavy-metal);
    border: 1px solid;
    border-color: var(--heavy-metal);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-top: 45px;
    padding: 12px;
    position: relative;
    width: 277px;
}

.pc .text-19 {
    color: var(--cultured-pearl);
    font-weight: 400;
    line-height: 16px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.pc .pro {
    align-items: flex-start;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--alto);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 697px;
    padding: 59px 31px;
    width: 341px;
}

.pc .top-1 {
    align-self: center;
}

.pc .text-price-1 {
    align-self: center;
}

.pc .text-25 {
    align-self: center;
    color: var(--sonic-silver);
    font-weight: 400;
    height: 88px;
    line-height: 22.4px;
    margin-top: 33px;
    min-width: 263px;
    text-align: center;
}

.pc .line-131-1 {
    align-self: center;
    height: 2px;
    margin-top: 33px;
    width: 277px;
}

.pc .flex-row-3 {
    align-items: center;
    display: flex;
    gap: 18px;
    margin-left: 10px;
    margin-top: 33px;
    min-width: 131px;
}

.pc .basic-2 {
    color: var(--sonic-silver);
    flex: 1;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
    width: 124px;
}

.pc .flex-row-4 {
    align-items: center;
    display: flex;
    gap: 18px;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 131px;
}

.pc .text-22 {
    color: var(--sonic-silver);
    flex: 1;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
    width: 132px;
}

.pc .flex-row-5 {
    align-items: center;
    display: flex;
    gap: 19px;
    margin-top: 10px;
    min-width: 206px;
    margin-left: 10px;
}

.pc .check-circle-1 {
    height: 24px;
    margin-top: 2.0px;
    width: 24px;
}

.pc .text-23 {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 44px;
    line-height: 22.4px;
    min-width: 163px;
}

.pc .flex-row-6 {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    margin-left: 10px;
    margin-top: 13px;
    min-width: 184px;
}

.pc .x10-gb {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 22px;
    line-height: 22.4px;
    white-space: nowrap;
}

.pc .flex-row-7 {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    margin-left: 10px;
    margin-top: 11px;
    min-width: 150px;
}

.pc .text-24 {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 22px;
    line-height: 22.4px;
    white-space: nowrap;
}

.pc .button-1 {
    align-items: center;
    align-self: center;
    background-color: var(--heavy-metal);
    border: 1px solid;
    border-color: var(--heavy-metal);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-top: 89px;
    padding: 12px;
    position: relative;
    width: 277px;
}

.pc .button-2 {
    color: var(--cultured-pearl);
    font-weight: 400;
    line-height: 16px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.pc .team {
    align-items: center;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--alto);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 697px;
    padding: 59px 0;
    width: 341px;
}

.pc .x {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 88px;
    line-height: 22.4px;
    margin-right: 1.0px;
    margin-top: 33px;
    min-width: 254px;
    text-align: center;
}

.pc .flex-row-8 {
    align-items: center;
    align-self: flex-end;
    display: flex;
    gap: 18px;
    height: 194px;
    margin-right: -40px;
    margin-top: 33px;
    min-width: 100%;
}

.pc .check-circle-container-1 {
    min-height: 194px;
}

.pc .text-list-container-1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 192px;
    /*width: 277px;*/
}

.pc .list-item-6 {
    width: 108px;
}

.pc .list-item-7 {
    width: 214px;
}

.pc .list-item-8 {
    width: 151px;
}

.pc .list-item-9 {
    width: 75px;
}

.pc .list-item-10 {
    width: 176px;
}

.pc .list-item-2 {
    width: 127px;
}

.pc .button-3 {
    align-items: center;
    background-color: var(--heavy-metal);
    border: 1px solid;
    border-color: var(--heavy-metal);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-top: 79px;
    padding: 12px;
    position: relative;
    width: 277px;
}

.pc .button-4 {
    color: var(--cultured-pearl);
    font-weight: 400;
    line-height: 16px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.pc .enterprice {
    align-items: center;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--alto);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 697px;
    padding: 59px 0;
    width: 341px;
}

.pc .mo-3 {
    margin-top: -1.00px;
}

.pc .text_label {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 88px;
    line-height: 22.4px;
    margin-top: 40px;
    min-width: 269px;
    text-align: center;
}

.pc .flex-row-9 {
    align-items: flex-start;
    align-self: flex-end;
    display: flex;
    gap: 18px;
    height: 159px;
    margin-right: -40px;
    margin-top: 33px;
    min-width: 100%;
}

.pc .check-circle-container-2 {
    min-height: 92px;
}

.pc .text-list-1 {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 158px;
    /*width: 277px;*/
}

.pc .list-item-11 {
    width: 124px;
}

.pc .list-item-12 {
    width: 146px;
}

.pc .button-5 {
    align-items: center;
    background-color: var(--heavy-metal);
    border: 1px solid;
    border-color: var(--heavy-metal);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-top: 114px;
    padding: 12px;
    position: relative;
    width: 277px;
}

.pc .button-6 {
    color: var(--cultured-pearl);
    font-weight: 400;
    line-height: 16px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.pc .title-1 {
    color: var(--white);
    /*left: 793px;
    position: absolute;
    top: 175px;*/
    text-align: center;
}

.pc .payment_history {
    background-color: #fcfbd7;
    border: 1px solid;
    border-color: var(--pumice);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    /*height: 779px;*/
    margin: 154px auto;
    width: 1280px;
}

.pc .frame-2354 {
    align-items: flex-end;
    background-color: var(--sunny-pearl);
    display: flex;
    /*gap: 422px;*/
    height: 233px;
    margin-left: 130px;
    margin-top: 63px;
    width: 1020px;
    padding: 13px 27px;
    justify-content: space-between;
}

.pc .frame-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 44px;
    min-height: 194px;
    width: 390px;
}

.pc .frame-2315 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 390px;
}

.pc .heading {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    /*margin-right: -75.00px;*/
    margin-top: -1.00px;
    position: relative;
    width: 465px;
}

.pc .button-text {
    letter-spacing: 0;
    line-height: 16px;
    margin-right: -75.00px;
    position: relative;
    width: 465px;
}

.pc .frame-2342 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    width: 390px;
}

.pc .frame-234 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 100%;
}

.pc .lorem-ipsum-dolor-si {
    letter-spacing: 0;
    line-height: 18px;
    margin-right: -75.00px;
    margin-top: -1.00px;
    position: relative;
    width: 465px;
}

.pc .frame-2326 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 100%;
}

.pc .lorem-ipsum-5 {
    letter-spacing: 0;
    line-height: 16px;
    margin-right: -75.00px;
    margin-top: -1.00px;
    position: relative;
    width: 465px;
}

.pc .line {
    height: 1px;
    object-fit: cover;
    position: relative;
    width: 204px;
}

.pc .button-7 {
    align-items: center;
    background-color: var(--white);
    border: 1px dashed;
    border-color: var(--black);
    border-radius: 50px;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 19px;
    padding: 20px;
    position: relative;
    width: 154px;
}

.pc .button-text-1 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: -155.50px;
    margin-right: -155.50px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
    width: 425px;
}

.pc .frame-2356 {
    display: flex;
    height: 144px;
    margin-left: 157px;
    margin-top: 44px;
    width: 512px;
}

.pc .group-43 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 144px;
    width: 526px;
}

.pc .lorem-ipsum-dolor-si-1 {
    width: 465px;
}

.pc .lorem-ipsum-container {
    align-items: flex-start;
    display: flex;
    gap: 47px;
    height: 16px;
    margin-top: 32px;
    min-width: 233px;
}

.pc .lorem-ipsum {
    letter-spacing: 0;
    line-height: 16px;
    width: 93px;
}

.pc .lorem-ipsum-container-1 {
    gap: 47px;
    height: 26px;
    margin-top: 15px;
    min-width: 512px;
}

.pc .lorem-ipsum-6 {
    letter-spacing: 0;
    line-height: 26px;
    width: 372px;
}

.pc .lorem-ipsum-container-2 {
    gap: 47px;
    height: 16px;
    margin-top: 5px;
    min-width: 233px;
}

.pc .line-1 {
    height: 1px;
    margin-top: 15px;
    object-fit: cover;
    width: 512px;
}

.pc .frame-2355 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: 157px;
    margin-top: 26px;
    min-height: 236px;
    width: 512px;
}

.pc .flex-row-10 {
    align-items: flex-start;
    display: flex;
    height: 229px;
    min-width: 512px;
}

.pc .flex-row-11 {
    align-items: flex-end;
    display: flex;
    gap: 93px;
    height: 190px;
    margin-top: 2px;
    min-width: 222px;
}

.pc .lorem-ipsum-container-3 {
    flex-direction: column;
    min-height: 190px;
    width: 93px;
}

.pc .lorem-ipsum-dolor-si-2 {
    width: 75px;
}

.pc .lorem-ipsum-7 {
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 32px;
    width: 93px;
}

.pc .lorem-ipsum-1 {
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 15px;
    width: 93px;
}

.pc .lorem-ipsum-container-4 {
    flex-direction: column;
    gap: 15px;
    min-height: 140px;
    width: 36px;
}

.pc .lorem-ipsum-2 {
    letter-spacing: 0;
    line-height: 16px;
    width: 36px;
}

.pc .lorem-ipsum-container-5 {
    align-self: center;
    flex-direction: column;
    gap: 15px;
    margin-left: 93px;
    margin-top: 15.0px;
    min-height: 140px;
    width: 39px;
}

.pc .lorem-ipsum-3 {
    letter-spacing: 0;
    line-height: 16px;
    width: 39px;
}

.pc .overlap-group-1 {
    align-items: flex-start;
    background-color: var(--desert-storm);
    border: 0.5px solid;
    border-color: var(--alto);
    border-radius: 8px;
    display: flex;
    gap: 3px;
    height: 24px;
    justify-content: flex-end;
    margin-left: 34px;
    min-width: 61px;
    padding: 2.5px 6.5px;
}

.pc .text-16 {
    letter-spacing: 0;
    line-height: 18px;
    min-width: 19px;
    white-space: nowrap;
}

.pc .chevron-down-1 {
    align-self: center;
    height: 12px;
    margin-bottom: 1.0px;
    width: 12px;
}

.pc .flex-col-1 {
    align-items: flex-end;
    min-height: 229px;
    width: 63px;
}

.pc .overlap-group1 {
    align-items: flex-start;
    background-color: var(--desert-storm);
    border: 0.5px solid;
    border-color: var(--alto);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 24px;
    justify-content: flex-end;
    min-width: 61px;
    padding: 2.5px 6.5px;
}

.pc .text-17 {
    letter-spacing: 0;
    line-height: 18px;
    min-width: 10px;
    white-space: nowrap;
}

.pc .lorem-ipsum-8 {
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 28px;
    width: 42px;
}

.pc .lorem-ipsum-4 {
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 15px;
    width: 42px;
}

.pc .more {
    color: var(--suva-gray);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 19px;
    min-width: 63px;
    white-space: nowrap;
}

.pc .line-2 {
    height: 1px;
    object-fit: cover;
    width: 512px;
}

.pc .flex-col-2 {
    align-items: flex-start;
    gap: 19px;
    margin-top: 6.45px;
    min-height: 241px;
    width: 401px;
}

.pc .textway-logo {
    /*height: 51px;*/
    object-fit: cover;
    width: 128px;
}

.pc .x1 {
    align-self: flex-end;
    font-size: var(--font-size-s);
    min-height: 171px;
    min-width: 388px;
}

.pc .line-95 {
    align-self: center;
    height: 235px;
    margin-bottom: 11.0px;
    margin-left: 72px;
    object-fit: cover;
    width: 1px;
}

.pc .tagging-box {
    align-self: flex-end;
    display: inline-flex;
    gap: 30px;
    margin-left: 41px;
    position: relative;
}

.pc .b-1 {
    height: 25.45px;
    object-fit: cover;
    position: relative;
    width: 160px;
}

.pc .frame-795 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 14px;
    position: relative;
}

.pc .view {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    position: relative;
}

.pc .text-5 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-6 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-7 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-8 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-9 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-10 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .x11-2-5-a02 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-11 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-12 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-13 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-14 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .text-15 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .category {
    display: flex;
    flex-direction: column;
    height: 132px;
    margin-left: 41px;
    width: 75px;
}

.pc .text-1-1 {
    color: var(--woodsmoke-3);
    font-family: var(--font-family-line_seed_sans_kr-bold);
    font-size: var(--font-size-m);
    font-weight: 700;
    height: 21px;
    letter-spacing: 0;
    line-height: normal;
}

.pc .text-2-1 {
    height: 17px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 31px;
    width: 69px;
}

.pc .text-3-1 {
    height: 17px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 16px;
    width: 52px;
}

.pc .text-4 {
    height: 17px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 13px;
    width: 39px;
}

.pc .check-circle-container-3 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 24px;
}

.pc .flex-col-3 {
    display: flex;
    flex-direction: column;
}

.pc .list-item-13 {
    color: var(--sonic-silver);
    flex: 1;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
}

.pc .lorem-ipsum-container-6 {
    align-items: flex-start;
    display: flex;
}

.pc .lorem-ipsum-dolor-si-3 {
    letter-spacing: 0;
    line-height: 18px;
}

.pc .phone-2 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.pc .tagging {
    align-items: flex-start;
    flex-direction: column;
}

.pc .text-price-3 {
    align-items: flex-end;
    display: inline-flex;
    justify-content: center;
    margin-right: 1.0px;
    margin-top: 16px;
    position: relative;
}

.pc .title-2 {
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-xxl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}

.pc .x1-1 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}


.p_history,
.p_history2 {
    display: flex;
    margin-left: 157px;
    margin-top: 44px;
    width: 512px;
    flex-direction: column;
    gap: 29px;
    margin-bottom: 63px;
    font-family: var(--font-family-line_seed_sans_kr-regular);
}

.p_history_t > div {
    font-size: 18px;
}

.p_history_t,
.p_history_t2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.p_history_t .select,
.p_history_t2 .select {
    display: flex;
    font-size: 14px;
    gap: 2px;
}

.p_history_t .select div,
.p_history_t2 .select div {
    width: 61px;
    height: 24px;
    background: #F9F9F9;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.p_history_t2 .select div:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    /*background-image: url(../img/chevron-down-14@2x.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    pointer-events: none;
}

.p_history_t .select div select,
.p_history_t2 .select div select {
    background: transparent;
    border: 0 none;
    outline: 0 none;
    color: #000;
}

.p_history_b,
.p_history_b2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 150px;
    overflow: hidden;
}

.p_history_b > div,
.p_history_b2 > div {
    display: flex;
    justify-content: space-between;
}

.more_btn,
.more_btn2 {
    color: #888888;
    text-align: right;
}

/* footer Css Start */

.pc .footer {
    align-items: flex-start;
    background-color: var(--desert-storm);
    display: flex;
    flex-direction: row;
    height: 402px;
    justify-content: center;
    padding-top: 55.6px;
    width: 100%;
    gap: 100px;
    font-family: var(--font-family-line_seed_sans_kr-regular);
}

.pc .footer > div {
    font-size: 14px;
    color: #888;
    display: flex;
    gap: 30px;
    flex-direction: column;
    margin-left: 0;
}

.pc .footer > div:nth-child(1) {}

.pc .footer > div:nth-child(3) {
    gap: 20px;
    display: flex;
    align-self: self-start;
    margin-left: 0;
}

.pc .footer div p {
    line-height: 1.3;

}

.pc .footer div:nth-child(2) div {
    gap: 10px;
    line-height: 2;
    display: flex;
    align-items: center;
    height: auto;
    width: auto;
}

.category > div:nth-child(1) {
    font-size: var(--font-size-m);
    font-weight: 700;
    color: var(--black);
}

.tagging .view > div:nth-child(1) {
    color: var(--black);
}

.textway-logo {
    width: 128px;

}

.ft_line {
    height: 235px;
}

.footer .frame-795 {
    gap: 0;
}

/* footer Css End */

/* screen - mb */

.mb {
    align-items: flex-start;
    background-color: var(--white);
    display: flex;
    overflow: hidden;
    width: 100%;
    min-width: 375px;
}

.mb .overlap-group2-1 {
    height: auto;
    position: relative;
    width: 100%;
}

.mb .footer-1 {
    background-color: var(--desert-storm);
    display: flex;
    flex-direction: column;
    gap: 23px;
    height: 829px;
    width: 100%;
    align-items: center;
}

.mb .line-129 {
    height: 1px;
    object-fit: cover;
    width: 373px;
}

.mb .frame-818 {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    gap: 30px;
    height: 680px;
    margin-left: 20px;
    position: relative;
    width: 335px;
}

.mb .x1-1 {
    height: 51px;
    object-fit: cover;
    position: relative;
    width: 120px;
}

.mb .x111 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-xxs);
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: 335px;
}

.mb .b-1-1 {
    height: 24px;
    object-fit: cover;
    position: relative;
    width: 150.9px;
}

.mb .frame-796 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

.mb .x1-2 {
    align-self: stretch;
    height: 60px;
    position: relative;
    width: 100%;
}

.mb .flex-row-12 {
    align-items: flex-end;
    display: flex;
    gap: 10px;
    min-width: 159px;
}

.mb .view-3 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 49px;
}

.mb .text-39 {
    color: var(--woodsmoke-3);
    font-family: var(--font-family-line_seed_sans_kr-bold);
    font-size: var(--font-size-s);
    font-weight: 700;
    height: 19px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .text-40 {
    height: 18px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .text-41 {
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 1px;
    min-height: 18px;
    min-width: 47px;
}

.mb .text-42 {
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 1px;
    min-height: 18px;
    min-width: 34px;
}

.mb .line-129-1 {
    height: 1px;
    object-fit: cover;
    position: relative;
    width: 335px;
}

.mb .view-4 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.mb .text-43 {
    color: var(--woodsmoke-3);
    font-family: var(--font-family-line_seed_sans_kr-bold);
    font-size: var(--font-size-s);
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .view-5 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.mb .view-1 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
}

.mb .text-44 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .line-130 {
    height: 12px;
    object-fit: cover;
    position: relative;
    width: 1px;
}

.mb .text-45 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-46 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-47 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-48 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .view-2 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    position: relative;
    width: 100%;
}

.mb .text-49 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .x11-2-5-a02-1 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-50 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-51 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-52 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-53 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .text-54 {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .payment_history-1 {
    background-color: #fcfbd7;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    align-items: center;
}

.mb .group-51 {
    background-color: var(--sunny-pearl);
    display: flex;
    flex-direction: column;
    gap: 21px;
    height: 280px;
    margin-top: 63px;
    width: 90%;
}

.mb .frame-2315-1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 68px;
    margin-left: 22px;
    margin-top: 22px;
    position: relative;
    width: 282px;
}

.mb .heading-1 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    margin-right: -24.00px;
    margin-top: -1.00px;
    position: relative;
    width: 306px;
}

.mb .button-text-3 {
    letter-spacing: 0;
    margin-right: -183.00px;
    width: 465px;
}

.mb .frame-2352 {
    align-items: center;
    background-color: var(--white);
    border: 1px dashed;
    border-color: var(--black);
    border-radius: 50px;
    display: flex;
    gap: 10px;
    height: 52px;
    justify-content: center;
    margin-left: 22px;
    padding: 20px;
    position: relative;
    width: 90%;
}

.mb .button-text-4 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: -1.00px;
    margin-left: -91.50px;
    margin-right: -91.50px;
    margin-top: -3.00px;
    text-align: center;
    width: 425px;
}

.mb .frame-2342-1 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 48px;
    height: 82px;
    margin-left: 22px;
    position: relative;
    width: 283px;
}

.mb .frame-2341 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 100%;
}

.mb .lorem-ipsum-dolor-si-3 {
    margin-top: -1.00px;
    position: relative;
    width: 260px;
}

.mb .frame-2340 {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 32px;
    position: relative;
    width: 260px;
}

.mb .frame-2326-1 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 100%;
}

.mb .lorem-ipsum-14 {
    letter-spacing: 0;
    line-height: 16px;
    margin-right: -205.00px;
    margin-top: -1.00px;
    position: relative;
    width: 465px;
}

.mb .line-3 {
    height: 1px;
    object-fit: cover;
    position: relative;
    width: 204px;
}

.mb .frame-2341-1 {
    display: flex;
    height: 162px;
    margin-top: 34px;
    width: 90%;
}

.mb .view-6 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 176px;
    width: 100%;
}

.mb .lorem-ipsum-dolor-si-4 {
    width: 296px;
}

.mb .lorem-ipsum-container-7 {
    gap: 30px;
    height: 16px;
    margin-top: 32px;
    min-width: 148px;
}

.mb .lorem-ipsum-9 {
    letter-spacing: 0;
    line-height: 16px;
    width: 59px;
}

.mb .lorem-ipsum-container-8 {
    gap: 30px;
    height: 52px;
    margin-top: 15px;
    min-width: 326px;
}

.mb .lorem-ipsum-15 {
    letter-spacing: 0;
    line-height: 26px;
    min-height: 52px;
    width: 237px;
}

.mb .lorem-ipsum-container-9 {
    gap: 30px;
    height: 16px;
    margin-top: 11px;
    min-width: 171px;
}

.mb .lorem-ipsum-16 {
    letter-spacing: 0;
    line-height: 16px;
    width: 82px;
}

.mb .line-4 {
    height: 1px;
    margin-top: 15px;
    object-fit: cover;
    width: 100%;
}

.mb .view-7 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 235px;
    width: 90%;
}

.mb .overlap-group-2 {
    height: 24px;
    position: relative;
    width: 465px;
}

.mb .lorem-ipsum-dolor-si-5 {
    left: 0;
    position: absolute;
    top: 2px;
    width: 465px;
}

.mb .rectangle-28 {
    background-color: var(--desert-storm);
    border: 0.5px solid;
    border-color: var(--alto);
    border-radius: 8px;
    height: 24px;
    left: 204px;
    position: absolute;
    top: 0;
    width: 61px;
}

.mb .text-55 {
    left: 225px;
    letter-spacing: 0;
    line-height: 18px;
    position: absolute;
    top: 2px;
    white-space: nowrap;
}

.mb .chevron-down-2 {
    left: 247px;
}

.mb .rectangle-28-1 {
    background-color: var(--desert-storm);
    border: 0.5px solid;
    border-color: var(--alto);
    border-radius: 8px;
    height: 24px;
    left: 267px;
    position: absolute;
    top: 0;
    width: 61px;
}

.mb .chevron-down-3 {
    left: 310px;
}

.mb .text-56 {
    left: 292px;
    letter-spacing: 0;
    line-height: 18px;
    position: absolute;
    top: 2px;
    white-space: nowrap;
}

.mb .lorem-ipsum-container-10 {
    gap: 43px;
    height: 16px;
    margin-top: 28px;
    min-width: 326px;
}

.mb .lorem-ipsum-10 {
    letter-spacing: 0;
    line-height: 16px;
    width: 85px;
}

.mb .lorem-ipsum-11 {
    letter-spacing: 0;
    line-height: 16px;
    width: 33px;
}

.mb .lorem-ipsum-12 {
    letter-spacing: 0;
    line-height: 16px;
    width: 35px;
}

.mb .lorem-ipsum-13 {
    letter-spacing: 0;
    line-height: 16px;
    width: 44px;
}

.mb .lorem-ipsum-container-6 {
    gap: 43px;
    height: 16px;
    margin-top: 15px;
    min-width: 326px;
}

.mb .more-1 {
    align-self: flex-end;
    color: var(--suva-gray);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 3px;
    margin-top: 15px;
    min-width: 51px;
    white-space: nowrap;
}

.mb .line-5 {
    height: 1px;
    margin-top: 9px;
    object-fit: cover;
    width: 326px;
}

.mb .overlap-group1-1 {
    height: 1298px;
    width: 100%;
    position: relative;
    background-image: url(../img/---5.png);
    background-size: 100% 100%;
    background-color: #191919;
    text-align: center;
}

.mb .x3 {
    background-color: #191919;
    display: flex;
    height: 1298px;
    width: 100%;
}

.mb .image {
    height: 1298px;
    width: 100%;
}

.mb .basic-3 {
    align-items: center;

    border: 1px solid;
    border-color: var(--alto);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-height: 697px;
    padding: 59px 0;
    width: 335px;
    margin: 40px auto;
}

.mb .basic-3.current-page {
    background: radial-gradient(90% 60% at 50% 50%, rgb(252, 251, 215) 0%, rgb(252, 251, 215) 82.7%, rgb(243, 237, 123) 100%) !important;
}

.mb .flex-col-3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 6.0px;
    min-height: 233px;
}

.mb .text-heading-2 {
    align-items: flex-start;
    display: flex;
    height: 29px;
    position: relative;
    width: 149px;
}

.mb .text-heading-3 {
    color: var(--black);
    flex: 1;
    font-weight: 600;
    line-height: 28.8px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.mb .text-price-3 {
    align-items: flex-end;
    display: inline-flex;
    justify-content: center;
    margin-top: 16px;
    position: relative;
}

.mb .price-1 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.mb .text-57 {
    letter-spacing: -0.48px;
    line-height: 24px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.mb .text-59 {
    color: var(--sonic-silver);
    font-weight: 400;
    height: 88px;
    line-height: 22.4px;
    margin-top: 33px;
    min-width: 225px;
    text-align: center;
}

.mb .line-131-2 {
    height: 2px;
    margin-top: 33px;
    width: 277px;
}

.mb .flex-row-13 {
    align-items: center;
    align-self: flex-end;
    display: flex;
    gap: 18px;
    height: 228px;
    margin-top: 33px;
    min-width: 319px;
    margin-left: 32px;
}

.mb .check-circle-container-3 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 228px;
    width: 24px;
}

.mb .check-circle-2 {
    height: 24px;
    width: 24px;
}

.mb .text-list-container-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 226px;
}

.mb .text-list-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.mb .text-list-item-2 {
    position: relative;
}

.mb .list-item-13 {
    width: 79px;
}

.mb .list-item-14 {
    width: 113px;
}

.mb .list-item-15 {
    width: 166px;
}

.mb .list-item-16 {
    width: 132px;
}

.mb .list-item-17 {
    width: 105px;
}

.mb .button-8 {
    align-items: center;
    background-color: var(--heavy-metal);
    border: 1px solid;
    border-color: var(--heavy-metal);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-left: 32px;
    margin-top: 45px;
    padding: 12px;
    position: relative;
    width: 277px;
}

.mb .text-58 {
    color: var(--cultured-pearl);
    font-weight: 400;
    line-height: 16px;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.mb .tab {
    gap: 0.2px;
    justify-content: center;
}

.mb .basic-4 {
    align-items: center;
    /*background-color: var(--sunny-pearl);*/
    border-radius: 7px;
    display: flex;
    gap: 8px;
    height: 36px;
    justify-content: center;
    padding: 10px 8px;
    position: relative;
    width: 83.75px;
}

.mb .button-text-5 {
    color: var(--sonic-silver);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-weight: 500;
    letter-spacing: -0.28px;
    margin-top: -1.00px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.mb .tab-item {
    background-color: var(--pumice);
    border-radius: 7px;
    gap: 8px;
    justify-content: center;
    padding: 10px 8px;
    position: relative;
    width: 83.75px;
}

.mb .tab-item.active {
    background-color: #F3ED7B;

}

.mb .tab-item.active div {
    color: #000 !important;
}

.mb .button-text-2 {
    letter-spacing: -0.28px;
    margin-top: -1.00px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.mb .title-2 {
    color: var(--white);
    line-height: normal;
    white-space: nowrap;
    padding: 129px 0 40px;
}

.mb .span-2 {
    font-weight: 700;
}

.mb .status-1 {
    display: flex;
    height: 702px;
    justify-content: center;
    width: 100%;
}

.mb .status_list-1 {
    display: flex;
    flex-direction: column;
    height: 596.86px;
    margin-left: 2px;
    margin-top: 75.1px;
    width: 337px;
}

.mb .title-3 {
    align-self: center;
    color: var(--mirage);
    height: 55.22px;
    line-height: 35px;
    margin-left: -1px;
    text-align: center;
    width: 220px;
}

.mb .span0 {
    font-weight: 500;
}

.mb .status-box-1 {
    align-items: flex-end;
    display: flex;
    height: 162.05px;
    margin-top: 32.6px;
    min-width: 341px;
}

.mb .overlap-group-3 {
    align-items: center;
    background-image: url(../img/rectangle-4-2@2x.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: -8.0px;
    margin-left: -4px;
    min-height: 170px;
    padding: 16.3px 0;
    width: 343px;
}

.mb .flex-row-14 {
    align-items: center;
    display: flex;
    gap: 187px;
    height: 19px;
    min-width: 295px;
}

.mb .basic-5 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 0;
    min-height: 17px;
    white-space: nowrap;
    width: 43px;
}

.mb .x1-gb-2 {
    color: var(--black);
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: var(--font-size-s);
    font-weight: 400;
    min-height: 19px;
}

.mb .line-132 {
    height: 1px;
    margin-top: 11px;
    object-fit: cover;
    width: 295px;
}

.mb .text-60 {
    color: var(--black);
    font-family: var(--font-family-linefont);
    font-size: var(--font-size-s);
    font-weight: 400;
    letter-spacing: 0.70px;
    line-height: 22px;
    margin-right: 1.0px;
    margin-top: 13px;
    min-height: 80px;
    width: 294px;
}

.mb .detaile-1 {
    align-items: flex-end;
    display: flex;
    height: 346px;
    justify-content: center;
    margin-top: 1.0px;
    min-width: 335px;
}

.mb .group-container-1 {
    align-items: flex-start;
    background-image: url(../img/rectangle-5-5@2x.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: -8px;
    min-height: 354px;
    padding: 34px;
    width: 343px;
}

.mb .group-container-2 {
    height: 67px;
    position: relative;
    width: 137px;
}

.mb .group-1-1 {
    display: flex;
    height: 21px;
    left: 38px;
    position: absolute;
    top: 1px;
}

.mb .text-6-1 {
    height: 21px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .group-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 19px;
    left: 0;
    min-height: 67px;
    position: absolute;
    top: 0;
}

.mb .flex-row-15 {
    align-items: flex-start;
    display: flex;
    gap: 14px;
}

.mb .text-62 {
    letter-spacing: 0;
    line-height: normal;
    min-height: 21px;
}

.mb .group-3-1 {
    display: flex;
    gap: 14px;
}

.mb .ai-1 {
    height: 21px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .group-4 {
    display: flex;
    gap: 14px;
}

.mb .text-63 {
    height: 21px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .group-5 {
    display: flex;
    gap: 14px;
}

.mb .group-6-1 {
    display: flex;
    gap: 14px;
}

.mb .x1-gb-3 {
    height: 21px;
}

.mb .group-7-1 {
    display: flex;
    gap: 14px;
}

.mb .text-65 {
    height: 21px;
    letter-spacing: 0;
    line-height: normal;
}

.mb .gnb-1 {
    -webkit-backdrop-filter: blur(60px) brightness(100%);
    backdrop-filter: blur(60px) brightness(100%);
    display: flex;
    height: 56px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.mb .b-1-2 {
    height: 20px;
    margin-left: 20px;
    object-fit: cover;
    width: 125.75px;
}

.mb .category_icon {}

.mb .side-box {
    height: 3735px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mb .button-text {
    line-height: 16px;
    position: relative;
}

.mb .chevron-down {
    height: 12px;
    position: absolute;
    top: 6px;
    width: 12px;
}

.mb .list-item {
    color: var(--sonic-silver);
    flex: 1;
    font-weight: 400;
    line-height: 22.4px;
    white-space: nowrap;
    text-align: left;
}

.mb .lorem-ipsum-container {
    align-items: flex-start;
    display: flex;
}

.mb .lorem-ipsum-dolor-si {
    letter-spacing: 0;
    line-height: 18px;
}

.mb .phone {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.mb .tab-1 {
    align-items: center;
    display: flex;
    height: 36px;
}

.mb .text-list-item {
    display: flex;
    height: 22px;
    width: 89px;
}

.mb .text-list-item3 {
    height: 44px;
}

.mb .checkCircle3 {
    margin: 12px 0 9px;
}

.mb .title {
    font-family: var(--font-family-line_seed_sans_kr-regular);
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
}

.mb .x1-gb {
    letter-spacing: 0;
    line-height: normal;
}

.mb .p_history2 {
    width: 100%;
    margin-left: unset;
}

/* sidebar Css Start */

.mb .sidebar {
    display: none;
    width: 60vw;
    background: #fff;
    height: 40vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.mb .sidebar .user_name {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 17px 25px 29px;
}

.mb .sidebar .user_name div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50%;
    gap: 12px;
    font-size: 14px;
}

.mb .sidebar .user {
    background: #000;
    width: 30px;
    height: 30px;
}

.mb .sidebar .user_icon {
    margin: 0 auto;
    width: 80%;
}

.mb .sidebar .close_icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.mb .sidebar .category_list {
    padding: 0 25px;
}

.mb .sidebar .category_list li {
    line-height: 2;
    color: var(--fuscous-gray);
    font-size: 14px;
}

.mb .sidebar > div:last-child {
    position: absolute;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    border-top: 1px solid #cacaca;
    width: 100%;
}

.mb .sidebar > div:last-child img {
    margin-left: 0;
}

.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* sidebar Css End */

/* mb footer Css Start */

.mb .footer {
    padding: 20px;
    font-size: 12px;
    line-height: normal;
    background: #f8f8f8;
    width: 100%;
}

.mb .ft_tag {
    display: flex;
    gap: 10px;
    color: #0d0d0d99;
}

.mb .footer .frame-795 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mb .footer .frame-795 .view {
    display: flex;
    gap: 10px;
    color: #0d0d0d99;
    align-items: center;
}

.mb .footer .category {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}

.mb .footer .tagging-box {
    margin: 20px 0;
}


/* mb footer Css End */

@media screen and (min-width: 1301px) {
    .screen.pc {
        display: block;
    }

    .screen.mb {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .screen.pc {
        display: none;
    }

    .screen.mb {
        display: block;
    }

    .container-center-horizontal {
        min-width: 100% !important;
    }
}

@media screen and (max-width: 1841px) {

    .payment .pay_Box .body-base {
        font-size: 14px;
    }

    .pc .flex-row-2,
    .pc .flex-row-8,
    .pc .flex-row-9 {
        margin-right: -20px;
    }

    .pc .flex-row-3,
    .pc .flex-row-4,
    .pc .flex-row-5,
    .pc .flex-row-6,
    .pc .flex-row-7 {
        margin-left: -10px;
    }
    
    .pc .button,
    .pc .button-3,
    .pc .button-5 {
        width: 85%;
    }

    .pc .button-1 {
        width: 110%;
    }

    .pc .payment_history {
        width: 80%;
    }
    
    .pc .frame-2354 {
        width: 75%;
    }
}