@charset "UTF-8";
/**/
@import "/assets/font/SUIT-Variable.css";
@import "/assets/font/Montserrat.css";
/* 2023-04-28 :: START :: 디버깅시 사용 */
* {
    -webkit-tap-highlight-color: rgba(238, 238, 238, 0.4);
}

    /* body 가 팝업이 열려 있을 때 스크롤을 차단 */
	body.popup-open{
	  overflow: hidden;          /* iOS Safari 18.6.2에서도 스크롤 차단 */
	}
	
.RR {
    outline: 1px dashed blue !important;
}

.RRR > * {
    outline: 1px dashed red !important;
}

/* // 2023-04-28 :: END :: 디버깅시 사용 */
:root {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    cursor: default;
    overflow-wrap: break-word;
    word-break: break-word;
    tab-size: 4;
}

::selection {
    color: #303030;
    background: #a8d1ff;
}

::-moz-selection {
    color: #303030;
    background: #a8d1ff;
}

/* 스크롤바 */
/* 1024px 이상 화면*/
@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {
        display: block;
        width: 0px;
        height: 0px;
    }
    ::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }
    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.3);
    }
}
/**/
* {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}

*,
:after,
:before {
    box-sizing: border-box;
    flex-shrink: 0;
}

img,
picture,
video,
canvas,
button,
svg {
    display: block;
    max-width: 100%;
}

img {
    -webkit-touch-callout : none;
}

button {
    background: none;
    border: 0;
    cursor: pointer;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* iOS safari 클릭 딜레이 방지 */
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

ul {
    list-style: none;
}

html,
body {
    line-height: 1;
    background: #fff;
}

[disabled] {
    pointer-events: none;
}

strong {
    font-weight: 700;
}

:root {
    --color1: #ff3838;
    --color2: #4168f6;
    --color3: #ffafaf;
    --text-color1: #303030;
    --text-color2: #767676;
    --text-color3: #a6a6a6;
}

.Color1 {
    color: var(--color1);
}

.Color2 {
    color: var(--color2);
}

.Color3 {
    color: var(--color3);
}

.TxtColor1 {
    color: var(--text-color1);
}

.TxtColor2 {
    color: var(--text-color2);
}

.TxtColor3 {
    color: var(--text-color3);
}

:root {
    /* iOS 11.0 버전 */
    --sat: constant(safe-area-inset-top);
    --sar: constant(safe-area-inset-right);
    --sab: constant(safe-area-inset-bottom);
    --sal: constant(safe-area-inset-left);
    /* iOS 11.2 이상 */
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
    /**/
    --body-min-wid: 280px; /* 웹사이트 최소 너비 */
    --contents-max-wid: 1920px; /* 컨텐츠 최대 너비 */
    --contents-side-padding: 20px; /* 컨텐츠 좌우 안쪽 여백 */
    /**/
    --header-hei: 50px;
    --footer-hei: 50px;
}

[data-env="development"] {
    --sab: 20px;
}

/* lg - 1024px 이상*/
@media screen and (min-width: 1024px) {
    :root {
        --contents-side-padding: 60px; /* 컨텐츠 좌우 안쪽 여백 */
    }
}
/**/
.StickyBox.Sticky > .FixedShell {
    z-index: 99;
}

/**/
.FixedBox > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}
.FixedBox1 > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}
.FixedBox2 > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}
.FixedBox3 > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}
.FixedBox4 > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}

.FixedBox5 > .FixedShell {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
}
.FixedBox > .FixedShell.toast_fix {
    bottom: 20px;
}
.FixedBox > .toast_fix.fix_toast_ani {
    animation: toastani 1.2s ease-in-out forwards;
}
.FixedBox > .toast_fix.fix_toast_ani_up {
    animation: toastaniUp 1.2s ease-in-out forwards;
}
.FixedBox1 > .FixedShell.toast_fix {
    bottom: 20px;
}
.FixedBox1 > .FixedShell.toast_fix.toast_up {
    bottom: 100px;
}
.FixedBox1 > .toast_fix.fix_toast_ani {
    animation: toastani 1.2s ease-in-out forwards;
}

.FixedBox2 > .FixedShell.toast_fix {
    bottom: 20px;
}
.FixedBox2 > .toast_fix.fix_toast_ani {
    animation: toastani 1.2s ease-in-out forwards;
}

.FixedBox3 > .FixedShell.toast_fix {
    bottom: 100px;
}

.FixedBox4 > .FixedShell.toast_fix {
    bottom: 0px;
}
.FixedBox4 > .toast_fix.fix_toast_ani {
    animation: toastani-2 1.2s ease-in-out forwards;
}

/******************************************
  media query sample
*******************************************/
[data-only-view] {
    display: none;
}

/* 639px 이하 화면*/
@media screen and (max-width: 639px) {
    [data-only-view~="Xs"] {
        display: block;
    }
}
/* 640px 이상 ~ 767px 이하 화면*/
@media screen and (min-width: 640px) and (max-width: 767px) {
    [data-only-view~="Sm"] {
        display: block;
    }
}
/* 768px 이상 ~ 1023px 이하 화면*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    [data-only-view~="Md"] {
        display: block;
    }
}
/* 1024px 이상 ~ 1279px 이하 화면*/
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    [data-only-view~="Lg"] {
        display: block;
    }
}
/* 1280px 이상 ~ 1535px 이하 화면*/
@media screen and (min-width: 1280px) and (max-width: 1535px) {
    [data-only-view~="Xl"] {
        display: block;
    }
}
/* 1536px 이상 ~ 1799px 이하 화면*/
@media screen and (min-width: 1536px) and (max-width: 1799px) {
    [data-only-view~="2Xl"] {
        display: block;
    }
}
/* 1800px 이상 화면*/
@media screen and (min-width: 1800px) {
    [data-only-view~="3Xl"] {
        display: block;
    }
}
/**/
/* 1023px 이하 화면*/
@media screen and (max-width: 1023px) {
    [data-only-view="MO"] {
        display: block;
    }
}
/* 1024px 이상 화면*/
@media screen and (min-width: 1024px) {
    [data-only-view="PC"] {
        display: block;
    }
}
.TopActionBar_1 {
    position: relative;
    height: 64px;
    background-color: #e03434;
}
.TopActionBar_1 .Sec0 {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    height: 100%;
}
.TopActionBar_1 .Sec0 .LeftArea {
    padding-left: var(--contents-side-padding);
}
.TopActionBar_1 .Sec0 .RightArea {
    padding-right: var(--contents-side-padding);
}
.TopActionBar_1 .PageTitle {
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 16px;
    font-weight: 600;
}

/**/
.TopActionBar_2 {
    border-bottom: 1px solid #ebebeb;
    background-color: white;
}
.TopActionBar_2 .t-7ad84641 {
    color: #ff3838;
    font-size: 16px;
    font-weight: 500;
}
.TopActionBar_2 > .Inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    padding-left: 15px;
    padding-right: 20px;
    height: 56px;
}
.TopActionBar_2 .PageTitle {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
}

/**/
.TopActionBar_3 {
    border-bottom: 1px solid #ebebeb;
    background-color: white;
}
.TopActionBar_3 > .Inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    padding-left: 24px;
    padding-right: 20px;
    height: 56px;
}
.TopActionBar_3 .PageTitle {
    color: var(--text-color1);
    font-size: 16px;
    font-weight: 500;
}

/**/
.TabBar_1 {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ebebeb;
    height: 50px;
}
.TabBar_1 > button {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-color1);
    font-size: 14px;
    font-weight: 600;
}
.TabBar_1 > button.On {
    color: #ff3838;
}
.TabBar_1 > button.On:after {
    background-color: #ff3838;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}

/**/
.TabBar_2 {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-bottom: 1px solid #ebebeb;
    height: 50px;
}
.TabBar_2.no_red {
	height: 66px;
	border-bottom: 0;
}
.TabBar_2 > button {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-color1);
    font-size: 14px;
    font-weight: 600;
}
.TabBar_2.no_red > button {
	flex-direction: column;
	gap: 8px;
	padding: 8px 0;
	color: #767676;
	font-size: 12px;
}
.TabBar_2.no_red > button span {
	font-size: 16px;
}
.TabBar_2 > button.On {
    color: #ff3838;
}
.TabBar_2.no_red > button.On {
	color: #303030;
	font-weight: 800;
}
.TabBar_2 > button.On:after {
    background-color: #ff3838;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}
.TabBar_2.no_red > button.On:after {
	background: unset;
}


/**/
.BottomNavi_1 {
    background-color: white;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0;
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-bottom: calc(3px + var(--sab, 0px));
}
.BottomNavi_1 button {
    color: var(--text-color1);
    height: 50px;
    border-radius: 12px;
}
.BottomNavi_1 button .Icon svg {
    width: 24px;
}
.BottomNavi_1 button .Label {
    font-size: 10px;
    font-weight: 400;
}
.BottomNavi_1 button.On .Label {
    color: #ea2c2c;
    font-weight: 600;
}

/**/
.Text_1 {
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.Text_1_1 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.Text_1_2 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.Text_1_3 {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.Text_1_4 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.Text_1_5 {
    color: #303030;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

.Text_3 {
    font-size: 12px;
    color: #ff3838;
    line-height: 12px;
    font-weight: 500;
}

.Text_5 {
    font-size: 12px;
    color: #ff3838;
    line-height: 12px;
    font-weight: 400;
}

.Text_6 {
    font-size: 11px;
    color: #767676;
    line-height: 16px;
    font-weight: 400;
}

.Text_6_1 {
    font-size: 12px;
    color: #767676;
    line-height: 12px;
    font-weight: 500;
}

.Text_6_2 {
    font-size: 12px;
    color: #ff3838;
    line-height: 12px;
    font-weight: 500;
}

.Text_6_3 {
    font-size: 12px;
    color: #ff3838;
    line-height: 12px;
    font-weight: 600;
}

.Text_7 {
    font-size: 12px;
    color: #303030;
    line-height: 18px;
    font-weight: 600;
}
.Text_7-1 {
    font-size: 12px;
    color: #303030;
    line-height: 14px;
    font-weight: 400;
}

.Text_8 {
    font-size: 12px;
    color: #767676;
    line-height: 16.8px;
    font-weight: 600;
}

.Text_8-1 {
    font-size: 14px;
    color: #767676;
    line-height: 16.8px;
    font-weight: 400;
}
.Text_8-2 {
    font-size: 12px;
    color: #767676;
    line-height: 24px;
    font-weight: 400;
}
.Text_8-3 {
    font-size: 12px;
    color: #767676;
    line-height: 16px;
    font-weight: 400;
}


/**/
.ButtonList_1 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    justify-items: center;
}
.ButtonList_1 button {
    width: 56px;
    width: 100%;
}
.ButtonList_1 button .Icon {
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 8px;
}
.ButtonList_1 button .Icon img {
    width: 100%;
}
.ButtonList_1 button .Label {
    margin-top: 7px;
    color: var(--text-color1);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
}

/**/
.Divider_1 {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 6px;
    border-bottom: 1px solid #e1e1e1;
    background: #ebebeb;
}

/**/
.Title_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}

/**/
.Title_2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/
.Title_3 {
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.Title_3-1 {
    color: #303030;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

/**/
.ImgBox_1 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}
.ImgBox_1 .New {
    z-index: 10;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
}
.ImgBox_1 .Like {
    z-index: 10;
    position: absolute;
    bottom: 6px;
    right: 6px;
}
.ImgBox_1 .Rank {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-radius: 6px;
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #a6a6a6;
    width: 22px;
    height: 22px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}
.ImgBox_1 .Rank.Rank1 {
    background-color: #fe3839;
}
.ImgBox_1 .DDay {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    background-color: #ff3838;
    border-radius: 4px;
}
.ImgBox_1 .NoSellCover {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}
.ImgBox_1 .NoAddCover {
    border-radius: 8px;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ImgBox_1 .NoChoice {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: normal;
}
.ImgBox_1 .New img {
    border-radius: 0;
}
.ImgBox_1.flag-style {
    border-radius: 8px 8px 0 0;
    border-bottom: 0;
}
.ProductBorderList_1.myinfoSaleDetail .ImgBox_1 img {
	background-color: #fff;
}

/**/
.ProductInfo_1 {
    background-color: white;
}
.ProductInfo_1 .Txt1 {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 400;
}
.ProductInfo_1 .Txt1 {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 400;
}
.ProductInfo_1 .Txt1-1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}
.ProductInfo_1 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductInfo_1 .Txt2-1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.ProductInfo_1 .Txt2-2 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
}
.ProductInfo_1 .Txt2-3 {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}
.ProductInfo_1 .Txt2-4 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
}
.ProductInfo_1 .Txt3 {
    color: #303030;
    font-size: 10px;
    font-weight: 600;
}
.ProductInfo_1 .Txt3-1 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.ProductInfo_1 .Txt3-2 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductInfo_1 .Txt4 {
    color: #ff3838;
    font-size: 10px;
    font-weight: 600;
}
.ProductInfo_1 .Txt4-1 {
    color: #ff3838;
    font-size: 14px;
    font-weight: 600;
}
.ProductInfo_1 .Txt4-2 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.ProductInfo_1 .Txt4-3 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.ProductInfo_1 .Txt4-4 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.ProductInfo_1 .Txt4-5 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.ProductInfo_1 .Txt5 {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 400;
    text-decoration: line-through;
}
.ProductInfo_1 .Txt5-1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}
.ProductInfo_1 .Txt6 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}
.ProductInfo_1 .Txt7 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 600;
}

/**/
.ButtonList_3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    justify-items: center;
    padding: 0px 20px;
}
.ButtonList_3 > button {
    width: 100%;
}
.ButtonList_3 > button .ImgBox_1 {
    border: 1px solid #ebebeb;
    background: #f4f4f4;
}
.ButtonList_3 > button .Label {
    margin-top: 16px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
.ButtonList_3 > button.On .ImgBox_1 {
    position: relative;
    border-color: #ff3838;
    border-width: 2px;
}
.ButtonList_3 > button.On .ImgBox_1:after {
    white-space: nowrap;
    background-color: #ff3838;
    color: #ffffff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    padding: 0px 10px;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    display: inline-block;
    content: "이용중";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}
#category-brand-content .ButtonList_3 > button .Label {
    min-height: 28px;
}
.list_noitem {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #767676;
    font-size: 14px;
    height: 176px;
}
.list_noitem_imageType {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #767676;
    font-size: 14px;
    margin-top: 46px;
    gap: 12px;
    text-align: center;
    line-height: 20px;
}
.list_noitem_imageType.coupon {
    margin-top: 66px;
}
.list_noitem_imageType.search {
    margin-top: 32px;
}
.list_noitem_imageType.search.top {
    margin-top: 12px;
}
.ButtonList_3.noitem {
    display: block;
}


