@charset "UTF-8";
/****************************************/
/*	PART: IMPORT CSS
/****************************************/
:root {
  --space-3xs: .9rem;
  --space-2xs: 1rem;
  --space-xs: 1.1rem;
  --space-sm: 1.2rem;
  --space-ms: 1.3rem;
  --space-md: 1.4rem;
  --space-mx: 1.8rem;
  --space-lg: 2.0rem;
  --space-xl: 2.4rem;
  --section: 37.5rem ;
}

/* function */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansKR-Thin.woff2") format("woff2"), url("../font/NotoSansKR-Thin.woff") format("woff"), url("../font/NotoSansKR-Thin.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansKR-Light.woff2") format("woff2"), url("../font/NotoSansKR-Light.woff") format("woff"), url("../font/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansKR-Regular.woff2") format("woff2"), url("../font/NotoSansKR-Regular.woff") format("woff"), url("../font/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansKR-Medium.woff2") format("woff2"), url("../font/NotoSansKR-Medium.woff") format("woff"), url("../font/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansKR-Bold.woff2") format("woff2"), url("../font/NotoSansKR-Bold.woff") format("woff"), url("../font/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSansKR-Black.woff2") format("woff2"), url("../font/NotoSansKR-Black.woff") format("woff"), url("../font/NotoSansKR-Black.otf") format("opentype");
}
/* Spoqa Han Sans Neo */
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
  src: url("../font/SpoqaHanSansNeo-Bold.eot");
  src: url("../font/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype");
  src: url("../font/SpoqaHanSansNeo-Bold.woff2") format("woff2");
  src: url("../font/SpoqaHanSansNeo-Bold.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 500;
  src: url("../font/SpoqaHanSansNeo-Medium.eot");
  src: url("../font/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype");
  src: url("../font/SpoqaHanSansNeo-Medium.woff2") format("woff2");
  src: url("../font/SpoqaHanSansNeo-Medium.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 400;
  src: url("../font/SpoqaHanSansNeo-Regular.eot");
  src: url("../font/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype");
  src: url("../font/SpoqaHanSansNeo-Regular.woff2") format("woff2");
  src: url("../font/SpoqaHanSansNeo-Regular.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 300;
  src: url("../font/SpoqaHanSansNeo-Light.eot");
  src: url("../font/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype");
  src: url("../font/SpoqaHanSansNeo-Light.woff2") format("woff2");
  src: url("../font/SpoqaHanSansNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "Spoqa Han Sans Neo";
  font-weight: 100;
  src: url("../font/SpoqaHanSansNeo-Thin.eot");
  src: url("../font/SpoqaHanSansNeo-Thin.eot?#iefix") format("embedded-opentype");
  src: url("../font/SpoqaHanSansNeo-Thin.woff2") format("woff2");
  src: url("../font/SpoqaHanSansNeo-Thin.woff") format("woff");
}
/* YouAndiNewKr */
@font-face {
  font-family: "YouandiNewKr";
  font-style: normal;
  font-weight: 300;
  src: url("../font/YouandiNewKrTitle-Light.eot"); /* IE9 Compat Modes */
  src: url("../font/YouandiNewKrTitle-Light.eot?#iefix") format("embedded-opentype"), url("../font/YouandiNewKrTitle-Light.woff2") format("woff2"), url("../font/YouandiNewKrTitle-Light.woff") format("woff"), url("../font/YouandiNewKrTitle-Light.svg") format("svg");
}
@font-face {
  font-family: "YouandiNewKr";
  font-style: normal;
  font-weight: 400;
  src: url("../font/YouandiNewKrTitle-Regular.eot");
  src: url("../font/YouandiNewKrTitle-Regular.eot#iefix") format("embedded-opentype"), url("../font/YouandiNewKrTitle-Regular.woff2") format("woff2"), url("../font/YouandiNewKrTitle-Regular.woff") format("woff"), url("../font/YouandiNewKrTitle-Regular.svg") format("svg");
}
@font-face {
  font-family: "YouandiNewKr";
  font-style: normal;
  font-weight: 500;
  src: url("../font/YouandiNewKrTitle-Medium.eot");
  src: url("../font/YouandiNewKrTitle-Medium.eot#iefix") format("embedded-opentype"), url("../font/YouandiNewKrTitle-Medium.woff2") format("woff2"), url("../font/YouandiNewKrTitle-Medium.woff") format("woff"), url("../font/YouandiNewKrTitle-Medium.svg") format("svg");
}
@font-face {
  font-family: "YouandiNewKr";
  font-style: normal;
  font-weight: 700;
  src: url("../font/YouandiNewKrTitle-Bold.eot");
  src: url("../font/YouandiNewKrTitle-Bold.eot#iefix") format("embedded-opentype"), url("../font/YouandiNewKrTitle-Bold.woff2") format("woff2"), url("../font/YouandiNewKrTitle-Bold.woff") format("woff"), url("../font/YouandiNewKrTitle-Bold.svg") format("svg");
}
@font-face {
  font-family: "YouandiNewKr";
  font-style: normal;
  font-weight: 800;
  src: url("../font/YouandiNewKrTitle-ExtraBold.eot");
  src: url("../font/YouandiNewKrTitle-ExtraBold.eot#iefix") format("embedded-opentype"), url("../font/YouandiNewKrTitle-ExtraBold.woff2") format("woff2"), url("../font/YouandiNewKrTitle-ExtraBold.woff") format("woff"), url("../font/YouandiNewKrTitle-ExtraBold.svg") format("svg");
}
/****************************************/
/*	PART: RESET CSS
/****************************************/
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  padding: 0;
  margin: 0;
}

/* rem default 10px */
body {
  background: #FFFFFF;
  width: 100%;
  overflow-x: hidden;
  /* 뷰표트 변환시 폰트크기 자동확대 방지. */
  -webkit-text-size-adjust: none;
  font-size: var(--space-ms);
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.4;
}

@media screen and (max-width: 1280px) {
  body {
    overflow-x: auto;
  }
}
/* HTML, body 높이값 100% 고정 */
html, body {
  height: 100%;
  height: 100vh;
  min-height: 100vh;
}

body, div, dl, dt, dd, ul, ol, li, hgroup, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
  margin: 0;
  padding: 0;
}

fieldset, img {
  border: 0 none;
}

dl, ul, ol, menu, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

address, caption, cite, code, dfn, em, var, i, b {
  font-style: normal;
  font-weight: 400;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

input, select, textarea, button {
  vertical-align: middle;
  font-size: 100%;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

/* 포커스 라인 비활성처리*/
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

input, textarea, select {
  background-color: transparent;
}

input:checked[type=checkbox] {
  background-color: #666;
  -webkit-appearance: checkbox;
}

input[type=text], input[type=password], input[type=submit], input[type=search], input[type=tel], input[type=email] {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

body, th, td, input, select, textarea, button {
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, "Spoqa Han Sans Neo", "Noto Sans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
  font-weight: 400;
  color: #000000;
  letter-spacing: -0.5px;
}

input[type=text]:-moz-read-only, input[type=password]:-moz-read-only {
  background: #f6f6f6;
}

input[type=text]:read-only, input[type=password]:read-only, input[type=text]:disabled, input[type=password]:disabled {
  background: #f6f6f6;
}

strong {
  font-weight: 700;
}

b {
  font-weight: 600;
}

a {
  display: inline-block;
  color: #000000;
  text-decoration: none;
}

a:active, a:hover {
  text-decoration: none;
}

legend, caption {
  position: absolute !important;
  overflow: hidden !important;
  height: 0.1rem !important;
  width: 0.1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  border: 0;
  clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
}

.hr {
  display: none;
  visibility: hidden;
}

/****************************************/
/*	PART: BASIC CSS
/****************************************/
.hide {
  position: absolute !important;
  overflow: hidden !important;
  height: 0.1rem !important;
  width: 0.1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  border: 0;
  clip: rect(0.1rem 0.1rem 0.1rem 0.1rem);
}

.blind {
  position: absolute !important;
  overflow: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  border: 0;
  display: block !important;
  font-size: 0.1rem !important;
  z-index: -1;
}

.full {
  width: 100% !important;
}

.bold {
  font-weight: 700;
}

.skip {
  display: block;
  position: fixed;
  top: -2rem;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 2rem;
  background-color: #000000;
  font-size: 1.4rem;
  color: white;
  text-align: center;
}

.skip:focus,
.skip:focus-visible,
.skip:focus-within {
  top: 0;
  z-index: 101;
}

.flex {
  display: flex;
  align-items: center;
}
.flex.center {
  justify-content: center;
}
.flex.between {
  justify-content: space-between;
}
.flex.col {
  flex-direction: column;
}
.flex.end {
  justify-content: end;
}

.underline {
  text-decoration: underline;
}
.underline:active, .underline:hover {
  text-decoration: underline;
}

.uline {
  display: inline-block;
}
.uline::after {
  content: "";
  display: block;
  background: #fc0;
  height: 1rem;
  margin-top: -1rem;
}

/* 스크롤바 */
::-webkit-scrollbar {
  height: 1.2rem;
  width: 1.2rem;
}

::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  background: #949494;
  border: 0.3rem solid #FFFFFF;
}

::-webkit-scrollbar-track {
  border-radius: 0.4rem;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 2.8rem !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 2.8rem !important;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 2.8rem !important;
}

.loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
.loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover,
.loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
.loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill, .loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover, .loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus, .loginWrap input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.loginWrap input:not([type=checkbox]):not([type=radio]):autofill,
.loginWrap input:not([type=checkbox]):not([type=radio]):autofill:hover,
.loginWrap input:not([type=checkbox]):not([type=radio]):autofill:focus,
.loginWrap input:not([type=checkbox]):not([type=radio]):autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.member input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
.member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover,
.member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
.member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.member input:not([type=checkbox]):not([type=radio]):-webkit-autofill, .member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover, .member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus, .member input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.member input:not([type=checkbox]):not([type=radio]):autofill,
.member input:not([type=checkbox]):not([type=radio]):autofill:hover,
.member input:not([type=checkbox]):not([type=radio]):autofill:focus,
.member input:not([type=checkbox]):not([type=radio]):autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 3.2rem !important;
}

.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 4.4rem !important;
}

.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill, .se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover, .se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus, .se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 4.4rem !important;
}

.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):autofill,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):autofill:hover,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):autofill:focus,
.se .tbl-wrap .field-input input:not([type=checkbox]):not([type=radio]):autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0px 0px 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  margin: 0.2rem 0;
  height: 4.4rem !important;
}

/* jquery UI CSS - resizalabe */
.ui-sortable-handle {
  touch-action: none;
}
.ui-draggable-handle {
  touch-action: none;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* cropper style */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #FF0000;
  outline-color: #FF0000;
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #FF0000;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #FF0000;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 5px;
  opacity: 1;
  right: -3px;
  width: 5px;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-point.point-se::before {
  background-color: #FF0000;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.tit h2 {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 4.4rem;
  font-family: "YouandiNewKr";
}
.tit h2 > span {
  font-weight: 700;
  color: #0070F0;
}
.tit h3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.tit h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.tit h4.dep01 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.tit + .tit {
  margin-top: 2rem;
}
.tit + .tit.sub-t {
  margin-top: 2rem;
}
.tit.sub-t + .field {
  margin-top: 0rem;
}
.tit + .field {
  margin-top: 4rem;
}
.tit + .field.c-check {
  margin-top: 2rem;
}
.tit.sub-t + .field.c-check {
  margin-top: 0rem;
}
.tit + form {
  margin-top: 3rem;
}
.tit + .field.mt-type01 {
  margin-top: 5.6rem;
}
.field + .tit {
  margin-top: 6.4rem;
}
.field + .tit.sub-t {
  margin-top: 2.4rem;
}
.tit + .tbl-wrap {
  margin-top: 4.8rem;
}
.tit.ct h2, .tit.ct h3, .tit.ct h4 {
  text-align: center;
}
.tit.dep01 {
  font-size: 2.2rem;
}
.tit.dep02 {
  font-size: 2rem;
}
.tit.dep03.type2 {
  color: #0048ff;
}
.tit .dep04 {
  font-size: 1.8rem;
}
.tit.sub {
  padding: 0;
  font-size: 1.4rem;
  font-weight: 400;
}
.tit .headcopy {
  margin-top: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000000;
  line-height: 2.6rem;
}
.tit .txt {
  margin-top: 3rem;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.4rem;
}
.tit .txt span {
  font-weight: 700;
  color: #0070F0;
}
.tit.center {
  text-align: center;
}
.tit-btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.tit-btn-wrap.end {
  justify-content: end;
  padding: 2rem 0 0.7rem 0;
}
.tit-btn-wrap .btnWrap {
  margin: inherit;
}
.tit .error_state {
  text-align: center;
  padding-bottom: 4rem;
}
.tit.info-tit .headcopy {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}

.txt {
  font-size: 1.4rem;
}
.txt ~ .txt {
  margin-top: 1rem;
}
.txt-link {
  text-decoration: underline;
  text-underline-position: under;
}

.req-b {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.req-b::before {
  content: "*";
  color: #FC4514;
  padding-right: 0.5rem;
}
.req-a {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.req-a::after {
  content: "*";
  color: #FC4514;
  padding-left: 0.5rem;
}

/* text : text 그룹 후 flex */
.split {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
.split.hgroup > .tit {
  vertical-align: middle;
}
.split.hgroup > .col {
  flex: 1 0 30%;
  text-align: right;
  vertical-align: middle;
}
.split.col2 > * {
  width: 50%;
}
.split.col2 > .cp-tit + .btnWrap {
  min-width: 70%;
}
.split .tit {
  font-weight: 700;
  color: #000000;
}
.split .tit.dep03 {
  margin-bottom: 1.4rem;
  font-size: 2rem;
}
.split.end {
  justify-content: flex-end;
}
.split .flex {
  display: inline-flex !important;
}

.field + .hgroup .dep03 {
  margin-top: 4rem;
  margin-bottom: 0.4rem;
}

.c-blue {
  color: #0070F0 !important;
}

.state-txt {
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 0.9rem;
  white-space: nowrap;
}
.state-txt::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.25rem);
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #000000;
}
.state-txt.ing {
  color: #7A7A7A;
}
.state-txt.ing::before {
  background-color: #7A7A7A;
}
.state-txt.temp-stor {
  color: #000000;
}
.state-txt.temp-stor::before {
  background-color: #000000;
}
.state-txt.del {
  color: #949494;
}
.state-txt.del::before {
  background-color: #949494;
}
.state-txt.complete {
  color: #0070F0;
}
.state-txt.complete::before {
  background-color: #0070F0;
}
.state-txt.companion {
  color: #FF0000;
}
.state-txt.companion::before {
  background-color: #FF0000;
}
.state-txt.revise {
  color: #FF0000;
}
.state-txt.revise::before {
  background-color: #FF0000;
}
.state-txt.check {
  color: #7A7A7A;
}
.state-txt.check::before {
  background-color: #7A7A7A;
}
.state-txt.progress {
  color: #0070f0;
}
.state-txt.progress::before {
  background-color: #0070F0;
}
.state-color.ex {
  color: #949494;
}
.state-color.ing {
  color: #0070F0;
}
.state-color.stop, .state-color.red {
  color: #FF0000;
}
.state-color.end {
  color: #000000;
}

.secon-color {
  color: #FC4514 !important;
}

.btnWrap {
  gap: 0.6rem;
  margin: 0 auto;
}
.btnWrap.split.col2 {
  flex-wrap: wrap;
}
.btnWrap.split.col2 > * {
  margin: 0;
  width: calc(50% - 0.4rem);
}
.btnWrap.split.col2 .full {
  display: block;
  flex: 1 0 100%;
}
.btnWrap.full > .btn {
  width: 100%;
  margin: 0;
  margin-bottom: 0 !important;
}
.btnWrap.full > .btn ~ .btn {
  margin-bottom: 0 !important;
  margin-top: 1rem;
}
.btnWrap.grow {
  display: flex;
  flex-wrap: wrap;
}
.btnWrap.grow > * {
  flex: 1 0 0;
  display: block;
}
.btnWrap.grow > .full {
  flex: none;
}
.btnWrap.grow.full > .btn {
  margin: 0;
}
.btnWrap.grow.full > .btn ~ .btn {
  margin: 0;
}
.btnWrap.grow.full > .btn + .btnWrap.grow.full > .btn {
  border-radius: 0;
}
.btnWrap.grow.type1 {
  max-width: 37.2rem;
  gap: 1.2rem;
}
.btnWrap.grow.type1 button {
  min-width: inherit;
}
.btnWrap.grow.pop-btn2 {
  max-width: 32.8rem;
  gap: 0.8rem;
}
.btnWrap.grow.pop-btn2 button {
  min-width: inherit;
}
.btnWrap.pos {
  justify-content: end;
}
.btnWrap.pos.sbt {
  justify-content: space-between;
}
.btnWrap.pos .btn {
  padding: 0rem 0.8rem;
  font-size: 1.3rem;
  height: 3.2rem;
  line-height: 3rem;
  border-radius: 0.8rem;
  border-color: #000;
  font-weight: 700;
}
.btnWrap.btom {
  gap: 0.6rem;
  justify-content: end;
  margin-top: 1.6rem;
}
.btnWrap.btom .btn {
  border-radius: 0.4rem;
}
.btnWrap.data {
  gap: 0;
  margin-left: 0.6rem;
}
.btnWrap.data button {
  min-width: 5.2rem;
  border-radius: 0.4rem;
  padding: 0.7rem 1rem;
  font-size: 1.3rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #5C5C5C;
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
}
.btnWrap.data button.is-active, .btnWrap.data button:hover, .btnWrap.data button:focus {
  font-weight: 700;
  color: #000000;
  box-shadow: inset 0 0 0 0.1rem #000000;
}
.btnWrap.data button + button {
  margin-left: 0.2rem;
}
.btnWrap.sizeM .btn {
  min-width: 16rem;
}
.btnWrap + .tbl-wrap {
  margin-top: 5.6rem;
}
.btnWrap .flex.gap {
  gap: 0.6rem;
}
.btnWrap.fixed.fixed-active {
  position: fixed;
  top: 10.5rem;
  right: 4rem;
  z-index: 5100;
}

.btn {
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.btn-size.xxs {
  padding: 0rem 1.2rem;
  font-size: 1.2rem;
  height: 2.8rem;
  line-height: 2.6rem;
}
.btn-size.xs {
  padding: 0rem 1.2rem;
  font-size: 1.3rem;
  height: 3.2rem;
  line-height: 3rem;
}
.btn-size.s {
  padding: 0rem 1.6rem;
  font-size: 1.4rem;
  height: 4rem;
  line-height: 3.8rem;
}
.btn-size.md {
  padding: 0rem 2rem;
  font-size: 1.6rem;
  height: 4.8rem;
  line-height: 4.6rem;
}
.btn-size.mm {
  padding: 0rem 1rem;
  height: 4rem;
  line-height: 3.8rem;
}
.btn-size.lg {
  padding: 0rem 2.4rem;
  font-size: 1.8rem;
  height: 5.6rem;
  line-height: 5.4rem;
}
.btn-size.xl {
  padding: 0rem 2.4rem;
  font-size: 2rem;
  height: 6.4rem;
  line-height: 6.2rem;
}
.btn.bg {
  font-weight: 500;
  border-radius: 0.8rem;
  transition: 0.2s all ease-in-out;
  border: 0.1rem #000000 solid;
  background: #000000;
  color: #FFFFFF;
  font-weight: 700;
}
.btn.bg[aria-disabled=disabled], .btn.bg[disabled], .btn.bg.disabled {
  cursor: not-allowed;
}
.btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  background: #7A7A7A;
  border-color: #7A7A7A;
  color: #FFFFFF;
  font-weight: 700;
}
.btn.bg[aria-disabled=disabled], .btn.bg[disabled], .btn.bg.disabled {
  border-color: #EBEBEB;
  background: #EBEBEB;
  color: #CCCCCC;
}
.btn.bg.type2 {
  background: #EBEBEB;
  border-color: #EBEBEB;
  color: #000000;
}
.btn.bg.type2:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.bg.type2:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.bg.type2:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  color: #000000;
  background: #D6D6D6;
  border-color: #D6D6D6;
}
.btn.bg.type2[aria-disabled=disabled], .btn.bg.type2.disabled {
  color: #CCCCCC;
}
.btn.bg.type2[aria-disabled=disabled]:hover, .btn.bg.type2[aria-disabled=disabled]:focus, .btn.bg.type2.disabled:hover, .btn.bg.type2.disabled:focus {
  background: #EBEBEB;
  color: #CCCCCC;
  border-color: #EBEBEB;
}
.btn.bg.type3 {
  background: #4b90df;
  border-color: #4b90df;
  color: #FFFFFF;
}
.btn.bg.type3:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.bg.type3:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.bg.type3:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  color: #FFFFFF;
  background: #0048ff;
  border-color: #0048ff;
}
.btn.bg.type3[aria-disabled=disabled], .btn.bg.type3.disabled {
  color: #FFFFFF;
}
.btn.bg.type3[aria-disabled=disabled]:hover, .btn.bg.type3[aria-disabled=disabled]:focus, .btn.bg.type3.disabled:hover, .btn.bg.type3.disabled:focus {
  background: #0048ff;
  color: #FFFFFF;
  border-color: #0048ff;
}
.btn-line, .btn.line {
  font-weight: 500;
  border-radius: 0.8rem;
  transition: 0.2s all ease-in-out;
  border: 0.1rem #CCCCCC solid;
  color: #000000;
  background: #FFFFFF;
  font-weight: 700;
}
.btn-line[aria-disabled=disabled], .btn-line[disabled], .btn-line.disabled, .btn.line[aria-disabled=disabled], .btn.line[disabled], .btn.line.disabled {
  cursor: not-allowed;
}
.btn-line:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn-line:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn-line:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active, .btn.line:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.line:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.line:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  background: #EBEBEB;
  border-color: #000000;
  color: #000000;
}
.btn-line[aria-disabled=disabled], .btn-line[disabled], .btn-line.disabled, .btn.line[aria-disabled=disabled], .btn.line[disabled], .btn.line.disabled {
  background: #FFFFFF;
  border-color: #CCCCCC;
  color: #CCCCCC;
}
.btn.lightLine {
  font-weight: 500;
  border-radius: 0.8rem;
  transition: 0.2s all ease-in-out;
  border: 1px #B3B3B3 solid;
  color: #000000;
  background: #FFFFFF;
}
.btn.lightLine[aria-disabled=disabled], .btn.lightLine[disabled], .btn.lightLine.disabled {
  cursor: not-allowed;
}
.btn.lightLine:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover,
.btn.lightLine:not(.disabled):not([disabled]):not([aria-disabled=disabled]) :focus, .btn.lightLine:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  background: #FFFFFF;
  border-color: #000000;
  color: #000000;
  transition: 0.2s all ease-in-out;
}
.btn.lightLine[aria-disabled=disabled], .btn.lightLine[disabled], .btn.lightLine.disabled {
  background: #FFFFFF;
  border-color: #B3B3B3;
  color: #B3B3B3;
}
.btn-list {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.8rem;
}
.btn-list.plus {
  background: url(./../images/btn_icon_plus.svg) #EBEBEB no-repeat center center;
}
.btn-list.minus {
  background: url(./../images/btn_icon_minus.svg) #EBEBEB no-repeat center center;
}
.btn-file {
  height: 4.8rem;
  border-radius: 0.8rem;
  background-color: #EBEBEB;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}
.btn-file.upload {
  width: 8.8rem;
}
.btn-file.reset {
  width: 5.8rem;
}
.btn-file.xs {
  padding: 0rem 1.2rem;
  font-size: 1.3rem;
  height: 3.2rem;
  line-height: 3rem;
}
.btn-file:hover, .btn-file:focus {
  background: #D6D6D6;
  color: #000000;
}
.btn-file[aria-disabled=disabled], .btn-file.disabled {
  color: #CCCCCC;
  background: #EBEBEB;
}
.btn.search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 4rem;
  padding-left: 0.8rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.btn.search:before {
  width: 2rem;
  height: 2rem;
}
.btn.search.s {
  padding-left: 1.2rem;
}
.btn.search.s:before {
  width: 2rem;
  height: 2rem;
}
.btn.search.md {
  padding-left: 1.6rem;
}
.btn.search.md:before {
  width: 2.4rem;
  height: 2.4rem;
}
.btn.search.lg {
  padding-left: 2rem;
}
.btn.search.lg:before {
  width: 2.8rem;
  height: 2.8rem;
}
.btn.search.xl {
  padding-left: 2rem;
}
.btn.search.xl:before {
  width: 2.8rem;
  height: 2.8rem;
}
.btn.search::before {
  content: "";
  clear: both;
  display: inline-flex;
  background-image: url(../images/icon_search.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: auto;
  vertical-align: middle;
}
.btn.search[aria-disabled=disabled]::before, .btn.search.disabled::before {
  background-image: url(./../images/icon_search_di.svg);
}
.btn.multi_search::before {
  content: "";
  clear: both;
  display: inline-flex;
  background: url(./../images/icon_multi_search.svg);
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  margin-right: 0.4rem;
}
.btn.icon-down {
  padding: 0 0.8rem;
}
.btn.icon-down span {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background: url(./../images/icon_download.svg);
}
.btn.del::before {
  content: none;
  clear: both;
  display: inline-flex;
  background: url(./../images/icon_del.svg);
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  margin-right: 0.4rem;
}
.btn.plus::before {
  content: none;
  display: inline-block;
  background: url(../images/icon_btn_plus.svg) no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  vertical-align: text-bottom;
}
.btn.priority::before {
  content: none;
  display: inline-block;
  background: url(../images/icon_btn_priority.svg) no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  vertical-align: text-bottom;
}
.btn.first::before {
  content: "";
  display: inline-block;
  background: url(../images/icon_btn_first.svg) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.btn.up::before {
  content: "";
  display: inline-block;
  background: url(../images/icon_btn_up.svg) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.btn.down::before {
  content: "";
  display: inline-block;
  background: url(../images/icon_btn_down.svg) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.btn.last::before {
  content: "";
  display: inline-block;
  background: url(../images/icon_btn_last.svg) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.btn.round {
  font-weight: 500;
  border-radius: 0.8rem;
  transition: 0.2s all ease-in-out;
  border: 0.1rem #000000 solid;
  background: #000000;
  color: #FFFFFF;
  border-radius: 10rem;
}
.btn.round[aria-disabled=disabled], .btn.round[disabled], .btn.round.disabled {
  cursor: not-allowed;
}
.btn.round:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.round:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.round:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  background: #7A7A7A;
  border-color: #7A7A7A;
  color: #FFFFFF;
}
.btn.round[aria-disabled=disabled], .btn.round[disabled], .btn.round.disabled {
  border-color: #EBEBEB;
  background: #EBEBEB;
  color: #CCCCCC;
}
.btn.shadow {
  font-weight: 500;
  border-radius: 0.8rem;
  transition: 0.2s all ease-in-out;
  border: 0.1rem #000000 solid;
  background: #000000;
  color: #FFFFFF;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.btn.shadow[aria-disabled=disabled], .btn.shadow[disabled], .btn.shadow.disabled {
  cursor: not-allowed;
}
.btn.shadow:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.shadow:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .btn.shadow:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  background: #7A7A7A;
  border-color: #7A7A7A;
  color: #FFFFFF;
}
.btn.shadow[aria-disabled=disabled], .btn.shadow[disabled], .btn.shadow.disabled {
  border-color: #EBEBEB;
  background: #EBEBEB;
  color: #CCCCCC;
}
.btn.shadow:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .btn.shadow:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
}
.btn.shadow[aria-disabled=disabled], .btn.shadow[disabled], .btn.shadow.disabled {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.btn.grow {
  flex: 1 0 0;
}
.btn.txt {
  padding: 0;
  position: relative;
  transition: 0.5s color ease;
  display: inline-block;
}
.btn.txt ~ .btn.txt {
  margin-top: 0;
}
.btn.txt::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2rem;
  background: #ffed23;
  width: 0;
}
.btn.txt:hover {
  backface-visibility: hidden;
  position: relative;
  text-decoration: none;
  color: #016823;
}
.btn.txt:hover::after {
  content: "";
  display: block;
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s all ease;
  width: 100%;
  height: 0.7rem;
  background: #00c542;
  opacity: 0.7;
  z-index: -1;
}
.btn.txt.uline {
  padding: 0 0.2rem 0;
}
.btn.txt.uline::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: #EBEBEB;
  transition: 0.5s all ease;
}
.btn.txt.uline:hover, .btn.txt.uline:focus {
  backface-visibility: hidden;
  position: relative;
  text-decoration: none;
  color: #5C5C5C;
}
.btn.txt.uline:hover::before, .btn.txt.uline:focus::before {
  content: "";
  display: block;
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s all ease;
  width: 0;
  opacity: 0;
}
.btn.txt.uline::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
}
.btn.txt.uline:hover, .btn.txt.uline:focus {
  backface-visibility: hidden;
  position: relative;
  text-decoration: none;
  color: #5C5C5C;
}
.btn.txt.uline:hover::after, .btn.txt.uline:focus::after {
  content: "";
  display: block;
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s all ease;
  width: 100%;
  height: 0.2rem;
  background: #7c4bdf;
  z-index: 1;
}
.btn.ico {
  position: relative;
}
.btn.ico.arrow {
  padding: 0 1.5rem 0 0.5rem;
  line-height: 2rem;
}
.btn.ico.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.4rem;
  border-left: 0.2rem #5C5C5C solid;
  border-bottom: 0.2rem #5C5C5C solid;
  transform: rotate(-135deg);
}
.btn.ico.arrow.type2 {
  margin-top: 0.8rem;
  justify-content: center;
  color: #0070F0;
}
.btn.ico.arrow.type2::before {
  content: "";
  display: block;
  content: none;
}
.btn.ico.arrow.type2::after {
  content: "";
  display: block;
  position: relative;
  top: 0.2rem;
  left: 0.5rem;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.4rem;
  border-left: 0.2rem #0070F0 solid;
  border-bottom: 0.2rem #0070F0 solid;
  transform: rotate(-135deg);
}
.btn.full {
  margin: 0;
  margin-bottom: 0 !important;
}
.btn.full ~ .full {
  margin-top: 1rem;
}
.btn.tbl-btn {
  font-size: 1.3rem;
  font-weight: 500;
  background: #EBEBEB;
  border-radius: 0.8rem;
}
.btn.w120 {
  min-width: 12rem;
}
.btn.w160 {
  min-width: 16rem;
}
.btn.ml-12 {
  margin-left: 1.2rem;
}
.btn-convert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.5rem;
  height: 4rem;
  padding-left: 0.8rem;
  border: 0.1rem solid #000000;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.btn-convert::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon_re.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.tbl-down-btn {
  width: 8rem;
  padding: 0.1rem 0.5rem;
  border: 0.1rem solid #000000;
  border-radius: 0.8rem;
  margin-left: 0.8rem;
  font-weight: 500;
  color: #000000;
  line-height: 2rem;
}
.tbl-down-btn .icon {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(./../images/icon_tbl_down.svg) no-repeat;
  vertical-align: text-top;
  margin-top: 0.2rem;
}

