@charset "utf-8"; /* reset */
/* who307 240627 */
/*----------------------------------------------------------------------------font css----------------------------------------------------------------------------*/
@font-face { font-family: 'Noto Sans KR'; font-weight: 200; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Thin.woff"); } 
@font-face { font-family: 'Noto Sans KR'; font-weight: 300; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Light.woff"); } 
@font-face { font-family: 'Noto Sans KR'; font-weight: 400; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Regular.subset.woff2"); } 
@font-face { font-family: 'Noto Sans KR'; font-weight: 500; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Medium.subset.woff2"); } 
@font-face { font-family: 'Noto Sans KR'; font-weight: 700; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Bold.subset.woff2"); } 
@font-face { font-family: 'Noto Sans KR'; font-weight: 900; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-ExtraBold.subset.woff2"); } 

@font-face { font-family: 'Noto Sans SC'; font-weight: 900; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Black.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 800; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-ExtraBold.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 700; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Bold.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 600; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-SemiBold.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 500; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Medium.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 400; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Regular.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 300; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Light.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 200; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-ExtraLight.woff2'); } 
@font-face { font-family: 'Noto Sans SC'; font-weight: 100; font-display: swap; src:url('https://img.malltail.com/goods_img/font/NotoSansSC-Thin.woff2'); } 

@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Black.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-ExtraBold.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Bold.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-SemiBold.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Medium.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Regular.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Light.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-ExtraLight.subset.woff2'); } 
@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Thin.subset.woff2'); } 

/*----------------------------------------------------------------------------reset css----------------------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin: 0; padding: 0; } 
html { width: 100%; height: 100%; font-size:10px; } 
body, button, pre { color: #000; font-size: 14px; line-height: 1.25; } 
h1, h2, h3, h4, h5, h6 { font-weight: normal; } 
img, fieldset { border: 0 none; } 
img { vertical-align: top; max-width: 100%; max-height:100%;} 
li { list-style: none; } 
hr, caption, legend { display: none; } 
a { color: #000; text-decoration: none; outline: none; } 
button { cursor: pointer; background-color: #fff; border:none; outline: none; } 
address, em { font-style: normal; } 
button, input, select, textarea, a { vertical-align: middle; font-family: "Pretendard", "Noto Sans KR", "Noto Sans SC", sans-serif; } 
input, select, textarea { color: #000; font-size: 14px; line-height: 1.25; font-family: "Pretendard", "Noto Sans KR", "Noto Sans SC", sans-serif; } 
select { position: relative; height: 18px; } 
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: auto; word-wrap: break-word; word-break: keep-all; } 
table img { vertical-align: middle; } 
.chk-rdo { width: 14px; height: 14px; vertical-align:-3px } 

.blind { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; color: transparent; } 
.ir * { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; color: transparent; } 
body { font-family: "Pretendard", "Noto Sans KR", "Noto Sans SC", sans-serif; } 
* { box-sizing: border-box; } 

/*----------------------------------------------------------------------------common css----------------------------------------------------------------------------*/
input,button,select { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } 
input[type='date'] { width:160px; border-radius: 5px; height: 42px; border: 1px solid #CCC; padding: 0px 12px 0px 12px; font-size: 14px; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 
input[type="date" i]::-webkit-calendar-picker-indicator { width: 18px; height: 18px; cursor: pointer; background-size: contain; padding: 0; } 
input[type='text'],input[type='number'],input[type='file'] { width:100%; border-radius: 5px; height: 42px; line-height: 40px; border: 1px solid #CCC; padding: 0px 12px 0px 12px; font-size: 14px; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 
input[type='text']:disabled, input[type='number']:disabled, input[type='file']:disabled { border:1px solid transparent; padding-left:0; } 
input[type='text']:read-only, input[type='number']:read-only, input[type='file']:read-only { border:1px solid transparent; } 
input[type='text']::placeholder,input[type='password']::placeholder,input[type='number']::placeholder,textarea::placeholder { color:#999; } 
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
input[type='number'] { -moz-appearance: textfield; } 

.textarea-field { width: 100%; } 
.textarea-field__wrapper { padding: 5px; border: 1px solid #ccc; border-radius: 5px; } 
textarea { width:100%; resize:none; border-radius: 5px; height: 98px; line-height: 150%; border: none; padding: 8px 9px 8px 9px; font-size: 16px; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 

.password-field__wrapper { display: flex; flex-direction: column; gap :10px; } 
.password-field__label { width: 100%; display:flex; align-items: center; border-radius: 5px; height: 50px; padding: 13px 14px; font-size: 16px; border: 1px solid #CCC; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; cursor: text; } 
input[type='password'] { width: 100%; border: none; height: 19px; font-size: 16px; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 
input[type='password']:not(:placeholder-shown) { font-family: Verdana; letter-spacing: -3px; font-size: 32px !important; padding-bottom: 2px; margin-left: -2px; } 

/* input checkbox radio css */
input[type='checkbox'] { width: 18px; height: 18px; position: relative; cursor : pointer; } 
input[type='checkbox']:before { content: ""; width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='checkbox']:checked:before { width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_active_D.svg); } 
input[type='checkbox'].checkboxRed:checked:before { width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_red_active_D.svg); } 
input[type='radio'] { width: 18px; height: 18px; position: relative; cursor : pointer; } 
input[type='radio']:before { content: ""; width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='radio']:checked:before { width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_active_D.svg); } 
input[type='radio']:disabled:before { content: ""; width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_disabled01_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='checkbox'].checkbox-rounded { width: 18px; height: 18px; position: relative; cursor : pointer; } 
input[type='checkbox'].checkbox-rounded:before { content: ""; width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='checkbox'].checkbox-rounded:checked:before { width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_radio_active_D.svg); } 
input[type='checkbox'].checkbox-type02 { width:24px; height:24px; } 
input[type='checkbox'].checkbox-type02:before { content: ""; width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/orders/checkbox_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='checkbox'].checkbox-type02:checked:before { width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/orders/checkbox_active_D.svg); } 
input[type='checkbox'].checkbox-disabled { width: 18px; height: 18px; position: relative; cursor :default; } 
input[type='checkbox'].checkbox-disabled:before { content: ""; width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_disable_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
input[type='file' i]::-webkit-file-upload-button { display: none; } 

/* input datepicker */
input[type='text'].date { width:160px; background-image: url(http://img.malltail.com/goods_img/contents/index/b2b_calendar_icon_D.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) 50%; padding-right: 30px; cursor: pointer; } 
input[type='text'].date::placeholder { color:#000; } 
input[type='text'].date:read-only { border:1px solid #CCC; padding-left:12px; } 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Pretendard", "Noto Sans KR"!important; } 
.ui-datepicker-trigger { display: none; } 
.ui-datepicker table thead { position: relative; } 
.ui-datepicker table thead::after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #E0E0E0; height: 1px; } 
.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
.ui-datepicker .ui-datepicker-header { position: relative; padding: 20px 0; background-color: #363C51; border-radius: 0; } 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; font-size: 14px!important; font-weight: 500!important; padding: 0!important; display: flex; align-items: center; justify-content: center; height: 30px; line-height: 1; } 
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; } 
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default, .ui-widget-header .ui-state-disabled .ui-state-default { color: #999!important; opacity: 1; } 
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 20px; padding: 0px; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; } 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { margin:0; border: none; width: fit-content; height: fit-content; color: #fff; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; outline: none; background-color: transparent; } 
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option { color: #000; font-size: 16px; } 
.ui-datepicker { display: none; background-color: #fff; border-radius: 10px; padding: 0; margin: 0; width: 360px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); overflow: hidden; /* position: fixed!important; *//* left: 50%!important; *//* top: 50%!important; *//* transform: translate(-50%,-50%); */margin-top: 10px; } 
.ui-widget.ui-widget-content { border: 1px solid #8D9199; } 
#datepicker:focus>.ui-datepicker { display: block; } 
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; top: 50%!important; transform: translateY(-50%); width: 30px!important; height: 30px!important; position: absolute; font-size: 0; } 
.ui-datepicker-next { right: 20px!important; transform: translateY(-50%) scaleX(-1); } 
.ui-datepicker-prev { left: 20px!important; } 
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
.ui-datepicker-calendar { width: 100%; margin-bottom: 0!important; padding: 10px!important; border-collapse: separate!important; border-spacing: 16px 10px; } 
.ui-datepicker-calendar>thead>tr>th { padding: 0; font-size: 20px; font-weight: 500; } 
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none; } 
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 30px; height: 30px; cursor: pointer; font-weight: 500!important; text-align: center; font-size: 12px; padding: 0; } 
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 
.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,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 
.ui-widget-header .ui-icon { background-image: url(//img.malltail.com/goods_img/contents/index/b2b_calendar_arrow_D.svg); } 
.ui-icon-circle-triangle-e { background-position: center; background-size: contain; width: 30px; height: 30px; margin: 0!important; position: absolute; left: 50%!important; top: 50%!important; transform: translate(-50%,-50%); display: block; } 
.ui-icon-circle-triangle-w { background-position: center; background-size: contain; width: 30px; height: 30px; margin: 0 !important; position: absolute; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); display: block; } 
.ui-datepicker-calendar>tbody>tr>td:first-child a { } 
.ui-datepicker-calendar>tbody>tr>td:last-child a { } 
.ui-datepicker-calendar>thead>tr>th:first-child { } 
.ui-datepicker-calendar>thead>tr>th:last-child { } 
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 0px; background: #363C51; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; color: #fff; } 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #2085FF; color:#fff; border-radius: 100%; } 
.inp { padding:10px 10px; background-color:#f1f1f1; border-radius:4px; border:0px; } 
.inp:focus { outline:none; background-color:#eee; } 

/* highChart tooltip */
.highcharts-tooltip dl { border-radius: 8px; border: 1px solid #D0D2D6; overflow: hidden; } 
.highcharts-tooltip dt { width:100%; height:40px; line-height:40px; padding: 0 16px; box-sizing:border-box; background: #F5F5F5; font-size:13px; color: #000; font-family: "Pretendard", "Noto Sans KR"; } 
.highcharts-tooltip dd { width:100%; padding:15px 20px; box-sizing:border-box; background: #fff; font-size:15px; line-height: 160%; color: #000; font-family: "Pretendard", "Noto Sans KR"; } 
.highcharts-tooltip dd p { line-height:27px; letter-spacing:-1px; padding-left: 20px; position: relative; } 
.highcharts-tooltip dd p::before { content: ""; position: absolute; left: 5px; top:11px; width:5px; height:5px; border-radius: 5px; background-color:#000; } 
.highcharts-tooltip dd .name { margin-right:4px; } 
path.highcharts-label-box.highcharts-tooltip-box { visibility: hidden; } 

.is-scroll-hidden { height:100%; min-height:100%; overflow:hidden !important; touch-action:none; } 
.is-blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin:-1px; overflow: hidden; text-indent:-9999px; } 
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 
.no-scrollbar::-webkit-scrollbar { display: none; } 
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; word-break: break-all; } 
.ellipsis-2nd { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } 
.essential { width:fit-content; position: relative; } 
.essential::after { content: "*"; color: rgb(255, 0, 34); font-size: 14px; position: absolute; top: 1px; right: -12px; font-weight: 500; line-height: 1; } 
.scrollbar-grey::-webkit-scrollbar { width: 6px; height:6px; } 
.scrollbar-grey::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ADB1BA; } 
.tilde-sign { width: 11px; font-size: 16px; } 

.file-upload { width: 100%; } 
.file-upload::-webkit-scrollbar { width: 6px; height:6px; } 
.file-upload::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ADB1BA; } 
.file-upload__label { width: fit-content; height: 100%; display: flex; align-items: center; font-weight: 600; cursor: pointer; line-height:1; gap: 6px; } 
.file-upload__button { border-radius: 5px; border: 1px solid #ccc; background-color: #eee; cursor: pointer; text-align: center; height:42px; padding: 0 13.5px; font-weight: 600; line-height:40px; } 
.file-upload__custom { width:220px; border-radius: 5px; height: 42px; line-height:40px; border: 1px solid #CCC; padding: 0px 12px 0px 12px; font-size: 14px; font-weight: 400; color: #999; position: relative; background-color: #fff; } 
.file-upload input[type='file'] { display: none; } 
.file-upload__img-list { display: inline-flex; align-items: center; flex-wrap: nowrap; gap:6px; width:100%; } 
.file-upload__img { display: inline-flex; width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 5px; border: 1px solid #E0E0E0; background-color: #F8F8F8; padding: 8px; flex: 0 0 80px; } 
.file-upload--large .file-upload__custom { width: calc(100% - 95.31px); height: 50px; font-size: 16px; line-height: 48px; } 
.file-upload--large .file-upload__label { width: 100%; gap: 10px; } 
.file-upload--large .file-upload__button { height:50px; line-height: 48px; font-size:16px; } 
.menual-button { display: flex; height: 32px; padding: 0px 10px; align-items: center; gap: 4px; border-radius: 5px; border: 1px solid #BDDAFE; background: rgba(189, 218, 254, 0.30); color: #2085FF; font-size: 14px; font-weight: 500; line-height: 1; } 

.check__button { border-radius: 5px; border: 1px solid #ccc; background-color: #eee; cursor: pointer; text-align: center; height:42px; padding: 0 13.5px; font-weight: 600; line-height:40px; } 

#app,#wrap { position: relative; } 
#malltailB2B-main { margin : 40px 40px 0 320px; min-width: 960px; position: relative; } 
#malltailB2B-main.snbCheck-true { transition:margin-left .5s; } 
#malltailB2B-main.snbCheck-false { padding-left:0; transition:padding-left 0s; } 

/* black dimmed layer */
#blackDimmedLayer { display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 998; } 

/* loading layer */
#loadingLayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 80%); z-index: 1000; } 
.loadingLayer__box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; gap:20px; align-items: center; } 
.loadingLayer__icon { background-image: url(//img.malltail.com/goods_img/contents/index/b2b_loading_icon_D.svg); width: 60px; height: 60px; animation: loadingRotate 2s linear infinite; } 
.loadingLayer__text { font-size: 16px; font-weight: 700; line-height: 150%; } 
@keyframes loadingRotate { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
 }

/* select custom made */
.select { position: relative; } 
.select__content { position: relative; width:160px; } 
.select__current { display: flex; cursor: pointer; border-radius: 5px; height: 42px; border: 1px solid #CCC; padding: 0px 22px 0px 12px; align-items: center; font-size: 14px; font-weight: 400; outline: none; color: rgb(0, 0, 0); position: relative; background-color: #fff; } 
.select__current::after { content: ""; width:22px; height:22px; right:14px; position:absolute; background: url(//img.malltail.com/goods_img/contents/index/b2b_expand_arrow_D.svg) 50% no-repeat; } 
.select__current.is-active::after { transform:scaleY(-1); } 
.select__current.is-active { border:1px solid #000; } 
.select__current .ellipsis { padding-right: 11px; } 
.select__list { position: absolute; top: 42px; width: 100%; display: none; z-index: 1; max-height:220px; overflow-y: auto; padding: 6px; border-radius: 5px; border: 1px solid #E0E0E0; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } 
.select__list::-webkit-scrollbar { width: 5px; height:5px; } 
.select__list::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ADB1BA; } 
.select__item { cursor: pointer; height: 30px; padding: 0 10px; line-height: 30px; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px; } 
/*.select__item:hover { background-color: #F2F3F5; } */
.select__item.is-active { background-color:#F2F3F5; } 
.select__current.is-active + .select__list { display: block; } 

.select__content.edit_field { width:220px; } 
.select__content.edit_field .select__current { border:0; height:30px; } 
.select__content.edit_field .select__current::after { content: none; } 

.select--large .select__list { top: 50px; padding: 6px; } 
.select--large .select__content { width: 100%; } 
.select--large .select__current { font-size: 16px; height: 50px; padding-left: 14px; } 
.select--large .select__item { height: 40px; line-height: 40px; font-size: 16px; padding-left: 12px; } 

/* button style */
.button-field__wrapper { display: flex; align-items: center; justify-content: center; gap:10px; } 
.button-basic { display: inline-flex; min-width: 80px; padding: 10px 13px; justify-content: center; align-items: center; gap: 4px; border-radius: 5px; background-color: #fff; font-weight: 600; height: 42px; line-height: 1; } 
.button-basic--border-grey { border: 1px solid #ccc; color: #666; } 
.button-basic--border-darkgrey { border: 1px solid #666; color: #666; } 
.button-basic--border-black { border: 1px solid #000; color: #000; } 
.button-basic--border-green { border: 1px solid #24AE5F; color: #24AE5F; } 
.button-basic--border-blue { border:1px solid #2276FC; color: #2276FC; } 
.button-basic--border-blue-strong { border:1px solid #2085FF; color: #2085FF; } 
.button-basic--border-orange { border:1px solid #FF9330; color: #FF9330; } 

.button-basic--bg-blue { background-color:#2276FC; color: #fff; } 
.button-basic--bg-green { background-color:#00C800; color:#fff; } 
.button-basic--bg-grey { background-color:#EEE; color:#000; border :1px solid #CCC; } 
.button-basic--small { width: 100%; height: 32px; font-size: 12px; min-width: 62px; font-weight: 400; } 
.button-basic--medium { width:100%; height:50px; font-size: 16px; } 
.button-basic--large { width:100%; height:62px; font-size:18px; font-weight: 700; } 
.button-basic--disabled { background-color:#eee; color:#999; cursor: default; } 

/* badge style */
.badge { padding: 3px 6px; border-radius: 5px; font-weight: 500; font-size: 10px; min-width: fit-content; color: #000; background-color: #eee; } 
.badge--blue { color: #2276FC; background-color: #E5F1FF; } 
.badge--red { color: #FF4330; background-color: #FFE9E7; } 

/* icons */
.search-icon { width: 22px; height: 22px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_search_icon_D.svg); background-repeat:no-repeat; } 
.check-icon { width: 22px; height: 22px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_check_icon_D.svg); background-repeat:no-repeat; } 
.excel-icon { width: 18px; height: 18px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_excel_icon_D.svg); background-repeat:no-repeat; } 
.alipay-icon { width: 18px; height: 18px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_alipay_icon_D.svg); background-repeat:no-repeat; } 
.wechatpay-icon { width: 18px; height: 18px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_wechatpay_icon_D.svg); background-repeat:no-repeat; } 
.textsms-icon { width: 18px; height: 18px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_textsms_icon_M.svg); background-repeat:no-repeat; } 
.setting-icon { width: 18px; height: 18px; background-size: contain; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_setting_icon_D.svg); background-repeat:no-repeat; } 

.excel-icon.ver2 {width:14px; height:14px;}

/*lnb tab*/
.lnb-tab-field__wrapper { margin-bottom: 40px; overflow: auto; } 
.lnb-tab-field__wrapper::-webkit-scrollbar { width: 5px; height:5px; } 
.lnb-tab-field__wrapper::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgb(204, 204, 204); } 
.lnb-tab-field__list { display: flex; align-items: center; gap: 6px; border-bottom:1px solid #000; /* overflow-x: auto; */ } 
.lnb-tab-field__item { position: relative; width: 146px; min-width: 100px; padding: 10px 20px; border-radius: 5px 5px 0px 0px; background-color: #F2F3F5; min-height: 41px; display: flex; align-items: center; border: 1px solid transparent; } 
.lnb-tab-field__all-close { position: relative; padding: 10px 20px; border-radius: 5px 5px 0px 0px; min-height: 41px; display: flex; align-items: center; border: 1px solid transparent; background-color: #BDDAFE4D; width: 40px; cursor: pointer; } 
.lnb-tab-field__all-close > .icon { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } 
.lnb-tab-field__item .subject { color: #8D9199; font-size: 14px; font-weight: 500; line-height: 1; padding-right: 16px; cursor:pointer; } 
.lnb-tab-field__item .close { width:18px; height:18px; background-image: url(//img.malltail.com/goods_img/contents/index/close_icon_D.svg); position: absolute; top:50%; right:20px; transform: translateY(-50%); cursor: pointer; filter: invert(58%) sepia(4%) saturate(493%) hue-rotate(182deg) brightness(98%) contrast(91%); } 
.lnb-tab-field__item .pin { width:18px; height:18px; background-image: url(//img.malltail.com/goods_img/contents/index/pin_icon_D.svg); position: absolute; top:50%; right:20px; transform: translateY(-50%); cursor: initial; filter: invert(58%) sepia(4%) saturate(493%) hue-rotate(182deg) brightness(98%) contrast(91%); } 
.lnb-tab-field__item.is-active { background-color: #fff; border: 1px solid #000; border-bottom: 1px transparent; } 
.lnb-tab-field__item.is-active::after { content: ""; width:100%; height:1px; background-color:#fff; position: absolute; left:0; bottom: -1px; } 
.lnb-tab-field__item.is-active .subject { color: #000; } 
.lnb-tab-field__item.is-active .close { filter: none; } 
.lnb-tab-field__item.is-active .pin { filter: none; } 

.lnb-title-field__wrapper { padding-bottom: 40px; } 
.lnb-title-field__header { margin-bottom:10px; display: flex; align-items: center; gap: 10px; } 
.lnb-title-field__header .title { color: #000; font-size: 24px; font-weight: 700; line-height: 150%; } 
.lnb-title-field__body .description .text { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom:6px; padding-left:21px; position: relative; } 
.lnb-title-field__body .description .text:last-of-type { margin-bottom:0; } 
.lnb-title-field__body .description .text::before { content: ""; width:5px; height:5px; border-radius: 5px; position: absolute; left: 7px; top: 8px; background-color:#666; } 

/* layout module */
.layout-module-container__wrapper { display : flex; flex-direction: column; gap : 40px 0; } 
.layout-module-container__wrapper--grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc((100% - 60px ) / 4), auto)); grid-gap: 20px; } 
.layout-module { width: 100%; } 
.layout-module__wrapper { border-radius: 10px; border: 1px solid #E0E0E0; background: #fff; height:100%; } 
.layout-module__header { padding: 13px 20px; } 
.layout-module__title-field { position: relative; display: flex; align-items: center; justify-content: space-between; } 
.layout-module__title-field .arrow { position: absolute; right:0; top:50%; transform: translateY(-50%); cursor: pointer; } 
.layout-module__title-field .arrow.is-active { transform: translateY(-50%) scaleY(-1); } 
.layout-module__title-field .result-count { color: #666; font-size: 14px; line-height: 140%; padding-left: 4px; font-weight: 400; } 
.layout-module__title-field .collection-result-count { color: #2085FF; font-size:16px; font-weight:700; } 
.layout-module__title { color: #000; font-size: 16px; font-weight: 700; line-height: 150%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; word-break: break-all; margin-right: 15px; } 
.layout-module__title .icon-arrow img { transform: rotate(-90deg); } 
.layout-module__body { border-top:1px solid #E0E0E0; } 
.layout-module__content { padding:20px; } 

.refresh { cursor: pointer; color:#666; display: inline-flex; gap: 6px; line-height: 1; flex-direction: column; align-items: flex-end; flex: 0 0 auto; } 
.refresh__container { display: inline-flex; align-items: center; gap: 4px; } 

/* search-module */
.search-module__wrapper { margin-bottom:40px; } 
.search-module__content { } 
.filter__list { display: flex; gap: 20px; flex-wrap: wrap; } 
.filter__item { display: flex; align-items: start; gap: 10px; height: fit-content; flex: 0 0 calc(50% - 10px); } 
.filter__name { width:140px; flex: 0 0 140px; font-weight: 500; height: 42px; display: flex; align-items: center; } 
.filter__value { display: flex; align-items: center; gap:10px; width:100%; flex-wrap: wrap; } 

/* autocomplete*/
.autocompleteField { width: 100%; position: relative; } 
.autocompleteField__header input[type='text']::placeholder { color: #000; } 
.autocompleteField__header { position: relative; } 
.autocompleteField__header input[type='text'] { padding-right:35px; } 
.autocompleteField__header.active input[type='text'] { border : 1px solid #000; } 
.autocompleteField__search { width: 22px; height: 22px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_search_icon_D.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); filter: invert(15%) sepia(0%) saturate(1834%) hue-rotate(176deg) brightness(107%) contrast(88%); } 
.autocompleteField__body { width:100%; padding: 10px 0; display: none; position: absolute; top: 42px; z-index: 1; border-radius: 5px; border: 1px solid #E0E0E0; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); } 

.autocomplete { max-height:150px; overflow: auto; } 
.autocomplete::-webkit-scrollbar { width: 6px; } 
.autocomplete::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ADB1BA; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } 
.autocomplete__item { padding: 6px 14px 6px 40px; cursor: pointer; position: relative; } 
.autocomplete__item.is-active, .autocomplete__item:hover { background-color: #F8F8F8; } 
.autocomplete__item::before { content: ""; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); background-image: url( http://img.malltail.com/goods_img/contents/orders/check_grey_icon_D.svg); width: 18px; height: 18px; background-size: contain; } 
.autocomplete__item.is-active::before,.autocomplete__item:hover::before { background-image: url( http://img.malltail.com/goods_img/contents/orders/check_blue_icon_D.svg); } 
.autocomplete__nodata { padding: 6px 14px; position: relative; color: #888; font-size: 14px; } 

/* table module */
.table-module__wrapper { padding-bottom : 20px; } 
.table-module__utility { display: flex; align-items: center; justify-content: space-between; margin-bottom:20px; } 
.table-module__utility .utility-content { display: flex; align-items: center; gap: 10px; } 
.table-module__content { overflow-x: auto; } 
.table-module__content.sticky {position: relative;}
.table-module__content::-webkit-scrollbar { width: 5px; height:5px; } 
.table-module__content::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #ccc; } 
.table-module__content--overflow-visible {overflow: visible;}
.table-module__button-field { display: flex; align-items: center; gap:6px; justify-content: center; } 
.table-module__button { display: inline-flex; padding: 10px 14px; justify-content: center; align-items: center; gap: 4px; border-radius: 5px; background-color: #fff; font-weight: 600; height: 42px; line-height: 1; border:1px solid #ccc; word-break: keep-all; } 
.table-module__button--bg-red { background-color:#FF4330; color:#fff; border : 1px solid transparent; } 
.table-module__button--bg-black { background-color:#34373F; color:#fff; border : 1px solid transparent; }
.table-module__button--bg-blue { background-color:#2085FF; color:#fff; border : 1px solid transparent; } 
.table-module__button--border-blue { color:#2085FF; border :1px solid #2085FF; } 
.table-module__button--border-lightgrey { border :1px solid #ccc; color:#000; } 
.table-module__button--border-grey { border : 1px solid #666; color:#666; } 
.table-module__button--border-mint { border : 1px solid #00CBA4; color:#00CBA4; } 
.table-module__button--border-red { border : 1px solid #FF4330; color:#FF4330; } 
.table-module__button--border-black { border : 1px solid #000; color:#000; } 
.table-module__button--border-green { border : 1px solid #24AE5F; color:#24AE5F; } 
.table-module__button--border-orange { border : 1px solid #FF9330; color:#FF9330; } 
.table-module__button--small { padding:6px 10px; height:32px; font-size: 12px; font-weight: 400; } 
.table-module__button--middle {min-width:80px; font-weight:500;}
.table-module__button--disabled { border : 1px solid #E0E0E0; background-color:#F8F8F8; color:#999; cursor: initial; } 

.table { display: table; width: 100%; table-layout: auto; border-collapse: collapse; } 
.table--layout-fixed { table-layout: fixed;}
.table__colgroup { display: table-column-group; } 
.table__column { display: table-column; } 
.table__header { display: table-header-group; } 
.table__body { display: table-row-group; } 
.table__footer { display: table-footer-group; } 
.table__row { display: table-row; width: 100%; border-bottom: 1px solid #E0E0E0; height: 50px; } 
.table__row.is-selected { background-color: rgba(189, 218, 254, 0.30); } 
.table__row.is-selected .sticky-cell { background-color: #EBF4FF !important; } 
.table__row.is-danger { background-color: #FFE9E7; } 
.table__row.is-danger input[type='checkbox']:checked:before { width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_checkbox_red_active_D.svg); } 
.table__cell { display: table-cell; padding: 5px 10px; vertical-align: middle; text-align: center; color: #000; font-size: 14px; position: relative; max-width: 140px; } 
.table__cell--border-r { border-right:1px solid #E0E0E0; } 
.table__cell--border-l { border-left:1px solid #E0E0E0; } 
.table__cell .essential { margin-right:11px; } 
.table__content { width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; word-break: break-all; line-height: 150%; } 
.table__icon-field { position: relative; display: flex; align-items: center; justify-content: center; height: 24px; gap: 5px; } 
.table__photo-box { height:80px; margin: 5px 0; } 
.table__photo { width: 80px; height: 80px; border: 1px solid #E0E0E0; background: #FFF; display: flex; align-items: center; justify-content: center; border-radius: 4px; margin: 0 auto; overflow: hidden;} 
.table__photo--zoomed { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:300px; height:300px; z-index: 10; } 
.table__row:first-of-type .table__photo--zoomed { top:0; bottom: 0; transform:translate(-50%, 0); } 
.table__row:last-of-type .table__photo--zoomed { top:auto; bottom:0; transform:translate(-50%, 0); } 

.table input[type='text'], .table input[type='number'], .table input[type='file'], .table .select__current { font-size:12px; height:32px; line-height: 30px; } 
.table .select__current::after { right:12px; } 
.table .select__content { width:100%; } 
.table .select__list { border-radius: 4px; position: absolute; top: 32px; } 
.table .select__item { font-size: 12px; text-align: left; height: 22px; line-height: 22px; padding: 0 8px; } 
.table__inputField { display: flex; flex-direction: column; gap:6px; position: relative; justify-content: flex-start; } 
.table__inputBox { display: inline-flex; align-items: center; gap: 6px; } 
.table__inputBox .select { flex: 1 1 100%; } 
.table__inputBox .select:first-of-type { flex: 0 0 80px; width: 80px; } 
.table__orderNumBox { max-height: 107px; overflow: auto; } 
.table__orderNumList { display: flex; flex-direction: column; gap: 4px; justify-content: center; } 
.table__orderNumBox .simplebar-vertical { width:4px!important; } 
.table__orderNumBox .simplebar-vertical .simplebar-scrollbar { width:4px!important; } 
.table__orderNumBox .simplebar-vertical .simplebar-scrollbar:before { width:4px!important; } 
.table__orderNumBox:hover .simplebar-vertical .simplebar-scrollbar::before { opacity: 1!important; }

.table__header .table__row { border-top: 1px solid #E0E0E0; background-color:#F8F8F8; } 
.table__header .table__cell { color:#666; }
.table__header .table__cell.sticky-cell { position: sticky;left: 0;z-index: 1;background-color: #F8F8F8;}
.table__header .table__icon-field .icon { cursor: pointer; min-width: max-content; } 
.table__body .table__cell .icon { margin-right:6px; display: inline-block; } 
.table__body .table__cell .icon img { vertical-align: -4px; } 
.table__body .table__cell.sticky-cell { position: sticky;left: 0;z-index: 1;background-color: #FFFFFF; } 
.table__footer .table__row { background-color:#F3F9FF; } 
.table__footer .table__cell { font-weight: 700; } 

.table-tabs { display: flex; align-items: center; padding-bottom: 20px; gap: 20px; } 
.table-tabs__item { color: #999; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; cursor: pointer; position: relative; } 
.table-tabs__item.is-selected { color: #2085FF; font-weight: 700; } 
.table-tabs__item::after { content: ""; width: 1px; height: 12px; background-color: #ccc; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } 
.table-tabs__item:last-of-type::after { display: none; } 

.table-header-replaced__container { display: flex; align-items: center; } 
.table-header-replaced__col { display: flex; align-items: center; width: 100%; background-color: #F8F8F8; border-top: 1px solid #E0E0E0; height: 100%; } 
.table-header-replaced__col--separated { border-left: 1px solid #E0E0E0; flex-direction: column; justify-content: center; padding:0; width: 100%; height: 100%; } 
.table-header-replaced__col--separated .table-header-replaced__row:not(:last-of-type) { border-bottom:1px solid #E0E0E0; } 
.table-header-replaced__col--border-l { border-left:1px solid #E0E0E0; } 
.table-header-replaced__cell { width:100%; padding: 5px; vertical-align: middle; text-align: center; color: #666; font-size: 14px; position: relative; display: flex; align-items: center; } 
.table-header-replaced__cell .icon img { vertical-align: middle; } 
.table-header-replaced__cell .icon { margin-left:2px; cursor: pointer; } 
.table-header-replaced__content { width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; word-break: break-all; line-height: 1.4; } 
.table-header-replaced__row { width: 100%; height: 100%; background-color:#F8F8F8; display: flex; align-items: center; } 

.table-footer-replaced__container { width: 100%; display: flex; align-items: center; background-color: #F3F9FF; border-bottom: 1px solid #E0E0E0; } 
.table-footer-replaced__cell { padding: 5px 10px; vertical-align: middle; text-align: center; color: #000; font-size: 14px; position: relative; font-weight: 700; height:42px; display: flex; align-items: center; } 
.table-footer-replaced__content { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; word-break: break-all; line-height: 150%; } 

.align-left { text-align: left; } 
.border-bottom-blue { position: relative; line-height: 1.25; } 
.border-bottom-blue::after { content: ""; position: absolute; bottom: -1px; left:0; width:100%; height:1px; background-color:#2085FF; } 
.border-bottom-red { position: relative; line-height: 1.25; } 
.border-bottom-red::after { content: ""; position: absolute; bottom: -1px; left:0; width:100%; height:1px; background-color:#FF4330; } 
.color-red { color:#FF4330; } 
.color-green { color: #24AE5F; } 
.color-blue { color:#2085FF; } 
.color-lightgrey { color:#999; } 
.color-grey { color:#666; } 
.color-orange { color:#FF9330; } 
.color-black { color:#000; } 
.color-purple { color:#79389e; } 

.order-collection a.color-blue:hover { color: darkblue; } 

.circle-mark { position: relative; } 
.circle-mark::after { content: ""; position: absolute; left: -13px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 8px; } 
.color-red.circle-mark::after { background-color:#FF4330; } 
.color-green.circle-mark::after { background-color: #24AE5F; } 
.color-blue.circle-mark::after { background-color:#2085FF; } 
.color-lightgrey.circle-mark::after { background-color:#999; } 
.color-grey.circle-mark::after { background-color:#666; } 
.color-orange.circle-mark::after { background-color:#FF9330; } 
.color-purple.circle-mark::after { background-color:#79389e; } 

.point_text {text-decoration:underline; cursor:pointer;}

.table-tooltip-pointer { cursor: context-menu; } 
.table-tooltip-pointer:hover .table-tooltip { display: block; } 
.table-tooltip-pointer--inline { display: inline; } 
.table-tooltip { display: none; } 
.table-tooltip__content { padding: 4.5px 10px; background-color: #FFF6F5; border: 1px solid #FFC1BB; border-radius: 3px; width: max-content; position: absolute; transform: translate(-33.5px , 0); z-index: 1; right: 50%; bottom: 6.5px; line-height: 1.25; text-align: left; max-width: 500px; white-space: break-spaces; } 
.table-tooltip__content::after { content:""; width:5px; height:8px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_tooltip_triangle01_D.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom:10px; right : -5px; } 
.updown-icon>img { vertical-align: 0px; margin-right: 4px; } 

/* tableCompoent */
.tableComponent { position: relative; overflow: auto; max-width: 1112px; padding-bottom:40px; } 
.tableComponent__header { margin-bottom: -1px; position: relative; z-index: 1; } 
.tableComponent__body { min-width: 1450px; max-height:384px; position: relative; overflow-y: auto; } 
.tableComponent__body::-webkit-scrollbar { width: 6px; height:6px; } 
.tableComponent__body::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ADB1BA; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } 
.tableComponent::after { content: ""; width: 100%; height: 1px; background-color: #E0E0E0; position: absolute; bottom: 40px; } 
.tableComponent .table__body .table__row { height:128px; } 
.tableComponent .table__body .table__cell { padding: 10px 10px; } 
.tableComponent .table__content { overflow: visible; white-space: normal; } 
.tableComponent .tableComponent__body:hover>.simplebar-vertical .simplebar-scrollbar::before { opacity: 1!important; } 

.simplebar-content-wrapper { overflow: auto!important; } 
.simplebar-content-wrapper:focus { outline: none; } 
.simplebar-track.simplebar-vertical { right:0px; width: 6px!important; } 
.simplebar-vertical .simplebar-scrollbar { width: 6px!important; } 
.simplebar-vertical .simplebar-scrollbar:before { width: 6px!important; top: 10px!important; bottom: 10px!important; right: 0!important; left: 0!important; background-color: #ADB1BA!important; } 
.simplebar-track.simplebar-horizontal { height:6px!important; bottom: 0px; bottom: 15px; } 
.simplebar-horizontal .simplebar-scrollbar:before { height: 6px!important; top: 0px!important; bottom: 0px!important; right: 0!important; left: 0!important; background-color: #ADB1BA!important; opacity: 1!important; } 

.imgUpload { position: relative; text-align: center; } 
.imgUpload input[type='file'] { display: none; } 
.imgUpload__button { font-size: 12px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; width: 80px; height: 80px; overflow: hidden; } 
.imgUpload__button img { filter: invert(31%) sepia(62%) saturate(2139%) hue-rotate(204deg) brightness(105%) contrast(98%); -webkit-filter: invert(31%) sepia(62%) saturate(2139%) hue-rotate(204deg) brightness(105%) contrast(98%); } 
.imgUpload__data { display: inline-flex; align-items: center; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; width: 80px; height: 80px; overflow: hidden; position: relative; } 
.imgUpload__data:hover .imgUpload__del { opacity:1 } 
.imgUpload__del { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.75); font-size: 12px; color: #fff; opacity: 0; cursor:pointer; } 

/* setting-field */
.setting-field__wrapper { display: flex; flex-direction: column; gap: 30px; width: 100%; } 
.setting-field__header { margin-bottom: 20px; padding-bottom: 40px; border-bottom: 1px solid #E0E0E0; } 
.setting-field__item { display: flex; align-items: flex-start; gap: 10px; } 
.setting-field__name-area { flex: 1 0 140px; height: 42px; display: flex; align-items: center; } 
.setting-field__name { font-weight:500; } 
.setting-field__value-area { flex: 1 0 100%; max-width: calc(100% - 150px); } 
.setting-field__value { display: flex; align-items: center; gap: 6px; width: 100%; } 
.setting-field .auth-button { border-radius: 5px; border: 1px solid #ccc; background-color: #eee; cursor: pointer; height:42px; padding: 0 14px; font-weight: 600; } 
.setting-field__desc { line-height: 140%; color: #666; padding-top: 10px; } 
.setting-field__desc label { cursor: pointer; } 
.setting-field__desc input[type='checkbox'] { width:18px; height: 18px; margin-right: 5px; margin-top: -2px; } 
.setting-field__desc input[type='checkbox']::before { width:18px; height:18px; background-size: contain; } 
.setting-field__desc input[type='checkbox']:checked::before { width:18px; height:18px; background-size: contain; } 
.setting-field__options { display: flex; align-items: center; gap:20px; } 
.setting-field__option { display: flex; align-items: center; height: 42px; gap: 8px; min-width: 100px; cursor: pointer; line-height: 1; } 

.setting-field__price { position: relative; } 
.setting-field__price>input[type='text'] { padding-left: 30px; } 
.setting-field__currency-symbol { position: absolute; left: 12px; line-height: 1; } 
.setting-field__price>input[type='text']:placeholder-shown + .setting-field__currency-symbol { color: #999; } 
.setting-field__buttons { margin-top:40px; } 

.setting-field__item--direction-column { flex-direction: column; } 
.setting-field__item--direction-column .setting-field__name-area { flex: 1 1 auto; height: auto; } 
.setting-field__item--direction-column .setting-field__value-area { max-width: 100%; } 

/* status board */
.status-board__wrapper { display: flex; padding: 20px; border-radius: 10px; border: 1px solid #8D9199; background-color: #fff; margin-bottom:40px; } 
.status-board__list { width:100%; display: flex; align-items: center; justify-content: space-between; gap: 40px; } 
.status-board__item { position: relative; width: 100%; text-align: center; } 
.status-board__item::after { content: ""; width:1px; height:100%; background-color:#E0E0E0; position: absolute; right :-20px; top:0; } 
.status-board__item:last-of-type::after { display: none; } 
.status-board__name { color: #000; font-size: 14px; font-weight: 600; line-height: 140%; margin-bottom: 6px; } 
.status-board__value { color: #000; font-size: 26px; font-weight: 700; line-height: 150%; color: #2085FF; max-width: 180px; } 

.status-board--type-primary .status-board__wrapper { border:none; margin-bottom:0; padding:0; } 
.status-board--type-primary .status-board__list { gap:20px; } 
.status-board--type-primary .status-board__item { overflow: auto; } 
.status-board--type-primary .status-board__item::after { display: none; } 
.status-board--type-primary .status-board__name { font-weight: 500; margin-bottom:10px; } 
.status-board--type-primary .status-board__value { font-size:22px; color:#000; max-width: 98px; margin: 0 auto; } 

/* no data */
.no-data__wrapper { height: 312px; padding: 40px 0; display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; } 
.no-data__title { color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; } 
.no-data__desc { font-size: 14px; color: #666; line-height: 150%; } 

/* pagination */
.pagination__wrapper { margin-top: 40px; } 
.pagination__list { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 50px; width: fit-content; margin: 0 auto; } 
.pagination__item { display: flex; flex:0 0 40px; width: 40px; height: 40px; padding: 8px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background-color:#fff; cursor: pointer; font-size:16px; font-weight: 500; } 
.pagination__item.is-active { background-color:#2085FF; border:1px solid transparent; color:#fff; } 
.pagination__prev,.pagination__next { border:1px solid #ccc; position: absolute; } 
.pagination__prev { left: 0; top: 0; } 
.pagination__next { right: 0; top: 0; } 
.pagination__arrow { background-image:url(//img.malltail.com/goods_img/contents/index/b2b_expand_arrow_D.svg); background-repeat: no-repeat; background-size: 22px; background-position: center; width: 22px; height: 22px; } 
.pagination__prev .pagination__arrow { transform: rotate(90deg); } 
.pagination__next .pagination__arrow { transform: rotate(-90deg); } 

/* tab component */
.tab-component__list { display: flex; align-items: center; border: 1px solid #E8EAEF; background-color: #F2F3F5; border-radius: 5px; height: 42px; } 
.tab-component__item { width:100%; min-width: calc((100% / 2) + 1px); border-radius: 5px; font-weight: 600; color: #8D9199; font-size: 14px; padding: 10px 14px; text-align: center; height: 42px; display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; border: 1px solid transparent; transform: translateX(-1px); } 
.tab-component__item--small { min-width: calc((100% / 3) + 1px); } 
.tab-component__item.is-active { border: 1px solid #2085FF; color: #2085FF; background-color: #fff; } 

.tab-component--type-secondary .tab-component__list { height:44px; border: 1px solid #E0E0E0; background-color: #F8F8F8; } 
.tab-component--type-secondary .tab-component__item { font-weight:500; color:#888; font-size: 16px; height:44px; } 
.tab-component--type-secondary .tab-component__item.is-active { color:#000; border: 1px solid #000; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); } 

.layout-module__title-field .tabContent__list { position: absolute; right: 0; top:50%; transform:translateY(-50%) } 
.tabContent__list { width: fit-content; display: flex; align-items: center; padding: 3px; border-radius: 5px; background-color: #E8EAEF; } 
.tabContent__item { height: 26px; line-height: 26px; color: #666; padding: 0 10px; border-radius: 4px; cursor: pointer; } 
.tabContent__item.is-active { color: #000; background-color: #fff; } 

.address { width: 100%; } 
.address__wrapper { display: flex; flex-direction: column; gap: 10px; } 
.address__item { display: flex; align-items: center; gap: 6px; } 
.address__button { border-radius: 5px; border: 1px solid #ccc; background-color: #eee; cursor: pointer; height:42px; padding: 0 13.5px; font-weight: 600; line-height:40px; } 

/*----------------------------------------------------------------------------header css----------------------------------------------------------------------------*/

/* header gnb */
.gnb { color: #000; font-size: 14px; background-color: #fff; position: relative; z-index: 99; } 
.gnb__container { position: relative; width: 100%; min-width: 1280px; display: flex; width: 100%; height: 60px; padding: 0px 24px; justify-content: space-between; align-items: center; flex-shrink: 0; border-bottom: 1px solid #E0E0E0; background-color: #fff; } 
.gnb__logo { display: flex; align-items: center; gap: 6px; } 
.gnb__title { color: #000; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; } 
.gnb__utility { display: flex; align-items: center; gap: 0 20px; } 
.gnb__menu { position: relative; } 
.gnb__menuHeader { display: flex; position: relative; width: 180px; height: 38px; line-height: 1; padding: 12px 30px 12px 12px; justify-content: space-between; align-items: center; border-radius: 100px; background-color: #F2F3F5; cursor: pointer; } 
.gnb__menuHeader.is-active ~ .gnb__menuList { display: block; } 
.gnb__menuHeader::after { content:""; position: absolute; top:50%; right:12px; transform: translateY(-50%); width:18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_expand_arrow_D.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } 
.gnb__menuHeader.is-active::after { transform:translateY(-50%) scaleY(-1); } 
.gnb__menuList { display: none; position: absolute; top: 38px; z-index: 1; border-radius: 10px; border: 1px solid #E0E0E0; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); padding: 6px; width: max-content; min-width: 180px; } 
.gnb__menuText { font-size: 14px; line-height: 1; padding: 0px 10px; display: flex; align-items: center; gap: 6px; height: 30px; border-radius: 5px; } 
.gnb__menuText:hover { background-color: #F2F3F5; } 
.gnb__menuText.is-active { background-color: #F2F3F5; } 
.gnb__language { line-height: 20px; padding-left: 21px; border-left: 1px solid #E0E0E0; } 
.gnb__language .setting-icon { cursor: pointer; } 
.gnb__language .gnb__menuHeader { width: auto; height: auto; padding: 0; background-color: transparent; } 
.gnb__language .gnb__menuHeader::after { display: none; } 
.gnb__language .gnb__menuList { min-width:100px; top:28px; right:0; } 
.gnb__languageText { margin: 0 6px 0 5px; } 
.gnb__buttons .button-basic { min-width:80px; } 
.gnb__userIcon { cursor: pointer; display: block; padding-bottom: 4px; margin-top: 4px; } 

.gnb__menu.gnb__menu--mouseOver:hover .gnb__menuField .gnb__menuList { display: block; min-width: 140px; right: 0; top: 50px; } 
.gnb__menu.gnb__menu--mouseOver .gnb__menuItem:first-of-type .gnb__menuText { margin-bottom:8px; border-bottom: 1px solid #E0E0E0; border-radius: 0; } 
.gnb__menu.gnb__menu--mouseOver .gnb__menuItem:first-of-type .gnb__menuText:hover { background-color:initial; cursor: initial; } 

/* header gnb fixed */
.gnb--fixed { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: fit-content; } 
.gnb--fixed .gnb__container { min-width: auto; } 

/* footer fnb */
.fnb { background-color: #F7F7F9; } 
.fnb__container { width: 100%; max-width: 1200px; min-width: 1200px; margin: 0 auto; padding: 6rem 0; min-height: 40rem; display: flex; flex-direction: column; justify-content: center; background-color: #F7F7F9; } 
.fnb__header { display: flex; align-items: center; height: 40px; gap: 4rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid #E0E0E0; box-sizing: content-box; } 
.fnb__menuList { display: flex; align-items: center; gap: 4.6rem; } 
.fnb__menuLink { font-size: 1.5rem; letter-spacing: -0.3px; color: #666; } 
.fnb__menuLink strong { color: #000; } 
.fnb__text { color: #666; line-height: 1.5; font-size: 1.4rem; } 
.fnb__text:first-of-type { margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #E0E0E0; font-size: 1.4rem; } 
.fnb__textSmall { display:inline-block; font-size: 1.2rem; padding-top: 1rem; } 
.fnb__link { color:#666; border-bottom:1px solid #666; } 

.full .fnb__container { min-width:auto; } 
@media (width <= 768px) { html.responsive .fnb__header { flex-direction: column; align-items: flex-start; height: auto; } 
html.responsive .fnb__container { padding: 6rem 1.8rem; min-width: auto; } 
 }

#address-modal .modal-component__content { width:460px; max-height: calc(100vh - 230px); } 
.nationTabs { position: relative; border-radius: 10px; background: rgb(247, 247, 249); } 
.nationTabs__container { margin-bottom:40px; padding:20px 10px; } 
.nationTabs__slider { width: 100%; overflow: hidden; } 
.nationTabs__pagination { display: flex; position: absolute; right: 10px; top: 20px; } 
.nationTabs__pagination .swiper-button-next, .nationTabs__pagination .swiper-button-prev { background-image: url("//img.malltail.com/goods_img/single_malltail/main_pagination_arrow01.png"); background-position: 5px 4px; width: 26px; height: 26px; border-radius: 99px; background-size: 16px; border: 1px solid #CCC; position: relative; margin: 0px; display: block; left: auto; right: auto; background-color: #fff; } 
.nationTabs__pagination .swiper-button-prev { transform: scaleX(-1); } 
.nationTabs__pagination .swiper-button-next { margin-left: 6px; } 
.nationTabs__pagination .swiper-button-next.swiper-button-disabled, .nationTabs__pagination .swiper-button-prev.swiper-button-disabled { opacity: 1; } 
.nationTabs__pagination .swiper-button-next.swiper-button-disabled::after, .nationTabs__pagination .swiper-button-prev.swiper-button-disabled::after { content: ""; width: 16px; height: 16px; opacity: 0.7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); } 
.nationTabs__list { display: flex; } 
.nationTabs__item .location > .arrow { display: none; width: 18px; height: 18px; background-image: url("//img.malltail.com/goods_img/single_malltail/address_arrow_disabled_icon01.png"); background-size: cover; margin-left: 4px; } 
.nationTabs__item.is-active .location > .arrow { filter: invert(39%) sepia(83%) saturate(3067%) hue-rotate(344deg) brightness(96%) contrast(103%); } 
.nationTabs__item { width: calc(14.2857%); text-align: center; cursor: pointer; } 
.nationTabs__item .location { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: 140%; } 
.nationTabs__item > .flag { margin-bottom: 6px; display: block; } 
.nationTabs__item.is-active .location { color: #FF4330; } 
.nationTabs__item .nation-name { color: rgb(136, 136, 136); font-size: 12px; line-height: 140%; white-space: nowrap; } 
.userAddress__subTitle { padding: 0px 10px; margin-bottom: 20px; color: rgb(0, 0, 0); font-size: 16px; font-weight: 700; line-height: 150%; } 
.userAddress__row .userAddress__subTitle { padding:0; } 
.userAddress__row:not([data-post="ca"]) { display: none; } 
.userAddress__item .row { border-bottom: 1px solid rgb(238, 238, 238); } 
.userAddress__item .row:first-of-type { border-top: 1px solid rgb(238, 238, 238); } 
.userAddress__row .userAddress__subTitle > img { width: 18px; border-radius: 99px; margin-right: 6px; margin-top: 2px; display: none; } 
.userAddress__item .row { border-bottom: 1px solid rgb(238, 238, 238); min-height: 36px; display: flex; } 
.userAddress__item .row:first-of-type { border-top: 1px solid rgb(238, 238, 238); } 
.userAddress__item .title { background-color: #eee; color: rgb(0, 0, 0); font-size: 14px; font-weight: 600; padding: 0px 14px; display: block; line-height: 36px; width: 100%; } 
.userAddress__item .term { background-color: rgb(248, 248, 248); color: rgb(0, 0, 0); font-size: 14px; padding: 7.5px 14px; width: 220px; display: flex; align-items: center; line-height: 150%; } 
.userAddress__item .desc { color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; display: flex; align-items: center; width: calc(100% - 220px); padding: 7.5px 14px; line-height: 150%; } 
.userAddress__notice { margin-top: 12px; } 
.userAddress__notice > p { color: rgb(102, 102, 102); font-size: 14px; line-height: 150%; padding-left: 25px; position: relative; } 
.userAddress__notice > p:not(:last-of-type) { margin-bottom: 6px; } 
.userAddress__notice > p::before { content: ""; position: absolute; left: 10px; top: 9px; width:5px; height:5px; border-radius: 5px; background-color:#666; } 

/*----------------------------------------------------------------------------Side css----------------------------------------------------------------------------*/

/* snb */
.snb__wrapper { position: absolute; left: 0; right: 0; top: 60px; bottom: 0; width: 80px; height:100%; min-height: calc(100vh - 60px); z-index: 98; } 
.snb__menu { position: relative; height:100%; background-color: #363C51; } 
.snb__menu-item { background-color: #363C51; text-align: center; padding: 10px 0; width:80px; } 
.snb__menu-item.is-active { background-color: #494F69; } 
.snb__menu-item.is-active .snb-accordion { display: block; } 
.snb__menu-item .name { color: #ADB1BA; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.25; text-align: center; padding-top: 2px; } 
.snb-accordion { display: none; } 
.snb-accordion__wrapper { position: absolute; top: 0; left: 80px; height: 100%; text-align: left; } 
.snb-accordion.is-expanded .snb-accordion__container { width: 200px; } 
.snb-accordion__container { overflow: hidden; width: 0; transition: width .5s; background-color: #494F69; height: 100%; } 
.snb-accordion__content { width: 200px; } 
.snb-accordion__name { display: flex; align-items: center; height: 50px; padding: 0 16px; color: #ADB1BA; font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; position: relative; cursor: pointer; } 
.snb-accordion__name .arrow { width: 24px; height: 24px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_expand_arrow_D.svg); background-position: center; background-repeat: no-repeat; background-size: contain; filter: invert(71%) sepia(7%) saturate(266%) hue-rotate(184deg) brightness(99%) contrast(90%); position: absolute; right: 16px; cursor: pointer; } 
.snb-accordion__content.is-expanded .snb-accordion__name .arrow { transform: scaleY(-1); } 
.snb-accordion__list { padding: 0 20px; } 
.snb-accordion__item .text { display: flex; height: 40px; padding: 0px 14px; align-items: center; gap: 10px; border-radius: 5px; color: #fff; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; } 
.snb-accordion__item.is-active .text { background-color:#2085FF; font-weight: 700; } 
.snb-accordion__button { width: 22px; height: 26px; position: absolute; top: 0; background-color: #8D9199; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05); border-radius: 0px 0px 8px 0px; cursor: pointer; right: -22px; } 
.snb-accordion__button::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scaleX(-1); background-size: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_snb_expand_arrow_D.svg); background-repeat: no-repeat; background-position: center; width: 18px; height: 18px; } 
.snb-accordion.is-expanded .snb-accordion__button::after { transform: translate(-50%,-50%) } 
.enter-active,
.leave-active { overflow: hidden; transition: height .5s linear; } 

/*----------------------------------------------------------------------------pages css----------------------------------------------------------------------------*/

/* receiving-registration */
.receiving-registration .setting-field__wrapper { gap:20px } 

/* receiving-status */
.receiving-status .filter input[name='keyword'] { width: 220px; } 

.product-details__content { display: flex; flex-wrap: wrap; gap: 10px 20px; width: 100%; margin-bottom:40px; position: relative; } 
.product-details__content:nth-of-type(2)::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #E0E0E0; top: -20px; } 
.product-details__header { margin-bottom: 20px; padding-bottom: 40px; border-bottom: 1px solid #E0E0E0; } 
.product-details__item { display: flex; gap: 10px; flex: 0 calc(50% - 10px); height: fit-content; } 
.product-details__name-area { flex: 1 0 140px; display: flex; align-items: center; height: 42px; } 
.product-details__name { font-weight:500; } 
.product-details__value-area { flex: 1 0 100%; max-width: calc(100% - 150px); display: flex; min-height: 42px; } 
.product-details__value { display: flex; align-items: center; gap: 6px; word-break: break-all; } 
.product-details .auth-button { border-radius: 5px; border: 1px solid #ccc; background-color: #eee; cursor: pointer; height:42px; padding: 0 14px; font-weight: 600; } 
.product-details__desc { line-height: 140%; color: #666; padding-top: 10px; } 
.product-details__buttons { margin-top:40px; } 
.product-details__imgs { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } 
.product-details__imgs img { width: 80px; height: 80px; border-radius: 5px; background-color: #F8F8F8; } 
.product-details__imgs2 {display: inline-flex; width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 5px; border: 1px solid #E0E0E0; background-color: #F8F8F8; padding: 8px; flex: 0 0 80px; position: relative; align-items: center;}
.product-details__imgs2 img {max-width:width;}
.product-details__imgs2:hover .imgUpload__edit {opacity:1;} 
.product-details__imgs2 .imgUpload__edit { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.75); font-size: 12px; color: #fff; opacity: 0; cursor:pointer; height:24px; line-height:24px; text-align:center;} 


/* stock-date-status */
#search-result .pagination__wrapper { margin-top:20px; } 

/* forwarding-status */
.forwarding-status .filter input[name='search_input'] { width: calc(100% - 170px); } 
.forwarding-status .table-module .table-module__content { padding-bottom:20px; } 

/* adjustment-status */
.adjustment-status .table .table__header .table__row { border-bottom: 0; background-color: #fff; height: 0; } 
.adjustment-status .table .table__header .table__cell { padding: 0; } 
.adjustment-status .table .table__cell { max-width:120px; } 


/* account */
.message-rejection { color: #F00; font-size: 14px; font-weight: 400; line-height: 140%; margin-top:10px; } 
.message-rejection-type02 { color: #F00; font-size: 14px; font-weight: 400; line-height: 140%; margin-top:10px; padding-left:18px; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_error_icon_D.svg); background-repeat: no-repeat; background-position: 0 50%; background-size: 14px; } 
.message-confirm { color: #FC772D; font-size: 14px; font-weight: 400; line-height: 140%; margin-top:10px; } 

.account__wapper { width: 400px; margin: 100px auto; padding-bottom:100px; } 
.account--mypage .account__wapper { margin:80px auto; padding-bottom:225px; } 
.account__header { margin-bottom:40px; } 
.account__title { text-align: center; font-size: 32px; font-weight: 700; line-height: 150%; } 
.account__desc { color: #999; text-align: center; font-size: 18px; font-weight: 500; line-height: 160%; margin-top: 20px; } 
.form-option .tab-component__wrapper { margin-bottom:40px; } 
.form-option__column { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; } 
.form-option__label { color: #000; font-size: 16px; font-weight: 600; line-height: 150%; margin-bottom:10px; } 
input[type='text'].form-option__input, input[type='number'].form-option__input, input[type='file'].form-option__input { height: 50px; padding: 13px 14px; font-size: 16px; } 
input[type='text'].is-success, .is-success { border: 1px solid #2276FC; } 
input[type='text'].is-fail, .is-fail { border:1px solid #FF4330; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_error_icon_D.svg)!important; background-repeat: no-repeat; background-position: calc(100% - 14px); padding-right: 35px; } 
input[type='text'].is-warning, .is-warning { border:1px solid #FC772D; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_warning_icon_D.svg); background-repeat: no-repeat; background-position: calc(100% - 14px); padding-right: 35px; } 
.form-utility { display: flex; align-items: center; gap: 20px; } 
.form-utility__item { font-size: 16px; display: flex; gap: 10px; line-height: 150%; cursor: pointer; } 

.account-links { width:100%; display: inline-flex; justify-content: center; gap: 40px; } 
.account-links__item { position:relative; color: #666; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; } 
.account-links__item:not(:last-of-type)::after { content:""; width:1px; height: 14px; background-color:#CCC; position: absolute; top:50%; right:-20px; transform:translateY(-50%) } 

.form-option__title { font-size: 24px; font-weight: 700; line-height: 150%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; } 
.form-option__subtitle { color: #000; font-size: 18px; font-weight: 700; line-height: 150%; margin-bottom: 6px; } 
.form-option__desc { color: #999; font-size: 16px; line-height: 160%; font-weight: 500; } 
.form-option__flexbox { display: flex; align-items: center; gap: 10px; justify-content: space-between; } 
.form-option__flexbox input[type] { width: calc(100% - 95.31px); } 
.form-option--sign-up .form-option__label { color: #111; } 

.terms__wrapper { margin-bottom: 40px; margin-top: 40px; } 
.terms__header { background-color: #F2F3F5; height: 62px; padding: 12px 20px; border-radius: 5px; display: flex; align-items: center; } 
.terms__agreement-label { color: #000; font-size: 16px; font-weight: 700; line-height: 150%; display: flex; gap: 10px; align-items: center; cursor: pointer; } 
.terms__body { padding: 20px 20px 0; } 
.terms__list { display: flex; flex-direction: column; gap: 20px; } 
.terms__item { position: relative; padding-right:30px; } 
.terms input[type='checkbox'].checkbox-type02 { width: 22px; height: 22px; min-width: 22px; } 
.terms input[type='checkbox'].checkbox-type02:before { width: 22px; height: 22px; background-size: cover; } 
.terms__label { width:fit-content; display: flex; align-items: center; gap: 10px; cursor: pointer; } 
.terms__text { font-size: 16px; } 
.terms__show-button { font-size: 16px; font-weight: 500; position: absolute; right: 0; top: 1px; } 
.terms__show-button::after { bottom: 0px; } 

.marketing__list { display: flex; align-items: center; gap: 20px; } 
.marketing__item { min-width: 100px; cursor: pointer; } 
.marketing__label { font-size: 16px; display: flex; align-items: center; } 
.marketing__label input[type="checkbox"] { margin-right: 10px; width: 22px; height: 22px; } 
.marketing__label input[type="checkbox"]::before { width: 22px; height: 22px; background-size: 22px; } 

.account-notice__wrapper { display: flex; flex-direction: column; gap: 6px; margin-bottom: 40px; } 
.account-notice__desc { padding-left: 21px; font-size: 14px; line-height: 150%; color: #666; position: relative; } 
.account-notice__desc::before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; top: 9px; left: 8.5px; background-color: #FF4330; } 

/* dashboard */
.dashboard__container { display: flex; flex-direction: column; gap: 20px; container-name: dashboard__container; container-type: inline-size; } 
@container dashboard__container (width < 1400px) { /* .layout-module__title-field .refresh { font-size:0; } 
 .layout-module__title-field .refresh .badge { display: none; } */ } 
@container dashboard__container (width < 1080px){
 .layout-module-container__wrapper--grid .layout-module:nth-of-type(1) { grid-column: 1/5!important; } 
 .layout-module-container__wrapper--grid .layout-module:nth-of-type(2) { grid-column: 1/5; } 
 .layout-module-container__wrapper--grid .layout-module:nth-of-type(3), .layout-module-container__wrapper--grid .layout-module:nth-of-type(5) { grid-column: 1/3; } 
 .layout-module-container__wrapper--grid .layout-module:nth-of-type(4), .layout-module-container__wrapper--grid .layout-module:nth-of-type(6) { grid-column: 3/5; } 
 /* .layout-module__title-field .refresh { font-size:inherit; } 
 .layout-module__title-field .refresh .badge { display: inline-block; } */ } 
.orderStatusBoard__list { display: flex; justify-content: space-between; align-items: center; gap:7.5px; height: 100px; overflow-x: auto; } 
.orderStatusBoard__list img { max-width: fit-content; } 
.orderStatusBoard__item { display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center; width:90px; height: 100%; } 
.orderStatusBoard__name { font-weight: 500; line-height: 140%; text-align: center; font-size: 14px; } 
.orderStatusBoard__value { width:100%; text-align: center; color: #2085FF; font-size: 22px; font-weight: 700; line-height: 150%; } 
.orderStatusBoard__item.is-disabled { width:60px; } 
.orderStatusBoard__item.is-disabled .orderStatusBoard__icon,.orderStatusBoard__item.is-disabled .orderStatusBoard__value { display: none; } 
.orderStatusBoard__item.is-disabled .orderStatusBoard__name { color: #999; } 

.noticeList { display: flex; flex-direction: column; gap:10px; } 
.noticeList__link { display: flex; align-items: center; gap :6px; height:20px; position: relative; } 
.noticeList__subject { font-weight: 500; display: inline-block; line-height: 1; padding-right: 80px; } 
.noticeList__date { color: #666; line-height: 1; position: absolute; right: 0; } 

/* notice */
.categoryLabel { display: inline-block; height: 22px; text-align: center; line-height: 22px; border-radius: 999px; font-size: 12px; font-weight: 500; padding: 0 6px; margin:0 auto; } 
.categoryLabel--blue { color: #2276FC; background-color: #E5F1FF; } 
.categoryLabel--red { color: #FF4330; background-color: #FFE9E7; } 
.categoryLabel--grey { color: #000; background-color: #EEE; } 

.notice .lnb-title-field__wrapper { padding-bottom:10px; } 
.notice .layout-module-container__wrapper { gap:0; } 
.notice .layout-module__header { display: none; } 
.notice .layout-module__body { border-top:none; } 
.noticeTabList { display: flex; align-items: center; padding-bottom: 20px; gap: 20px; } 
.noticeTabList__item { color: #999; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; cursor: pointer; position: relative; } 
.noticeTabList__item.is-selected { color: #2085FF; font-weight: 700; } 
.noticeTabList__item::after { content: ""; width: 1px; height: 12px; background-color: #ccc; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } 
.noticeTabList__item:last-of-type::after { display: none; } 

.noticeDetailContent__title { font-size: 16px; font-weight: 800; line-height: 150%; margin-bottom: 10px; } 
.noticeDetailContent__info { display: inline-flex; align-items: center; gap: 20px; } 
.noticeDetailContent__date { position: relative; } 
.noticeDetailContent__date::before { content: ""; width: 1px; height: 12px; background-color: #ccc; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); } 
.noticeDetailContent__body { line-height:150%; margin-top: 20px; padding-top: 20px; margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; } 
.noticeDetailContent__footer { font-size: 0; } 
.noticeDetailContent__footer .button-basic { padding:10px 12px; } 
.noticeDetailContent__footer .button-basic img { width:22px; } 
.noticeDetailContent__buttonPrev { margin-right:10px; gap: 2px; } 
.noticeDetailContent__buttonPrev >img { transform: rotate(-180deg); } 
.noticeDetailContent__buttonNext { color:#fff; background-color:#2085FF; gap: 2px; } 
.noticeDetailContent__buttonNext >img { filter: invert(100%) sepia(0%) saturate(2729%) hue-rotate(248deg) brightness(104%) contrast(111%); } 
.noticeDetailContent__buttonList { float:right; gap: 4px; } 

/* 1:1 qna */
#qna-result .table__body .table__row:not(.question,.answer) { cursor: pointer; } 
#qna-result .table__cell { padding: 10px 20px; } 
#qna-result .table__body .table__cell:nth-of-type(3) { text-align: left; } 
#qna-result .question, #qna-result .answer { display: none; } 
#qna-result .question__content,#qna-result .answer__content { padding: 10px 0; line-height: 160%; white-space: initial; } 
#qna-result .answer__content { color:#666; line-height:150%; position: relative; padding-left:43px; } 
#qna-result .answer__mark { background-color: #666; border-radius: 999px; padding: 2px 6px; color: #fff; line-height: 18px; display: block; position: absolute; left: 0; font-weight: 500; font-size: 12px; } 
#qna-result .question .table__cell:first-of-type:before,#qna-result .question .table__cell:last-of-type:before { content:""; position: absolute; bottom: -1px; left: 0; width: 25%; height: 1px; background-color: #F8F8F8; } 
#qna-result .question .table__cell:last-of-type:before { left:auto; right:0; } 

/* services */
.section.active:not(.mainSection) .fadeItem { opacity: 1; transition-delay: 1s; } 
.section.show.mainSection .fadeItem { opacity: 1; transition-delay: 0s; } 

.ourServices__container { position: relative; width: 100%; background-color:#fff; } 
.ourServices__container * { transition: font-size .5s, opacity .5s; } 
.ourServices__subTitle { font-size: 2rem; font-weight: 500; line-height: 150%; text-align: center; } 
.ourServices__title { text-align: center; font-size: 4rem; font-weight: 700; line-height: 150%; } 

#fullpageNav { position: fixed; right: 6rem; top: 50%; transform: translateY(-50%); } 
.fullpageNav__link { position: relative; height: 30px; display: flex; align-items: center; justify-content: flex-end; gap: 4px; } 
.fullpageNav__text { font-weight: 600; line-height: 1; opacity: 0; transition: opacity 0.2s ease-in; } 
.fullpageNav__bullet { width: 30px; height: 30px; position: relative; } 
.fullpageNav__bullet::after { content: ""; width: 6px; height: 6px; border-radius: 100%; background-color: #ADB1BA; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } 
.fullpageNav__bullet:hover::after { width:10px; height:10px; } 
.fullpageNav__item.active .fullpageNav__text { opacity: 1; } 
.fullpageNav__item.active .fullpageNav__bullet::after { width:13px; height:13px; background-color:#000; } 

.fullpageNav__item:nth-of-type(5) .fullpageNav__text { color:#fff; } 
.fullpageNav__item:nth-of-type(5).active .fullpageNav__bullet::after { background-color:#fff; } 

.ourServicesMainBanner { position: relative; height: 46.296%; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), url(http://img.malltail.com/goods_img/contents/index/services_main_banner01_D.png); background-position: center 59%; /* background-size: initial, initial, 100% 384%; */background-size: 100% 384%; background-color: lightgrey; background-repeat: no-repeat; } 
.ourServicesMainBanner__textField { padding-left: 18.75%; position: absolute; top: 50%; transform: translateY(-50%); } 
.ourServicesMainBanner__textMedium { font-size: 4.9rem; font-weight: 300; line-height: 140%; } 
.ourServicesMainBanner__textLarge { color: #2276FC; /* font-family: "Sandoll GyeokdongG2"; */font-size: 8rem; font-style: normal; font-weight: 800; line-height: 1; } 
.ourServicesMainBanner__textSmall { font-size: 2.4rem; font-weight: 500; line-height: 150%; padding-top: 3rem; } 
.ourServicesMainBanner__imgBox { padding: 1.6rem 0; width: 51.1rem; transition: width .5s; } 

.ourServicesKnowhow { position: relative; width:100%; display: flex; align-items: center; justify-content: center; /* padding: 5rem 0; */height: 53.704%; } 
.ourServicesKnowhow__container { width:100%; } 
.ourServicesKnowhow__list { display: flex; align-items: center; justify-content: center; gap: 3.647rem; padding: 5rem 1.8rem 0; } 
.ourServicesKnowhow__item { border-radius: 1rem; border: 1px solid #D1D5DF; background: #FFF; width: calc((100% - (3.647rem * 3)) / 3); max-width: 22.4rem; padding-bottom: calc(24rem - 2px); position: relative; } 
.ourServicesKnowhow__itemWrap { width:100%; height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; gap: 2rem; justify-content: center; align-items: center; } 
.ourServicesKnowhow__icon { width:10rem; } 
.ourServicesKnowhow__text { text-align: center; font-size: 2rem; font-weight: 500; } 

.process { background-color:#F3F9FF; height:100%; overflow: hidden; } 
.process__container { display: flex; flex-direction: column; justify-content: center; height:100%; } 
.process__content { width:100%; display: flex; align-items: center; justify-content: center; gap: 3.647rem; padding: 5rem 1.8rem 0; position: relative; } 
.process__banner { position: relative; } 
.process__listField { width: 100%; height:100%; display: flex; flex-direction: column; justify-content: space-between; gap: 3.4rem; position: absolute; left: 52%; top: 50%; transform: translate(-50%, -50%); padding: 0 14rem; } 
.process__list { display: flex; justify-content: space-between; height: calc((100% - 6.8rem) / 3); } 
.process__item { display: flex; flex-direction: column; width: 10rem; padding-top: 11rem; gap:.6rem; } 
.process__text { color:#666; font-size: 1.6rem; font-weight: 500; line-height: 150%; white-space: nowrap; padding-left: 9px; position: relative; min-width: fit-content; left: 50%; transform: translateX(-50%); } 
.process__text::before { content: ""; width:2px; height:2px; border-radius: 100%; position: absolute; left:1px; top: 1.1rem; background-color:#666; } 

.services { height:100%; } 
.services__container { display: flex; flex-direction: column; max-width: 1200px; margin: 0 auto; padding: 0rem 1.8rem; justify-content: space-between; height: 100%; gap: 5rem; } 
.services__row { display: flex; justify-content: space-between; align-items: center; gap: 5rem; height: calc((100% - 5rem) / 2); } 
.services__column { display: flex; flex-direction: column; gap: 2rem; } 
.services__img img { max-height: 100%; } 
.services__img { height: 100%; display: flex; align-items: center; } 
.services__index { font-weight: 700; line-height: 150%; font-size: 2rem; display: flex; align-items: center; gap: 6px; } 
.services__number { width: 24px; height: 24px; border-radius: 100%; background-color: #000; color: #fff; font-size: 1.6rem; text-align: center; display: flex; align-items: center; justify-content: center; } 
.services__title { font-size: 4rem; font-weight: 700; line-height: 150%; } 
.services__desc { font-size: 2rem; line-height: 150%; color: #666; } 

.contact { height: 100%; } 
.contact__container { background-color: #233A78; position: relative; height: 100%; } 
.contact__content { width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.contact__title { color: #fff; text-align: center; font-size: 3.2rem; font-style: normal; font-weight: 700; line-height: 150%; } 
.contact__link { border-radius: 5px; border: 1px solid #FFF; color: #fff; font-size: 1.8rem; font-weight: 700; width: 20rem; height: 6.2rem; display: flex; align-items: center; justify-content: center; margin: 4rem auto 0; } 

.section.fp-auto-height { height: auto!important; padding-top: 0!important; } 
.section.fp-auto-height .fp-tableCell { height: auto!important; } 
@media (width >= 1280px){
 .fadeItem { opacity: 0; transition: opacity 1s 0.5s; } 
 }
@media (width <= 1279px){
 .fadeItem { opacity: 1; transition: opacity 0s; } 
.mainSection,.contactSection { height: calc(100vh - 60px)!important; padding-top:60px; overflow: hidden; } 
.section:not(.mainSection,.contactSection) { height: auto !important; padding-top: 60px; } 
.section:not(.mainSection,.contactSection) .fp-tableCell { height: auto !important; } 
#fullpageNav { display:none!important; } 
 }
@media (450px <= width <= 1279px){
 .process__container { padding: 10rem 0; } 
 }
/*:*:*:*:*:*:*:* TABLET *:*:*:*:*:*:*:*/
@media (768px <= width <= 1279px) { html.responsive { font-size: 8px; } 
.process__listField { padding: 0 15rem; } 
.process__item { padding-top: 13rem; } 
 }

/*:*:*:*:*:*:*: MOBILE *:*:*:*:*:*:*:*/
@media (500px <= width <= 767px) { html.responsive { font-size: 6px; } 
.process__listField { padding: 0 12rem; } 
.services__row { flex-direction: column; align-items: flex-start; } 
 }

@media (0px <= width <= 499px) { html.responsive { font-size: 6px; } 
 .process__item { padding-top:8.5rem; } 
 }

/* quotation */
.quotation__container { background-color: #F7F7F9; padding:180px 0 120px; min-width: 1200px; } 
.quotationForm__container { border-radius: 20px; background-color: #fff; max-width: 1200px; margin: 0 auto; padding: 40px; display: flex; flex-direction: column; gap: 40px; } 
.quotation__body { padding-top: 50px; } 
.quotation__title { text-align: center; font-size: 40px; font-weight: 700; line-height: 150%; } 
.quotation__desc { font-size: 20px; font-weight: 500; line-height: 150%; padding-top: 10px; text-align: center; } 
.quotationForm__title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; } 
.quotationForm__list { display: flex; gap: 20px; flex-wrap: wrap; } 
.quotationForm__item { display: flex; align-items: flex-start; gap:10px; width: calc((100% - 20px) / 2); } 
.quotationForm__nameField { height: 42px; display: flex; align-items: center; min-width: 140px; } 
.quotationForm__name { font-weight:500; } 
.quotationForm__valueField { width: calc(100% - 150px); display: flex; flex-direction: column; gap: 10px; } 
.quotationForm__valueField input[type='text'],.quotationForm__valueField input[type='number'] { width: 220px; } 
.quotationForm__valueField textarea { font-size:14px; padding:5px 7px; } 
.quotationForm__label { width:fit-content; display: inline-flex; align-items: center; gap:8px; cursor: pointer; } 
.quotationForm__label input[type='checkbox'],.quotationForm__label input[type='checkbox']::before { width:18px; height:18px; background-size:18px; } 
.quotationForm__desc { color:#666; } 
.quotationForm__buttonField button { width:120px; } 

/* naver solution auth*/
.naverSolutionAuth__container { position: relative; padding-top: 60px; height: 100vh; } 
.naverSolutionAuth__box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; gap:20px; align-items: center; line-height: 150%; } 
.naverSolutionAuth__title { font-size: 18px; font-weight: 700; } 
.naverSolutionAuth__text { color: #666; text-align: center; } 
.naverSolutionAuth__textBold { font-weight: 600; } 
.naverSolutionAuthButton { width: 160px; } 

/*----------------------------------------------------------------------------modal css----------------------------------------------------------------------------*/
.modal-buttons__wrapper { display: flex; align-items: center; justify-content: center; gap:10px; } 
.modal-button { width:120px; height:42px; border-radius: 5px; background-color:#fff; color:#fff; font-weight: 600; line-height:140%; display: flex; align-items: center; justify-content: center; gap:4px; padding:0 14px; cursor: pointer; } 
.modal-button--type-grey { background-color:#eee; color:#000; } 
.modal-button--type-blue { background-color:#2085FF; } 
.modal-button--type-black { background-color:#fff; color:#000; border:1px solid #000; } 

.modal-component { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; width: 100%; height: 100%; align-items: center; justify-content: center; } 
.modal-component.is-opened { display: flex; } 
.modal-component__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); } 
.modal-component__container { min-width:500px; max-height: calc(100vh - 67px); border-radius: 10px; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); border: 1px solid #8D9199; overflow: hidden; z-index: 1; width: min-content; } 
.modal-component__header { background-color: #F2F3F5; position: relative; overflow: hidden; } 
.modal-component__title { color: #000; font-size: 20px; font-weight: 700; line-height: 150%; padding: 20px; display: flex; align-items: center; gap: 10px; } 
.modal-component__close { width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/modal_close_D.svg); background-size: 18px; position: absolute; top:50%; right:20px; transform: translateY(-50%); cursor: pointer; filter: invert(58%) sepia(4%) saturate(493%) hue-rotate(182deg) brightness(98%) contrast(91%); } 
.modal-component__body { padding: 20px 10px 40px 20px; } 
.modal-component__content { max-height: calc(100vh - 280px); padding-right: 10px; overflow-y: auto; } 
.modal-component__footer { padding: 0 20px 40px 20px; } 

.confirm-modal { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; width: 100%; height: 100%; } 
.confirm-modal.is-opened { display: block; } 
.confirm-modal__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); } 
.confirm-modal__container { min-width:500px; max-width: 500px; max-height: calc(100vh - 65px); border-radius: 10px; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); border: 1px solid #8D9199; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.confirm-modal__header { background-color: #363C51; position: relative; overflow: hidden; } 
.confirm-modal__title { color: #fff; font-size: 20px; font-weight: 700; line-height: 150%; padding: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; } 
.confirm-modal__close { width: 18px; height: 18px; background-image: url(//img.malltail.com/goods_img/contents/index/modal_close_D.svg); background-size: 18px; position: absolute; top:50%; right:20px; transform: translateY(-50%); cursor: pointer; filter: invert(58%) sepia(4%) saturate(493%) hue-rotate(182deg) brightness(98%) contrast(91%); } 
.confirm-modal__body { padding: 20px 10px 20px 20px; } 
.confirm-modal__content { max-height: calc(100vh - 280px); padding-right: 10px; overflow-y: auto; } 
.confirm-modal__subject { color: #000; font-size: 14px; font-weight: 500; line-height: 140%; text-align: center; } 
.confirm-modal__footer { padding: 0 20px 20px 20px; } 

/* modify-setting */
.modify-setting__title { color: #000; font-size: 18px; font-weight: 700; line-height: 140%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E0E0E0; } 

/* shipment-registration-modal */
.shipment-registration-modal .modal-component__content { width: 470px; } 
.center__title { color: #000; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom:10px; } 
.center__list { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } 
.center__item { width: calc((100% - 20px) / 3); border-radius: 5px; border: 1px solid #E0E0E0; } 
.center__item.is-selected { background-color:rgba(189, 218, 254, 0.30); border:1px solid #2085FF; } 
.center__item.is-selected .center__name { font-weight:600; color:#2085FF; } 
.center__item input[type='radio'] { display: none; } 
.center__icon { width: 32px; position: relative; } 
.center__icon--ship::after { content: ""; background-image:url(//cdn.malltail.com/goods_img/contents/index/b2b_ship_icon_D.svg); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; right: -9px; bottom: -5px; } 
.center__icon--airplane::after { content: ""; background-image:url(//cdn.malltail.com/goods_img/contents/index/b2b_airplane_icon_D.svg); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; right: -9px; bottom: -5px; } 
.center__name { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } 
.center__label { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; padding: 20px 10px; cursor: pointer; height: 98px; } 

/* store-upload-modal */
.store-upload-modal .layout-module__header { padding:9px 20px; } 
.store-upload-modal .modal-component__content { width:770px; } 
#upload-list .table-module__wrapper { padding-bottom:0; } 
#upload-list .table__row { height:42px; } 
#upload-list .table__cell .content { line-height: 1; } 
#upload-list .table__cell .icon img { vertical-align: -4px; } 
.order-upload__wrapper { margin-bottom: 40px; } 
.order-upload__desc { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; } 
.order-upload__desc .text { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 6px; padding-left: 21px; position: relative; } 
.order-upload__desc .text:last-of-type { margin-bottom: 0; } 
.order-upload__desc .text::before { content: ""; width: 5px; height: 5px; border-radius: 5px; position: absolute; left: 7px; top: 8px; background-color: #666; } 
.upload-field__title { color: #000; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom:20px; } 
.upload-field__list { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } 
.upload-field__item { min-width: 100px; display: flex; align-items: center; line-height:1; } 
.upload-field__label { display: inline-flex; align-items: center; height: 20px; cursor: pointer; } 
.upload-field__name { color: #000; font-size: 14px; line-height: 1; margin-left: 8px; } 
.upload-field__excel { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; } 
.upload-field__excel .name { flex: 0 140px; } 
.upload-field__excel .value { display: flex; align-items: center; gap: 6px; flex: 1 0 auto; } 
.upload-field__label.is-disabled .upload-field__name { color:#ccc; } 

/* order-details-modal */
#product-info-list { max-height:169px; overflow: auto; width: 766px; } 
#product-info-list .table__row { height:42px; } 
#product-info-list .table__cell { max-width: 0; } 

.information-field { margin-bottom:40px; } 
.information-field:last-of-type { margin-bottom:0; } 
.information-field__title { color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } 
.information-table { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; background-color: #fff; } 
.information-table__row { width: 100%; display: flex; position: relative; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-bottom: 0; } 
.information-table__row:last-of-type { border-bottom: 1px solid #E0E0E0; } 
.information-table__cell { vertical-align: middle; display: flex; min-height: 42px; line-height: 150%; padding: 10px; color: #000; } 
.information-table__name { width: 120px; min-width: 120px; background-color: #F8F8F8; color: #666; border-right: 1px solid #E0E0E0; } 
.information-table__name:not(:first-of-type) { border-left: 1px solid #E0E0E0; } 
.information-table__value { width:calc(100% - 120px); max-width: calc(50% - 120px); } 
.information-table__value:first-of-type { border-right: 1px solid #000; } 
.information-table__content { word-wrap: break-word; width: 100%; height: fit-content; position: relative; top: 50%; transform: translateY(-50%); } 

/* order-collection-setting-modal */

/* product-modify-modal */
.product-modify-modal .modal-component__content { width:470px; } 
.product-modify-modal .setting-field__wrapper { gap:20px; } 
.product-modify-modal input[type='text'], .product-modify-modal input[type='number'], .product-modify-modal input[type='file'] { width: 220px; } 
.product-modify-modal .product-list { display: flex; flex-direction: column; gap:40px; } 

/* product-resister-modal */
.product-resister-modal .modal-component__content { width: 1170px; } 
.product-resister-modal .filter input[type='text'], .product-resister-modal .filter input[type='number'], .product-resister-modal .filter .select__content { width:310px; } 
.product-resister-modal .filter__wrapper { display: flex; gap: 20px; } 
.product-resister-modal .filter__list { flex: 0 0 calc(50% - 10px); height: fit-content; } 
.product-resister-modal .table__cell { max-width:120px; } 

/* management-setting-modal */
#mall-list .table-module__wrapper { padding-bottom:0; } 
.management-setting-modal .modal-component__content { width:760px; max-width: 760px; } 
.mall-setting__header { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #E0E0E0; } 
.mall-setting__header .text { color: #666; font-size: 14px; font-weight: 400; line-height: 150%; } 
.mall-setting__header .essential { margin-right:15px; font-weight: 500; } 
.select.order-collect-method { width:100%; } 
.select.order-collect-method .select__content { width: 100%; } 
input[type="text"][name='api-seller-name'] { width: 220px; } 


/* product-details-modal */
.product-details-modal .setting-field__wrapper { gap:10px; } 
.product-details-modal .setting-field__item:nth-of-type(3) { padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; } 

/* image-upload-modal */
.image-setting__header { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #E0E0E0; } 
.image-setting__desc .text { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 6px; padding-left: 21px; position: relative; } 
.image-setting__desc .text:last-of-type { margin-bottom: 0; } 
.image-setting__desc .text::before { content: ""; width: 5px; height: 5px; border-radius: 5px; position: absolute; left: 7px; top: 8px; background-color: #666; } 

/* stock-details-modal */
.stock-details-modal .layout-module__header { padding:9px 20px; } 
.stock-details-modal .modal-component__content { width:770px; } 
#realtime-stock-list .table-module__wrapper { padding-bottom:0; } 
#realtime-stock-list .table__header .table__row { background-color: rgba(189, 218, 254, 0.30); } 
#realtime-stock-list .table__row { height:42px; } 
#realtime-stock-list .table__cell .icon img { vertical-align: -7px; } 
#stock-list .table-module__wrapper { padding-bottom:0; } 
#stock-list .table__row { height:42px; } 
#stock-list .table__cell .icon img { vertical-align: -7px; } 

/* forwarding-modify-modal */
.forwarding-modify-modal input[type='text'], .forwarding-modify-modal input[type='number'] { width:220px; } 
.forwarding-modify-modal .modal-component__content { width: 470px; } 
.forwarding-modify-modal .tab-component__wrapper { margin-bottom: 40px; } 
.forwarding-modify-modal .modify-setting__wrapper { display: flex; flex-direction: column; gap:40px; } 
.forwarding-modify-modal .product-list { display: flex; flex-direction: column; gap:40px; } 
.forwarding-modify-modal .modify-setting__header .setting-field__wrapper { gap:10px; } 
.forwarding-modify-modal .modify-setting__body .setting-field__wrapper,.forwarding-modify-modal .modify-setting__footer .setting-field__wrapper { gap:10px; } 
.forwarding-modify-modal .modal-buttons__wrapper { margin-top:0; } 

/* forwarding-detail-modal */
.forwarding-detail-modal input[type='text'], .forwarding-detail-modal input[type='number'] { width:220px; } 
.forwarding-detail-modal .modal-component__content { width: 470px; } 
.forwarding-detail-modal .tab-component__wrapper { margin-bottom: 40px; } 
.forwarding-detail-modal .modify-setting__wrapper { display: flex; flex-direction: column; gap:40px; } 
.forwarding-detail-modal .product-list { display: flex; flex-direction: column; gap:40px; } 
.forwarding-detail-modal .modify-setting__header .setting-field__wrapper { gap:10px; } 
.forwarding-detail-modal .modify-setting__body .setting-field__wrapper,.forwarding-detail-modal .modify-setting__footer .setting-field__wrapper { gap:10px; } 
.forwarding-detail-modal .modal-buttons__wrapper { margin-top:0; } 

/*excel-download-modal */
.excel-download-modal .modal-component__body { padding-bottom:0px; } 

/* tracking-modal */
.tracking-modal input[type='text'], .tracking-modal input[type='number'] { width:220px; } 
.tracking-modal .modify-setting__title { padding-top:20px; padding-bottom: 0; border-bottom:none; border-top:1px solid #E0E0E0; margin-top:20px; } 

/* detail-tracking-modal */
.detail-tracking-modal .button-detail { width:100px; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); } 
.detail-tracking-modal .modal-component__content { width:770px; height:631px; } 

/* qna-submit-modal */
.qna-submit-modal .modal-component__content { width:780px; } 
.qna-submit-modal .setting-field__wrapper { gap:20px; } 
.qna-submit-modal .qnaSubmit__desc { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; } 
.qna-submit-modal .qnaSubmit__desc .text { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 6px; padding-left: 21px; position: relative; } 
.qna-submit-modal .qnaSubmit__desc .text:last-of-type { margin-bottom: 0; } 
.qna-submit-modal .qnaSubmit__desc .text::before { content: ""; width: 5px; height: 5px; border-radius: 5px; position: absolute; left: 7px; top: 8px; background-color: #666; } 
.qna-submit-modal .setting-field__value-area { display: flex; flex-direction: column; gap:10px; } 
.qna-submit-modal .forwardingRequest input[type='text'] { width: 220px; border:1px solid #CCC; background-image: url(//img.malltail.com/goods_img/contents/index/b2b_search_icon_D.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) 50%; cursor: pointer; } 
.qna-submit-modal .forwardingRequest input[type='text']::placeholder { color:#000; } 
.qna-submit-modal .forwardingRequest__label { width:fit-content; display: inline-flex; align-items: center; gap:8px; cursor: pointer; } 
.qna-submit-modal .forwardingRequest__label input[type='checkbox'],.qna-submit-modal .forwardingRequest__label input[type='checkbox']::before { width:18px; height:18px; background-size:18px; } 

/* forwarding-load-modal */
#forwarding-list { max-height:252px; overflow: scroll; } 
#forwarding-list .table__row { height:42px; } 
#forwarding-list .table__cell input[type='radio'] { margin-right:5px; vertical-align: -4px; } 

/* personal-information-modal */
.personal-information-modal .modal-component__content { width:470px; } 
.personalInformation__title { font-size:16px; font-weight:700; line-height: 150%; padding-bottom:20px; } 
.personalInformation__desc { color:#666; line-height: 150%; } 

/* terms-modal */
.terms-modal .modal-component__content { width:470px } 

/* service-modal */
.service-modal .modal-component__content { width:470px } 

/* simple-receiving-modal */
.simple-receiving-modal .modal-component__container {max-width:500px;}
.simple-receiving-modal input[type='text'] {width:220px;}
.simple-receiving__header { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #E0E0E0; } 
.simple-receiving__desc .text { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 6px; padding-left: 21px; position: relative; } 
.simple-receiving__desc .text:last-of-type { margin-bottom: 0; } 
.simple-receiving__desc .text::before { content: ""; width: 5px; height: 5px; border-radius: 5px; position: absolute; left: 7px; top: 8px; background-color: #666; }