/**/
.TitleBox_3 {
    display: flex;
    align-items: center;
    gap: 0px;
    height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.TitleBox_3 > * {
    flex: 1;
}
.TitleBox_3 .Txt3 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.TitleBox_3.nofixed_payment {
    height: auto;
    padding: 12px 0;
}

/**/
.ProductList_1 > ul > li {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebebeb;
    margin-right: 1px;
}

/**/
.DatePicker > ul {
    position: relative;
}
.DatePicker > ul:before,
.DatePicker > ul:after {
    width: 100%;
    height: 88px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}
.DatePicker > ul:before {
    top: 0px;
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
}
.DatePicker > ul:after {
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}
.DatePicker .DateItem {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 43px;
    border-radius: 100px;
    color: #303030;
}
.DatePicker .DateItem.On {
    background-color: #f2f5ff;
}
.DatePicker .DateItem .Txt1 {
    width: 50px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.DatePicker .DateItem .Txt2 {
    width: 19px;
    text-align: center;
    font-size: 12px;
}

/**/
.Table_1 {
    background-color: white;
}
.Table_1 > table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.Table_1 > table > thead {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.Table_1 > table > thead > tr > th {
    height: 51px;
}
.Table_1 > table > tbody {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
}
.Table_1 > table > tbody > tr > * {
    border-top: 1px solid #ebebeb;
    height: 51px;
    text-align: center;
}

/**/
.Table_2 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.Table_2 > tbody th {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.Table_2 > tbody td {
    text-align: right;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.Table_2 .Txt1 {
    font-size: 14px;
    font-weight: 600;
}

/**/
.Table_3 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.Table_3 > * > tr > * {
    padding-top: 15px;
    padding-bottom: 15px;
}
.Table_3 > * th {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}
.Table_3 > * td {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}
.Table_3 > tbody tr {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

/**/
.Table_4 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 500;
}
.Table_4 th {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
.Table_4 td {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}
.Table_4 th.gray,
.Table_4 td.gray {
    color: #767676;
}
.Table_4 th.bold,
.Table_4 td.bold {
    font-weight: 600;
}

/**/
.Table_5 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.Table_5 th {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}
.Table_5 td {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
}

/**/
.Table_6 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.Table_6 th {
    text-align: left;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    padding-top: 10px;
    width: 100px;
}
.Table_6 td {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    width: 75%;
    line-height: 16px;
}

/**/
.Ol_1 {
    --p-left: 1em;
}

.Ol_1 {
    width: calc(100% - var(--p-left));
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    list-style: auto;
    margin-left: var(--p-left);
}
.Ol_1 li + li {
    margin-top: 10px;
}

/**/
.BrandItem_1 .Label {
    text-align: center;
    margin-top: 16px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/
.ChipsList_1 {
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: auto;
    padding-left: var(--contents-side-padding);
    padding-right: var(--contents-side-padding);
}
.ChipsList_1 button {
    color: #767676;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 8px;
    background-color: white;
    border: 1px solid #e1e1e1;
}
.ChipsList_1 button.On {
    color: white;
    border-color: #ff3838;
    background-color: #ff3838;
}

/**/
.ChipsList_2 {
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: auto;
    padding-left: var(--contents-side-padding);
    padding-right: var(--contents-side-padding);
}
.ChipsList_2 button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 4px 10px;
    padding-right: 7px;
    color: #767676;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #ebebeb;
}
.ChipsList_2 button > img {
    margin-left: 4px;
}

/**/
.AlertBox_1 {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    background: #f4f4f4;
    padding: 12px 10px;
    font-weight: 400;
}
.AlertBox_1.Style1 {
    background-color: #f2f5ff;
}
.AlertBox_1.Style2 {
    background-color: #fbeded;
}
.AlertBox_1 .Txt1 {
    color: var(--text-color1);
    font-size: 14px;
    line-height: 20px;
}
.AlertBox_1 .Txt2 {
    color: var(--text-color1);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.AlertBox_1 .Txt3 {
    color: var(--text-color1);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.AlertBox_1 .Txt4 {
    margin-top: 8px;
    color: #767676;
    font-size: 10px;
    line-height: normal;
}

/**/
.Badge_1 {
    border-radius: 14px;
    border-width: 1px;
    border-style: solid;
    padding: 0px 10px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    font-size: 12px;
    font-weight: 600;
    border-color: #767676;
    color: #767676;
}
.Badge_1.Style1 {
    border-color: #4168f6;
    color: #4168f6;
}

/**/
.Badge_2 {
    border-radius: 4px;
    padding: 0px 8px;
    height: 22px;
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.Badge_2.Style1 {
    color: #ff3838;
    background-color: #fbeded;
}
.Badge_2.Style2 {
    color: #777777;
    background-color: #eeeeee;
}
.Badge_2.Style3 {
    color: #4168f6;
    background-color: #f2f5ff;
}

/**/
.EmptyList_1 {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
}
.EmptyList_1 .Txt1 {
    text-align: center;
    color: #767676;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.EmptyList_1 .Txt2 {
    text-align: center;
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.EmptyList_1 .Txt3 {
    text-align: center;
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.EmptyList_2 {
    width: 100%;
    padding-top: 78px;
    padding-bottom: 90px;
}

.EmptyList_2 .Txt1 {
    color: #767676;
    font-weight: 600;
    font-size: 14px;
}

/**/
.FilterBtnBox_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.FilterBtnBox_1 > button {
    flex: 1;
}

/**/
.NotiItemList_1 > ul > li .Txt1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}
.NotiItemList_1 > ul > li .Txt2 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.NotiItemList_1 > ul > li .Txt3 {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.NotiItemList_1 > ul > li + li {
    margin-top: 16px;
}

/**/
.NotiItem_1 {
    border-radius: 8px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
    padding: 20px 16px;
    display: inline-block;
}
.NotiItem_1.On {
    border-color: #ff3838;
}

/**/
.OptionBox_1 {
    border-radius: 10px;
    background: var(--sub-white, #ffffff);
    padding: 20px;
}

/**/
.RankingList_1 ul > li {
    padding: 10px 15px;
    padding-left: 0;
}
.RankingList_1 ul .Txt1 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
    width: 15px;
    text-align: right;
    white-space: nowrap;
}
.RankingList_1 ul .Txt2 {
    margin-left: 12px;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    min-width: 0;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.RankingList_1 ul .Arrow {
    width: 16px;
    height: 16px;
}

/**/
.BottomBtnBox_1 {
    width: 100%;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.BottomBtnBox_1 > * {
    flex: 1;
}
.BottomBtnBox_1 .C-274b091b {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.BottomBtnBox_1.buy {
    display: block;
    border-radius: 30px 30px 0 0;
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.10);
}
.BottomBtnBox_1.buy .CenterCenter {
    gap: 10px;
}
.BottomBtnBox_1.buy .CenterBetween {
    padding: 10px 0 12px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.BottomBtnBox_1.buy .ButtonUi {
    flex: 1;
}

/**/
.BottomBtnBox_2 {
    width: 100%;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
}
.BottomBtnBox_2 .InfoTable {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.BottomBtnBox_2 .InfoTable td {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.BottomBtnBox_2 .InfoTable td:last-child {
    text-align: right;
}
.BottomBtnBox_2 > .Inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.BottomBtnBox_2 > .Inner > button {
    flex: 1;
}

/**/
.ItemImgBox_1 {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 16px;
}

.paddingup {
    padding: 0px 80px;
}

/**/
.ProductInfoBox_1 {
    background-color: white;
    border-top: 1px solid #ebebeb;
    padding: 26px 20px;
}

/**/
.ButtonList_2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    justify-items: center;
    padding: 30px 20px;
}
.ButtonList_2 button {
    width: 98px;
    padding-top: 12px;
    padding-bottom: 20px;
    background-color: white;
    border-radius: 14px;
    border: 1px solid #e1e1e1;
}
.ButtonList_2 button .Icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.ButtonList_2 button .Label {
    margin-top: 12px;
    color: #161616;
    font-size: 14px;
    font-weight: 500;
}
.ButtonList_2 button.category_list img {
    width: 40px;
}

/**/
.ScrollTabBar_1 .TabBtns {
    background-color: white;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    gap: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ebebeb;
}
.ScrollTabBar_1 .TabBtns > button {
    position: relative;
    padding: 17px 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-color1);
    font-size: 14px;
    font-weight: 600;
}
.ScrollTabBar_1 .TabBtns > button.On {
    color: #ff3838;
}
.ScrollTabBar_1 .TabBtns > button.On:after {
    background-color: #ff3838;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}

.ScrollTabBar_2 .TabBtns {
    background-color: white;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    gap: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ebebeb;
}
.ScrollTabBar_2 .TabBtns > button {
    position: relative;
    padding: 18px 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-color1);
    font-size: 14px;
    font-weight: 600;
}
.ScrollTabBar_2 .TabBtns > button.On {
    color: #ff3838;
}
.ScrollTabBar_2 .TabBtns > button.On:after {
    background-color: #ff3838;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}

/**/
.HScrollBox_1 {
    font-size: 0;
    position: relative;
}
.HScrollBox_1 .Track {
    width: 100%;
    overflow: auto;
}
.HScrollBox_1 .Track::-webkit-scrollbar {
    display: none;
}
.HScrollBox_1:before {
    width: 30px;
    height: 100%;
    top: 0px;
    display: block;
    content: "";
    position: absolute;
    z-index: 4;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    left: 0px;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.HScrollBox_1.Start:before {
    opacity: 0;
}
.HScrollBox_1:after {
    width: 30px;
    height: 100%;
    top: 0px;
    display: block;
    content: "";
    position: absolute;
    z-index: 3;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    right: 0px;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.HScrollBox_1.End:after {
    opacity: 0;
}

/**/
.ProductItem_2 {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #ffffff;
}
.ProductItem_2 > article {
    align-items: flex-start;
}
.ProductItem_2 .Txt1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.ProductItem_2 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
}
.ProductItem_2 .Txt3 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_2 .Txt4 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}

.ProductItem_2 .Txt4-1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

.ProductItem_2 .Txt5 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}

/**/
.CuponBox_1 {
    padding: 20px;
    background: white;
    box-shadow: 0px 0px 12px 0px rgba(166, 166, 166, 0.6);
}

/**/
.InfoList_1 {
    background-color: white;
}
.InfoList_1 > ul > li {
    padding: 19px 16px;
    border-bottom: 1px solid #ebebeb;
}
.InfoList_1 .Txt1 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.InfoList_1 .Txt2 {
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.InfoList_1 .Txt3 {
    color: #a6a6a6;
    font-size: 11px;
    font-weight: 600;
}
.InfoList_1 .Txt4 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.InfoList_1 .Txt5 {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}
.InfoList_1 .Txt6 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.InfoList_1 .Txt7 {
    color: #ff3838;
    font-size: 14px;
    font-weight: 600;
}
.InfoList_1 .Txt8 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}

.InfoList_1 .Txt9 {
    color: #ff3838;
    font-size: 16px;
    font-weight: 600;
}

/**/
.Text_2 {
    border-bottom: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
    padding: 20px 34px;
}
.Text_2 .Txt1 {
    color: #888888;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.Text_2 .Txt2 {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
}

.Text_2 .Txt3 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

.Text_2 .Txt4 {
    color: #888888;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.Text_2 .Txt5 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}

.Text_4 {
    border-bottom: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
    padding: 18px 20px 22px;
}
.Text_4 .Txt4 {
    color: #888888;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
}

.Text_4 .Txt5 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}

/**/
.Collapse_1 {
    color: #303030;
}
.Collapse_1 > li {
    border-bottom: 1px solid #ebebeb;
}
.Collapse_1 > li .Q {
    font-size: 14px;
    font-weight: 600;
}
.Collapse_1 > li .Q button {
    width: 100%;
    height: 50px;
    padding-left: 16px;
    padding-right: 5px;
    font-size: 12px;
}
.Collapse_1 > li .A {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.Collapse_1 > li .A .Inner {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
}
.Collapse_1 > li.On .A {
    display: block;
}
.Collapse_1 > li .Arrow {
    transform: rotate(0deg);
    transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1);
}

.Collapse_1 > li.On .Arrow {
    transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    transform: rotate(180deg);
}

/**/
.Collapse_2 {
    color: #303030;
}
.Collapse_2 > li {
    border-bottom: 1px solid #ebebeb;
    padding: 17px 0;
}
.Collapse_2 > li .Q {
    font-size: 14px;
    font-weight: 400;
}
.Collapse_2 > li .Q button {
    width: 100%;
    padding-left: 16px;
    padding-right: 5px;
}
.Collapse_2 > li .Q button div:nth-of-type(1) {
    width: 90%;
    text-align: left;
    line-height: 20px;
}
.Collapse_2 > li .A {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.Collapse_2 > li .A .Inner {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
}
.Collapse_2 > li.On .Q {
    font-weight: 600;
}
.Collapse_2 > li.On .A {
    display: block;
}
.Collapse_2 > li.On .Arrow {
    transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    transform: rotate(180deg);
}

/**/
.ProductList_2 > ul > li + li {
    margin-top: 8px;
}

/**/
.ProductList_3 > ul > li {
    border-bottom: 1px solid #ebebeb;
}
.ProductList_3 > ul > li + li {
    margin-top: 8px;
}

/**/
.ProductItem_3 {
    padding: 20px;
}
.ProductItem_3 > article {
    align-items: flex-start;
}
.ProductItem_3 .ImgBox_1 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: unset;
}
.ProductItem_3 .ImgBox_1 img {
    border-radius: 8px 8px 0 0;
}
.ProductItem_3 .Flag {
    border-radius: 0px 0px 8px 8px;
    font-size: 10px;
    font-weight: 400;
    padding: 8px 10px;
    text-align: center;
    margin-top: -4px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}
.ProductItem_3 .Flag.Style1 {
    background: #fbeded;
    color: #ff3838;
}
.ProductItem_3 .Flag.Style2 {
    background: #e1e1e1;
    color: #a6a6a6;
}
.ProductItem_3 .Flag.Style3 {
    background: #767676;
    color: #ffffff;
}
.ProductItem_3 .Flag.Style4 {
    background: #ff3838;
    color: #ffffff;
}
.ProductItem_3 .Flag.Style5 {
    background: #f2f5ff;
    color: #4168f6;
}
.ProductItem_3 .Flag.Style6 {
    background: #fbeded;
    color: #ff3838;
}
.ProductItem_3 .Txt1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.ProductItem_3 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.ProductItem_3 .Txt3 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_3 .Txt4 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_3 .Txt5 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.ProductItem_3 .Txt6 {
    color: #4168f6;
    font-size: 11px;
    font-weight: 400;
}
.ProductItem_3 .Txt7 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_3 .Txt8 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}
.ProductItem_3 .Txt9 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
}
.ProductItem_3 .Txt10 {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
}
.ProductItem_3 .Txt11 {
    color: #4168f6;
    font-size: 12px;
    font-weight: 400;
}
.ProductItem_3 .C-fec8f720 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_3 .C-9a791795 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

/**/
.TosBox_1 {
    padding: 20px;
    color: #303030;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    background-color: #f4f4f4;
}
.TosBox_1 .Title {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

/**/
.Ul_1 {
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.25em;
}
.Ul_1 > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0px;
    line-height: 16px;
}
.Ul_1 > li:before {
    content: "-";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.3em;
}
.Ul_1.nobefore > li:before {
    content: unset;
}
.Ul_1 > li.dotted:before {
    content: "•";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.3em;
    font-size: 20px;
    line-height: 13px;
}
.Ul_1 > li.dotted2:before {
    content: "•";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.3em;
    font-size: 20px;
    line-height: 12px;
}

.Ul_1 > li.myinfo_tool:before {
    content: "\00B7";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.3em;
    font-size: 20px;
}
.Ul_1 > li + li {
    margin-top: 0.2em;
}
.Ul_1.nobefore > li:before  {
    content: none;
}

/**/
.Ul_2 {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.Ul_2 > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0px;
    line-height: 16px;
}
.Ul_2 > li:before {
    content: "•";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.3em;
}
.Ul_2 > li + li {
    margin-top: 0.2em;
}

.Ul_3 {
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.25em;
}
.Ul_3 > li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0px;
    list-style: 16px;
}
.Ul_3 > li:before {
    content: "*";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-right: 0.2em;
}
.Ul_3 > li + li {
    margin-top: 0.2em;
}

/**/
.AlertBox_2 {
    border-radius: 6px;
    border: 1px solid var(--sub-border-2, #e1e1e1);
    background: var(--sub-backgraound, #ffffff);
    padding: 16px;
}
.AlertBox_2 .Txt1 {
    text-align: left;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/**/
.AlertBox_3 {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    background-color: #f4f4f4;
    padding: 20px;
}
.AlertBox_3 > .Inner {
    gap: 10px;
}
.AlertBox_3 > .Inner > .Bar {
    width: 1px;
    height: 12px;
    background-color: #e1e1e1;
}
.AlertBox_3 .Txt1 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.AlertBox_3 .Txt2 {
    color: #303030;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
}

.AlertBox_4 {
    padding-top: 120px;
}
.AlertBox_4 .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.AlertBox_4 .top img {
    width: 64px;
}
.AlertBox_4 .top p {
    text-align: center;
    color: #767676;
    font-size: 14px;
    line-height: 20px;
}
.AlertBox_4 .fail_box {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    background: #f4f4f4;
    padding: 12px 10px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 38px;
}
.AlertBox_4 .Txt1 {
    color: var(--text-color1);
    font-size: 14px;
    line-height: 20px;
}
.AlertBox_4 .error_code {
    margin-top: 6px;
    color: #767676;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

/**/
.InfoTable_1 {
    text-align: center;
    margin-top: 36px;
}
.InfoTable_1 .Txt1 {
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.InfoTable_1 .Table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.InfoTable_1 .Table td {
    border: 1px solid #ebebeb;
    padding-top: 22px;
    padding-bottom: 22px;
}
.InfoTable_1 .Table td:first-child {
    border-left: none;
}
.InfoTable_1 .Table td:last-child {
    border-right: none;
}

/**/
.ProductItem_4 {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebebeb;
}
.payment_topslide .Txt1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.payment_topslide .Txt2 {
    color: #767676;
    font-size: 14px;
    font-weight: 600;
}

/**/
.PointBox_1 {
    background-color: white;
}
.PointBox_1 .Txt1 {
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.PointBox_1 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}
.PointBox_1 .Txt3 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/
.CardList_1 > ul {
    overflow: auto;
    padding-left: var(--contents-side-padding);
    padding-right: var(--contents-side-padding);
    display: inline-flex;
    white-space: nowrap;
    gap: 10px;
}

/**/
.RadioGroup_1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background-color: white;
}
.RadioGroup_1 > label {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 40px;
    cursor: pointer;
    position: relative;
    color: #161616;
    font-size: 12px;
    font-weight: 400;
}
.RadioGroup_1 > label > input {
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    appearance: none;
    background-color: transparent;
}
.RadioGroup_1 > label > input:checked {
    background-color: #ff3838;
}
.RadioGroup_1 > label > input:checked + .text1 {
    color: white;
}
.RadioGroup_1 > label > input:disabled {
    background-color: #f4f4f4;
}
.RadioGroup_1 > label > input:disabled + .text1 {
    color: #a6a6a6;
}
.RadioGroup_1 > label > .text1 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

/**/
.PointBox_2 {
    background-color: white;
    padding: 20px 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.PointBox_2 .Txt1 {
    color: #767676;
    font-size: 12px;
    font-weight: 500;
}
.PointBox_2 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}

.PointBox_2 .Txt3 {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
}
.PointBox_2 .Txt4 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/
.ProfileBox_1 {
    background-color: #fff;
    border-radius: 8px;
    padding: 6px 0 10px;
}
.ProfileBox_1 .Txt1 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.ProfileBox_1 .Thumb {
    width: 58px;
    aspect-ratio: 1;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    border: 1px solid #e1e1e1;
}

/**/
.InfoBox_1 {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding-top: 23px;
    padding-bottom: 23px;
}
.InfoBox_1 > * {
    flex: 1;
    text-align: center;
	padding-top: 7px;
    padding-bottom: 7px;
}
.InfoBox_1 > * .Txt1 {
    color: #767676;
    font-size: 12px;
    font-weight: 500;
}
.InfoBox_1 > * .Txt2 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    margin-top: 14px;
}
.InfoBox_1 > * + * {
    border-left: 1px solid #ebebeb;
}

/**/
.PointBox_3 {
    background-color: white;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.PointBox_3.Border {
    border: 1px solid #ebebeb;
}
.PointBox_3 .Txt1 {
    color: #303030;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.PointBox_3 .Txt2 {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
}
.PointBox_3 .Box {
    border-radius: 8px 8px 0px 0px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background: #f4f4f4;
}
.PointBox_3 .BoxLabel {
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

/**/
.PointBox_4 > .Head {
    background-color: #e03434;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 30px 20px;
}
.PointBox_4 > .Body {
    padding: 24px 20px;
    border: 1px solid #ebebeb;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.PointBox_4 .C-fdb80a20 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.PointBox_4 .C-194ac271 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

/**/
.BarcodeBox_1 {
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
}
.BarcodeBox_1.On {
    outline: 3px solid #ff3838;
}
.BarcodeBox_1 .Txt1 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.BarcodeBox_1 .Txt2 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/
.LinkList_1 {
    background-color: white;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.LinkList_1 > ul > li a {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    height: 60px;
    padding: 0 16px;
}
.LinkList_1 > ul > li + li {
    border-top: 1px solid #ebebeb;
}
.LinkList_1.report {
    border: none;
}
.LinkList_1.report > ul > li:last-child {
    border-bottom: 1px solid #ebebeb;
}

.LinkList_2 {
    background-color: white;
}
.LinkList_2 > ul > li a {
    color: #303030;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    height: 60px;
    padding: 0 16px;
}
.LinkList_2 > ul > li {
    border-bottom: 1px solid #ebebeb;
}
.report_info_inner {
    margin: 0 20px;
}
.ToolTip_bottombox.report  {
    background: #f4f4f4;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    color: #303030;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}
.ToolTip_bottombox.report h4 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 6px;
}
.ToolTip_bottombox.report p {
    display: flex;
    gap: 2px;
    margin-bottom: 10px;
}
.ToolTip_bottombox.report p:last-child {
    margin-bottom: 0;
}


/**/
.PointBarcodeBox_1 {
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background-color: white;
    padding: 33px 30px;
}
.PointBarcodeBox_1 .Txt1 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.PointBarcodeBox_1 .Txt2 {
    color: #ff3838;
    font-size: 20px;
    font-weight: 700;
}
.PointBarcodeBox_1 .Txt3 {
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}

/**/
.ButtonBox_1 {
    padding: 0;
    border-radius: 8px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
}
.ButtonBox_1 > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.ButtonBox_1 > ul + ul {
    border-top: 1px solid #ebebeb;
}
.ButtonBox_1 > ul > li {
    flex: 1;
    padding: 20px 0;
}
.ButtonBox_1 > ul > li + li {
    border-left: 1px solid #ebebeb;
}
.ButtonBox_1 > ul > li > button {
    width: 100%;
}
.ButtonBox_1 > ul > li > button .Icon {
    margin-left: auto;
    margin-right: auto;
}
.ButtonBox_1 > ul > li > button > .Label {
    margin-top: 4px;
    color: #161616;
    font-size: 12px;
    font-weight: 600;
}
.ButtonBox_1 > ul.sizeup > li > button > .Label {
    margin-top: 4px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

/**/

.Diagram_1 .C-54b8efd5 {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
}
.Diagram_1 .Wrap {
    width: 262px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    flex-direction: column;
}
.Diagram_1 .Wrap .Arrow {
    width: 100%;
    padding-left: 23px;
}
.Diagram_1 .Circle {
    border-radius: 100px;
    border: 3px solid #ffcece;
    background-color: white;
    width: 70px;
    aspect-ratio: 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.Diagram_1 .Circle.Style2 {
    border-color: #edb1b1;
}
.Diagram_1 .Circle.Style3 {
    border-color: #e28181;
}
.Diagram_1 .Circle.Style4 {
    border-color: #ff3838;
}
.Diagram_1 .CntBox {
    border-radius: 20px;
    border: 1px solid var(--sub-border-2, #e1e1e1);
    border-radius: 20px;
    padding: 0 15px;
    width: 132px;
    height: 40px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}

/**/
.ImgBox_3 {
    padding: 8px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.1);
}

/**/
.InfoBox_2 {
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #ffffff;
    padding: 16px;
}
.InfoBox_2 .t-450f62e1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.InfoBox_2 .Box-9974fad5 {
    height: 30px;
}
.InfoBox_2.Disabled {
    background-color: #f4f4f4;
}
.InfoBox_2.Disabled > * {
    visibility: hidden;
}
.InfoBox_2.Disabled > .Btn_9 {
    visibility: visible;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
}

/**/
.InfoBox_3 {
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    padding: 20px 16px;
}
.InfoBox_3 .t-130ad8d1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 500;
}
.InfoBox_3 .t-c69c5f29 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 600;
}
.InfoBox_3 .t-4ec5fb48 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.InfoBox_3 .t-86f2b540 {
    color: #4168f6;
    font-size: 12px;
    font-weight: 600;
}

/**/
.InfoBoxList_1 > ul > li + li {
    margin-top: 16px;
}

/**/
.PictureList_1 .t-ca64eda8 {
    text-align: center;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.PictureList_1 > ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.PictureList_1 > ul > li.Box {
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-backgraound, #f4f4f4);
    aspect-ratio: 1;
}
.PictureList_1 > ul > li.Box.On {
    border: 1px solid var(--primary-cultureland-red, #ff3838);
}
.PictureList_1 > ul > li.Box.On > .Chk {
    z-index: 10;
    position: absolute;
    top: 6px;
    right: 6px;
}

/**/
.ProductItem_5 {
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    position: relative;
}
.ProductItem_5 > article {
    align-items: flex-start;
}
.ProductItem_5 .Txt1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.ProductItem_5 .Txt2 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.ProductItem_5 .Txt3 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_5 .Txt4 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_5 .Txt5 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}
.ProductItem_5 .Flag {
    border-radius: 0px 0px 8px 8px;
    font-size: 10px;
    font-weight: 400;
    padding: 8px 10px;
    text-align: center;
    margin-top: -4px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}
.ProductItem_5 .Flag.Style5 {
    background: #f2f5ff;
    color: #4168f6;
}
.ProductItem_5 .Flag.Style6 {
    background: #fbeded;
    color: #ff3838;
}
.ProductItem_5 .ImgBox_1 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-radius: 8px;
    /* display: unset; */
}
.ProductItem_5 .ImgBox_1.flag-style {
    border-radius: 8px 8px 0 0;
    border-bottom: 0;
}
.ProductItem_5 .ImgBox_1.two_pattern img {
    border-radius: 8px 8px 0 0;
}

/**/
.ProductItem_6 {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #ffffff;
}
.ProductItem_6 .C-2c337995 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_6 .C-cdff4686 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_6 .C-3771a0df {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ProductItem_6 .C-e32097f5 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.ProductItem_6 .C-0bd7442b {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.ProductItem_6 .C-c775a6d1 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}
.ProductItem_6 .C-e174c08b {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

/**/
.ProductList_4 > ul > li + li {
    margin-top: 8px;
}

/**/
.ProductList_5 > ul > li + li {
    margin-top: 8px;
}

/**/
.ProductBoxList_1 > ul > li {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 20px;
}
.ProductBoxList_1 > ul > li + li {
    margin-top: 8px;
}

/**/
.ProductBorderList_1 > ul > li {
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
}
.ProductBorderList_1 > ul > li.pt-14 {
    padding-top: 14px;
}
.ProductBorderList_1.reportrefund > ul > li {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-top: 8px;
}
.ProductBorderList_1.myinfoSaleDetail > ul > li {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-top: 8px;
}
.ProductBorderList_1.reportrefund > ul > li:first-child,
.ProductBorderList_1.myinfoSaleDetail > ul > li:first-child {
	margin-top: 0;
}
.ProductBorderList_1.reportrefund .PrdItem_1 > .Head {
    justify-content: space-between;
    padding: 0 16px 12px;
    border-bottom: 1px solid #ebebeb;
}
/**/
.PrdItem_1 > .Head {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: flex-end;
}
.PrdItem_1 > .Head.two_style {
    justify-content: space-between;
}
.PrdItem_1 > .Head.two_style .left_el {
    color: #767676;
    font-size: 11px;
}
.PrdItem_1 > .Body {
    margin-top: 2px;
    display: flex;
    gap: 0px;
}
.PrdItem_1 > .Body.Centered {
    align-items: center;
}
.PrdItem_1 > .Body > .Right {
    flex: 1;
    margin-left: 17px;
}
.PrdItem_1 .Txt1 {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.PrdItem_1 .Txt2 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.PrdItem_1 .Txt3 {
    color: #4168f6;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.PrdItem_1 .Txt4 {
    color: #e03434;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.PrdItem_1 .Txt5 {
    color: #e03434;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
}
.PrdItem_1 .ThumbBox {
    position: relative;
    z-index: 5;
}
.PrdItem_1 .Flag {
    border-radius: 0px 0px 8px 8px;
    font-size: 10px;
    font-weight: 400;
    padding: 8px 10px;
    text-align: center;
    position: relative;
    z-index: 0;
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-top: -4px;
}
/*.PrdItem_1 .Flag:before {
    background-color: #f4f4f4;
    width: 100%;
    height: 10px;
    top: -10px;
    left: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}*/
.PrdItem_1 .Flag.Style1 {
    background: #fbeded;
    color: #ff3838;
}
.PrdItem_1 .Flag.Style2 {
    background: #e1e1e1;
    color: #a6a6a6;
}
.PrdItem_1 .Flag.Style3 {
    background: #767676;
    color: #ffffff;
}
.PrdItem_1 .Flag.Style4 {
    background: #ff3838;
    color: #ffffff;
}
.PrdItem_1 .Flag.Style5 {
    background: #f2f5ff;
    color: #4168f6;
}
.PrdItem_1 .state1 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .state2 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .state3 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .state4 {
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .brand_name_xs {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 400;
}
.PrdItem_1 .brand_name_sm {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
}
.PrdItem_1 .brand_name {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.PrdItem_1 .product_name {
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.PrdItem_1.myinfoSaleDetail .product_name {
	font-size: 12px;
}
.PrdItem_1 .product_name_2 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.PrdItem_1 .product_name_3 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.PrdItem_1 .price1 {
    font-family: "Montserrat", sans-serif;
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .price5 {
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .price2 {
    font-family: "Montserrat", sans-serif;
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}
.PrdItem_1 .price3 {
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .sale_per {
    color: #ff3838;
    font-size: 12px;
    font-weight: 600;
}
.PrdItem_1 .sale_per2 {
    color: #ff3838;
    font-size: 14px;
    font-weight: 600;
}
.PrdItem_1 .price4 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}
.PrdItem_1 .price6 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.PrdItem_1 .cupon_num {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.PrdItem_1.myinfoSaleDetail .cupon_num {
	color: #767676;
	font-weight: 400;
	line-height: 16px;
	font-size: 11px;
}
.PrdItem_1 .date_txt {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.PrdItem_1.myinfoSaleDetail .date_txt {
	color: #767676;
	font-size: 11px;
	line-height: 16px;
}
.PrdItem_1.myinfoSaleDetail .date_txt.sell {
	color: #767676;
	font-weight: 400;
}
.PrdItem_1 .date_txt > span,
.PrdItem_1 .cupon_num > span {
	font-family: "Montserrat", sans-serif;
}
.PrdItem_1 .BtnBox-1790fee4 {
    margin-top: 20px;
}
.PrdItem_1 .BtnBox-1790fee5 {
    margin-top: 10px;
}
.PrdItem_1 .BtnBox-1790fee6 {
    margin-top: 16px;
}
.PrdItem_1 .ab_cancel_date {
    position: absolute;
    background: rgba(0, 0, 0, 0.60);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
    font-size: 10px;
    line-height: 15px;
    padding: 0 5px;
}
.PrdItem_1 .ab_cancel_date span {
    font-weight: 700;
    text-align: center;
}
#myinfo-buy-list .PrdItem_1 .product_name {
	font-size: 12px;
}
.ProductBorderList_1.reportrefund .PrdItem_1 .bage1 {
    background: #fbeded;
    border-radius: 4px;
    padding: 5px 6.5px;
    color: #ff3838;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.ProductBorderList_1.reportrefund .PrdItem_1 .bage2 {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 5px 6.5px;
    color: #767676;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.ProductBorderList_1.reportrefund .PrdItem_1 > .Body {
    padding: 16px 16px 0;
    margin-top: 0;
}
.ProductBorderList_1.reportrefund .PrdItem_1 .brand_name {
    font-weight: 400;
    line-height: 14px;
}
.ProductBorderList_1.reportrefund .PrdItem_1 .product_name {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}
.ProductBorderList_1.reportrefund .PrdItem_1 .buy_date {
    color: #a6a6a6;
    font-size: 12px;
    line-height: 20px;
}
.bage1.detail {
    background: #fbeded;
    border-radius: 4px;
    padding: 5px 6.5px;
    color: #ff3838;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.bage2.detail {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 5px 6.5px;
    color: #767676;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}


/**/
.RadioGroup_2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 16px;
}
.RadioGroup_2 > button {
    position: relative;
}
.RadioGroup_2 > button > .Icon {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #f4f4f4;
}
.RadioGroup_2 > button > .Icon > img {
    width: 100%;
}
.RadioGroup_2 > button > .Chk {
    z-index: 10;
    position: absolute;
    top: 6px;
    right: 6px;
    display: none;
}
.RadioGroup_2 > button > .Txt1 {
    margin-top: 16px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.RadioGroup_2 > button.On > .Icon {
    border-color: #ff3838;
}
.RadioGroup_2 > button.On > .Chk {
    display: block;
}

/**/
.RadioGroup_3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.RadioGroup_3 > button {
    flex: 1;
}

/**/
.StepBox_1 {
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.1);
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}
.StepBox_1 > article {
    flex-direction: column;
    align-items: stretch;
}
.StepBox_1 > article > .Txt-230806012151 {
    color: #303030;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.StepBox_1 > article > .Title1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 14px;
    font-family: "Montserrat", sans-serif;
    color: #fbeded;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    background: #ff3838;
    margin-bottom: 16px;
}

/**/
.ToastMsg_1 {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - var(--contents-side-padding) * 2);
    text-align: center;
    border-radius: 8px;
    background-color: rgba(48, 48, 48, 0.7);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 16px 0;
}
.ToastMsg_1.ad {
    padding: 0;
    background-color: transparent;
    width: 240px;
    margin-bottom: 10px;
}
.ToastMsg_1.ad a {
    max-width: 100%;
}

/**/
.BannerList_1 > ul {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    gap: 25px;
    overflow: auto;
    padding-left: var(--contents-side-padding);
    padding-right: var(--contents-side-padding);
}
.BannerList_1 .BannerImg > img {
    border-radius: 10px;
}

/**/
.TitleBox_4 .Txt1 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

/**/
.Wrap_230806005443 {
    padding-top: 30px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background-color: #e03434;
}
.Wrap_230806005443 .Box1 {
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    padding: 16px 30px;
}
.Wrap_230806005443 .Txt1 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}
.Wrap_230806005443 .Txt2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.Wrap_230806005443 .Txt3 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.Wrap_230806005443 .Phone {
    margin-left: auto;
    margin-right: auto;
}

/**/
.Text_230806010425 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}

/**/
.Text_230806010357 {
    display: inline-block;
    color: #a6a6a6;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    background-color: #f4f4f4;
}

/**/
.t-efaf75dd {
    position: relative;
    padding: 8px 10px;
    border-radius: 8px;
    background-color: #ff3838;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
}

/**/
.Diagram_2 .b-93ea1a1c {
    z-index: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 26px;
    width: 1px;
    height: 90%;
    background-color: #ebebeb;
}
.Diagram_2 .d-9e1e83c6 {
    margin-left: 15px;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
}
.Diagram_2 .d-3d03e213 {
    color: #303030;
    font-size: 12px;
    font-weight: 500;
}
.Diagram_2 .c-d0e98f90 {
    width: 52px;
    aspect-ratio: 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    font-size: 12px;
    font-weight: 600;
}
.Diagram_2 > ul {
    position: relative;
}
.Diagram_2 > ul > li {
    position: relative;
    z-index: 10;
}
.Diagram_2 > ul > li + li {
    margin-top: 20px;
}

/**/
.t-37f276e9 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

/**/
.c-ce000e7d {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

/**/
.t-879be252 {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

/**/
.Legend_1 .t-36c113ea {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}

/**/
.t-3fb4a4ed {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0px;
    flex-direction: column;
    height: 100%;
}

/**/
.SearchBox_1 {
    position: relative;
}

/**/
.AutoCompleteList {
    z-index: 10;
    position: absolute;
    left: 0px;
    background-color: white;
    width: 100%;
    border: 1px solid #ebebeb;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.AutoCompleteList > li > button {
    display: block;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 0px;
    height: 40px;
}

/**/
.ErrorTxt_1 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 500;
}

/**/
.DestTxt_1 {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
}

/**/
.InfoTable_2 > .Inner {
    padding-top: 17px;
    padding-bottom: 18px;
    border-top: 1px solid var(--sub-border-1, #ebebeb);
    border-bottom: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
}
.InfoTable_2 .t-9180769c {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.InfoTable_2 .C-88e87f5c {
    color: #ff3838;
    font-size: 14px;
    font-weight: 600;
}

/**/
.C-b8a50423 {
    color: #938e8e;
    font-size: 11px;
    font-weight: 400;
}

/**/
.ProductLink_1 {
    background-color: #f4f4f4;
    padding: 12px var(--contents-side-padding);
}
.ProductLink_1 .C-afc2b9b6 {
    color: #a6a6a6;
    font-size: 10px;
    font-weight: 400;
}
.ProductLink_1 .C-4b9074d2 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.ProductLink_1 .C-2c76d0f5 {
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}

/**/
.ChantBoxWrap_1 {
    padding: 30px var(--contents-side-padding);
}

/**/
.ChatBox_1 {
    margin-bottom: 26px;
    display: flex;
    gap: 0px;
    flex-direction: column;
}
.ChatBox_1 .DateArea {
    margin-bottom: 10px;
}
.ChatBox_1 .ContentsArea {
    width: 300px;
    padding: 20px;
    border-radius: 8px;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.ChatBox_1.Other {
    align-items: flex-start;
}
.ChatBox_1.Other .ContentsArea {
    background: var(--sub-backgraound, #fafafa);
    box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
    border-radius: 0 16px 16px 16px;
}
.ChatBox_1.My {
    align-items: flex-end;
}
.ChatBox_1.My .ContentsArea {
    background: var(--sub-white, #ffffff);
    box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
    border-radius: 16px 0 16px 16px;
}
.ChatBox_1.ImageBox .ContentsArea {
    width: 180px;
    padding: 0;
    background: var(--sub-backgraound, #f4f4f4);
    box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.ChatBox_1 .C-96ae219a {
    font-size: 10px;
    font-weight: 400;
}
.ChatBox_1 .C-e906e752 {
    font-size: 14px;
    font-weight: 600;
}

/**/
.ChatInputWrap {
    background: var(--solid-white, #ffffff);
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.ChatInputWrap > .Inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

/**/
.ChatRoomList_1 > ul {
    overflow-x: hidden;
}
.ChatRoomList_1 > ul > li {
    border-bottom: 1px solid #ebebeb;
}

/**/
.ChatRoomItem_1 {
    position: relative;
    display: flex;
    transition: all 1s both;
}
.ChatRoomItem_1 .DelBtn {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 70px;
    height: 100%;
    background-color: #303030;
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
}
.ChatRoomItem_1.on {
    animation: chatSlideLeft 0.5s ease-in-out forwards;
}
.ChatRoomItem_1 > .Inner {
    transition: all 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    position: relative;
    z-index: 5;
    left: 0px;
    padding: 13px 20px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 100%;
    width: 100%;
}
/* .ChatRoomItem_1.RightOpen > .Inner {
  left: -70px;
} */
.ChatRoomItem_1 .C-d7025c0e > img {
    border-radius: 100%;
}
.ChatRoomItem_1 .target_name {
    font-family: "Montserrat", sans-serif;
    color: #303030;
    font-size: 12px;
    font-weight: 600;
}
.ChatRoomItem_1 .type1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 20px;
    padding: 0 10px;
    border-radius: 8px;
    background: var(--second-blue-light, #f2f5ff);
    color: #4168f6;
    font-size: 10px;
    font-weight: 400;
}
.ChatRoomItem_1 .type2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 20px;
    padding: 0 10px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    border-radius: 8px;
    background: var(--primary-cultureland-red, #ff3838);
}
.ChatRoomItem_1 .preview {
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.ChatRoomItem_1 .C-7499986e {
    color: #767676;
    font-size: 10px;
    font-weight: 400;
}

/**/
.C-d61e49df {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

/**/
.C-48a464fa {
    color: #000;
    font-size: 12px;
    font-weight: 400;
}

/**/
.NotifyViewBox_1 {
    padding: 20px 20px 0;
    border-radius: 8px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
}

.NotifyViewBox_2 {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--sub-border-1, #ebebeb);
    background: var(--sub-white, #ffffff);
}

/**/
.Table_7 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}
.Table_7 > tbody > tr:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}
.Table_7 > tbody > tr > * {
    padding-top: 19px;
    padding-bottom: 19px;
}
.Table_7 > tbody > tr > th {
    font-weight: 600;
    text-align: left;
}
.Table_7 > tbody > tr > td {
    color: #767676;
}
.Table_7 > tbody > tr > td.color_black {
    color: #303030;
}

.Table_8 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}
.Table_8 > tbody > tr:not(.refund) {
    border-bottom: 1px solid #ebebeb;
}
.Table_8 > tbody > tr > * {
    padding-top: 19px;
    padding-bottom: 19px;
}
.Table_8 > tbody > tr.refund > * {
    padding-top: 19px;
    padding-bottom: 0px;
    font-size: 14px;
}
.Table_8 > tbody > tr > th {
    font-weight: 600;
    text-align: left;
    vertical-align: baseline;
    line-height: 18px;
}
.Table_8 > tbody > tr > td {
    color: #303030;
    font-size: 11px;
    line-height: 16px;
}

.Table_9 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}
.Table_9 > tbody > tr:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}
.Table_9 > tbody > tr > * {
    padding-top: 12px;
    padding-bottom: 12px;
}
.Table_9 > tbody > tr > th {
    font-weight: 600;
    text-align: left;
    vertical-align: baseline;
    line-height: 18px;
}
.Table_9 > tbody > tr > th.red {
    font-weight: 600;
    font-size: 14px;
    color: #ff3838;
    text-align: left;
    line-height: 14px;
    padding: 20px 0 0;
}
.Table_9 > tbody > tr > th.black {
    font-weight: 600;
    font-size: 14px;
    color: #303030;
    text-align: left;
    line-height: 14px;
    padding: 20px 0 0;
}
.Table_9 > tbody > tr > th.blue {
    font-weight: 600;
    font-size: 14px;
    color: #4168f6;
    text-align: left;
    line-height: 14px;
    padding: 20px 0 0;
}
.Table_9 > tbody > tr > td {
    color: #303030;
    font-size: 11px;
    line-height: 16px;
}

/**/
.C-bc733ff4 {
    color: #303030;
    font-size: 12px;
    font-weight: 700;
}

/**/
.C-2bfcbe05 {
    border: 1px solid var(--primary-cultureland-red, #ff3838);
    padding: 5px 8px;
}

/**/
.C-54342972 {
    padding: 5px 10px;
    color: #4168f6;
    font-size: 10px;
    font-weight: 400;
    border-radius: 8px;
    background: #f2f5ff;
}

/**/
.C-00822b2f {
    padding: 5px 10px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    border-radius: 8px;
    background: var(--primary-cultureland-red, #ff3838);
}

/**/
.C-9b9728cc {
    font-size: 11px;
    color: #767676;
}

/**/
.Header_2-e {
    background-color: white;
}

/**/
.AutoCompleteBox_1 {
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background-color: white;
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    /* 2023-09-05 :: START :: TEST */
    /* // 2023-09-05 :: END :: TEST */
}
.AutoCompleteBox_1 .autoComplete_wrapper {
    position: static;
    flex: 1;
    width: 100%;
}
.AutoCompleteBox_1 .autoComplete_wrapper > input {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0px !important;
    font-size: 14px !important;
    color: #303030 !important;
}
.AutoCompleteBox_1 .autoComplete_wrapper > input::placeholder {
    color: #a6a6a6 !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.AutoCompleteBox_1 .autoComplete_wrapper > ul {
    display: block;
    width: 100%;
    z-index: 4;
}
.AutoCompleteBox_1 .autoComplete_wrapper > ul > li {
    margin: 5px;
    padding: 10px;
    font-size: 14px;
}
.AutoCompleteBox_1 .autoComplete_wrapper .no_result {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.AutoCompleteBox_1 .autoComplete_wrapper .ResultCountInfo {
    display: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.AutoCompleteBox_1 button {
    width: 30px;
}
.AutoCompleteBox_1 .BtnRemoveInputValue {
    visibility: hidden;
}
.AutoCompleteBox_1.HasValue .BtnRemoveInputValue {
    visibility: visible;
}

/**/
.WithdrawBox_1 {
    font-size: 12px;
    color: #303030;
    font-weight: 500;
}

._BaseSwiper {
    position: relative;
}

._BaseSwiper-Navigation {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    aspect-ratio: 1000/185;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 255, 0, 0.3);
}
._BaseSwiper-Navigation .NavBtn {
    cursor: pointer;
    pointer-events: auto;
}
._BaseSwiper-Navigation .NavBtn:hover {
    background-color: rgba(255, 0, 0, 0.3);
}
._BaseSwiper-Navigation .NavBtn.Disabled {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
}

._BaseSwiper-Pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
}
._BaseSwiper-Pagenation .Dot {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    color: black;
    position: relative;
    cursor: pointer;
    width: 22px;
    aspect-ratio: 1/1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    display: hidden;
}
._BaseSwiper-Pagenation .Dot .Num {
    display: none;
}
._BaseSwiper-Pagenation .Dot .Circle {
    width: 10px;
    aspect-ratio: 1/1;
    background-color: black;
    border-radius: 100%;
}
._BaseSwiper-Pagenation .Dot.On .Num {
    display: block;
}
._BaseSwiper-Pagenation .Dot.On .Circle {
    display: none;
}

._BaseSwiper-PagenationProgressbar {
    background-color: #dddddd;
}
._BaseSwiper-PagenationProgressbar .FillBar {
    background-color: blue;
    width: 100%;
    height: 4px;
    transform-origin: left;
}

._BaseSwiper-PagenationFraction {
    font-family: Montserrat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
}
._BaseSwiper-PagenationFraction .current {
    color: white;
}
._BaseSwiper-PagenationFraction .bar {
    color: red;
}
._BaseSwiper-PagenationFraction .total {
    color: yellow;
}

/**/
._BannerSwiper {
    position: relative;
    width: 360px;
}

._BannerSwiper-Navigation {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    aspect-ratio: 360/200;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 255, 0, 0.3);
}
._BannerSwiper-Navigation .NavBtn {
    cursor: pointer;
    pointer-events: auto;
}
._BannerSwiper-Navigation .NavBtn:hover {
    background-color: rgba(255, 0, 0, 0.3);
}
._BannerSwiper-Navigation .NavBtn.Disabled {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
}

._BannerSwiper-Pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
}
._BannerSwiper-Pagenation .Dot {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    color: black;
    position: relative;
    cursor: pointer;
    width: 22px;
    aspect-ratio: 1/1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    display: hidden;
}
._BannerSwiper-Pagenation .Dot .Circle {
    width: 10px;
    aspect-ratio: 1/1;
    background-color: black;
    border-radius: 100%;
}
._BannerSwiper-Pagenation .Dot.On .Circle {
    background-color: red;
}

._BannerSwiper-PagenationFraction {
    font-family: Montserrat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 10px;
}
._BannerSwiper-PagenationFraction .current {
    color: white;
}
._BannerSwiper-PagenationFraction .bar {
    color: red;
}
._BannerSwiper-PagenationFraction .total {
    color: yellow;
}

/**/
.BannerSwiper_1 {
    position: relative;
    width: 100%;
}
.BannerSwiper_1 .swiper-slide {
    width: 88.88%;
}
.BannerSwiper_1 .C-1b591cfe {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.BannerSwiper_2 {
    height: 100%;
    width: 80%;
}
.BannerSwiper_2 .swiper-pagination {
    position: fixed;
    top: 0;
    height: 20px;
}
.BannerSwiper_2 .swiper-pagination-bullet {
    border: 1px solid #e1e1e1;
    background: rgba(0, 0, 0, 0.7);
}
.BannerSwiper_2 .swiper-pagination-bullet-active {
    background: #fff;
}

/**/
.ProductSwiper_1 {
    position: relative;
    padding-left: var(--contents-side-padding) !important;
    padding-right: var(--contents-side-padding) !important;
}

/**/
.BrandSwiper_1 {
    position: relative;
    padding-left: var(--contents-side-padding) !important;
    padding-right: var(--contents-side-padding) !important;
}

/**/
.BankAccountSwiper_1 {
    position: relative;
    width: 100%;
}
.BankAccountSwiper_1 .swiper-slide {
    width: 88.88%;
}
.BankAccountSwiper_1 .swiper-slide#addAcct {
    height: 156px;
}
.BankAccountSwiper_1 .C-1b591cfe {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

:root {
    --form-border-color: #e1e1e1;
    --form-placeholder-color: #a6a6a6;
    --form-hei-xl: 68px;
    --form-hei-lg: 56px;
    --form-hei-md: 48px;
    --form-hei-sm: 36px;
    --form-hei-xs: 28px;
}

/**/
[data-form-hei] {
    border-radius: 8px;
}

[data-form-hei="Xl"] {
    height: var(--form-hei-xl);
    font-size: 18px;
    font-weight: 500;
}

[data-form-hei="Lg"] {
    height: var(--form-hei-lg);
    font-size: 16px;
    font-weight: 500;
}

[data-form-hei="Md"] {
    height: var(--form-hei-md);
    font-size: 14px;
    font-weight: 500;
}

[data-form-hei="Sm"] {
    height: var(--form-hei-sm);
    font-size: 14px;
    font-weight: 500;
}

[data-form-hei="Xs"] {
    height: var(--form-hei-xs);
    font-size: 12px;
    font-weight: 500;
}

/**/
.TableUi1 {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-top: 3px solid black;
    border-bottom: 1px solid #ececec;
}
.TableUi1.CenterMode {
    text-align: center;
}
.TableUi1 th {
    font-weight: 700;
    background-color: #ffffd4;
}
.TableUi1 th,
.TableUi1 td {
    border: 1px solid #ececec;
    padding: 10px;
}

/**/
.ButtonUi {
    --side-padding: 0.3em;
    --icon-gap: 0.22em;
}

.ButtonUi {
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--icon-gap);
    box-sizing: border-box;
    padding: 0 var(--side-padding);
}
.ButtonUi[data-form-hei="Xl"] {
    padding: 0 10px;
}
.ButtonUi[data-form-hei="Lg"] {
    padding: 0 10px;
}
.ButtonUi[data-form-hei="Md"] {
    padding: 0 14px;
}
.ButtonUi[data-form-hei="Sm"] {
    padding: 0 10px;
}
.ButtonUi[data-form-hei="Xs"] {
    padding: 0 10px;
}
.ButtonUi.Style1 {
    border: 1px solid #ff3838;
    background-color: #ff3838;
    color: white;
}
.ButtonUi.Style1:hover {
    background-color: #e03434;
}
.ButtonUi.Style1:focus {
    border-color: #992222;
    background-color: #ff3838;
    box-shadow: 0px 0px 6px 0px rgba(255, 56, 56, 0.8);
}
.ButtonUi.Style1:active {
    background-color: #e03434;
    color: white;
}
.ButtonUi.Style2 {
    border: 1px solid #ff3838;
    background-color: white;
    color: #ff3838;
}
.ButtonUi.Style2:focus {
    border-color: #ff3838;
    background-color: white;
    box-shadow: 0px 0px 6px 0px rgba(255, 56, 56, 0.8);
}
.ButtonUi.Style2:active {
    background-color: #fbeded;
}
.ButtonUi.Style3 {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    color: #767676;
}
.ButtonUi.Style3:hover {
    background-color: #e1e1e1;
}
.ButtonUi.Style3:focus {
    border-color: #ff3838;
    background-color: white;
    box-shadow: 0px 0px 6px 0px rgba(255, 56, 56, 0.8);
    color: #767676;
}
.ButtonUi.Style3:active {
    background-color: #e1e1e1;
}
.ButtonUi.Style4 {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    color: #767676;
}
.ButtonUi.Style4:hover {
    background-color: #fff;
}
/*.ButtonUi.Style4:focus {
    border-color: #ff3838;
    background-color: white;
    box-shadow: 0px 0px 6px 0px rgba(255, 56, 56, 0.8);
    color: #767676;
}*/
.ButtonUi.Style4:active {
    background-color: #f4f4f4;
}
.ButtonUi.Style4.On {
    color: white;
    border-color: #ff3838;
    background-color: #ff3838;
}
.ButtonUi.Style4.On2 {
    color: #ff3838;
    border-color: #ff3838;
    background-color: white;
}
.ButtonUi.Style5 {
    border: 1px solid #fbeded;
    background-color: #fbeded;
    color: #ff3838;
}
.ButtonUi.Style5:focus {
    border-color: #ff3838;
}
.ButtonUi.Style6 {
    border: 1px solid #f2f5ff;
    background-color: #f2f5ff;
    color: #4168f6;
}
.ButtonUi.Style6:focus {
    border-color: #4168f6;
}
.ButtonUi.Style7 {
    border: 1px solid #4168f6;
    background-color: #4168f6;
    color: #ffffff;
}
.ButtonUi.Style8 {
    border: 1px solid #e03434;
    background-color: #e03434;
    color: #ffffff;
}
.ButtonUi.Style9 {
    border: 1px solid #858585;
    background-color: #858585;
    color: #ffffff;
}
.ButtonUi.Style10 {
    border: 1px solid #ff3838;
    background-color: #ff3838;
    color: #ffffff;
}
.ButtonUi.Style11 {
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    color: #a6a6a6;
}
.ButtonUi[disabled] {
    border-color: #e1e1e1;
    background-color: #e1e1e1;
    color: #a6a6a6;
}
.ButtonUi.Style12 {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 500;
}

.direct_ok[disabled] {
    border-color: #e1e1e1;
    background-color: #e1e1e1;
    color: #a6a6a6;
}

/**/
.InputUi {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 0px 1em;
    outline: none;
    background-color: white;
}
.InputUi.NoBottomRound {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.InputUi.Style1 {
    border: 1px solid var(--form-border-color);
}
.InputUi.Style1.Focus,
.InputUi.Style1:focus {
    border-color: #a6a6a6;
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
}
.InputUi.Style1.Error {
    border-color: #ff3838;
}
.InputUi.Style1.Success {
    border-color: #4168f6;
}
.InputUi.Style1.ReadOnly {
    color: #a6a6a6;
    pointer-events: none;
    background-color: #e1e1e1;
    border-color: #a6a6a6;
}
.InputUi > input {
    display: block;
    outline: none;
    border: none;
    flex-grow: 1;
    width: 0;
    height: 100%;
    background-color: transparent;
}
.InputUi > input::placeholder {
    color: var(--form-placeholder-color);
}
.InputUi > button {
    font-size: inherit;
    width: 1.5em;
    height: 100%;
}

.InputUi .DelBtn {
    display: none;
}

/**/
.TextAreaUi {
    width: 100%;
    resize: vertical;
    outline: none;
    padding: 1em;
    border: none;
    border-radius: 0.5em;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    border: 1px solid var(--form-border-color);
    background-color: white;
}
.TextAreaUi::placeholder {
    color: var(--form-placeholder-color);
}
.TextAreaUi:focus {
    border-color: #a6a6a6;
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(166, 166, 166, 0.6);
}
.TextAreaUi.Error {
    border-color: #ff3838;
}

/**/
.SelectUi {
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    padding: 0px 0.5em;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: none;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #a6a6a6;
}
.SelectUi.Style1 {
    border: 1px solid var(--form-border-color);
    background-color: transparent;
    background-image: url(/assets/icon/2308011441.svg);
    background-position: right var(--arrow-padding) center;
    background-repeat: no-repeat;
    background-position: right 0.5em center;
}
.SelectUi.Style1[disabled] {
    color: #888888;
    pointer-events: none;
    background-color: #ececec;
    background-image: none;
}

input {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.AutoCompleteBox input {
    outline: none;
    border: none;
}

input[type="checkbox"] + .LabalUi,
input[type="radio"] + .LabalUi {
    cursor: pointer;
    margin-left: 6px;
    color: #161616;
    font-size: 12px;
    font-weight: 400;
}
input[type="checkbox"][data-size="Lg"] + .LabalUi,
input[type="radio"][data-size="Lg"] + .LabalUi {
    font-size: 14px;
}

.CheckBoxUi {
    width: 18px;
    aspect-ratio: 1/1;
    appearance: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}
.CheckBoxUi[data-size="Lg"] {
    width: 24px;
}
.CheckBoxUi[data-size="Sm"] {
    width: 16px;
}
.CheckBoxUi.Style1 {
    background-image: url(/assets/icon/basic/chk_1.svg);
}
.CheckBoxUi.Style1 + .LabalUi {
    color: #767676;
}
.CheckBoxUi.Style1:checked {
    background-image: url(/assets/icon/basic/chk_1_on.svg);
}
.CheckBoxUi.Style1:checked + .LabalUi {
    color: #303030;
}
.CheckBoxUi.Style1[disabled] {
    background-image: url(/assets/icon/basic/chk_1_disabled.svg);
}
.CheckBoxUi.Style2 {
    background-image: url(/assets/icon/basic/chk_2.svg);
}
.CheckBoxUi.Style2 + .LabalUi {
    color: #767676;
}
.CheckBoxUi.Style2:checked {
    background-image: url(/assets/icon/basic/chk_2_on.svg);
}
.CheckBoxUi.Style2:checked + .LabalUi {
    color: #303030;
}
.CheckBoxUi.Style2[disabled] {
    background-image: url(/assets/icon/basic/chk_2_disabled.svg);
}

.RadioUi {
    width: 18px;
    aspect-ratio: 1/1;
    appearance: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}
.RadioUi[data-size="Lg"] {
    width: 24px;
}
.RadioUi.Style1 {
    background-image: url(/assets/icon/basic/rdo_1.svg);
}
.RadioUi.Style1:checked {
    background-image: url(/assets/icon/basic/rdo_1_on.svg);
}
.RadioUi.Style1[disabled] {
    background-image: url(/assets/icon/basic/240124_radio_disabled.svg);
}

.ToggleUi {
    width: 48px;
    height: 28px;
    appearance: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
}
.ToggleUi[data-size="Lg"] {
    width: 24px;
}
.ToggleUi.Style1 {
    background-image: url(/assets/icon/basic/toggle_1.svg);
}
.ToggleUi.Style1:checked {
    background-image: url(/assets/icon/basic/toggle_1_on.svg);
}
.ToggleUi.Style1[disabled] {
    opacity: 0.4;
}

.Btn_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #767676;
    font-size: 14px;
    font-weight: 500;
}
.Btn_1.Type2 {
    font-size: 12px;
    color: #303030;
    font-weight: 600;
}

.Btn_1.Type3 {
    font-size: 12px;
    font-weight: 400;
}

.Btn_1.Type4 {
    font-size: 12px;
    font-weight: 600;
}

.Btn_1.Type5 {
    font-size: 12px;
    font-weight: 600;
    color: #767676;
}
.Btn_1.Type6 {
    font-size: 14px;
    color: #303030;
}

/**/
.Btn_2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color1);
}

/**/
.Btn_3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background-color: white;
    color: #767676;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    padding: 0 10px;
}
.Btn_3.Style1 {
    color: #4168f6;
    border: none;
    background: #f2f5ff;
    border-radius: 4px;
}
.Btn_3.Style2 {
    color: #ff3838;
    border: none;
    background: rgba(255, 56, 56, 0.05);
    border-radius: 4px;
}

/**/
.Btn_4 {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 16px;
    padding-right: 20px;
}
.Btn_4.On {
    background-color: #f4f4f4;
}
.Btn_4 .Txt1 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.Btn_4 .Txt2 {
    margin-top: 8px;
    color: #767676;
    font-size: 12px;
    font-weight: 400;
}

/**/
.Btn_5 {
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
    padding: 12px;
    width: 100%;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}

/**/
.Btn_6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    border-radius: 8px;
    border: 1px solid var(--sub-border-2, #e1e1e1);
    background: var(--sub-white, #fff);
    color: var(--sub-text-sub, #767676);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 100% */
    padding-left: 12px;
    padding-right: 12px;
    height: 36px;
}
.Btn_6.On {
    border-color: #ff3838;
    color: #ff3838;
}
.Btn_6[disabled] {
    background-color: #f4f4f4;
}

/**/
.Btn_7 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
}

/**/
.Btn_8 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #767676;
    font-size: 12px;
    text-decoration: underline;
}

/**/
.Btn_9 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}

.Alert_1 {
    background-color: white;
    border-radius: 8px;
    padding-top: 32px;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.Alert_1 .Body {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px;
}
.Alert_1 .Foot {
    border-top: 1px solid #f4f4f4;
    padding: 10px 16px;
}
.Alert_1 .t-5cd2b20c {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.Alert_1 .Body .title {
    font-size: 14px;
    font-weight: 600;
    color: #303030;
    line-height: 14px;
}
.Alert_1 .Body .txt_box {
    margin-top: 16px;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.Alert_2 {
    background-color: white;
    padding: 32px 20px 38px;
    border-radius: 30px 30px 0 0;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/**/
.BottomSheet_1 {
    position: relative;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: white;
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.BottomSheet_1 .C-03e5c060 {
    z-index: 10;
    position: absolute;
    top: -32px;
    left: 0px;
    width: 100%;
    padding: 0 20px;
}
.BottomSheet_1 .C-03e5c060 .CloseBtn {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.BottomSheet_1.On {
    bottom: 0;
}
.BottomSheet_1 .Handlebar {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 56px;
}
.BottomSheet_1 .Handlebar:before {
    margin: 16px auto;
    background-color: #303030;
    border-radius: 3px;
    width: 100%;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    display: block;
    content: "";
}
.BottomSheet_1 .TitleBar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: var(--text-color1);
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.BottomSheet_1 .TitleBar.NoBottom {
    border-bottom: none;
}
.BottomSheet_1 .ButtonBar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: var(--text-color1);
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.BottomSheet_1 .C-75f1741a {
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

/**/
.BottomSheetSelectBtnList > button {
    width: 100%;
    height: 42px;
    color: #a6a6a6;
    font-size: 14px;
    font-weight: 500;
}
.BottomSheetSelectBtnList > button.On {
    color: #303030;
    font-weight: 600;
}

/**/
.SelectOption_1 {
    background-color: white;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 24px;
}
.SelectOption_1 .Body {
    text-align: center;
}
.SelectOption_1 .Body > .Title {
    font-size: 12px;
    color: #767676;
    font-weight: 600;
    padding: 7.5px 0;
    line-height: 16.8px;
    background: #fafafa;
    border-radius: 20px 20px 0 0;
}
.SelectOption_1 .Body > .Button {
    width: 100%;
    padding: 16px 0;
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    border-top: 1px solid #ebebeb;
    line-height: 22.4px;
}
.SelectOption_1 .Body > .Button.cancel {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    width: 262px;
    height: 48px;
    margin: 8px auto 0;
    padding: 17px 0;
    color: #767676;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}
.SelectOption_1 .Body > .Button#my-camera-btn,
.SelectOption_1 .Body > .Button#basic-image-btn {
    width: calc(100% - 32px);
    margin-left: 16px;
}

/**/
.ToolTip_1 {
    text-align: left;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #ffffff;
    box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.1);
}
.ToolTip_1 .TitleBox {
    margin-bottom: 4px;
}
.ToolTip_1 .t-241766bd {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.ToolTip_1 .t-11f79241 {
    color: #767676;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
}

.ToolTip_2 {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 20px 20px 36px;
}
.ToolTip_2 .TitleBox {
    width: calc(100% + 40px);
    border-bottom: 1px solid #ebebeb;
    margin-left: -20px;
    padding: 0 20px 20px;
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
.ToolTip_2 .ToolTip_inner {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    text-align: left;
    overflow: hidden;
}
.ToolTip_2 .ToolTip_inner .inner_title {
    border-bottom: 1px solid #e1e1e1;
    padding: 13px 20px 13px;
    background: #fafafa;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
}
.ToolTip_2 .ToolTip_inner .inner_content {
    padding: 24px 20px;
    color: #767676;
    font-size: 14px;
}
.ToolTip_2 .ToolTip_inner .inner_content p:nth-child(odd) {
    font-weight: 600;
    line-height: 14px;
    margin-top: 16px;
}

.ToolTip_2 .ToolTip_inner .inner_content p:nth-child(even) {
    margin-top: 10px;
}
.ToolTip_2 .ToolTip_bottombox {
    background: #f4f4f4;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.ToolTip_3 {
    text-align: left;
    padding: 16px;
    border-radius: 8px;
    background: #3d3d3d;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}
.ToolTip_3 .TitleBox {
    margin-bottom: 4px;
}
.ToolTip_3 .t-241766bd {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.ToolTip_3 .t-11f79241 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.ToolTip_3 .Ul_1 > li {
    line-height: 18px;
}
.ToolTip_3 .Ul_1 + p {
    line-height: 18px;
}


/**/
.swiper {
    user-select: none;
}

/**/
.plyr__control--overlaid {
    border-radius: 0;
    background-image: url(/assets/icon/video_play.svg) !important;
    background-color: transparent !important;
    width: 50px !important;
    height: 50px;
}

.plyr__control--overlaid > * {
    display: none;
}

page-title {
    display: none;
}

html,
body {
    min-height: 100vh;
}

html,
body,
input,
select,
textarea {
    font-family: "SUIT Variable", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

.FixedHeader {
    z-index: 99;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: white;
}

/**/
body {
    position: relative;
    width: 100%;
    min-width: var(--body-min-wid);
}

body.PreventScroll {
    position: fixed;
    overflow-y: scroll;
}

/**/
main {
    position: relative;
    padding-bottom: 40px;
}

/**/
img[src=""] {
    display: none;
}

/**/
.H1 {
    font-weight: 900;
    font-size: 2em;
}

.H2 {
    font-weight: 800;
    font-size: 1.5em;
}

.H3 {
    font-weight: 700;
    font-size: 1.17em;
}

.H4 {
    font-weight: 600;
    font-size: 1em;
}

.H5 {
    font-weight: 600;
    font-size: 0.83em;
}

.H6 {
    font-weight: 600;
    font-size: 0.67em;
}

.Link {
    color: #4168f6;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: underline;
}

.Link:hover {
    text-decoration: underline;
}

/**/
.startStart {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0px;
}

.CenterBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
}

.CenterCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.CenterLeft {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0px;
}

.CenterRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
}

/**/
.HBox {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: minmax(var(--body-min-wid), var(--contents-max-wid));
}
.HBox > .Inner {
    margin-left: var(--contents-side-padding);
    margin-right: var(--contents-side-padding);
}
.HBox > .Inner.NoMargin {
    margin-left: 0;
    margin-right: 0;
}

/**/
img.LoadingBg {
    background-color: #f5f5f5;
    background-image: url(/loading/Spin-1s-200px.svg);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

/**/
.Modal {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Modal_bg {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/**/
.LayerPopup {
    z-index: 111;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left 500ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    display: none;
}
.LayerPopup.On {
    display: block;
}
.LayerPopup.Bottom {
    top: auto;
    bottom: -100vh;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: bottom 500ms cubic-bezier(0.33, 1, 0.68, 1);
    width: 100%;
}
.LayerPopup.Bottom.On {
    bottom: 0;
}

/**/
.ScrollTopBtn {
    z-index: 200;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 30px;
    aspect-ratio: 1/1;
    color: #161616;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #161616;
    background-color: #ffffd4;
}

.HideScroll {
    -ms-overflow-style: none;
}
.HideScroll::-webkit-scrollbar {
    display: none;
}

.SampleList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

/**/
.Grayscale {
    filter: grayscale(1) !important;
}

.Cover_230804112023 {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

/**/
#AppInfo {
    display: none;
}

[data-env="development"] #AppInfo {
    display: block;
}

#AppInfo > a {
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 50%;
}

#AppInfo > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

#AppInfo > a {
    color: yellow;
    font-size: 12px;
    font-weight: 400;
}

#AppInfo > a {
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    white-space: nowrap;
    padding: 4px;
}

#AppInfo > a {
    transform: translateX(-50%) translateY(-100%);
}

[data-wheel-direction="down"] #AppInfo > a {
    transform: translateX(-50%) translateY(0%);
}

/**/
.ToolTipBox {
    z-index: 10;
    position: absolute;
    display: none;
}
.ToolTipBox.On {
    display: block;
}
.ToolTipBox.type-2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    overflow-y: scroll;
}
.ToolTipBox.type-2.buy_tipbox,
.ToolTipBox.type-2.cashup_popbox {
    background: #f4f4f4;
}
.buy_tipbox .ToolTip_2,
.cashup_popbox .ToolTip_2 {
    padding-top: 0;
    padding-bottom: 28px;
}
.cashup_popbox .ToolTip_2 {
    padding-top: 0;
    padding-bottom: 0;
}
.buy_tipbox .ToolTip_2 .TitleBox,
.cashup_popbox .ToolTip_2 .TitleBox {
    background: #fff;
    padding-top: 20px;
}
.buy_tipbox .tip_inner,
.cashup_popbox .tip_inner {
    padding-top: 32px;
}
.buy_tipbox .tip_inner .title,
.cashup_popbox .tip_inner .title {
    text-align: center;
    font-size: 20px;
    color: #303030;
    font-weight: 600;
    margin-bottom: 20px;
}
.buy_tipbox .tip_inner .title h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cashup_popbox .tip_inner .title p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #ff3838;
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin-top: 5px;
}
.cashup_popbox .tip_inner .title p img {
    width: 41px;
}
.buy_tipbox .tip_inner .title span,
.cashup_popbox .tip_inner .title span {
    color: #ff3838;
    font-weight: 700;
}
.buy_tipbox .tip_inner .title img {
    margin-left: 4px;
}
.buy_tipbox .tip_inner .inner_content,
.cashup_popbox .tip_inner .inner_content {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    padding: 20px 24px 24px;
    text-align: center;
    margin-bottom: 16px;
}
.cashup_popbox .tip_inner .inner_content {
    margin-bottom: 8px;
}
.cashup_popbox .tip_inner .inner_content.middle {
    margin-bottom: 28px;
}
.buy_tipbox .tip_inner .inner_content:last-child,
.cashup_popbox .tip_inner .inner_content:last-child {
    margin-bottom: 0;
}
.buy_tipbox .tip_inner .inner_content h3 {
    font-size: 14px;
    color: #ff3838;
    font-weight: 600;
    margin-bottom: 16px;
}
.buy_tipbox .tip_inner .inner_content .middle_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.buy_tipbox .tip_inner .inner_content.top .middle_content {
    justify-content: center;
    gap: 15px;
}
.buy_tipbox .tip_inner .inner_content .bottom_infotxt,
.cashup_popbox .tip_inner .inner_content .bottom_infotxt {
    line-height: 1.4;
    letter-spacing: -0.64px;
}
.cashup_popbox .tip_inner .inner_content .bottom_infotxt {
    color: #303030;
    font-size: 16px;
}
.buy_tipbox .tip_inner .inner_content .bottom_infotxt span{
    font-weight: 600;
}
.cashup_popbox .tip_inner .inner_content .bottom_infotxt .fir {
    font-weight: 400;
}
.cashup_popbox .tip_inner .inner_content .bottom_infotxt .sec {
    font-weight: 600;
}
.cashup_popbox .tip_inner .inner_content .bottom_infotxt .thr {
    color: #ff3838;
    font-size: 20px;
    font-weight: 600;
}
.buy_tipbox .tip_inner .inner_content.bottom img,
.cashup_popbox .tip_inner .inner_content.bottom img {
    margin: 0 auto;
}
.cashup_popbox .infobox {
    background: #fff;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 30px 20px;
}
.cashup_popbox .infobox .inner {
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 20px 16px;
}
.cashup_popbox .infobox .inner .title {
    color: #303030;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    text-align: left;
}
.cashup_popbox .infobox .inner ul {
    margin-top: 6px;
}
.cashup_popbox .infobox .inner ul li {
    color: #303030;
    font-size: 12px;
    display: flex;
    line-height: 16px;
    gap: 8px;
}
.cashup_popbox .middle_content {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}
.cashup_popbox .middle_content .bg_img {
    width: 149px;
}
.cashup_popbox .middle_content .coin {
    position: absolute;
    width: 85px;
    bottom: 0;
    right: 43px;
}
.cashup_popbox .middle_content .coin2 {
    position: absolute;
    bottom: 0;
    width: 44px;
    left: 47px;
}


/**/
.Box-59a78992 {
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 6px;
    font-size: 0;
    -ms-overflow-style: none;
}
.Box-59a78992::-webkit-scrollbar {
    display: none;
}
.Box-59a78992 > article {
    display: inline-flex;
    white-space: nowrap;
    gap: 12px;
}

/**/
.ImgBox-40dc13b6 {
    position: relative;
    width: 96px;
}
.ImgBox-40dc13b6 .DelBtn {
    z-index: 10;
    position: absolute;
    top: -10px;
    right: -10px;
}

/**/
.Text-08319bd1 {
    color: #ff3838;
    font-size: 12px;
    font-weight: 400;
}

/**/
.StickySec {
    position: sticky;
    position: -webkit-sticky;
    z-index: 90;
    background-color: white;
}

.btn__switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
}

.btn__switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle_btn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebebeb;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.toggle_btn:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .toggle_btn {
    background-color: #ff3838;
}

input:checked + .toggle_btn:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}

.toggle_btn.round {
    border-radius: 34px;
}

.toggle_btn.round:before {
    border-radius: 50%;
}
.payment {
    position: relative;
    overflow: hidden;
}
.payment.transfer {
    border: 1px solid #e1e1e1;
    width: 196px;
}
.payment_listbox img {
    border-radius: 8px;
    width: 196px;
    height: 109px;
}
.payment_title {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    width: 100%;
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}

/* flex */
.flex_el {
    display: flex;
}
.ul_flex {
    padding-left: var(--contents-side-padding);
}
.transfer_contentbox {
    position: relative;
    height: 100%;
}
.transfer_info {
    position: absolute;
    bottom: 17px;
    left: 16px;
}
.transfer_info .info_top {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
}
.transfer_info .info_bottom {
    color: #767676;
    font-size: 11px;
    margin-top: 6px;
}
.payment_list {
    display: flex;
    align-items: center;
    border-top: 1px solid #ebebeb;
}
.payment_list input {
    margin-right: 5px;
}
.payment_list .text1 {
    color: #767676;
    font-size: 14px;
}
.flex_al_center {
    display: flex;
    align-items: center;
}
.flex_al_center .payment_list {
    width: 50%;
}
.RadioUi.Style1:checked + div {
    color: #303030;
    font-weight: 600;
}
.withdraw_img {
    width: 21.3%;
}

.ab_center_right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.agree_info {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 8px 10px;
    font-size: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background: #fff;
    color: #767676;
}
.agree_info_page {
    padding: 0 20px;
}
.agree_info_page li {
    list-style: decimal;
    margin-left: 15px;
    line-height: 18px;
}
.agree_info_page .Txt_1 {
    font-size: 12px;
    color: #303030;
}
.agree_info_page .Txt_2 {
    font-size: 12px;
    color: #767676;
    line-height: 18px;
}
.withdraw_info {
    background: #f4f4f4;
    padding: 6px 14px;
    font-size: 10px;
    color: #303030;
}
.photo_select {
    display: none;
}
.Box.On .photo_select {
    display: block;
}
.sell_info_box {
    overflow-y: scroll;
    height: 135px;
}
.AlertBox_2 .Txt1.font-w500 {
    font-weight: 500;
}
.pop_slide_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 100;
    padding-top: 25px;
}
.pop_slide_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.close_pop {
    color: #fff;
    font-size: 12px;
}
.method_use_txtbox {
    text-align: center;
    margin-bottom: 20px;
}
.method_use_txtbox p:nth-of-type(1) {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.method_use_txtbox p:nth-of-type(2) {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin-top: 10px;
}
.ui-loader {
    display: none;
}
.noty_picnum {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    color: #a6a6a6;
}
.scroll_control {
    padding-top: 8px;
    overflow-x: scroll;
}
.scroll_control::-webkit-scrollbar {
    display: none;
}
.sell_top {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.ui-widget {
    font-family: "SUIT Variable", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}
.ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
}
.ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}
.ui-datepicker-prev:after {
    transform: rotate(0deg);
    margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}
.ui-datepicker-next:after {
    transform: rotate(-180deg);
    margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    /* border-left: 2px solid #b0aead;
    border-bottom: 2px solid #b0aead; */
    background: url(/assets/icon/20231024_arrow.svg) center;
}
.ui-datepicker-calendar thead tr th span {
    display: block;
    width: 40px;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
}
.ui-state-default {
    line-height: 40px;
    font-size: 12px;
}
.ui-widget-header {
    background: #fff;
    border: none;
    color: #303030;
}
.ui-widget-header .ui-icon {
    background-image: url(/assets/icon/2308031342.svg);
}

#datepicker {
    width: 100%;
    background: url(/assets/icon/2308031356.svg) no-repeat right;
}
.ui-datepicker {
    border-radius: 8px;
    border-color: #e1e1e1;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width: 100%;
    height: 100%;
    position: unset;
    margin-top: 0;
    margin-left: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    z-index: 1;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    width: 13px;
    height: 13px;
    top: 47px;
}

.ui-datepicker .ui-datepicker-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0;
}

.ui-datepicker th {
    padding: 0;
}
.ui-datepicker-calendar thead tr th span {
    color: #303030;
}
.ui-datepicker-calendar thead tr th:first-child span {
    color: #ff3838;
}
.ui-datepicker-calendar thead tr th:last-child span {
    color: #3377ff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff;
    border: none;
    text-align: center;
}
.ui-datepicker-calendar > tbody td:first-child a {
    color: #ff3838;
}

.ui-datepicker-calendar > tbody td:last-child a {
    color: #3377ff;
}
.ui-datepicker-calendar > tbody td.ui-datepicker-today a {
    position: relative;
    z-index: 1;
}
.ui-datepicker-calendar > tbody td.ui-datepicker-today a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f4f4f4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    z-index: -1;
}
.ui-datepicker-calendar > tbody td.ui-datepicker-current-day a {
    color: #ff3838;
    position: relative;
    z-index: 1;
}
.ui-datepicker-calendar > tbody td.ui-datepicker-current-day a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fbeded;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    z-index: -1;
}
.ui-datepicker-calendar .holiday {
    opacity: 1;
}
.ui-datepicker-calendar .holiday span {
    color: #ff3838;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "SUIT Variable", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border: none;
    width: fit-content;
    padding-right: 30px;
    background: #fff;
    text-align: right;
    text-align-last: right;
    background-size: 29px;
}
.ui-datepicker select.ui-datepicker-year {
    background: url(/assets/icon/year_bottom.svg) no-repeat right center;
    margin-right: 2px;
}
.ui-datepicker select.ui-datepicker-month {
    background: url(/assets/icon/month_bottom.svg) no-repeat right;
    /* width: 18%; */
}
.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
    border: none;
}
.ui-datepicker select::-ms-expand {
    display: none;
}
.ui-datepicker select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ui-datepicker-title #text {
    margin-left: -50px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}
.modal_search_product {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    width: calc(100% - 40px);
    max-width: 340px;
    z-index: 100;
}
.modal_search_product.search_only {
    padding: 40px 30px 10px;
}
.modal_search_product h3 {
    text-align: center;
}
.modal_search_product li {
    position: relative;
}
.modal_search_product li.On::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ff3838;
    border-radius: 8px;
}
.show_original {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    padding: 8px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
}
.commission_btn {
    background: #ff3838;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
}
.commission_btn_pink {
    background: #fbeded;
    color: #ff3838;
    border-radius: 8px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
}
.count_btn {
    position: relative;
    overflow: hidden;
}
.count_btn > button {
    border: 0;
    color: #000;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    font-size: 12px;
    border: 1px solid #bdbdbd;
}
.count_btn > button.minus {
    left: 0;
}
.count_btn > button.plus {
    right: 0;
}
.count_btn .cur_val {
    border: 0;
    height: 32px;
    text-align: center;
    display: block;
    width: 96px;
    font-size: 12px;
    color: #212121;
    font-weight: 500;
}
.amount_checkbox {
    width: 100%;
    flex: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #303030;
    font-weight: 600;
}
.BottomBtnBox_1.amount_style {
    flex-wrap: wrap;
    padding-top: 64px;
    padding-bottom: 38px;
    border-radius: 30px 30px 0 0;
    gap: 36px;
}
.point_up {
    color: #fff;
    padding: 4px;
    background: #ff3838;
    font-size: 12px;
    font-weight: 500;
    border-radius: 8px;
}
.Modal_bg .direct_pop {
    width: calc(100% - 40px);
    margin: 85px auto;
    background: #fff;
    padding: 40px 30px;
    border-radius: 8px;
    max-width: 400px;
    text-align: center;
    height: 80vh;
    overflow-y: scroll;
}

.circle_icon {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin-right: 4px;
    background: #ff3838;
    padding: 4px 7px;
    border-radius: 50%;
}
.direct_title {
    background: #f4f4f4;
    border-radius: 40px;
    margin: 40px auto 0;
    width: fit-content;
    padding: 6px 10px;
}
.direct_ok {
    background: #ff3838;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 17px 0;
    border-radius: 8px;
    margin-top: 40px;
}
.state_imposible {
    text-align: center;
    background: #fbeded;
    color: #ff3838;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 12px 18px;
    border-radius: 8px;
}
.remainingTime {
	width: 100%;
    background: #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 8px;
    margin-top: 16px;
}
.remainingTime .ButtonUi[disabled] {
	background: #808080;
	color: #fff;
}
.coming_soon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 108px;
    text-align: center;
    background-color: #f4f4f4;
    font-size: 12px;
    color: #767676;
}
#reRealbanner-swiper {
    overflow: hidden;
}
#reRealbanner-swiper .swiper-slide {
    padding: 0 20px;
}
#reRealbanner-swiper .swiper-slide img {
    border-radius: 12px;
}
.LinkList_1 > ul > li a .linklist_txt {
    width: 80%;
    font-weight: 400;
    line-height: 20px;
}
.TabBar_2.tab_sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 57px;
    width: calc(100% - 40px);
    margin-left: 20px;
    z-index: 2;
}
.buy_orderNum {
    font-size: 14px;
    color: #303030;
    font-weight: 600;
}
.buy_orderTxt {
    display: flex;
    justify-content: space-between;
    padding: 17px 0 11px;
    font-size: 14px;
    font-weight: 600;
    color: #303030;
}
.Arrow {
    transition: .3s;
}
.Arrow.active {
    transform: rotate(180deg);
}
.other_select {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}
.other_select li {
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 14px 10px;
    color: #161616;
    font-size: 12px;
}
.other_select li.on {
    background: #ff3838;
    color: #fff;
    border-color: #ff3838;
}
.buy_pop_confirmation .Alert_1,
.buy_pop_piece .Alert_1 {
    padding-top: 0;
}
.buy_pop_confirmation .Body,
.buy_pop_piece .Body {
    padding: 20px 24px;
}
.buy_pop_confirmation .Body {
    padding: 24px 20px 10px;
}
.buy_pop_confirmation img {
    margin: 0 auto;
}
.buy_pop_confirmation h4,
.buy_pop_piece h4 {
    margin-top: 13px;
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    line-height: 14px;
}
.buy_pop_confirmation h4 {
    font-size: 16px;
    margin-top: 0;
}
.buy_pop_piece h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    font-size: 16px;
}
.buy_pop_piece h4 img {
    margin-right: 4px;
}
.buy_pop_confirmation .confirmation_list > li,
.buy_pop_piece .piece_list > li {
    padding: 16px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.buy_pop_piece .piece_list > li:nth-of-type(1) {
    padding: 0 12px 16px;
    border-bottom: 1px dotted #ebebeb;
    margin-bottom: 16px;
}
.buy_pop_confirmation .confirmation_list > li span:nth-of-type(1),
.buy_pop_piece .piece_list > li span:nth-of-type(1) {
    color: #303030;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}
.buy_pop_confirmation .confirmation_list > li span:nth-of-type(2),
.buy_pop_piece .piece_list > li span:nth-of-type(2) {
    color: #767676;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}
.buy_pop_confirmation .confirmation_list > li span:nth-of-type(1),
.buy_pop_confirmation .confirmation_list > li span:nth-of-type(2) {
    font-size: 14px;
}
.buy_pop_confirmation .confirmation_list > li span.blue {
    color: #4168f6;
}
.buy_pop_confirmation .confirmation_result,
.buy_pop_piece .piece_result {
    margin-top: 8px;
    padding: 17px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.buy_pop_confirmation .confirmation_result {
    padding: 16px 0 0;
    border-top: 1px solid #ebebeb;
    margin-top: 0;
}
.buy_pop_piece .piece_result {
    border-top: 1px solid #ebebeb;
    margin-top: 0;
    padding: 16px;
}
.buy_pop_confirmation .confirmation_result span:nth-of-type(1),
.buy_pop_piece .piece_result span:nth-of-type(1) {
    color: #303030;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.buy_pop_confirmation .confirmation_result span:nth-of-type(2),
.buy_pop_piece .piece_result span:nth-of-type(2) {
    color: #ff3838;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.buy_pop_piece .piece_result span.black {
    color: #303030;
    line-height: 18px;
    font-weight: 600;
}
.buy_pop_piece .piece_result span.red {
    color: #ff3838;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.buy_pop_confirmation .ButtonUi,
.buy_pop_piece .ButtonUi {
    width: 100%;
}
.buy_pop_piece .ButtonUi.two {
    width: 48.5%;
}
.buy_pop_confirmation .confirmation_info {
    color: #ff3838;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}
.buy_pop_piece .piece_depth2 {
    flex: 1;
    background: #fafafa;
    margin: 12px 4px 0;
    padding: 12px 8px;
    border-radius: 8px;
}
.buy_pop_piece .piece_depth2 > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.buy_pop_piece .piece_depth2 > li span {
    color: #767676;
    font-size: 12px;
    line-height: 18px;
}
.buy_pop_piece .piece_info {
    text-align: center;
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 20px;
}
.buy_pop_piece .piece_info span {
    color: #ff3838;
}
.loading_Ballbox {
    display: none;
}
.loading_wave {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    animation: opacityani 1s ease-in-out forwards;
    opacity: 0
}
.loading_ball {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
    background-color: #e6000f;
    animation: up_down_ani 1s ease-in-out infinite;
}
.loading_ball:nth-child(2) {
    animation-delay: -0.2s;
}
.loading_ball:nth-child(3) {
    animation-delay: -0.4s;
}
.buy_pop_piece .Alert_2 .Body {
    padding: 0;
}
.buy_pop_piece .body_state {
    border-radius: 8px;
    border: 1px solid #ebebeb;
    margin: 20px 0;
}
.buy_pop_piece .body_state .piece_list {
    padding: 16px 8px;
}
.buy_pop_piece .piece_list > li span:nth-of-type(1) {
    font-size: 14px;
}
.buy_pop_piece .piece_list > li span:nth-of-type(2) {
    font-size: 14px;
}
.buy_pop_piece .piece_list > li.buy_pop_cash {
    padding: 0;
}
.buy_pop_piece .buy_pop_cash span:nth-of-type(1) {
    padding-left: 12px;
}
.buy_pop_piece .buy_pop_cash span:nth-of-type(2) {
    padding-right: 12px;
    text-align: right;
}
.buy_pop_piece .piece_list > li .piece_depth2 span {
    color: #767676;
    font-weight: 400;
    line-height: 12px;
    font-size: 12px;
}
.buy_pop_piece .piece_depth2 > li:nth-of-type(2) {
    margin-top: 8px;
}
.buy_pop_confirmation .body_state {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-top: 24px;
    padding: 16px;
}
.buy_pop_confirmation .confirmation_list > li {
    padding: 0;
    margin-bottom: 12px;
}
.buy_pop_confirmation .confirmation_list > li:nth-last-child(1) {
    margin-bottom: 0;
    padding-bottom: 16px;
}
#view-more-btn.ButtonUi {
    padding-right: 0;
}
.BottomBtnBox_1.recommend {
    padding: 30px 20px 20px;
    border-radius: 30px 30px 0 0;
}
.BottomBtnBox_1 #count {
    position: relative;
    display: flex;
    width: 96px;
    align-items: center;
    justify-content: space-between;
}
.BottomBtnBox_1 #count button {
    border: 1px solid #ebebeb;
    color: #000;
    width: 32px;
    height: 32px;
    font-size: 12px;
}
.BottomBtnBox_1 #count input {
    border: 0;
    height: 32px;
    text-align: center;
    display: block;
    width: 32px;
    font-size: 14px;
    color: #212121;
    font-weight: 600;
}
.BottomBtnBox_1 .top_left {
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    margin-left: 10px;
}
.error_page {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.error_page img {
    width: 72px;
    height: 72px;
    margin: 0 auto;
}
.error_page h2 {
    margin: 12px 0;
    font-size: 16px;
    color: #303030;
    line-height: 22.4px;
    font-weight: 600;
}
.error_page p {
    font-size: 14px;
    line-height: 21px;
    color: #767676;
}
.error_page button {
    margin-top: 56px;
    background: #ff3838;
    width: 100%;
    color: #fff;
    padding: 17px 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}
.state_culturecash {
    position: absolute;
    top: 14px;
    left: 13px;
    color: #767676;
    font-size: 11px;
}
.payment_buylist {
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb;
}
.payment_buylist:last-child {
    border-bottom: 0;
}
.payment_buylist:first-child {
    padding: 16px 0;
}
.payment_more_list_btn {
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-top: 1px solid #ebebeb;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    display: none;
}
.payment_more_list_btn img {
    transition: all .4s;
}
.payment_more_list_btn.active img {
    transform: rotate(-180deg);
}
.CardList_1 .delCard_btn {
    position: absolute;
    bottom: 13px;
    right: 11px;
    border: 1px solid rgba(115, 115, 115, 0.20);
    padding: 2px 14px;
    border-radius: 99px;
    line-height: 18px;
    font-size: 12px;
    color: #303030;
    background: #fff;
}

#product-swiper .swiper-slide {
    /*max-width: 93px;*/
    min-width: 93px;
}
.payment_del {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    display: none;
}
#report-swiper .swiper-slide {
    min-width: 96px;
}
.loading_page {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.loading_page .loading_dotted {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.loading_page .loading_dotted div {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #ff3838;
    border-radius: 50%;
    animation: loading_dotted 1.2s linear infinite;
    opacity: 0.55;
}
.loading_page .loading_dotted div:nth-child(1) {
    animation-delay: 0s;
    top: 30px;
    left: 59px;
}
.loading_page .loading_dotted div:nth-child(2) {
    animation-delay: -0.1s;
    top: 15px;
    left: 55px;
}
.loading_page .loading_dotted div:nth-child(3) {
    animation-delay: -0.2s;
    top: 4px;
    left: 45px;
}
.loading_page .loading_dotted div:nth-child(4) {
    animation-delay: -0.3s;
    top: 0px;
    left: 30px;
}
.loading_page .loading_dotted div:nth-child(5) {
    animation-delay: -0.4s;
    top: 4px;
    left: 15px;
}
.loading_page .loading_dotted div:nth-child(6) {
    animation-delay: -0.5s;
    top: 15px;
    left: 4px;
}

.loading_page .loading_dotted div:nth-child(7) {
    animation-delay: -0.6s;
    top: 30px;
    left: 0px;
}

.loading_page .loading_dotted div:nth-child(8) {
    animation-delay: -0.7s;
    top: 45px;
    left: 4px;
}

.loading_page .loading_dotted div:nth-child(9) {
    animation-delay: -0.8s;
    top: 55px;
    left: 15px;
}

.loading_page .loading_dotted div:nth-child(10) {
    animation-delay: -0.9s;
    top: 59px;
    left: 30px;
}

.loading_page .loading_dotted div:nth-child(11) {
    animation-delay: -1s;
    top: 55px;
    left: 45px;
}

.loading_page .loading_dotted div:nth-child(12) {
    animation-delay: -1.1s;
    top: 45px;
    left: 55px;
}
.loading_page p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.6px;
}
.loading_page p:nth-of-type(1) {
    margin-top: 32px;
}
.loading_page button {
    margin-top: 56px;
    background: #ff3838;
    width: 200px;
    color: #fff;
    padding: 17px 0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}
.RadioGroup_3.detail button {
    padding: 0 7px;
    position: relative;
}
.RadioGroup_3.detail button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.RadioGroup_3.detail .check_flex,
#LayerPopup-74dac9b8 .check_flex {
    font-size: 12px;
    width: 100%;
}
#LayerPopup-74dac9b8 .check_flex  {
    display: inline-block;
    margin: 5px 0;
}

.RadioGroup_3.detail .check_flex .chekc_flex_inner,
#LayerPopup-74dac9b8 .check_flex .chekc_flex_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#LayerPopup-74dac9b8 .check_flex .chekc_flex_inner {
    align-items: flex-start;
}
.RadioGroup_3.detail .check_flex .chekc_flex_inner input,
#LayerPopup-74dac9b8 .check_flex .chekc_flex_inner input {
    width: 16px;
    margin-right: 7px;
}
.RadioGroup_3.detail .check_flex .chekc_flex_inner {
    position: relative;
}
.RadioGroup_3.detail .check_flex .chekc_flex_inner input {
    position: absolute;
    top: 0;
    left: 0;
}
.RadioGroup_3.detail .check_flex .chekc_flex_inner .centerp {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    line-height: 12px;
}
.RadioGroup_3.detail .check_flex .chekc_flex_inner .centerp span {
    padding: 4px;
    background: #ff3838;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
}
.RadioGroup_3.detail .chekc_flex_inner p,
#LayerPopup-74dac9b8 .chekc_flex_inner p {
    width: calc(100% - 23px);
    letter-spacing: -0.2px;
}
.RadioGroup_3.detail > button {
    flex: 50%;
}
.ToolTipBox.type-2.table .title {
    font-size: 14px;
    color: #303030;
    font-weight: 600;
}
.ToolTipBox.type-2.table .nth2{
    margin-top: 49px;
}
.ToolTipBox.table .ToolTip_2 .ToolTip_inner {
    border: none;
}
.ToolTipBox.table .ToolTip_2 .Table_3 {
    border-top: 1px solid #767676;
}
.ToolTipBox.table .ToolTip_2 .fafafa {
    background: #fafafa;
}
.ToolTipBox.table .ToolTip_2 thead th:nth-of-type(2) {
    font-size: 11px;
    color: #767676;
}
.ToolTipBox.table .ToolTip_2 .Table_3 > tbody tr {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    height: 50px;
}
.ToolTipBox.table .ToolTip_2 .Table_3 > tbody tr:nth-last-of-type(1) > * {
    border-bottom: 1px solid #767676;
}
.ToolTipBox.table .ToolTip_2 .Table_3 > * td {
    padding: 12px 0;
    font-size: 12px;
    color: #303030;
    line-height: 18px;
}
.ToolTipBox.table .ToolTip_2 .Table_3 > * > tr > * {
    padding: 12px 0;
}
.ToolTipBox.table .ToolTip_bottombox p {
    font-size: 12px;
    font-weight: 500;
    color: #303030;
    margin-bottom: 10px;
}
.ToolTipBox.table .ToolTip_bottombox p:nth-last-child(1) {
    margin-bottom: 0;
}
.Alert_1.onemore_check h4 {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.Alert_1.onemore_check .alert_imgbox {
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    width: 96px;
    height: 96px;
    margin: 24px auto 16px;
    overflow: hidden;
}
.Alert_1.onemore_check .alert_imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Alert_1.onemore_check .select_product li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 12px;
}
.Alert_1.onemore_check .select_product li:first-child {
    margin-top: 0;
}
.Alert_1.onemore_check .select_product li p:nth-of-type(1) {
    flex: 1 30%;
}
.Alert_1.onemore_check .select_product li p:nth-of-type(2) {
    flex: 1 70%;
    text-align: right;
}
.Alert_1.onemore_check .select_product li p:nth-of-type(1) {
    font-size: 12px;
    font-weight: 600;
}
.Alert_1.onemore_check .select_product li p:nth-of-type(2) {
    font-size: 12px;
    color: #767676;
    font-weight: 500;
}
.Alert_1.onemore_check .select_product li:nth-last-of-type(2) {
    margin: 12px 0;
}
.detail_more_show {
    background: rgba(255,56,56,0.05);
    border-radius: 8px;
    padding: 9px 12px 9px 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    color: #303030;
    font-weight: 500;
    margin-top: 20px;
}
.detail_more_show .exclamation_mark {
    width: 16px;
    margin-right: 4px;
}
.detail_more_show .arrow {
    width: 24px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.registration_info {
    background: rgba(255,56,56,0.03);
    padding: 16px 20px;
    border-radius: 8px;
    margin-top: 48px;
    margin-left: var(--contents-side-padding);
    margin-right: var(--contents-side-padding);
}
.registration_info h4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    color: #303030;
    font-weight: 600;
}
.registration_info img {
    width: 16px;
    margin-right: 4px;
}
.registration_info p {
    margin-top: 12px;
    font-size: 12px;
    color: #303030;
    line-height: 18px;
}
.registration_info p .blackbold {
    font-weight: 600;
}
.registration_info p .redbold {
    color: #ff3838;
    font-weight: 600;
}
.sell_statebox {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 256px;
}
.sell_statebox .statebox_inner {
    background: #fff;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    position: relative;
    filter: drop-shadow(0px 0px 20px rgba(180, 132, 132, 0.30));
}
.sell_statebox .statebox_inner div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sell_statebox .statebox_inner img {
    margin: 0 auto;
}
.sell_statebox .statebox_inner p {
    margin-top: 5px;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}
.sell_info_table .Table_3 {
    border-top: 1px solid #767676;
}
.sell_info_table .fafafa {
    background: #fafafa;
}
.sell_info_table .border_lr {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.sell_info_table .Table_3 > * > tr > * {
    padding: 12px 0;
}
.sell_info_table .Table_3 > * td {
    font-size: 12px;
    padding: 12px 0;
}
.sell_info_table .Table_3 > tbody tr {
    height: 50px;
}
.sell_info_table .Table_3 > tbody tr:nth-last-of-type(1) > * {
    border-bottom: 1px solid #767676;
}
.exchange_ad3type li {
    margin-top: 12px !important;
    border-radius: 8px;
    overflow: hidden;
}
.sell-info-checklist-box .sell_check_box {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 16px;
    margin-top: 16px;
    font-size: 13px;
    color: #303030;
    line-height: 1.4;
}
.sell-info-checklist-box .sell_check_box li {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}
.sell-info-checklist-box .sell_check_box li:first-child {
    margin-top: 0;
}
.exchange_ad3type li:nth-of-type(1) {
    margin-top: 0;
}
.detail_imginfo {
    color: #ff3838;
    font-size: 12px;
    line-height: normal;
}
.detail_imginfo span {
    font-weight: 600;
}
.openSell_info {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    width: 100%;
    height: 100%;
    padding: 48px 20px 20px;
    overflow-y: scroll;
}
.openSell_info .close_btn {
    position: absolute;
    top: 8px;
    right: 16px;
}
.openSell_info .top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.openSell_info .top h3 {
    color: #303030;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 4px;
}
.openSell_info .middle {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #303030;
    font-size: 16px;
    line-height: 22.4px;
}
.openSell_info .middle span {
    font-weight: 600;
}
.openSell_info .bottom {
    margin-top: 26px;
}
.openSell_info .bottom .check_flex .chekc_flex_inner {
    padding: 12px 8px;
    display: flex;
    color: #303030;
    font-size: 16px;
    line-height: 22.4px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 8px;
}
.openSell_info .bottom .check_flex:nth-last-child(1) .chekc_flex_inner {
    border-bottom: none;
}
.openSell_info .bottom .chekc_flex_inner input {
    margin-right: 8px;
    margin-top: 3px;
}
.openSell_info .bottom .chekc_flex_inner span {
    font-size: 14px;
    font-weight: 600;
}
.openSell_info .next_step_btn {
    margin-top: 35px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    line-height: 14px;
    background: #ff3838;
    color: #fff;
    padding: 17px 0;
    border-radius: 8px;
}
.openSell_info .next_step_btn:disabled {
    color: #a6a6a6;
    background: #e1e1e1;
}
.wallet_main_badge {
    border-radius: 99px !important;
    padding: 4px 8px;
}
.wallet_main_badge span:nth-of-type(1) {
    font-weight: 600;
}
.management_card .management_title,
.management_account .management_title {
    padding-left: var(--contents-side-padding);
    font-size: 16px;
    color: #303030;
    font-weight: 600;
}
.management_account .management_title {
    padding-left: 0;
}
.management_card .management_title span,
.management_account .management_title span {
    color: #ff3838;
}
.management_card .CardList_1 > ul {
    padding-top: 20px;
}
.management_card .del_btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}
.article1 .bottom_Ad,
.article2 .bottom_Ad {
    margin-top: 44px;
    width: calc(100% - 40px);
    margin-left: 20px;
    min-height: 98px;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.management_accountpop .Alert_1 {
    padding-top: 24px;
}
.management_accountpop .Body {
    padding-left: 0;
    padding-right: 0;
}
.management_accountpop .TitleBar {
    text-align: center;
    font-weight: 600;
}
.management_accountpop .TitleBar span {
    color: #767676;
    font-size: 12px;
}
.management_accountpop .inner {
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
}
.open_slide {
    margin-bottom: 16px;
}
.LayerPopup .pop_grayline {
    width: 100%;
    height: 1px;
    background-color: #f4f4f4;
    margin: 20px 0;
}
.depth2_type2 .ab_authpop {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    background: #ff3838;
    color: #fff;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 8px;
    opacity: 0;
    letter-spacing: -0.44px;
}
.depth2_type2.On2 .ab_authpop {
    display: block;
    animation: abPopFadeIn 1s forwards, abPopInfinite 3s infinite;
}
.depth2_type2 .ab_authpop::after {
    content: '';
    position: absolute;
    top: calc(100% - 3px);
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #ff3838;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
}
.TW_alert .Alert_1 .Body {
    text-align: center;
    padding: 0 22px 20px;
}
.TW_alert .Alert_1 .Body .top {
    font-size: 16px;
    color: #ff3838;
    font-weight: 600;
}
.TW_alert .Alert_1 .Body .middle {
    margin-top: 19px;
    color: #303030;
    font-size: 14px;
}
.TW_alert .Alert_1 .Body .middle .under {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.TW_alert .Alert_1 .Body .middle .red_under {
    text-decoration: underline;
    text-decoration-color: #ff3838;
    text-underline-offset: 2px;
    color: #ff3838;
}
.TW_alert .Alert_1 .Body .middle p:nth-of-type(2) {
    margin-top: 10px;
}
.TW_alert .Alert_1 .Body .bottom {
    background: #f4f4f4;
    padding: 8px 16px;
    border-radius: 8px;
    margin-top: 16px;
    color: #767676;
    font-size: 12px;
    line-height: 1.7;
}
.TW_alert .Alert_1 .Body .bottom p:nth-of-type(2) {
    font-weight: 600;
}
.TW_alert .Alert_1 .Foot {
    padding: 10px 11px;
}
.area_tip_pop {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.area_tip_pop p {
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    letter-spacing: -0.56px;
}
.area_tip_pop p span {
    color: #ff3838;
}
.area_tip_pop button {
    padding: 8px 10px;
    background: #ff3838;
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
}
.Alert_1.re .Body {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.Alert_1.re h4 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
}
.Alert_1.re .Foot {
    padding: 10px;
}
.Alert_1.re .blackbold {
    color: #303030;
    font-weight: 600;
}
.Alert_1.re .redbold {
    color: #ff3838;
    font-weight: 600;
}
.Alert_1.re.maxCharge .Body,
.Alert_1.re.sellMaxCharge .Body {
    padding-left: 24px;
    padding-right: 24px;
}
.Alert_1.re.maxCharge h4,
.Alert_1.re.sellMaxCharge h4 {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.Alert_1.re.maxCharge .max {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    margin-top: 4px;
}
.Alert_1.re.maxCharge .max.fir {
    margin-top: 20px;
}
.Alert_1.re.maxCharge .max span:nth-of-type(2) {
    color: #767676;
    font-weight: 500;
}
.Alert_1.re.sellMaxCharge .list_outer {
    margin-top: 20px;
}
.Alert_1.re.sellMaxCharge .list_inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 20px;
}
.myinfoReportDetail .top_item,
.myinfoRefundDetail .top_item  {
    width: calc(100% + 40px);
    margin-left: -20px;
    background: #fafafa;
    padding: 16px 20px;
}
.myinfoReportDetail .top_item > div,
.myinfoRefundDetail .top_item > div {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.myinfoReportDetail .top_item .dateNstate,
.myinfoRefundDetail .top_item .dateNstate {
    padding: 12px 16px;
    border-bottom: 1px solid #ebebeb;
}
.myinfoReportDetail .top_item .dateNstate .C-48a464fa,
.myinfoRefundDetail .top_item .dateNstate .C-48a464fa  {
    color: #303030;
    font-weight: 600;
    line-height: 16px;
}
.myinfoReportDetail .PrdItem_1,
.myinfoRefundDetail .PrdItem_1 {
    padding: 16px;
}
.myinfoReportDetail .PrdItem_1 > .Body,
.myinfoRefundDetail .PrdItem_1 > .Body {
    margin-top: 0;
}
.myinfoReportDetail .PrdItem_1 .brand_name,
.myinfoRefundDetail .PrdItem_1 .brand_name {
    font-weight: 400;
}
.myinfoReportDetail .PrdItem_1 .product_name,
.myinfoRefundDetail .PrdItem_1 .product_name {
    font-weight: 600;
}
.myinfoReportDetail .PrdItem_1 .price1,
.myinfoRefundDetail .PrdItem_1 .price1 {
    color: #303030;
}
.myinfoReportDetail .PrdItem_1 .buy_date,
.myinfoRefundDetail .PrdItem_1 .buy_date {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.myinfoReportDetail .Table_7,
.myinfoRefundDetail .Table_7 {
    margin-left: 20px;
    width: calc(100% - 20px);
}
.myinfoReportDetail .report_reason,
.myinfoRefundDetail .report_reason {
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 8px;
    margin-top: 16px;
}
.myinfoReportDetail .report_reason h4,
.myinfoRefundDetail .report_reason h4 {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.myinfoReportDetail .report_reason div,
.myinfoRefundDetail .report_reason div {
    color: #303030;
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
}
.myinfoReportDetail .Table_7 > tbody > tr > *,
.myinfoRefundDetail .Table_7 > tbody > tr > * {
    padding-top: 0;
    padding-bottom: 0;
}
.myinfoReportDetail .report_success_state,
.myinfoRefundDetail .report_success_state {
    text-align: center;
    margin-top: 20px;
    padding: 12px 0;
}
.myinfoReportDetail .report_success_state h3,
.myinfoRefundDetail .report_success_state h3 {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.myinfoReportDetail .report_success_state h3 span,
.myinfoRefundDetail .report_success_state h3 span {
    color: #ff3838;
}
.myinfoReportDetail .report_success_state p {
    margin-top: 4px;
    color: #a6a6a6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.report_reason.Error {
    border-color: #ff3838;
}
#iptUseCash::placeholder {
    font-size: 13px;
}


/* 공통 클래스 */
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}

.font-w500 {
    font-weight: 500;
}

.text1_b {
    font-size: 14px;
    line-height: 20px;
    color: #303030;
}

.color_red {
    color: #ff3838;
}

.relative {
    position: relative;
}

.br-0 {
    border-radius: 0 !important;
}

.display-unset {
    display: unset;
}

.display-inline-block {
    display: inline-block;
}
#divPageBlock {
    /*	position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;*/
}
.scroll_lock {
    height:100%;
    min-height:100%;
    overflow:hidden !important;
    touch-action:none;
}
.pop_black_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 111;
}
.open_event_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 112;
}
.open_event_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
}
.no_touch_bg {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.info_tipBox {
    background: rgba(255, 56, 56, 0.05);
    padding: 12px;
    border-radius: 8px;
    margin-top: 26px;
}
.info_tipBox .top {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.info_tipBox .top img {
    margin-right: 4px;
}
.info_tipBox .bottom {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.info_check_pop .Alert_1 {
    padding-top: 16px;
}
.info_check_pop .title_img {
    margin: 0 auto 4px;
}
.info_check_pop h3 {
    text-align: center;
    letter-spacing: -0.72px;
}
.info_check_pop .txt {
    text-align: center;
    margin: 16px 0;
    letter-spacing: -0.64px;
}
.info_check_pop .show_info_box {
    padding: 12px;
    border-radius: 8px;
    background: #f4f4f4;
    text-align: center;
}
.info_check_pop .show_info_box h4 {
    letter-spacing: -0.48px;
}
.info_check_pop .show_info_box p {
    letter-spacing: -0.56px;
    margin-top: 2px;
}
#cashBackComplete .top_content {
    color: #303030;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
#cashBackComplete .top_content img {
    width: 185px;
    margin: 0 auto 16px;
}
.ab_blacktime {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ab_blacktime .Txt1 {
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.ab_blacktime .Txt2 {
    color: #fff;
    text-align: center;
    font-weight: 500;
}
.bio_info_bage {
    position: absolute;
    bottom: calc(100% - 7px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    padding: 5px 20px;
    background: #ff3838;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    animation: center_up_down_ani 2s ease-in-out infinite;
}
.bio_info_bage p {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
}
.bio_info_bage:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 52%;
    transform: translateX(-50%);
    border-top: 10px solid #ff3838;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0px solid transparent;
}
.cashup_info_bage {
    position: absolute;
    bottom: calc(100% - -3px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    padding: 3px 8px;
    background: #ff3838;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    width: 87px;
}
.cashup_info_bage p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
}
.cashup_info_bage:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 52%;
    transform: translateX(-50%);
    border-top: 10px solid #ff3838;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0px solid transparent;
}
.top_tab {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 0;
}
.top_tab button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #767676;
    font-weight: 600;
    font-size: 12px;
    gap: 12px;
    padding: 7px 0;
}
.top_tab button.On {
    color: #303030;
    font-weight: 800;
}
.top_tab button span {
    font-size: 16px;
}
#LayerPopup-74dac9b8 .Ol_1 {
    margin-left: 0;
}
#LayerPopup-74dac9b8 .Ol_1 li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    letter-spacing: -0.44px;
}
.saleDesc_content .sell_infobox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.saleDesc_content .sell_infobox .item {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background: #fff;
    padding: 20px 10px;
    text-align: center;
    flex: 1 50%;
}
.saleDesc_content .item .top {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
}
.saleDesc_content .item .bottom {
    margin-top: 16px;
}
.saleDesc_content .item .bottom .outer {
    color: #303030;
    font-size: 11px;
    line-height: 17px;
}
.saleDesc_content .item .bottom .inner {
    margin-top: 10px;
    padding: 6px 14px;
    font-size: 10px;
    line-height: 12px;
}
.saleDesc_content .item.left .top {
    color: #ff3838;
}
.saleDesc_content .item.right .top {
    color: #4168f6;
}
.saleDesc_content .item.left .bottom .inner  {
    background: rgba(255, 56, 56, 0.05);
    color: #ff3838;
}
.saleDesc_content .item.right .bottom .inner {
    background: rgba(65, 104, 246, 0.05);
    color: #4168f6;
}
.sell_check_choice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.sell_check_choice .item_box {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 10px 10px 20px;
    flex: 1 50%;
}
.sell_check_choice .item_box.on {
    border-color: #ff3838;
    background: rgba(255, 56, 56, 0.05);
}
.sell_check_choice .item_box .img_box {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}
.sell_check_choice .item_box .img_box img {
    width: 64px;
}
.sell_check_choice .item_box .txt_box {
    margin-top: 16px;
    text-align: center;
}
.sell_check_choice .item_box .txt_box h5 {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.sell_check_choice .item_box .txt_box p {
    margin-top: 8px;
    color: #303030;
    font-size: 12px;
    line-height: 20px;
}
.sell_check_choice .item_box .txt_box p span {
    color: #ff3838;
}
.sell_check_popup .image_info {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;
}
.sell_category_title {
    margin-top: 29px;
    padding: 0 20px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.sell_num_date_box {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}
.sell_num_date_box .num {
    padding: 0 6px;
    background: #ebebeb;
    border-radius: 4px;
    font-size: 10px;
    line-height: 20px;
    color: #767676;
    font-weight: 400;
}
.sell_num_date_box .date {
    display: flex;
    align-items: center;
    gap: 1px;
}
.sell_num_date_box .date span {
    color: #767676;
    font-size: 10px;
    line-height: 16px;
}
.sell_type_box {
    text-align: center;
    margin-top: 30px;
    background: #f4f4f4;
    padding: 12px 16px;
    border-radius: 8px;
    display: none;
}
.sell_type_box h4 {
    font-size: 14px;
    color: #ff3838;
    font-weight: 600;
    line-height: 20px;
}
.sell_type_box.individual h4 {
    color: #4168f6;
}
.sell_type_box p {
    margin-top: 2px;
    color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.sell_price_info {
    background: #f4f4f4;
    border-radius: 8px;
    padding: 16px;
    display: none;
}
.choice_sell_pop .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
}
#SaleChkPopup li {
	list-style: none;
	display: flex;
    gap: 8px;
    font-size: 11px;
}

.ProductBorderList_1.reportrefund .PrdItem_1 .PrdItemBoxLink > .Head {
    justify-content: space-between;
    padding: 0 16px 12px;
    border-bottom: 1px solid #ebebeb;
}

.PrdItem_1 .PrdItemBoxLink > .Head {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: flex-end;
}
.PrdItem_1 .PrdItemBoxLink > .Head.two_style {
    justify-content: space-between;
}
.PrdItem_1 .PrdItemBoxLink > .Head.two_style .left_el {
    color: #767676;
    font-size: 11px;
}
.PrdItem_1 .PrdItemBoxLink > .Body {
    margin-top: 2px;
    display: flex;
    gap: 0px;
}
.PrdItem_1 .PrdItemBoxLink > .Body.Centered {
    align-items: center;
}
.PrdItem_1 .PrdItemBoxLink > .Body > .Right {
    flex: 1;
    margin-left: 17px;
}

.ProductBorderList_1.reportrefund .PrdItem_1 .PrdItemBoxLink > .Body {
    padding: 16px 16px 0;
    margin-top: 0;
}
.PrdItem_1 .PrdItemBoxLink .bottom_state_txt {
	color: #767676;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
}
.PrdItem_1 .PrdItemBoxLink .bottom_state_txt.couponnum,
.PrdItem_1 .PrdItemBoxLink .bottom_state_txt.statenum span,
.PrdItem_1 .PrdItemBoxLink .bottom_state_txt.cancelnum span,
.PrdItem_1 .date_txt > span {
	font-family: "Montserrat", sans-serif;
}

.LayerPopup .maxCharge .Foot .close.WithdrawTimeclose {
	position: absolute;
	top:-7%;
	right: 0;
}


.ProfileBox_1 .Thumb.profilebox_img {
	border:none;
}

.InfoBox_1.padding_setting {
    padding-top: 0;
    padding-bottom: 0;
}
.InfoBox_1.padding_setting > * {
	padding-top: 30px;
    padding-bottom: 30px;
}

/*하단 메뉴 애니메이션*/
.FixedBox.buyFixedBox > .FixedShell.toast_fix {
    bottom: 425px;
}
.FixedBox.buyFixedBox > .toast_fix {
   	display: none;
}
.FixedBox.buyFixedBox > .toast_fix.fix_toast_ani {
	display: block;
}
.FixedBox.buyFixedBox > .toast_fix.fix_toast_ani_up {
    display: block;
}
.FixedBox.buyFixedBox > .toast_fix.fix_toast_ani {
    animation: buytoastani 1.2s;
}
.FixedBox.buyFixedBox > .toast_fix.fix_toast_ani_up {
    animation: buytoastaniUp 1.2s;
}

.agree-content h3 {
	color: #303030;
    font-weight: 600;
    margin-bottom: 32px;
}
.agree-content p {
	color: #303030;
    font-size: 14px;
    line-height: 20px;
}

#divPrice.re_font_size input::placeholder{
	font-size: 12px;
}

.renewal_my_coupon .renewal_productList{
	width: 48%;
	display: inline-flex; 
	flex-direction: column;
}
.renewal_my_coupon li.renewal_productList:nth-child(odd){
	margin-right: 8px;
}
.renewal_my_coupon .renewal_productList .ProductItem_2{
	padding: 0;
	border: 1px solid #EBEBEB;
}
.renewal_my_coupon .renewal_productList .ImgBox_1{
	border: 0;
	background: #FFF;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #EBEBEB;
	height: 136px;
}
.renewal_my_coupon .renewal_productList .ImgBox_1 .img_bg{
	background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
}
.renewal_my_coupon .renewal_productList .ImgBox_1 span{
	position: absolute;
    z-index: 99;
    color: #fff;
    font-size: 12px;
}
.renewal_my_coupon .renewal_productList .renewal_bottom_imgBox{
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    padding: 8px;
}
.renewal_my_coupon .renewal_productList .renewal_bottom_imgBox .Txt1{
	color: #888;
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
}
.renewal_my_coupon .renewal_productList .renewal_bottom_imgBox .Txt2{
	color: #161616;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	display: block;
}
.renewal_my_coupon .renewal_productList .renewal_bottom_imgBox .Txt5{
	color: #A6A6A6;
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	max-width: 200px;
}

.renewal_coupon_box button.show_original {
	position: absolute;
	top: 8px;
    right: 8px;
	padding: 8px 10px;
    background: #FFF;
    color: #767676;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    transform: none;
    z-index: 99;
}
.renewal_coupon_box .CuponBox_1{
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.renewal_coupon_box .product_img_box{
	width: 156px;
    height: 156px;
    background: #FFF;
    border-radius: 8px;
    margin: 0 auto;
}

.renewal_coupon_box .Text_2{
	padding: 16px;
	text-align: center;
}
.renewal_coupon_box .Text_2 .Txt1{
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 4px;
}
.renewal_coupon_box .Text_2 .Txt3{
	font-size: 16px;
	line-height: 18px;
}
.renewal_coupon_box .barcode_img_box{
	display: flex;
    height: 123px;
    padding: 10px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.renewal_coupon_box .barcode_img_box img{
	width: 200px;
}
.renewal_coupon_box .renewal_modal_bg{
	z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
}
.renewal_coupon_box .expiration_and_btn_box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 20px;
	background: #FFF;
}
.renewal_coupon_box .expiration_and_btn_box .expiration_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	background: #F4F4F4;
	border: 1px solid #EBEBEB;
	border-radius: 8px;	
}
.renewal_coupon_box .expiration_and_btn_box .expiration_box .Txt1{
	color: #303030;
	font-size: 14px;
	font-weight: 700;
}
.renewal_coupon_box .expiration_and_btn_box .expiration_box .Txt2{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
}

.renewal_coupon_box .expiration_and_btn_box .caution_btn{
	width: 100%;
}
.renewal_coupon_box .expiration_and_btn_box .caution_btn button{
	width: 100%;
	padding: 10px;
	font-size: 12px;
}
.renewal_coupon_box .expiration_and_btn_box .caution_btn button.Style11{
	background: #E1E1E1;
	border: none;
}
.renewal_coupon_box .expiration_and_btn_box .caution_btn button span{
	font-weight: 700;
} 
.renewal_coupon_box .renewal_TitleBox_3{
	padding: 16px;
}
.renewal_coupon_box .renewal_TitleBox_3 .Title_2{
	font-weight: 700;
}
.renewal_coupon_box .InfoList_1{
	background: #FFF;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	padding: 4px 10px;
}
.renewal_coupon_box .InfoList_1 ul li{
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.renewal_coupon_box .InfoList_1 ul li:last-child{
	border: none;
}
.renewal_coupon_box .renewal_collapse_box{
	background: #FFF;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	padding: 4px 10px;
}
.renewal_coupon_box .renewal_collapse_box .Collapse_1 li:nth-of-type(2){
	border: none;
}
.renewal_coupon_box .renewal_collapse_box .Collapse_1 > li .Q{
	font-size: 12px;
	padding: 13px 16px;
}
.renewal_coupon_box .renewal_collapse_box .Collapse_1 > li .Q button{
	height: auto;
	padding: 0;
}
.renewal_coupon_box .renewal_collapse_box .Collapse_1 > li .A{
	padding: 10px 10px 20px 16px;
}
.renewal_coupon_box.FixedBox .BottomBtnBox_1 .ButtonUi.Style4{
	font-size: 14px;
}

.LayerPopup.bottom_modal {
    top: auto;
    bottom: -100vh;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: bottom 500ms cubic-bezier(0.33, 1, 0.68, 1);
    width: 100%;
}
.LayerPopup.bottom_modal.On {
	bottom: 0;
}

.personal_price_edit .user_btn{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.personal_price_edit .user_btn button{
	flex: 1;
}

.Modal_personal_edit{
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.personal_sale_popup .sale .tit_txt{
	padding: 20px 120px;
	font-size: 16px;
	font-weight: 600;
	color: #303030;
	border-bottom: 1px solid #EBEBEB;
}
.personal_sale_popup .sale .tit_txt span{
	color: #4168f6;
}

.personal_sale_popup .sale .section_top{
	padding:16px 0 20px;
}
.personal_sale_popup .sale .section_top .pop_price_edit .Body{
	align-items: center;
}
.personal_sale_popup .sale .section_top .pop_price_edit .brand_name{
	color: #A6A6A6;
}
.personal_sale_popup .sale .section_top .pop_price_edit .product_name{
	font-size: 14px;
}
.personal_sale_popup .sale .section_top .pop_price_edit .cupon_num{
	font-size: 12px;
}

.personal_sale_popup .sale .section_bottom .sub_txt{
	color: #767676;
	font-size: 12px;
	font-weight: 600;
}
.personal_sale_popup .sale .section_bottom .button_box{
	display: flex;
    gap: 8px;
    align-items: flex-start;
}
.personal_sale_popup .sale .section_bottom .button_box button{
	padding: 12px 18px;
}
.personal_sale_popup .sale .section_bottom .price_info{
	margin: 20px 0;
	padding: 16px;
	background: #F4F4F4;
	border-radius: 8px;
}
.personal_sale_popup .sale .section_bottom .price_info p{
	font-size: 12px;
	font-weight: 500;
}
.personal_sale_popup .sale .section_bottom .price_info p.red_txt{
	color: #ff3838;
}
.personal_sale_popup .sale .section_bottom .price_info .charge_txt{
	color: #767676;
	padding:8px 0;
}
.personal_sale_popup .sale .section_bottom .price_info .bold_txt{
	color: #303030;
	font-weight: 600;
}
.personal_sale_popup .sale .section_bottom .image_info{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;
}
.renewal_coupon_box .InfoList_1 ul li{
	height: 42px;
}
.renewal_coupon_box .InfoList_1 .CenterCenter{
	gap: 8px;
}

button.chatBtn{
	padding: 8px 10px;
	background: #FFF;
	border: 1px solid #E1E1E1;
    color: #767676;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
}

.renewal_saleRegistComplete .AlertBox_1{
	flex-direction: column;
	background: #fff;
}
.renewal_saleRegistComplete .AlertBox_1 .Txt1{
	color: var(--text-color1);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	padding: 16px 0 8px;
}
.renewal_saleRegistComplete .AlertBox_1 .Txt1 span{
	color: var(--color1);
}
.renewal_saleRegistComplete .AlertBox_1 .Txt2{
	color: var(--text-color2);
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
}
.renewal_saleRegistComplete .InfoTable_2{
	border-top: 1px solid #EBEBEB;
	padding: 24px 16px;
	margin-top: 24px;
}
.renewal_saleRegistComplete .InfoTable_2 .Txt1{
	color: var(--text-color1);
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
    padding-bottom: 8px;
}
.renewal_saleRegistComplete .InfoTable_2 .Txt2{
	color: var(--text-color2);
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
}
.renewal_saleRegistComplete .renewal_ProductList_box{
	background: #F4F4F4;
}
.renewal_saleRegistComplete .renewal_ProductList_box .ProductList_3{
	margin: 16px 0 8px;
}
.renewal_saleRegistComplete .renewal_ProductList_box .ProductList_3 > ul > li{
	border: none;
	background: #FFF;
	border-radius: 12px;
	padding: 14px 16px;
}
.renewal_saleRegistComplete .renewal_ProductList_box .ProductList_3 .ProductItem_3{
	padding: 0;
}
.renewal_saleRegistComplete .renewal_ProductList_box .ProductList_3 .ProductItem_3 .Txt5{
	line-height: 18px;
}
.renewal_saleRegistComplete .renewal_ProductList_box .MoreBtn_1 .ButtonUi.Style4{
	border: none;
	font-size: 12px;
	font-weight: 500;
}
.renewal_saleRegistComplete .renewal_swiper_box .TitleBox_1{
	padding: 28px 20px 16px;
}
.renewal_saleRegistComplete .renewal_swiper_box .TitleBox_1 .Title_1{
	gap: 5px;
}

.renewal_saleRegistComplete .InfoTable_3{
	background: rgba(255, 56, 56, 0.05);
	border-radius: 8px;
	padding: 12px 12px 12px 16px;
	margin-bottom: 28px;
}
.renewal_saleRegistComplete .InfoTable_3 .title{
	color: #303030;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    gap: 4px;
}

.ToolTipBox.sale_tipbox{
	background: #F4F4F4;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ToolTipBox.sale_tipbox .ToolTip_2{
	padding: 0;
}
.ToolTipBox.sale_tipbox .ToolTip_2 .TitleBox{
	background: #FFF;
	padding-top: 20px;
	margin: 0;
}
.ToolTipBox.sale_tipbox .tip_inner{
	padding: 0 20px;
}
.ToolTipBox.sale_tipbox .tip_inner .title{
	padding: 32px 0 24px;
	text-align: center;	
}
.ToolTipBox.sale_tipbox .tip_inner .title h2{
	color: #303030;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
.ToolTipBox.sale_tipbox .tip_inner .title p{
	margin-top: 8px;
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
}
.ToolTipBox.sale_tipbox .tip_inner .inner_content.middle{
	margin:16px 0 24px;
}
.ToolTipBox.sale_tipbox .tip_inner .inner_content.bottom{
	background: #FFF;
}
.ToolTipBox.sale_tipbox .tip_inner .inner_content .middle_content{
	display: flex;
    align-items: center;
    justify-content: center;
}
.ToolTipBox.sale_tipbox .info_content{
	background: #fff;
	padding: 24px 24px 36px;
}
.ToolTipBox.sale_tipbox .info_content .info_box{
	background: #F4F4F4;
	padding: 18px;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
}
.ToolTipBox.sale_tipbox .info_content .info_box .txt1{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 8px;
}
.ToolTipBox.sale_tipbox .info_content .info_box .txt2{
	color: #303030;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}


/*reportDetail 신고하기 UI 리뉴얼*/
.renewal_reportDetail .InfoBox{
	background: #F4F4F4;
	border-radius: 8px;
}
.renewal_reportDetail .InfoBox .info_box{
	padding: 12px 16px;
}
.renewal_reportDetail .InfoBox .info_box button{
	width: 100%;
}
.renewal_reportDetail .InfoBox .info_box .title{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	gap: 4px;
}
.renewal_reportDetail .InfoBox .info_box.On .Arrow{
	transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1);
    will-change: auto;
    transform: rotate(180deg);
}
.renewal_reportDetail .InfoBox .info_text{
	display: none;
	padding: 16px 8px;
    border-top: 1px solid #EBEBEB;
}
.renewal_reportDetail .InfoBox .info_text.On{
	display: block;
}
.renewal_reportDetail .InfoBox .info_text ul> li{
	position: relative;
    padding-left: 15px;
    color: #303030;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: -0.44px;
}
.renewal_reportDetail .InfoBox .info_text ul> li::before{
	content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #303030;
}
.renewal_reportDetail section .Title_3{
	font-size: 14px;
	color: #303030;
	font-weight: 600;
	line-height: 12px;
}
.renewal_reportDetail .ReadOnly{
	color: #a6a6a6;
    pointer-events: none;
    background: #e1e1e1;
    border-color: #a6a6a6;
}
.renewal_reportDetail .select{
    width: 100%;
   margin-top: 8px;
}
.renewal_reportDetail .select .selected{
	display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    padding: 12px 16px;
    color: #A6A6A6;
    font-size:14px;
    font-weight: 500;
    line-height: 14px;
}
.renewal_reportDetail .ellipsis{
	max-width: 235px;
}
.renewal_reportDetail .bottom_modal .BottomSheetSelectBtnList button.option {
	line-height: 1.3;
	white-space: pre-line;
}

.ButtonBox_1 > ul > li > button .Icon.chat{
	position: absolute;
	top: 3px;
	right: 3px;
}

/*알림 UI 변경*/
.setting .info_box{
	margin-bottom: 20px;
	padding: 12px 10px;
	text-align: center;
	background: #e1e1e1;
	border-radius: 8px;
}
.setting .info_box .Txt1{
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.setting .info_box .Txt2{
	padding-top: 3px;
	color: #767676;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}
.setting .info_box .Txt3{
	color: #767676;
	font-size: 11px;
	font-weight: 400;
}
.setting .title{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.setting .sub_title{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}
.setting .line{
	border: 1px solid #ebebeb;
	margin: 10px -55px 10px 0;
}
.setting .flex{
	flex-direction: column;
    gap: 20px;
}
.noti_filter_section{
	margin-top : 20px;
}
.noti_filter_section .filter{
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 8px;
}
.noti_info_section .info_box{
	margin-top: 8px;
	border-radius: 8px;
	background: rgba(255, 56, 56, 0.05);
	padding: 8px 12px 8px 16px;
}
.noti_info_section .info_box .title{
	color: #303030;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	gap: 4px;
}
.noti_info_section .info_box .CenterBetween{
	width: 100%;
}
.setting_list .NotiItemList_1 .all_message_box{
	margin-bottom: 8px;
}
.setting_list .NotiItemList_1 .NotiItem_1{
	opacity: 0.5;
}
.setting_list .NotiItemList_1 .NotiItem_1.On{
	opacity: 1;
}
.setting_list .NotiItemList_1  ul > li .Txt1{
	font-weight: 500;
}
.setting_list .info_box{
	padding-top: 30px;
	text-align: center;
}
.setting_list .info_box .info_message{
	color: #a6a6a6;
	font-size: 11px;
	font-weight: 400;
	line-height: 14px;
}

/* 메인 개편 */
.nav_Modal{
	display: none;
    background:#000;
    opacity: 0.4;
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.renewal_main_header .TopActionBar_1{
	height: 52px;
	background: #fff;
}
.renewal_main_header .TopActionBar_1 .Sec0{
	z-index: unset;
}
.renewal_main_header .TopActionBar_1 .PageTitle{
	position: static;
	color: #202020;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
.renewal_main_header .TopActionBar_1 .toggle_nav_box{
	display: none;
	position: absolute;
	top: 45px;
	left: 16px;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    z-index:101;
}
.renewal_main_header .TopActionBar_1 .toggle_nav_box ul li:first-child{
	margin-bottom: 13px;
}
.renewal_main_header .TopActionBar_1 .toggle_nav_box ul li a{
	color: #d6d8dc;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.renewal_main_header .AutoCompleteBox_1{
	padding-left: 10px;
	display: block;
	height: 48px;
}
.renewal_main_header .AutoCompleteBox_1 button{
	width: auto;
	display: flex;
    align-items: center;
    justify-content: center;
}
.renewal_main_header .AutoCompleteBox_1 button .Txt1{
	color: #a6a6a6;
	font-size: 14px;
	line-height: 14px;
	padding: 16px 5px;
}
.renewal_main_header .TabBar_1{
	height: 52px;
	padding: 0 20px;
}
.renewal_main_header .TabBar_1 > button{
	height: 52px;
	font-size: 15px;
	padding-bottom: 16px;
	align-items: flex-end;
	flex: 1 0 0;
	color: #989898;
}
.renewal_main_header .TabBar_1 > button.On{
	color: #202020;
}
.renewal_main_header .TabBar_1 > button.On:after{
	background-color: #202020;
}
.renewal_main .main_top_slide{
	margin: 15px 0 28px;
	overflow: hidden;
}
.renewal_main .main_top_slide .ImgBox_1{
	border: none;
	border-radius: 20px;
}
.slide-container-main .slick-slide {
	margin: 0 6px;
}
.renewal_main .main_top_slide .swiper-container{
	position: relative;
}
.renewal_main .main_top_slide .custom-pagination { 
	width: auto;
	position: absolute; 
    bottom: 2.5rem; 
    right: 3.5rem;
    background: rgba(255, 255, 255, 0.10); 
    padding: 2px 8px; 
    border-radius: 99px; 
    color: #fff; 
    font-size: 12px; 
    line-height: 1.5; 
    z-index: 12;
} 
.renewal_main .main_top_slide .custom-pagination .swiper-pagination-current{
	font-weight: 600;
}
.renewal_main .main_top_category .button_slide{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.renewal_main .main_top_category .button_slide .Icon{
	 width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
	background: #f4f4f4;
    padding: 8px;
    border-radius: 20px;
}
.renewal_main .main_top_category .button_slide .Icon img{
	width: 36px;
}
.renewal_main .main_top_category .button_slide .Label{
	color: #303030;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.renewal_main .week_top_product .TitleBox_1,
.renewal_main .hot_deal_product .TitleBox_1,
.renewal_main .new_product .TitleBox_1{
	padding-bottom: 12px;
}
.renewal_main .week_top_product .TitleBox_1 .Text_1,
.renewal_main .hot_deal_product .TitleBox_1 .Text_1,
.renewal_main .new_product .TitleBox_1 .Text_1{
	letter-spacing: -0.72px;
	line-height: 26px;
	font-size: 19px;
}
.renewal_main .week_top_product .TitleBox_1 .Text_1 .Color1,
.renewal_main .hot_deal_product .TitleBox_1 .Text_1 .Color1,
.renewal_main .new_product .TitleBox_1 .Text_1 .Color1{
	font-weight: 600;
}
.renewal_main .week_top_product .TitleBox_1 .ButtonUi.Style12,
.renewal_main .hot_deal_product .TitleBox_1 .ButtonUi.Style12,
.renewal_main .new_product .TitleBox_1 .ButtonUi.Style12{
	color: #989898;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	padding-right: 0;
	letter-spacing: -0.48px;
}
.renewal_main .week_top_product .ImgBox_1,
.renewal_main .hot_deal_product .ImgBox_1,
.renewal_main .new_product .ImgBox_1{
	border: 1px solid #eceef2;
	background: #fff;
	aspect-ratio: 1/1;
}
.renewal_main .week_top_product .ImgBox_1 img,
.renewal_main .hot_deal_product .ImgBox_1 img,
.renewal_main .new_product .ImgBox_1 img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.renewal_main .week_top_product .ProductInfo_1 .Txt1,
.renewal_main .hot_deal_product .ProductInfo_1 .Txt1,
.renewal_main .new_product .ProductInfo_1 .Txt1{
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 4px;
	letter-spacing: -0.11px;
}
.renewal_main .week_top_product .ProductInfo_1 .Txt2,
.renewal_main .hot_deal_product .ProductInfo_1 .Txt2,
.renewal_main .new_product .ProductInfo_1 .Txt2{
	line-height: 16px;
	letter-spacing: -0.12px;
}
.renewal_main .week_top_product .ProductInfo_1 .Txt3,
.renewal_main .hot_deal_product .ProductInfo_1 .Txt3,
.renewal_main .new_product .ProductInfo_1 .Txt3{
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: -0.11px;
}
.renewal_main .week_top_product .ProductInfo_1 .Txt4,
.renewal_main .hot_deal_product .ProductInfo_1 .Txt4,
.renewal_main .new_product .ProductInfo_1 .Txt4{
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: -0.11px;
}
.renewal_main .week_top_product .ProductInfo_1 .Txt5,
.renewal_main .hot_deal_product .ProductInfo_1 .Txt5,
.renewal_main .new_product .ProductInfo_1 .Txt5{
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
	margin-top: 8px;
	letter-spacing: -0.11px;
}
.renewal_main .week_top_product{
	margin: 40px 0 ;
}
.renewal_main .hot_deal_product{
	background: #f5f6f8;
    padding: 20px 0 24px;
}
.renewal_main .hot_deal_product .swiper.ProductSwiper_1{
	padding: 20px 14px;
    background: #fff;
    margin: 0 20px;
    border-radius: 16px;
    box-shadow: 0 1px 7px 0 #ecedf0;
}
.renewal_main .hot_deal_product .hotdeal_badge{
	position: absolute;
    top: 2px;
    left: 2px;
}
.renewal_main .hot_deal_product .hotdeal_badge .badge_txt{
	position: absolute;
    top: 14px;
    left: 0;
    text-align: center;
    width: 42px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 11px;
}
.renewal_main .brand_rank{
	margin: 40px 0;
}
.renewal_main .brand_rank .Txt1{
	width: 28px;
	color: #989898;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
}
.renewal_main .brand_rank .Txt2{
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
}
.renewal_main .brand_rank .RankingList_1{
	margin-top: 22px;
}
.renewal_main .brand_rank .RankingList_1 ul > li{
	padding:0 0 12px ;
}
.renewal_main .brand_rank .RankingList_1 ul > li .Arrow{
	margin-left: 4px;
}
.renewal_main .new_product .ImgBox_1 .Rank{
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	line-height: 12px;
	top: 4px;
	left: 4px;
	color: #6f6f6f;
	background: #eceef2;
}
.renewal_main .new_product .ImgBox_1 .Rank.Rank1{
	color: #fff;
	padding: 5px 7px;
	background: #fa0404;
}
.renewal_main .bottom_floating{
	position: fixed;
	right: 16px;
	bottom: 80px;
	z-index: 10;
}
.renewal_main .bottom_floating .floating_bg{
	width: 56px;
	display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    height: 44px;
   	background: #da4634;
	border-radius: 24px;
	transition: .6s all;
}
.renewal_main .bottom_floating .floating_bg.active{
	width: 129px;
}
.renewal_main .bottom_floating .floating_bg .floating_logo{
	width: 24px;
}
.renewal_main .bottom_floating .floating_bg .floation_txt{
	opacity: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
}
.renewal_main .bottom_floating .floating_bg.active .floation_txt{
	opacity: 1;
}
.renewal_main_footer .BottomNavi_1{
	padding: 8px 20px 10px;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.08);
}
.renewal_main_footer .BottomNavi_1 .Icon img{
	width: 28px;
	height: 28px;
}
.renewal_main_footer .BottomNavi_1 button .Label{
	margin-top: 2px;
	color: #a6a6a6;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.5;
}
.renewal_main_footer .BottomNavi_1 button.On .Label{
	color: #303030;
	font-weight: 600;
}

/* 가이드 페이지 */
.guide .top_section {
	padding: 32px 0 20px;
}
.guide .top_section .TitleBox_1 .Text_1{
	color: #303030;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: -0.72px;
}
.guide .top_section .TitleBox_1 .Text_1 span{
	font-weight: 600;
}
.guide .top_section .img_box{
	padding: 20px 0;
}
.guide .top_section .Txt1{
	text-align: center;
	color: #303030;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.64px;
}
.guide .bottom_section{
	padding-top: 20px;
}
.guide .bottom_section h2{
	color: #303030;
	font-size: 28px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: -1.12px;
}
.guide .bottom_section .slide_btnBox{
	margin: 16px 0 12px;
	padding: 10px 0;
}
.guide .bottom_section .slide_btnBox > div{
	gap: 8px;
	text-align: center;
}
.guide .bottom_section .slide_btnBox button{
	width: 100px;
    padding: 5px 10px;
    background: #d9d9d9;
    border-radius: 30px;
    color: #303030;
    font-size: 14px;
    line-height: 18px;
}
.guide .bottom_section .slide_btnBox button.active{
	background: #ff3838;
	color: #fff;
}
.slide_section{
	display: none;
}
.slide_section.active{
	display: block;
}
.slide_section .swiper .slide_box{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
	padding: 40px 24px 42px;
    border-radius: 16px;
    border: 1px solid #ebebeb;
    background: #fff;
}
.slide_section .swiper .slide_box .img_box{
	display: flex;
    justify-content: center;
    align-items: center;
}
.slide_section .swiper .slide_box .img_box img{
	width: 50%;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.slide_section .swiper .slide_box .txt_box{ 
	display: flex;
	height: 69px;
	text-align: center;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-bottom: 24px;
}
.slide_section .swiper .slide_box .txt_box .Txt1{ 
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: -0.72px;
}
.slide_section .swiper .slide_box .txt_box .Txt2{ 
	color: #767676;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.56px;
}
.slide_section .swiper .swiper-pagination{
	position: absolute;
    transform: translateX(-50%);
    bottom: 30px;
    left: 50%;
}
.slide_section .swiper .swiper-pagination .swiper-pagination-bullet-active{
	background: #ff3838;
}

.open_event_pop{
	width: 86%;
}
.text_pop{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86%;
    z-index: 112;
}
.text_pop_top{
	text-align: center;
	padding: 18px 24px 24px;
    background: #fff;
    border-radius: 8px;
}
.text_pop_top .txt_top{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.text_pop_top .txt_top p{ 
	color: #A6A6A6;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: -.28px;
}
.text_pop_top .txt_top h2{
	color:#303030;
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: -.36px;
}
.text_pop_top .line{
	border: 1px solid #ebebeb;
	margin: 16px 0;
}
.text_pop_top .txt_bottom{
	height: 278px;
    overflow-y: scroll;
    word-break: keep-all;
    padding-right: 10px;
}
.text_pop_top .txt_bottom p{
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}
.text_pop_bottom{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
}

.guide_withdraw{
	padding-bottom: 0;
}

.newsletter .title_img{
	width: 50%;
	margin: 32px auto 16px;
}
.newsletter .text_1{
	color: #303030;
	font-size: 21px;
	font-weight: 700;
	line-height: 29px;
	margin-bottom: 26px;	
}
.newsletter .text_2{
	color: #303030;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 32px 0 12px;
}
.newsletter .ProductItem_1{
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 17px;
	border: 1px solid #EBEBEB;
	border-radius: 8px;
	background: #fff;
	margin-bottom: 8px;
}
.newsletter .ProductItem_1 .ImgBox_1{ 
	width: 100px;
    height: 100px;
    border: 1px solid #ECEEF2;
    background: #fff;
}
.newsletter .ProductItem_1 .ProductInfo_1 .Txt1{ 
	font-size: 12px;
	line-height: 16px;
}
.newsletter .ProductItem_1 .ProductInfo_1 .Txt2{ 
	margin-top: 2px;
	font-size: 14px;
	line-height: 18px;
}
.newsletter .ProductItem_1 .ProductInfo_1 .Txt3{ 
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: -0.28px;
}
.newsletter .ProductItem_1 .ProductInfo_1 .Txt4{ 
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.28px;
}
.newsletter .ProductItem_1 .ProductInfo_1 .Txt5{ 
	margin-top: 5px;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
	letter-spacing: -0.11px;
}
.newsletter .Btn_9 .ButtonUi.Style4{
	font-size: 14px;
}

.employeePick .visual_section{
	position: relative;
}
.employeePick .visual{
	height: 312px;
	background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0.00) 58.65%);
}
.employeePick .visual_section .visual .visual_img{
	display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.employeePick .visual_section .visual .TitleBox_1{
	position: absolute;
	top: 48px;
	left: 24px;
}
.employeePick .visual_section .visual .TitleBox_1 .sub_title_box{
	display: inline-flex;
    padding: 0 6px 0 8px;
    border-radius: 99px;
    background: #f96666;
}
.employeePick .visual_section .visual .TitleBox_1 .sub_title_box .sub_title{
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: -.56px;
}
.employeePick .visual_section .visual .TitleBox_1 .title_img{ 
	margin: 12px 0;
}
.employeePick .visual_section .visual .TitleBox_1 .Txt1{
	color: #303030;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.64px;
}
.employeePick .visual_section .visual .TitleBox_1 .Txt1.line{
	background: url('https://image.cultureland.co.kr/upload/web/etc/text_deco_line.png') no-repeat left 90%;
    background-size: auto 8px;
    padding-bottom: 4px;
}
.employeePick .visual_section .visual .TitleBox_1 .Txt1 span{
	font-weight: 700;
}
.employeePick .pick_section1{
	position: relative;
	border-radius: 20px 20px 0 0;
	background: linear-gradient(180deg, #FEE 0%, #FFF 79.81%);
}
.employeePick .pick_section1 .element_img_01{
	position: absolute;
	top: -25px;
	left: 145px;
}
.employeePick .pick_section1 .element_img_02{
    position: absolute;
    top: 145px;
    right: 15px;
}
.employeePick .pick_section1 .TitleBox_1{
	display: flex;
    justify-content: center;
    align-items: center;
   	gap: 24px;
	margin-top: 24px;
	padding: 16px;
	border-radius: 16px;
	background: #fff;
	box-shadow:  0 0 16px 0 rgba(0, 0, 0, 0.10);
}
.employeePick .pick_section1 .TitleBox_1 .profile_img{
	width: 88px;
    height: 88px;
    background: #ffe4e4;
    border-radius: 99px;
    overflow: hidden;
}
.employeePick .pick_section1 .TitleBox_1 .text_box,
.employeePick .pick_section2 .TitleBox_1 .text_box{
	position: relative;
}
.employeePick .pick_section1 .TitleBox_1 .text_box::before{
  	content:"";
  	position:absolute;
  	left:-17px;
  	top:0;
  	width: 10px;
  	height: 8px;
  	background: url('https://image.cultureland.co.kr/upload/web/etc/quote_start.png') no-repeat;
	background-size: 10px 8px;
}
.employeePick .pick_section1 .TitleBox_1 .text_box::after{
  	content:"";
  	position:absolute;
  	right:0;
  	bottom:0;
  	width: 10px;
  	height: 8px;
  	background: url('https://image.cultureland.co.kr/upload/web/etc/quote_end.png') no-repeat;
	background-size: 10px 8px;
}
.employeePick .pick_section1 .TitleBox_1 .text_box .Txt1,
.employeePick .pick_section2 .TitleBox_1 .text_box .Txt1{
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.5px;
	letter-spacing: -.56px;
}
.employeePick .pick_section1 .TitleBox_1 .text_box .Txt1 span,
.employeePick .pick_section2 .TitleBox_1 .text_box .Txt1 span{
	font-weight: 600;
}
.employeePick .pick_section1 .Text1,
.employeePick .pick_section2 .Text1{
	margin: 20px 0 16px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #303030;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: -.64px;
}
.employeePick .pick_section1 .product_box,
.employeePick .pick_section2 .product_box{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
}
.employeePick .pick_section1 .product_box .ProductInfo_1,
.employeePick .pick_section2 .product_box .ProductInfo_1{
	background: none;
}
.employeePick .pick_section1 .product_box .ProductInfo_1 .Txt1,
.employeePick .pick_section2 .product_box .ProductInfo_1 .Txt1{
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 4px;
	letter-spacing: -0.11px;
}
.employeePick .pick_section1 .product_box .ProductInfo_1 .Txt2,
.employeePick .pick_section2 .product_box .ProductInfo_1 .Txt2{
	line-height: 16px;
	letter-spacing: -0.12px;
}
.employeePick .pick_section1 .product_box .ProductInfo_1 .Txt3,
.employeePick .pick_section2 .product_box .ProductInfo_1 .Txt3{
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: -0.11px;
}
.employeePick .pick_section1 .product_box .ProductInfo_1 .Txt4,
.employeePick .pick_section2 .product_box .ProductInfo_1 .Txt4{
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: -0.11px;
}
.employeePick .pick_section1 .product_box .ProductInfo_1 .Txt5,
.employeePick .pick_section2 .product_box .ProductInfo_1 .Txt5{
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
	margin-top: 8px;
	letter-spacing: -0.11px;
}

.employeePick .pick_section2{
	margin-top: 60px;
	position: relative;
	border-radius: 20px 20px 0 0;
	background: linear-gradient(180deg, #E1F1F9 0%, #FFF 80%);
}
.employeePick .pick_section2 .element_img_03{
	position: absolute;
	top: -25px;
	left: 90px;
}
.employeePick .pick_section2 .element_img_04{
    position: absolute;
    top: 130px;
    right: 15px;
}
.employeePick .pick_section2 .TitleBox_1{
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 17px;
	margin-top: 24px;
	padding: 16px;
	border-radius: 16px;
	background: #fff;
	box-shadow:  0 0 16px 0 rgba(0, 0, 0, 0.10);
}
.employeePick .pick_section2 .TitleBox_1 .profile_img{
	width: 88px;
    height: 88px;
    background: #E1F1F9;
    border-radius: 99px;
    overflow: hidden;
   	align-items: flex-end;
}
.employeePick .pick_section2 .TitleBox_1 .text_box::before{
  	content:"";
  	position:absolute;
  	left:-17px;
  	top:0;
  	width: 10px;
  	height: 8px;
  	background: url('https://image.cultureland.co.kr/upload/web/etc/quote_start.png') no-repeat;
	background-size: 10px 8px;
}
.employeePick .pick_section2 .TitleBox_1 .text_box::after{
  	content:"";
  	position:absolute;
    right: -7px;
    bottom: 13px;
  	width: 10px;
  	height: 8px;
  	background: url('https://image.cultureland.co.kr/upload/web/etc/quote_end.png') no-repeat;
	background-size: 10px 8px;
}
.employeePick .pick_section2 .Btn_9{
	margin-top: 60px;
}

/* 320px 이상 화면*/
@media screen and (min-width: 350px) {
    .ButtonList_1 button .Label {
        letter-spacing: 0em;
    }
    #blockNoGoods .ButtonUi.Style4 {
        font-size: 14px;
    }
}

/* 280px - 320px 이하 화면*/
@media screen and (min-width: 280px) {
    .ButtonList_1 button .Label {
        letter-spacing: -0.05em;
    }
    .ButtonUi.Style4 {
        font-size: 13px;
    }
    .ButtonList_1 {
        gap: 10px 5px;
    }
    .ButtonList_2 {
        gap: 13px 13px;
    }
}


/* 400px 이상 화면*/
@media screen and (min-width: 400px) {
    .pop_slide_box {
        width: 70%;
    }
    .pop_slide_box .swiper-slide img {
        width: 90%;
        margin: 0 auto;
    }
    .pop_slide_bottom {
        margin-top: 20px;
    }
}

/* 500px 이상 화면*/
@media screen and (min-width: 500px) {
    .pop_slide_box {
        width: 50%;
    }
    .pop_slide_box .swiper-slide img {
        width: 90%;
        margin: 0 auto;
    }
    .pop_slide_bottom {
        margin-top: 20px;
    }
    .LayerPopup.Bottom {
        width: auto;
    }
    .LayerPopup.bottom_modal {
        width: auto;
    }
    .BottomSheet_1 {
        width: 360px;
    }
    .pold_minsize {
        width: 60% !important;
        margin: 0 auto;
    }
    .pold_pxsize {
        width: 280px !important;
        margin: 0 auto;
    }
    .BankAccountSwiper_1 {
        padding-left: 20px;
    }
    .BankAccountSwiper_1 .swiper-slide {
        width: 47.5%;
    }
    .withdraw_img {
        width: 15%;
    }
    .br_del {
        display: none;
    }
    .PictureList_1 > ul {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .Cover_230804112023 {
        width: 280px;
        left: 50%;
        transform: translateX(-50%);
    }
    .pold_minsize .ButtonList_3 {
        padding: 0;
    }
    .ButtonList_2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 30px 44px;
    }
    .main_top_category .HBox > .Inner {
        margin: 0px 21px;
    }
    .main_top_category .ButtonList_1 {
        justify-items: center;
    }
    .main_top_category .ButtonList_1 button {
        width: 66px;
    }
    .ButtonList_3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .BannerSwiper_2 {
        width: 85%;
    }
    #brandRefresh.pold_minsize {
        width: 80% !important;
    }
    .open_event_pop {
        width: 50%;
    }
    .buy_tipbox .tip_inner .inner_content.middle .middle_content img {
        width: 60%;
        margin: 0 auto;
    }
}


@keyframes buytoastani {
  from {
	  opacity: 0;
  }
  to{
	  opacity: 1;
  }
}

@keyframes toastani {
    0% {
        bottom: 20px;
    }
    25% {
        bottom: 100px;
    }
    50% {
        bottom: 100px;
    }
    75% {
        bottom: 100px;
    }
    100% {
        bottom: 20px;
    }
}

@keyframes buytoastaniUp {
    from {
	  opacity: 0;
  	}
  	to{
	  opacity: 1;
  	}
}

@keyframes toastaniUp {
    0% {
        bottom: 100px;
    }
    25% {
        bottom: 180px;
    }
    50% {
        bottom: 180px;
    }
    75% {
        bottom: 180px;
    }
    100% {
        bottom: 100px;
    }
}

@keyframes toastani-2 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 91px;
    }
    50% {
        bottom: 91px;
    }
    75% {
        bottom: 91px;
    }
    100% {
        bottom: 0px;
    }
}

@keyframes toastani-3 {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 75px;
    }
    50% {
        bottom: 75px;
    }
    75% {
        bottom: 75px;
    }
    100% {
        bottom: 0px;
    }
}

@keyframes chatSlideLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-70px);
    }
}

@keyframes chatSlideRight {
    0% {
        transform: translateX(-70px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes up_down_ani {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes center_up_down_ani {
    0% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -5px);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

@keyframes opacityani {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes loading_dotted {
    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        opacity: 1;
    }
}

@keyframes abPopFadeIn {
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0px);
    }
}

@keyframes abPopInfinite {
    25% {
        transform: translateX(-50%) translateY(-1px);
    }
    50% {
        transform: translateX(-50%) translateY(1px);
    }
    75% {
        transform: translateX(-50%) translateY(-1px);
    }
    100% {
        transform: translateX(-50%) translateY(1px);
    }
}

.ImgBox_1 .userSale {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
}


/*# sourceMappingURL=global.css.map */