.ico {
  display: inline-block;
  word-break: keep-all;
}
.ico + .ico {
  margin-left: 1rem;
}
.ico.txt-r::before {
  margin-right: 0.5rem;
}
.ico.txt-l::after {
  margin-left: 0.5rem;
}
.ico-tooltip {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon_tooltip.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: top center;
}
.ico-tooltip-close {
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E") no-repeat;
}
.ico-gopage::before {
  content: "";
  display: block;
  display: inline-block;
  content: "\f2d2";
  font-family: "iconFont";
  font-weight: 900;
}
.ico-pop-close {
  position: relative;
  top: -0.8rem;
  right: -0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(../images/icon_pop_close.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ico-pop.af::after {
  content: "";
  display: block;
  display: inline-block;
  content: "\f08e";
  font-family: "iconFont";
  font-weight: 900;
  margin-left: 0.5rem;
}
.ico-star {
  position: relative;
  padding-left: 1.6rem;
}
.ico-star::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 2rem;
  background: 0 50% no-repeat;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a1 1 0 0 1 1 1v5.268l4.562-2.634a1 1 0 1 1 1 1.732L10 8l4.562 2.634a1 1 0 1 1-1 1.732L9 9.732V15a1 1 0 1 1-2 0V9.732l-4.562 2.634a1 1 0 1 1-1-1.732L6 8 1.438 5.366a1 1 0 0 1 1-1.732L7 6.268V1a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
}
.ico-info {
  position: relative;
  padding-left: 2.5rem;
}
.ico-info::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: 0 50% no-repeat;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
}
.ico-lock {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 4rem auto 0 auto;
  background: url(../images/icon_lock.svg) no-repeat center/100%;
}
.ico-alert {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 0 auto 2rem;
  background: url(../images/icon_alert.svg) no-repeat center;
}
.ico-arrow {
  display: flex;
  align-items: center;
  color: #0070F0;
  text-decoration: underline !important;
}
.ico-arrow::after {
  content: "";
  display: block;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1rem;
  border-left: 0.2rem #0070F0 solid;
  border-bottom: 0.2rem #0070F0 solid;
  border-radius: 0.1rem;
  vertical-align: middle;
  transform: rotate(-135deg);
}

/* form input style */
.invalid + .field-msg .ico-error,
.invalid .ico-error {
  display: inline-block;
}
.invalid + .field-msg .ico-error::before,
.invalid .ico-error::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e93c79' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E") no-repeat;
}

.valid + .field-msg .ico-error,
.valid .ico-error {
  display: inline-block;
}
.valid + .field-msg .ico-error::before,
.valid .ico-error::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2348ff' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E") no-repeat;
}

/* 툴팁 */
.ico_tooltip {
  background: url(../images/icon_tooltip.svg) no-repeat center;
  width: 2rem;
  height: 2rem;
}

.wrap_tooltip {
  display: inline-block;
  position: relative;
  text-align: left;
  height: 1.9rem;
  margin-top: -3px;
  vertical-align: middle;
}
.wrap_tooltip > * {
  vertical-align: middle;
}
.wrap_tooltip .btn_tooltip-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(ellipsis.xml#ellipsis);
  white-space: nowrap;
  max-height: auto;
  margin: 0;
  text-decoration: underline !important;
  text-underline-position: under;
  cursor: pointer;
}

.ui-tooltip {
  position: fixed;
  max-width: 30rem;
  z-index: 51000;
  padding: 1rem;
  background: #FFFFFF;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.16);
  border: 0.1rem solid #E0E0E0;
  font-size: 1.2rem;
  color: #5c5c5c;
  text-align: left;
}
.ui-tooltip-cont {
  max-height: 26rem;
  overflow-y: auto;
}
.ui-tooltip-after {
  position: absolute;
  top: -1rem;
  left: 1.6rem;
  width: 0.7rem;
  height: 1.5rem;
  transform: rotate(90deg);
  background: url(./../images/hover_arrow.svg);
}
.ui-tooltip-after.hover-after {
  position: absolute;
  bottom: -1rem;
  right: 50%;
  top: auto;
  left: auto;
  transform: rotate(-90deg);
}

._clickTooltip {
  position: relative;
  width: 100%;
}
._clickTooltip .ui-tooltip {
  width: 100%;
}

.field {
  position: relative;
  /* FIELD - INPUT */
  /* FIELD - OUTLINE */
  /* FIELD - PLACEHOLDER */
  /* FIELD - GROUP */
  /* FIELD - VALID */
  /* FIELD - CURSOR */
  /* FIELD - DISABLED */
  /* FIELD - READONLY */
  /* FIELD - 테이블 안 INPUT */
  /* FIELD - 테이블 안 INPUT + txt */
}
.field + .field {
  margin-top: 4rem;
}
.field + .field.agency-mg {
  margin-top: 6.4rem;
}
.field + .field.terms-mg {
  margin: 4rem 0;
}
.field ._box {
  display: flex;
  gap: 0.8rem;
}
.field-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.1rem;
}
.field-group.list .field-checkbox {
  padding: 0.8rem 0 0.8rem 0.8rem;
  margin: 0 0.8rem 0.8rem 0;
  position: sticky;
}
.field-group.list .field-checkbox::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 50%;
  transform: translateY(-50%);
  background-color: #E0E0E0;
}
.field-group.list .field-checkbox ~ .field-checkbox {
  margin-left: 0;
}
.field-group + .list-dot {
  margin-top: 0.8rem;
}
.field input[type=password]:-moz-read-only {
  color: #EBEBEB;
}
.field input[type=password]:read-only {
  color: #EBEBEB;
}
.field.grow,
.field .grow {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.field-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.field-label {
  display: block;
  font-weight: 500;
  color: #5C5C5C;
  background: #FFFFFF;
  z-index: 2;
  line-height: 2rem;
}
.field-label.cmt::before {
  content: "*";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  color: #FF0000;
  position: absolute;
  top: 0;
  right: 0.7rem;
}
.field-label.tit {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 2rem;
  line-height: 2.6rem;
  color: #949494;
  transition: all 0.2s ease-in;
  cursor: default;
  padding: 0 !important;
}
.field-txt {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
}
.field-txt + .field-date {
  margin-left: 0.8rem;
}
.field-msg {
  display: none;
  margin-top: 0.4rem;
  line-height: 1.8rem;
}
.field-msg span {
  font-size: 1.2rem;
  font-weight: 500;
}
.field-info {
  margin-top: 0.4rem;
  line-height: 1.8rem;
}
.field-info .message {
  font-size: 1.2rem;
  font-weight: 500;
  color: #949494;
}
.field-input {
  outline: none;
}
.field-input input:not([type=checkbox]):not([type=radio]) {
  font-size: 2rem;
  font-weight: 500;
  color: #000000;
  padding: 1.5rem 0 1.5rem 1.4rem;
  width: 100%;
  height: 5.6rem;
  line-height: 2.6rem;
  border: 0;
  background-color: transparent;
}
.field-input input:not([type=checkbox]):not([type=radio]):focus {
  outline: none;
}
.field-input input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-size: var(--space-mx);
  font-weight: 400;
  color: #B3B3B3;
}
.field-input input:not([type=checkbox]):not([type=radio])::placeholder {
  font-size: var(--space-mx);
  font-weight: 400;
  color: #B3B3B3;
}
.field-input.right input {
  text-align: right;
}
.field-input.center input {
  text-align: center;
}
.field-input.mid_num {
  position: relative;
  max-width: 1.1rem;
  padding-right: 0;
}
.field-input.mid_num input::-moz-placeholder {
  font-size: 0.4rem;
}
.field-input.mid_num input::placeholder {
  font-size: 0.4rem;
}
.field-date {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
}
.field-date .field-input {
  min-height: auto;
  font-size: 0;
}
.field-date.time .date-time {
  position: relative;
  display: flex;
  align-items: center;
}
.field-date.time .date-time .info-tit {
  font-size: 1.1rem;
  font-weight: 500;
  color: #000000;
  margin-right: 0.8rem;
}
.field-date.time .date-time .field-input + .field-tbl {
  margin-left: 0.6rem;
}
.field-date.time .date-time .field-input .t-c {
  text-align: center;
}
.field-date.time .date-time + .date-time {
  margin-left: 2.4rem;
}
.field-date.time .date-time + .date-time::before {
  content: "";
  display: block;
  content: "~";
  line-height: 3.2rem;
  position: absolute;
  bottom: 0;
  left: -1.6rem;
}
.field-date.date-wrap {
  flex-wrap: wrap;
  gap: 0.5rem;
}
.field-date.date-wrap .btnWrap {
  margin: 0;
}
.field-date.date-wrap .btnWrap.date {
  margin-left: 0;
}
.field-outline {
  display: flex;
  align-items: stretch;
  position: relative;
  box-shadow: none;
  border-radius: 0.4rem;
  transition: box-shadow 250ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
.field-outline input:not([type=checkbox]):not([type=radio]):not(.btn-select) {
  height: auto;
  padding: 0 0 1rem 0;
  border-radius: 0;
}
.field-outline input:not([type=checkbox]):not([type=radio]):not(.btn-select)::-moz-placeholder {
  font-size: 0;
  opacity: 0;
}
.field-outline input:not([type=checkbox]):not([type=radio]):not(.btn-select)::placeholder {
  font-size: 0;
  opacity: 0;
}
.field-outline::before {
  content: "";
  display: block;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #CCCCCC;
}
.field-outline:hover::before {
  background-color: #000;
}
.field-outline.focus-within::before {
  background-color: #000;
}
.field-outline.focus-within, .field-outline.disabled, .field-outline.readonly {
  box-shadow: none;
}
.field-outline.focus-within .field-label.tit, .field-outline.disabled .field-label.tit, .field-outline.readonly .field-label.tit {
  font-size: 1.2rem;
  transform: translateY(-100%);
  top: -0.4rem;
  line-height: 1.6rem;
}
.field-outline.focus-within .field-label.tit + .field-input input[disabled], .field-outline.disabled .field-label.tit + .field-input input[disabled], .field-outline.readonly .field-label.tit + .field-input input[disabled] {
  color: #000000 !important;
}
.field-outline.auth {
  display: inline-flex;
  width: 100%;
}
.field-outline.auth .field-input {
  display: flex;
}
.field-outline.auth .field ._input-clear {
  order: 2;
}
.field-outline.auth .auth-time {
  margin-left: 1rem;
  align-self: center;
  order: 3;
  padding-right: 0.6rem;
  font-weight: 500;
}
.field-outline.auth .btn-auth {
  align-self: center;
  position: relative;
  bottom: 0.5rem;
}
.field-outline.full {
  width: 100%;
}
.field-outline.pw-group.type2 > ._input {
  max-width: 3rem;
}
.field-outline.pw-group.type2 > ._input:first-child {
  padding-right: 0;
}
.field-outline.grow {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.field-outline > * {
  padding: 0 0.8rem;
}
.field-outline > * + * {
  padding-left: 0;
}
.field-outline > .field-label {
  padding: 0 0.4rem;
}
.field-outline.column {
  flex-direction: column;
}
.field-outline.column > * {
  padding: 1rem;
}
.field-outline.column > * + * {
  padding-top: 0;
}
.field-outline.column .right {
  place-self: flex-end;
}
.field-outline.disabled, .field-outline.readonly {
  cursor: default;
  pointer-events: none;
}
.field-outline.disabled::before, .field-outline.readonly::before {
  content: "";
  display: block;
  background-color: #E0E0E0;
}
.field-outline.disabled input, .field-outline.readonly input {
  color: #949494 !important;
}
.field-outline.auto_cb {
  background-color: #EDF3FD;
}
.field-outline.auto_cb .field-input input {
  color: #004ddc;
}
.field-outline.auto_cb .field-input input::-moz-placeholder {
  color: #004ddc;
}
.field-outline.auto_cb .field-input input::placeholder {
  color: #004ddc;
}
.field-outline.auto_cr {
  background-color: #FFF1ED;
}
.field-outline.auto_cr .field-input input {
  color: #FC4514;
}
.field-outline.auto_cr .field-input input::-moz-placeholder {
  color: #FC4514;
}
.field-outline.auto_cr .field-input input::placeholder {
  color: #FC4514;
}
.field-outline .center {
  place-self: center;
}
.field-outline .bottom {
  place-self: flex-end;
}
.field._label > .field-outline {
  position: relative;
  z-index: 1;
  padding: 0 1rem;
  flex-wrap: wrap;
}
.field._label > .field-outline > .field-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.field._label > .field-outline > .field-label._is-active {
  position: initial;
  flex: none;
  width: 100%;
  margin: 1rem 0 0;
  padding: 0;
  font-size: var(--space-xs);
}
.field-group {
  display: flex;
}
.field-group + .field-group {
  margin-top: 1rem;
}
.field-group + .field {
  margin-top: 1rem;
}
.field-group .field + .field-group .field {
  margin-top: 0;
  margin-left: 1rem;
}
.field-group .field-select-wrap {
  flex-basis: 15%;
}
.field-group .btnWrap {
  margin-top: 0;
}
.field-group div {
  flex-grow: 1;
}
.field-group .field + .field {
  margin: 0;
  margin-left: 0.8rem;
}
.field + .field-group {
  margin-top: 1rem;
}
.field.valid + .field-msg,
.field.valid .field-msg {
  display: block;
  color: #0048ff;
}
.field.invalid .field-outline input {
  color: #FF0000;
}
.field.invalid .field-outline::before {
  background-color: #FF0000;
}
.field.invalid + .field-msg,
.field.invalid .field-msg {
  display: block;
  color: #FF0000;
}
.field-label, .field-checkbox, .field-radio, .field-select select {
  cursor: pointer;
}
.field.disabled .field-outline, .field.disabled .field-checkbox, .field.disabled .field-radio, .field .field-checkbox.disabled, .field .field-radio.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.field.disabled .field-outline {
  background-color: #949494;
}
.field.readonly .field-outline, .field.readonly .field-checkbox, .field.readonly .field-radio, .field .field-checkbox.readonly, .field .field-radio.readonly {
  cursor: default;
  pointer-events: none;
}
.field.readonly input, .field.readonly textarea, .field.readonly .field-checkbox .field-label, .field.readonly .field-radio .field-label, .field .field-checkbox.readonly .field-label, .field .field-radio.readonly .field-label {
  color: #5C5C5C;
}
.field.field .field-outline.disabled .field-label, .field.field .field-outline.readonly .field-label {
  background: transparent;
}
.field-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.field-wrap .field-info {
  font-size: 1.1rem;
  color: #7A7A7A;
  line-height: 1.6rem;
  margin-top: 0rem;
  margin-bottom: 0;
}
.field-wrap .msg-limit {
  font-size: 1.1rem;
  color: #7A7A7A;
  line-height: 1.6rem;
  margin-top: auto;
}
.field-wrap .msg-limit em {
  color: #000000;
}
.field-wrap .chk-label {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  color: #7A7A7A;
  line-height: 2rem;
}
.field-wrap .chk-label + .field-group {
  padding: 0 2.4rem;
}
.field-wrap .chk-label + .field {
  margin: 0 1.6rem;
}
.field-wrap .chk-label.required::after {
  content: "";
  display: block;
  content: "*";
  display: inline-block;
  position: relative;
  top: -0.2rem;
  color: #FC4514;
  margin-left: 0.4rem;
}
.field-wrap + * {
  margin-top: 1rem;
}
.field-wrap.field-wrap-top {
  align-items: center;
}
.field-wrap.field-wrap-top .chk-label {
  margin-top: 0.6rem;
}
.field-tbl {
  margin-top: 0;
}
.field-tbl * + .tbl-btn {
  margin-left: 0.8rem;
}
.field-tbl label {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0;
}
.field-tbl label.field-radio {
  justify-content: center;
  padding: 0.4rem 0;
}
.field-tbl .field-select .btn-select {
  font-size: 1.3rem;
  height: 3.2rem;
  min-height: auto;
  padding: 0 3.2rem 0 0.8rem;
  line-height: 1;
  font-weight: 500;
  border-radius: 0.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.field-tbl .field-select::after {
  right: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon_arrow_down_s.svg) no-repeat center;
}
.field-tbl .field-select-list {
  top: 3.8rem;
  padding: 0 0.1rem 0 0;
  border-radius: 0.4rem;
  max-height: 19.6rem;
  overflow-y: auto;
}
.field-tbl .field-select-list li {
  padding: 0.7rem 1.2rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: #5C5C5C;
}
.field-tbl .field-select.time::after {
  content: none;
}
.field-tbl .field-select.time .btn-select {
  text-align: center;
}
.field-tbl.select-group {
  display: flex;
  gap: 0.6rem;
}
.field-tbl .field-outline {
  max-width: 100%;
  border-radius: 0.4rem;
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
  background: #FFFFFF;
}
.field-tbl .field-outline.sizeXxs {
  width: 8rem;
}
.field-tbl .field-outline.sizeXs {
  width: 12rem;
}
.field-tbl .field-outline.sizeS {
  width: 16rem;
}
.field-tbl .field-outline.sizeSm {
  width: 20rem;
}
.field-tbl .field-outline.sizeMs {
  width: 28rem;
}
.field-tbl .field-outline.sizeM {
  width: 32.4rem;
}
.field-tbl .field-outline.sizeL {
  width: 50.4rem;
}
.field-tbl .field-outline::before {
  content: "";
  display: block;
  display: none;
}
.field-tbl .field-outline.readonly {
  background-color: #EBEBEB;
}
.field-tbl .field-outline.disabled {
  background-color: #EBEBEB;
}
.field-tbl .field-outline.auto_cb {
  background-color: #EDF3FD;
}
.field-tbl .field-outline.auto_cr {
  background-color: #FFF1ED;
}
.field-tbl .field-outline:has(input:focus, input:focus-visible, input:focus-within) {
  box-shadow: inset 0 0 0 0.2rem #000000;
}
.field-tbl .field-input input:not([type=checkbox]):not([type=radio]):not(.btn-select) {
  height: 3.2rem;
  padding: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
.field-tbl .field-input input:not([type=checkbox]):not([type=radio]):not(.btn-select)::-moz-placeholder {
  font-size: 1.3rem;
  color: #949494;
  font-weight: normal;
  opacity: 1;
}
.field-tbl .field-input input:not([type=checkbox]):not([type=radio]):not(.btn-select)::placeholder {
  font-size: 1.3rem;
  color: #949494;
  font-weight: normal;
  opacity: 1;
}
.field-tbl .field-input ._input-clear._active {
  padding-bottom: 0;
}
.field-tbl .field-txt {
  margin-left: 0.8rem;
}
.field-tbl .field-msg {
  margin-top: 0.4rem;
  margin-bottom: 0;
  padding: 0;
}
.field-tbl .field-msg span {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.field-tbl .field-info {
  font-size: 1.1rem;
  margin-top: 0.4rem;
  margin-bottom: 0;
  color: #7A7A7A;
  line-height: 1.6rem;
}
.field-tbl .field-info .message + .msg-limit {
  margin-left: 0.6rem;
}
.field-tbl.input-two {
  display: flex;
  gap: 0.6rem;
  flex: 1;
}
.field-tbl.input-two .field-select.field-outline {
  width: 12rem;
}
.field-tbl.input-two .field-outline {
  width: calc(100% - 12.6rem);
}
.field-tbl.gap {
  gap: 0.4rem;
}
.field-tbl .info-txt {
  font-size: 1.1rem;
  color: #5C5C5C;
  font-weight: 500;
  line-height: 1.6rem;
  margin-left: 1.6rem;
}
.field-tbl.invalid .field-outline {
  box-shadow: inset 0 0 0 0.1rem #FF0000;
}
.field-tbl.invalid.flex {
  padding-bottom: 1.8rem;
}
.field-tbl.invalid.flex .field-msg {
  position: absolute;
  top: 3.6rem;
  left: 0.2rem;
  margin-top: 0;
  line-height: 1.4rem;
}
.field-tbl.end .sizeXs {
  width: 10rem;
}
.field-textarea {
  width: 100%;
  position: relative;
  margin-bottom: 2.6rem;
}
.field-textarea textarea {
  width: 100%;
  min-height: 12rem;
  max-height: 12rem;
  border-color: #CCCCCC;
  border-radius: 0.8rem;
  padding: 1.6rem;
  resize: none;
}
.field-textarea textarea.se {
  min-height: 17rem;
  max-height: 17rem;
}
.field-textarea textarea[disabled] {
  background-color: #EBEBEB;
  color: #949494;
}
.field-textarea textarea[disabled] + .txt-count {
  color: #949494;
}
.field-textarea textarea[disabled] + .txt-count span {
  color: #949494;
}
.field-textarea .txt-count {
  position: absolute;
  bottom: -2.6rem;
  right: 1.6rem;
  margin: 0.8rem 0 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: right;
  color: #949494;
}
.field-textarea .txt-count span {
  color: #000000;
  font-weight: 700;
}
.field-textarea .msg-limit {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #5C5C5C;
  line-height: 1.6rem;
  text-align: right;
  padding: 1.2rem 1.2rem 0;
}
.field-textarea .msg-limit em {
  font-weight: 700;
  color: #000000;
}
.field-textarea .field-info {
  position: absolute;
}
.field + .field-textarea {
  margin-top: 1.6rem;
}
.field-intx {
  display: flex;
  align-items: center;
  text-align: right;
}
.field-intx > span {
  margin-left: 0.6rem;
}
.field-intx .info-txt {
  color: #0070F0;
}
.field-intx .t-r {
  text-align: right;
}
.field-intx.jc-c {
  justify-content: center;
}
.field-intx.end {
  justify-content: end;
}
.field-intx + .intx-info,
.field-intx .intx-info {
  font-size: 1rem;
  line-height: 1.6rem;
  color: #5C5C5C;
}
.field-intx .intx-info {
  margin-left: 2rem;
}
.field-intx .intx-info::before {
  content: "";
  display: block;
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.6rem;
  border-radius: 50%;
  background-color: #5C5C5C;
  vertical-align: middle;
}
.field-intx ._input-clear._active {
  margin-left: 0.5rem;
}
.field .hyphen,
.field .colon {
  margin: 0 0.4rem;
  font-size: 1.5rem;
  vertical-align: middle;
}
.field.amount {
  display: flex;
  align-items: center;
}
.field-file-wrap .field-input .hover-view {
  display: none;
}

/* input - datepicker */
.datepicker[type=text]:not([type=checkbox]):not([type=radio]) {
  position: relative;
  z-index: 9;
  width: 12rem;
  height: 3.2rem;
  padding: 0 0.8rem !important;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  text-align: left;
  font-weight: 400;
  line-height: 2.6rem;
  background: #FFFFFF url(../images/icon_calendar.svg) no-repeat center right 0.8rem/2rem 2rem;
  cursor: pointer;
}
.datepicker[type=text]:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  color: #949494;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.datepicker[type=text]:not([type=checkbox]):not([type=radio])::placeholder {
  color: #949494;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.datepicker[type=text]:not([type=checkbox]):not([type=radio]):disabled {
  background-color: #EBEBEB;
  color: #949494;
  cursor: default;
}
.datepicker[type=text]:not([type=checkbox]):not([type=radio]):focus, .datepicker[type=text]:not([type=checkbox]):not([type=radio]):focus-visible, .datepicker[type=text]:not([type=checkbox]):not([type=radio]):focus-within {
  outline: 0.1rem solid #000000;
  border-color: #000000;
}

.modalWrap .datepicker[type=text]:not([type=checkbox]):not([type=radio]) {
  z-index: initial;
}

.goods-datepicker[type=text]:not([type=checkbox]):not([type=radio]) {
  width: 12rem;
  height: 3.2rem;
  padding: 0 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.2rem;
  background: none;
  border: none;
  text-align: center;
}
.goods-datepicker[type=text]:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
}
.goods-datepicker[type=text]:not([type=checkbox]):not([type=radio])::placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.module-box._is-active .goods-datepicker[type=text]:not([type=checkbox]):not([type=radio]) {
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.4rem;
  background: #FFFFFF url(../images/icon_calendar.svg) no-repeat center right 0.8rem/2rem 2rem;
  text-align: left !important;
}

/* ui-datepicker */
.ui-datepicker {
  display: none;
  border: 0.1rem solid #5C5C5C;
  border-radius: 0.4rem;
  z-index: 3;
  padding: 8px 0;
  background: #FFFFFF;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.2rem;
  background: #FFFFFF;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/icon_arrow_black.svg) no-repeat center top -0.1rem/2.4rem;
  transform: rotate(90deg);
}
.ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
  border: none;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  left: auto;
  right: 3rem;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  position: absolute;
  top: 0;
  left: 1.2rem;
  width: auto;
  margin: 0;
  padding-left: 0;
  text-align: left;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title:hover {
  border: none;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #FFFFFF;
  border: none;
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  border: 0.1rem solid #000000;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background: #000000;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
  background: rgba(0, 0, 0, 0.08);
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child .ui-state-default {
  color: #FC4514;
}

.ui-datepicker-holder {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: -17px;
  padding: 0 3px;
}

.ui-datepicker-calendar thead tr th {
  padding-bottom: 2px;
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  color: #858585;
}

.ui-datepicker-calendar tbody tr td {
  padding: 2px 0;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.ui-datepicker-calendar tbody tr td:first-child.ui-datepicker-hc-week-end a,
.ui-datepicker-calendar tbody tr td:first-child.ui-datepicker-hc-week-end span {
  color: #eb2e2d;
}

.ui-datepicker-calendar tbody tr td a,
.ui-datepicker-calendar tbody tr td span {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 100%;
}

.ui-datepicker-calendar tbody tr td a:hover,
.ui-datepicker-calendar tbody tr td a:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

.ui-datepicker-calendar tbody tr td .ui-state-highlight,
.ui-datepicker-calendar tbody tr td.ui-datepicker-hc-today .ui-state-default {
  border-color: #000;
}

.ui-datepicker-calendar tbody tr td .ui-state-active,
.ui-datepicker-calendar tbody tr td .ui-state-active:hover,
.ui-datepicker-calendar tbody tr td .ui-state-active:focus {
  background-color: #000;
  color: #fff;
}

.ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 0.4;
}

.ui-datepicker-calendar tbody tr td[class*=ui-datepicker-hc-range] {
  position: relative;
}

.ui-datepicker-calendar tbody tr td[class*=ui-datepicker-hc-range]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 32px;
  margin-top: -16px;
  background-color: rgba(0, 0, 0, 0.08);
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-hc-range-end:after {
  width: calc(100% - 2px);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-hc-range-start:after {
  left: 2px;
  width: calc(100% - 2px);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.ui-datepicker-scrollbar-track {
  position: absolute;
  top: 45px;
  bottom: 5px;
  right: 5px;
  width: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.08);
}

.ui-datepicker-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 20px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.3);
}

.ui-datepicker-group {
  padding-top: 22px;
}

.ui-datepicker-group-last {
  padding-bottom: 12px;
}

.ui-datepicker-group .ui-datepicker-hc-calendar {
  margin-top: 10px;
}

.ui-datepicker-title {
  padding-left: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}

.ui-datepicker-header .ui-datepicker-hc-prev,
.ui-datepicker-header .ui-datepicker-hc-next {
  display: none;
}

.ui-datepicker-control {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 41px;
  border-bottom: 1px solid #ebebeb;
}

.ui-datepicker-control .ui-datepicker-hc-current {
  float: left;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
}

.ui-datepicker-control .ui-datepicker-hc-btns {
  float: right;
  padding: 8px 8px 0 0;
}

.ui-datepicker-control .ui-datepicker-hc-btns * {
  float: left;
  height: 24px;
  cursor: pointer;
}

.ui-datepicker-control .ui-datepicker-hc-btns .ui-datepicker-hc-prev,
.ui-datepicker-control .ui-datepicker-hc-btns .ui-datepicker-hc-next {
  width: 24px;
}

.ui-datepicker-control .ui-datepicker-hc-btns .ui-datepicker-hc-today {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
}

.ui-datepicker-control .ui-datepicker-hc-btns .ui-datepicker-hc-prev {
  background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png) 50% 50% no-repeat;
  background-size: 24px 24px;
}

.ui-datepicker-control .ui-datepicker-hc-btns .ui-datepicker-hc-next {
  background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) 50% 50% no-repeat;
  background-size: 24px 24px;
}

/* input - number */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* FIELD - INPUT SCRIPT */
._input._clear {
  width: calc(100% - 2.2rem);
}
._input-clear {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
._input-clear._active {
  display: inline-flex;
  width: 2rem;
  height: 100%;
  padding-bottom: 1rem;
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  touch-action: none;
}
._input-clear::before {
  content: "";
  clear: both;
  display: block;
  background: url(../images/icon_close.svg);
  background-size: cover;
  width: 2rem;
  height: 2rem;
}
._input input._password::-moz-placeholder {
  font-weight: 400;
}
._input input._password::placeholder {
  font-weight: 400;
}
._input ._secureTxt {
  position: relative;
  display: block;
  height: 100%;
  min-height: 3.8rem;
}
._input ._secureTxt > input[type=password] {
  position: relative;
  z-index: 2;
  color: transparent;
}
._input ._secureTxt > input[type=password]::-moz-placeholder {
  color: transparent;
}
._input ._secureTxt > input[type=password]::placeholder {
  color: transparent;
}
._input ._secureTxt > i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: 1;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.8rem;
  color: #CCCCCC;
  margin-top: -0.1rem;
}
._input ._secureTxt > i + i {
  margin-left: 0.3rem;
  line-height: 2rem;
}
._input ._secureTxt > i._line {
  background: #CCCCCC;
  border: 0.1rem solid #CCCCCC;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}
._input ._secureTxt > i._line._is-active {
  background: #ffcc23;
  border-color: #ffcc23;
}

/* FIELD - textarea */
.brand_text {
  margin-top: 1.6rem;
}
.brand_text textarea {
  width: 100%;
  height: 14.6rem;
  resize: none;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.8rem;
  padding: 1.6rem;
}
.brand_text textarea::-moz-placeholder {
  color: #858585;
  font-size: var(--space-md);
  font-weight: 500;
}
.brand_text textarea::placeholder {
  color: #858585;
  font-size: var(--space-md);
  font-weight: 500;
}
.brand_text .sub-t {
  text-align: right;
  margin-top: 0.8rem;
  font-size: 1.3rem;
}
.brand_text .sub-t span {
  font-weight: 700;
}

/* 입점문의 테이블 안 셀렉, 인풋박스 */
.join-tbl .field-outline,
.atho_search .field-outline {
  display: flex;
  align-items: stretch;
  border-radius: 0.8rem;
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
  background: #FFFFFF;
  transition: box-shadow 250ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
.join-tbl .field-outline input:not([type=checkbox]):not([type=radio])::-moz-placeholder, .atho_search .field-outline input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  line-height: 2.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #949494;
  opacity: 1;
}
.join-tbl .field-outline input:not([type=checkbox]):not([type=radio])::placeholder,
.atho_search .field-outline input:not([type=checkbox]):not([type=radio])::placeholder {
  line-height: 2.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #949494;
  opacity: 1;
}
.join-tbl .field-outline::before,
.atho_search .field-outline::before {
  content: none;
}
.join-tbl .field-outline.disabled, .join-tbl .field-outline.readonly,
.atho_search .field-outline.disabled,
.atho_search .field-outline.readonly {
  background-color: #EBEBEB;
}
.join-tbl .field-outline:has(input:focus, input:focus-visible, input:focus-within),
.atho_search .field-outline:has(input:focus, input:focus-visible, input:focus-within) {
  box-shadow: inset 0 0 0 0.2rem #000000;
}
.join-tbl ._input-clear._active,
.atho_search ._input-clear._active {
  padding-bottom: 0;
}

/* 개인정보 처리방침 */
.atho_search {
  border: 0.1rem solid #000000;
  border-radius: 0.8rem;
  padding: 2.4rem 2.8rem;
  display: flex;
  gap: 0.8rem;
}
.atho_search .field-select .btn-select {
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: 4.8rem;
  padding: 1.3rem 1.6rem 1.3rem 1.6rem;
}
.atho_search .field-select::after {
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 100%;
}
.atho_search .field-select .field-select-list {
  top: 5.4rem;
}
.atho_content {
  margin-top: 5rem;
}
.atho_content .tit.dep02 {
  margin-bottom: 1.2rem;
}

/* field 내 disabled input의 값 노출 */
.field-input .input-span {
  display: block;
  width: 100%;
  min-height: 3.2rem;
  padding: 0.3rem 0;
  font-size: 1.3rem;
  color: #949494 !important;
  font-weight: normal;
  line-height: 2.6rem;
}

.field-select {
  position: relative;
}
.field-select::after {
  content: "";
  display: block;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon_arrow_down_s.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.field-select.ws {
  width: 213px;
}
.field-select.grow + .field-select.grow {
  margin-left: 0.8rem;
}
.field-select .field-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  transform: translateY(-100%);
  top: -0.4rem;
}
.field-select-wrap {
  display: flex;
}
.field-select-wrap .btnWrap {
  flex-grow: 0;
  margin-left: 0.8rem;
}
.field-select-wrap .btnWrap button {
  min-height: 4rem;
  padding: 1.7rem 1rem 1.3rem 1rem;
}
.field-select-group {
  margin: 2.2rem 0;
  display: flex;
  gap: 0.8rem;
}
.field-select-group .field + .field,
.field-select-group .field {
  margin-top: 2rem;
}
.field-select-group + .field {
  margin-top: 3.2rem;
}
.field-select > button {
  font-size: 1.8rem;
}
.field-select .btn-select {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 0 1rem 0;
  border-radius: 0.5rem;
  border: 0;
  background: #FFFFFF;
  font-size: 2rem;
  color: #000000;
  font-weight: 500;
  text-align: left;
  line-height: 2.6rem;
  cursor: pointer;
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
  transition: box-shadow 250ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
.field-select .btn-select.border-none {
  background: transparent;
  box-shadow: none;
}
.field-select .btn-select.border-none:focus-within {
  box-shadow: none;
}
.field-select-list {
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 4.4rem;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 19.6rem;
  padding-right: 0;
  border: 1px solid #000;
  border-radius: 0.4rem;
  background-color: #fff;
}
.field-select-list._is-active {
  display: block;
}
.field-select-list li {
  position: relative;
  padding: 1.3rem 2.4rem 1.3rem 2rem;
  font-size: 1.6rem;
  color: #858585;
  text-align: left;
  line-height: 2.2rem;
}
.field-select-list li:hover {
  background-color: #F5F5F5;
}
.field-select-list li.on {
  color: #000000;
  font-weight: 700;
}
.field-select.select-tbl {
  position: absolute;
  top: 1.6rem;
  right: 1.2rem;
  width: 16rem;
  height: 3.2rem;
  margin-left: 0.6rem;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.4rem;
  background-color: #FFFFFF;
  align-items: center;
}
.field-select.select-tbl .btn-select {
  min-height: 3.2rem;
  padding: 0 0.7rem;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.field-select.select-tbl .field-select-list {
  top: 3.8rem;
}
.field-select.select-tbl .field-select-list li {
  font-size: 1.3rem;
}
.field-select.select-tbl.field-outline::before {
  content: none;
}
.field-select.select-tbl.field-select::after {
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem;
  right: 0.7rem;
}
.field-select:has(.btn-select:focus, .btn-select:focus-visible, .btn-select:focus-within) {
  outline: none;
}
.field-select:has(.btn-select:focus, .btn-select:focus-visible, .btn-select:focus-within)::before {
  background-color: #000000;
}
.field-select:has(.btn-select:focus, .btn-select:focus-visible, .btn-select:focus-within) .btn-select {
  outline: none;
}
.field-select:has(.btn-select:disabled) {
  background-color: #EBEBEB;
}
.field-select:has(.btn-select:disabled):after {
  opacity: 0.4;
}
.field-select:has(.btn-select:disabled) .btn-select {
  color: #949494;
}
.field-tbl .field-select:has(.btn-select:focus, .btn-select:focus-visible, .btn-select:focus-within) {
  outline: none;
  box-shadow: inset 0 0 0 0.2rem #000000;
}
.field-tbl .field-select:has(.btn-select:focus, .btn-select:focus-visible, .btn-select:focus-within) .btn-select {
  outline: none;
}
.field-tbl .field-select input[disabled] {
  cursor: default;
}

.join-tbl .field-select::after {
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 100%;
}
.join-tbl .field-select .field-select-list {
  top: 5.4rem;
}

.swiper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: none;
  z-index: 1;
}
.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  box-sizing: content-box;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-slide .txtEdit {
  padding: 1.2rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.swiper-slide .swiper-box {
  text-align: center;
}
.swiper-slide .swiper-box img {
  max-width: 30rem;
  width: 100%;
}
.swiper-pagination {
  position: absolute;
  z-index: 10;
  text-align: center;
  transform: translate3d(0, 0, 0);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem !important;
  opacity: 1 !important;
  background: #949494 !important;
  border: 0.2rem solid #82B4D2 !important;
  display: inline-block;
  border-radius: 100%;
}
.swiper-pagination-bullet-active {
  background: #4b90df !important;
  width: 2rem !important;
  border-radius: 1.5rem !important;
  opacity: 1;
  background: #0048ff;
}
.swiper-pagination-bullet:focus {
  outline: 0.2rem solid #000000;
  outline-offset: 0.1rem;
}
.swiper-pagination-bullet:focus:not(:focus-visible) {
  outline: none !important;
}
.swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.6rem;
}
.swiper-button-next {
  position: absolute;
  top: 50%;
  right: -12rem;
  margin-top: -2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon_auth_arrow_n.svg) no-repeat center center/100%;
  cursor: pointer;
  z-index: 10;
}
.swiper-button-next span {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
}
.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -12rem;
  margin-top: -2.4rem;
  transform: rotate(180deg);
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon_auth_arrow_n.svg) no-repeat center center/100%;
  cursor: pointer;
  z-index: 10;
}
.swiper-button-prev span {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
}
.swiper-container-3d {
  perspective: 120rem;
}
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* 팝업에서의 스와이퍼 */
.swip-rt {
  position: relative;
}
.swip-rt:last-child {
  margin-bottom: 2rem;
}
.swip-swiper {
  overflow: hidden;
  height: 20rem;
}
.swip-swiper .swiper-slide {
  color: #FFFFFF;
  line-height: 20rem;
  text-align: center;
  cursor: pointer;
  background-color: #a9b5ca;
  margin-top: 1rem;
  height: 100%;
}
.swip-swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: -2.5rem;
}
.swip-swiper .swiper-pagination-bullet {
  margin-right: 0.5rem;
}
.swip-wrap {
  display: flex;
  justify-content: center;
}

[data-type=pop-swiper] .swip-swiper {
  overflow: hidden;
  height: 61rem;
  max-height: calc(100vh - 31rem);
}
[data-type=pop-swiper] .swip-swiper .swiper-button-disabled {
  background: url(../images/icon_auth_arrow_p.svg) no-repeat center center/100%;
  cursor: inherit;
}
[data-type=pop-swiper] .swip-swiper.term {
  height: 50rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide {
  color: #000000;
  line-height: inherit;
  text-align: left !important;
  cursor: inherit;
  margin-top: 0rem;
  background-color: transparent;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box {
  margin-top: 3rem;
  height: 58rem;
  overflow-y: scroll;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box * {
  font-size: 1.3rem;
  font-weight: 500;
  color: #5C5C5C;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box h3 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000000;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box h3 ~ .h3 {
  padding-top: 1rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.2rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box > ol > li + li {
  margin-top: 2.4rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box > ol + ol {
  margin-top: 2.4rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box > li > ul {
  text-indent: 1rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box > li > ol > li {
  padding-bottom: 2.4rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box .tit {
  display: block;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000000;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box .tit.pd {
  padding-bottom: 0;
  color: #5C5C5C;
  font-weight: 500;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box .num {
  padding-right: 0.2em;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box .mt {
  margin-top: 2.4rem;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box .mt-0 {
  margin-top: 0;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box.hi-auto {
  height: auto;
}
[data-type=pop-swiper] .swip-content .swiper-wrapper .swiper-slide .ag-box.hi-auto + .hi-auto {
  margin-top: 2.4rem;
}

/* 상품모듈 스와이퍼 */
.module-box .swiper {
  display: flex;
  min-height: 20rem;
  padding-right: 6rem;
}
.module-box .swiper img {
  max-width: 30rem;
  width: 100%;
}
.module-box .swiper-inner {
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.module-box .swiper-inner .moreSlide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  text-align: center;
}
.module-box .swiper-inner.use .moreSlide {
  display: flex;
  width: 16rem !important;
  border: none !important;
}
.module-box .swiper-inner.disuse .moreSlide {
  display: none;
}
.module-box .swiper-inner .swiper > .swiper-inner {
  background: red;
}
.module-box .swiper-inner .swiper .swiper-wrapper {
  overflow: initial !important;
}
.module-box .swiper-inner .swiper .swiper-wrapper .goods-dragBtn, .module-box .swiper-inner .swiper .swiper-wrapper .goodsDelBtn, .module-box .swiper-inner .swiper .swiper-wrapper .goodsEditBtn {
  display: none !important;
}
.module-box .swiper-inner .swiper-wrapper {
  padding: 0 1.6rem;
  width: 100%;
  gap: 0.2rem;
  overflow-x: auto;
  background: inherit;
}
.module-box .swiper-inner .swiper-slide {
  width: 16.3rem;
  margin: 1.2rem 0;
}
.module-box .swiper-inner .swiper-slide a {
  width: 100%;
}
.module-box .swiper-inner .swiper-initialized .swiper-wrapper {
  gap: 0;
}
.module-box .swiper-inner .moreBtn {
  position: relative;
  padding: 9rem 3rem 5rem;
  text-align: center;
}
.module-box .swiper-inner .moreBtn:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.module-box .swiper-inner .moreBtn::after {
  position: absolute;
  top: 4.5rem;
  right: calc(50% - 2rem);
  background: url(../images/icon_more.svg) no-repeat center;
  width: 4rem;
  height: 4rem;
  fill: black;
}
.module-box .swiper-inner .moreBtn.white::after {
  background: url(../images/icon_more_white.svg) no-repeat center;
}
.module-box._is-active .swiper-inner {
  overflow: inherit;
}
.module-box._is-active .swiper-inner .swiper-slide.active:hover::after {
  content: "";
  display: block;
  border-radius: 1.2rem;
}
.module-box._is-active .swiper-inner .swiper-slide.active:hover .goods-dragBtn, .module-box._is-active .swiper-inner .swiper-slide.active:hover .goodsDelBtn {
  display: block;
}
.module-box._is-active .swiper-inner .swiper-slide.active:hover:first-child .goodsDelBtn {
  display: none;
}
.module-box._is-active .swiper-inner .swiper-slide.active:hover .goods-img > div:hover {
  background: #EBEBEB;
}
.module-box._is-active .swiper-inner .swiper-slide:only-child.active:hover .goods-dragBtn, .module-box._is-active .swiper-inner .swiper-slide.only-child.active:hover .goods-dragBtn {
  display: none;
}

.field {
  /* input checkbox */
  /* input radio */
}
.field input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  opacity: 0;
  border: 0;
}
.field input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") no-repeat;
  border: none;
}
.field input[type=checkbox]:checked ~ .field-label {
  color: #000000;
}
.field input[type=checkbox]:checked[readonly] ~ .field-icon,
.field input[type=checkbox]:checked .readonly ~ .field-icon, .field input[type=checkbox]:checked[disabled] ~ .field-icon,
.field input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") no-repeat;
}
.field input[type=checkbox][readonly] ~ .field-icon,
.field input[type=checkbox] .readonly ~ .field-icon, .field input[type=checkbox][disabled] ~ .field-icon,
.field input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E") no-repeat;
}
.field-checkbox {
  display: flex;
  align-items: center;
}
.field-checkbox .field-label {
  display: inline-block;
  margin-bottom: 0;
  align-self: center;
  color: #000000;
  background: none;
}
.field-checkbox .field-label.bold {
  font-weight: 700;
  font-size: 1.6rem;
}
.field-checkbox .field-label.i-pos {
  margin-left: 0.3rem;
  color: #000000;
  font-weight: 500;
}
.field-checkbox .field-icon {
  display: inline-block;
  width: 2.1rem;
  height: 2.1rem;
  min-width: 1.6rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.field-checkbox .field-icon.icon2 {
  border-radius: 50%;
  border: 1px solid #ccc;
  background: none;
}
.field-checkbox .field-icon.big {
  width: 1.4em;
  height: 2.4rem;
  min-width: 2.4rem;
  margin-top: 0;
}
.field-checkbox ~ .field-checkbox {
  margin-left: 2rem;
}
.field-checkbox:has(input:focus, input:focus-visible, input:focus-within) i {
  outline: 0.1rem solid #000000;
  border-radius: 50%;
}
.field .checkbox-big-btn .field-checkbox .field-icon {
  width: 2.8rem;
  height: 2.8rem;
}
.field .checkbox-big-btn .field-checkbox .field-label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.field .checkbox-big-btn .txt {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #5C5C5C;
  font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, "Spoqa Han Sans Neo", "Noto Sans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
  font-weight: 500;
  margin-top: 1.2rem;
}
.field.line input[type=checkbox]:checked ~ .field-icon,
.field .line input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2348ff' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E") no-repeat;
}
.field.line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field.line input[type=checkbox]:checked .readonly ~ .field-icon, .field.line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field.line input[type=checkbox]:checked .disabled ~ .field-icon,
.field .line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field .line input[type=checkbox]:checked .readonly ~ .field-icon,
.field .line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field .line input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E") no-repeat;
}
.field.line input[type=checkbox][readonly] ~ .field-icon,
.field.line input[type=checkbox] .readonly ~ .field-icon, .field.line input[type=checkbox][disabled] ~ .field-icon,
.field.line input[type=checkbox] .disabled ~ .field-icon,
.field .line input[type=checkbox][readonly] ~ .field-icon,
.field .line input[type=checkbox] .readonly ~ .field-icon,
.field .line input[type=checkbox][disabled] ~ .field-icon,
.field .line input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
}
.field.line .field-checkbox .field-icon,
.field .line .field-checkbox .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.line .field-checkbox.line-lg .field-icon,
.field .line .field-checkbox.line-lg .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.c-line input[type=checkbox]:checked ~ .field-icon,
.field .c-line input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2348ff' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E") no-repeat;
}
.field.c-line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field.c-line input[type=checkbox]:checked .readonly ~ .field-icon, .field.c-line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field.c-line input[type=checkbox]:checked .disabled ~ .field-icon,
.field .c-line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field .c-line input[type=checkbox]:checked .readonly ~ .field-icon,
.field .c-line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field .c-line input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E") no-repeat;
}
.field.c-line input[type=checkbox][readonly] ~ .field-icon,
.field.c-line input[type=checkbox] .readonly ~ .field-icon, .field.c-line input[type=checkbox][disabled] ~ .field-icon,
.field.c-line input[type=checkbox] .disabled ~ .field-icon,
.field .c-line input[type=checkbox][readonly] ~ .field-icon,
.field .c-line input[type=checkbox] .readonly ~ .field-icon,
.field .c-line input[type=checkbox][disabled] ~ .field-icon,
.field .c-line input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
}
.field.c-line .field-checkbox .field-icon,
.field .c-line .field-checkbox .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.c-line .field-checkbox.c-line-lg .field-icon,
.field .c-line .field-checkbox.c-line-lg .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.square.none-label .field-group,
.field .square.none-label .field-group {
  justify-content: center;
}
.field.square.none-label .field-group .field-checkbox .field-icon,
.field .square.none-label .field-group .field-checkbox .field-icon {
  margin-right: 0;
}
.field.square input[type=checkbox]:checked ~ .field-icon,
.field .square input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #000;
}
.field.square input[type=checkbox]:checked[readonly] ~ .field-icon,
.field.square input[type=checkbox]:checked .readonly ~ .field-icon, .field.square input[type=checkbox]:checked[disabled] ~ .field-icon,
.field.square input[type=checkbox]:checked .disabled ~ .field-icon,
.field .square input[type=checkbox]:checked[readonly] ~ .field-icon,
.field .square input[type=checkbox]:checked .readonly ~ .field-icon,
.field .square input[type=checkbox]:checked[disabled] ~ .field-icon,
.field .square input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D6D6D6' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #E0E0E0;
}
.field.square input[type=checkbox][readonly] ~ .field-icon,
.field.square input[type=checkbox] .readonly ~ .field-icon, .field.square input[type=checkbox][disabled] ~ .field-icon,
.field.square input[type=checkbox] .disabled ~ .field-icon,
.field .square input[type=checkbox][readonly] ~ .field-icon,
.field .square input[type=checkbox] .readonly ~ .field-icon,
.field .square input[type=checkbox][disabled] ~ .field-icon,
.field .square input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EBEBEB' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #F5F5F5;
}
.field.square .field-checkbox .field-icon,
.field .square .field-checkbox .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 0.4rem;
  vertical-align: middle;
  margin-right: 0.8rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #E0E0E0;
}
.field.square .field-checkbox.c-line-lg .field-icon,
.field .square .field-checkbox.c-line-lg .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.square .field-checkbox:last-child,
.field .square .field-checkbox:last-child {
  margin-right: 0;
}
.field.s-line input[type=checkbox]:checked ~ .field-icon,
.field .s-line input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
}
.field.s-line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field.s-line input[type=checkbox]:checked .readonly ~ .field-icon, .field.s-line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field.s-line input[type=checkbox]:checked .disabled ~ .field-icon,
.field .s-line input[type=checkbox]:checked[readonly] ~ .field-icon,
.field .s-line input[type=checkbox]:checked .readonly ~ .field-icon,
.field .s-line input[type=checkbox]:checked[disabled] ~ .field-icon,
.field .s-line input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5H3z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E") no-repeat;
}
.field.s-line input[type=checkbox][readonly] ~ .field-icon,
.field.s-line input[type=checkbox] .readonly ~ .field-icon, .field.s-line input[type=checkbox][disabled] ~ .field-icon,
.field.s-line input[type=checkbox] .disabled ~ .field-icon,
.field .s-line input[type=checkbox][readonly] ~ .field-icon,
.field .s-line input[type=checkbox] .readonly ~ .field-icon,
.field .s-line input[type=checkbox][disabled] ~ .field-icon,
.field .s-line input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
}
.field.s-line .field-checkbox .field-icon,
.field .s-line .field-checkbox .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.s-line .field-checkbox.big .field-icon,
.field .s-line .field-checkbox.big .field-icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.field.s-line .field-checkbox.big input[type=checkbox]:checked ~ .field-icon,
.field .s-line .field-checkbox.big input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
}
.field.s-line .field-checkbox:has(input:focus, input:focus-visible, input:focus-within) i,
.field .s-line .field-checkbox:has(input:focus, input:focus-visible, input:focus-within) i {
  outline: none;
  transform: scale(1.1);
}
.field-switch {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 2.4rem;
}
.field-switch ~ .field-switch {
  margin-left: 1rem;
}
.field-switch .field-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 5rem;
  height: 2.4rem;
  cursor: pointer;
  display: inline-block;
  background-color: #EBEBEB;
  border-radius: 2.4rem;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.field-switch .field-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.4rem;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.field-switch .field-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translate(0, -50%);
  transition: 1s;
  -webkit-transition: 1s;
}
.field-switch input:checked ~ .field-icon {
  background-color: #4b90df;
  background-image: none !important;
}
.field-switch input:checked ~ .field-icon::before {
  content: "";
  display: block;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: calc(100% - 1.4rem);
  transform: translate(0, -50%);
}
.field-switch input:checked ~ .field-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.6rem;
  transform: translate(0, -50%);
}
.field-switch input:checked[readonly] ~ .field-icon,
.field-switch input:checked .readonly ~ .field-icon, .field-switch input:checked[disabled] ~ .field-icon,
.field-switch input:checked .disabled ~ .field-icon {
  background-image: none !important;
}
.field-switch input:checked[readonly] ~ .field-icon,
.field-switch input:checked .readonly ~ .field-icon {
  opacity: 0.8;
}
.field-switch input[readonly] ~ .field-icon,
.field-switch input .readonly ~ .field-icon, .field-switch input[disabled] ~ .field-icon,
.field-switch input .disabled ~ .field-icon {
  background-image: none !important;
}
.field-switch input[readonly] ~ .field-icon,
.field-switch input .readonly ~ .field-icon {
  opacity: 0.8;
}
.field-switch.txt .field-icon::after {
  content: "";
  display: block;
  content: "OFF";
  color: #FFFFFF;
}
.field-switch.txt input:checked ~ .field-icon::after {
  content: "";
  display: block;
  content: "ON";
  color: #FFFFFF;
}
.field-switch.lg {
  width: 6rem;
  height: 3.4rem;
}
.field-switch.lg .field-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 6rem;
  height: 3.4rem;
  border-radius: 3.4rem;
}
.field-switch.lg .field-icon::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.field-switch.lg input:checked ~ .field-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(100% - 2.8rem);
  transform: translate(0, -50%);
}
.field.c-check .field-checkbox input[type=checkbox]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #000000;
}
.field.c-check .field-checkbox input[type=checkbox]:checked[readonly] ~ .field-icon,
.field.c-check .field-checkbox input[type=checkbox]:checked .readonly ~ .field-icon, .field.c-check .field-checkbox input[type=checkbox]:checked[disabled] ~ .field-icon,
.field.c-check .field-checkbox input[type=checkbox]:checked .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D6D6D6' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #E0E0E0;
}
.field.c-check .field-checkbox input[type=checkbox][readonly] ~ .field-icon,
.field.c-check .field-checkbox input[type=checkbox] .readonly ~ .field-icon, .field.c-check .field-checkbox input[type=checkbox][disabled] ~ .field-icon,
.field.c-check .field-checkbox input[type=checkbox] .disabled ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EBEBEB' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #F5F5F5;
}
.field.c-check .field-checkbox .field-icon {
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat #E0E0E0;
  border-radius: 50%;
}
.field.c-check.mt-type1 {
  margin-top: 2rem;
}
.field input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  opacity: 0;
  border: 0;
}
.field input[type=radio]:checked ~ .field-icon {
  position: relative;
  background: #E0E0E0;
}
.field input[type=radio]:checked ~ .field-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background: #000000;
  border-radius: 100%;
}
.field input[type=radio]:checked[readonly] ~ .field-icon,
.field input[type=radio]:checked .readonly ~ .field-icon, .field input[type=radio]:checked[disabled] ~ .field-icon,
.field input[type=radio]:checked .disabled ~ .field-icon {
  background: #CCCCCC;
}
.field input[type=radio]:checked[readonly] ~ .field-icon::before,
.field input[type=radio]:checked .readonly ~ .field-icon::before, .field input[type=radio]:checked[disabled] ~ .field-icon::before,
.field input[type=radio]:checked .disabled ~ .field-icon::before {
  content: "";
  display: block;
  background: #858585;
}
.field input[type=radio][readonly] ~ .field-icon,
.field input[type=radio] .readonly ~ .field-icon, .field input[type=radio][disabled] ~ .field-icon,
.field input[type=radio] .disabled ~ .field-icon {
  background: #E0E0E0;
}
.field-radio {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
.field-radio:has(input:focus, input:focus-visible, input:focus-within) i {
  outline: 0.1rem solid #000000;
}
.field-radio .field-label {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0;
  vertical-align: middle;
  color: #000000;
}
.field-radio .field-label + .field-info {
  margin-left: 0.3rem;
  margin-top: 0 !important;
}
.field-radio .field-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border: 0.1rem solid #E0E0E0;
  border-radius: 100%;
  vertical-align: middle;
  margin: 0.2rem;
  background-color: #E0E0E0;
}
.field-radio .field-icon + .field-label {
  margin-left: 0.4rem;
}
.field-radio:last-child {
  margin-right: 0;
}
.field-group.opt-box {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.field-group.opt-box .field-radio, .field-group.opt-box .field-checkbox {
  width: calc(33.33334% - 1.1rem);
}
.field-group.opt-box .field-radio ~ .field-radio, .field-group.opt-box .field-checkbox ~ .field-checkbox {
  margin: 0;
  margin-left: -1px;
}
.field-group.opt-box .field-label {
  display: block;
  padding: 1.5rem;
  width: 100%;
  text-align: center;
  box-shadow: inset 0 0 0 0.1rem #EBEBEB;
  position: inherit;
  border-radius: 8px;
  font-size: 1.8rem;
  color: #000000;
}
.field-group.opt-box .field-label + .field-label {
  margin-left: -0.1rem;
}
.field-group.opt-box .field-checkbox {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.field-group.opt-box .field-checkbox .field-label {
  padding: 4.5rem 1.5rem 1.5rem;
}
.field-group.opt-box .field-checkbox .field-icon {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: top;
  margin-right: 0.5rem;
  margin-bottom: -3.5rem;
  z-index: 2;
}
.field-group.opt-box .field-checkbox ~ .field-radio {
  margin-left: 2rem;
}
.field-group.opt-box .field-radio {
  margin-right: 0;
}
.field-group.opt-box input[type=radio]:checked ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") no-repeat;
  border: none;
  z-index: 2;
}
.field-group.opt-box input[type=radio]:checked ~ .field-icon::before {
  content: "";
  display: block;
  display: none;
}
.field-group.opt-box input[type=radio]:checked ~ .field-label {
  background: none;
  box-shadow: none;
  color: #000000;
  z-index: 1;
  box-shadow: inset 0 0 0 0.2rem #000000;
  font-weight: 700;
}
.field-group.opt-box input[type=radio][disabled] ~ .field-label, .field-group.opt-box input[type=radio][disabled] ~ .field-icon,
.field-group.opt-box input[type=radio] .disabled ~ .field-icon {
  opacity: 0.35;
}
.field.field-error:not(:has(input[type=radio]:checked)) .field-radio .field-icon + .field-label {
  color: #FF0000;
}

.step-tbl .field-checkbox {
  margin: 0.1rem 2rem 0.1rem 0;
}

.tab-list-wrap {
  overflow-x: auto;
  position: relative;
  width: 100%;
  margin: 1.5rem auto;
  border: 0.1rem solid #EBEBEB;
  border-width: 0 0 0.1rem 0;
  white-space: nowrap;
}
.tab-list-wrap.tab-expand .tab-list {
  width: 100%;
}
.tab-list-wrap.tab-expand .tab-list .tab {
  flex: 1;
}
.tab-list-wrap.tab-expand .tab-list .tab a {
  justify-content: center;
}
.tab-list {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 10;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 0.5rem;
}
.tab-list .tab {
  display: block;
  flex: none;
  position: relative;
  text-align: center;
}
.tab-list .tab a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 4.8rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.tab-list .tab:hover a {
  color: #000000;
}
.tab-list .tab._is-active a {
  color: #000000;
  font-weight: 700;
}
.tab-list .tab._is-active a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0.3rem;
  background-color: #000000;
  animation: widthAct 0.3s linear forwards;
}
.tab-list > li.tab:only-child {
  display: none;
}
.tab-list > li._addTab {
  position: sticky;
  right: 0;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  height: 100%;
  padding: 0.5rem;
  background: transparent;
}
.tab-list.use {
  display: flex;
}
.tab-list.disuse {
  display: none;
}
.tab-wrap {
  position: relative;
  height: 100%;
}
.tab-wrap + .tit {
  margin-top: 6.4rem;
}
.tab-wrap.box-moving .bx-list-wrap {
  width: 100%;
  height: 4.8rem;
  background-color: #EBEBEB;
  padding: 0.4rem;
  position: relative;
  border-radius: 0.4rem;
}
.tab-wrap.box-moving .bx-list-wrap + .tab-contents-wrap {
  margin-top: 2rem;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap {
  margin: 0;
  overflow-x: inherit;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap > ul {
  position: relative;
  display: flex;
  z-index: 1;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap > ul .tab {
  position: relative;
  width: 13.1rem;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap > ul .tab a {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #858585;
  text-align: center;
  display: block;
  padding: 0.8rem 0;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap > ul .tab + .tab {
  margin: 0;
}
.tab-wrap.box-moving .bx-list-wrap .tab-list-wrap .highlight {
  width: 13.1rem;
  height: 100%;
  bottom: 0rem;
  left: 0.4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.4rem;
  background-color: #FFFFFF;
  transition: 0.15s all cubic-bezier(0, 0, 0.58, 1);
}
.tab-wrap.box-moving + .tbl-wrap {
  margin-top: 3rem;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap {
  background-color: transparent;
  padding: 0;
  position: fixed;
  top: 9.5rem;
  left: 4rem;
  z-index: 5060;
  width: calc(100% - 7.9rem);
}
.tab-wrap.box-moving.tab-round .bx-list-wrap + .tab-contents-wrap {
  margin-top: 4.6rem;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap .tab-list .tab {
  width: -moz-fit-content;
  width: fit-content;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap .tab-list .tab a {
  width: 18.75rem;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  color: #949494;
  line-height: 2.2rem;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap .tab-list .tab._is-active a {
  border-bottom: 0.2rem solid #000000;
  color: #000000;
  font-weight: 500;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap .tab-list .tab._is-active a::before {
  content: none;
}
.tab-wrap.box-moving.tab-round .bx-list-wrap .tab-list-wrap {
  background-color: #fff;
  padding-left: 0;
}
.tab-wrap.box-moving.tab-round .tab-contents-wrap .tbl-wrap.search table::before {
  background-color: #E0E0E0;
}
.tab-wrap:not(.tab-sticky) .tab-contents {
  display: none;
}
.tab-wrap:not(.tab-sticky) .tab-contents._is-active {
  display: block;
}
.tab-wrap.act-no .tab:hover {
  color: #EBEBEB;
}
.tab-wrap.act-no .tab:hover a {
  pointer-events: none;
  color: #7A7A7A;
}
.tab-wrap.act-no .tab._is-active:hover a {
  color: #000000;
}
.tab-contents-wrap {
  border: none;
}
.tab-contents ._delTab {
  position: absolute;
  top: -0.2rem;
  right: 0;
}
.tab-contents + .btnWrap {
  margin-top: 1.6rem;
}
.tab-sticky .tab-list-wrap {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #FFFFFF;
  margin: 0;
}
.tab-sticky .tab-contents-wrap {
  border: none;
}

@keyframes widthAct {
  0% {
    width: 0;
    left: 50%;
  }
  100% {
    width: 100%;
    left: 0;
  }
}
.aos_old .tab-sticky .tab-list-wrap {
  position: relative;
}

/* 리스트 style */
.lst-goods {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  position: relative;
  margin-top: 0;
}
.lst-goods > li {
  width: calc(50% - 0.15rem);
  border-radius: 1.2rem;
}
.lst-goods > li::after {
  content: "";
  display: block;
  border-radius: 1.2rem;
}
.lst-depth .list-num-none > li {
  font-size: 2rem;
  font-weight: 700;
  color: #5C5C5C;
  line-height: 2.3rem;
}
.lst-depth .list-num-none > li > p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #5C5C5C;
  line-height: 2.3rem;
  margin-top: 1rem;
}
.lst-depth .list-num-none > li:first-child {
  padding-bottom: 2.5rem;
}
.lst-depth .list-num-none > li:last-child {
  padding-bottom: 0;
}
.lst-depth .list-num-none .field-info {
  padding-left: 2rem;
  margin-top: 0;
}
.lst-depth.agree .agree_border {
  padding: 4rem 3rem;
}
.lst-depth + .field.flex.between {
  margin-top: 2rem;
  padding: 0 1.5rem;
}
.lst-depth + .field.flex.between p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #5C5C5C;
}

/* dot style list, 약관 list */
.list-dot.cir > li {
  position: relative;
  padding: 0.3rem 0 0.3rem 0.8rem;
  color: #5C5C5C;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.list-dot.cir > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background: #5C5C5C;
  border-radius: 50%;
}
.list.num {
  padding: 0.3rem 0;
  counter-reset: list-number;
}
.list.num > li {
  position: relative;
  padding: 0.5rem 0 0.5rem 0;
  color: #333;
  font-size: 1.6rem;
  counter-increment: list-number;
}
.list.num > li::before {
  content: counter(list-number) ".";
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
}
.list.num + h4 {
  margin-top: 5rem;
}
.list.num .list.atho li {
  margin-left: 2rem;
  margin-top: 0.8rem;
}
.list-info {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.list-info > div {
  position: relative;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.list-info > div + div {
  margin-top: 0.6rem;
}
.list-info > div::before {
  content: "";
  display: block;
  content: "·";
  position: absolute;
  top: 0;
  left: -0.2rem;
}
.list.atho li {
  color: #5C5C5C;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.list.atho li + li {
  margin-top: 1.2rem;
}
.list.atho li .num {
  margin-right: 0.5rem;
}
.list.atho li.mt {
  margin-top: 1.2rem;
}
.list.atho + h4 {
  margin-top: 5rem;
}
.list.atho .list.atho {
  margin-top: 1rem;
}
.list.atho .list.atho li {
  margin-left: 2rem;
}
.list.atho .list.num li {
  margin-top: 0;
}

.goodsWrap {
  position: relative;
}
.goodsWrap .goodsAddBtn {
  display: none;
}
.goodsWrap:hover .goodsAddBtn {
  display: block;
}
.goodsWrap .item {
  margin: 0;
  word-break: break-all;
}
.goodsWrap .item.brand {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.6rem;
  max-height: 4.8rem;
  overflow: hidden;
  margin: 0.8rem 1rem 0.2rem 0;
}
.goodsWrap .item.brand + .item {
  margin: 0.2rem 1rem 0.2rem 0;
}
.goodsWrap .item.name {
  font-size: 1.4rem;
  color: #000000;
  font-weight: bold;
  line-height: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(ellipsis.xml#ellipsis);
  max-height: 4rem;
}
.goodsWrap .item.name + .item {
  margin-top: 0.4rem;
}
.goodsWrap .item.price {
  font-size: 1.2rem;
  color: #000000;
  line-height: 1.6rem;
}
.goodsWrap .item.price.sale {
  color: #FC4514;
}
.goodsWrap .item.benefit .label {
  display: inline-block;
  height: 1.6rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6rem;
  margin-top: 0.4rem;
  padding: 0 0.4rem;
  border-radius: 0.6rem;
}
.goodsWrap .item.benefit .label.tag-gray {
  background: #EBEBEB;
  color: rgba(0, 0, 0, 0.4);
}
.goodsWrap .item.benefit .label.tag-black {
  background: #000000;
  color: #FFFFFF;
}
.goods-tit {
  position: relative;
  margin-top: 1rem;
}
.goods-category {
  font-size: var(--space-mx);
  font-weight: bold;
}
.goods-img {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  border-radius: 1.2rem;
}
.goods-img > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.goods-img > div.imgWrap, .goods-img > div.imgBx {
  overflow: hidden;
  border-radius: 0.45rem;
}
.goods-img > div.imgWrap img, .goods-img > div.imgBx img {
  width: 100%;
}
.goods-img > div.imgWrap {
  border-radius: 0.8rem;
}
.goods-img + * {
  margin-top: 1.2rem;
}

.bgSlide .goods-img > div.imgWrap {
  border-radius: 1rem;
}

/* TABLE */
.tbl-scroll-wrap {
  overflow-x: auto;
  width: 100%;
  border-bottom: 0.1rem solid #EBEBEB;
}
.tbl-wrap > p:first-child {
  margin-top: 0;
}
.tbl-wrap p {
  margin: 4rem 0 1rem;
}
.tbl-wrap .promo-ico {
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  padding-left: 1.8rem;
}
.tbl-wrap .promo-ico::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0.2rem 0;
}
.tbl-wrap .promo-ico-h::before {
  content: "";
  display: block;
  background: url(../images/icon_promo_h.svg) no-repeat center;
}
.tbl-wrap .promo-ico-s::before {
  content: "";
  display: block;
  background: url(../images/icon_promo_s.svg) no-repeat center;
}
.tbl-wrap .promo-ico + * {
  margin-left: 0.8rem;
}
.tbl-wrap .promoLink a, .tbl-wrap .promoLink .white-space {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 2rem);
}
.tbl-wrap .promoLink.promo-db a, .tbl-wrap .promoLink.promo-db .white-space {
  max-width: calc(100% - 3.8rem);
}
.tbl-wrap .promoLink .exh-label {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.tbl-wrap .promoLink .promo-h, .tbl-wrap .promoLink .promo-s {
  overflow: hidden;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 0;
  color: transparent;
  vertical-align: middle;
}
.tbl-wrap .promoLink .promo-h {
  background-image: url(../images/icon_promo_h.svg);
}
.tbl-wrap .promoLink .promo-s {
  background-image: url(../images/icon_promo_s.svg);
}
.tbl-wrap table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  border-top: 0.2rem solid #000000;
}
.tbl-wrap table + table {
  margin-top: 2rem;
}
.tbl-wrap table tr:nth-child(1) .hover-view, .tbl-wrap table tr:nth-child(2) .hover-view, .tbl-wrap table tr:nth-child(3) .hover-view {
  top: -3.4rem;
}
.tbl-wrap table tr:nth-child(1) .hover-view::after, .tbl-wrap table tr:nth-child(2) .hover-view::after, .tbl-wrap table tr:nth-child(3) .hover-view::after {
  content: "";
  display: block;
  top: 3.4rem;
}
.tbl-wrap table tr:nth-child(4) .hover-view, .tbl-wrap table tr:nth-child(5) .hover-view, .tbl-wrap table tr:nth-child(6) .hover-view, .tbl-wrap table tr:nth-child(7) .hover-view {
  top: 50%;
  transform: translate(0, -50%);
}
.tbl-wrap table tr:nth-child(4) .hover-view::after, .tbl-wrap table tr:nth-child(5) .hover-view::after, .tbl-wrap table tr:nth-child(6) .hover-view::after, .tbl-wrap table tr:nth-child(7) .hover-view::after {
  content: "";
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}
.tbl-wrap table tr:nth-child(8) .hover-view, .tbl-wrap table tr:nth-child(9) .hover-view, .tbl-wrap table tr:nth-child(10) .hover-view, .tbl-wrap table tr:nth-child(11) .hover-view {
  top: auto;
  bottom: -3.4rem;
}
.tbl-wrap table tr:nth-child(8) .hover-view::after, .tbl-wrap table tr:nth-child(9) .hover-view::after, .tbl-wrap table tr:nth-child(10) .hover-view::after, .tbl-wrap table tr:nth-child(11) .hover-view::after {
  content: "";
  display: block;
  top: auto;
  bottom: 3.4rem;
}
.tbl-wrap table th, .tbl-wrap table td {
  padding: 2.4rem;
  text-align: left;
  line-height: 2rem;
  vertical-align: middle;
}
.tbl-wrap table th.t-l, .tbl-wrap table td.t-l {
  text-align: left !important;
}
.tbl-wrap table th.t-r, .tbl-wrap table td.t-r {
  text-align: right !important;
}
.tbl-wrap table th.t-c, .tbl-wrap table td.t-c {
  text-align: center !important;
}
.tbl-wrap table thead th {
  padding: 1.8rem 0.6rem 1rem;
  border-bottom: 0.1rem solid #D6D6D6;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.tbl-wrap table thead .align-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: 0.3rem;
  width: 1rem;
  height: 1.6rem;
  vertical-align: middle;
}
.tbl-wrap table thead .align-btn .align {
  display: block;
  width: 1rem;
  height: 0.7rem;
  background: url(./../images/icon_table_arrow.svg) no-repeat;
  background-size: 1rem;
}
.tbl-wrap table thead .align-btn .align.up {
  transform: rotate(180deg);
}
.tbl-wrap table tbody th {
  text-align: left;
}
.tbl-wrap table tbody td {
  padding: 1.8rem 0.6rem;
  font-size: 1.4rem;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}
.tbl-wrap table tbody td a, .tbl-wrap table tbody td .white-space {
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}
.tbl-wrap table tbody td a {
  text-decoration: underline;
  text-underline-position: under;
}
.tbl-wrap table tbody td.none-td {
  padding: 5.6rem 0;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.tbl-wrap table tbody td.none-td .none-icon {
  background: url(./../images/icon_none.svg);
  width: 5.6rem;
  height: 5.6rem;
  display: block;
  margin: 0 auto 1.6rem;
}
.tbl-wrap table tbody td .state {
  display: block;
  margin-bottom: 0.4rem;
}
.tbl-wrap table tbody td .state strong {
  font-weight: 700;
}
.tbl-wrap table tbody td .field-label {
  color: #000000;
  font-weight: 500;
}
.tbl-wrap table tbody td .field-label.bold {
  font-weight: 700;
}
.tbl-wrap table tbody td .sale-txt {
  display: block;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 700;
}
.tbl-wrap table tbody td .t-l-br {
  text-align: left;
  word-break: break-all;
  display: block;
}
.tbl-wrap + .tbl-wrap {
  margin-top: 4rem;
}
.tbl-wrap.ac-tbl table {
  border-top: none;
}
.tbl-wrap.ac-tbl table th {
  text-align: left;
  font-weight: 700;
}
.tbl-wrap.ac-tbl table .field-radio {
  justify-content: center;
}
.tbl-wrap .dl-tbl dl {
  display: flex;
  line-height: 2.2rem;
  align-items: baseline;
}
.tbl-wrap .dl-tbl dl dd {
  width: calc(100% - 7.7rem);
  margin-left: 0.3rem;
}
.tbl-wrap .dl-tbl dl.bold {
  margin-bottom: 0.8rem;
}
.tbl-wrap .dl-tbl dl:not(.bold) {
  position: relative;
  padding-left: 0.8rem;
  line-height: 2.6rem;
}
.tbl-wrap .dl-tbl dl:not(.bold)::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  position: absolute;
  top: 1.3rem;
  left: 0;
  transform: translateY(-50%);
  background: #999;
}
.tbl-wrap.join-tbl {
  border-top: none;
}
.tbl-wrap.join-tbl table {
  border-collapse: inherit;
}
.tbl-wrap.join-tbl th, .tbl-wrap.join-tbl td {
  padding: 1.7rem 2rem;
  border-bottom: 1px solid #EBEBEB;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.tbl-wrap.join-tbl th {
  font-weight: 700;
}
.tbl-wrap.join-tbl td {
  font-weight: 500;
}
.tbl-wrap.join-tbl .split {
  margin: 0;
}
.tbl-wrap.join-tbl .split + table {
  margin-top: 1.6rem;
}
.tbl-wrap.join-tbl .tit {
  margin-bottom: 1.6rem;
}
.tbl-wrap.join-tbl .tit h3 {
  line-height: 3.2rem;
}
.tbl-wrap.join-tbl a {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.tbl-wrap.join-tbl a .icon {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  margin-right: 0.8rem;
}
.tbl-wrap.join-tbl a.xls span {
  background: url(./../images/icon_excel_img.png);
}
.tbl-wrap.join-tbl a.pdf span {
  background: url(./../images/icon_pdf_img.png);
}
.tbl-wrap.join-tbl a.clip span {
  background: url(./../images/icon_clip.png);
}
.tbl-wrap.join-tbl.dep02 th, .tbl-wrap.join-tbl.dep02 td {
  padding: 2rem 2.4rem;
}
.tbl-wrap.join-tbl .url {
  color: #0070F0;
  display: inline-block;
  margin-right: 1rem;
}
.tbl-wrap.join-tbl .url:last-child {
  margin-right: 0;
}
.tbl-wrap.join-tbl .field-group + .field-group {
  margin-top: 0.8rem;
}
.tbl-wrap.join-tbl .field-group + .ct-btn-info {
  margin-top: 1.2rem;
}
.tbl-wrap.join-tbl + .join-tbl {
  margin-top: 6.4rem;
}
.tbl-wrap.join-tbl.bd-none table {
  border-top: 0.1rem solid #858585;
}
.tbl-wrap.join-tbl.bd-none table tbody tr {
  border-bottom: none;
  color: #5C5C5C;
}
.tbl-wrap.join-tbl.bd-none table tbody tr:first-child th, .tbl-wrap.join-tbl.bd-none table tbody tr:first-child td {
  padding-top: 3.7rem;
}
.tbl-wrap.join-tbl.bd-none table tbody td {
  border-bottom: none;
  color: #5C5C5C;
  font-size: 1.4rem;
}
.tbl-wrap.join-tbl.bd-none table tbody th {
  border-bottom: none;
  vertical-align: top;
  color: #5C5C5C;
}
.tbl-wrap.join-tbl.bd-none table tbody .text-deco {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
.tbl-wrap.down-tbl {
  padding-bottom: 12rem;
}
.tbl-wrap.down-tbl .tit {
  padding: 4rem 0 1rem;
  border-top: 0.1rem solid #D6D6D6;
}
.tbl-wrap.down-tbl .tit h3 {
  font-size: 2rem;
  line-height: 2.6rem;
}
.tbl-wrap.down-tbl table {
  border-top: none;
}
.tbl-wrap.down-tbl table tbody td {
  padding: 0.8rem 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.tbl-wrap.down-tbl table tbody td::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.2rem;
  background: url(./../images/icon_down_tbl.svg) no-repeat;
  vertical-align: middle;
}
.tbl-wrap .tit {
  font-weight: 700;
  color: #000000;
}
.tbl-wrap .tit h3 {
  line-height: 2.6rem;
}
.tbl-wrap .tit + .pos {
  margin-top: 0.8rem;
}
.tbl-wrap .tit + table {
  margin-top: 0.4rem;
}
.tbl-wrap.list table, .tbl-wrap.stat table {
  border-top: none;
}
.tbl-wrap.list table td, .tbl-wrap.list table th, .tbl-wrap.stat table td, .tbl-wrap.stat table th {
  overflow: hidden;
  white-space: nowrap;
  border: none;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
}
.tbl-wrap.list table th, .tbl-wrap.stat table th {
  border-bottom: 0.1rem solid #D6D6D6;
  background: #fff;
  font-weight: 500;
}
.tbl-wrap.list table td, .tbl-wrap.stat table td {
  color: #000000;
  font-weight: 700;
}
.tbl-wrap.list table td .btn, .tbl-wrap.stat table td .btn {
  height: 3.2rem;
  margin: -0.6rem auto;
  background-color: #EBEBEB;
  border: none;
  border-radius: 0.8rem;
  padding: 0 1.5rem 0 1.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.tbl-wrap.list table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .tbl-wrap.list table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .tbl-wrap.list table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active, .tbl-wrap.stat table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover, .tbl-wrap.stat table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus, .tbl-wrap.stat table td .btn:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active {
  color: #000000;
  background: #D6D6D6;
  border-color: #D6D6D6;
}
.tbl-wrap.list table td .btn.bg, .tbl-wrap.stat table td .btn.bg {
  background-color: #000000;
  color: #FFFFFF;
}
.tbl-wrap.list table td .coupon_link, .tbl-wrap.stat table td .coupon_link {
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 2.4rem;
  padding-right: 0.4rem;
  text-decoration: none;
}
.tbl-wrap.list table td .coupon_link::before, .tbl-wrap.stat table td .coupon_link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_coupon.svg) no-repeat left center;
}
.tbl-wrap.list table td .coupon_link:hover, .tbl-wrap.stat table td .coupon_link:hover {
  text-decoration: underline;
  color: #0070F0;
}
.tbl-wrap.list table td .coupon_link.empty, .tbl-wrap.stat table td .coupon_link.empty {
  pointer-events: none;
}
.tbl-wrap.list table tr:hover td, .tbl-wrap.stat table tr:hover td {
  background-color: #EDF3FD;
}
.tbl-wrap.list table tr:hover.clicked, .tbl-wrap.stat table tr:hover.clicked {
  background-color: #f7fafe;
}
.tbl-wrap.stat .stat-btn-area {
  margin-bottom: 1.6rem;
  justify-content: end;
  gap: 0.6rem;
}
.tbl-wrap.stat table th {
  padding: 1.8rem 0.6rem 1rem;
}
.tbl-wrap.stat table th.ws-no {
  white-space: nowrap;
}
.tbl-wrap.stat table td {
  padding: 1.2rem 0.6rem;
}
.tbl-wrap.stat table tr.total {
  border-top: 0.1rem solid #EBEBEB;
  background-color: #FAFAFA;
}
.tbl-wrap.stat table tr.total td {
  color: #0070F0;
  font-weight: 700;
}
.tbl-wrap.list table th {
  padding: 1rem 0.6rem;
}
.tbl-wrap.list table td {
  padding: 1.2rem 0.6rem;
}
.tbl-wrap.list table td a {
  text-decoration: none;
}
.tbl-wrap.list table td.new a {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 3.3rem);
}
.tbl-wrap.list table td.new:after {
  clear: both;
  content: "new";
  margin-left: 0.8rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FF0000;
  line-height: 1.6rem;
  font-weight: 700;
}
.tbl-wrap.list table td .tag {
  display: inline-block;
  margin-right: 0.4rem;
  padding: 0.2rem 0.8rem;
  border-radius: 4rem;
  background-color: #000000;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.6rem;
}
.tbl-wrap.list .btnWrap + table {
  margin-top: 0.8rem;
}
.tbl-wrap.list.t-r tbody td {
  text-align: right;
}
.tbl-wrap.list.se table tr.now td {
  font-weight: 700;
}
.tbl-wrap.list.se table tr:last-child td {
  border-top: none;
}
.tbl-wrap.list.se table th {
  padding: 1.375rem 1.2rem;
  border-color: #000000;
  text-align: center;
  color: #5C5C5C;
}
.tbl-wrap.list.se table td {
  padding: 1.35rem 1.2rem;
  border-top: 0.1rem solid #EBEBEB;
  text-align: center;
  font-weight: 500;
}
.tbl-wrap.list.se table td.none-td {
  padding: 7.4rem 0;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.tbl-wrap.list.se table td .btn {
  margin: -0.6rem 0;
  text-align: right;
  padding: 0.6rem 0.8rem;
}
.tbl-wrap.list.se table td.required {
  color: #FF0000;
  font-weight: 700;
}
.tbl-wrap.list.se table .flex.between span {
  width: calc(100% - 4.5rem);
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbl-wrap.search table {
  border-top: none;
}
.tbl-wrap.search table::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #000000;
}
.tbl-wrap.search table::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  width: 100%;
  height: 0.1rem;
  background-color: #E0E0E0;
}
.tbl-wrap.search table + .btnWrap {
  margin-top: 1.2rem;
}
.tbl-wrap.search table th {
  width: 12rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
  background-color: #fff;
  border: none;
}
.tbl-wrap.search table td {
  padding: 0.4rem 0.8rem;
  border: none;
}
.tbl-wrap.search table td .field + .field {
  margin-top: 0.8rem;
}
.tbl-wrap.search table tr:first-child th, .tbl-wrap.search table tr:first-child td {
  padding-top: 2.1rem;
}
.tbl-wrap.search table tr:last-child th, .tbl-wrap.search table tr:last-child td {
  padding-bottom: 2.1rem;
}
.tbl-wrap.search.bd-none table th {
  min-width: 5.4rem;
}
.tbl-wrap.search.bd-none table::after {
  display: none;
}
.tbl-wrap.search.type2 table th, .tbl-wrap.search.type2 table td {
  padding: 1rem 0.8rem;
}
.tbl-wrap.search + .list, .tbl-wrap.search + .stat, .tbl-wrap.search + .tab-wrap {
  margin-top: 2rem;
}
.tbl-wrap.search + .list + .list {
  margin-top: 2rem;
}
.tbl-wrap.search + .btnWrap {
  margin-top: 2.4rem;
}
.tbl-wrap.search .tit h3 {
  font-size: 1.8rem;
}
.tbl-wrap.search + .tit {
  margin-top: 3rem;
}
.tbl-wrap.search-line tr:first-child th, .tbl-wrap.search-line tr:first-child td {
  padding-bottom: 2.1rem;
}
.tbl-wrap.search-line tr:last-child th, .tbl-wrap.search-line tr:last-child td {
  padding-top: 2.1rem;
}
.tbl-wrap.search-line tr + tr {
  border-top: 0.1rem solid #F5F5F5;
}
.tbl-wrap.step-tbl {
  margin-bottom: 8rem;
}
.tbl-wrap.step-tbl table {
  border-top: none;
  margin-top: 2rem;
}
.tbl-wrap.step-tbl table .required::after {
  content: "";
  display: block;
  content: "*";
  display: inline-block;
  position: relative;
  top: -0.2rem;
  color: #FC4514;
  margin-left: 0.4rem;
}
.tbl-wrap.step-tbl table th {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  vertical-align: top !important;
  min-width: 12rem;
  padding: 2.2rem 0 2.2rem 2rem;
  background-color: #FFFFFF;
  border: none;
}
.tbl-wrap.step-tbl table th.valignMiddle {
  vertical-align: middle !important;
}
.tbl-wrap.step-tbl table td {
  display: inline-block;
  padding: 2rem 0 2rem 2rem;
  border: none;
}
.tbl-wrap.step-tbl table td .field-radio {
  padding: 0;
}
.tbl-wrap.step-tbl table td .field + .field {
  margin-top: 0.8rem;
}
.tbl-wrap.step-tbl table td .chk-label {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.tbl-wrap.step-tbl table td .chk-label-info {
  position: absolute;
  top: 0;
  left: 5.6rem;
  font-weight: 500;
}
.tbl-wrap.step-tbl table td .field-wrap-top + .chk-label {
  margin-top: 1.6rem;
}
.tbl-wrap.step-tbl table td .field-wrap-top + .field-info {
  margin-top: 0.8rem;
  color: #5C5C5C;
}
.tbl-wrap.step-tbl table td .field-info {
  margin-top: 0.4rem;
  margin-bottom: 0;
  line-height: 1.4rem;
}
.tbl-wrap.step-tbl table td .field-info .message {
  font-size: 1.1rem;
  color: #949494;
  line-height: 1.4rem;
  font-weight: 400;
}
.tbl-wrap.step-tbl table td .date-time {
  position: relative;
  padding-top: 2rem;
}
.tbl-wrap.step-tbl table td .date-time .info-tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.tbl-wrap.step-tbl table td .date-time .field-select.sizeXxs {
  width: 6rem;
}
.tbl-wrap.step-tbl table tr + tr {
  border-top: solid 0.1rem #E0E0E0;
}
.tbl-wrap.step-tbl table tr:last-child {
  border-bottom: solid 0.1rem #E0E0E0;
}
.tbl-wrap.step-tbl table tr.bd-none {
  border-top: none;
}
.tbl-wrap.step-tbl table tr.bd-none td {
  padding-top: 0;
}
.tbl-wrap.step-tbl + .list, .tbl-wrap.step-tbl + .stat, .tbl-wrap.step-tbl + .tab-wrap {
  margin-top: 2rem;
}
.tbl-wrap.step-tbl + .btnWrap {
  margin-top: 2.4rem;
}
.tbl-wrap.step-tbl .tit h3 {
  font-size: 1.8rem;
}
.tbl-wrap.step-tbl + .tit {
  margin-top: 3rem;
}
.tbl-wrap .tbl-scroll-body {
  border: 0 !important;
}
.tbl-wrap .tbl-scroll-body::before {
  height: 0 !important;
}
.tbl-wrap .tbl-scroll-wrap {
  width: 100%;
  overflow-y: auto;
  overflow-x: auto;
}
.tbl-wrap .tbl-scroll-wrap.sticky table {
  border-top: 0;
  border-collapse: separate;
}
.tbl-wrap .tbl-scroll-wrap.sticky table::before {
  height: 0;
}
.tbl-wrap .tbl-scroll-wrap.sticky th {
  position: sticky;
  top: -1px;
  left: 0;
  z-index: 1;
  border-bottom: 0.1rem solid #D6D6D6;
}
.tbl-wrap .tbl-scroll-wrap.sticky th::before {
  clear: both;
  content: "";
  position: absolute;
  top: -1px;
  left: -0.1px;
  width: calc(100% + 1px);
  height: 1px;
  background-color: #000;
}
.tbl-wrap + .btnWrap {
  margin-top: 4rem;
}
.tbl-wrap .tbl-img {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}
.tbl-wrap .tbl-img img {
  width: 100%;
}
.tbl-wrap.dragTable {
  position: relative;
}
.tbl-wrap.dragTable .place-box {
  border: 0.2rem dashed #CCCCCC;
  background-color: #FAFAFA;
  z-index: 2;
}
.tbl-wrap.dragTable .ui-sortable-helper {
  border: 0.1rem solid #0070F0;
  z-index: 2;
  padding-bottom: 6.6rem;
}
.tbl-wrap.dragTable .btnWrap {
  position: fixed;
  justify-content: flex-start;
  width: calc(100% - 8rem);
  padding: 1.2rem;
  margin-top: -0.1rem;
  background-color: #F5F5F5;
  z-index: 11;
}
.tbl-wrap.dragTable .btnWrap .btn {
  width: 7.5rem;
  height: 4rem;
  padding: 0 0.7rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.tbl-wrap.dragTable .btnWrap + table {
  margin-top: 7.2rem;
}
.tbl-wrap.dragTable .btnWrap.fixed-active {
  top: 9.5rem;
}
.tbl-wrap.clickTable .clicked {
  background-color: #f7fafe;
}
.tbl-wrap.term-tbl table tbody tr th {
  padding: 0;
}
.tbl-wrap.term-tbl table tbody tr th strong {
  color: #000000 !important;
  font-weight: 700 !important;
}
.tbl-wrap.term-tbl table tbody tr td {
  padding: 1rem 0 1rem 0.6rem;
}
.tbl-wrap.term-tbl table tbody tr .text-deco {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
.tbl-wrap.line-break table tbody td, .tbl-wrap.line-break table tbody a {
  word-break: keep-all;
  white-space: normal;
}
.tbl-txt {
  text-align: right;
  padding: 0.7rem 0 1.2rem 0;
}
.tbl-pagenation {
  display: flex;
  margin-top: 1.6rem;
}
.tbl-pagenation ul {
  display: flex;
}
.tbl-pagenation ul + ul {
  margin-left: 0.8rem;
}
.tbl-pagenation ul:not(.number) li + li {
  margin-left: 0.4rem;
}
.tbl-pagenation ul:not(.number) a {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  border-radius: 0.4rem;
  background-color: #EBEBEB;
}
.tbl-pagenation ul:not(.number) a::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon_arrow-pn.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 1.6rem;
}
.tbl-pagenation ul:not(.number) a.next::before {
  background-image: url(../images/icon_arrow-pn.svg);
}
.tbl-pagenation ul:not(.number) a.next-skip::before {
  background-image: url(../images/icon_arrow-skip.svg);
}
.tbl-pagenation ul:not(.number) a.prev::before {
  background-image: url(../images/icon_arrow-pn.svg);
  transform: rotate(180deg);
}
.tbl-pagenation ul:not(.number) a.prev-skip::before {
  background-image: url(../images/icon_arrow-skip.svg);
  transform: rotate(180deg);
}
.tbl-pagenation ul:not(.number) a.none::before {
  opacity: 0.2;
  cursor: default;
}
.tbl-pagenation li {
  display: flex;
  color: #5C5C5C;
}
.tbl-pagenation li a {
  width: auto;
  height: auto;
  min-width: 2.4rem;
  padding: 0 0.5rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #949494;
  font-weight: 500;
}
.tbl-pagenation li a:hover, .tbl-pagenation li a.on {
  color: #000000;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tbl-cover-wrap {
  background-color: #fff;
}

.hover-img {
  position: relative;
  cursor: pointer;
}
.hover-img.on .hover-view {
  visibility: visible;
  display: block;
}
.hover-img .hover-view {
  visibility: hidden;
  display: none;
  width: 20rem;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.16);
  border: 0.1rem solid #E0E0E0;
  padding: 1rem;
  background-color: #FFFFFF;
  z-index: 1;
}
.hover-img .hover-view::after {
  content: "";
  display: block;
  position: absolute;
  top: 3.4rem;
  left: -0.6rem;
  width: 0.7rem;
  height: 1.5rem;
  background: url(./../images/hover_arrow.svg);
}
.hover-img .hover-view img {
  width: 100%;
  border: 0.1rem solid #D6D6D6;
}

.hoverImgWrap {
  position: fixed;
  z-index: 99999;
  width: 20rem;
  border-radius: 0.8rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.16);
  border: 0.1rem solid #E0E0E0;
  padding: 4rem;
  background-color: #FFFFFF;
}
.hoverImgWrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 3.4rem;
  left: -0.6rem;
  width: 0.7rem;
  height: 1.5rem;
  background: url(./../images/hover_arrow.svg);
}
.hoverImgWrap img {
  width: 100%;
  border: 0.1rem solid #D6D6D6;
}
.hoverImgWrap.top::after {
  content: "";
  display: block;
  top: 3.4rem;
}
.hoverImgWrap.middle::after {
  content: "";
  display: block;
  top: 50%;
  transform: translate(0, -50%);
}
.hoverImgWrap.bottom::after {
  content: "";
  display: block;
  top: auto;
  bottom: 3.4rem;
}

.line-break {
  word-break: keep-all !important;
  white-space: normal !important;
}
.line-break a {
  word-break: keep-all !important;
  white-space: normal !important;
}

.swiper-pagination {
  transition: 0.3s all ease-in-out;
}

.no-scroll {
  overflow: hidden;
}

.modalPop {
  display: none;
  position: fixed;
  left: 0;
  z-index: 5001;
  max-height: 90%;
  transition: opacity 250ms cubic-bezier(0.86, 0, 0.07, 1);
  /* alert 팝업 */
  /* 로딩 팝업 */
  /* 세트 상세 설정 팝업(select) */
}
.modalPop.modalFt .modal-container {
  max-height: calc(100vh - 31rem);
}
.modalPop[modal-size=xxl] {
  width: 122rem;
}
.modalPop[modal-size=xl] {
  width: 120rem;
}
.modalPop[modal-size=md] {
  width: 80rem;
}
.modalPop[modal-size=sm] {
  width: 60rem;
}
.modalPop._center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modalPop._center._scroll .modal-container {
  overflow-y: scroll;
}
.modalPop._center._scroll > .modalWrap {
  padding-right: 0;
}
.modalPop._center._scroll > .modalWrap .modal-header,
.modalPop._center._scroll > .modalWrap .modal-footer {
  margin-right: 4rem;
}
.modalPop._center._scroll > .modalWrap .modal-container {
  padding-right: 2.8rem;
}
.modalPop._center > .modalWrap {
  min-height: 30%;
  border-radius: 4rem;
}
.modalPop .modalWrap {
  background-color: #FFFFFF;
  padding: 4rem;
  box-sizing: border-box;
}
.modalPop .modal-header {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  -webkit-transform: translateZ(0);
}
.modalPop .modal-header .mp-title {
  flex: 1;
  text-align: left;
}
.modalPop .modal-header .mp-title.dep01 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.modalPop .modal-header.bd-none {
  border-bottom: none;
  padding-bottom: 2.4rem;
}
.modalPop .modal-header .tooltipWrap {
  flex: 1;
}
.modalPop .modal-header .tooltipWrap .mp-title {
  flex: 0;
  display: inline-block;
  vertical-align: middle;
}
.modalPop .modal-container {
  max-height: calc(100vh - 20rem);
  font-size: var(--space-md);
  line-height: 1.5;
}
.modalPop .modal-container .mp-txt {
  margin-top: 4rem;
}
.modalPop .modal-container .mp-txt h5 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.modalPop .modal-container .mp-txt h5 .headcopy {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 0.4rem;
}
.modalPop .modal-container .mp-txt + .field {
  margin-top: 4.8rem;
}
.modalPop .modal-container .mp-txt + .field.agency-mg {
  margin-top: 2.8rem;
}
.modalPop .modal-container .mp-txt.ct {
  text-align: center;
}
.modalPop .modal-container .mp-txt.ct h5 .headcopy {
  margin-top: 2rem;
}
.modalPop .modal-container .ico-lock + .mp-txt {
  margin-top: 2rem;
}
.modalPop .modal-container .tit + .tbl-wrap {
  margin-top: 0;
}
.modalPop .modal-container .split {
  margin-bottom: 1.2rem;
}
.modalPop .modal-container .field-group.opt-box {
  gap: 0.4rem;
}
.modalPop .modal-container .field-group.opt-box .field-radio,
.modalPop .modal-container .field-group.opt-box .field-checkbox {
  width: calc(33.33334% - 0.2rem);
}
.modalPop .modal-container .field + .field.terms-mg {
  margin: 1.6rem 0 2.8rem;
}
.modalPop .modal-container .ac-tbl {
  margin-top: 1.2rem;
  border-top: 0.1rem solid #EBEBEB;
}
.modalPop .modal-container .ac-tbl table th {
  padding: 3.2rem 0.8rem;
  vertical-align: top;
}
.modalPop .modal-container .ac-tbl table td {
  padding: 2rem 0;
}
.modalPop .modal-container .ac-tbl table td .field-textarea textarea {
  max-height: 27.8rem;
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
}
.modalPop .modal-container .tbl-wrap.list,
.modalPop .modal-container .tbl-wrap.stat {
  overflow-x: auto;
}
.modalPop .modal-container .tbl-wrap.search {
  padding-bottom: 0.1rem;
}
.modalPop .modal-footer {
  -webkit-transform: translateZ(0);
}
.modalPop .modal-footer .btnWrap {
  margin-top: 4rem;
  text-align: center;
  gap: 0;
}
.modalPop .modal-footer .btnWrap .btn {
  min-width: 16rem;
}
.modalPop .modal-footer .btnWrap .btn + .btn {
  margin-left: 0.8rem;
}
.modalPop .modal-footer .btnWrap.ad {
  margin-top: 2.4rem;
}
.modalPop._is-active {
  display: block;
}
.modalPop[modal-type=alert] {
  width: 32rem;
}
.modalPop[modal-type=alert] .modalWrap {
  overflow: hidden;
  min-height: inherit;
  padding: 0;
  border-radius: 1.6rem;
  background-color: transparent;
}
.modalPop[modal-type=alert] .modalWrap .modal-container {
  padding: 2.8rem 2.4rem;
  line-height: 2.2rem;
  text-align: center;
  background-color: #FFFFFF;
}
.modalPop[modal-type=alert] .modalWrap .modal-container .tit {
  font-size: 1.6rem;
  color: #000000;
  line-height: 2.2rem;
  font-weight: 700;
}
.modalPop[modal-type=alert] .modalWrap .modal-container .tit + p {
  margin-top: 1.6rem;
}
.modalPop[modal-type=alert] .modalWrap .modal-container p {
  font-size: 1.4rem;
  color: #5C5C5C;
  line-height: 2.2rem;
}
.modalPop[modal-type=alert] .modalWrap .modal-footer .btnWrap {
  gap: 0;
  margin-top: 0;
}
.modalPop[modal-type=alert] .modalWrap .modal-footer .btnWrap button {
  min-width: inherit;
  height: 5.5rem;
  padding: 1.65rem;
  border-radius: 0;
  border-color: #EBEBEB;
  border-width: 0.1rem 0 0 0;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.modalPop[modal-type=alert] .modalWrap .modal-footer .btnWrap button.type2 {
  background-color: #F5F5F5;
  color: #858585;
}
.modalPop[modal-type=alert] .modalWrap .modal-footer .btnWrap .btn + .btn {
  margin-left: 0;
}
.modalPop[modal-type=loading] {
  width: 40rem;
}
.modalPop[modal-type=loading] .modalWrap {
  padding: 8rem 4rem;
}
.modalPop[modal-type=loading] .loading {
  text-align: center;
}
.modalPop[modal-type=loading] .loading .load {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon_loading.svg) no-repeat center/cover;
  animation: load 1.5s linear infinite;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modalPop[modal-type=loading] .loading .txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #000000;
  margin-top: 2rem;
  text-align: center;
}
.modalPop.setGroupModal .modal-container {
  padding-bottom: 4.5rem;
}
.modalPop.setGroupModal .option-box .field-select .field-select-list {
  max-height: 14rem;
}
.modalPop.setGroupModal .modal-footer .btnWrap {
  margin-top: 0;
}
.modalPop .goodsAddBtn,
.modalPop .goodsDelBtn {
  display: none !important;
}

.dimmed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
}

/* 토스트 팝업 */
.toastWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 1rem;
  width: calc(100% - 2rem);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
}
.toastWrap > a {
  display: inline-block;
  flex-shrink: 0;
  opacity: 0;
}
.toastWrap > a::before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E") no-repeat;
}
.toastWrap > a._is-active {
  opacity: 1;
}
.toastWrap > a._is-active::before {
  content: "";
  display: block;
  width: 2.4rem;
}
.toast-msg {
  flex: 1;
  padding: 1rem 5rem 1rem 5rem;
  color: #FFFFFF;
  text-align: center;
}

/* 툴팁 */
.tooltip {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 1;
  padding: 1rem;
  background: #FFFFFF;
  border: 0.1rem solid #858585;
  transition: opacity 0.25s cubic-bezier(0.86, 0, 0.07, 1);
}
.tooltipWrap {
  position: relative;
}
.tooltipWrap.r .tooltip {
  text-align: left;
}
.tooltip._right, .tooltip._left {
  max-width: 60%;
}
.tooltip._top, .tooltip._bottom {
  max-width: calc(100% - 20px);
}
.tooltip-content {
  position: relative;
  margin-right: 2rem;
}
.tooltip-content .ico-tooltip-close {
  position: absolute;
  top: 0;
  right: -2rem;
}
.tooltip._is-active {
  display: block;
  opacity: 1;
}

.reverse.ico-tooltip._is-active._left::before, .ico-tooltip._is-active._default::before {
  content: "";
  display: block;
  top: 0.6rem;
  left: auto;
  right: -1.7rem;
  transform: rotate(135deg);
}

.reverse.ico-tooltip._is-active._default::before, .ico-tooltip._is-active._left::before {
  content: "";
  display: block;
  top: 0.6rem;
  left: -1.7rem;
  right: auto;
  transform: rotate(315deg);
}

.ico-tooltip {
  width: 2.4rem;
  height: 2.4rem;
}
.ico-tooltip::before {
  content: "";
  display: block;
  opacity: 0;
}
.ico-tooltip._is-active {
  position: relative;
}
.ico-tooltip._is-active::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  background: #FFFFFF;
  box-shadow: 1px 1px 0 0 #858585;
}
.ico-tooltip._is-active._top::before {
  content: "";
  display: block;
  top: -1.7rem;
  left: 0.4rem;
  right: auto;
  transform: rotate(45deg);
  transition: opacity 0.25s cubic-bezier(0.86, 0, 0.07, 1);
}
.ico-tooltip._is-active._bottom::before {
  content: "";
  display: block;
  bottom: -1.7rem;
  left: 0.4rem;
  right: auto;
  transform: rotate(225deg);
}

/* 로그인후 화면 모달팝업 테이블 style */
.wrap .flex-wrap .modalPop .modal-container .tbl-wrap table th:first-child,
.wrap .flex-wrap .modalPop .modal-container .tbl-wrap table td:first-child {
  padding-left: 0.6rem;
}
.wrap .flex-wrap .modalPop .modal-container .tbl-wrap table th:last-child,
.wrap .flex-wrap .modalPop .modal-container .tbl-wrap table td:last-child {
  padding-right: 0.6rem;
}

/* header */
.member .container.cont-s {
  padding-top: 18.5rem;
}

/* 가입정보 테이블 */
.atho_box {
  width: 79.2rem;
  margin: 0 auto;
}
.atho_box .btnWrap {
  margin-top: 8rem;
  text-align: center;
}
.atho_box .btnWrap button {
  min-width: 24rem;
}
.atho_box .tbl-wrap table tbody tr {
  border-bottom: 0.1rem solid #EBEBEB;
}
.atho_box .tbl-wrap table tbody th {
  padding: 1.7rem 2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.atho_box .tbl-wrap table tbody td {
  padding: 1.7rem 2.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  text-align: left;
}
.atho_box .tbl-wrap table tbody td .brand-list {
  display: flex;
  flex-wrap: wrap;
}
.atho_box .tbl-wrap table tbody td .brand-list span {
  margin-right: 2.4rem;
}
.atho_box .tbl-wrap .tit + table {
  margin-top: 1.6rem;
}
.atho_box .tbl-wrap.stat table {
  border-top: solid 0.2rem #000000;
}
.atho_box .tbl-wrap.stat table td {
  padding: 1.2rem 1.2rem;
  text-align: center;
}
.atho_box .tbl-wrap + .tbl-wrap {
  margin-top: 6.4rem;
}

.wrap .flex-wrap .atho_box {
  width: 48rem;
}

/* 약관 박스 */
.agree.agree-error .agree_border .field .field-checkbox.big input[type=checkbox]:not(:checked) ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E") no-repeat;
}
.agree.agree-error .agree_border .field .field-checkbox input[type=checkbox]:not(:checked) ~ .field-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat;
}
.agree.agree-error .agree_border .field .field-checkbox input[type=checkbox]:not(:checked) ~ .field-icon + .field-label {
  color: #FF0000;
}
.agree .agree_border {
  width: 100%;
  border-radius: 0.8rem;
  background: #F5F5F5;
  position: relative;
  padding: 2.4rem 2rem;
  display: inline-block;
}
.agree .agree_border .field {
  margin-top: 0;
}
.agree .agree_border .field + .field {
  margin-top: 0.5rem;
}
.agree .agree_border .field.s-line .field-checkbox .field-icon {
  opacity: 0.7;
}
.agree .agree_border .field.s-line .field-checkbox .field-label {
  color: #858585;
}
.agree .agree_border .field.s-line .field-checkbox input[type=checkbox]:checked ~ .field-icon {
  opacity: 1;
}
.agree .agree_border .field.s-line .field-checkbox input[type=checkbox]:checked ~ .field-icon + .field-label {
  color: #000000;
}
.agree .agree_border .c-check {
  max-height: 21.2rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.agree .agree_border.noscroll {
  height: auto;
  overflow: visible;
}
.agree .agree_border.noscroll ul {
  margin: 0;
  padding: 0;
}
.agree .agree_border.noscroll ul li {
  margin-bottom: 0.8rem;
}
.agree .agree_border.noscroll ul li:first-child {
  margin-bottom: 1.6rem;
}
.agree .agree_border.noscroll ul li:last-child {
  margin-bottom: 0;
}
.agree .agree_border.noscroll ul li .agree-btn {
  border: none;
  position: absolute;
  top: 2.4rem;
  right: 1.9rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/arrow2.png) no-repeat center center/100%;
}
.agree .agree_border.noscroll ul li label {
  color: #CCCCCC;
  font-size: var(--space-md);
  background: none;
}
.agree .agree_border.noscroll ul li label.ag1 {
  font-size: var(--space-mmd);
}
.agree .agree_border.noscroll ul li label.br1 {
  position: relative;
}
.agree .agree_border.center {
  text-align: center;
}
.agree .agree_border .txt-box {
  padding: 1.6rem 0;
}
.agree .agree_border .txt-box span {
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 1.2rem;
}

/* 로그인 페이지에서 사용되는 css */
.member.login-wrap header .info {
  display: none;
}
.member.login-wrap .container {
  min-height: 82rem;
  padding: 8rem 0 0;
}
.member .container .login_bg {
  height: 100%;
  padding: 7rem 0 5rem;
}
.member .container .loginWrap {
  width: 43.2rem;
  border: 0.1rem solid #CCCCCC;
  border-radius: 2rem;
  padding: 4rem 2.4rem 3.6rem;
  margin: 0 auto;
  box-sizing: border-box;
  background: #FFFFFF;
}
.member .container .loginWrap .mmall-tit {
  font-size: 2.8rem;
  line-height: 3.6rem;
  text-align: center;
  padding-bottom: 4.4rem;
}
.member .container .loginWrap .btnWrap {
  margin-top: 4.2rem;
}
.member .container .loginWrap .btnWrap > button {
  width: 100%;
  width: calc(100% + 1.6rem);
  margin-left: -0.8rem;
}
.member .container .loginWrap .btnWrap.flex {
  display: flex;
  justify-content: center;
  gap: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.member .container .loginWrap .btnWrap.flex > a {
  padding: 0 1.2rem;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #000000;
  text-align: center;
}
.member .container .loginWrap .btnWrap + .btnWrap {
  margin-top: 2rem;
}
.member .container .loginWrap .field.c-check {
  margin: 1.6rem 0 2.4rem;
}
.member .container .loginWrap .field-checkbox.square {
  margin-left: 0.4rem;
}
.member .container .loginWrap .field-checkbox .field-icon {
  margin-top: 0;
}
.member .container .loginWrap + .login-link {
  width: 40.2rem;
  text-align: right;
}
.member .container .loginWrap + .login-link .arrow {
  margin-top: 1.2rem;
  margin-right: 0.8rem;
  font-weight: 600;
  color: #000000;
}
.member .container .loginWrap + .login-link .arrow::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-left: 0.2rem #000000 solid;
  border-bottom: 0.2rem #000000 solid;
}
.member .line {
  display: block;
  width: 0.1rem;
  height: 1.6rem;
  background-color: #D6D6D6;
}

.mt-type01 {
  margin-top: 6.4rem;
}
.mt-type01 + .field {
  margin-top: 2rem;
}

.btn.btn-blue {
  font-size: 1.4rem;
  color: #FFFFFF;
  line-height: 1.4rem;
  text-align: center;
  border: 0.1rem solid #0070F0;
  border-radius: 0.4rem;
  height: auto;
  padding: 0.4rem 0.8rem;
  background: #0070F0;
}
.btn.btn-bdBlue {
  font-size: 1.4rem;
  color: #0070F0;
  line-height: 1.4rem;
  text-align: center;
  border: 0.1rem solid #0070F0;
  border-radius: 0.8rem;
  height: auto;
  padding: 0.8rem;
  background: #FFFFFF;
}
.btn.btn-gray {
  font-size: 1.4rem;
  color: #000000;
  line-height: 1.4rem;
  text-align: center;
  border: 0.1rem solid #EBEBEB;
  border-radius: 0.8rem;
  height: auto;
  padding: 0.8rem;
  background: #EBEBEB;
}
.btn.btn-bdGray {
  font-size: 1.4rem;
  color: #7A7A7A;
  line-height: 1.4rem;
  text-align: center;
  border: 0.1rem solid #7A7A7A;
  border-radius: 0.4rem;
  height: auto;
  padding: 0.4rem 0.8rem;
  background: #FFFFFF;
}
.btn.deleteBtn {
  font-weight: 500;
  margin: 0;
  background: #FFFFFF url(../images/icon_delete.svg) no-repeat left 0.7rem center;
}
.btn.optionBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 0;
  padding: 0;
}
.btn.optionBtn::before {
  content: "";
  display: block;
  content: "편집";
  font-size: 1.4rem;
  color: #FFFFFF;
  background: url(../images/icon_md_edit.svg) no-repeat left center/2rem;
  padding-left: 2.6rem;
}
.btn.dragBtn {
  background: #000000 url(../images/icon_drag_white.svg) no-repeat left 0.7rem center;
  color: #FFFFFF;
}
.btn.goods-dragBtn {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  z-index: 2;
  font-size: 0;
  line-height: 1.4rem;
  border: 0.1rem solid #0048ff;
  background: #FFFFFF url(../images/icon_drag_blue.svg) no-repeat center;
  color: #0048ff;
  border-radius: 0.6rem;
}
.btn.goodsAddBtn {
  width: 100%;
  padding: 0.9rem 1.6rem;
  border-radius: 0.8rem;
  background: #FFFFFF;
  font-size: 1.6rem;
  color: #0070F0;
  font-weight: bold;
  line-height: 2rem;
  border: 0.1rem solid #0070F0;
}
.btn.goodsDelBtn {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  z-index: 2;
  border: 0.1rem solid #000000;
  border-radius: 0.6rem;
  font-size: 0;
  background: #FFFFFF url(../images/icon_x_close.svg) no-repeat center/1.8rem;
}
.btn.goodsEditBtn {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  position: absolute;
  top: 0.8rem;
  right: 3.6rem;
  z-index: 2;
  border: 0.1rem solid #000000;
  border-radius: 0.6rem;
  font-size: 0;
  background: #FFFFFF url(../images/icon_edit.svg) no-repeat center/1.8rem;
}
.btn.editBtn {
  display: none;
  font-size: 1.4rem;
  line-height: 1.4rem;
  border: 0.1rem solid #4b90df;
  border-radius: 0.4rem;
  background: #4b90df;
  color: #FFFFFF;
  padding: 0.4rem 0.8rem;
}

.module-wrap {
  width: 100%;
  height: calc(100vh - 114px);
  overflow: scroll;
  transition: all 0.15s ease;
}
.module-wrap::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  background: #949494;
  border: 0.3rem solid #d7d7d7;
}
.module-wrap .section {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--section);
  margin: 11.2rem auto 7.5rem;
  background-color: #FFFFFF;
}
.module-wrap .section.brand-section {
  margin-top: 4.8rem;
}
.module-wrap .bline {
  border-bottom: 0.1rem solid #000000 !important;
}
.module-wrap .accordBtnAll {
  position: absolute;
  top: -6.4rem;
  right: 0;
  background: #000000;
  padding: 0.5rem 1rem;
  font-size: 0;
  color: #FFFFFF;
  border: 0.1rem solid #949494;
  border-radius: 0.8rem;
}
.module-wrap .accordBtnAll::after {
  content: "";
  display: block;
  content: "모듈 전체 펼치기";
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: bold;
}
.module-wrap .accordBtnAll.state-open {
  border: 0.1rem solid #000000;
  background: #FFFFFF;
  color: #000000;
}
.module-wrap .accordBtnAll.state-open::after {
  content: "";
  display: block;
  content: "모듈 전체 접기";
}
.module-wrap .module-box {
  word-break: break-all;
  position: relative;
  color: #000000;
  background: #FFFFFF;
}
.module-wrap .module-box:not(.state-open) {
  padding: 0 !important;
}
.module-wrap .module-box + .module-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2.4rem;
  width: calc(100% - 4.8rem);
  height: 0.1rem;
  background: #D6D6D6;
}
.module-wrap .module-box + .module-box.state-open::before {
  display: none;
}
.module-wrap .module-box .field-msg {
  margin-top: 0;
  padding: 0;
  color: #FF0000;
  font-size: 1.4rem !important;
}
.module-wrap .module-box .accord-tit {
  display: block;
  padding: 2rem 2.4rem 1rem;
  background: #FFFFFF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.6rem;
  color: #000000;
}
.module-wrap .module-box .accord-cont {
  position: relative;
  background: inherit;
  color: inherit;
}
.module-wrap .module-box .accord-btn {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
  padding: 0.1rem 0;
  border: 0.1rem solid #000000;
  border-radius: 0.4rem;
  background: #000000;
  color: #FFFFFF;
}
.module-wrap .module-box .accord-btn::before {
  content: "";
  display: block;
  content: "모듈펼치기";
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
}
.module-wrap .module-box.state-open .accord-tit {
  display: none;
}
.module-wrap .module-box.state-open .accord-cont {
  display: block;
}
.module-wrap .module-box.state-open .accord-btn {
  color: #000000;
  border-color: #949494;
  background: #FFFFFF;
}
.module-wrap .module-box.state-open .accord-btn::before {
  content: "";
  display: block;
  content: "모듈접기";
}
.module-wrap .module-box.state-open + .state-open:not(.accordBtnAll) {
  border-top: none;
}
.module-wrap .module-box.state-open.md-video {
  padding-bottom: 0.1rem;
}
.module-wrap .module-box .txtEdit {
  position: relative;
}
.module-wrap .module-box .txt-edit {
  position: relative;
  font-size: 1.4rem;
  color: inherit;
  padding: 1.2rem 2.4rem;
}
.module-wrap .module-box .txt-edit.field + .field {
  margin: 0;
}
.module-wrap .module-box .placeholder {
  display: none;
}
.module-wrap .module-box .title-text-box {
  padding: 2.4rem 2.4rem 4rem;
}
.module-wrap .module-box .title-text-box .txt-edit {
  padding: 0;
}
.module-wrap .module-box .title-text-box .txt-edit + .txt-edit {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.module-wrap .module-box .title-text-box .txt-edit + .txt-edit + .txt-edit {
  margin-top: 1.6rem;
}
.module-wrap .module-box .title-brand-box {
  position: relative;
  padding: 2.4rem 2.4rem 4rem;
}
.module-wrap .module-box .title-brand-box .title-brand-img {
  position: absolute;
  top: -3.2rem;
  left: 1.4rem;
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 100%;
  background: #FFFFFF;
  overflow: hidden;
}
.module-wrap .module-box .title-brand-box .title-brand-img img {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 6.4rem;
  margin: 0.2rem;
  border: 0.1rem solid #D6D6D6;
}
.module-wrap .module-box .title-brand-box .title-brand-tit {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.module-wrap .module-box .title-brand-box .title-brand-btn {
  position: absolute;
  top: 3.2rem;
  right: 2rem;
}
.module-wrap .module-box .title-brand-box .title-brand-btn button {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
}
.module-wrap .module-box .title-brand-box .title-brand-btn button.btn-keep {
  background: url(../images/icon-heart.svg) no-repeat center;
}
.module-wrap .module-box .title-brand-box .title-brand-btn button.btn-share {
  background: url(../images/icon-share.svg) no-repeat center;
}
.module-wrap .module-box .title-brand-box .txt-edit {
  padding: 0;
}
.module-wrap .module-box .title-brand-box .txt-edit .brandTxt {
  font-size: 2rem;
  line-height: 3rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  color: inherit;
  min-height: 3rem;
  margin-top: 3rem;
}
.module-wrap .module-box .title-brand-box .txt-edit .brandTxt.noneTxt + .placeholder {
  font-size: 2rem;
  line-height: 3rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  height: inherit;
}
.module-wrap .module-box .swiperInpEdit .swiperInpRdo {
  display: none;
}
.module-wrap .module-box .tab-wrap {
  background: inherit;
}
.module-wrap .module-box .tab-wrap .tab-list {
  background: inherit;
}
.module-wrap .module-box .tab-wrap .tab-list ._addTab {
  background: inherit;
}
.module-wrap .module-box .tab-wrap .tab-contents-wrap {
  background: inherit;
}
.module-wrap .module-box .tab-wrap .tab-contents-wrap .tab-contents {
  background: inherit;
}
.module-wrap .module-box .swiper-inner {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper .swiper-slide {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper .swiper-slide .goodsWrap {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper li {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper li .slide-drag-wrap {
  background: inherit;
}
.module-wrap .module-box .swiper-inner > div .goods-wrapper li .slide-drag-wrap .swiper-slide {
  background: inherit;
}
.module-wrap .module-box .goods-wrapper {
  background: inherit;
  overflow: hidden;
  max-width: 64.8rem;
}
.module-wrap .module-box .goods-wrapper .swiper-slide {
  background: inherit;
  overflow: hidden;
}
.module-wrap .module-box .goods-wrapper .swiper-slide a {
  display: block;
}
.module-wrap .module-box .goods-wrapper .drag-place {
  border: dashed 0.2rem #CCCCCC;
  background-color: inherit;
}
.module-wrap .module-box .goods-wrapper .swiper-slide.soldOut .goods-img {
  position: relative;
}
.module-wrap .module-box .goods-wrapper .swiper-slide.soldOut .goods-img::before {
  content: "SOLD OUT";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.module-wrap .module-box .goods-wrapper .swiper-slide.saleDateEnd .goods-img {
  position: relative;
}
.module-wrap .module-box .goods-wrapper .swiper-slide.saleDateEnd .goods-img::after {
  content: "기간 종료";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.module-wrap .module-box .goods-wrapper .slide-drag-wrap {
  display: flex;
  gap: 0.2rem;
}
.module-wrap .module-box [contenteditable=true] {
  cursor: text;
  outline: 0;
}
.module-wrap .module-box [contenteditable] {
  position: relative;
  overflow: hidden;
}
.module-wrap .module-box [contenteditable].noneTxt + .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  color: #B3B3B3;
}
.module-wrap .module-box [contenteditable]:focus, .module-wrap .module-box [contenteditable]:focus-visible, .module-wrap .module-box [contenteditable]:focus-within {
  outline: 0.2rem solid #000000;
}
.module-wrap .module-box [contenteditable] > div {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-family: inherit;
}
.module-wrap .module-box .btnWrap.addBtnWrap {
  display: none;
  padding: 0.8rem 1.2rem 1.2rem;
}
.module-wrap .module-box .tab-wrap .tab {
  color: inherit;
}
.module-wrap .module-box .tab-wrap .tab a .txtEdit {
  min-height: 2rem;
  min-width: 1.2rem;
  text-align: left;
}
.module-wrap .module-box .tab-wrap .tab a .txtEdit .placeholder {
  line-height: 2rem;
}
.module-wrap .module-box .tab-wrap .tab a .txtEdit:has(.noneTxt) {
  min-width: 5rem;
}
.module-wrap .module-box .tab-wrap .tab._is-active {
  font-weight: bold;
}
.module-wrap .module-box .tab-wrap .tab-contents {
  padding: 4rem 1.2rem 1.2rem;
}
.module-wrap .module-box .tab-wrap .tab-contents a {
  color: inherit;
}
.module-wrap .module-box .tab-wrap .tab-contents .goods-tit {
  margin-top: 0;
}
.module-wrap .module-box .tab-wrap .tab-contents .goods-tit .goods-category {
  min-height: 2.6rem;
  margin-right: 7rem;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: bold;
}
.module-wrap .module-box .tab-wrap .tab-contents .goods-tit .goods-category + .placeholder {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: bold;
}
.module-wrap .module-box .tab-wrap .tab-contents .goods-tit .goods-txt {
  margin-top: 0.4rem;
  min-height: 2.2rem;
  line-height: 2.2rem;
}
.module-wrap .module-box .tab-wrap .tab-contents .goods-tit .goods-txt + .placeholder {
  line-height: 2.2rem;
}
.module-wrap .module-box .tab-wrap .tab-contents .addBtnWrap {
  margin-top: 2.4rem;
  padding: 0;
}
.module-wrap .module-box .tab-wrap .tab-contents + .tab-contents {
  padding-top: 0.8rem;
}
.module-wrap .module-box .bigTxt {
  font-size: 3.4rem;
  line-height: 4.4rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  color: inherit;
  min-height: 4.4rem;
}
.module-wrap .module-box .bigTxt.noneTxt + .placeholder {
  font-size: 3.4rem;
  line-height: 4.4rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  height: inherit;
}
.module-wrap .module-box .smallTxt {
  min-height: 2.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: inherit;
}
.module-wrap .module-box .smallTxt.noneTxt + .placeholder {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.module-wrap .module-box .bodyTxt {
  min-height: 2.6rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 400;
}
.module-wrap .module-box .bodyTxt.noneTxt + .placeholder {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 400;
}
.module-wrap .module-box .goods-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 2rem 1.2rem;
}
.module-wrap .module-box .goods-title .txtEdit {
  width: 100%;
}
.module-wrap .module-box .goods-title .txt-edit {
  padding: 0;
}
.module-wrap .module-box .goods-title .txt-edit:first-child .bodyTxt {
  margin-top: 0;
}
.module-wrap .module-box .goods-title .bigTxt {
  font-size: 2.4rem;
  font-family: "YouandiNewKr";
  line-height: 3.2rem;
  min-height: 3.2rem;
  max-height: 6.4rem;
  overflow: hidden;
}
.module-wrap .module-box .goods-title .bigTxt.noneTxt + .placeholder {
  font-size: 2.4rem;
  font-family: "YouandiNewKr";
  line-height: 3.2rem;
}
.module-wrap .module-box .goods-title .smallTxt {
  font-size: 2rem;
  line-height: 2.6rem;
  min-height: 2.6rem;
  max-height: 5.2rem;
  overflow: hidden;
}
.module-wrap .module-box .goods-title .smallTxt.noneTxt + .placeholder {
  font-size: 2rem;
  line-height: 2.6rem;
}
.module-wrap .module-box .goods-title .bodyTxt {
  line-height: 2.6rem;
  margin-top: -6px;
  max-height: 7.8rem;
  overflow: hidden;
}
.module-wrap .module-box .goods-title .bodyTxt.noneTxt + .placeholder {
  line-height: 2.6rem;
}
.module-wrap .module-box.md-title .no-img {
  height: var(--section);
}
.module-wrap .module-box.md-title .title-text-box .txt-edit .bodyTxt {
  min-height: 2rem;
  line-height: 2rem;
}
.module-wrap .module-box.md-title .title-text-box .txt-edit .bodyTxt.noneTxt + .placeholder {
  line-height: 2rem;
}
.module-wrap .module-box.md-txt {
  padding: 2rem 0;
}
.module-wrap .module-box.md-txt + .md-txt:not([data-case=infoTxt]) {
  padding-top: 0;
}
.module-wrap .module-box.md-txt:has(+ .md-txt:not([data-case=infoTxt])) {
  padding-bottom: 1.6rem;
}
.module-wrap .module-box.md-txt .txt-edit {
  padding: 0 2.4rem;
}
.module-wrap .module-box.md-txt .txt-edit .bigTxt {
  font-size: 3.2rem;
  line-height: 3.2rem;
  min-height: 3.2rem;
}
.module-wrap .module-box.md-txt .txt-edit .bigTxt.noneTxt + .placeholder {
  font-size: 3.2rem;
  line-height: 3.2rem;
  height: inherit;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] {
  color: #5C5C5C;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .accord-cont {
  padding: 0 2.4rem;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .list-info {
  color: inherit;
  word-break: keep-all;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .list-info div {
  min-height: 1.8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .list-info + .placeholder {
  min-height: 1.8rem;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .list-info + .placeholder::before {
  content: "";
  display: block;
  content: "·";
  position: absolute;
  top: 0;
  left: -0.2rem;
}
.module-wrap .module-box.md-txt[data-case=infoTxt] .list-info.noneTxt div::before {
  content: "";
  display: block;
  display: none;
}
.module-wrap .module-box.md-button .accord-cont {
  padding: 2rem 1.6rem;
}
.module-wrap .module-box.md-button .accord-cont .btn {
  padding: 1.6rem;
  font-size: 1.6rem;
  color: inherit;
  font-weight: 500;
  line-height: 2.2rem;
  text-align: center;
}
.module-wrap .module-box.md-setGroup {
  padding: 0.8rem 0;
}
.module-wrap .module-box.md-setGroup .swiper-inner {
  padding: 0;
}
.module-wrap .module-box.md-setGroup .goods-wrapper.lst {
  padding: 1.2rem;
  margin-top: 0;
}
.module-wrap .module-box.md-setGroup a {
  color: inherit;
}
.module-wrap .module-box.md-setGroup .txt-edit {
  padding-bottom: 0;
}
.module-wrap .module-box.md-setGroup .txt-edit .fontBold {
  min-height: 2.6rem;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: bold;
}
.module-wrap .module-box.md-setGroup .txt-edit .fontBold + .placeholder {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: bold;
}
.module-wrap .module-box.md-setGroup .goodsWrap .goods-img + * {
  margin-top: 0.8rem;
}
.module-wrap .module-box.md-setGroup .goodsWrap .item {
  margin-left: 0;
  margin-right: 0;
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit {
  padding: 0 0.8rem;
  min-height: 2rem;
  font-size: 0;
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit .item.title {
  display: inline-block;
  min-width: 9.6rem;
  min-height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit .item.title::after {
  content: "";
  display: block;
  position: relative;
  top: 0.3rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon_arrow_down_s.svg) no-repeat center;
  transform: rotate(-90deg);
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit .item.title.noneTxt::after {
  display: none;
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit .item.title + .placeholder {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
  width: auto;
  min-height: 2rem;
  margin: 0 0 0 0.8rem;
}
.module-wrap .module-box.md-setGroup .goodsWrap .txtEdit .item.title + .placeholder::after {
  content: "";
  display: block;
  position: relative;
  top: 0.3rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon_arrow_down_s_gray.svg) no-repeat center;
  transform: rotate(-90deg);
}
.module-wrap .module-box.md-setGroup[data-case=setList] .lst-goods {
  row-gap: 1.8rem;
}
.module-wrap .module-box.md-setGroup[data-case=setList][set-case=list3] .lst-goods > li {
  width: calc((100% - 0.6rem) / 3);
}
.module-wrap .module-box.md-setGroup[set-case=setSwiper] {
  padding: 0;
}
.module-wrap .module-box.md-setGroup[set-case=setSwiper] .txt-edit {
  padding-top: 0;
}
.module-wrap .module-box.md-setGroup[set-case=setSwiper] .swiper-wrapper {
  padding-left: 5rem;
  padding-bottom: 0;
}
.module-wrap .module-box.md-setGroup[set-case=setSwiper] .swiper-wrapper .swiper-slide {
  width: 27.5rem;
  margin-bottom: 0;
}
.module-wrap .module-box.md-setGroup[set-case=setSwiper]._is-active .swiper-wrapper {
  padding-bottom: 0.8rem;
}
.module-wrap .module-box.md-goods {
  padding: 0.8rem 0;
}
.module-wrap .module-box.md-goods + .md-goods {
  padding-top: 2rem;
}
.module-wrap .module-box.md-goods ._addTab, .module-wrap .module-box.md-goods ._delTab {
  display: none;
}
.module-wrap .module-box.md-goods .no-img::before {
  content: "";
  display: block;
  content: "상품 이미지";
}
.module-wrap .module-box.md-goods .moreSlide .moreBtn {
  outline: none !important;
}
.module-wrap .module-box.md-goods .moreSlide .moreBtn .txtEdit {
  padding: 0;
  font-size: 1.4rem;
  font-weight: normal;
}
.module-wrap .module-box.md-goods[goods-case=square] .goods-wrapper .swiper-slide {
  border-radius: 1.2rem;
}
.module-wrap .module-box.md-goods[goods-case=square] .goods-wrapper .swiper-slide .goods-img {
  border-radius: 1.2rem;
}
.module-wrap .module-box.md-goods[goods-case=square] .goods-wrapper .swiper-slide .item.price {
  margin-top: 0.2rem;
}
.module-wrap .module-box.md-goods[goods-case=square] .goods-wrapper .swiper-slide .item.benefit .label {
  display: table;
}
.module-wrap .module-box.md-goods[goods-case=square] .goods-wrapper .drag-place {
  margin: 1.2rem 0;
  padding-right: 16rem;
  border-radius: 1.2rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper {
  max-width: 65rem;
  gap: 0.5rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide {
  width: 32.7rem;
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide .goodsWrap {
  min-height: 34.3rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide .goodsWrap .goods-img {
  padding-top: 62.3853211009%;
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide .goodsWrap .item:last-child {
  padding-bottom: 2rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide.moreSlide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 20.4rem;
  padding-top: 2.6rem;
  background-color: #F5F5F5;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .swiper-slide.moreSlide .moreBtn {
  height: 100%;
  right: -1rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .drag-place {
  margin: 1.2rem 0;
  padding-right: 32.7rem;
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .goods-wrapper .slide-drag-wrap {
  gap: 0.4rem;
}
.module-wrap .module-box.md-goods[goods-case=horizontal] .swiper-initialized .swiper-wrapper {
  gap: 0;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goodsWrap {
  min-height: 37.6rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper {
  max-width: 47.6rem;
  gap: 0.5rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide {
  width: 24rem;
  border: 0.1rem solid #E0E0E0;
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
  text-align: center;
  background-color: #FFFFFF;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo {
  border-bottom: 0.1rem solid #E0E0E0;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo[data-value=text] {
  padding: 1.2rem 1.2rem 1.1rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo[data-value=text] p {
  min-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo[data-value=text] .placeholder {
  top: 1.2rem;
  min-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo[data-value=date] {
  padding: 0.7rem 0 0.6rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit .swiperInpRdo .datepicker {
  box-shadow: none;
  text-align: center;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit.inpEditDate .datepicker {
  display: inline-flex;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit.inpEditDate .dateTxt {
  display: none;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit.inpEditTxt .datepicker {
  display: none;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .swiperInpEdit.inpEditTxt .dateTxt {
  display: block;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .goodsWrap {
  background: #FFFFFF !important;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .goodsWrap .goods-img {
  border-radius: 0;
  margin-bottom: 2rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .goodsWrap .item {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 0;
  margin-right: 0;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide .goodsWrap .item:last-child {
  padding-bottom: 2rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide.moreSlide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 10rem !important;
  background-color: #F5F5F5;
  text-align: center;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .swiper-slide.moreSlide .moreBtn {
  right: -1rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .slide-drag-wrap {
  gap: 0.4rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical] .goods-wrapper .drag-place {
  margin: 1.2rem 0;
  padding-right: 23.8rem;
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[goods-case=vertical]._is-active .goods-wrapper .swiper-slide.active:hover {
  border-radius: 2.4rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab] {
  padding: 0 0 2.4rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab] .tab-contents {
  padding: 2rem 1.2rem 2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab] .tab-contents:last-child {
  padding-bottom: 0;
}
.module-wrap .module-box.md-goods[data-case=goodsTab] .tab-contents .goods-tit {
  margin: 0 1.2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab] .tab-contents .lst-goods {
  row-gap: 2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .tab-contents .goods-tit {
  margin: 0 2.4rem;
  margin: 0;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .tab-contents .addBtnWrap {
  padding: 0 1.2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .tab-contents.anchor .goods-tit {
  margin-top: 1.2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods {
  margin-top: 0;
  gap: 2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods > li {
  width: calc(100% - 2.4rem);
  margin: 0 1.2rem;
  border-radius: 0.8rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods > li .item {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods > li .item.brand {
  margin-top: 0;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods > li .goods-dragBtn {
  transform: rotate(90deg);
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .lst-goods > li.drag-place {
  padding-bottom: 8rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .goods-tit + .lst-goods {
  margin-top: 1.2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .goodsWrap:after {
  content: "";
  display: block;
  clear: both;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .goodsWrap .goods-img {
  width: 8rem;
  float: left;
  margin-right: 1.6rem;
  margin-bottom: 0;
  padding-top: 8rem;
  border-radius: 0.8rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list1] .goodsWrap .item {
  width: calc(100% - 9.6rem);
  float: right;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list2] .swiper-slide .goods-dragBtn {
  background: #FFFFFF url(../images/icon_dragFull_blue.svg) no-repeat center;
}
.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list2] .goodsWrap .item.price {
  margin-top: 0.2rem;
}
.module-wrap .module-box.md-goods[data-case=goodsTab].anchorTabNone [data-anchorTab=anchorTab] {
  display: none;
}
.module-wrap .module-box.md-goods[data-case=goodsTab].anchorTabNone .tab-list-wrap {
  border: none;
}
.module-wrap .module-box.md-goods[data-case=goodsTab].GoodsTitleNone .goods-title {
  display: none;
}
.module-wrap .module-box.md-goods .swiper-inner {
  margin-right: 0;
}
.module-wrap .module-box.md-code .accord-cont {
  padding: 1.5rem 0;
}
.module-wrap .module-box.md-code .htmlCodeView.no-cont {
  padding: 1rem;
  border: 0.2rem dashed #E3E5E8;
  border-width: 0.2rem 0;
  font-size: 1.6rem;
  color: #D2D5DA;
  line-height: 1.2;
  text-align: center;
}
.module-wrap .module-box.md-countdown .txt-edit {
  padding: 1.2rem 2rem;
}
.module-wrap .module-box.md-countdown .txt-edit, .module-wrap .module-box.md-countdown .bodyTxt {
  min-height: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.module-wrap .module-box.md-countdown .txt-edit + .placeholder, .module-wrap .module-box.md-countdown .bodyTxt + .placeholder {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.module-wrap .module-box.md-countdown .countdown-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.module-wrap .module-box.md-countdown .countdown-wrap .ctdn-box {
  margin-right: 0.5rem;
  font-size: 2.4rem;
  color: inherit;
  font-weight: 700;
  line-height: 3.2rem;
}
.module-wrap .module-box.md-countdown .countdown-wrap .ctdn-box div {
  display: inline-block;
}
.module-wrap .module-box.md-countdown.md-center .txt-edit {
  padding: 2rem;
}
.module-wrap .module-box.md-countdown.md-center .txt-edit, .module-wrap .module-box.md-countdown.md-center .bodyTxt.noneTxt + .placeholder {
  text-align: center;
}
.module-wrap .module-box.md-countdown.md-center .countdown-wrap {
  justify-content: space-evenly;
  margin-top: 0.4rem;
}
.module-wrap .module-box.md-countdown.md-center .countdown-wrap .ctdn-box {
  font-size: 5.6rem;
  line-height: 6.8rem;
}
.module-wrap .module-box.md-countdown.md-center .countdown-wrap .ctdn-box div {
  font-size: 5.6rem;
  line-height: 6.8rem;
}
.module-wrap .module-box.md-countdown.md-center .countdown-wrap .ctdn-box span {
  display: block;
  font-size: 1.4rem;
  color: inherit;
  font-weight: 500;
  line-height: 2rem;
  text-align: center;
  opacity: 0.64;
}
.module-wrap .module-box.md-countdown[data-case=ctdn2] .countdown-wrap .ctdn-box:first-child {
  font-style: normal;
}
.module-wrap .module-box.md-countdown[data-case=ctdn2] .countdown-wrap .ctdn-box:first-child div {
  margin-right: 0.4rem;
}
.module-wrap .module-box.md-countdown[data-case=ctdn2] .countdown-wrap .ctdn-box div {
  margin-right: 0;
}
.module-wrap .module-box.md-countdown[data-case=ctdn1] .txt-edit, .module-wrap .module-box.md-countdown[data-case=ctdn1] .bodyTxt, .module-wrap .module-box.md-countdown[data-case=ctdn3] .txt-edit, .module-wrap .module-box.md-countdown[data-case=ctdn3] .bodyTxt {
  min-height: 2.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}
.module-wrap .module-box.md-countdown[data-case=ctdn1] .txt-edit + .placeholder, .module-wrap .module-box.md-countdown[data-case=ctdn1] .bodyTxt + .placeholder, .module-wrap .module-box.md-countdown[data-case=ctdn3] .txt-edit + .placeholder, .module-wrap .module-box.md-countdown[data-case=ctdn3] .bodyTxt + .placeholder {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}
.module-wrap .module-box.md-countdown[data-case=ctdn1] .ctdn-box div, .module-wrap .module-box.md-countdown[data-case=ctdn3] .ctdn-box div {
  letter-spacing: 0.02rem;
}
.module-wrap .module-box.md-countdown[data-case=ctdn4] .countdown-wrap .ctdn-box {
  font-style: normal;
}
.module-wrap .module-box.md-countdown[data-case=ctdn4] .countdown-wrap .ctdn-box div {
  margin-right: 0.4rem;
}
.module-wrap .module-box.md-txtbn {
  background-color: #000000;
  color: #FFFFFF;
}
.module-wrap .module-box.md-txtbn .accord-cont {
  position: relative;
  padding: 2rem 0;
}
.module-wrap .module-box.md-txtbn .accord-cont::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
}
.module-wrap .module-box.md-txtbn .accord-cont::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
}
.module-wrap .module-box.md-txtbn .accord-cont .marquee {
  position: relative;
  overflow: hidden;
  padding: 1.4rem;
}
.module-wrap .module-box.md-txtbn .accord-cont .marquee .txtEdit {
  margin: 0;
}
.module-wrap .module-box.md-txtbn .accord-cont .marquee .bodyTxt {
  display: inline-block;
  min-height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  white-space: nowrap;
  animation: marquee 7s linear infinite;
}
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.module-wrap .module-box.md-txtbn .accord-cont .marquee .bodyTxt + .placeholder {
  font-size: 1.4rem;
  line-height: 2rem;
}
.module-wrap .module-box.md-txtbn .accord-cont .marquee .bodyTxt:focus, .module-wrap .module-box.md-txtbn .accord-cont .marquee .bodyTxt :focus-visible, .module-wrap .module-box.md-txtbn .accord-cont .marquee .bodyTxt :focus-within {
  outline: 0.2rem solid #FFFFFF;
}
.module-wrap .module-box.md-txtbn._is-active .marquee .txtEdit .bodyTxt {
  display: block;
  animation: none;
  white-space: normal;
}
.module-wrap .module-box.md-img + .module-box.state-open {
  margin-top: 0.8rem;
}
.module-wrap .module-box.md-img + .md-gap .accord-cont[style*="height:10px"] {
  margin-top: 0;
}
.module-wrap .module-box .brand-mh {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
  padding: 4rem 1.6rem 0;
  color: #000000;
}
.module-wrap .module-box .brand-mh .mh-left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.module-wrap .module-box .brand-mh .mh-right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.module-wrap .module-box .brand-mh .store-img {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 4rem;
  background: url(../images/mbrand_sum.png) no-repeat center;
  overflow: hidden;
}
.module-wrap .module-box .brand-mh .store-img img {
  width: 100%;
}
.module-wrap .module-box .brand-mh .store-name {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  padding: 0 0.4rem 0 0.8rem;
}
.module-wrap .module-box .brand-mh .store-tag {
  height: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: 0.1rem solid #e0e0e0;
  border-radius: 0.4rem;
  font-size: 1.1rem;
}
.module-wrap .module-box .brand-mh .store-tag > span {
  padding: 0 0.4rem;
  color: #5c5c5c;
}
.module-wrap .module-box .brand-mh .store-tag.store-tag-special {
  border-color: #ff4713;
}
.module-wrap .module-box .brand-mh .store-tag.store-tag-special > span {
  color: #ff4713;
}
.module-wrap .module-box .brand-mh .mh-btn-like {
  width: 2rem;
  height: 2rem;
  background: url("./../images/mm/ico-heart.svg") 50% 50%/2rem 2rem no-repeat;
}
.module-wrap .module-box.md-newBrand .brand-item-area {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.8rem;
  padding: 0.8rem 0 1.2rem;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 4rem);
  margin: 0 2rem;
  background: #FFFFFF;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .bd-item-pic {
  height: 6.4rem;
  min-width: 6.4rem;
  border-radius: 0.4rem;
  margin-right: 1rem;
  overflow: hidden;
  background: #F5F5F5;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .bd-item-pic img {
  max-height: 100%;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .mh-boximg-txt {
  width: calc(100% - 6.4rem);
  padding-right: 1.4rem;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .mh-boximg-txt > em {
  width: 100%;
  max-height: 4.8rem;
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .mh-boximg-txt > p {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(ellipsis.xml#ellipsis);
  white-space: nowrap;
  max-height: 2.1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .mh-boximg-txt > p + em {
  margin-top: 0.2rem;
}
.module-wrap .module-box.md-newBrand .brand-item-area .bd-item-box .editBtn {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont {
  position: relative;
  padding: 0 1.6rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont > .imgWrap {
  overflow: hidden;
  border-radius: 1.2rem;
  height: 19rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont > .imgWrap.no-img {
  height: 19rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont > .imgWrap.no-img.img-background::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.24);
  background-size: 2.8rem;
  background-position: center top 1rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  top: 4.6rem;
  left: 50%;
  z-index: 1;
  overflow: hidden;
  width: 12.6rem;
  height: 8rem;
  max-width: 12.6rem;
  max-height: 8rem;
  border-radius: 0.4rem;
  transform: translateX(-50%);
}
.module-wrap .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo.no-img {
  border-radius: 1.6rem;
  border: 0.2rem dashed #CCCCCC;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo.no-img::before {
  content: "";
  display: block;
  content: "로고 이미지 추가";
  width: auto;
  height: auto;
  padding-top: 2.6rem;
  background: url(../images/icon_plus_img.svg) no-repeat center top/2.8rem;
  border: none;
  color: #CCCCCC;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo .imgEditLabel::before {
  content: "";
  display: block;
  content: "로고 이미지 수정";
}
.module-wrap .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo + .txtEdit {
  position: absolute;
  top: 12.6rem;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt {
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  padding: 0 20px 16px 20px;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .bigTit {
  width: 100%;
  min-width: 12rem;
  min-height: 3.2rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .bigTit h3 {
  font-size: 2.4rem;
  font-weight: 700;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .bigTit h3 + .placeholder {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 3.2rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .smallTit {
  width: 100%;
  min-width: 12rem;
  min-height: 2rem;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .smallTit p {
  font-size: 1.4rem;
  font-weight: 500;
}
.module-wrap .module-box.md-newBrand .imgWrapCont .module_top_txt .smallTit p + .placeholder {
  min-height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 500;
}
.module-wrap .module-box.md-newBrand .md-logo-title {
  min-width: 7rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.module-wrap .module-box.md-newBrand .md-logo-title + .placeholder {
  min-width: 7rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
  color: #E0E0E0;
}
.module-wrap .module-box.md-brandDay .module_top_txt {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: calc(100% - 32px);
  padding: 0 20px 16px 20px;
}
.module-wrap .module-box.md-brandDay .module_top_txt .bigTit {
  width: 100%;
  min-width: 12rem;
  min-height: 3.2rem;
}
.module-wrap .module-box.md-brandDay .module_top_txt .bigTit h3 {
  font-size: 2.4rem;
  font-weight: 700;
}
.module-wrap .module-box.md-brandDay .module_top_txt .bigTit h3 + .placeholder {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 3.2rem;
}
.module-wrap .module-box.md-brandDay .module_top_txt .smallTit {
  width: 100%;
  min-width: 12rem;
  min-height: 2rem;
}
.module-wrap .module-box.md-brandDay .module_top_txt .smallTit p {
  font-size: 1.4rem;
  font-weight: 500;
}
.module-wrap .module-box.md-brandDay .module_top_txt .smallTit p + .placeholder {
  min-height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 500;
}
.module-wrap .module-box.md-brandDay .imgWrapCont {
  position: relative;
  padding: 0 1.6rem 2rem;
}
.module-wrap .module-box.md-brandDay .imgWrapCont .imgWrap {
  border-radius: 1.2rem;
  overflow: hidden;
  height: 19rem;
}
.module-wrap .module-box.md-brandDay .imgWrapCont .imgWrap.no-img {
  height: 19rem;
}
.module-wrap .module-box.md-brandDay .imgWrapCont .imgWrap:before {
  margin-top: 2rem;
}
.module-wrap .module-box.md-brandDay .imgWrapCont .imgWrap .imgEditLabel:before {
  margin-top: 2rem;
}
.module-wrap .module-box.md-newProduct .bgSlide {
  border-radius: 0.45rem !important;
}
.module-wrap .module-box.md-newProduct .bgSlide .goods-img {
  border-radius: 0.45rem;
  padding-top: 135.7575757576%;
}
.module-wrap .module-box.md-newProduct .bgSlide a {
  position: relative;
  color: inherit;
}
.module-wrap .module-box.md-newProduct .txt-bg-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6.8rem;
  padding: 0;
}
.module-wrap .module-box.md-newProduct .txt-bg-box .bodyTxt {
  position: absolute;
  bottom: 1.2rem;
  left: 1.2rem;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
  width: calc(100% - 2.4rem);
  min-height: 4rem;
  max-height: 7rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: bold;
}
.module-wrap .module-box.md-newProduct .txt-bg-box .bodyTxt + .placeholder {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 1.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: bold;
  color: #E0E0E0;
}
.module-wrap .module-box.md-newProduct .txt-bg-box .txtEditBg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  margin-top: 0;
  background: linear-gradient(to top, #252324, transparent);
  border-bottom-left-radius: 0.45rem;
  border-bottom-right-radius: 0.45rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner {
  padding: 0;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  gap: 0.6rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .swiper-slide {
  border-radius: 0.4rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .swiper-slide .goods-img {
  border-radius: 0.4rem;
  margin-bottom: 0.6rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .swiper-slide .item {
  margin: 0 0.6rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .swiper-slide .item.sale {
  margin-top: 0.2rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .slide-drag-wrap {
  gap: 0.5rem;
}
.module-wrap .module-box.md-newProduct .swiper-inner .goods-wrapper .drag-place {
  padding-right: 16rem;
  margin: 1.2rem 0;
  border-radius: 0.8rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner {
  padding: 0;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  gap: 0.5rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .swiper-slide {
  border-radius: 0.4rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .swiper-slide .goods-img {
  border-radius: 0.4rem;
  margin-bottom: 0.8rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .swiper-slide .item {
  padding: 0 0.6rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .swiper-slide .item.sale {
  margin-top: 0.2rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .slide-drag-wrap {
  gap: 0.5rem;
}
.module-wrap .module-box.md-saleBrand .swiper-inner .goods-wrapper .drag-place {
  margin: 1.2rem 0;
  padding-right: 16rem;
  border-radius: 0.8rem;
}
.module-add-box {
  height: 100%;
  max-height: calc(100vh - 11.4rem);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border-left: 0.1rem solid #000000;
  background: #FFFFFF;
}
.module-add-box .module-add-tit {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 700;
  text-align: center;
  padding: 2.4rem 0 0.8rem;
}
.module-add-box .btnWrap {
  height: 100%;
  overflow-y: scroll;
  margin-top: 0;
  padding-bottom: 9rem;
}
.module-add-box .btnWrap .add-btn {
  display: block;
  width: auto;
  min-width: 7.2rem;
  margin: 0.4rem;
  padding: 3.7rem 0 0.9rem;
  font-size: 1.3rem;
  color: #000000;
  line-height: 1.8rem;
  text-align: center;
  border-radius: 0.8rem;
  transition: 0.3s;
}
.module-add-box .btnWrap .add-btn:hover {
  background-color: #ececec;
}
.module-add-box .btnWrap .add-btn-title {
  background: url(../images/icon_md_title.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-img {
  background: url(../images/icon_md_img.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-txt {
  background: url(../images/icon_md_text.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-goods {
  background: url(../images/icon_md_goods.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-set {
  background: url(../images/icon_md_set.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-button {
  background: url(../images/icon_md_button.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-countdown {
  background: url(../images/icon_md_countdown.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-txtBn {
  background: url(../images/icon_md_txtBn.svg) no-repeat center bottom 5.2rem;
  padding-top: 3.6rem;
}
.module-add-box .btnWrap .add-btn-video {
  background: url(../images/icon_md_video.svg) no-repeat center bottom 3.2rem;
  padding-top: 4rem;
}
.module-add-box .btnWrap .add-btn-code {
  background: url(../images/icon_md_code.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn-gap {
  background: url(../images/icon_md_gap.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn {
  color: #FFFFFF;
}
.module-add-box .btnWrap .add-btn.on.add-btn-title {
  background: #000000 url(../images/icon_md_title_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-img {
  background: #000000 url(../images/icon_md_img_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-txt {
  background: #000000 url(../images/icon_md_text_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-goods {
  background: #000000 url(../images/icon_md_goods_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-set {
  background: #000000 url(../images/icon_md_set_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-button {
  background: #000000 url(../images/icon_md_button_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-countdown {
  background: #000000 url(../images/icon_md_countdown_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-txtBn {
  background: #000000 url(../images/icon_md_txtBn_w.svg) no-repeat center bottom 5.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-video {
  background: #000000 url(../images/icon_md_video_w.svg) no-repeat center bottom 5.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-code {
  background: #000000 url(../images/icon_md_code_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on.add-btn-gap {
  background: #000000 url(../images/icon_md_gap_w.svg) no-repeat center bottom 3.2rem;
}
.module-add-box .btnWrap .add-btn.on + .more-cont {
  transform: scaleX(1);
}
.module-add-box .btnWrap .more-cont {
  position: absolute;
  top: 0;
  left: -22.1rem;
  width: 22rem;
  height: 100%;
  padding-bottom: 6rem;
  overflow: auto;
  background: #FFFFFF;
  transform: scaleX(0);
  transform-origin: right;
  transition: 0.3s;
}
.module-add-box .btnWrap .more-cont::before {
  content: "";
  display: block;
  content: "모듈스타일";
  padding: 2.4rem 0;
  text-align: center;
  font-weight: 500;
}
.module-add-box .btnWrap .more-cont .more-btn {
  display: block;
  margin: 0 1.6rem;
  overflow: hidden;
  border: solid 0.1rem #CCCCCC;
  border-radius: 0.4rem;
  text-align: center;
}
.module-add-box .btnWrap .more-cont .more-btn + .more-btn {
  margin-top: 0.8rem;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn:hover, .module-add-box .btnWrap .more-cont.more-txt .more-btn:focus, .module-add-box .btnWrap .more-cont.more-txt .more-btn:active {
  border-color: #000000;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn-bigTxt {
  height: 7.2rem;
  padding: 1.2rem 0 1.6rem;
  font-size: 3.4rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  line-height: 4.4rem;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn-smallTxt {
  height: 7.2rem;
  padding: 2rem 0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn-bodyTxt {
  height: 7.2rem;
  padding: 2.3rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.8rem;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn-infoTxt {
  position: relative;
  height: 7.2rem;
  padding: 2.6rem 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.module-add-box .btnWrap .more-cont.more-txt .more-btn-infoTxt::before {
  content: "";
  display: block;
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  top: -0.4rem;
  margin-right: 0.6rem;
  background: #949494;
  border-radius: 0.2rem;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn {
  border: none;
  font-size: 1.4rem;
  color: #CCCCCC;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn::before {
  content: "";
  display: block;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.4rem;
  padding: 0.8rem 0;
  margin-bottom: 0.8rem;
  box-sizing: border-box;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn:hover, .module-add-box .btnWrap .more-cont.more-goods .more-btn:focus, .module-add-box .btnWrap .more-cont.more-goods .more-btn:active {
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: from-font;
  color: #000000;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn-list2::before {
  content: "";
  display: block;
  width: 100%;
  height: 11.8rem;
  background-image: url(../images/img_goods_list2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn-list1::before {
  content: "";
  display: block;
  width: 100%;
  height: 14.4rem;
  background-image: url(../images/img_goods_list1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn-square::before {
  content: "";
  display: block;
  width: 100%;
  height: 12.4rem;
  background-image: url(../images/img_goods_square.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn-vertical::before {
  content: "";
  display: block;
  width: 100%;
  height: 17.4rem;
  background-image: url(../images/img_goods_vertical.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn-horizontal::before {
  content: "";
  display: block;
  width: 100%;
  height: 13.4rem;
  background-image: url(../images/img_goods_horizontal.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn + .more-btn {
  margin-top: 2.4rem;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn .countdown-wrap {
  display: flex;
  justify-content: space-around;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn .countdown-wrap .ctdn-box div {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.4rem;
}
.module-add-box .btnWrap .more-cont.more-goods .more-btn .countdown-wrap .ctdn-box span {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1rem;
  color: #5C5C5C;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn {
  border: none;
  font-size: 1.4rem;
  color: #CCCCCC;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 9.3rem;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.4rem;
  margin-bottom: 0.8rem;
  padding: 0.8rem 0;
  box-sizing: border-box;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn:hover, .module-add-box .btnWrap .more-cont.more-set .more-btn:focus, .module-add-box .btnWrap .more-cont.more-set .more-btn:active {
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: from-font;
  color: #000000;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn-set1::before {
  content: "";
  display: block;
  background-image: url(../images/img_set_list2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn-set2::before {
  content: "";
  display: block;
  background-image: url(../images/img_set_list3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn-set3::before {
  content: "";
  display: block;
  background-image: url(../images/img_set_swipe.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn-vertical::before {
  content: "";
  display: block;
  width: 100%;
  height: 17.4rem;
  background-image: url(../images/img_goods_vertical.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn-horizontal::before {
  content: "";
  display: block;
  width: 100%;
  height: 13.4rem;
  background-image: url(../images/img_goods_horizontal.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module-add-box .btnWrap .more-cont.more-set .more-btn + .more-btn {
  margin-top: 2.4rem;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn {
  padding: 1.2rem 1.6rem;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn::before {
  content: "";
  display: block;
  display: block;
  width: 8rem;
  height: 0.8rem;
  margin-bottom: 0.6rem;
  background-color: #F5F5F5;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn:hover, .module-add-box .btnWrap .more-cont.more-ctdn .more-btn:focus, .module-add-box .btnWrap .more-cont.more-ctdn .more-btn:active {
  border-color: #000000;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn1 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: left;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn2 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  text-align: left;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn3::before {
  content: "";
  display: block;
  margin: 0 auto 0.6rem;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn3 .countdown-wrap {
  display: flex;
  justify-content: space-around;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn3 .countdown-wrap .ctdn-box div {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.4rem;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn3 .countdown-wrap .ctdn-box span {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1rem;
  color: #5C5C5C;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn4 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3rem;
  text-align: center;
}
.module-add-box .btnWrap .more-cont.more-ctdn .more-btn-ctdn4::before {
  content: "";
  display: block;
  margin: 0 auto 0.6rem;
}
.module-option {
  display: none;
  position: absolute;
  top: -2.9rem;
  right: -0.2rem;
  z-index: 101;
  width: 100%;
  padding-bottom: 1rem;
}
.module-option:not(.dimBtn) {
  width: auto;
}
.module-option .btn {
  min-width: initial;
}
.module-option .btn ~ * {
  margin-left: 0.5rem;
}
.module-dragBox {
  display: none;
  position: absolute;
  top: -1rem;
  left: -9rem;
  z-index: 2;
  text-align: right;
  padding: 1rem;
}
.module-btn {
  height: 2.4rem;
  border: 0.1rem solid #000000;
  padding: 0.1rem 0.7rem 0.1rem 2.9rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.module-edit .module-box {
  outline: 0.2rem solid transparent;
  background: #FFFFFF;
  cursor: pointer;
}
.module-edit .module-box .accord-cont {
  display: none;
}
.module-edit .module-box .tab-wrap .tab .txtEdit {
  cursor: text;
}
.module-edit .module-box.md-txt[data-case=bigTxt]::after, .module-edit .module-box.md-txt[data-case=bigTxt].ui-sortable-helper::after {
  content: "텍스트 : 대제목";
}
.module-edit .module-box.md-txt[data-case=smallTxt]::after, .module-edit .module-box.md-txt[data-case=smallTxt].ui-sortable-helper::after {
  content: "텍스트 : 소제목";
}
.module-edit .module-box.md-txt[data-case=bodyTxt]::after, .module-edit .module-box.md-txt[data-case=bodyTxt].ui-sortable-helper::after {
  content: "텍스트 : 본문";
}
.module-edit .module-box.md-txt[data-case=infoTxt]::after, .module-edit .module-box.md-txt[data-case=infoTxt].ui-sortable-helper::after {
  content: "텍스트 : 유의사항";
}
.module-edit .module-box.md-txtbn::after, .module-edit .module-box.md-txtbn.ui-sortable-helper::after {
  content: "텍스트 롤링 배너";
}
.module-edit .module-box.md-video::after, .module-edit .module-box.md-video.ui-sortable-helper::after {
  content: "유튜브 영상";
}
.module-edit .module-box.md-code::after, .module-edit .module-box.md-code.ui-sortable-helper::after {
  content: "코드";
}
.module-edit .module-box.md-countdown::after, .module-edit .module-box.md-countdown.ui-sortable-helper::after {
  content: "카운트다운";
}
.module-edit .module-box.md-countdown[data-case=ctdn1]::after, .module-edit .module-box.md-countdown[data-case=ctdn1].ui-sortable-helper::after {
  content: "카운트다운 : 00:00:00";
}
.module-edit .module-box.md-countdown[data-case=ctdn2]::after, .module-edit .module-box.md-countdown[data-case=ctdn2].ui-sortable-helper::after {
  content: "카운트다운 : 0일 00h : 00m : 00s";
}
.module-edit .module-box.md-countdown[data-case=ctdn3]::after, .module-edit .module-box.md-countdown[data-case=ctdn3].ui-sortable-helper::after {
  content: "카운트다운 : D-00";
}
.module-edit .module-box.md-countdown[data-case=ctdn4]::after, .module-edit .module-box.md-countdown[data-case=ctdn4].ui-sortable-helper::after {
  content: "카운트다운 : 0일 0시간 남음";
}
.module-edit .module-box.md-button::after, .module-edit .module-box.md-button.ui-sortable-helper::after {
  content: "버튼";
}
.module-edit .module-box.md-button .btn .bodyTxt[contenteditable]:focus, .module-edit .module-box.md-button .btn .bodyTxt[contenteditable]:focus-visible, .module-edit .module-box.md-button .btn .bodyTxt[contenteditable]:focus-within {
  outline-color: #FFFFFF;
}
.module-edit .module-box.md-button .btn .bodyTxt + .placeholder {
  padding: 1.7rem;
}
.module-edit .module-box.md-button .btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]):hover,
.module-edit .module-box.md-button .btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]):focus,
.module-edit .module-box.md-button .btn.bg:not(.disabled):not([disabled]):not([aria-disabled=disabled]).is-active:hover {
  border-color: inherit;
  color: inherit;
}
.module-edit .module-box.md-img::after, .module-edit .module-box.md-img.ui-sortable-helper::after {
  content: "이미지";
}
.module-edit .module-box.md-title::after, .module-edit .module-box.md-title.ui-sortable-helper::after {
  content: "타이틀";
}
.module-edit .module-box.md-goods .lst-goods {
  overflow: visible !important;
  background: inherit;
}
.module-edit .module-box.md-goods .lst-goods > li {
  background: inherit;
}
.module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=square]::after, .module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=square].ui-sortable-helper::after {
  content: "상품 : 정사각형 스와이프";
}
.module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=horizontal]::after, .module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=horizontal].ui-sortable-helper::after {
  content: "상품 : 가로형 스와이프";
}
.module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=vertical]::after, .module-edit .module-box.md-goods[data-case=goodsSwiper][goods-case=vertical].ui-sortable-helper::after {
  content: "상품 : 세로형 스와이프";
}
.module-edit .module-box.md-goods[data-case=goodsTab][goods-case=list1]::after, .module-edit .module-box.md-goods[data-case=goodsTab][goods-case=list1].ui-sortable-helper::after {
  content: "상품 : 1열 리스트";
}
.module-edit .module-box.md-goods[data-case=goodsTab][goods-case=list2]::after, .module-edit .module-box.md-goods[data-case=goodsTab][goods-case=list2].ui-sortable-helper::after {
  content: "상품 : 2열 리스트";
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2]::after, .module-edit .module-box.md-setGroup[data-case=setList][set-case=list2].ui-sortable-helper::after {
  content: "세트구성 : 2열 리스트";
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .txt-edit {
  padding-bottom: 1.2rem;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .lst-goods {
  padding-top: 0;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .swiper-slide {
  margin-top: 0.2rem;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .swiper-slide .goods-dragBtn {
  background: #FFFFFF url(../images/icon_dragFull_blue.svg) no-repeat center;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .swiper-slide.active:hover:nth-child(1) .goodsDelBtn, .module-edit .module-box.md-setGroup[data-case=setList][set-case=list2] .swiper-slide.active:hover:nth-child(2) .goodsDelBtn {
  display: none;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3]::after, .module-edit .module-box.md-setGroup[data-case=setList][set-case=list3].ui-sortable-helper::after {
  content: "세트구성 : 3열 리스트";
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .txt-edit {
  padding-bottom: 1.2rem;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .lst-goods {
  padding-top: 0;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .swiper-slide {
  margin-top: 0.2rem;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .swiper-slide .goods-dragBtn {
  background: #FFFFFF url(../images/icon_dragFull_blue.svg) no-repeat center;
}
.module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .swiper-slide.active:hover:nth-child(1) .goodsDelBtn, .module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .swiper-slide.active:hover:nth-child(2) .goodsDelBtn, .module-edit .module-box.md-setGroup[data-case=setList][set-case=list3] .swiper-slide.active:hover:nth-child(3) .goodsDelBtn {
  display: none;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper]::after, .module-edit .module-box.md-setGroup[set-case=setSwiper].ui-sortable-helper::after {
  content: "세트구성 : 스와이프";
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .goods-wrapper {
  max-width: 55.4rem;
  padding-right: 0;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .goods-wrapper .swiper-slide {
  border-radius: 1.2rem;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .goods-wrapper .swiper-slide.active:hover:first-child .goodsDelBtn {
  display: none;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .goods-wrapper .drag-place {
  margin: 1.2rem 0 0;
  padding-right: 27.5rem;
  border-radius: 1.2rem;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .swiper {
  padding: 0 5rem;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .swiper-initialized .swiper-wrapper {
  gap: 0;
}
.module-edit .module-box.md-setGroup[set-case=setSwiper] .swiper-initialized .goods-wrapper {
  padding-left: 0;
}
.module-edit .module-box.md-gap::after, .module-edit .module-box.md-gap.ui-sortable-helper::after {
  content: "공백";
}
.module-edit .module-box.md-gap .accord-cont {
  height: 2rem;
  min-height: 2rem;
  position: relative;
  outline: 0.1rem dashed #EBEBEB;
  z-index: 2;
}
.module-edit .module-box.md-gap .accord-cont:hover, .module-edit .module-box.md-gap .accord-cont._is-active {
  outline-width: 0.3rem;
}
.module-edit .module-box.md-gap .accord-cont:hover::before, .module-edit .module-box.md-gap .accord-cont._is-active::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.9rem;
  content: "여백조정 : 0~20px 사이즈는 최종확인에서 확인바랍니다.";
  text-align: center;
}
.module-edit .module-box.md-gap .ui-resizable-s {
  cursor: default;
}
.module-edit .module-box.md-gap.state-open .ui-resizable-s {
  cursor: s-resize;
}
.module-edit .module-box.md-gap + .md-gap {
  z-index: 1;
}
.module-edit .module-box.md-gap + .md-gap:hover, .module-edit .module-box.md-gap + .md-gap._is-active {
  z-index: 102;
}
.module-edit .module-box.md-newBrand::after, .module-edit .module-box.md-newBrand.ui-sortable-helper::after {
  content: "신규입점";
}
.module-edit .module-box.md-newBrand .brand-item-area .bd-item-box:hover {
  outline: 0.2rem solid #0070F0;
  border-radius: 0.4rem;
}
.module-edit .module-box.md-newBrand .brand-item-area .bd-item-box:hover .goods-dragBtn, .module-edit .module-box.md-newBrand .brand-item-area .bd-item-box:hover .goodsDelBtn {
  display: block;
}
.module-edit .module-box.md-newBrand .brand-item-area .bd-item-box:hover .goods-dragBtn {
  transform: rotate(90deg);
  left: 0.8rem;
}
.module-edit .module-box.md-newBrand .imgWrapCont .img-background:hover {
  outline: 0.2rem solid #0070F0;
}
.module-edit .module-box.md-newBrand .imgWrapCont .img-background:hover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: url(../images/icon_plus_img_blue.svg) no-repeat center top 1rem/2.8rem;
}
.module-edit .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo.no-img:hover {
  border: 0.2rem dashed #0070F0;
}
.module-edit .module-box.md-newBrand .imgWrapCont .imgWrap.md-logo.no-img:hover::before {
  content: "";
  display: block;
  content: "로고 이미지 추가";
  background: url(../images/icon_plus_img_blue.svg) no-repeat center top/2.8rem;
  color: #0070F0;
}
.module-edit .module-box.md-newBrand .addBtnWrap {
  padding: 0 1.6rem 1.6rem;
}
.module-edit .module-box.md-brandDay::after, .module-edit .module-box.md-brandDay.ui-sortable-helper::after {
  content: "브랜드데이";
}
.module-edit .module-box.md-newProduct::after, .module-edit .module-box.md-newProduct.ui-sortable-helper::after {
  content: "신상품";
}
.module-edit .module-box.md-newProduct._is-active .brand-mh {
  margin-bottom: 0;
}
.module-edit .module-box.md-newProduct._is-active .swiper-inner .swiper-wrapper {
  max-width: 66rem;
}
.module-edit .module-box.md-saleBrand::after, .module-edit .module-box.md-saleBrand.ui-sortable-helper::after {
  content: "특별할인";
}
.module-edit .module-box.md-saleBrand._is-active .brand-mh {
  margin-bottom: 0;
}
.module-edit .module-box.md-saleBrand._is-active .swiper-inner .swiper-wrapper {
  max-width: 66rem;
}
.module-edit .module-box:hover, .module-edit .module-box.ui-sortable-helper {
  outline-color: #0048ff;
  outline-style: dashed;
  z-index: 101;
}
.module-edit .module-box:hover::after, .module-edit .module-box.ui-sortable-helper::after {
  display: block !important;
}
.module-edit .module-box:hover .module-option, .module-edit .module-box.ui-sortable-helper .module-option {
  display: flex;
  justify-content: end;
}
.module-edit .module-box:hover .module-option.dimBtn, .module-edit .module-box.ui-sortable-helper .module-option.dimBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
.module-edit .module-box:hover .module-dragBox, .module-edit .module-box.ui-sortable-helper .module-dragBox {
  display: block;
}
.module-edit .module-box._is-active {
  outline-color: #0048ff;
  z-index: 101;
}
.module-edit .module-box._is-active::after {
  display: block;
}
.module-edit .module-box._is-active .module-option {
  display: flex;
  justify-content: end;
}
.module-edit .module-box._is-active .module-option.dimBtn {
  display: none !important;
}
.module-edit .module-box._is-active .module-dragBox {
  display: block;
}
.module-edit .module-box._is-active .imgWrap .imgEditLabel::before {
  content: "";
  display: block;
  content: "이미지 수정";
  background: url(../images/icon_img_edit.svg) no-repeat top;
}
.module-edit .module-box._is-active .imgWrap.no-img::before {
  content: "";
  display: block;
  content: "이미지 추가";
  background: url(../images/icon_plus_img.svg) no-repeat top center;
}
.module-edit .module-box._is-active .imgWrap:not(.no-img):hover .imgEditLabel {
  display: flex;
}
.module-edit .module-box._is-active .goods-wrapper {
  overflow: auto;
}
.module-edit .module-box._is-active .goods-wrapper .swiper-slide.active:hover {
  outline: 0.2rem solid #0048ff;
}
.module-edit .module-box._is-active .goods-wrapper .swiper-slide.active:hover .goods-dragBtn, .module-edit .module-box._is-active .goods-wrapper .swiper-slide.active:hover .goodsDelBtn, .module-edit .module-box._is-active .goods-wrapper .swiper-slide.active:hover .goodsEditBtn {
  display: block;
}
.module-edit .module-box._is-active .goods-wrapper .swiper-slide.active:hover .goods-img > div:hover {
  background: #EBEBEB;
}
.module-edit .module-box._is-active .goods-wrapper .swiper-slide .swiperInpRdo .datepicker::-webkit-calendar-picker-indicator {
  display: block;
  background: url(../images/icon_calendar.svg) no-repeat center right/2rem 2rem;
}
.module-edit .module-box._is-active .goods-wrapper .swiper-slide:only-child.active:hover .goods-dragBtn, .module-edit .module-box._is-active .goods-wrapper .swiper-slide.only-child.active:hover .goods-dragBtn {
  display: none;
}
.module-edit .module-box._is-active ._addTab {
  display: flex;
}
.module-edit .module-box._is-active ._delTab {
  display: block;
}
.module-edit .module-box._is-active .btnWrap.addBtnWrap {
  display: block;
}
.module-edit .module-box::after, .module-edit .module-box.ui-sortable-helper::after {
  content: "";
  display: none;
  position: absolute;
  top: -2.8rem;
  left: -0.2rem;
  z-index: 5;
  font-size: 1.4rem;
  color: #FFFFFF;
  line-height: 1;
  font-weight: 700;
  background-color: #0048ff;
  padding: 0.7rem 1.6rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.module-edit .module-box .box-pd {
  padding: 0 2.4rem 2.4rem;
}
.moduleWrap {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0 9.3rem 0 10.5rem;
  background: #D7D7D7;
}

.module-prod .container > .tab-list-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 5.7rem;
  right: 0;
  z-index: 99;
  width: 100%;
  margin: 0;
  padding: 1.4rem 2rem 1.4rem;
  padding-left: 5.6rem;
  border-color: #000000;
  background-color: #FFFFFF;
  transition: padding-left 0.8s ease;
}
.module-prod .container > .tab-list-wrap > .tab-list {
  display: flex;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab {
  position: relative;
  display: flex;
  font-size: 1.8rem;
  color: #A3A3A3;
  line-height: 2.8rem;
  font-weight: 500;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(1)::before {
  content: "";
  display: block;
  content: "1.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(2)::before {
  content: "";
  display: block;
  content: "2.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(3)::before {
  content: "";
  display: block;
  content: "3.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(4)::before {
  content: "";
  display: block;
  content: "4.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(5)::before {
  content: "";
  display: block;
  content: "5.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(6)::before {
  content: "";
  display: block;
  content: "6.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(7)::before {
  content: "";
  display: block;
  content: "7.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(8)::before {
  content: "";
  display: block;
  content: "8.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:nth-child(9)::before {
  content: "";
  display: block;
  content: "9.";
  padding: 0 0.6rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:not(:last-child) {
  margin-right: 2.8rem;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: -2.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon_lnb_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(-90deg);
  opacity: 0.5;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab.tab-fin {
  color: #000000;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab._is-active {
  color: #0070F0;
}
.module-prod .container > .tab-list-wrap > .tab-list .tab ~ .tab {
  margin-left: 0;
}
.module-prod .container > .tab-list-wrap .btn-wrap .btn + .req-a {
  margin-left: 1.6rem;
}
.module-prod .container .tbl-wrap .flex + table {
  margin-top: 1.2rem;
}

.module-prod-wrap {
  position: relative;
}
.module-prod-wrap .module-brand-wrap {
  padding: 0 0 0 1.2rem;
}
.module-prod-wrap .module-brand-wrap .goods-img > .imgBx {
  background: #EBEBEB;
}
.module-prod-check {
  display: flex;
}
.module-prod-check .section-tit {
  height: 2.6rem;
  margin: 1rem 0 2rem 2rem;
  font-size: 1.8rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
}
.module-prod-check .moduleWrap {
  display: block;
  width: 100%;
  padding: 0;
  background: #D7D7D7;
}
.module-prod-check .moduleWrap .module-wrap {
  width: 100%;
  height: calc(100vh - 17rem);
  min-height: calc(100vh - 17rem);
  overflow-y: auto;
}
.module-prod-check .moduleWrap .module-wrap .section {
  height: auto;
  margin-top: 1rem;
}
.module-prod-check .moduleWrap + .moduleWrap {
  border-left: solid 0.1rem #CCCCCC;
}
.module-prod .field .field-input input:not([type=checkbox]):not([type=radio]):not([type=date]) {
  height: 3.2rem;
  padding: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
.module-prod .field .field-input input:not([type=checkbox]):not([type=radio]):not([type=date])::-moz-placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.module-prod .field .field-input input:not([type=checkbox]):not([type=radio]):not([type=date])::placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.module-prod .field + .field {
  margin-top: 1rem;
}
.module-prod .field-wrap .field-outline {
  flex: auto;
}
.module-prod .field ._input-clear._active {
  padding-bottom: 0;
}
.module-prod + .modalPop .field .field-input input:not([type=checkbox]):not([type=radio]) {
  height: 3.2rem;
  padding: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
.module-prod + .modalPop .field .field-input input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.module-prod + .modalPop .field .field-input input:not([type=checkbox]):not([type=radio])::placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.module-prod + .modalPop .field + .field {
  margin-top: 1rem;
}
.module-prod + .modalPop .field-wrap .field-outline {
  flex: auto;
}

.modalPop .module-wrap {
  min-height: auto;
  padding: 2rem 0;
}
.modalPop .module-wrap .section {
  min-height: 30rem;
  margin: 0 auto;
}

.option-wrap {
  position: absolute;
  top: 0;
  left: -32.2rem;
  z-index: 1;
  width: 29.8rem;
  height: 100%;
  max-height: calc(100vh - 11.4rem);
  transition: left 0.8s ease;
}
.option-wrap.show {
  left: 0;
}
.option-wrap.show .ico-pop-close {
  display: block;
}
.option-wrap .scroll-wrap {
  height: 100%;
  overflow-y: auto;
  padding: 2.4rem 2rem 6rem;
  border-right: 1px solid #000000;
  border-bottom: 0;
  background-color: #FFFFFF;
}
.option-wrap .ico-pop-close {
  display: none;
  position: absolute;
  bottom: 0;
  right: -3.2rem;
  top: auto;
  background: #FFFFFF url(../images/icon_delete.svg) no-repeat center;
  border: solid 0.1rem #000000;
  border-left: none;
}
.option-wrap h4 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.option-wrap .required-txt {
  margin-top: 0.6rem;
}
.option-wrap .required-txt + .option-box {
  margin-top: 2.4rem;
}
.option-wrap .field.square .field-checkbox {
  margin-right: 2rem;
  margin-left: 0;
}
.option-box {
  display: block;
  margin-top: 4rem;
}
.option-box.pd-b {
  padding-bottom: 17rem;
}
.option-box .wrap_tooltip {
  position: absolute;
  top: 0;
  right: -2.4rem;
}
.option-box.goods-box .goods-box-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.option-box.goods-box .goods-box-inner a {
  display: block;
  width: calc((100% - 3.2rem) / 3);
  padding: 1.65rem;
  border: 1px solid #000000;
  border-radius: 1.4rem;
  font-size: 1.2rem;
  text-align: center;
}
.option-box .option-tooltip {
  display: flex;
}
.option-box .option-tooltip .option-tit {
  display: inline-block;
  width: auto;
}
.option-box .option-tooltip .tooltipWrap {
  width: calc(100% - 9rem);
  margin-left: 1rem;
}
.option-box .field-group .field-radio, .option-box .field-group .field-checkbox {
  margin-bottom: 1rem;
}
.option-box .field-group.inpUse .field-radio {
  margin-bottom: 0;
}
.option-box .field-outline {
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
}
.option-box .field-outline::before {
  content: "";
  display: block;
  display: none;
}
.option-box .field-outline input:not([type=checkbox]):not([type=radio]):not(.btn-select)::-moz-placeholder {
  font-size: 1.3rem;
  opacity: 1;
}
.option-box .field-outline input:not([type=checkbox]):not([type=radio]):not(.btn-select)::placeholder {
  font-size: 1.3rem;
  opacity: 1;
}
.option-box .field-select .tit {
  display: none;
}
.option-box .field-select .btn-select {
  font-size: 1.3rem;
  color: #949494;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 0.7rem 1.2rem;
}
.option-box .field-select::after {
  width: 1.6rem;
  height: 1.6rem;
  right: 0.8rem;
  background: url(../images/icon_arrow_down_s.svg) no-repeat center;
}
.option-box .field-select .field-select-list {
  top: 3.8rem;
  max-height: 17.1rem;
  padding: 0 0.4rem;
  border-radius: 0.4rem;
  border-width: 0.1rem;
}
.option-box .field-select .field-select-list li {
  font-size: 1.3rem;
  color: #949494;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 0.8rem;
}
.option-box .field-select .field-select-list li.on {
  color: #000000;
}
.option-tit {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #000000;
  font-weight: 700;
}
.option-tit.required-tit {
  position: relative;
  display: inline-block;
  width: auto;
}
.option-tit.required-tit::after {
  content: "";
  display: block;
  content: "*";
  margin-left: 0.4rem;
  font-size: 2rem;
  color: #FC4514;
  line-height: 1.4rem;
}
.option-tit.required-tit::after {
  display: inline-block;
  vertical-align: middle !important;
}
.option-cont {
  margin-top: 1rem;
}
.option-cont .input-color-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.3rem 0.2rem 1.1rem;
  border-radius: 0.4rem;
  box-shadow: inset 0 0 0 0.1rem #CCCCCC;
}
.option-cont .input-color-box .colorValue {
  width: calc(100% - 5.2rem);
  border: none;
  outline: none;
  line-height: 1.5;
}
.option-cont .input-color-box input[type=color] + .sp-replacer {
  float: none;
  padding: 0;
  background-color: none;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.4rem;
}
.option-cont .input-color-box input[type=color] + .sp-replacer .sp-preview {
  width: 3.6rem;
  height: 2.4rem;
  margin: 0;
  border: none;
}
.option-cont .input-color-box input[type=color] + .sp-replacer .sp-dd {
  display: none;
}
.option-cont .field-info {
  margin-top: 0.4rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.option-cont.type-select-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.option-cont .type-select {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 1rem;
  border: 1px solid #EBEBEB;
  border-radius: 1rem;
  text-align: center;
}
.option-cont .color-selbox {
  display: flex;
  gap: 1rem;
}
.option-cont .textareaHtml textarea {
  width: 100%;
  padding: 1.4rem 1.6rem;
  border: 1px solid #CCCCCC;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
  resize: vertical;
}
.option-cont .textareaHtml + .btn {
  margin-top: 4rem;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-align: center;
}
.option-cont .field-date.time .date-time {
  width: 100%;
  flex-wrap: wrap;
}
.option-cont .field-date.time .date-time .field-tbl {
  width: 100%;
}
.option-cont .field-date.time .date-time .field-tbl .field-outline {
  width: 100%;
}
.option-cont .field-date.time .date-time .info-tit {
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
  color: #000000;
}
.option-cont .field-date.time .date-time .field-input, .option-cont .field-date.time .date-time .datepicker {
  width: 100%;
}

.imgWrap {
  position: relative;
}
.imgWrap img {
  display: block;
  width: 100%;
}
.imgWrap .imgEditLabel {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.imgWrap .imgEditLabel::before {
  content: "";
  display: block;
  padding-top: 4rem;
  content: "이미지 영역";
  font-size: 1.4rem;
  color: #FFFFFF;
  background: url(../images/icon_no_img_white.svg) no-repeat top center;
  background-size: 4rem;
  color: #FFFFFF;
}

.img-cont-wrap {
  overflow: hidden;
  padding: 0.5rem;
  background-color: #F3F4F6;
}

.img-container {
  text-align: center;
  max-height: 30rem;
}
.img-container .cropper-view-box {
  outline-width: 3px;
}

.no-img {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 16rem;
  background: #EBEBEB;
  text-align: center;
}
.no-img::before {
  content: "";
  display: block;
  padding-top: 4rem;
  content: "이미지 영역";
  background: url(../images/icon_no_img.svg) no-repeat top center;
  background-size: 4rem;
  color: #CCCCCC;
}

.videoWrap.no-video {
  padding: 7.2rem 2.4rem;
  background: #F3F4F6;
  text-align: center;
}
.videoWrap.no-video::before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  background-image: url(../images/icon_youtube.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.videoWrap.no-video::after {
  content: "";
  display: block;
  content: "유튜브 영상";
  margin-top: 0.8rem;
  font-weight: 500;
  color: #D2D5DA;
  line-height: 1.6rem;
}
.videoWrap video, .videoWrap iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.videoWrap + .btnWrap {
  margin: 0;
  padding: 2.4rem;
  text-align: center;
}

.btn.youtuBtn {
  margin-top: 0.6rem;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-align: center;
}

.modalWrap .field-wrap .field {
  width: 100%;
}
.modalWrap .field-wrap .field + .field {
  margin-top: 0;
}

.cropModalWrap .modalPop {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.cropModalWrap .modalPop .modalWrap {
  max-width: 600px;
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 9991;
  transform: translate(-50%, -50%);
}
.cropModalWrap .modalPop .modalWrap .option-box {
  margin-top: 2rem;
}
.cropModalWrap .modalPop .modalWrap .option-box-tit {
  display: flex;
  justify-content: space-between;
}
.cropModalWrap .modalPop .modalWrap .field .field-input input:not([type=checkbox]):not([type=radio]) {
  height: 3.2rem;
  padding: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
.cropModalWrap .modalPop .modalWrap .field .field-input input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.cropModalWrap .modalPop .modalWrap .field .field-input input:not([type=checkbox]):not([type=radio])::placeholder {
  font-size: inherit;
  font-weight: inherit;
}
.cropModalWrap .modalPop .modalWrap .field + .field {
  margin-top: 1rem;
}
.cropModalWrap .modalPop .modalWrap .field-wrap .field-outline {
  flex: auto;
}
.cropModalWrap .modalPop .modalWrap .field-info {
  margin-top: 0.4rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.cropModalWrap .modalPop .modal-footer .btnWrap {
  flex-wrap: nowrap;
  margin-top: 2rem;
}
.cropModalWrap .modalPop .modal-footer .btnWrap > * {
  flex: 1 1 30%;
  min-width: auto;
}
.cropModalWrap .modalPop .modal-footer .btnWrap button {
  min-width: auto;
}
.cropModalWrap .btnLabel {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.cropModalWrap .btnLabel .cropInput {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.cropModalWrap .no-img {
  height: 25rem;
  background-color: #F3F4F6;
}
.cropModalWrap .no-img::before {
  content: "";
  display: block;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  border: none;
  background: url(../images/icon_no_img.svg) no-repeat center;
  background-size: 3.2rem;
}
.cropModalWrap .no-img::after {
  content: "";
  display: block;
  content: "이미지 미리보기";
  display: block;
  margin-top: 0.8rem;
  font-weight: 1.4rem;
  color: #D2D5DA;
}

.img-color-wrap {
  display: block;
  margin-top: 0.6rem;
}
.img-color-wrap .del-upload {
  display: block;
  padding: 0.7rem;
  border-radius: 0.4rem;
  background-color: #EBEBEB;
  font-size: 1.3rem;
  font-weight: 1.8rem;
  text-align: center;
  cursor: pointer;
}
.img-color-wrap .ct-img {
  display: block;
  vertical-align: middle;
  margin: 0;
}
.img-color-wrap .ct-img .img-main {
  display: block;
  width: 100%;
  margin: 2rem 0 0;
  clear: both;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.8rem;
}
.img-color-wrap .ct-img .img-main:not([src]) {
  display: none;
  margin: 0;
}
.img-color-wrap .ct-img .img-main:not([src]) + .palette {
  padding: 0;
}
.img-color-wrap .palette {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 0.8rem 0;
  text-align: center;
}
.img-color-wrap .palette .palette-piece {
  position: relative;
  height: 6rem;
}
.img-color-wrap .palette .palette-piece div {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.8rem;
  background-color: #FFFFFF;
  cursor: pointer;
}
.img-color-wrap .palette .palette-color {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.2rem;
  font-weight: 500;
  transform: translateX(-50%);
}
.img-color-wrap .canvas-main {
  position: absolute;
}

.modify-btn {
  display: flex;
  gap: 0.4rem;
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}
.modify-btn .btn {
  position: static;
}

.goods-tit + .lst-goods {
  margin-top: 1rem;
}

.module-wrap .module-box.md-goods[data-case=goodsTab][goods-case=list2] .goodsWrap .item.price {
  margin: 0.4rem 1rem 0.2rem 0;
}

.module-box .swiper-inner .swiper-wrapper {
  padding: 0.8rem 1.2rem;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, "Spoqa Han Sans Neo", "Noto Sans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
}

.wrap {
  width: 100%;
  min-width: 126.8rem;
}
.wrap .container {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 85.2rem;
  padding: 10.4rem 0 16rem;
}
.wrap .flex-wrap {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}
.wrap .flex-wrap .cont-wrap {
  flex-grow: 1;
  position: relative;
  width: 100%;
  padding-left: 5.6rem;
  transition: padding 0.8s ease;
}
.wrap .flex-wrap .cont-wrap .container {
  min-height: 79.5rem;
  min-height: calc(100vh - 17rem);
  padding: 0 0 5rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-cover-wrap > .tbl-wrap.search:first-child table::before {
  display: none;
}
.wrap .flex-wrap .cont-wrap .container > .tbl-wrap.search:first-child table::before {
  display: none;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap table th:first-child, .wrap .flex-wrap .cont-wrap .container .tbl-wrap table td:first-child {
  padding-left: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap table th:last-child, .wrap .flex-wrap .cont-wrap .container .tbl-wrap table td:last-child {
  padding-right: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl tr {
  border-bottom: 0.1rem solid #F5F5F5;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl th {
  vertical-align: top;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td {
  padding: 2.2rem 0.6rem;
  font-weight: 700;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th:first-child,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td:first-child {
  padding-left: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th:last-child,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td:last-child {
  padding-right: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th .field,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td .field {
  margin: -0.6rem 0;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th .field-outline.sizeMs,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td .field-outline.sizeMs {
  width: 20rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table th .btn.bg,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table td .btn.bg {
  margin: -0.7rem 0;
  font-weight: 500;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.ac-tbl table + .btnWrap {
  margin-top: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.search table th .btn.search,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.search table td .btn.search {
  width: auto;
  min-width: 6.4rem;
  height: 3.2rem;
  padding: 0 1rem 0 0.6rem;
  white-space: nowrap;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.search + .list, .wrap .flex-wrap .cont-wrap .container .tbl-wrap.search + .stat, .wrap .flex-wrap .cont-wrap .container .tbl-wrap.search + .tab-wrap {
  margin-top: 1.6rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.search .btn.search {
  min-width: 10rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.search + .list table tr:last-child td {
  border-bottom: 0.1rem solid #D6D6D6;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap.stat .btnWrap {
  margin-right: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .tit {
  margin: 2rem 2rem 0;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .tbl-pagenation {
  margin-top: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-tbl .field-outline.flex-grow {
  flex-grow: 1;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-tbl ._input ._secureTxt {
  min-height: inherit;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-tbl ._input ._secureTxt > i {
  height: 1.2rem;
  margin-top: 0;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-tbl ._input ._secureTxt > i + i {
  margin-left: 0;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-group.opt-box {
  gap: 0.4rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-group.opt-box .field-radio,
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-group.opt-box .field-checkbox {
  width: calc(33.33334% - 0.2rem);
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-group.opt-box .field-label {
  padding: 1rem;
  font-size: 1.4rem;
  color: #858585;
  line-height: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-group.opt-box input[type=radio]:checked ~ .field-label {
  color: #000000;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field-label {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field + .field {
  margin-top: 1.6rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field + .field.terms-mg {
  margin: 1.6rem 0 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field .btn.bg {
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field .agree .agree_border {
  padding: 1.2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field .agree .agree_border.noscroll ul li {
  margin-bottom: 0.4rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field .agree .agree_border.noscroll ul li:last-child {
  margin-bottom: 0;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field .agree .agree_border.noscroll ul li .-btn {
  top: 1.2rem;
  right: 1.2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .field + .btnWrap {
  margin-top: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .tbl-wrap .brand_text textarea {
  border-radius: 0.4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box {
  width: 100%;
  padding-top: 20rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box > .tit {
  margin: 0 auto;
  text-align: center;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .field-outline.sizeMs {
  width: 20rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .field-outline.flex-grow {
  flex-grow: 1;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field ._input ._secureTxt {
  min-height: inherit;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field ._input ._secureTxt > i {
  height: 1.2rem;
  margin-top: 0;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field ._input ._secureTxt > i + i {
  margin-left: 0;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field-group.opt-box {
  gap: 0.4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field-group.opt-box .field-radio,
.wrap .flex-wrap .cont-wrap .container .atho_box .field-group.opt-box .field-checkbox {
  width: calc(33.33334% - 0.2rem);
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field-group.opt-box .field-label {
  padding: 1rem;
  font-size: 1.4rem;
  color: #858585;
  line-height: 2rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field-group.opt-box input[type=radio]:checked ~ .field-label {
  color: #000000;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field-label {
  font-size: 1.3rem;
  font-weight: 500;
  color: #858585;
  line-height: 2.4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field + .field {
  margin-top: 0.8rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field + .field.agency-mg {
  margin: 2.4rem 0 1.6rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field + .field.terms-mg {
  margin: 1.6rem 0;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .btn.bg {
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .agree .agree_border {
  padding: 1.2rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .agree .agree_border.noscroll ul li {
  margin-bottom: 0.4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .agree .agree_border.noscroll ul li:last-child {
  margin-bottom: 0;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .field .agree .agree_border.noscroll ul li .agree-btn {
  top: 1.2rem;
  right: 1.2rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .btnWrap {
  margin-top: 4rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .tbl-wrap {
  width: 48rem;
  margin: 4rem auto 0;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .tbl-wrap table th {
  padding: 2.2rem 1.2rem 2.2rem 2rem;
  vertical-align: top;
}
.wrap .flex-wrap .cont-wrap .container .atho_box .tbl-wrap table td {
  padding: 2.2rem 2rem 2.2rem 1.2rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box.input_box {
  width: 41.6rem;
  padding-top: 10rem;
}
.wrap .flex-wrap .cont-wrap .container .atho_box.input_box .btnWrap {
  margin-top: 2.4rem;
}
.wrap .flex-wrap .cont-wrap .container .btn-size.lg {
  min-width: 14rem;
  padding: 1.3rem 2.4rem;
  font-size: 1.6rem;
  height: 4.8rem;
  line-height: 2.2rem;
}
.wrap .flex-wrap .cont-wrap .container .promo-name {
  margin: 0 2rem;
}
.wrap.module-prod .flex-wrap .cont-wrap .container {
  padding: 11.4rem 0 0;
}
.wrap.dashboard .flex-wrap .cont-wrap .container {
  padding: 3.2rem 4rem 5rem;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  min-width: 127rem;
  padding: 2rem 6rem;
  background: #FFFFFF;
}
header .logo a {
  display: block;
  position: relative;
  width: 11.5rem;
  height: 4rem;
  background-image: url(../images/logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: top left;
}
header .info {
  display: flex;
}
header .info .btn {
  min-width: 8rem;
  padding: 0 0.9rem;
  border-radius: 0.8rem;
  font-weight: 700;
}
header .info .btn + .btn {
  margin-left: 0.8rem;
}
header .info .user-info {
  padding: 0.3rem 0.8rem 0.3rem 2.8rem;
  background-image: url(../images/icon_user.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 2.4rem;
  background-position: left center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2.2rem;
}
header .info .user-info .user-name {
  margin-right: 0.2rem;
}
header .info .user-info + .user-time::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1rem;
  width: 0.1rem;
  height: 1.2rem;
  background: #E0E0E0;
}
header .info .user-info-box {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
header .user-info {
  padding: 0.4rem 0.8rem 0.2rem 2.8rem;
  background-image: url(../images/icon_user.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2.2rem;
}
header .user-info .user-name {
  margin-right: 0.2rem;
}
header .user-info + .user-time::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.1rem;
  height: 1.2rem;
  background: #E0E0E0;
}
header .user-info-box {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
header .user-info-box .btn-wrap {
  display: flex;
  margin-left: 0.8rem;
  border: 0.1rem solid #CCCCCC;
  border-radius: 0.4rem;
}
header .user-info-box .btn-wrap .btn {
  display: inline-block;
  position: relative;
  padding: 0.6rem 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
}
header .user-info-box .btn-wrap .btn + .btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.1rem;
  height: 1.2rem;
  background: #D6D6D6;
}
header .user-time {
  position: relative;
  padding: 0.3rem 1.4rem 0.5rem 3.6rem;
  background-image: url(../images/icon_time.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: left 0.7rem center;
  line-height: 2.4rem;
}
header .user-time .time {
  display: inline-block;
}
header .user-time .time-reset {
  display: inline-block;
  margin-left: 0.8rem;
  font-weight: 700;
  text-decoration: underline;
}

.lnb-wrap {
  overflow: hidden;
  flex-shrink: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 5.6rem;
  height: 100%;
  border-right: 0.1rem solid #000000;
  background-color: #FFFFFF;
  z-index: 100;
  transition: width 0.8s ease;
}
.lnb-wrap .lnb-box .lnb-info-wrap {
  height: 23.6rem;
  padding: 4.9rem 1.1rem 3.8rem;
  border-bottom: 0.1rem solid #000000;
  transition: padding 0.6s ease;
}
.lnb-wrap .lnb-box .lnb-info-wrap .logo-box {
  transition: padding 0.8s ease;
}
.lnb-wrap .lnb-box .lnb-info-wrap .logo-box .logo {
  display: block;
  width: 3.3rem;
  height: 3.1rem;
  background-image: url(../images/lnb_logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: width 0.8s ease;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box {
  display: none;
  width: 18.7rem;
  margin-top: 3.6rem;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-name {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-name::after {
  content: "";
  display: block;
  display: inline-block;
  width: 1.6rem;
  height: 2.2rem;
  margin-left: 0.2rem;
  background-image: url(../images/icon_lnb_arrow_b.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-brand {
  margin-top: 0.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .info.flex {
  margin-top: 0.8rem;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-time {
  display: flex;
  align-items: center;
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #858585;
  line-height: 2rem;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-time::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.2rem;
  background-image: url(../images/icon_time_gray.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  background-size: 1.6rem;
  background-repeat: no-repeat;
}
.lnb-wrap .lnb-box .lnb-info-wrap .user-info-box .user-time .time-reset {
  margin-left: 0.2rem;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 2rem;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.lnb-wrap .lnb-box .depth01 {
  border-bottom: 0.1rem solid #000000;
}
.lnb-wrap .lnb-box .depth01 > a {
  display: block;
  position: relative;
  min-height: 5.5rem;
  padding: 1.6rem 1.6rem 1.5rem;
}
.lnb-wrap .lnb-box .depth01 > a span {
  display: none;
  padding-left: 3.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.lnb-wrap .lnb-box .depth01 > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon_lnb_display.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lnb-wrap .lnb-box .depth01 > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon_lnb_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transform: rotate(0);
  transition: all 0.5s ease;
}
.lnb-wrap .lnb-box .depth01:nth-child(2) > a::before {
  background-image: url(../images/icon_lnb_chart.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lnb-wrap .lnb-box .depth01:nth-child(3) > a::before {
  background-image: url(../images/icon_lnb_notice.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.lnb-wrap .lnb-box .depth01:nth-child(3) > a::after {
  display: none;
}
.lnb-wrap .lnb-box .depth01._is-active > a::after {
  transform: rotate(180deg);
}
.lnb-wrap .lnb-box .depth02 {
  line-height: 2rem;
}
.lnb-wrap .lnb-box .depth02-box {
  display: none;
  width: 21.9rem;
  padding: 0 1.6rem 1.6rem 4.8rem;
}
.lnb-wrap .lnb-box .depth02 + .depth02 {
  margin-top: 1.2rem;
}
.lnb-wrap .lnb-box .depth02 a {
  font-weight: 500;
  color: #5C5C5C;
}
.lnb-wrap .lnb-box .depth02._is-active a, .lnb-wrap .lnb-box .depth02:hover a {
  font-weight: 700;
  color: #000000;
}
.lnb-wrap .lnb-box .shortcut-wrap {
  display: none;
  width: 219px;
  padding: 4.8rem 2.4rem;
}
.lnb-wrap .lnb-box .shortcut-wrap .tit {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #858585;
}
.lnb-wrap .btn-lnb-fold {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1.2rem;
  left: auto;
  right: 0.75rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  background-color: #EBEBEB;
  transition: all 0.5s ease;
  cursor: pointer;
}
.lnb-wrap .btn-lnb-fold span {
  display: none;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.lnb-wrap .btn-lnb-fold::before {
  content: "";
  display: block;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon_lnb_arrow_b.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
  transform: scaleX(1);
  transition: all 0.8s ease;
}
.lnb-wrap._width {
  width: 22rem;
}
.lnb-wrap._width + .cont-wrap, .lnb-wrap._width + .cont-wrap .module-tit-wrap, .lnb-wrap._width + .cont-wrap .tab-list-wrap {
  padding-left: 22rem;
}
.lnb-wrap._is-active .lnb-info-wrap {
  padding: 4.9rem 1.6rem 3.8rem;
}
.lnb-wrap._is-active .lnb-info-wrap .logo-box {
  padding: 0 0.45rem;
}
.lnb-wrap._is-active .lnb-info-wrap .logo-box .logo {
  position: relative;
  width: 16rem;
  height: 3.05rem;
}
.lnb-wrap._is-active .lnb-info-wrap .logo-box .logo::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2.548rem;
  width: 4.3rem;
  height: 1.6rem;
  background-image: url(../images/lnb_logo_with.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.lnb-wrap._is-active .lnb-info-wrap .user-info-box {
  display: block;
}
.lnb-wrap._is-active .depth01 > a span {
  display: block;
}
.lnb-wrap._is-active .depth01 > a::after {
  opacity: 1;
}
.lnb-wrap._is-active .btn-lnb-fold {
  right: 1.2rem;
  width: 5.8rem;
  height: 4rem;
}
.lnb-wrap._is-active .btn-lnb-fold span {
  display: block;
}
.lnb-wrap._is-active .btn-lnb-fold::before {
  width: 1.6rem;
  height: 1.6rem;
  transform: scaleX(-1);
}
.lnb-wrap._is-active .lnb-box .shortcut-wrap {
  display: block;
}

.shortcut-link {
  display: flex;
  align-items: center;
  margin-top: 1.2rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.shortcut-link::after {
  content: "";
  display: block;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.2rem;
  background-image: url(../images/icon_lnb_arrow_b.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}

/* footer */
footer {
  display: block;
  position: relative;
  bottom: 0;
  width: 100%;
  border-top: 0.1rem solid #D6D6D6;
  background: #FFFFFF;
  text-align: center;
}
footer .footer_box {
  padding: 3.2rem 2rem 4rem;
}
footer .footer_box .copy {
  margin-top: 1.2rem;
  font-size: 1.2rem;
  color: #858585;
  line-height: 1.6rem;
}
footer .footer_box .copy::before {
  display: none;
}
footer .footer_addr {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  text-align: center;
}
footer .footer_addr span {
  display: inline-block;
  position: relative;
  padding: 0 1.2rem 0 1.3rem;
  font-size: 1.2rem;
  color: #858585;
  line-height: 1.6rem;
}
footer .footer_addr span + span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.1rem;
  height: 1.2rem;
  background: #E0E0E0;
}
footer .footer_addr span.login-link {
  display: inline-flex;
}
footer .footer_addr span.login-link .btn.ico.arrow {
  line-height: 1.6rem;
}
footer .footer_addr span.login-link .btn.ico.arrow::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-left: 0.2rem #000000 solid;
  border-bottom: 0.2rem #000000 solid;
}

.page-tit-wrap .tit {
  padding: 1.2rem 2rem;
  border-bottom: 0.1rem solid #000000;
  font-size: 2.4rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  line-height: 3.2rem;
  box-shadow: inset 0 -0.5px 0 #000000;
}

.module-tit-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  padding-left: 5.6rem;
  border-bottom: 0.1rem solid #000000;
  background-color: #FFFFFF;
  box-shadow: inset 0 -0.5px 0 #000000;
  transition: padding 0.8s ease;
}
.module-tit-wrap .tit {
  padding: 1.2rem 2rem;
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-family: "YouandiNewKr";
  font-weight: 700;
  line-height: 3.2rem;
}
.module-tit-wrap .tit .sub-tit {
  position: relative;
  font-size: 1.4rem;
  color: #FFFFFF;
  line-height: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, "Spoqa Han Sans Neo", "Noto Sans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
  font-weight: 700;
  height: 2.4rem;
  padding: 0.2rem 0.8rem;
  margin-left: 0.8rem;
  margin-top: 0.1rem;
  background: #000000;
  border-radius: 4rem;
}
.module-tit-wrap .tit .sub-tit em + em {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.8rem;
}
.module-tit-wrap .tit .sub-tit em + em::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
  border-left: dashed 0.1rem #FFFFFF;
}
.module-tit-wrap .btn-wrap .btn {
  min-width: 12rem;
  padding: 1.7rem 3rem;
  border-left: 0.1rem solid #000000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  text-align: center;
}
.module-tit-wrap .btn-wrap .btn.btn-black {
  background-color: #000000;
  color: #FFFFFF;
}

.required-txt {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.required-txt::before {
  display: inline-block;
  position: relative;
  top: 0.1rem;
  content: "*";
  margin-right: 0.4rem;
  font-size: 2rem;
  color: #FC4514;
  vertical-align: middle;
  line-height: 1.4rem;
}

.board-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.1rem solid #000000;
}
.board-tit .tit {
  display: flex;
  align-items: center;
  padding: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.board-tit .tag {
  display: inline-block;
  margin-right: 0.4rem;
  padding: 0.2rem 0.8rem;
  border-radius: 4rem;
  background-color: #000000;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.6rem;
}
.board-cont {
  padding: 2.4rem 2rem;
  border-top: 0.1rem solid #EBEBEB;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.2rem;
}
.board-cont strong {
  font-weight: 700;
}
.board-footer {
  border: 0.1rem solid #D6D6D6;
  border-width: 0.1rem 0;
}
.board-footer .board-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-footer .board-link + .board-link {
  border-top: 0.1rem solid #EBEBEB;
}
.board-footer .board-link .link-lb {
  position: relative;
  padding: 1.8rem 2rem;
  padding-right: 4.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.board-footer .board-link .link-lb::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.8rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon_lnb_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(0);
}
.board-footer .board-link .link-lb.link-prev::before {
  transform: rotate(180deg);
}
.board-footer .board-link .link-tit {
  flex-grow: 1;
  padding: 1.7rem 1rem;
  font-weight: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
}
.board-footer + .btnWrap {
  margin-top: 2rem;
}
.board-footer + .btnWrap .btn {
  min-width: 14rem;
}
.board-date {
  display: block;
  padding: 1.8rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #858585;
  line-height: 2rem;
  text-align: center;
}

.dashboard .page-tit-wrap .tit {
  padding: 2.4rem 4rem 0;
  border-bottom: none;
  font-size: 2.8rem;
  line-height: 3.6rem;
  box-shadow: none;
}
.dashboard .page-tit-wrap .date {
  margin-left: 0.8rem;
  font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, "Spoqa Han Sans Neo", "Noto Sans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #858585;
  line-height: 2rem;
}
.dashboard .daily-state-wrap {
  display: flex;
}
.dashboard .daily-state-wrap .state-box {
  flex: 1 1 20%;
  min-width: 17.2rem;
  padding: 1.2rem 0 0.7rem;
  border-top: 0.1rem solid #000000;
}
.dashboard .daily-state-wrap .state-box .tit {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.dashboard .daily-state-wrap .state-box .state-cont {
  display: flex;
  justify-content: space-between;
  margin-top: 1.2rem;
}
.dashboard .daily-state-wrap .state-box .state-cont li {
  width: 50%;
}
.dashboard .daily-state-wrap .state-box .state-cont li p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  white-space: nowrap;
}
.dashboard .daily-state-wrap .state-box .state-cont li .state-num {
  overflow: hidden;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  cursor: pointer;
}
.dashboard .daily-state-wrap .state-box .state-cont li .state-num:hover {
  color: #0070F0;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.dashboard .daily-state-wrap .state-box .state-cont li .state-num strong {
  vertical-align: bottom;
  font-size: 2rem;
  line-height: 2.6rem;
}
.dashboard .daily-state-wrap .state-box + .state-box {
  margin-left: 2.8rem;
}
.dashboard .daily-state-wrap + .top10-wrap {
  margin-top: 5.6em;
}
.dashboard .top10-wrap {
  display: flex;
  justify-content: space-between;
}
.dashboard .top10-wrap .top10-box {
  flex-grow: 1;
  min-width: 46.7rem;
  min-width: calc(50% - 2rem);
  border-top: 0.1rem solid #000000;
}
.dashboard .top10-wrap .top10-box .tit {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.dashboard .top10-wrap .top10-box .tit .date {
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #858585;
  line-height: 2rem;
}
.dashboard .top10-wrap .top10-box .tit + .tbl-wrap {
  margin-top: 0.8rem;
}
.dashboard .top10-wrap .top10-box + .top10-box {
  margin-left: 4rem;
}
.dashboard .top10-wrap .tbl-wrap table th:first-child, .dashboard .top10-wrap .tbl-wrap table td:first-child {
  padding-left: 1.2rem !important;
}
.dashboard .top10-wrap .tbl-wrap table th:last-child, .dashboard .top10-wrap .tbl-wrap table td:last-child {
  padding-right: 1.2rem !important;
}
.dashboard .top10-wrap .tbl-wrap table th {
  color: #000000;
}
.dashboard .notice-wrap {
  margin-top: 4.8rem;
  border-top: 0.1rem solid #000000;
}
.dashboard .notice-wrap .tit {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.dashboard .notice-wrap .tit .date {
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #858585;
  line-height: 2rem;
}
.dashboard .notice-wrap .tit + .tbl-wrap {
  margin-top: 0.8rem;
}
.dashboard .notice-wrap .tbl-wrap.list table td:first-child {
  padding-left: 0 !important;
}
.dashboard .notice-wrap .tbl-wrap.list table td:last-child:not(.none-td) {
  width: 8rem;
  padding-right: 0.6rem;
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #858585;
  line-height: 2rem;
  text-align: right;
}
.dashboard .notice-wrap .shortcut-link {
  position: relative;
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
}
.dashboard .notice-wrap .shortcut-link::after {
  content: "";
  display: block;
  margin-left: 0;
}

.ranking {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  margin: -0.5rem auto -1.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 3rem;
  text-align: center;
  color: #000000;
}
.ranking.num1 {
  background-image: url(../images/icon_ranking_gold.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}
.ranking.num2 {
  background-image: url(../images/icon_ranking_silver.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}
.ranking.num3 {
  background-image: url(../images/icon_ranking_bronze.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}

.modalPop .module-wrap,
.preview-box {
  overflow: hidden;
  height: auto;
  min-height: auto;
  padding: 2rem 0;
  background-color: #D7D7D7;
}
.modalPop .module-wrap .section > img,
.preview-box .section > img {
  width: 100%;
}

@media all and (max-width: 1439px) {
  .flex-wrap footer .footer_box {
    width: 80rem;
    margin: 0 auto;
    padding: 2rem 2rem 3.2rem;
  }
  .flex-wrap footer .footer_box .copy {
    margin-top: 0.8rem;
  }
  .flex-wrap footer .footer_addr span:nth-child(n+4) {
    margin-top: 0.4rem;
  }
  .flex-wrap footer .footer_addr span:nth-child(4)::before {
    display: none;
  }
}
@media all and (min-width: 1920px) {
  .wrap.dashboard .flex-wrap .cont-wrap .container {
    display: flex;
    gap: 4rem;
  }
  .wrap.dashboard .wide-wrap {
    width: calc(100% - 42rem);
  }
  .wrap.dashboard .notice-wrap {
    width: 38rem;
    margin-top: 0;
  }
  .wrap.dashboard .notice-wrap .tbl-wrap {
    overflow: hidden;
    max-height: 66.5rem;
  }
  .wrap.dashboard .notice-wrap .tbl-wrap table tbody td a,
  .wrap.dashboard .notice-wrap .tbl-wrap table tbody td .white-space {
    white-space: normal;
    word-break: break-all;
  }
}