@charset "UTF-8";
.c1 {
  color: #3F1466 !important;
}

.c0{color: #000;}
.c3 {
  color: #333;
}

.c6 {
  color: #666;
}

.c9 {
  color: #999;
}

.cr {
  color: #EF0031;
}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.25px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, pre {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333;
  font-family: "Pretendard";
  line-height: 150%;
  font-weight: 300;
}

td, th {
  padding: 0;
  font-family: "Pretendard";
  font-size: 14px;
  color: #333;
  font-weight: 300;
}

a, span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

body {
  height: 100%;
  position: relative;
  overflow-y: scroll;
  word-break: keep-all;
  *word-break: keep-all;
  -ms-word-break: keep-all;
}

img, fieldset, iframe {
  border: 0 none;
}

li {
  list-style: none;
}

input, select, button, textarea {
  padding: 0;
  border: 1px solid #ddd;
  font-family: "Pretendard";
  font-size: 14px;
  font-weight: 300;
}

input {
  padding: 0 10px;
}

input[type=text], input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

input[type=file] {
  padding: 0;
  -webkit-border-radius: 0;
}

input[type=file]::-webkit-file-upload-button {
  vertical-align: middle;
  height: 100%;
}

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

select {
  padding: 0 25px 0 20px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-color: #fff;
  background-image: url(/src/img/init/sel_init_ico.png);
  -webkit-background-size: 10px 6px;
  background-size: 10px 6px;
}

select option {
  background: #fff;
  color: #333;
}

textarea {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

em, address {
  font-style: normal;
}

label, button {
  cursor: pointer;
}

button {
  background: none;
  border: none;
  vertical-align: top;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

legend {
  *width: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

pre {
  white-space: pre-line;
  font-family: "Pretendard";
}

sup {
  font-size: 0.5%;
}

figure {
  margin: 0;
}

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

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

/* display */
.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.dt {
  display: table;
}

.dtr {
  display: table-row;
}

.dtc {
  display: table-cell;
}

.dt {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.dtr {
  width: 100%;
}

.dtc {
  vertical-align: middle;
}

/* float */
.fl {
  float: left;
}

.fr {
  float: right;
}

.flul > li {
  float: left;
}

.flul:after {
  content: "";
  display: block;
  clear: both;
}

.cb:after {
  content: "";
  display: block;
  clear: both;
}

/* space */
.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.mt0 {
  margin-top: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt150 {
  padding-top: 150px;
}

.pb150 {
  padding-bottom: 150px;
}

.mt150 {
  margin-top: 150px;
}

.mb150 {
  margin-bottom: 150px;
}

.pl0 {
  padding-left: 0px;
}

.pr0 {
  padding-right: 0px;
}

.ml0 {
  margin-left: 0px;
}

.mr0 {
  margin-right: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pr50 {
  padding-right: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pr70 {
  padding-right: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mr70 {
  margin-right: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.pl90 {
  padding-left: 90px;
}

.pr90 {
  padding-right: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mr90 {
  margin-right: 90px;
}

.pl100 {
  padding-left: 100px;
}

.pr100 {
  padding-right: 100px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.pl150 {
  padding-left: 150px;
}

.pr150 {
  padding-right: 150px;
}

.ml150 {
  margin-left: 150px;
}

.mr150 {
  margin-right: 150px;
}

/* web accessibility */
.blind {
  display: inline-block !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.skip_nav li a {
  position: absolute;
  left: -3000%;
}
.skip_nav li a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #039;
  color: #fff;
  text-align: center;
}

.ti {
  text-indent: -999em;
}

.inp_ti {
  overflow: hidden;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
}

.imgz {
  width: 100%;
}

.cup {
  cursor: pointer;
}

.vam {
  vertical-align: middle;
}

/* text */
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tdu {
  text-decoration: underline;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fw1 {
  font-weight: 100;
}

.fw3 {
  font-weight: 300;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

/* List layout */
.res_lst.lng1.s10 > li {
  width: calc(100% / 1 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng1.s20 > li {
  width: calc(100% / 1 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng1.s30 > li {
  width: calc(100% / 1 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng1.s40 > li {
  width: calc(100% / 1 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng1.s50 > li {
  width: calc(100% / 1 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng1.s60 > li {
  width: calc(100% / 1 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng2.s10 > li {
  width: calc(100% / 2 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng2.s20 > li {
  width: calc(100% / 2 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng2.s30 > li {
  width: calc(100% / 2 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng2.s40 > li {
  width: calc(100% / 2 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng2.s50 > li {
  width: calc(100% / 2 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng2.s60 > li {
  width: calc(100% / 2 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng3.s10 > li {
  width: calc(100% / 3 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng3.s20 > li {
  width: calc(100% / 3 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng3.s30 > li {
  width: calc(100% / 3 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng3.s40 > li {
  width: calc(100% / 3 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng3.s50 > li {
  width: calc(100% / 3 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng3.s60 > li {
  width: calc(100% / 3 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng4.s10 > li {
  width: calc(100% / 4 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng4.s20 > li {
  width: calc(100% / 4 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng4.s30 > li {
  width: calc(100% / 4 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng4.s40 > li {
  width: calc(100% / 4 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng4.s50 > li {
  width: calc(100% / 4 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng4.s60 > li {
  width: calc(100% / 4 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng5.s10 > li {
  width: calc(100% / 5 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng5.s20 > li {
  width: calc(100% / 5 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng5.s30 > li {
  width: calc(100% / 5 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng5.s40 > li {
  width: calc(100% / 5 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng5.s50 > li {
  width: calc(100% / 5 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng5.s60 > li {
  width: calc(100% / 5 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng6.s10 > li {
  width: calc(100% / 6 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng6.s20 > li {
  width: calc(100% / 6 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng6.s30 > li {
  width: calc(100% / 6 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng6.s40 > li {
  width: calc(100% / 6 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng6.s50 > li {
  width: calc(100% / 6 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng6.s60 > li {
  width: calc(100% / 6 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst {
  font-size: 0;
}
.res_lst > li {
  display: inline-block;
  vertical-align: top;
}

.tov {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tov_m {
  display: -webkit-box;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.tov2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -webkit-line-clamp: 2;line-height: 30px; */
.mov_frame, .frame_height {
  position: relative;
  padding-top: 56.25%;
}
.mov_frame iframe, .frame_height iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bgi {
  background-repeat: no-repeat;
}

.bgi_b:before {
  content: "";
  background-repeat: no-repeat;
}

.bgi_a:after {
  content: "";
  background-repeat: no-repeat;
}

.bx-wrapper {
  position: relative;
}

.bx-controls {
  position: absolute;
}

#gMap img, .map_api img {
  max-width: inherit;
  max-height: inherit;
}

.tn {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.ani {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 0, 50);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
  transform: matrix(1, 0, 0, 1, 0, 50);
  transition: transform 0.8s, opacity 0.8s;
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
}

.ani.view {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.ani.r {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 50, 0);
  transform: matrix(1, 0, 0, 1, 50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.l {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, -50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, -50, 0);
  transform: matrix(1, 0, 0, 1, -50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.appear {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/*
* Splitting.js
* update : 231005
*/
.splitting {
  overflow: hidden;
}

[data-scroll=in].up .splitting .char {
  animation: slide-up-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

[data-scroll=out].up .splitting .char {
  transform: translateY(-3em);
  opacity: 0;
}

@keyframes slide-up-in {
  from {
    transform: translateY(1em);
    opacity: 0;
  }
}
[data-scroll=in].ls .splitting .char {
  animation: letter-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

[data-scroll=out].ls .splitting .char {
  transform: translateX(calc(0.2em * var(--char-index)));
}

@keyframes letter-in {
  from {
    transform: translateX(calc(0.2em * var(--char-index)));
    opacity: 0.4;
  }
}
/* map error */
.sys_map_error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  text-align: center;
  background-color: #f5f5f5;
}
.sys_map_error .error_txt {
  color: #666;
}

/* font-size */
.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz26 {
  font-size: 26px;
}

.fz28 {
  font-size: 28px;
}

.fz30 {
  font-size: 30px;
}

.fz32 {
  font-size: 32px;
}

.fz34 {
  font-size: 34px;
}

.fz36 {
  font-size: 36px;
}

.fz38 {
  font-size: 38px;
}

.fz40 {
  font-size: 40px;
}

.fz46 {
  font-size: 46px;
}

.fz50 {
  font-size: 50px;
}

.fz60 {
  font-size: 60px;
}

.fz70 {
  font-size: 70px;
}

@media screen and (max-width: 620px) {
  .fz11 {
    font-size: 11px;
  }
  .fz12 {
    font-size: 12px;
  }
  .fz14 {
    font-size: 12px;
  }
  .fz16 {
    font-size: 12px;
  }
  .fz18 {
    font-size: 14px;
  }
  .fz20 {
    font-size: 16px;
  }
  .fz22 {
    font-size: 16px;
  }
  .fz24 {
    font-size: 18px;
  }
  .fz26 {
    font-size: 18px;
  }
  .fz28 {
    font-size: 18px;
  }
  .fz30 {
    font-size: 18px;
  }
  .fz32 {
    font-size: 22px;
  }
  .fz34 {
    font-size: 22px;
  }
  .fz36 {
    font-size: 24px;
  }
  .fz38 {
    font-size: 24px;
  }
  .fz40 {
    font-size: 26px;
  }
  .fz46 {
    font-size: 26px;
  }
  .fz50 {
    font-size: 30px;
  }
  .fz60 {
    font-size: 30px;
  }
  .fz70 {
    font-size: 30px;
  }
  div, p, th, td {
    font-size: 14px;
  }
}
/* system popup style */
.syspop {
  position: absolute;
  z-index: 1200;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
}
.syspop .l-header {
  display: none;
}
.syspop .wrap {
  position: relative;
  z-index: 100;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
}
.syspop .l-cont {
  word-break: break-all;
}
.syspop .l-footer {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  bottom: 0px;
  right: 0px;
  text-align: right;
}
.syspop .l-footer span {
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .syspop {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none;
  }
  .syspop:after {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .syspop .wrap {
    position: relative;
    z-index: 100;
    max-width: 95%;
    margin: 0 auto;
    text-align: center;
  }
  .syspop .l-cont {
    height: auto !important;
  }
  .syspop .l-cont img {
    width: 100%;
  }
  .syspop .l-footer {
    position: relative;
    z-index: 10;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
  }
}
/* page num */
.page_num {
  position: relative;
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}
.page_num a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #999;
  line-height: 30px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.page_num .act {
  position: relative;
  z-index: 1;
  color: #3F1466 !important;
}
.page_num .page {
  text-indent: -9999px;
}
.page_num .first {
  background: url(/src/img/init/page_first.png) 50% 50% no-repeat;
  background-size: 8px 8px;
}
.page_num .last {
  background: url(/src/img/init/page_last.png) 50% 50% no-repeat;
  background-size: 8px 8px;
}
.page_num .l {
  background: url(/src/img/init/page_left.png) 50% 50% no-repeat;
  background-size: 4px 8px;
}
.page_num .r {
  background: url(/src/img/init/page_right.png) 50% 50% no-repeat;
  background-size: 4px 8px;
}

@media screen and (max-width: 1000px) {
  .page_num {
    margin-top: 20px;
  }
  .page_num a {
    width: 26px;
    height: 26px;
  }
}

.page_arrow{display: flex;gap: 0 5px;margin-top: 30px;}
.page_arrow a{display: flex;align-items: center;justify-content: center;min-width: 60px;height: 40px;padding: 0 10px;font-size: 14px;font-weight: bold;border: 1px solid #333;border-radius: 5px;}
.page_arrow a.l::before{content: '';flex-shrink: 0;display: inline-block;width: 8px;height: 8px;margin-right: 5px;background-image: url(/src/img/b2b/page_arrow.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.page_arrow a.r::after{content: '';flex-shrink: 0;display: inline-block;width: 8px;height: 8px;margin-left: 5px;transform: scaleX(-1);background-image: url(/src/img/b2b/page_arrow.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;}
@media screen and (max-width: 1000px){
  .page_arrow{margin-top: 20px;}
}


@media screen and (max-width: 1440px) {
  .db1440 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn1440 {
    display: none !important;
  }
}
@media screen and (max-width: 1240px) {
  .db1000 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn1000 {
    display: none !important;
  }
}
@media screen and (max-width: 1119px) {
  .db960 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn960 {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .db720 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn720 {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .db594 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn594 {
    display: none !important;
  }
}
@media screen and (max-width: 620px) {
  .db326 {
    display: block !important;
    float: none;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn326 {
    display: none !important;
  }
}
@media screen and (max-width: 356px) {
  .db90 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dn90 {
    display: none;
  }
}
.de_btn.r30, .de_inp.r30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_btn.r15, .de_inp.r15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_btn.r8, .de_inp.r8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_btn.r5, .de_inp.r5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_btn.r3, .de_inp.r3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.de_cki.r30 i, .de_cks.r30 i {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_cki.r15 i, .de_cks.r15 i {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_cki.r8 i, .de_cks.r8 i {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_cki.r5 i, .de_cks.r5 i {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_cki.r3 i, .de_cks.r3 i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*
.de_btn{display: inline-block;line-height: 120%;text-align: center;vertical-align: middle;color: #666;transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-background-clip: border-box;background-clip: border-box;}
.de_btn:disabled{background-color: #eee !important;color: #ccc !important;cursor: auto;}
.de_btn:focus{outline: none;}
*/
/* btn size*/
/*
.de_btn.sg{min-width: 155px;height: 60px;line-height: 58px;font-size: 14px;font-weight: 500;}
.de_btn.sl{min-width: 130px;height: 50px;line-height: 48px;font-size: 14px;font-weight: 500;}
.de_btn.sm{min-width: 116px;height: 45px;line-height: 43px;font-size: 12px;font-weight: 500;}
.de_btn.ss{min-width: 95px;height: 36px;line-height: 34px;font-size: 12px;}
.de_btn.st{min-width: 80px;height: 30px;line-height: 28px;font-size: 12px;}

.de_btn.fill{background-color: $deCompColor;color: #fff;}
.de_btn.fill:hover{background-color: $deCompColorHover;}
.de_btn.fill:focus{-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}

.de_btn.outline{border: 1px solid #999;}
.de_btn.outline:hover{border: 1px solid $deCompColor;color: $deCompColor;}
.de_btn.outline:focus{-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);}
.de_btn.outline:disabled{border: 1px solid #ccc;}

.de_btn.ghost{border: 1px solid transparent;}
.de_btn.ghost:hover{border: 1px solid transparent;color: $deCompColor;}
.de_btn.ghost:focus{text-shadow: 1px 5px 5px rgba(0,0,0,0.15);}
*/
/*
// input text
.de_inp{width: 100%;border: 1px solid #ddd;}
input.de_inp{padding: 0 10px;}
.de_inp::-webkit-input-placeholder{color: #999;}
.de_inp::-moz-placeholder{color: #999;}
.de_inp:-ms-input-placeholder{color: #999;}
.de_inp:-moz-placeholder{color: #999;}
.de_inp:focus{border: 1px solid $deCompColor;outline: none;}
.de_inp:disabled{background-color: #eee;}

input.de_inp.sm{height: 45px;padding: 0 20px;}
.de_inp.ss{height: 36px;}
.de_inp.st{height: 30px;}
*/
.de_rdo, .de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_rdo i, .de_cks i {
  display: inline-block;
  border: 1px solid #ddd;
  vertical-align: middle;
  background-color: #fff;
}
.de_rdo input, .de_cks input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_rdo i::after, .de_cks i::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.de_rdo input:checked ~ i::after, .de_cks input:checked ~ i::after {
  background-color: rgb(63, 20, 102);
  transform: scale(0.5, 0.5) rotate(0.3deg);
  -webkit-transform: scale(0.5, 0.5) rotate(0.3deg);
  transform: scale(0.5, 0.5) rotate(0.3deg);
}
.de_rdo input:disabled ~ i, .de_cks input:disabled ~ i {
  background-color: #eee;
}

.de_rdo.txt, .de_cks.txt, .de_cki.txt {
  display: inline-flex;
  align-items: start;
}
.de_rdo.txt i, .de_cks.txt i, .de_cki.txt i {
  flex-shrink: 0;
  margin-right: 10px;
}
.de_rdo.txt .t, .de_cks.txt .t, .de_cki.txt .t {
  font-size: 14px;
}

@media (max-width: 620px) {
  .de_rdo.txt .t, .de_cks.txt .t, .de_cki.txt .t {
    font-size: 12px;
  }
}
.de_rdo i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.de_rdo i::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.de_cki, .de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_cki i, .de_cks i {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 3px;
  vertical-align: middle;
  background-color: #fff;
}

.de_rdo.sg i, .de_cki.sg i, .de_cks.sg i {
  width: 20px;
  height: 20px;
}

.de_rdo.ss i, .de_cki.ss i, .de_cks.ss i {
  width: 20px;
  height: 20px;
}

.de_cki {
  display: inline-block;
  vertical-align: middle;
}
.de_cki input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_cki i {
  position: relative;
}
.de_cki i::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  margin-top: -7px;
  margin-left: -4px;
  border: solid rgb(63, 20, 102);
  border-width: 0 2px 2px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.de_cki input:checked ~ i::after {
  opacity: 1;
}
.de_cki input:disabled ~ i {
  background-color: #eee;
}

.sys_popup {
  position: absolute;
  z-index: 3000;
  max-width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.sys_popup .cont {
  height: 100%;
}
.sys_popup .cont .pop_tit {
  display: none;
}
.sys_popup .cont .top {
  height: calc(100% - 48px);
}
.sys_popup .cont .top img {
  width: 100%;
}
.sys_popup .cont .bottom {
  padding: 10px;
  text-align: right;
}
.sys_popup .cont .bottom button {
  vertical-align: middle;
}
.sys_popup .cont .bottom button img {
  vertical-align: middle;
}
.sys_popup .cont .bottom .sys_pop_close.cookie::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.sys_popup .cont .bottom .close {
  margin-bottom: 3px;
  margin-left: 10px;
}

.sys_popup.dn {
  display: none;
}

@media screen and (max-width: 1000px) {
  .sys_popup {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none;
  }
  .sys_popup::after {
    content: "";
    position: fixed;
    z-index: 3000;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sys_popup .cont {
    position: relative;
    z-index: 3500;
    width: 95%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
  }
}
/* response ex
@include respond-to('d1440')
@include respond-to('d1000')
@include respond-to('d326')
*/
.ui-datepicker .ui-datepicker-title select {
  height: 26px;
  padding: 0 20px 0 10px;
  background-position: calc(100% - 10px) center;
}

.js_tab_wrap .js_tab_conts .js_tab_cont {
  display: none;
}
.js_tab_wrap .js_tab_conts .js_tab_cont.act {
  display: block;
}

@media (max-width: 1240px) {
  .m_body_ovh {
    overflow: hidden;
    touch-action: none;
  }
}
.b2b_logo {
  display: block;
  width: 144px;
  height: 86px;
  /* background-image: url(/src/img/logo.png); */
  background-size: contain;
  background-repeat: no-repeat;background-position: left center;
}
.b2b_logo > a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

@media (max-width: 1240px) {
  .b2b_logo {
    width: 84px;
    height: 50px;
  }
}
@media (max-width: 620px) {
  .b2b_logo {
    width: 67px;
    height: 40px;
  }
}
.foot_wrap {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.foot_wrap .foot_link {
  display: flex;
  justify-content: center;
}
.foot_wrap .foot_link .btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 205px;
  height: 38px;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
}
.foot_wrap .foot_link .btn::after {
  content: "";
  position: absolute;
  right: 15px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-image: url(/src/img/b2b/foot_link_arrow.svg);
}
.foot_wrap .foot_link .btn.line_style {
  border: 1px solid #eee;
  color: #000;
  background-color: #fff;
}
.foot_wrap .foot_menu .line {
  display: flex;
  gap: 7px 20px;
  flex-wrap: wrap;
}
.foot_wrap .foot_menu .line .t1 {
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  line-height: 150%;
}
.foot_wrap .foot_menu .line + .line {
  margin-top: 7px;
}
.foot_wrap .foot_addr .line {
  display: flex;
  gap: 3px 15px;
  flex-wrap: wrap;
}
.foot_wrap .foot_addr .line .t1 {
  font-size: 11px;
  color: #999;
  line-height: 150%;
}
.foot_wrap .foot_addr .line + .line {
  margin-top: 3px;
}
.foot_wrap .foot_copy {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 150%;
}

#footer .foot_wrap {
  padding: 30px 40px;
  text-align: center;
}
#footer .foot_wrap .foot_menu .line {
  justify-content: center;
}
#footer .foot_wrap .foot_addr .line {
  justify-content: center;
}

@media (max-width: 620px) {
  #footer .foot_wrap {
    padding: 20px;
  }
}
.terms_wrap .terms_tit {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.terms_wrap .terms_box {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fafafa;
}
.terms_wrap .terms_box .terms_txt {
  font-size: 12px;
  color: #666;
}

@media (max-width: 620px) {
  .terms_wrap .terms_tit {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .terms_wrap .terms_box {
    padding: 10px;
  }
}
.inp_wrap .w200 {
  width: 200px;
}
.inp_wrap .w380 {
  width: 380px;
}
.inp_wrap .w470 {
  width: 470px;
}
.inp_wrap .w770 {
  width: 770px;
}
.inp_wrap .w800 {
  width: 800px;
}
.inp_wrap .inp {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 5px;
  vertical-align: top;
  color: #333;
}
.inp_wrap .inp::placeholder {
  font-size: 14px;
  color: #999;
}
.inp_wrap .inp.w380 {
  width: 380px;
}
.inp_wrap .inp.w470 {
  width: 470px;
}
.inp_wrap select.inp {
  padding: 0 25px 0 15px;
  background-position: calc(100% - 15px) center;
  background-size: 8px auto;
}
.inp_wrap input[type=file].inp {
  padding: 0;
  background-color: #fff;
}
.inp_wrap textarea.inp {
  height: 250px;
  padding: 15px;
}
.inp_wrap textarea.inp.h80 {
  height: 80px;
}
.inp_wrap .r_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 40px;
  border: 1px solid #333;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  background-color: #fff;
}
.inp_wrap .r_btn.bg_style {
  border: 0;
  color: #fff;
  background-color: #3F1466;
}
.inp_wrap .inp_btn {
  display: flex;
  gap: 0 10px;
}
.inp_wrap .inp_btn .r_btn {
  flex-shrink: 0;
}
.inp_wrap .half_inps {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.inp_wrap .half_inps .inp {
  width: calc(50% - 5px);
}
.inp_wrap .tri_inps {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.inp_wrap .tri_inps .inp {
  width: calc((100% - 20px) / 3);
}
.inp_wrap .label_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  min-height: 40px;
}
.inp_wrap .timer_inp {
  position: relative;
  display: inline-block;
  width: 100%;
}
.inp_wrap .timer_inp .inp {
  padding-right: 55px;
}
.inp_wrap .timer_inp .timer_num {
  width: 40px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #731CC1;
  text-align: right;
}
.inp_wrap .addr_wrap {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.inp_wrap .addr_wrap .addr_inps {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.inp_wrap .addr_wrap .addr_inps .inp {
  width: calc((100% - 10px) / 2);
}
.inp_wrap .addr_wrap .addr_inps.w770 {
  width: 100%;
  max-width: 770px;
}
.inp_wrap .addr_wrap .addr_labels {
  min-height: auto;
}
.inp_wrap .file_img {
  width: 130px;
  margin-bottom: 5px;
}
.inp_wrap .file_link {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
}
.inp_wrap .file_desc, .inp_wrap .inp_desc {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.inp_wrap .inp_file_line {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inp_wrap .inp_file_line > .file_img {
  flex-shrink: 0;
  margin-bottom: 0;
  text-align: center;
}
.inp_wrap .inp_file_line .file_r_cont {
  width: 100%;
  margin-left: auto;
}
.inp_wrap .inp_file_line.ico_type {
  align-items: start;
}
.inp_wrap .inp_file_line.ico_type .file_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.inp_wrap .add_btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(/src/img/b2b/inp_add.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.inp_wrap .del_btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(/src/img/b2b/inp_del.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.inp_wrap .add_inp_btn {
  display: flex;
  gap: 0 10px;
}
.inp_wrap .add_inp_btn .add_btn, .inp_wrap .add_inp_btn .del_btn {
  flex-shrink: 0;
}
.inp_wrap .date_inp {
  position: relative;
  display: inline-block;
  width: 100%;
}
.inp_wrap .date_inp.w200{max-width: 200px;}
.inp_wrap .date_inp .inp {
  padding-right: 35px;
}
.inp_wrap .date_inp .ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.inp_wrap .date_inps {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.inp_wrap .date_inps .t {
  flex-shrink: 0;
}
.inp_wrap .inp_txt {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.inp_wrap .inp_txt .t {
  flex-shrink: 0;
}
.inp_wrap .inp_label {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.inp_wrap .inp_label .de_cki {
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .inp_wrap .w770 {
    width: 100%;
  }
  .inp_wrap .w800 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .inp_wrap .w470 {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .inp_wrap .w200 {
    width: 100%;
  }
  .inp_wrap .w380 {
    width: 100%;
  }
  .inp_wrap .inp {
    padding: 0 10px;
    font-size: 12px;
  }
  .inp_wrap .inp::placeholder {
    font-size: 12px;
  }
  .inp_wrap .inp.w380 {
    width: 100%;
  }
  .inp_wrap .inp.w470 {
    width: 100%;
  }
  .inp_wrap select.inp {
    padding: 0 20px 0 10px;
    background-position: calc(100% - 10px) center;
  }
  .inp_wrap textarea.inp {
    height: 150px;
    padding: 10px;
  }
  .inp_wrap .r_btn {
    width: 70px;
    font-size: 12px;
  }
  .inp_wrap .inp_btn {
    gap: 0 5px;
  }
  .inp_wrap .half_inps {
    gap: 0 5px;
  }
  .inp_wrap .half_inps .inp {
    width: calc((100% - 5px) / 2);
  }
  .inp_wrap .tri_inps {
    gap: 0 5px;
  }
  .inp_wrap .tri_inps .inp {
    width: calc((100% - 10px) / 3);
  }
  .inp_wrap .timer_inp .inp {
    padding-right: 50px;
  }
  .inp_wrap .timer_inp .timer_num {
    right: 10px;
    font-size: 12px;
  }
  .inp_wrap .addr_wrap {
    gap: 5px 0;
  }
  .inp_wrap .addr_wrap .addr_inps {
    gap: 5px 0;
    flex-direction: column;
  }
  .inp_wrap .addr_wrap .addr_inps .inp {
    width: 100%;
  }
  .inp_wrap .file_desc, .inp_wrap .inp_desc {
    margin-top: 5px;
  }
  .inp_wrap .inp_file_line {
    flex-direction: column;
    gap: 5px;
    align-items: start;
  }
  .inp_wrap .inp_file_line > .file_img{text-align: left;}
  .inp_wrap .add_inp_btn {
    gap: 0 5px;
  }
  .inp_wrap .date_inp .inp {
    padding-right: 30px;
  }
  .inp_wrap .date_inp .ui-datepicker-trigger {
    right: 10px;
  }
  .inp_wrap .date_inps {
    gap: 0 3px;
  }
  .inp_wrap .date_inps .t {
    font-size: 12px;
  }
  .inp_wrap .inp_txt {
    gap: 0 5px;
  }
  .inp_wrap .inp_txt .t {
    font-size: 12px;
  }
  .inp_wrap .inp_label {
    gap: 0 10px;
  }
}
.sbm_line {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.sbm_line .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 60px;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.sbm_line .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.sbm_line .btn.line_style {
  border: 1px solid #000;
  background-color: #fff;
}
.sbm_line .btn.block_style {
  color: #999;
  background-color: #ddd;
}

@media (max-width: 620px) {
  .sbm_line {
    gap: 5px;
    margin-top: 20px;
  }
  .sbm_line .btn {
    width: 135px;
    height: 40px;
    padding: 5px;
    font-size: 12px;
  }
}
.modal_wrap {
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal_wrap .mod {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #fff;
}
.modal_wrap .mod .mod_body {
  position: relative;
}
.modal_wrap .mod .mod_body .close_btn {
  z-index: 10;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-image: url(/src/img/b2b/modal_close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 19px auto;
}
.modal_wrap .mod .mod_body .mod_ovy {
  overflow-y: auto;
  height: auto;
  max-height: calc(90vh - 90px);
}
.modal_wrap .mod .mod_body .mod_inner {
  padding: 60px 40px;
}
.modal_wrap .mod .mod_body .mod_tit {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
.modal_wrap .mod .mod_body .mod_tit + .find_page {
  margin-top: -20px;
}
.modal_wrap .mod .mod_foot {
  display: flex;
  align-items: center;
  min-height: 90px;
  padding: 20px 40px;
  border-top: 1px solid #ddd;
  background-color: #fafafa;
}
.modal_wrap .mod .mod_foot .r_cont {
  margin-left: auto;
}
.modal_wrap .mod .mod_foot .sbm_btns {
  display: flex;
  gap: 5px;
}
.modal_wrap .mod .mod_foot .sbm_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.modal_wrap .mod .mod_foot .sbm_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.modal_wrap .mod .mod_foot .sbm_btns .btn.line_style {
  border: 1px solid #000;
  background-color: #fff;
}
.modal_wrap.act {
  display: block;
}
.modal_wrap.mailto_modal .mod {
  width: 480px;
}
.modal_wrap.mailto_modal .mod .mod_body .mod_tit {
  margin-bottom: 30px;
}
.modal_wrap.mailto_modal .mailto_txt {
  font-size: 12px;
  text-align: center;
  color: #666;
}
.modal_wrap.id_find_modal .mod, .modal_wrap.pw_find_modal .mod {
  width: 480px;
}
.modal_wrap.id_find_modal .mod .mod_body .mod_ovy, .modal_wrap.pw_find_modal .mod .mod_body .mod_ovy {
  height: 614px;
}
.modal_wrap.prd_mark_modal .mod {
  width: 830px;
}
.modal_wrap.prd_mark_modal .mod .mod_body .mod_ovy {
  height: 90vh;
}
.modal_wrap.pw_modal .mod {
  width: 480px;
}
.modal_wrap.addr_list_modal .mod {
  width: 570px;
}
.modal_wrap.addr_list_modal .mod .mod_body .mod_ovy {
  height: 70vh;
}
.modal_wrap.addr_list_modal .mod .mod_body .mod_tit {
  margin-bottom: 20px;
  text-align: left;
}
.modal_wrap.addr_list_modal .js_list_cont, .modal_wrap.addr_list_modal .js_edit_cont {
  display: none;
}
.modal_wrap.addr_list_modal .js_list_cont.act, .modal_wrap.addr_list_modal .js_edit_cont.act {
  display: block;
}
.modal_wrap.move_inven_modal .mod, .modal_wrap.fault_inven_modal .mod {
  width: 570px;
}
.modal_wrap.move_inven_modal .mod .mod_body .mod_tit, .modal_wrap.fault_inven_modal .mod .mod_body .mod_tit {
  margin-bottom: 20px;
  text-align: left;
}
.modal_wrap.adjust_modal .mod, .modal_wrap.carryover_modal .mod {
  width: 570px;
}
.modal_wrap.adjust_modal .mod .mod_body .mod_tit, .modal_wrap.carryover_modal .mod .mod_body .mod_tit {
  margin-bottom: 20px;
  text-align: left;
}
.modal_wrap.tax_modal .mod {
  width: 480px;
}
.modal_wrap.approval_flow_modal .mod {
  width: 800px;
}
.modal_wrap.approval_flow_modal .mod .mod_body .mod_tit {
  text-align: left;
}
.modal_wrap.hd_company_modal .mod, .modal_wrap.filter_company_modal .mod {
  width: 800px;
}
.modal_wrap.hd_company_modal .mod .mod_body .mod_ovy, .modal_wrap.filter_company_modal .mod .mod_body .mod_ovy {
  height: 70vh;
}
.modal_wrap.hd_company_modal .mod .mod_body .mod_tit, .modal_wrap.filter_company_modal .mod .mod_body .mod_tit {
  text-align: left;
}
.modal_wrap.tax_forward_modal .mod {
  width: 570px;
}
.modal_wrap.tax_forward_modal .mod .mod_body .mod_tit {
  margin-bottom: 20px;
  text-align: left;
}
.modal_wrap.adm_report_modal .mod {
  width: 800px;
}
.modal_wrap.adm_report_modal .mod .mod_body .mod_tit {
  text-align: left;
}
.modal_wrap.delvy_type_modal .mod {
  width: 570px;
}
.modal_wrap.delvy_type_modal .mod .mod_body .mod_ovy {
  height: 70vh;
}
.modal_wrap.delvy_type_modal .mod .mod_body .mod_tit {
  margin-bottom: 20px;
  text-align: left;
}
.modal_wrap.complete_date_modal .mod {
  width: 480px;
}
.modal_wrap.order_close_modal .mod {
  width: 480px;
}
.modal_wrap.code_sch_modal .mod{width: 1200px;}
.modal_wrap.esti_modal .mod {
  width: 1200px;
}
.modal_wrap.prev_order_modal .mod {
  width: 800px;
}
.modal_wrap.company_sch_modal .mod{width: 800px;}

@media (max-width: 1240px) {
  .modal_wrap .mod {
    width: 90% !important;
  }
}
@media (max-width: 620px) {
  .modal_wrap .mod .mod_body .close_btn {
    top: 10px;
    right: 10px;
  }
  .modal_wrap .mod .mod_body .mod_ovy {
    max-height: calc(90vh - 60px);
  }
  .modal_wrap .mod .mod_body .mod_inner {
    padding: 40px 20px;
  }
  .modal_wrap .mod .mod_body .mod_tit {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .modal_wrap .mod .mod_body .mod_tit + .find_page {
    margin-top: -10px;
  }
  .modal_wrap .mod .mod_foot {
    min-height: 60px;
    padding: 10px 20px;
  }
  .modal_wrap .mod .mod_foot .sbm_btns .btn {
    width: 110px;
    height: 40px;
    font-size: 12px;
  }
  .modal_wrap.mailto_modal .mod .mod_body .mod_tit {
    margin-bottom: 15px;
  }
  .modal_wrap.mailto_modal .mailto_txt {
    font-size: 11px;
  }
  .modal_wrap.id_find_modal .mod .mod_body .mod_ovy, .modal_wrap.pw_find_modal .mod .mod_body .mod_ovy {
    height: 466px;
  }
  .modal_wrap.addr_list_modal .mod .mod_body .mod_tit {
    margin-bottom: 10px;
  }
  .modal_wrap.move_inven_modal .mod .mod_body .mod_tit, .modal_wrap.fault_inven_modal .mod .mod_body .mod_tit {
    margin-bottom: 10px;
  }
  .modal_wrap.adjust_modal .mod .mod_body .mod_tit, .modal_wrap.carryover_modal .mod .mod_body .mod_tit {
    margin-bottom: 10px;
  }
  .modal_wrap.tax_forward_modal .mod .mod_body .mod_tit {
    margin-bottom: 10px;
  }
  .modal_wrap.delvy_type_modal .mod .mod_body .mod_tit {
    margin-bottom: 10px;
  }
}
.modal_w {
  padding: 15px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #eee;
}
.modal_w dl {
  display: flex;
  gap: 0 10px;
  align-items: start;
}
.modal_w dl dt {
  padding-top: 10px;
  flex-shrink: 0;
  width: 100px;
  align-items: start;
  font-size: 14px;
  font-weight: bold;
}
.modal_w dl dd {
  width: 100%;
  font-size: 14px;
}
.modal_w dl.txt_type dt {
  padding-top: 0;
}
.modal_w dl + dl {
  margin-top: 10px;
}

@media (max-width: 620px) {
  .modal_w {
    padding: 15px 0;
  }
  .modal_w dl {
    flex-direction: column;
    gap: 5px 0;
  }
  .modal_w dl dt {
    padding-top: 0;
    width: 100%;
    font-size: 12px;
  }
  .modal_w dl dd {
    font-size: 12px;
  }
  .modal_w dl + dl {
    margin-top: 15px;
  }
}
.order_close_modal .modal_w dl dt {
  font-size: 12px;
}
.order_close_modal .modal_w dl dd {
  font-size: 12px;
}

.alert_modal_wrap{z-index: 10;position: fixed;bottom: 120px;right: 20px;display: flex;flex-direction: column;gap: 10px 0;}
@media (max-width: 1240px){
  .alert_modal_wrap{bottom: 206px;}
}
@media (max-width: 620px){
  .alert_modal_wrap{gap: 5px 0;bottom: 150px;}
}

.alert_modal{display: none;width: 480px;border-radius: 10px;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.alert_modal .mod_body{position: relative;padding: 50px 40px;}
.alert_modal .mod_body .close_btn{z-index: 10;position: absolute;top: 15px;right: 15px;width: 30px;height: 30px;background-image: url(/src/img/b2b/modal_close.svg);background-repeat: no-repeat;background-position: center center;background-size: 19px auto;}
.alert_modal .mod_body .mod_desc{font-size: 12px;text-align: center;}
.alert_modal.act{display: block;}
@media (max-width: 620px){
  .alert_modal{width: 80vw;}
  .alert_modal .mod_body{padding: 25px 20px;}
  .alert_modal .mod_body .close_btn{top: 5px;right: 5px;}
}

.modal_board_sch {
  margin-bottom: 20px;
}
.modal_board_sch .sch_box {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.modal_board_sch .sch_box .sch_inp {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 0;
  font-size: 12px;
}
.modal_board_sch .sch_box .sch_inp::placeholder {
  font-size: 12px;
  color: #999;
}
.modal_board_sch .sch_box .s_btn {
  flex-shrink: 0;
  width: 35px;
  height: 100%;
  background-image: url(/src/img/b2b/modal_board_sch_sbm.svg);
  background-repeat: no-repeat;
  background-position: left center;
}

@media (max-width: 620px) {
  .modal_board_sch {
    margin-bottom: 10px;
  }
  .modal_board_sch .sch_box .sch_inp {
    padding: 0 10px;
  }
  .modal_board_sch .sch_box .s_btn {
    width: 30px;
  }
}
.modal_board_list {
  border-top: 1px solid #000;
}
.modal_board_list > table tr {
  border-bottom: 1px solid #eee;
}
.modal_board_list > table thead th {
  height: 40px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #fafafa;
}
.modal_board_list > table thead th.info_th {
  width: 100px;
}
.modal_board_list > table thead th.cate_th {
  width: 150px;
}
.modal_board_list > table tbody td {
  height: 40px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
}
.modal_board_list > table tbody td .tit {
  display: flex;
  align-items: center;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
}
.modal_board_list > table tbody td .tit > a, .modal_board_list > table tbody td .tit > button {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  vertical-align: top;
  font-size: inherit;
  text-align: inherit;
  font-weight: inherit;
}
.modal_board_list > table tbody td .tit + .info_line {
  margin-top: 3px;
}
.modal_board_list > table tbody td .info_line {
  font-size: 0;
}
.modal_board_list > table tbody td .info_line .t1 {
  display: inline-block;
  font-size: 12px;
  color: #666;
  line-height: 150%;
}
.modal_board_list > table tbody td .info_line .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
.modal_board_list > table tbody td .info_line .t1:last-child::after {
  display: none;
}
.modal_board_list > table tbody td .info_line.m_type {
  display: none;
}
.modal_board_list > table tbody td.tit_td {
  text-align: left;
}

@media (max-width: 1240px) {
  .modal_board_list > table thead {
    display: none;
  }
  .modal_board_list > table tbody tr {
    display: block;
    padding: 15px 0;
  }
  .modal_board_list > table tbody td {
    display: none;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .modal_board_list > table tbody td .info_line.m_type {
    display: block;
  }
  .modal_board_list > table tbody td.tit_td {
    display: block;
  }
}
@media (max-width: 620px) {
  .modal_board_list > table tbody tr {
    padding: 10px 0;
  }
  .modal_board_list > table tbody td .tit .lock_ico::before {
    margin-right: 5px;
  }
  .modal_board_list > table tbody td .tit .mark_btn {
    margin-right: 5px;
  }
  .modal_board_list > table tbody td .info_line .t1::after {
    height: 9px;
    margin: 0 5px 2px;
  }
  .modal_board_list > table tbody td.chk_td {
    margin-bottom: 5px;
  }
  .modal_board_list > table tbody td.v_td .cont_box {
    padding: 10px;
  }
  .modal_board_list > table tbody td.v_td .cont_box .t1 {
    font-size: 12px;
  }
}
.agree_wrap .agree_tit {
  font-size: 20px;
  font-weight: bold;
}
.agree_wrap .agree_tit .req_txt {
  color: #3F1466 !important;
  font-weight: normal;
}
.agree_wrap .agree_tit + .agree_box {
  margin-top: 20px;
}
.agree_wrap .agree_box {
  overflow-y: scroll;
  height: 200px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fafafa;
}
.agree_wrap .agree_box .agree_txt {
  font-size: 12px;
  color: #666;
}
.agree_wrap .agree_line {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.agree_wrap + .agree_wrap {
  margin-top: 50px;
}

@media (max-width: 620px) {
  .agree_wrap .agree_tit {
    font-size: 16px;
  }
  .agree_wrap .agree_tit + .agree_box {
    margin-top: 10px;
  }
  .agree_wrap .agree_box {
    height: 150px;
    padding: 10px;
  }
  .agree_wrap .agree_line {
    padding: 10px 0;
  }
  .agree_wrap + .agree_wrap {
    margin-top: 25px;
  }
}
.complete_wrap::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
  background-image: url(/src/img/b2b/complete_ico.png);
  background-size: cover;
}
.complete_wrap .txt {
  text-align: center;
}
.complete_wrap .txt .tit {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.complete_wrap .txt .tit + .desc {
  margin-top: 20px;
}
.complete_wrap .txt .desc {
  font-size: 16px;
  color: #000;
}
.complete_wrap .txt + .info_dl {
  margin-top: 30px;
}
.complete_wrap .info_dl {
  width: 100%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid #000;
}
.complete_wrap .info_dl .line {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.complete_wrap .info_dl dl {
  display: flex;
  gap: 0 20px;
  width: 100%;
}
.complete_wrap .info_dl dl dt {
  flex-shrink: 0;
  width: 90px;
  font-size: 12px;
  font-weight: bold;
}
.complete_wrap .info_dl dl dd {
  width: 100%;
  font-size: 12px;
}

@media (max-width: 620px) {
  .complete_wrap::before {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }
  .complete_wrap .txt .tit {
    font-size: 16px;
  }
  .complete_wrap .txt .tit + .desc {
    margin-top: 10px;
  }
  .complete_wrap .txt .desc {
    font-size: 12px;
  }
  .complete_wrap .txt + .info_dl {
    margin-top: 15px;
  }
  .complete_wrap .info_dl .line {
    padding: 10px 0;
  }
  .complete_wrap .info_dl dl {
    gap: 0 10px;
  }
  .complete_wrap .info_dl dl dt {
    width: 60px;
  }
}
.login_body {
  display: flex;
}
.login_body .container {
  width: calc(100% - 160px);
  margin: 0 auto;
}
.login_body #header {
  position: sticky;
  top: 0;
  left: 0;
  flex-shrink: 0;
  width: 50%;
  height: 100%;
  padding: 10px 0 10px 10px;
}
.login_body #content {
  width: 100%;
}
.login_body #footer {
  display: none;
  margin-top: 100px;
}
.login_body #footer .foot_wrap {
  padding-top: 0;
}
.login_body .s_cont {
  padding: 40px 0;
}

@media screen and (max-width: 1740px) {
  .login_body .container {
    width: calc(100% - 80px);
  }
}
@media (max-width: 1440px) {
  .login_body #header {
    width: 40%;
  }
}
@media (max-width: 1240px) {
  .login_body {
    display: block;
    min-height: 100vh;
    background-color: #F7F9FB;
  }
  .login_body .container {
    width: 90%;
  }
  .login_body #header {
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 80px;
    padding: 40px 5% 0;
  }
  .login_body #footer {
    display: block;
  }
  .login_body .s_cont {
    padding: 0;
  }
}
@media (max-width: 620px) {
  .login_body #header {
    margin-bottom: 40px;
    padding-top: 20px;
  }
  .login_body #footer {
    margin-top: 50px;
  }
}
.login_body #header .hd_wrap {
  display: flex;
  flex-direction: column;
  min-height: 800px;
  height: calc(100vh - 20px);
  padding: 40px;
  border-radius: 10px;
  background-color: #F7F9FB;
}
.login_body #header .hd_wrap .hd_top {
  flex-shrink: 0;
}
.login_body #header .hd_wrap .hd_top + .hd_body {
  margin-top: 40px;
}
.login_body #header .hd_wrap .hd_body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.login_body #header .hd_wrap .hd_body .txt {
  width: 100%;
}
.login_body #header .hd_wrap .hd_body .txt .tit {
  font-size: 30px;
  font-weight: bold;
  color: #000;
}
.login_body #header .hd_wrap .hd_body .txt .tit + .desc {
  margin-top: 10px;
}
.login_body #header .hd_wrap .hd_body .txt .desc {
  font-size: 16px;
  color: #000;
}
.login_body #header .hd_wrap .hd_body .txt + .img {
  margin-top: 50px;
}
.login_body #header .hd_wrap .hd_body .img {
  width: 100%;
}
.login_body #header .hd_wrap .hd_body .img > img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.login_body #header .hd_wrap .hd_body .foot_wrap {
  width: 100%;
  margin-top: auto;
  padding-top: 40px;
}

@media (max-width: 1440px) {
  .login_body #header .hd_wrap {
    min-height: 700px;
    padding: 20px;
  }
}
@media (max-width: 1240px) {
  .login_body #header .hd_wrap {
    display: block;
    min-height: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .login_body #header .hd_wrap .hd_body .img {
    display: none;
  }
  .login_body #header .hd_wrap .hd_body .foot_wrap {
    display: none;
  }
}
@media (max-width: 620px) {
  .login_body #header .hd_wrap .hd_top + .hd_body {
    margin-top: 20px;
  }
  .login_body #header .hd_wrap .hd_body .txt .tit {
    font-size: 18px;
  }
  .login_body #header .hd_wrap .hd_body .txt .tit + .desc {
    margin-top: 5px;
  }
  .login_body #header .hd_wrap .hd_body .txt .desc {
    font-size: 12px;
  }
}
.login_page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}
.login_page .login_inner {
  width: 400px;
  margin: 0 auto;
}
.login_page .login_tit {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: bold;
  color: #000;
}
.login_page .login_inps .line + .line {
  margin-top: 10px;
}
.login_page .save_line {
  display: flex;
  gap: 0 20px;
  align-items: center;
  min-height: 20px;
  margin-top: 20px;
}
.login_page .save_line > .r_cont {
  flex-shrink: 0;
  margin-left: auto;
}
.login_page .save_line .save_chk .t {
  color: #666;
}
.login_page .save_line .find_link {
  font-size: 0;
}
.login_page .save_line .find_link .t1 {
  font-size: 14px;
  color: #666;
  line-height: 150%;
}
.login_page .save_line .find_link .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
.login_page .save_line .find_link .t1:last-child::after {
  display: none;
}
.login_page .sbm_btns {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin-top: 20px;
}
.login_page .sbm_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.login_page .sbm_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.login_page .sbm_btns .btn.line_style {
  border: 1px solid #000;
  background-color: #fff;
}

@media (max-width: 1240px) {
  .login_page .login_tit {
    display: none;
  }
}
@media (max-width: 620px) {
  .login_page .login_inner {
    width: 100%;
  }
  .login_page .save_line {
    margin-top: 15px;
  }
  .login_page .save_line .find_link .t1 {
    font-size: 12px;
  }
  .login_page .save_line .find_link .t1::after {
    margin: 0 5px 2px;
  }
  .login_page .sbm_btns {
    margin-top: 15px;
  }
  .login_page .sbm_btns .btn {
    height: 50px;
    font-size: 12px;
  }
}
.find_page .find_tab_btns {
  margin-bottom: 30px;
}
.find_page .find_tab_btns > ul {
  display: flex;
  margin-left: 1px;
}
.find_page .find_tab_btns > ul > li {
  width: calc(100% + 1px);
  margin-left: -1px;
}
.find_page .find_tab_btns > ul > li .t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #999;
  text-align: center;
  font-weight: bold;
  background-color: #fafafa;
}
.find_page .find_tab_btns > ul > li.act {
  position: relative;
}
.find_page .find_tab_btns > ul > li.act .t1 {
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
}
.find_page .find_inps .line + .line {
  margin-top: 30px;
}
.find_page .find_inps dl {
  width: 100%;
}
.find_page .find_inps dl dt {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.find_page .find_inps dl dt + dd {
  margin-top: 15px;
}
.find_page .sbm_btns {
  margin-top: 30px;
}
.find_page .sbm_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.find_page .sbm_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.find_page .sbm_btns .btn.line_style {
  border: 1px solid #000;
  background-color: #fff;
}
.find_page .sbm_btns .btn.block_style {
  background-color: #ddd;
  color: #fff;
}
.find_page .sbm_btns.in_type {
  margin-top: 10px;
}

@media (max-width: 620px) {
  .find_page .find_tab_btns {
    margin-bottom: 20px;
  }
  .find_page .find_tab_btns > ul > li .t1 {
    min-height: 40px;
    padding: 5px;
    font-size: 12px;
  }
  .find_page .find_inps .line + .line {
    margin-top: 15px;
  }
  .find_page .find_inps dl dt {
    font-size: 12px;
  }
  .find_page .find_inps dl dt + dd {
    margin-top: 10px;
  }
  .find_page .sbm_btns {
    margin-top: 15px;
  }
  .find_page .sbm_btns .btn {
    font-size: 12px;
  }
  .find_page .sbm_btns.in_type {
    margin-top: 5px;
  }
}
.join_page .join_path {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.join_page .join_path ul {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: 100%;
}
.join_page .join_path ul > li {
  width: 100%;
}
.join_page .join_path ul > li .t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  color: #999;
  text-align: center;
}
.join_page .join_path ul > li.act .t1 {
  font-weight: bold;
  color: #3F1466 !important;
}
.join_page .join_tit_line {
  margin: 40px 0 20px;
}
.join_page .join_tit_line .join_tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.join_page .join_tit_line.mt0 {
  margin-top: 0;
}
.join_page .join_w {
  padding: 30px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #eee;
}
.join_page .join_w .req_star {
  color: #3F1466 !important;
}
.join_page .join_w .line {
  display: flex;
  gap: 30px 40px;
}
.join_page .join_w .line + .line {
  margin-top: 30px;
}
.join_page .join_w .line.file_add_type {
  flex-wrap: wrap;
  gap: 10px 40px;
}
.join_page .join_w dl {
  width: 100%;
}
.join_page .join_w dl dt {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.join_page .join_w dl dt + dd {
  margin-top: 15px;
}
.join_page .join_w dl.w50p {
  width: calc(50% - 20px);
}
.join_page .complete_wrap {
  padding-top: 60px;
}

@media (max-width: 1440px) {
  .join_page .join_w .line {
    gap: 30px;
  }
}
@media (max-width: 1240px) {
  .join_page .join_path + .s_cont {
    padding-top: 40px;
  }
  .join_page .complete_wrap {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .join_page .join_w .line {
    flex-direction: column;
  }
  .join_page .join_w dl {
    width: 100% !important;
  }
}
@media (max-width: 620px) {
  .join_page .join_path {
    min-height: 56px;
    padding: 10px 0;
  }
  .join_page .join_path ul {
    gap: 0 5px;
  }
  .join_page .join_path ul > li .t1 {
    font-size: 12px;
  }
  .join_page .join_path + .s_cont {
    padding-top: 20px;
  }
  .join_page .join_tit_line {
    margin: 20px 0 10px;
  }
  .join_page .join_tit_line .join_tit {
    font-size: 14px;
  }
  .join_page .join_w {
    padding: 15px 0;
  }
  .join_page .join_w .line {
    gap: 15px;
  }
  .join_page .join_w .line + .line {
    margin-top: 15px;
  }
  .join_page .join_w .line.file_add_type {
    gap: 5px 0;
  }
  .join_page .join_w dl dt {
    font-size: 12px;
  }
  .join_page .join_w dl dt + dd {
    margin-top: 10px;
  }
}
.sub_body {
  min-height: 100vh;
  background-color: #F5F5F5;
  display: grid;
  grid-template-columns: 266px calc(100% - 266px);
  grid-auto-rows: 86px calc(100% - 86px);
}
.sub_body .skip_nav {
  display: none;
}
.sub_body #header {
  grid-column: 2/3;
  grid-row: 1/2;
}
.sub_body .nav_wrap {
  grid-column: 1/2;
  grid-row: 1/3;
}
.sub_body #content {
  grid-column: 2/3;
  grid-row: 2/3;
}
.sub_body #footer {
  display: none;
  border-top: 1px solid #eee;
  background-color: #fff;
}
.sub_body .s_cont {
  width: calc(100% - 20px);
  margin: 10px;
  padding: 40px 30px;
  border-radius: 10px;
  background-color: #fff;
}
.sub_body .s_mt {
  margin-top: 30px;
}
.sub_body .s_mb {
  margin-bottom: 30px;
}
.sub_body .m_tit_line {
  display: none;
  align-items: center;
  min-height: 90px;
  padding: 10px 30px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.sub_body .m_tit_line .prev_btn {
  flex-shrink: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 20px;
  background-image: url(/src/img/b2b/sub_m_tit_prev.svg);
}
.sub_body .m_tit_line .tit {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.sub_body .m_fix_nav {
  display: none;
  z-index: 30;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
.sub_body .m_fix_nav > ul {
  display: flex;
}
.sub_body .m_fix_nav > ul > li {
  width: 100%;
}
.sub_body .m_fix_nav > ul > li .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 86px;
  text-align: center;
}
.sub_body .m_fix_nav > ul > li .btn .ico {
  position: relative;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.sub_body .m_fix_nav > ul > li .btn .ico .num {
  position: absolute;
  right: -5px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  color: #fff;
  font-style: normal;
  background-color: #3F1466 !important;
}
.sub_body .m_fix_nav > ul > li .btn .ico + .t1 {
  margin-top: 3px;
}
.sub_body .m_fix_nav > ul > li .btn .t1 {
  color: #000;
}
.sub_body .m_fix_nav > ul > li .btn.menu_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_menu.svg);
}
.sub_body .m_fix_nav > ul > li .btn.my_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_my.svg);
}
.sub_body .m_fix_nav > ul > li .btn.sch_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_sch.svg);
}
.sub_body .m_fix_nav > ul > li .btn.cart_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_cart.svg);
}
.sub_body .m_fix_nav > ul > li .btn.mark_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_mark.svg);
}
.sub_body .m_menu_modal {
  display: none;
  z-index: 29;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_body .m_menu_modal .mod {
  height: 100%;
  background-color: #fff;
}
.sub_body .m_menu_modal .mod .mod_top {
  display: flex;
  align-items: center;
  padding: 20px 40px;
  height: 100px;
}
.sub_body .m_menu_modal .mod .mod_top > .r_cont {
  margin-left: auto;
}
.sub_body .m_menu_modal .mod .mod_top .close_btn {
  width: 30px;
  height: 30px;
  background-image: url(/src/img/b2b/modal_close.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
.sub_body .m_menu_modal .mod .mod_body {
  overflow-y: auto;
  height: calc(100% - 100px);
  border-top: 1px solid #000;
}
.sub_body .m_menu_modal .mod .mod_body .menu {
  display: flex;
}
.sub_body .m_menu_modal .mod .mod_body .menu .menu_cate {
  flex-shrink: 0;
  width: 33%;
  padding: 20px 20px 106px;
  border-right: 1px solid #eee;
  background-color: #fafafa;
}
.sub_body .m_menu_modal .mod .mod_body .menu .menu_dep {
  width: 100%;
  padding: 40px 40px 106px;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li .t1 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 30px 10px 20px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 150%;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li .t1.logout_btn {
  font-weight: normal;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li.act .t1 {
  position: relative;
  color: #fff;
  background-color: #3F1466 !important;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li.act .t1::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-image: url(/src/img/b2b/sub_m_menu_arrow.svg);
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep2 {
  display: none;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep2 > ul > li {
  font-size: 0;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep2 > ul > li .t2 {
  margin: -5px 0;
  padding: 5px 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 150%;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep2 > ul > li + li {
  margin-top: 30px;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep2.act {
  display: block;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep3 {
  margin-top: 15px;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li {
  font-size: 0;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li .t3 {
  position: relative;
  display: inline-block;
  margin: -5px 0;
  padding: 5px 0 5px 8px;
  font-size: 16px;
  color: #666;
  line-height: 150%;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li .t3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666;
}
.sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li + li {
  margin-top: 5px;
}
.sub_body .aside_menu {
  z-index: 10;
  position: fixed;
  left: 20px;
  bottom: 20px;
}
.sub_body .aside_menu > ul > li .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
}
.sub_body .aside_menu > ul > li .btn .ico {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .aside_menu > ul > li .btn .ico + .t1 {
  margin-top: 3px;
}
.sub_body .aside_menu > ul > li .btn .t1 {
  font-size: 12px;
  font-weight: bold;
}
.sub_body .aside_menu > ul > li .btn.kakao_btn {
  background-color: #FFEC00;
}
.sub_body .aside_menu > ul > li .btn.kakao_btn .ico {
  background-image: url(/src/img/b2b/sub_aside_kakao.svg);
}
.sub_body .aside_menu > ul > li .btn.kakao_btn .t1 {
  color: #000;
}
.sub_body .m_s_menu {
  display: none;
  width: 100%;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.sub_body .m_s_menu select {
  width: 100%;
  height: 60px;
  padding: 0 40px 0 30px;
  border: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  background-position: calc(100% - 30px) center;
}
.sub_body .m_s_menu select + select {
  border-left: 1px solid #eee;
}

@media screen and (max-width: 1640px) {
  .sub_body {
    grid-template-columns: 200px calc(100% - 200px);
  }
  .sub_body .s_cont {
    padding: 40px 20px;
  }
}
@media (max-width: 1240px) {
  .sub_body {
    display: block;
  }
  .sub_body .nav_wrap {
    display: none;
  }
  .sub_body .m_fix_nav {
    display: block;
  }
  .sub_body .m_tit_line {
    display: flex;
  }
  .sub_body .m_menu_modal.act {
    display: block;
  }
  .sub_body .aside_menu {
    bottom: 106px;
  }
  .sub_body .m_s_menu {
    display: flex;
  }
  .sub_body #footer {
    display: block;
    padding-bottom: 86px;
  }
}
@media (max-width: 620px) {
  .sub_body #footer {
    padding-bottom: 70px;
  }
  .sub_body .s_cont {
    width: calc(100% - 10px);
    margin: 5px;
    padding: 15px;
    border-radius: 5px;
  }
  .sub_body .s_mt {
    margin-top: 15px;
  }
  .sub_body .s_mb {
    margin-bottom: 15px;
  }
  .sub_body .m_fix_nav > ul > li .btn {
    height: 70px;
  }
  .sub_body .m_fix_nav > ul > li .btn .t1 {
    font-size: 12px;
  }
  .sub_body .m_menu_modal .mod .mod_top {
    padding: 10px 20px;
    height: 60px;
  }
  .sub_body .m_menu_modal .mod .mod_body {
    height: calc(100% - 60px);
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .menu_cate {
    min-width: 140px;
    padding: 10px 10px 73px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .menu_dep {
    padding: 20px 20px 73px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li .t1 {
    height: 46px;
    padding: 10px 25px 10px 15px;
    border-radius: 5px;
    font-size: 14px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep1 > ul > li.act .t1::after {
    right: 15px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep2 > ul > li .t2 {
    font-size: 14px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep2 > ul > li + li {
    margin-top: 15px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep3 {
    margin-top: 10px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li .t3 {
    font-size: 14px;
  }
  .sub_body .m_menu_modal .mod .mod_body .menu .dep3 > ul > li .t3::before {
    top: 14px;
  }
  .sub_body .aside_menu {
    left: 10px;
    bottom: 80px;
  }
  .sub_body .aside_menu > ul > li .btn {
    width: 60px;
    height: 60px;
  }
  .sub_body .aside_menu > ul > li .btn .ico {
    width: 20px;
    height: 20px;
  }
  .sub_body .aside_menu > ul > li .btn .ico + .t1 {
    margin-top: 0;
  }
  .sub_body .aside_menu > ul > li .btn .t1 {
    font-size: 11px;
  }
  .sub_body .m_tit_line {
    min-height: 60px;
    padding: 10px 20px;
  }
  .sub_body .m_tit_line .prev_btn {
    margin-right: 10px;
  }
  .sub_body .m_tit_line .tit {
    font-size: 18px;
  }
  .sub_body .m_s_menu select {
    height: 40px;
    padding: 0 30px 0 20px;
    font-size: 14px;
    background-position: calc(100% - 20px) center;
  }
}
.sub_body #header .hd_wrap .hd_inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 80px;
  height: 86px;
  padding: 0 40px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.sub_body #header .hd_wrap .hd_inner .logo {
  display: none;
}
.sub_body #header .hd_wrap .hd_inner .hd_mid {
  display: flex;
  gap: 0 40px;
  align-items: center;
}
.sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .close_btn {
  display: none;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch {
  display: flex;
  gap: 0 40px;
  align-items: center;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont {
  display: flex;
  align-items: center;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .tit {
  flex-shrink: 0;
  display: inline-block;
  margin-right: 3px;
  font-weight: bold;
  color: #000;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .date_inp {
  width: 140px;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .arrow_btns {
  flex-shrink: 0;
  display: flex;
  gap: 0 5px;
  margin-left: 10px;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .arrow_btns .arrow_btn {
  width: 28px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(/src/img/b2b/hd_sch_arrow.svg);
  background-position: center center;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .arrow_btns .arrow_btn.next {
  transform: scaleX(-1);
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont {
  display: flex;
  gap: 0 10px;
  width: 560px;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_sel {
  flex-shrink: 0;
  display: inline-block;
  width: 160px;
  height: 46px;
  padding: 0 25px 0 15px;
  border: 2px solid #3F1466 !important;
  border-radius: 10px;
  color: #333;
  background-image: url(/src/img/b2b/hd_sch_sel_init.svg);
  background-size: 8px auto;
  background-position: calc(100% - 15px) center;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 46px;
  border: 2px solid #3F1466 !important;
  border-radius: 10px;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .sch_inp {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 0;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .sch_inp::placeholder {
  color: #999;
}
.sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .s_btn {
  flex-shrink: 0;
  width: 35px;
  height: 100%;
  background-image: url(/src/img/b2b/hd_sch_sbm.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.sub_body #header .hd_wrap .hd_inner .place_name {
  display: flex;
  align-items: center;
  width: 260px;
  padding: 10px 0;
  border-bottom: 1px solid #333;
}
.sub_body #header .hd_wrap .hd_inner .place_name .txt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 140%;
  width: 100%;
  text-align: left;
}
.sub_body #header .hd_wrap .hd_inner .place_name .refresh_btn {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url(/src/img/b2b/sub_hd_refresh.svg);
}
.sub_body #header .hd_wrap .hd_inner .mem_menu {
  display: flex;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  text-align: center;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn .ico {
  position: relative;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn .ico .num {
  position: absolute;
  right: -5px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  color: #fff;
  font-style: normal;
  background-color: #3F1466 !important;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn .ico + .t1 {
  margin-top: 3px;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn .t1 {
  color: #000;
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn.sch_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_sch.svg);
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn.my_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_my.svg);
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn.cart_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_cart.svg);
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn.mark_btn .ico {
  background-image: url(/src/img/b2b/sub_mem_mark.svg);
}
.sub_body #header .hd_wrap .hd_inner .mem_menu .btn.m_type {
  display: none;
}

@media screen and (max-width: 1840px) {
  .sub_body #header .hd_wrap .hd_inner {
    gap: 0 40px;
    padding: 0 20px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_mid {
    gap: 0 20px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch {
    gap: 0 20px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .arrow_btns {
    margin-left: 5px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont {
    width: 460px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_sel {
    width: 140px;
  }
  .sub_body #header .hd_wrap .hd_inner .place_name {
    width: 190px;
  }
  .sub_body #header .hd_wrap .hd_inner .mem_menu .btn {
    width: 65px;
  }
}
@media screen and (max-width: 1440px) {
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap {
    z-index: 70;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .mod {
    background-color: #fff;
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .mod_ovy {
    overflow-y: auto;
    max-height: 80vh;
    padding: 30px 40px;
    padding-top: 80px;
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap.act {
    display: block;
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .close_btn {
    display: block;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 19px;
    height: 19px;
    background-image: url(/src/img/b2b/modal_close.svg);
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch {
    flex-direction: column;
    gap: 20px 0;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont {
    width: 100%;
    padding-right: 80px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .date_inp {
    width: 100%;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont {
    width: 100%;
  }
  .sub_body #header .hd_wrap .hd_inner .mem_menu .btn.m_type {
    display: flex;
  }
}
@media (max-width: 1240px) {
  .sub_body #header .hd_wrap .hd_inner {
    justify-content: space-between;
    padding: 0 30px;
  }
  .sub_body #header .hd_wrap .hd_inner .logo {
    display: block;
  }
  .sub_body #header .hd_wrap .hd_inner .place_name {
    padding: 0;
    border-bottom: 0;
  }
  .sub_body #header .hd_wrap .hd_inner .mem_menu {
    display: none;
  }
}
@media (max-width: 620px) {
  .sub_body #header .hd_wrap .hd_inner {
    height: 70px;
    padding: 0 20px;
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .mod_ovy {
    padding: 20px;
    padding-top: 60px;
  }
  .sub_body #header .hd_wrap .hd_inner .sch_modal_wrap .close_btn {
    top: 30px;
    right: 20px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch {
    gap: 10px 0;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont {
    padding-right: 50px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .date_cont .tit {
    font-size: 12px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont {
    flex-direction: column;
    gap: 5px 0;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_sel {
    width: 100%;
    padding: 0 20px 0 10px;
    border-radius: 5px;
    font-size: 12px;
    background-position: calc(100% - 10px) center;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box {
    border-radius: 5px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .sch_inp {
    padding: 0 10px;
    font-size: 12px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .sch_inp::placeholder {
    font-size: 12px;
  }
  .sub_body #header .hd_wrap .hd_inner .hd_sch .inp_cont .sch_box .s_btn {
    width: 30px;
  }
  .sub_body #header .hd_wrap .hd_inner .place_name {
    width: 140px;
  }
  .sub_body #header .hd_wrap .hd_inner .place_name .txt {
    font-size: 12px;
  }
}
.sub_body .nav_wrap {
  padding: 30px;
  border-right: 1px solid #eee;
  background-color: #fff;
}
.sub_body .nav_wrap .logo {
  margin: 0 auto 50px;
}
.sub_body .nav_wrap .logo.b2b_logo{background-position: center center;}
.sub_body .nav_wrap .gnb > ul > li .t1 {
  display: block;
  width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.sub_body .nav_wrap .gnb > ul > li .t1.arrow_ico {
  position: relative;
  padding-right: 10px;
}
.sub_body .nav_wrap .gnb > ul > li .t1.arrow_ico::after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  width: 8px;
  height: 8px;
  background-image: url(/src/img/b2b/sub_nav_arrow.svg);
}
.sub_body .nav_wrap .gnb > ul > li + li {
  margin-top: 15px;
}
.sub_body .nav_wrap .gnb > ul > li.act .t1 {
  color: #3F1466 !important;
}
.sub_body .nav_wrap .gnb > ul > li.act .t1.arrow_ico::after {
  transform: scaleY(-1);
  background-image: url(/src/img/b2b/sub_nav_arrow_c1.svg);
}
.sub_body .nav_wrap .gnb > ul > li.act .dep2 {
  display: block;
}
.sub_body .nav_wrap .gnb .dep2 {
  display: none;
  margin-top: 10px;
}
.sub_body .nav_wrap .gnb .dep2 > ul {
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fafafa;
}
.sub_body .nav_wrap .gnb .dep2 > ul > li {
  font-size: 0;
}
.sub_body .nav_wrap .gnb .dep2 > ul > li .t2 {
  display: inline-block;
  margin: -5px 0;
  padding: 5px 0;
  font-size: 14px;
  line-height: 150%;
}
.sub_body .nav_wrap .gnb .dep2 > ul > li + li {
  margin-top: 5px;
}
.sub_body .nav_wrap .gnb .dep2 > ul > li.act .t2 {
  font-weight: bold;
  color: #3F1466 !important;
}
.sub_body .nav_wrap .gnb .dep2 > ul > li.act .dep3 {
  display: block;
}
.sub_body .nav_wrap .gnb .dep3 {
  display: none;
  margin-top: 5px;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li {
  font-size: 0;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li .t3 {
  position: relative;
  display: inline-block;
  margin: -5px 0;
  padding: 5px 0;
  padding-left: 8px;
  font-size: 12px;
  line-height: 150%;
  color: #666;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li .t3::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li.act .t3 {
  color: #3F1466 !important;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li.act .t3::before {
  background-color: #3F1466 !important;
}
.sub_body .nav_wrap .gnb .dep3 > ul > li + li {
  margin-top: 5px;
}
.sub_body .nav_wrap .s_gnb {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #ddd;
}
.sub_body .nav_wrap .s_gnb > ul > li {
  font-size: 0;
}
.sub_body .nav_wrap .s_gnb > ul > li .t1 {
  display: inline-block;
  margin: -5px 0;
  padding: 5px 0;
  font-size: 14px;
  line-height: 150%;
}
.sub_body .nav_wrap .s_gnb > ul > li + li {
  margin-top: 5px;
}
.sub_body .nav_wrap .s_gnb > ul > li.act .t1 {
  color: #3F1466 !important;
}
.sub_body .nav_wrap .foot_wrap {
  margin-top: 15px;
}
.sub_body .nav_wrap .foot_wrap .foot_menu .line {
  flex-direction: column;
}
.sub_body .nav_wrap .foot_wrap .foot_addr .line {
  flex-direction: column;
}

@media screen and (max-width: 1640px) {
  .sub_body .nav_wrap {
    padding: 30px 20px;
  }
}
.sub_body .s_tit_line {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  min-height: 40px;
  margin-bottom: 20px;
}
.sub_body .s_tit_line.mha{min-height: auto;}
.sub_body .s_tit_line > .l_cont .r_tit_btns{justify-content: start;}
.sub_body .s_tit_line > .r_cont {
  margin-left: auto;
}
.sub_body .s_tit_line > .r_cont .top_num_box, .sub_body .s_tit_line > .r_cont .top_unit_sel {
  justify-content: flex-end;
}
.sub_body .s_tit_line.m_type {
  display: none;
}
.sub_body .s_tit_line.mt {
  margin-top: 30px;
}
.sub_body .s_tit_line.mt40 {
  margin-top: 40px;
}

@media (max-width: 1240px) {
  .sub_body .s_tit_line.m_type {
    display: flex;
  }
}
@media (max-width: 991px) {
  .sub_body .s_tit_line {
    min-height: auto;
  }
}
@media (max-width: 620px) {
  .sub_body .s_tit_line {
    margin-bottom: 15px;
  }
  .sub_body .s_tit_line.mt {
    margin-top: 15px;
  }
  .sub_body .s_tit_line.mt40 {
    margin-top: 20px;
  }
}
.sub_body .ss_tit_line {
  margin-bottom: 15px;
}
.sub_body .ss_tit_line.mt {
  margin-top: 30px;
}

@media (max-width: 620px) {
  .sub_body .ss_tit_line {
    margin-bottom: 10px;
  }
  .sub_body .ss_tit_line.mt {
    margin-top: 15px;
  }
}
.sub_body .s_tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.sub_body .s_tit .num{color: #731CC1;}

@media (max-width: 620px) {
  .sub_body .s_tit {
    font-size: 14px;
  }
}

.sub_body .s_tit+.s_desc{margin-top: 5px;}
.sub_body .s_desc{font-size: 14px;}
@media (max-width: 620px){
  .sub_body .s_tit+.s_desc{margin-top: 0;}
  .sub_body .s_desc{font-size: 12px;}
}

.sub_body .s_menu > ul {
  display: flex;
  gap: 15px 30px;
  flex-wrap: wrap;
}
.sub_body .s_menu > ul > li .t1 {
  font-size: 18px;
  font-weight: bold;
  color: #999;
}
.sub_body .s_menu > ul > li.act .t1 {
  color: #3F1466 !important;
}

@media screen and (max-width: 1540px) {
  .sub_body .s_menu > ul {
    gap: 10px 20px;
  }
}
@media (max-width: 620px) {
  .sub_body .s_menu > ul {
    gap: 5px 15px;
  }
  .sub_body .s_menu > ul > li .t1 {
    font-size: 14px;
  }
}

.sub_body .cate_menu{overflow: hidden;position: relative;margin-bottom: 50px;}
.sub_body .cate_menu > ul{display: flex;margin-left: 1px;}
.sub_body .cate_menu > ul > li{width: 140px;margin-left: -1px;}
.sub_body .cate_menu > ul > li .t1{display: flex;align-items: center;justify-content: center;min-height: 60px;height: 100%;padding: 10px;line-height: 150%;font-size: 16px;font-weight: bold;text-align: center;color: #999;background-color: #fafafa;}
.sub_body .cate_menu::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #000;}
.sub_body .cate_menu > ul > li.act{position: relative;z-index: 1;}
.sub_body .cate_menu > ul > li.act .t1{color: #000;border: 1px solid #000;border-bottom: 0;background-color: #fff;}
@media (max-width: 620px){
  .sub_body .cate_menu{margin-bottom: 25px;}
  .sub_body .cate_menu > ul > li{width: 100px;}
  .sub_body .cate_menu > ul > li .t1{min-height: 50px;font-size: 12px;}
}

.sub_body .unit_btns {
  display: inline-flex;
  overflow: hidden;
  height: 40px;
  border: 1px solid #3F1466 !important;
  border-radius: 5px;
}
.sub_body .unit_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 100%;
  padding: 5px;
  text-align: center;
  color: #3F1466;
}
.sub_body .unit_btns .btn + .btn {
  border-left: 1px solid #3F1466 !important;
}
.sub_body .unit_btns .btn.act {
  color: #fff;
  background-color: #3F1466 !important;
}

@media (max-width: 620px) {
  .sub_body .unit_btns .btn {
    min-width: 40px;
    padding: 3px;
    font-size: 12px;
  }
}
.sub_body .r_tit_btns {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap;
}
.sub_body .r_tit_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
}
.sub_body .r_tit_btns .btn.line_style {
  border: 1px solid #333;
}
.sub_body .r_tit_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.sub_body .r_tit_btns .btn.green_style {
  color: #fff;
  background-color: #138046;
}
.sub_body .r_tit_btns .btn.down_btn,.sub_body .r_tit_btns .btn.upload_btn{min-width: 145px;}
.sub_body .r_tit_btns .btn.down_btn::before, .sub_body .r_tit_btns .btn.upload_btn::before{content: '';flex-shrink: 0;display: inline-block;width: 16px;height: 16px;margin-right: 5px;background-repeat: no-repeat;background-size: contain;}
.sub_body .r_tit_btns .btn.bg_style.down_btn::before, .sub_body .r_tit_btns .btn.green_style.down_btn::before{background-image: url(/src/img/b2b/sub_rtitbtn_down_white.svg);}
.sub_body .r_tit_btns .btn.line_style.upload_btn::before{background-image: url(/src/img/b2b/sub_rtitbtn_upload.svg);background-repeat: no-repeat;background-size: contain;}
@media (max-width: 620px) {
  .sub_body .r_tit_btns {
    gap: 3px;
  }
  .sub_body .r_tit_btns .btn {
    min-width: 80px;
    padding: 7px;
    font-size: 12px;
  }
  .sub_body .r_tit_btns .btn.down_btn,.sub_body .r_tit_btns .btn.upload_btn{min-width: 115px;}
  .sub_body .r_tit_btns .btn.down_btn::before, .sub_body .r_tit_btns .btn.upload_btn::before{width: 12px;height: 12px;margin-right: 3px;}
}
.sub_body .top_sel {
  width: 160px;
  height: 40px;
  border-radius: 5px;
  padding: 0 25px 0 15px;
  color: #333;
  background-position: calc(100% - 15px) center;
}
.sub_body .top_sel.w280{width: 280px;}

@media (max-width: 620px) {
  .sub_body .top_sel {
    width: 90px;
    padding: 0 15px 0 10px;
    font-size: 12px;
    background-position: calc(100% - 10px) center;
  }
  .sub_body .top_sel.w280{width: 160px;}
}
.sub_body .top_sels {
  display: flex;
  gap: 5px;
}

@media (max-width: 620px) {
  .sub_body .top_sels {
    gap: 3px;
  }
}
.sub_body .top_unit_sel {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
}

@media (max-width: 620px) {
  .sub_body .top_unit_sel {
    gap: 5px 10px;
  }
}
.sub_body .top_num_box {
  display: inline-flex;
  gap: 10px 20px;
  flex-wrap: wrap;
}
.sub_body .top_num_box .cont {
  display: flex;
  align-items: center;
  gap: 0 3px;
}
.sub_body .top_num_box .cont .cont_tit {
  flex-shrink: 0;
  font-weight: bold;
  color: #000;
}
.sub_body .top_num_box .cont .num_box {
  display: flex;
  gap: 5px 20px;
  flex-wrap: wrap;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sub_body .top_num_box .cont .num_box dl {
  position: relative;
  display: flex;
  gap: 0 5px;
}
.sub_body .top_num_box .cont .num_box dl dt {
  flex-shrink: 0;
}
.sub_body .top_num_box .cont .num_box dl dd {
  font-weight: bold;
  color: #731CC1;
}
.sub_body .top_num_box .cont .num_box dl::after {
  content: "";
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #ddd;
}
.sub_body .top_num_box .cont .num_box dl:last-child::after {
  display: none;
}

@media (max-width: 620px) {
  .sub_body .top_num_box {
    gap: 5px 10px;
  }
  .sub_body .top_num_box .cont .cont_tit {
    font-size: 12px;
  }
  .sub_body .top_num_box .cont .num_box {
    gap: 5px 10px;
    padding: 5px 10px;
  }
  .sub_body .top_num_box .cont .num_box dl {
    gap: 0 3px;
  }
  .sub_body .top_num_box .cont .num_box dl dt {
    font-size: 12px;
  }
  .sub_body .top_num_box .cont .num_box dl dd {
    font-size: 12px;
  }
  .sub_body .top_num_box .cont .num_box dl::after {
    right: -6px;
  }
}
.sub_body .list_style_btns {
  overflow: hidden;
  display: inline-flex;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sub_body .list_style_btns .btn {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .list_style_btns .btn + .btn {
  border-left: 1px solid #ddd;
}
.sub_body .list_style_btns .btn.list_type {
  background-image: url(/src/img/b2b/list_style_list.svg);
}
.sub_body .list_style_btns .btn.gall_type {
  background-image: url(/src/img/b2b/list_style_gall.svg);
}
.sub_body .list_style_btns .btn.act {
  background-color: #333;
}
.sub_body .list_style_btns .btn.act.list_type {
  background-image: url(/src/img/b2b/list_style_list_act.svg);
}
.sub_body .list_style_btns .btn.act.gall_type {
  background-image: url(/src/img/b2b/list_style_gall_act.svg);
}

.sub_body .tax_request_line {
  display: flex;
  gap: 10px 20px;
}
.sub_body .tax_request_line .mail_inp_wrap {
  width: 100%;
  max-width: 380px;
}
.sub_body .tax_request_line .sbm_btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 40px;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  line-height: 130%;
  background-color: #3F1466 !important;
}

@media (max-width: 620px) {
  .sub_body .tax_request_line {
    gap: 5px 10px;
  }
  .sub_body .tax_request_line .sbm_btn {
    width: 70px;
    font-size: 12px;
  }
}
.sub_body .board_top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.sub_body .board_top > .r_cont {
  margin-left: auto;
}

@media (max-width: 620px) {
  .sub_body .board_top {
    margin-bottom: 10px;
  }
}
.sub_body .board_sch {
  width: 385px;
  display: flex;
  gap: 5px;
}
.sub_body .board_sch.w100p{width: 100%;}
.sub_body .board_sch .sch_sel {
  flex-shrink: 0;
  width: 150px;
  height: 40px;
  padding: 0 25px 0 15px;
  border-radius: 5px;
  font-size: 12px;
  background-position: calc(100% - 15px) center;
}
.sub_body .board_sch .sel_wrap{display: flex;gap: 5px;}
.sub_body .board_sch.js_modal_open{cursor: pointer;}
.sub_body .board_sch .sch_box {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sub_body .board_sch .sch_box.w100p{width: 100%;}
.sub_body .board_sch .sch_box .sch_inp {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 0;
  font-size: 12px;
}
.sub_body .board_sch .sch_box .sch_inp::placeholder {
  font-size: 12px;
  color: #999;
}
.sub_body .board_sch .sch_box .s_btn {
  flex-shrink: 0;
  width: 35px;
  height: 100%;
  background-image: url(/src/img/b2b/sub_board_sch_sbm.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.sub_body .board_sch.wa{width: auto;}
.sub_body .board_sch .sch_box{width: 230px;}

@media (max-width: 991px) {
  .sub_body .board_sch {
    width: 100%;
  }
  .sub_body .board_sch.m_col_type{flex-direction: column;}
  .sub_body .board_sch.m_col_type .sel_wrap .sch_sel{flex-shrink: 1;width: 100%;}
  .sub_body .board_sch.wa{width: 100%;}
  .sub_body .board_sch .sch_box{width: 100%;}
}
@media (max-width: 620px) {
  .sub_body .board_sch .sch_sel {
    width: 90px;
    padding: 0 15px 0 10px;
    font-size: 11px;
    background-position: calc(100% - 10px) center;
  }
  .sub_body .board_sch .sch_box .sch_inp {
    padding: 0 10px;
    font-size: 11px;
  }
  .sub_body .board_sch .sch_box .sch_inp::placeholder {
    font-size: 11px;
  }
  .sub_body .board_sch .sch_box .s_btn {
    width: 30px;
  }
}
.sub_body .board_sys_wrap {
  /*진행 완료 반려*/
  /*승인대기 미처리*/
}
.sub_body .board_sys_wrap .mark_btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(/src/img/b2b/sub_board_sys_mark.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .board_sys_wrap .mark_btn.act {
  background-image: url(/src/img/b2b/sub_board_sys_mark_act.svg);
}
.sub_body .board_sys_wrap .mark_btn.m_type {
  display: none;
}
.sub_body .board_sys_wrap .state_ico1 {
  font-weight: bold;
}
.sub_body .board_sys_wrap .state_ico1.ico1_1 {
  color: #3F1466;
}
.sub_body .board_sys_wrap .state_ico1.ico1_2 {
  color: #333;
}
.sub_body .board_sys_wrap .state_ico1.ico1_3 {
  color: #EF0031;
}
.sub_body .board_sys_wrap .state_ico2.ico2_1 {
  color: #EF0031;
}
.sub_body .board_sys_wrap .state_ico2.ico2_2 {
  color: #333;
}

@media (max-width: 1240px) {
  .sub_body .board_sys_wrap .mark_btn.m_type {
    display: inline-block;
  }
}
.sub_body .board_list {
  border-top: 1px solid #000;
}
.sub_body .board_list .state_btns {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}
.sub_body .board_list .state_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}
.sub_body .board_list .state_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.sub_body .board_list .state_btns .btn.line_style {
  border: 1px solid #333;
}
.sub_body .board_list .th_sort_btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url(/src/img/b2b/sub_board_th_sort.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .board_list .th_sort_btn.up {
  transform: scaleY(-1);
}
.sub_body .board_list > table tr {
  border-bottom: 1px solid #eee;
}
.sub_body .board_list > table thead th {
  height: 40px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #fafafa;
}
.sub_body .board_list > table thead th.chk_th {
  width: 40px;
}
.sub_body .board_list > table thead th.num_th {
  width: 100px;
}
.sub_body .board_list > table thead th.cate_th {
  width: 150px;
}
.sub_body .board_list > table thead th.info_th {
  width: 100px;
}
.sub_body .board_list > table tbody td {
  height: 40px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  line-height: 130%;word-break: break-all;
}
.sub_body .board_list > table tbody td .notice_ico {
  font-weight: bold;
  color: #3F1466 !important;
}
.sub_body .board_list > table tbody td .s0_ico {
  color: #3F1466;
}
.sub_body .board_list > table tbody td .tit {
  display: flex;
  align-items: center;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  line-height: 130%;
}
.sub_body .board_list > table tbody td .tit > a, .sub_body .board_list > table tbody td .tit > button {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  vertical-align: top;
  font-size: inherit;
  text-align: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.sub_body .board_list > table tbody td .tit.lock_ico::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background-image: url(/src/img/b2b/sub_board_list_lock.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .board_list > table tbody td .tit .mark_btn {
  flex-shrink: 0;
  margin-right: 10px;
}
.sub_body .board_list > table tbody td .tit .num {
  flex-shrink: 0;
  padding-left: 3px;
  color: #731CC1;
}
.sub_body .board_list > table tbody td .tit + .info_line {
  margin-top: 3px;
}
.sub_body .board_list > table tbody td .info_line {
  font-size: 0;
}
.sub_body .board_list > table tbody td .info_line .t1 {
  display: inline-block;
  font-size: 12px;
  color: #666;
  line-height: 150%;
}
.sub_body .board_list > table tbody td .info_line .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
.sub_body .board_list > table tbody td .info_line .t1:last-child::after {
  display: none;
}
.sub_body .board_list > table tbody td .info_line.m_type {
  display: none;
}
.sub_body .board_list > table tbody td.tit_td {
  text-align: left;
}
.sub_body .board_list > table tbody td.btn_td .state_btns {
  justify-content: center;
}
.sub_body .board_list > table tbody td.v_td {
  padding-top: 0;
  text-align: left;
}
.sub_body .board_list > table tbody td.v_td .cont_box {
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #fafafa;
}
.sub_body .board_list > table .open_tr {
  position: relative;
}
.sub_body .board_list > table .open_tr.act {
  border: 1px solid #3F1466;
  border-bottom: 0;
}
.sub_body .board_list > table .open_tr.act .btn_td::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -1px;
  width: calc(100% + 1px);
  height: 1px;
  background-color: #3F1466 !important;
}
.sub_body .board_list > table .v_tr {
  display: none;
  border: 1px solid #3F1466;
  border-top: 0;
}
.sub_body .board_list > table .v_tr.act {
  display: table-row;
}

@media screen and (max-width: 1540px) {
  .sub_body .board_list > table thead th {
    padding: 10px 5px;
  }
  .sub_body .board_list > table thead th.chk_th {
    width: 30px;
  }
  .sub_body .board_list > table thead th.num_th {
    width: 70px;
  }
  .sub_body .board_list > table thead th.cate_th {
    width: 120px;
  }
  .sub_body .board_list > table thead th.info_th {
    width: 80px;
  }
  .sub_body .board_list > table tbody td {
    padding: 10px 5px;
  }
}
@media (max-width: 1240px) {
  .sub_body .board_list > table thead {
    display: none;
  }
  .sub_body .board_list > table tbody tr {
    display: block;
    padding: 15px 0;
  }
  .sub_body .board_list > table tbody td {
    display: none;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .sub_body .board_list > table tbody td .info_line.m_type {
    display: block;
  }
  .sub_body .board_list > table tbody td.m_td {
    display: block;
  }
  .sub_body .board_list > table tbody td.notice_td {
    display: block;
  }
  .sub_body .board_list > table tbody td.chk_td {
    display: block;
    margin-bottom: 10px;
  }
  .sub_body .board_list > table tbody td.tit_td {
    display: block;
  }
  .sub_body .board_list > table tbody td.btn_td {
    display: block;
    margin-top: 5px;
  }
  .sub_body .board_list > table tbody td.btn_td .state_btns {
    justify-content: start;
  }
  .sub_body .board_list > table tbody td.v_td {
    display: block;
  }
  .sub_body .board_list > table .open_tr.act {
    border: 0;
  }
  .sub_body .board_list > table .open_tr.act .btn_td::before {
    display: none;
  }
  .sub_body .board_list > table .v_tr {
    border: 0;
    padding-top: 0;
    border-bottom: 1px solid #eee;
  }
  .sub_body .board_list > table .v_tr.act {
    display: block;
  }
}
@media (max-width: 620px) {
  .sub_body .board_list .state_btns {
    gap: 3px;
  }
  .sub_body .board_list .state_btns .btn {
    font-size: 12px;
  }
  .sub_body .board_list > table tbody tr {
    padding: 10px 0;
  }
  .sub_body .board_list > table tbody td .tit .lock_ico::before {
    margin-right: 5px;
  }
  .sub_body .board_list > table tbody td .tit .mark_btn {
    margin-right: 5px;
  }
  .sub_body .board_list > table tbody td .info_line .t1::after {
    height: 9px;
    margin: 0 5px 2px;
  }
  .sub_body .board_list > table tbody td.chk_td {
    margin-bottom: 5px;
  }
  .sub_body .board_list > table tbody td.v_td .cont_box {
    padding: 10px;
  }
  .sub_body .board_list > table tbody td.v_td .cont_box .t1 {
    font-size: 12px;
  }
}
.sub_body .board_v .sun-editor-editable {
  padding: 0;
  font-size: 12px;
}
.sub_body .board_v .tit_wrap {
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}
.sub_body .board_v .tit_wrap .tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.sub_body .board_v .tit_wrap .tit + .info_line {
  margin-top: 15px;
}
.sub_body .board_v .tit_wrap .info_line {
  font-size: 0;
}
.sub_body .board_v .tit_wrap .info_line .t1 {
  display: inline-block;
  font-size: 12px;
  color: #666;
  line-height: 150%;
}
.sub_body .board_v .tit_wrap .info_line .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
.sub_body .board_v .tit_wrap .info_line .t1:last-child::after {
  display: none;
}
.sub_body .board_v .tit_wrap .s0_ico {
  color: #3F1466;
}
.sub_body .board_v .file_wrap {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  padding: 10px;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}
.sub_body .board_v .file_wrap .file_line {
  display: flex;
  gap: 0 10px;
}
.sub_body .board_v .file_wrap .file_line::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  background-image: url(/src/img/b2b/sub_board_v_file.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.sub_body .board_v .file_wrap .file_line .t1 {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 20px;
  font-size: 12px;
}
.sub_body .board_v .cont_wrap {
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}
.sub_body .board_v .answer_wrap {
  margin-top: 30px;
  padding: 30px;
  border-radius: 10px;
  background-color: #F9F3FF;
}
.sub_body .board_v .answer_wrap .t1 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.sub_body .board_v .answer_wrap .t2 {
  font-size: 12px;
}
.sub_body .board_v .btns_wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.sub_body .board_v .btns_wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 60px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.sub_body .board_v .btns_wrap .btn.line_style {
  border: 1px solid #333;
  color: #000;
}
.sub_body .board_v .arrow_wrap {
  margin-top: 30px;
  border-top: 1px solid #eee;
}
.sub_body .board_v .arrow_wrap > table tbody tr {
  border-bottom: 1px solid #eee;
}
.sub_body .board_v .arrow_wrap > table tbody th {
  position: relative;
  width: 70px;
  height: 54px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-align: left;
}
.sub_body .board_v .arrow_wrap > table tbody th::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #eee;
}
.sub_body .board_v .arrow_wrap > table tbody td {
  height: 54px;
  padding: 10px 20px;
}
.sub_body .board_v .arrow_wrap > table tbody td .t1 {
  font-size: 12px;
  line-height: 150%;
  vertical-align: top;
}
.sub_body .board_v .arrow_wrap > table tbody td .t1 > a {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
}
.sub_body .board_v .arrow_wrap > table tbody td .t1.none {
  color: #999;
}

@media (max-width: 620px) {
  .sub_body .board_v .tit_wrap {
    padding-bottom: 20px;
  }
  .sub_body .board_v .tit_wrap .tit {
    font-size: 16px;
  }
  .sub_body .board_v .tit_wrap .tit + .info_line {
    margin-top: 5px;
  }
  .sub_body .board_v .tit_wrap .info_line .t1::after {
    height: 9px;
    margin: 0 5px 2px;
  }
  .sub_body .board_v .file_wrap .file_line {
    gap: 0 5px;
  }
  .sub_body .board_v .cont_wrap {
    padding: 20px 0;
  }
  .sub_body .board_v .btns_wrap {
    gap: 5px;
    margin-top: 15px;
  }
  .sub_body .board_v .btns_wrap .btn {
    width: 120px;
    height: 40px;
    font-size: 12px;
  }
  .sub_body .board_v .answer_wrap {
    margin-top: 15px;
    padding: 15px;
    border-radius: 5px;
  }
  .sub_body .board_v .answer_wrap .t1 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .sub_body .board_v .arrow_wrap {
    margin-top: 15px;
  }
  .sub_body .board_v .arrow_wrap > table tbody th {
    width: 50px;
    height: 44px;
    padding: 5px;
  }
  .sub_body .board_v .arrow_wrap > table tbody th::after {
    height: 11px;
  }
  .sub_body .board_v .arrow_wrap > table tbody td {
    height: 44px;
    padding: 5px 10px;
  }
}
.prd_mark_modal .cate_add_box {
  overflow-y: hidden;
  position: relative;
  height: 56px;
  margin-bottom: 20px;
  border: 1px solid #333;
  border-radius: 5px;
}
.prd_mark_modal .cate_add_box .inp {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 80px 10px 20px;
}
.prd_mark_modal .cate_add_box .inp::placeholder {
  color: #999;
}
.prd_mark_modal .cate_add_box .sbm_btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #333;
}
.prd_mark_modal .mark_cate_list > ul {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.prd_mark_modal .mark_cate_list .cate_box {
  display: flex;
  align-items: center;
  gap: 0 15px;
  padding: 15px;
  min-height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.prd_mark_modal .mark_cate_list .cate_box > .r_cont {
  flex-shrink: 0;
  margin-left: auto;
}
.prd_mark_modal .mark_cate_list .cate_box .cate_name {
  width: 100%;
}
.prd_mark_modal .mark_cate_list .cate_box .cate_chk_btn {
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/src/img/b2b/mark_modal_chk.svg);
}
.prd_mark_modal .mark_cate_list .cate_box .cate_chk_btn.act {
  background-image: url(/src/img/b2b/mark_modal_chk_act.svg);
}
.prd_mark_modal .mark_cate_list .cate_box:hover {
  border: 1px solid #3F1466 !important;
  background-color: #F7EFFF;
}
.prd_mark_modal .mark_cate_list .cate_box:hover .cate_name {
  color: #3F1466;
}

@media (max-width: 620px) {
  .prd_mark_modal .cate_add_box {
    height: 46px;
    margin-bottom: 10px;
  }
  .prd_mark_modal .cate_add_box .inp {
    font-size: 12px;
    padding-left: 10px;
  }
  .prd_mark_modal .cate_add_box .inp::placeholder {
    font-size: 12px;
  }
  .prd_mark_modal .cate_add_box .sbm_btn {
    height: 30px;
    font-size: 12px;
  }
  .prd_mark_modal .mark_cate_list .cate_box {
    gap: 0 10px;
    padding: 10px;
    min-height: 40px;
  }
  .prd_mark_modal .mark_cate_list .cate_box .cate_name {
    font-size: 12px;
  }
}
.prd_list_top {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  min-height: 40px;
  margin-bottom: 20px;
}
.prd_list_top .r_cont {
  display: flex;
  gap: 0 20px;
  margin-left: auto;
}
.prd_list_top .control_btns {
  display: flex;
  gap: 0 10px;
}

@media (max-width: 991px) {
  .prd_list_top {
    gap: 20px 0;
    flex-direction: column;
    align-items: start;
    min-height: auto;
  }
  .prd_list_top .r_cont {
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
  }
  .prd_list_top .r_cont .r_tit_btns {
    justify-content: start;
  }
  .prd_list_top .r_cont .list_style_btns {
    margin-left: auto;
  }
}
@media (max-width: 620px) {
  .prd_list_top {
    gap: 10px 0;
  }
  .prd_list_top .control_btns {
    gap: 5px;
  }
}
.prd_sys_wrap .prd_ico {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.prd_sys_wrap .prd_ico .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.prd_sys_wrap .prd_ico .ico.mark_ico {
  background-color: #1F67CB;
}
.prd_sys_wrap .prd_ico .ico.recent_ico {
  background-color: #B63985;
}
.prd_sys_wrap .prd_ico .ico.order_ico {
  background-color: #138046;
}
.prd_sys_wrap .prd_ico .ico.unable_order_ico {
  background-color: #EF0031;
}
.prd_sys_wrap .prd_ico .ico.order_failed_ico {
  background-color: #aaa;
}
.prd_sys_wrap .prd_img {
  position: relative;
  aspect-ratio: 1/1;
  text-align: center;
}
.prd_sys_wrap .prd_img .prd_chk {
  position: absolute;
  top: 0;
  left: 0;
}
.prd_sys_wrap .prd_img > a {
  display: flex;align-items: center;justify-content: center;
  width: 100%;
  height: 100%;
}
.prd_sys_wrap .prd_img img {
  /* object-fit: contain;
  width: 100%;
  height: 100%; */
}
.prd_sys_wrap .prd_img .prd_ico {
  position: absolute;
  bottom: 0;
  left: 0;
}
.prd_sys_wrap .prd_cate {
  font-size: 12px;
  color: #3F1466 !important;
  font-weight: bold;
}
.prd_sys_wrap .prd_code {
  font-size: 12px;
}
.prd_sys_wrap .prd_tit {
  font-size: 12px;
  font-weight: bold;
}
.prd_sys_wrap .prd_tit.error_type{color: #f00;}
.prd_sys_wrap .prd_tit > a, .prd_sys_wrap .prd_tit > button {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  vertical-align: top;
  font-size: inherit;
  text-align: inherit;
  font-weight: inherit;
  color: inherit;
}
.prd_sys_wrap .prd_size {
  font-size: 12px;
  color: #999;
}
.prd_sys_wrap .prd_etc {
  margin-top: 10px;
  font-size: 0;
}
.prd_sys_wrap .prd_etc .t1 {
  font-size: 12px;
  line-height: 150%;
}
.prd_sys_wrap .prd_etc .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 7px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #eee;
}
.prd_sys_wrap .prd_etc .t1:last-child::after {
  display: none;
}
.prd_sys_wrap .prd_etc + .prd_etc {
  margin-top: 0;
}
.prd_sys_wrap .prd_price {
  margin-top: 10px;
  font-size: 12px;
  color: #000;
}
.prd_sys_wrap .prd_price .price {
  font-size: 16px;
  font-weight: bold;
}
.prd_sys_wrap .prd_calc_inp {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.prd_sys_wrap .prd_calc_inp .calc_btn {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center center;
}
.prd_sys_wrap .prd_calc_inp .calc_btn.down {
  background-image: url(/src/img/b2b/prd_sys_calc_down.svg);
}
.prd_sys_wrap .prd_calc_inp .calc_btn.up {
  background-image: url(/src/img/b2b/prd_sys_calc_up.svg);
}
.prd_sys_wrap .prd_calc_inp .calc_btn + .calc_inp {
  border-left: 1px solid #ddd;
}
.prd_sys_wrap .prd_calc_inp .calc_inp {
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  font-size: 12px;
  text-align: center;
}
.prd_sys_wrap .prd_calc_inp .calc_inp + .calc_btn {
  border-left: 1px solid #ddd;
}
.prd_sys_wrap .prd_memo_inp {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 12px;
}
.prd_sys_wrap .prd_memo_inp::placeholder {
  font-size: 12px;
  color: #999;
}
.prd_sys_wrap .prd_s_btns {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.prd_sys_wrap .prd_s_btns .btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  word-break: keep-all;
  background-repeat: no-repeat;
  background-position: center center;
}
.prd_sys_wrap .prd_s_btns .btn.mark_btn {
  background-image: url(/src/img/b2b/prd_sys_mark.svg);
}
.prd_sys_wrap .prd_s_btns .btn.mark_btn.act {
  background-image: url(/src/img/b2b/prd_sys_mark_act.svg);
}
.prd_sys_wrap .prd_s_btns .btn.mark_btn:hover {
  border: 1px solid #3F1466;
  background-color: #3F1466;
  background-image: url(/src/img/b2b/prd_sys_mark_hover.svg) !important;
}
.prd_sys_wrap .prd_s_btns .btn.cart_btn {
  background-image: url(/src/img/b2b/prd_sys_cart.svg);
}
.prd_sys_wrap .prd_s_btns .btn.cart_btn.act{background-image: url(/src/img/b2b/prd_sys_cart_act.svg);}
.prd_sys_wrap .prd_s_btns .btn.cart_btn:hover {
  border: 1px solid #3F1466;
  background-color: #3F1466;
  background-image: url(/src/img/b2b/prd_sys_cart_hover.svg);
}
.prd_sys_wrap .prd_s_btns .btn.block_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 120%;
  color: #999;
  background-color: #ddd;
}
.prd_sys_wrap .prd_b_btns {
  display: flex;
  gap: 5px;
}
.prd_sys_wrap .prd_b_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.prd_sys_wrap .prd_b_btns .btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: cover;
}
.prd_sys_wrap .prd_b_btns .btn.mark_btn::before {
  background-image: url(/src/img/b2b/prd_sys_mark.svg);
}
.prd_sys_wrap .prd_b_btns .btn.mark_btn.act::before {
  background-image: url(/src/img/b2b/prd_sys_mark_act.svg);
}
.prd_sys_wrap .prd_b_btns .btn.mark_btn:hover {
  border: 1px solid #3F1466;
  background-color: #3F1466;
  color: #fff;
}
.prd_sys_wrap .prd_b_btns .btn.mark_btn:hover::before {
  background-image: url(/src/img/b2b/prd_sys_mark_hover.svg) !important;
}
.prd_sys_wrap .prd_b_btns .btn.cart_btn::before {
  background-image: url(/src/img/b2b/prd_sys_cart.svg);
}
.prd_sys_wrap .prd_b_btns .btn.cart_btn.act::before{background-image: url(/src/img/b2b/prd_sys_cart_act.svg);}
.prd_sys_wrap .prd_b_btns .btn.cart_btn:hover {
  border: 1px solid #3F1466;
  background-color: #3F1466;
  color: #fff;
}
.prd_sys_wrap .prd_b_btns .btn.cart_btn:hover::before {
  background-image: url(/src/img/b2b/prd_sys_cart_hover.svg);
}
.prd_sys_wrap .prd_b_btns .btn.block_btn {
  text-align: center;
  color: #999;
  background-color: #ddd;
}
.prd_sys_wrap .prd_b_btns .btn.block_btn::before {
  display: none;
}

@media (max-width: 620px) {
  .prd_sys_wrap .prd_etc .t1::after {
    margin: 0 5px 2px;
  }
  .prd_sys_wrap .prd_memo_inp {
    padding: 0 10px;
  }
  .prd_sys_wrap .prd_b_btns .btn {
    font-size: 12px;
  }
  .prd_sys_wrap .prd_b_btns .btn::before {
    width: 16px;
    height: 16px;
    margin-right: 3px;
  }
}
.prd_list {
  border-top: 1px solid #000;
  /*배송준비 배송중 배송완료*/
}
.prd_list .state_btns {
  display: inline-flex;
  gap: 5px;
}
.prd_list .state_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}
.prd_list .state_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.prd_list .state_btns .btn.line_style {
  border: 1px solid #333;
}
.prd_list .state_btns .btn.block_style{color: #999;background-color: #ddd;}
.prd_list .state_ico1.ico1_1 {
  color: #EF0031;
}
.prd_list .state_ico1.ico1_2 {
  color: #3F1466;
}
.prd_list .state_ico1.ico1_3 {
  color: #333;
}
.prd_list .num_inp {
  display: inline-block;
  width: 100%;
  max-width: 80px;
  height: 40px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
}
.prd_list > table tr {
  border-bottom: 1px solid #eee;
}
.prd_list > table thead th {
  height: 40px;
  padding: 10px 5px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 130%;word-break: break-all;
  background-color: #fafafa;
}
.prd_list > table thead th.chk_th {
  width: 40px;
}
.prd_list > table thead th.s_chk_th {
  width: 30px;
}
.prd_list > table thead th.s_th {
  width: 100px;
}
.prd_list > table thead th.ss_th {
  width: 80px;
}
.prd_list > table thead th.sss_th {
  width: 60px;
}
.prd_list > table thead th.inp_th {
  width: 175px;
}
.prd_list > table thead th.cate_th {
  width: 150px;
}
.prd_list > table thead th.btnlng3_th{width: 200px;}
.prd_list > table tbody td {
  height: 40px;
  padding: 10px 3px;
  text-align: center;
  font-size: 12px;
  line-height: 130%;word-break: break-all;
}
.prd_list > table tbody td.ico_td .prd_ico {
  justify-content: center;
}
.prd_list > table tbody td.tit_td {
  text-align: left;
}
.prd_list > table tbody td.tit_td.tac{text-align: center;}
.prd_list > table tbody td.tit_td .prd_ico {
  margin-bottom: 10px;
}
.prd_list > table tbody td.tit_td .prd_ico, .prd_list > table tbody td.tit_td .prd_cate, .prd_list > table tbody td.tit_td .prd_code, .prd_list > table tbody td.tit_td .prd_size, .prd_list > table tbody td.tit_td .prd_etc, .prd_list > table tbody td.tit_td .prd_price {
  display: none;
}
.prd_list > table tbody td.inps_td .inps_inner {
  display: flex;
  gap: 5px 10px;
}
.prd_list > table tbody td.inp_td .inp_inner {
  font-size: inherit;
}
.prd_list > table tbody td.m_td .in_td {
  font-size: inherit;
}
.prd_list > table tbody td.state_btn_td .state_btns {
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 1840px) {
  .prd_list > table thead th.chk_th {
    width: 30px;
  }
  .prd_list > table thead th.s_th {
    width: 70px;
  }
  .prd_list > table thead th.ss_th {
    width: 60px;
  }
  .prd_list > table thead th.sss_th {
    width: 50px;
  }
  .prd_list > table thead th.inp_th {
    width: 140px;
  }
  .prd_list > table tbody td.btn_td .prd_s_btns {
    justify-content: center;
  }
}
@media (max-width: 1440px) {
  .prd_list > table thead {
    display: none;
  }
  .prd_list > table tbody tr {
    position: relative;
    display: block;
    min-height: 150px;
    margin-top: 10px;
    padding: 15px 15px 15px 150px;
    border: 1px solid #eee;
    border-radius: 10px;
  }
  .prd_list > table tbody td {
    display: none;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .prd_list > table tbody td.chk_td {
    z-index: 5;
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
  }
  .prd_list > table tbody td.img_td {
    position: absolute;
    left: 15px;
    top: 15px;
    display: block;
    width: 120px;
  }
  .prd_list > table tbody td.tit_td {
    display: block;
  }
  .prd_list > table tbody td.tit_td.tac{text-align: left;}
  .prd_list > table tbody td.tit_td .prd_ico {
    display: flex;
  }
  .prd_list > table tbody td.tit_td .prd_cate, .prd_list > table tbody td.tit_td .prd_code, .prd_list > table tbody td.tit_td .prd_size, .prd_list > table tbody td.tit_td .prd_etc, .prd_list > table tbody td.tit_td .prd_price {
    display: block;
  }
  .prd_list > table tbody td.inps_td {
    display: block;
    margin-top: 10px;
    padding-right: 105px;
  }
  .prd_list > table tbody td.btn_td {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    width: 85px;
  }
  .prd_list > table tbody td.inp_td {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-top: 10px;
  }
  .prd_list > table tbody td.inp_td::before {
    content: attr(data-th);
    flex-shrink: 0;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #000;
  }
  .prd_list > table tbody td.inp_td .inp_inner {
    width: 100%;
  }
  .prd_list > table tbody td.m_td {
    display: flex;
    gap: 0 10px;
    margin-top: 10px;
  }
  .prd_list > table tbody td.m_td::before {
    content: attr(data-th);
    flex-shrink: 0;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #000;
  }
  .prd_list > table tbody td.m_td .in_td {
    width: 100%;
  }
  .prd_list > table tbody td.state_btn_td {
    display: block;
    margin-top: 10px;
  }
  .prd_list > table tbody td.state_btn_td .state_btns {
    justify-content: start;
  }
  .prd_list > table tbody td.num_td {
    display: block;
  }
  .prd_list > table tbody tr.notimg_type{min-height: auto;padding-left: 15px;}
  .prd_list > table tbody tr.notimg_type td.chk_td{position: static;margin-bottom: 10px;}
}
@media (max-width: 620px) {
  .prd_list .state_btns .btn {
    font-size: 12px;
  }
  .prd_list > table tbody tr {
    min-height: 80px;
    margin-top: 5px;
    padding: 10px 10px 10px 80px;
    border-radius: 5px;
  }
  .prd_list > table tbody td.chk_td {
    top: 10px;
    left: 10px;
  }
  .prd_list > table tbody td.img_td {
    top: 10px;
    left: 10px;
    width: 60px;
  }
  .prd_list > table tbody td.inps_td {
    padding-right: 0;
  }
  .prd_list > table tbody td.inps_td .inps_inner {
    flex-direction: column;
  }
  .prd_list > table tbody td.btn_td {
    position: static;
    width: 100%;
    margin-top: 5px;
  }
  .prd_list > table tbody td.btn_td .prd_s_btns {
    justify-content: start;
    flex-wrap: nowrap;
  }
  .prd_list > table tbody td.btn_td .prd_s_btns .btn {
    width: 100%;
  }
  .prd_list > table tbody td.inp_td {
    gap: 0 5px;
    margin-top: 5px;
  }
  .prd_list > table tbody td.m_td {
    gap: 0 5px;
    margin-top: 5px;
  }
  .prd_list > table tbody td.state_btn_td {
    margin-top: 5px;
  }
  .prd_list > table tbody tr.notimg_type{padding-left: 10px;}
  .prd_list > table tbody tr.notimg_type td.chk_td{margin-bottom: 5px;}
}
.prd_gall > ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.prd_gall > ul > li {
  width: calc((100% - 100px) / 6);
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
}
.prd_gall > ul > li:hover {
  border: 1px solid #3F1466;
}
.prd_gall .txt {
  margin-top: 10px;
}
.prd_gall .inps_inner {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.prd_gall .prd_b_btns {
  margin-top: 10px;
}

@media screen and (max-width: 1640px) {
  .prd_gall > ul > li {
    width: calc((100% - 80px) / 5);
  }
}
@media screen and (max-width: 1440px) {
  .prd_gall > ul > li {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .prd_gall > ul > li {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 620px) {
  .prd_gall > ul {
    gap: 10px;
  }
  .prd_gall > ul > li {
    width: calc((100% - 10px) / 2);
    padding: 0;
    border: 0 !important;
    border-radius: 0;
  }
}
.prd_v .prd_top {
  display: flex;
  gap: 0 50px;
}
.prd_v .prd_top .top_img {
  flex-shrink: 0;
  width: 350px;
}
.prd_v .prd_top .top_img .prdv_img_slide .big_mask {
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 15px;
}
.prd_v .prd_top .top_img .prdv_img_slide .big_mask .item .img{display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;padding: 20px;}
.prd_v .prd_top .top_img .prdv_img_slide .big_mask .item .img > img {}
.prd_v .prd_top .top_img .prdv_img_slide .s_mask {
  overflow: hidden;
  margin-top: 10px;
}
.prd_v .prd_top .top_img .prdv_img_slide .s_mask .item .img {
  overflow: hidden;
  opacity: 0.2;
  display: flex;align-items: center;justify-content: center;aspect-ratio: 1/1;padding: 10px;
  border-radius: 10px;
}
.prd_v .prd_top .top_img .prdv_img_slide .s_mask .item .img > img {}
.prd_v .prd_top .top_img .prdv_img_slide .s_mask .item.swiper-slide-thumb-active .img {
  opacity: 1;
  border: 1px solid #3F1466 !important;
}
.prd_v .prd_top .top_info {
  width: 100%;
}
.prd_v .prd_top .top_info .prd_calc_inp {
  width: 100%;
  max-width: 150px;
}
.prd_v .prd_top .top_info .tit {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.prd_v .prd_top .top_info .prd_price {
  font-size: 14px;
}
.prd_v .prd_top .top_info .prd_price .price {
  font-size: 20px;
}
.prd_v .prd_top .top_info .info_dl {
  margin-top: 20px;
  border-top: 2px solid #000;
}
.prd_v .prd_top .top_info .info_dl .line {
  display: flex;
  gap: 0 40px;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.prd_v .prd_top .top_info .info_dl dl {
  display: flex;
  gap: 0 10px;
  width: 100%;
}
.prd_v .prd_top .top_info .info_dl dl dt {
  flex-shrink: 0;
  width: 80px;
  font-size: 14px;
  font-weight: bold;
}
.prd_v .prd_top .top_info .info_dl dl dd {
  width: 100%;
  font-size: 14px;
}
.prd_v .prd_top .top_info .info_dl dl.inp_type dt {
  padding-top: 12px;
}
.prd_v .prd_top .top_info .total_price {
  margin-top: 20px;
  font-size: 16px;
}
.prd_v .prd_top .top_info .total_price .price {
  font-size: 24px;
  font-weight: bold;
  color: #3F1466 !important;
}
.prd_v .prd_top .top_info .sbm_line {
  display: flex;
  gap: 10px;
  margin-top: 30px;
}
.prd_v .prd_top .top_info .sbm_line .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
}
.prd_v .prd_top .top_info .sbm_line .btn::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-size: cover;
}
.prd_v .prd_top .top_info .sbm_line .btn.mark_btn {
  border: 1px solid #333;
}
.prd_v .prd_top .top_info .sbm_line .btn.mark_btn::before {
  background-image: url(/src/img/b2b/prd_sys_mark.svg);
}
.prd_v .prd_top .top_info .sbm_line .btn.mark_btn.act::before {
  background-image: url(/src/img/b2b/prd_sys_mark_act.svg);
}
.prd_v .prd_top .top_info .sbm_line .btn.cart_btn {
  color: #fff;
  background-color: #3F1466 !important;
}
.prd_v .prd_top .top_info .sbm_line .btn.cart_btn::before {
  background-image: url(/src/img/b2b/prd_sys_cart_hover.svg);
}
.prd_v .prd_top .top_info .sbm_line .btn.block_btn {
  color: #fff;
  background-color: #aaa;
}
.prd_v .prd_top .top_info .sbm_line .btn.block_btn::before {
  display: none;
}
.prd_v .prd_top .top_reco {
  flex-shrink: 0;
  width: 370px;
  padding-left: 60px;
  border-left: 1px solid #eee;
}
.prd_v .prd_top .top_reco .tit {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.prd_v .prd_top .top_reco .reco_list {
  overflow-y: auto;
  height: 640px;
  margin-top: 20px;
  border-top: 2px solid #000;
}
.prd_v .prd_top .top_reco .reco_list > ul {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-top: 25px;
}
.prd_v .prd_top .top_reco .reco_list > ul > li {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.prd_v .prd_top .top_reco .reco_list > ul > li .prd_img {
  flex-shrink: 0;
  width: 80px;
}
.prd_v .prd_top .top_reco .reco_list > ul > li .txt {
  width: 100%;
  min-width: 0;
}

@media screen and (max-width: 1740px) {
  .prd_v .prd_top .top_img {
    width: 300px;
  }
  .prd_v .prd_top .top_reco {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1540px) {
  .prd_v .prd_top {
    flex-wrap: wrap;
    gap: 50px;
  }
  .prd_v .prd_top .top_img {
    width: 350px;
  }
  .prd_v .prd_top .top_info {
    width: calc(100% - 400px);
  }
  .prd_v .prd_top .top_reco {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }
  .prd_v .prd_top .top_reco .reco_list {
    height: 300px;
  }
  .prd_v .prd_top .top_reco .reco_list > ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .prd_v .prd_top .top_reco .reco_list > ul > li {
    width: calc((100% - 50px) / 3);
  }
}
@media screen and (max-width: 991px) {
  .prd_v .prd_top {
    flex-direction: column;
    align-items: center;
  }
  .prd_v .prd_top .top_img {
    width: 100%;
    max-width: 350px;
  }
  .prd_v .prd_top .top_info {
    width: 100%;
  }
  .prd_v .prd_top .top_reco .reco_list > ul > li {
    width: calc((100% - 25px) / 2);
  }
}
@media screen and (max-width: 620px) {
  .prd_v .prd_top {
    gap: 25px;
  }
  .prd_v .prd_top .top_img .prdv_img_slide .big_mask {
    border-radius: 10px;
  }
  .prd_v .prd_top .top_img .prdv_img_slide .s_mask {
    margin-top: 5px;
  }
  .prd_v .prd_top .top_img .prdv_img_slide .s_mask .item .img {
    border-radius: 5px;
  }
  .prd_v .prd_top .top_info .tit {
    font-size: 18px;
  }
  .prd_v .prd_top .top_info .prd_price {
    font-size: 12px;
  }
  .prd_v .prd_top .top_info .prd_price .price {
    font-size: 16px;
  }
  .prd_v .prd_top .top_info .info_dl {
    margin-top: 10px;
  }
  .prd_v .prd_top .top_info .info_dl .line {
    flex-direction: column;
    gap: 0 20px;
    padding: 10px 0;
  }
  .prd_v .prd_top .top_info .info_dl dl {
    gap: 0 5px;
  }
  .prd_v .prd_top .top_info .info_dl dl dt {
    width: 60px;
    font-size: 12px;
  }
  .prd_v .prd_top .top_info .info_dl dl dd {
    font-size: 12px;
  }
  .prd_v .prd_top .top_info .info_dl dl + dl {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
  }
  .prd_v .prd_top .top_info .total_price {
    margin-top: 10px;
    font-size: 14px;
  }
  .prd_v .prd_top .top_info .total_price .price {
    font-size: 18px;
  }
  .prd_v .prd_top .top_info .sbm_line {
    gap: 5px;
    margin-top: 15px;
  }
  .prd_v .prd_top .top_info .sbm_line .btn {
    height: 40px;
    font-size: 12px;
  }
  .prd_v .prd_top .top_info .sbm_line .btn::before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .prd_v .prd_top .top_reco .tit {
    font-size: 16px;
  }
  .prd_v .prd_top .top_reco .reco_list {
    margin-top: 10px;
  }
  .prd_v .prd_top .top_reco .reco_list > ul {
    gap: 15px;
    padding-top: 15px;
  }
  .prd_v .prd_top .top_reco .reco_list > ul > li {
    width: 100%;
    gap: 0 10px;
  }
  .prd_v .prd_top .top_reco .reco_list > ul > li .prd_img {
    width: 60px;
  }
}
.prd_v .prd_detail .sun-editor-editable {
  padding: 0;
  font-size: 12px;
}
.prd_v .prd_detail .tit {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.prd_v .prd_detail .detail_v {
  margin-top: 20px;
  padding-top: 40px;
  border-top: 2px solid #000;
  font-size: 14px;
}

@media (max-width: 620px) {
  .prd_v .prd_detail .tit {
    font-size: 18px;
  }
  .prd_v .prd_detail .detail_v {
    margin-top: 10px;
    padding-top: 20px;
    font-size: 12px;
  }
}
.info_inp_tb {
  border-top: 1px solid #333;
}
.info_inp_tb .sun-editor-editable{padding: 0;font-size: 12px;}
.info_inp_tb .req_star {
  color: #EF0031;
}
.info_inp_tb .info_state_btns {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
  vertical-align: middle;
}
.info_inp_tb .info_state_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
}
.info_inp_tb .info_state_btns .btn.line_style {
  border: 1px solid #333;
}
.info_inp_tb .info_state_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.info_inp_tb .info_state_btns .btn.green_style {
  color: #fff;
  background-color: #138046;
}
.info_inp_tb .info_state_btns .btn.black_style {
  color: #fff;
  background-color: #333;
}
.info_inp_tb .down_btns_line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 10px;
}
.info_inp_tb table colgroup.m_cg {
  display: none;
}
.info_inp_tb table tbody th {
  width: 160px;
  height: 46px;
  padding: 10px 20px;
  border: 1px solid #eee;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  text-align: left;
  background-color: #fafafa;
}
.info_inp_tb table tbody td {
  height: 46px;
  padding: 10px 15px;
  border: 1px solid #eee;
  font-size: 14px;
  line-height: 150%;
  word-break: break-all;
}
.info_inp_tb table tbody td .main_num {
  font-weight: bold;
  color: #731CC1;
}
.info_inp_tb .info_in_w {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.info_inp_tb .info_in_w .in_line {
  display: flex;
  gap: 0 3px;
  align-items: start;
}
.info_inp_tb .info_in_w .in_line .in_tit {
  flex-shrink: 0;
  width: 95px;
  padding-top: 10px;
}
.info_inp_tb .info_in_w .in_line .in_cont {
  width: 100%;
}
.info_inp_tb .js_myinfo_conts {
  margin-top: -1px;
}
.info_inp_tb .info_file_add {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.info_inp_tb + .info_inptb_desc {
  margin-top: 10px;
}
.info_inp_tb + .info_inptb_btns {
  margin-top: 20px;
}

.info_inptb_desc {
  font-size: 12px;
  color: #666;
}

.info_inptb_btns {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.info_inptb_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
}
.info_inptb_btns .btn.line_style {
  border: 1px solid #333;
}
.info_inptb_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.info_inptb_btns .btn.green_style {
  color: #fff;
  background-color: #138046;
}

@media screen and (max-width: 1440px) {
  .info_inp_tb table colgroup.pc_cg {
    display: none;
  }
  .info_inp_tb table colgroup.m_cg {
    display: table-column-group;
  }
  .info_inp_tb table tbody th {
    width: 120px;
    padding: 10px;
  }
  .info_inp_tb table tbody td {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  .info_inp_tb {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
  }
  .info_inp_tb table colgroup.m_cg {
    display: none;
  }
  .info_inp_tb table tbody tr {
    display: block;
  }
  .info_inp_tb table tbody th {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 0;
    border: 0;
    background-color: transparent;
  }
  .info_inp_tb table tbody th + td {
    margin-top: 10px;
  }
  .info_inp_tb table tbody td {
    display: block;
    height: auto;
    padding: 0;
    border: 0;
  }
}
@media (max-width: 620px) {
  .info_inp_tb {
    padding-bottom: 15px;
  }
  .info_inp_tb .info_state_btns {
    gap: 3px;
  }
  .info_inp_tb .info_state_btns .btn {
    padding: 5px;
    font-size: 12px;
  }
  .info_inp_tb table tbody th {
    margin-top: 15px;
    font-size: 12px;
  }
  .info_inp_tb table tbody th + td {
    margin-top: 5px;
  }
  .info_inp_tb table tbody td {
    font-size: 12px;
  }
  .info_inp_tb table tbody td .js_myinfo_conts .js_myinfo_cont {
    font-size: 12px;
  }
  .info_inp_tb .info_in_w {
    gap: 5px 0;
  }
  .info_inp_tb .info_in_w .in_line .in_tit {
    width: 80px;
    font-size: 12px;
  }
  .info_inp_tb .info_in_w .in_line .in_cont {
    font-size: 12px;
  }
  .info_inp_tb + .info_inptb_desc {
    margin-top: 5px;
  }
  .info_inp_tb + .info_inptb_btns {
    margin-top: 10px;
  }
  .info_inptb_btns {
    gap: 3px;
  }
  .info_inptb_btns .btn {
    min-width: 80px;
    padding: 7px;
    font-size: 12px;
  }
}
.approval_box {
  display: flex;
  flex-wrap: wrap;
}
.approval_box .box {
  width: 20%;
  margin: 0 0 -1px -1px;
  border: 1px solid #eee;
  text-align: center;
}
.approval_box .box .in_line {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.approval_box .box .in_line.stamp_line {
  min-height: 90px;
}
.approval_box .box .in_line:last-child {
  border-bottom: 0;
}
.approval_box .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.approval_box .approval_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.approval_box .approval_btn.btn1 {
  background-color: #3F1466;
}
.approval_box .approval_btn.btn2 {
  background-color: #EF0031;
}
.approval_box .approval_result {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.approval_box .approval_result .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.approval_box .approval_result .ico + .t1 {
  margin-top: 5px;
}
.approval_box .approval_result .t1 {
  font-size: 12px;
  color: #999;
}
.approval_box .approval_result.result1 .ico {
  border: 2px solid #3F1466;
  color: #3F1466;
}
.approval_box .approval_result.result2 .ico {
  border: 2px solid #EF0031;
  color: #EF0031;
}

@media (max-width: 1240px) {
  .approval_box .box {
    width: 33.3333%;
  }
}
@media (max-width: 620px) {
  .approval_box .box {
    width: 50%;
  }
  .approval_box .box .in_line {
    padding: 5px;
  }
  .approval_box .box .in_line.stamp_line {
    min-height: 70px;
  }
  .approval_box .tit {
    padding: 5px;
    font-size: 12px;
  }
  .approval_box .approval_btn {
    font-size: 12px;
  }
  .approval_box .approval_result .ico {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
  .approval_box .approval_result .ico+.t1{margin-top: 3px;}
  .approval_box .approval_result .t1{font-size: 11px;}
}

.code_state_btns{display: flex;gap: 5px;flex-wrap: wrap;margin-bottom: 10px;}
.code_state_btns .btn{display: flex;align-items: center;justify-content: center;min-width: 90px;height: 40px;padding: 10px;border-radius: 5px;font-size: 14px;font-weight: bold;}
.code_state_btns .btn.line_style{border: 1px solid #333;}
.code_box {
  display: flex;
}
.code_box .box {
  width: 100%;
  margin: 0 0 -1px -1px;
  border: 1px solid #eee;
  text-align: center;
}
.code_box .box .in_line {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.code_box .box .in_line.tit_line {
  font-weight: bold;
  background-color: #fafafa;
}
.code_box .box .in_line:last-child {
  border-bottom: 0;
}
.code_box .state_btns{display: inline-flex;gap: 5px;flex-wrap: wrap;}
.code_box .state_btns .btn{display: flex;align-items: center;justify-content: center;width: 60px;height: 40px;border-radius: 5px;text-align: center;font-weight: bold;line-height: 120%;}
.code_box .state_btns .btn.line_style{border: 1px solid #333;}
@media (max-width: 991px) {
  .code_box {
    overflow-x: scroll;
    padding: 0 0 1px 1px;
  }
  .code_box .box {
    flex-shrink: 0;
    width: 160px;
  }
}
@media (max-width: 620px) {
  .code_state_btns{gap: 3px;}
  .code_state_btns .btn{min-width: 80px;padding: 7px;font-size: 12px;}
  .code_box .box {
    width: 120px;
  }
  .code_box .box .in_line {
    padding: 10px;
    font-size: 12px;
  }
  .code_box .state_btns{gap: 3px;}
  .code_box .state_btns .btn{font-size: 12px;}
}
.mem_select_box {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mem_select_box .box {
  width: calc((100% - 40px) / 5);
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.mem_select_box .box input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.mem_select_box .box i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  vertical-align: middle;
  background-color: #fff;
}
.mem_select_box .box i::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  margin-top: -7px;
  margin-left: -4px;
  border: solid rgb(63, 20, 102);
  border-width: 0 2px 2px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mem_select_box .box i + .t {
  margin-top: 10px;
}
.mem_select_box .box input:checked ~ i::after {
  opacity: 1;
}
.mem_select_box .box .t {
  padding: 0 10px;
}
.mem_select_box .box .t .tit {
  font-weight: bold;
  color: #000;
}
.mem_select_box .box .t .tit + .desc {
  margin-top: 5px;
}
.mem_select_box .box .t .desc {
  font-size: 12px;
}

@media (max-width: 1440px) {
  .mem_select_box .box .t {
    padding: 0;
  }
}
@media (max-width: 1240px) {
  .mem_select_box .box {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 620px) {
  .mem_select_box {
    gap: 5px;
  }
  .mem_select_box .box {
    width: calc((100% - 5px) / 2);
  }
  .mem_select_box .box i + .t {
    margin-top: 5px;
  }
  .mem_select_box .box .t .tit {
    font-size: 12px;
  }
  .mem_select_box .box .t .tit + .desc {
    margin-top: 0;
  }
}
.info_dash_list {
  /*미결제 결제완료*/
  /*미완료 조정 완료*/
  /*보류 발행 완료*/
  /*승인 보류 반려*/
  /*승인대기 승인*/
  /*진행중 완료*/
  /*초과 미달 일치*/
  /*승인 반려*/
  /*미확인 확인*/
  /*정산대기 정산완료 보류*/
  /*접수 처리중 완료*/
  /*대기 반려 승인*/
  /*접수 반려 처리중 완료*/
  /*입고완료 주문완료*/
  /*세금계산서발행 입고확인 신규주문*/
  /*출고완료 주문확정대기*/
}
.info_dash_list .state_btns {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}
.info_dash_list .state_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  line-height: 120%;
}
.info_dash_list .state_btns .btn.wa {
  min-width: 60px;
  width: auto;
  padding: 0 10px;
}
.info_dash_list .state_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.info_dash_list .state_btns .btn.line_style {
  border: 1px solid #333;
}
.info_dash_list .state_btns .btn.block_style{color: #999;background-color: #ddd;}
.info_dash_list .v_btn {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background-image: url(/src/img/b2b/info_dash_list_v.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.info_dash_list .ico_img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.info_dash_list .thumb_img{text-align: center;}
.info_dash_list .delvy_name {
  font-weight: bold;
  font-size: inherit;
}
.info_dash_list .delvy_name .basic_ico {
  color: #3F1466;
}
.info_dash_list .state_ico1.ico1_1 {
  color: #EF0031;
}
.info_dash_list .state_ico1.ico1_2 {
  color: #333;
}
.info_dash_list .state_ico2.ico2_1 {
  color: #EF0031;
}
.info_dash_list .state_ico2.ico2_2 {
  color: #EF0031;
}
.info_dash_list .state_ico2.ico2_3 {
  color: #333;
}
.info_dash_list .state_ico3.ico3_1 {
  color: #EF0031;
}
.info_dash_list .state_ico3.ico3_2 {
  color: #333;
}
.info_dash_list .state_ico4.ico4_1 {
  color: #333;
}
.info_dash_list .state_ico4.ico4_2 {
  color: #EF0031;
}
.info_dash_list .state_ico4.ico4_3 {
  color: #EF0031;
}
.info_dash_list .state_ico5.ico5_1 {
  color: #EF0031;
}
.info_dash_list .state_ico5.ico5_2 {
  color: #333;
}
.info_dash_list .state_ico6.ico6_1 {
  color: #EF0031;
}
.info_dash_list .state_ico6.ico6_2 {
  color: #333;
}
.info_dash_list .state_ico7.ico7_1 {
  color: #EF0031;
}
.info_dash_list .state_ico7.ico7_2 {
  color: #333;
}
.info_dash_list .state_ico7.ico7_3 {
  color: #333;
}
.info_dash_list .state_ico8.ico8_1 {
  color: #333;
}
.info_dash_list .state_ico8.ico8_2 {
  color: #333;
}
.info_dash_list .state_ico9.ico9_1 {
  color: #EF0031;
}
.info_dash_list .state_ico9.ico9_2 {
  color: #333;
}
.info_dash_list .state_ico10.ico10_1 {
  color: #3F1466;
}
.info_dash_list .state_ico10.ico10_2 {
  color: #333;
}
.info_dash_list .state_ico10.ico10_3 {
  color: #EF0031;
}
.info_dash_list .state_ico11.ico11_1 {
  color: #EF0031;
}
.info_dash_list .state_ico11.ico11_2 {
  color: #3F1466;
}
.info_dash_list .state_ico11.ico11_3 {
  color: #333;
}
.info_dash_list .state_ico12.ico12_1 {
  color: #3F1466;
}
.info_dash_list .state_ico12.ico12_2 {
  color: #EF0031;
}
.info_dash_list .state_ico12.ico12_3 {
  color: #333;
}
.info_dash_list .state_ico13.ico13_1 {
  color: #3F1466;
}
.info_dash_list .state_ico13.ico13_2 {
  color: #EF0031;
}
.info_dash_list .state_ico13.ico13_3 {
  color: #138046;
}
.info_dash_list .state_ico13.ico13_4 {
  color: #333;
}
.info_dash_list .state_ico14.ico14_2{color: #E62F2F;}

.info_dash_list .state_ico15.ico15_1{color: #E62F2F;}
.info_dash_list .state_ico15.ico15_2{color: #2F54E6;}
.info_dash_list .state_ico15.ico15_3{color: #26AB44;}

.info_dash_list .state_ico16.ico16_1{color: #EF0031;font-weight: bold;}
.info_dash_list .state_ico16.ico16_2{color: #2F54E6;}

.info_dash_list .state_ico17.ico17_1{}
.info_dash_list .state_ico17.ico17_2{}
.info_dash_list .state_ico17.ico17_3{}
.info_dash_list .state_ico17.ico17_4{}
.info_dash_list .state_ico17.ico17_5{}


.info_dash_list .tb_ovy {
  overflow-y: auto;
  max-height: 660px;
}
.info_dash_list .tb {
  border-top: 1px solid #333;
}
.info_dash_list .tb table tr {
  border-bottom: 1px solid #eee;
}
.info_dash_list .tb table thead th {
  padding: 10px 5px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #fafafa;
}
.info_dash_list .tb table thead th.chk_th {
  width: 40px;
}
.info_dash_list .tb table thead th.num_th {
  width: 100px;
}
.info_dash_list .tb table thead th.cate_th {
  width: 150px;
}
.info_dash_list .tb table thead th.cate_th2 {
  width: 200px;
}
.info_dash_list .tb table tbody td {
  padding: 10px 5px;
  font-size: 12px;
  text-align: center;
  word-break: break-all;
}
.info_dash_list .tb table tbody td.m_td .in_td {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  word-break: inherit;
}
.info_dash_list .tb table tbody td.m_td .in_td.tal{text-align: left;}
.info_dash_list .tb table tbody td.m_tit_td {
  display: none;
  text-align: center;
}
.info_dash_list .tb table tbody td.inp_wrap .inp{height: 30px;padding: 0 10px;font-size: 12px;}
.info_dash_list .tb table tbody .before_tr td{color: #999;}


.info_dash_list .tb table tfoot th {
  padding: 10px 5px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #fafafa;
}
.info_dash_list .tb table tfoot th.chk_th {
  width: 40px;
}
.info_dash_list .tb table tfoot th.m_th .in_th {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.info_dash_list .tb table tfoot th.m_tit_td {
  display: none;
  text-align: center;
}
.info_dash_list .tb table .del_tr .del_td {
  position: relative;
}
.info_dash_list .tb table .del_tr .del_td::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  width: calc(100% + 2px);
  height: 1px;
  background-color: #EF0031;
}
.info_dash_list .tb table .none_tr .none_td {
  text-align: center;
}
.info_dash_list .tb table .none_tr .none_td .t1 {
  font-size: 12px;
}
.info_dash_list .tb table .total_tr {
  background-color: #F9F3FF;
}
.info_dash_list .tb table .total_tr td {
  font-weight: bold;
  color: #000;
}
.info_dash_list .tb.pos_type {
  position: sticky;
  bottom: 0;
  left: 0;
}
.info_dash_list .tb.bg_ico_type {
  position: relative;
  min-height: 400px;
}
.info_dash_list .tb.bg_ico_type .bg_ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-30deg) translate(-50%, -50%);
  transform-origin: top left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 120px;
  border: 4px solid #eee;
  font-size: 30px;
  font-weight: bold;
  color: #ddd;
  text-align: center;
  letter-spacing: 5px;
}
.info_dash_list .tb.bg_ico_type table {
  position: relative;
  z-index: 1;
}
.info_dash_list .tb.bg_ico_type table.pos_type {
  z-index: 5;
}
.info_dash_list + .info_inptb_desc {
  margin-top: 10px;
}

@media (max-width: 1240px) {
  .info_dash_list .thumb_img{text-align: left;}
  .info_dash_list .tb_ovy {
    overflow-y: visible;
    max-height: none;
  }
  .info_dash_list .tb table thead {
    display: none;
  }
  .info_dash_list .tb table tbody tr {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    width: 100%;
    padding: 15px 0 15px 30px;
  }
  .info_dash_list .tb table tbody td {
    display: none;
    padding: 0;
    font-size: 14px;
    text-align: left;
  }
  .info_dash_list .tb table tbody td.chk_td {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
  }
  .info_dash_list .tb table tbody td.m_td {
    display: flex;
    gap: 0 10px;
  }
  .info_dash_list .tb table tbody td.m_td::before {
    content: attr(data-th);
    flex-shrink: 0;
    box-sizing: border-box;
    display: block;
    width: 110px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .info_dash_list .tb table tbody td.m_td .in_td {
    width: 100%;
    padding-top: 2px;
  }
  .info_dash_list .tb table tbody td.m_td.m_center_type {
    align-items: center;
  }
  .info_dash_list .tb table tbody td.m_td.inp_type::before {
    padding-top: 10px;
  }
  .info_dash_list .tb table tbody td.m_tit_td {
    display: block;
  }
  .info_dash_list .tb table tfoot {
    background-color: #fafafa;
  }
  .info_dash_list .tb table tfoot tr {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    width: 100%;
    padding: 15px;
  }
  .info_dash_list .tb table tfoot th {
    display: none;
    padding: 0;
    text-align: left;
    font-size: 14px;
    background-color: transparent;
  }
  .info_dash_list .tb table tfoot th.m_th {
    display: flex;
    gap: 0 10px;
  }
  .info_dash_list .tb table tfoot th.m_th::before {
    content: attr(data-th);
    flex-shrink: 0;
    box-sizing: border-box;
    display: block;
    width: 110px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .info_dash_list .tb table tfoot th.m_th .in_th {
    width: 100%;
  }
  .info_dash_list .tb table tfoot th.m_tit_td {
    display: block;
  }
  .info_dash_list .tb table .del_tr {
    background-color: #fafafa;
  }
  .info_dash_list .tb table .del_tr .del_td {
    position: static;
  }
  .info_dash_list .tb table .del_tr .del_td::after {
    display: none;
  }
  .info_dash_list .tb table .del_tr td {
    color: #999;
  }
  .info_dash_list .tb table .del_tr td.m_td::before {
    color: #999;
  }
  .info_dash_list .tb table .none_tr .none_td {
    display: block;
  }
  .info_dash_list .tb.pos_type {
    position: static;
  }
  .info_dash_list.notchk_type .tb table tbody tr {
    padding-left: 0;
  }
}
@media (max-width: 620px) {
  .info_dash_list .thumb_img{width: 160px;}
  .info_dash_list .state_btns {
    gap: 3px;
  }
  .info_dash_list .state_btns .btn {
    font-size: 12px;
  }
  .info_dash_list .tb table tbody tr {
    gap: 5px 0;
  }
  .info_dash_list .tb table tbody td {
    font-size: 12px;
  }
  .info_dash_list .tb table tbody td.m_td {
    gap: 0 5px;
  }
  .info_dash_list .tb table tbody td.m_td::before {
    width: 90px;
    font-size: 12px;
  }
  .info_dash_list .tb table tbody td.m_td .in_td {
    padding-top: 0;
  }
  .info_dash_list .tb table tbody td.m_td.inp_type::before {
    padding-top: 12px;
  }
  .info_dash_list .tb table tfoot tr {
    gap: 5px 0;
  }
  .info_dash_list .tb table tfoot th {
    font-size: 12px;
  }
  .info_dash_list .tb table tfoot th.m_th {
    gap: 0 5px;
  }
  .info_dash_list .tb table tfoot th.m_th::before {
    width: 90px;
    font-size: 12px;
  }
  .info_dash_list .tb.bg_ico_type {
    min-height: 300px;
  }
  .info_dash_list .tb.bg_ico_type .bg_ico {
    width: 220px;
    height: 80px;
    border: 2px solid #eee;
    font-size: 18px;
  }
  .info_dash_list + .info_inptb_desc {
    margin-top: 5px;
  }
}
.js_img_sect.act {
  padding: 40px;
}
.js_img_sect.act .js_imgsect_dn {
  display: none !important;
}
.js_img_sect.act .info_dash_list .tb_ovy {
  overflow: visible;
  max-height: none;
}
.js_img_sect.act .info_dash_list .tb_ovy .tb.pos_type {
  position: static;
}
.js_img_sect.act .info_dash_list .tb table tbody td.inp_wrap .inp{height: auto;padding: 0;border: 0;border-radius: 0;text-align: center;background-color: transparent;}
.group_wrap .group_box {
  border-top: 1px solid #000;
}
.group_wrap .group_box .box_tit {
  display: flex;
  gap: 0 10px;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}
.group_wrap .group_box .box_tit .box_name {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 10px 10px 0;
}
.group_wrap .group_box .box_tit .box_name .t {
  font-weight: bold;
  color: #000;
  text-align: left;
}
.group_wrap .group_box .box_tit .box_name .t .num {
  color: #3F1466 !important;
}
.group_wrap .group_box .box_tit .box_name::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-image: url(/src/img/b2b/group_box_arrow.svg);
}
.group_wrap .group_box .box_tit .box_del_btn{flex-shrink: 0;display: block;width: 20px;height: 20px;background-image: url(/src/img/b2b/group_box_del.svg);background-repeat: no-repeat;background-position: center;background-size: 15px auto;}
.group_wrap .group_box .box_cont {
  display: none;
}
.group_wrap .group_box .box_cont .prd_list {
  border-top: 0;
}
.group_wrap .group_box .box_cont .prd_list > table thead th {
  background-color: transparent;
}
.group_wrap .group_box .box_cont .prd_gall {
  padding: 10px;
}
.group_wrap .group_box .box_cont .main_prd_list{padding: 20px;}
.group_wrap .group_box + .group_box {
  margin-top: 20px;
}
.group_wrap .group_box.act {
  border: 1px solid #3F1466 !important;
}
.group_wrap .group_box.act .box_tit .box_name::after {
  transform: scaleY(-1);
  background-image: url(/src/img/b2b/group_box_arrow_c1.svg);
}
.group_wrap .group_box.act .box_cont {
  display: block;
}

@media (max-width: 1440px) {
  .group_wrap .group_box .box_cont .prd_list > table tbody tr {
    margin-top: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #eee;
  }
  .group_wrap .group_box .box_cont .main_prd_list{padding: 10px;}
}
@media (max-width: 620px) {
  .group_wrap .group_box .box_tit .box_name .t {
    font-size: 12px;
  }
  .group_wrap .group_box + .group_box {
    margin-top: 10px;
  }
}
.mark_page .new_cate_line {
  width: 100%;
  max-width: 595px;
}
.mark_page .new_cate_line .sbm_btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  background-color: #333;
}
.mark_page .prd_list_top {
  margin-top: 30px;
}

@media (max-width: 620px) {
  .mark_page .sbm_btn {
    font-size: 12px;
  }
  .mark_page .prd_list_top {
    margin-top: 15px;
  }
}
.sub_body .search_page .search_menu {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 20px 40px;
  background-color: #fff;
}
.sub_body .search_page .more_line {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.sub_body .search_page .more_line .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.sub_body .search_page .more_line .btn.more_btn {
  background-color: #eee;
}

@media (max-width: 1440px) {
  .sub_body .search_page .search_menu {
    padding: 20px 30px;
  }
}
@media (max-width: 620px) {
  .sub_body .search_page .search_menu {
    min-height: 56px;
    padding: 10px 20px;
  }
  .sub_body .search_page .more_line {
    margin-top: 20px;
  }
  .sub_body .search_page .more_line .btn {
    width: 135px;
    height: 40px;
    font-size: 12px;
  }
}

.cart_page .ss_tit_line.mt{margin-top: 40px;}
.cart_page .ss_tit_line+.cart_top{margin-top: 0;}
.cart_page .state_date {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.cart_page .state_date .date_inp {
  width: 140px;
}
.cart_page .state_date .arrow_btns {
  display: flex;
  gap: 0 5px;
}
.cart_page .state_date .arrow_btns .arrow_btn {
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-image: url(/src/img/b2b/cart_sch_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.cart_page .state_date .arrow_btns .arrow_btn.next {
  transform: scaleX(-1);
}
.cart_page .state_sel {
  width: 100%;
  max-width: 135px;
}
.cart_page .cart_top {
  margin-top: 40px;
}
.cart_page .prd_list > table thead th.cart_del_th {
  width: 20px;
}
.cart_page .prd_list > table tbody td.inps_td .inps_inner {
  flex-direction: column;
}
.cart_page .prd_list > table tbody td.cart_total_td .m_txt {
  display: none;
}
.cart_page .prd_list > table tbody td.cart_del_td{padding: 0;}
.cart_page .prd_list > table tbody td.cart_del_td .del_btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/src/img/b2b/cart_del.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.cart_page .prd_list > table tr.cart_tit_tr{border-bottom: 0;}
.cart_page .prd_list > table tr.cart_tit_tr .tit{font-size: 16px;font-weight: bold;color: #000;}
.cart_page .prd_list > table tbody tr.cart_tit_tr td{padding: 40px 0 20px;text-align: left;}
.cart_page .cart_total_line {
  display: flex;
  align-items: start;
  justify-content: center;
  margin-top: 30px;
  padding: 30px 20px;
  border: 5px solid #eee;
  border-radius: 10px;
}
.cart_page .cart_total_line .in_cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 300px;
  text-align: center;
}
.cart_page .cart_total_line .in_cont .tit {
  font-size: 16px;
  color: #666;
}
.cart_page .cart_total_line .in_cont .price {
  font-size: 16px;
  color: #000;
}
.cart_page .cart_total_line .in_cont .price .num {
  font-size: 30px;
  font-weight: bold;
}
.cart_page .cart_total_line .in_cont .price .num.total_num {
  color: #731CC1;
}
.cart_page .cart_total_line .ico {
  flex-shrink: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 20px;
  border-radius: 50%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
}
.cart_page .cart_total_line .ico.plus_ico {
  background-image: url(/src/img/b2b/cart_total_plus.svg);
}
.cart_page .cart_total_line .ico.result_ico {
  background-image: url(/src/img/b2b/cart_total_result.svg);
}

@media (max-width: 1440px) {
  .cart_page .prd_list > table tbody td.tit_td {
    padding-right: 20px;
  }
  .cart_page .prd_list > table tbody td.inps_td {
    padding-right: 0;
  }
  .cart_page .prd_list > table tbody td.inps_td .inps_inner {
    flex-direction: row;
  }
  .cart_page .prd_list > table tbody td.cart_total_td {
    display: block;
    margin-top: 10px;
    color: #000;
  }
  .cart_page .prd_list > table tbody td.cart_total_td .m_txt {
    display: inline;
  }
  .cart_page .prd_list > table tbody td.cart_total_td .price {
    font-size: 16px;
    font-weight: bold;
  }
  .cart_page .prd_list > table tbody td.cart_del_td {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
  }
  .cart_page .prd_list > table tr.cart_tit_tr{border: 0;min-height: auto;padding: 20px 0 0;}
  .cart_page .prd_list > table tbody tr.cart_tit_tr td{display: block;padding: 0;}
}
@media (max-width: 1240px) {
  .cart_page .cart_total_line{padding: 20px;}
  .cart_page .cart_total_line .in_cont {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .cart_page .cart_total_line {
    flex-direction: column;
    align-items: start;
    gap: 10px 0;
  }
  .cart_page .cart_total_line .in_cont {
    flex-direction: row;
  }
  .cart_page .cart_total_line .ico {
    display: none;
  }
}
@media (max-width: 620px) {
  .cart_page .ss_tit_line.mt{margin-top: 20px;}
  .cart_page .cart_top {
    margin-top: 20px;
  }
  .cart_page .prd_list > table tbody td.inps_td .inps_inner {
    flex-direction: column;
  }
  .cart_page .prd_list > table tbody td.cart_total_td {
    font-size: 12px;
  }
  .cart_page .prd_list > table tbody td.cart_total_td .price {
    font-size: 14px;
  }
  .cart_page .prd_list > table tbody td.cart_del_td {
    top: 10px;
    right: 10px;
  }
  .cart_page .prd_list > table tr.cart_tit_tr{padding-top: 10px;}
  .cart_page .prd_list > table tr.cart_tit_tr .tit{font-size: 12px;}
  .cart_page .cart_total_line {
    gap: 5px 0;
    margin-top: 15px;
    padding: 15px;
  }
  .cart_page .cart_total_line .in_cont {
    gap: 10px 5px;
  }
  .cart_page .cart_total_line .in_cont .tit {
    font-size: 14px;
  }
  .cart_page .cart_total_line .in_cont .price {
    font-size: 14px;
  }
  .cart_page .cart_total_line .in_cont .price .num {
    font-size: 18px;
  }
}
.order_page.s_cont {
  padding: 0;
}
.order_page .my_addr_list {
  border-top: 2px solid #000;
}
.order_page .my_addr_list > ul > li {
  display: flex;
  align-items: center;
  gap: 0 20px;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.order_page .my_addr_list > ul > li .txt {
  width: 100%;
}
.order_page .my_addr_list > ul > li .txt .tit {
  font-weight: bold;
  color: #000;
}
.order_page .my_addr_list > ul > li .txt .tit .basic_ico {
  color: #3F1466 !important;
}
.order_page .my_addr_list > ul > li .txt .desc {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.order_page .my_addr_list > ul > li .r_btns {
  flex-shrink: 0;
  display: flex;
  gap: 5px;
}
.order_page .my_addr_list > ul > li .r_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}
.order_page .my_addr_list > ul > li .r_btns .btn.line_style {
  border: 1px solid #333;
}
.order_page .order_inner {
  display: flex;
}
.order_page .order_inner > .l_cont {
  width: 100%;
  padding: 40px 30px;
}
@media (max-width: 1740px){
  .order_page .order_inner > .l_cont .info_dash_list .tb table thead th.num_th{width: 80px;}
}
@media (max-width: 1440px){
  .order_page .order_inner > .l_cont .info_dash_list .tb table thead th.num_th{width: auto;}
}

.order_page .order_inner > .r_cont {
  flex-shrink: 0;
  width: 420px;
  padding: 40px;
  border-left: 1px solid #eee;
}
.order_page .ss_tit_line {
  margin-top: 40px;
}
.order_page .ss_tit_line.mt0 {
  margin-top: 0;
}
.order_page .order_info_list {
  border-top: 2px solid #333;
}
.order_page .order_info_list > ul > li {
  display: flex;
  align-items: start;
  gap: 0 20px;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.order_page .order_info_list > ul > li .prd_img {
  flex-shrink: 0;
  width: 80px;
}
.order_page .order_info_list > ul > li .txt {
  width: 100%;
}
.order_page .order_info_list.prd_sys_wrap .prd_etc {
  margin-top: 0;
}
.order_page .order_w {
  padding: 15px 0;
  border-top: 2px solid #333;
  border-bottom: 1px solid #eee;
}
.order_page .order_w dl {
  display: flex;
  gap: 0 10px;
  align-items: start;
}
.order_page .order_w dl dt {
  padding-top: 10px;
  flex-shrink: 0;
  width: 100px;
  align-items: start;
  font-size: 14px;
  font-weight: bold;
}
.order_page .order_w dl dd {
  width: 100%;
  font-size: 14px;
}
.order_page .order_w dl.txt_type dt {
  padding-top: 0;
}
.order_page .order_w dl + dl {
  margin-top: 10px;
}
.order_page .order_w dl.js_addrlst_line1, .order_page .order_w dl.js_addrlst_line2 {
  display: none;
}
.order_page .order_w dl.js_addrlst_line1.act, .order_page .order_w dl.js_addrlst_line2.act {
  display: flex;
}
.order_page .order_w dl.js_bank_line, .order_page .order_w dl.js_deposit_line {
  display: none;
}
.order_page .order_w dl.js_bank_line.act, .order_page .order_w dl.js_deposit_line.act {
  display: flex;
}
.order_page .addrlst_line {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
}
.order_page .bank_line .bank_inps {
  display: flex;
  gap: 10px;
}
.order_page .bank_line .bank_inps > select {
  flex-shrink: 0;
  width: calc((100% - 20px) / 3);
}
.order_page .receipt_line .receipt_inps {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.order_page .receipt_line .receipt_inps > select {
  flex-shrink: 0;
  width: calc((100% - 20px) / 3);
}
.order_page .js_receipt_line {
  display: none;
}
.order_page .js_receipt_line.act {
  display: block;
}
.order_page .js_receipt_line .js_receipt_sel {
  display: none;
}
.order_page .js_receipt_line .js_receipt_sel.act {
  display: inline-block;
}
.order_page .order_in_w {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.order_page .order_in_w .in_line {
  display: flex;
  gap: 0 3px;
  align-items: start;
}
.order_page .order_in_w .in_line .in_tit {
  flex-shrink: 0;
  width: 95px;
  padding-top: 10px;
}
.order_page .order_in_w .in_line .in_cont {
  width: 100%;
}
.order_page .order_in_w.js_tax_line {
  display: none;
}
.order_page .order_in_w.js_tax_line.act {
  display: flex;
}
.order_page .order_result_box {
  position: sticky;
  top: 40px;
  left: 0;
}
.order_page .order_result_box .tit {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.order_page .order_result_box .result_tb {
  border-top: 2px solid #000;
}
.order_page .order_result_box .result_tb > table tbody tr {
  border-bottom: 1px solid #eee;
}
.order_page .order_result_box .result_tb > table tbody th {
  width: 90px;
  padding: 10px 0;
  font-weight: bold;
  text-align: left;
}
.order_page .order_result_box .result_tb > table tbody td {
  padding: 10px 0;
}
.order_page .order_result_box .total_tb {
  margin-top: 40px;
}
.order_page .order_result_box .total_tb > table tbody th {
  width: 90px;
  text-align: left;
}
.order_page .order_result_box .total_tb > table tbody td {
  text-align: right;
}
.order_page .order_result_box .total_price {
  font-size: 30px;
  color: #731CC1;
  font-weight: bold;
}
.order_page .order_result_box .sbm_btns {
  display: flex;
  gap: 10px 0;
  flex-direction: column;
  margin-top: 20px;
}
.order_page .order_result_box .sbm_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.order_page .order_result_box .sbm_btns .btn.bg_style {
  color: #fff;
  background-color: #3F1466 !important;
}
.order_page .order_result_box .sbm_btns .btn.line_style {
  border: 1px solid #000;
  color: #000;
}

@media screen and (max-width: 1640px) {
  .order_page .order_inner > .l_cont {
    padding: 40px 30px;
  }
  .order_page .order_inner > .r_cont {
    width: 360px;
    padding: 40px 30px;
  }
}
@media (max-width: 1240px) {
  .order_page.s_cont {
    padding: 40px 20px;
  }
  .order_page .order_inner {
    display: block;
  }
  .order_page .order_inner > .l_cont {
    padding: 0;
  }
  .order_page .order_inner > .r_cont {
    width: 100%;
    margin-top: 40px;
    padding: 0;
    border-left: 0;
  }
}
@media (max-width: 620px) {
  .order_page.s_cont {
    padding: 15px;
  }
  .order_page .my_addr_list > ul > li {
    flex-direction: column;
    align-items: start;
    gap: 10px;
    padding: 15px 0;
  }
  .order_page .my_addr_list > ul > li .txt .tit {
    font-size: 12px;
  }
  .order_page .my_addr_list > ul > li .txt .desc {
    margin-top: 5px;
  }
  .order_page .my_addr_list > ul > li .r_btns .btn {
    width: 40px;
    height: 34px;
    font-size: 12px;
  }
  .order_page .order_inner > .r_cont {
    margin-top: 20px;
  }
  .order_page .ss_tit_line {
    margin-top: 20px;
  }
  .order_page .order_info_list > ul > li {
    gap: 0 10px;
    padding: 10px 0;
  }
  .order_page .order_info_list > ul > li .prd_img {
    width: 60px;
  }
  .order_page .order_w {
    padding: 15px 0;
  }
  .order_page .order_w dl {
    flex-direction: column;
    gap: 5px 0;
  }
  .order_page .order_w dl dt {
    padding-top: 0;
    width: 100%;
    font-size: 12px;
  }
  .order_page .order_w dl dd {
    font-size: 12px;
  }
  .order_page .order_w dl + dl {
    margin-top: 15px;
  }
  .order_page .bank_line .bank_inps {
    display: flex;
    gap: 5px;
  }
  .order_page .bank_line .bank_inps > select {
    width: calc((100% - 10px) / 3);
  }
  .order_page .receipt_line .receipt_inps {
    display: flex;
    gap: 5px;
    margin-top: 5px;
  }
  .order_page .receipt_line .receipt_inps > select {
    width: calc((100% - 10px) / 3);
  }
  .order_page .order_in_w {
    gap: 5px 0;
  }
  .order_page .order_in_w .in_line .in_tit {
    width: 80px;
    font-size: 12px;
  }
  .order_page .order_in_w .in_line .in_cont {
    font-size: 12px;
  }
  .order_page .order_result_box .tit {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .order_page .order_result_box .result_tb > table tbody th {
    width: 70px;
    font-size: 12px;
  }
  .order_page .order_result_box .result_tb > table tbody td {
    font-size: 12px;
  }
  .order_page .order_result_box .total_tb {
    margin-top: 20px;
  }
  .order_page .order_result_box .total_tb > table tbody th {
    width: 70px;
    font-size: 12px;
  }
  .order_page .order_result_box .total_tb > table tbody td {
    font-size: 12px;
  }
  .order_page .order_result_box .total_price {
    font-size: 18px;
    color: #731CC1;
  }
  .order_page .order_result_box .sbm_btns {
    gap: 5px 0;
    margin-top: 10px;
  }
  .order_page .order_result_box .sbm_btns .btn {
    height: 50px;
    font-size: 14px;
  }
}
.calendar_box {
  border-top: 1px solid #000;
}
.calendar_box .line {
  display: flex;
  gap: 10px;
}
.calendar_box .line .box {
  width: 100%;
}
.calendar_box .head_lines {
  background-color: #fafafa;
}
.calendar_box .head_lines .line {
  border-bottom: 1px solid #eee;
}
.calendar_box .head_lines .line .box {
  padding: 10px;
  font-weight: bold;
  text-align: center;
  background-color: #fafafa;
}
.calendar_box .head_lines .line .box.sunday_box {
  color: #E62F2F !important;
}
.calendar_box .body_lines {
  padding-top: 10px;
}
.calendar_box .body_lines .line .box {
  display: flex;
  flex-direction: column;
  height: 216px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.calendar_box .body_lines .line .box .day {
  flex-shrink: 0;
  padding: 15px;
}
.calendar_box .body_lines .line .box .day_cont {
  overflow-y: auto;
  height: 100%;
  padding: 0 15px 15px;
}
.calendar_box .body_lines .line .box.blank_box {
  border: 0;
  background-color: #fafafa;
}
.calendar_box .body_lines .line + .line {
  margin-top: 10px;
}
.calendar_box .body_lines .day_order_list > ul > li {
  font-size: 12px;
  line-height: 120%;
}
.calendar_box .body_lines .day_order_list > ul > li .num {
  font-weight: bold;
  color: #731CC1;
}
.calendar_box .body_lines .day_order_list > ul > li + li {
  margin-top: 5px;
}

@media (max-width: 1440px) {
  .calendar_box .line {
    gap: 5px;
  }
  .calendar_box .body_lines {
    padding-top: 5px;
  }
  .calendar_box .body_lines .line .box .day {
    padding: 10px;
  }
  .calendar_box .body_lines .line .box .day_cont {
    padding: 0 10px 10px;
  }
  .calendar_box .body_lines .line + .line {
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .calendar_box .line {
    gap: 0;
  }
  .calendar_box .head_lines .line .box {
    padding: 5px 0;
    font-size: 12px;
  }
  .calendar_box .body_lines {
    padding-top: 0;
  }
  .calendar_box .body_lines .line {
    border-bottom: 1px solid #eee;
  }
  .calendar_box .body_lines .line .box {
    height: 150px;
    border: 0;
    border-radius: 0;
  }
  .calendar_box .body_lines .line .box .day {
    padding: 5px;
  }
  .calendar_box .body_lines .line .box .day .de_cki {
    align-items: center;
  }
  .calendar_box .body_lines .line .box .day .de_cki i {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .calendar_box .body_lines .line .box .day .de_cki .t {
    font-size: 11px;
  }
  .calendar_box .body_lines .line .box .day_cont {
    padding: 0 5px 5px;
  }
  .calendar_box .body_lines .line .box + .box {
    border-left: 1px solid #eee;
  }
  .calendar_box .body_lines .line + .line {
    margin-top: 0;
  }
  .calendar_box .body_lines .day_order_list > ul > li {
    font-size: 11px;
  }
  .calendar_box .body_lines .day_order_list > ul > li + li {
    margin-top: 3px;
  }
}
.filter_box {
  overflow: hidden;
  margin-bottom: 40px;
  border: 1px solid #333;
  border-radius: 10px;
}
.filter_box .cont_box {
  display: none;
  padding: 10px 20px;
  border-top: 1px solid #eee;
}
.filter_box .inp {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 5px;
  vertical-align: top;
  color: #333;
}
.filter_box .inp::placeholder {
  font-size: 14px;
  color: #999;
}
.filter_box select.inp {
  padding: 0 25px 0 15px;
  background-position: calc(100% - 15px) center;
  background-size: 8px auto;
}
.filter_box .sch_box {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.filter_box .sch_box .sch_inp {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 0;
}
.filter_box .sch_box .sch_inp::placeholder {
  font-size: 12px;
  color: #999;
}
.filter_box .sch_box .s_btn {
  flex-shrink: 0;
  width: 35px;
  height: 100%;
  background-image: url(/src/img/b2b/modal_board_sch_sbm.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.filter_box .date_inp {
  position: relative;
  display: inline-block;
  width: 100%;
}
.filter_box .date_inp .inp {
  padding-right: 35px;
}
.filter_box .date_inp .ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.filter_box .date_inps {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.filter_box .date_inps .t {
  flex-shrink: 0;
}
.filter_box .date_btns {
  display: flex;
  gap: 3px;
  margin-bottom: 5px;
}
.filter_box .date_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
}
.filter_box .date_btns .btn.act {
  border: 1px solid #3F1466;
  color: #fff;
  background-color: #3F1466;
}

.filter_box .date_col_wrap{display: flex;gap: 5px;}
.filter_box .date_col_wrap .date_btns{margin-bottom: 0;}
.filter_box .date_col_wrap .date_btns{width: calc((100% - 5px)/2);}
.filter_box .date_col_wrap .date_inps{width: calc((100% - 5px)/2);}

.filter_box .cate_dep_sels{display: flex;gap: 5px;}
.filter_box .cate_dep_sels.lng2 select{width: 100%;}

.filter_box .filter_tit_line {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 15px 50px 15px 20px;
  text-align: left;
}
.filter_box .filter_tit_line .tit {
  font-weight: bold;
  color: #000;
}
.filter_box .filter_tit_line .tit::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(/src/img/b2b/filter_tit.svg);
}
.filter_box .filter_tit_line::after {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 14px);
  width: 28px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-image: url(/src/img/b2b/filter_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.filter_box .filter_dl {
  display: grid;
  gap: 10px 60px;
  grid-template-columns: repeat(3, 1fr);
}
.filter_box .filter_dl dl.w2{grid-column: span 2;}
.filter_box .filter_dl dl {
  display: flex;
  gap: 0 20px;
}
.filter_box .filter_dl dl dt {
  flex-shrink: 0;
  width: 100px;
  min-height: 40px;
  padding-top: 10px;
  font-weight: bold;
}
.filter_box .filter_dl dl dd {
  width: 100%;
}
.filter_box .filter_dl.lng4{grid-template-columns: repeat(4, 1fr);}
.filter_box .filter_dl.lng4.dt_s_type{gap: 10px 30px;}
.filter_box .filter_dl.lng4.dt_s_type dl{gap: 0 10px;}
.filter_box .filter_dl.lng4.dt_s_type dl dt{width: 60px;}
.filter_box .filter_dl.lng5{gap: 10px 30px;grid-template-columns: repeat(5, 1fr);}
.filter_box .filter_dl.lng5 dl{gap: 0 10px;}
.filter_box .filter_dl.lng5 dl dt{width: 60px;}
.filter_box.act {
  border: 1px solid #3F1466;
}
.filter_box.act .tit_box .filter_tit_line::after {
  transform: scaleY(-1);
}
.filter_box.act .cont_box {
  display: block;
}

@media screen and (max-width: 1840px) {
  .filter_box .filter_dl {
    gap: 10px 30px;
  }
  .filter_box .filter_dl dl {
    gap: 0 10px;
  }
  .filter_box .filter_dl dl dt {
    width: 80px;
  }
}
@media (max-width: 1440px) {
  .filter_box .filter_dl {
    gap: 10px 30px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .filter_box .filter_dl dl dt{width: 80px !important;}
}
@media (max-width: 991px) {
  .filter_box .date_col_wrap .date_btns{width: 100%;}
  .filter_box .date_col_wrap .date_inps{width: 100%;}
  .filter_box .filter_dl{grid-template-columns: 1fr !important;}
  .filter_box .filter_dl dl{gap: 0 20px !important;}
  .filter_box .filter_dl dl.w2{grid-column: span 1;}
}
@media (max-width: 620px) {
  .filter_box {
    margin-bottom: 20px;
    border-radius: 5px;
  }
  .filter_box .cont_box {
    padding: 10px;
  }
  .filter_box .inp {
    padding: 0 10px;
    font-size: 12px;
  }
  .filter_box .inp::placeholder {
    font-size: 12px;
  }
  .filter_box select.inp {
    padding: 0 20px 0 10px;
    background-position: calc(100% - 10px) center;
  }
  .filter_box .sch_box .sch_inp {
    padding: 0 10px;
    font-size: 12px;
  }
  .filter_box .sch_box .s_btn {
    width: 30px;
  }
  .filter_box .date_inp .inp {
    padding-right: 26px;
  }
  .filter_box .date_inp .ui-datepicker-trigger {
    right: 10px;
    width: 16px;
  }
  .filter_box .date_inps {
    gap: 0 3px;
  }
  .filter_box .date_inps .t {
    font-size: 12px;
  }
  .filter_box .date_btns {
    gap: 0;
    overflow: hidden;
    margin-bottom: 3px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  .filter_box .date_btns .btn {
    border: 0;
    border-radius: 0;
    font-size: 12px;
  }
  .filter_box .date_btns .btn + .btn {
    border-left: 1px solid #ddd;
  }
  .filter_box .date_btns .btn.act {
    border: 0;
  }
  .filter_box .date_col_wrap{gap: 3px;}
  .filter_box .cate_dep_sels{gap: 3px;}
  .filter_box .filter_tit_line {
    min-height: 40px;
    padding: 10px 30px 10px 10px;
  }
  .filter_box .filter_tit_line .tit {
    font-size: 12px;
  }
  .filter_box .filter_tit_line .tit::before {
    width: 16px;
    height: 16px;
    background-size: cover;
  }
  .filter_box .filter_tit_line::after {
    right: 10px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
  .filter_box .filter_dl {
    gap: 5px 15px !important;
  }
  .filter_box .filter_dl dl {
    gap: 0 5px !important;
  }
  .filter_box .filter_dl dl dt {
    width: 60px !important;
    font-size: 12px;
  }
}

.filterbox_sbm_line{display: flex;justify-content: flex-end;gap: 5px;flex-wrap: wrap;margin-top: 20px;}
.filterbox_sbm_line .btn{display: flex;align-items: center;justify-content: center;min-width: 90px;height: 40px;padding: 10px;border-radius: 5px;font-size: 14px;font-weight: bold;}
.filterbox_sbm_line .btn.line_style{border: 1px solid #333;}
.filterbox_sbm_line .btn.bg_style{color: #fff;background-color: #3F1466;}
@media (max-width: 620px){
  .filterbox_sbm_line{gap: 3px;margin-top: 15px;}
  .filterbox_sbm_line .btn{min-width: 80px;padding: 7px;font-size: 12px;}
}


.warehouse_top_menu {
  display: flex;
  align-items: center;
  padding: 0 40px;
  background-color: #fff;
}
.warehouse_top_menu .tit_cont {
  display: flex;
  gap: 10px 20px;
  align-items: center;
  min-height: 90px;
  padding: 20px 0;
}
.warehouse_top_menu .tit_cont .tit {
  flex-shrink: 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.warehouse_top_menu .tit_cont .top_sel {
  width: 280px;
}
.warehouse_top_menu .menu_info_cont {
  display: flex;
  align-items: center;
  margin-left: auto;
  border-left: 1px solid #eee;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul {
  display: flex;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 90px;
  height: 90px;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .ico {
  display: block;
  width: 28px;
  height: 28px;
  background-size: cover;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .ico + .t1 {
  margin-top: 3px;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .ico.ico1_1 {
  background-image: url(/src/img/b2b/warehouse_top_menu_ico1_1.svg);
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .ico.ico1_2 {
  background-image: url(/src/img/b2b/warehouse_top_menu_ico1_2.svg);
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li .t1 {
  font-weight: bold;
  color: #000;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li + li {
  border-left: 1px solid #eee;
}
.warehouse_top_menu .menu_info_cont .menu_box > ul > li.act .box {
  background-color: #F9F3FF;
}
.warehouse_top_menu .menu_info_cont .info_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 305px;
  padding: 20px;
  border-left: 1px solid #eee;
}
.warehouse_top_menu .menu_info_cont .info_box .tit {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.warehouse_top_menu .menu_info_cont .info_box .tit + .desc {
  margin-top: 2px;
}
.warehouse_top_menu .menu_info_cont .info_box .desc {
  color: #000;
}
.warehouse_top_menu .menu_info_cont .info_box .desc .num {
  font-size: 20px;
  font-weight: bold;
  color: #731CC1;
}
.warehouse_top_menu .menu_info_cont .info_box:first-child{border-left: 0;border-right: 1px solid #eee;}

@media screen and (max-width: 1640px) {
  .warehouse_top_menu {
    padding: 0 20px;
  }
  .warehouse_top_menu .tit_cont {
    gap: 10px;
  }
  .warehouse_top_menu .menu_info_cont .info_box {
    width: 260px;
  }
}
@media (max-width: 1240px) {
  .warehouse_top_menu {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .warehouse_top_menu {
    display: block;
    padding: 0;
  }
  .warehouse_top_menu .tit_cont {
    width: 100%;
    min-height: auto;
    padding: 20px 30px;
  }
  .warehouse_top_menu .menu_info_cont {
    width: 100%;
    margin-left: 0;
    border: 0;
    border-top: 1px solid #eee;
  }
  .warehouse_top_menu .menu_info_cont .menu_box {
    flex-shrink: 0;
  }
  .warehouse_top_menu .menu_info_cont .info_box {
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 620px) {
  .warehouse_top_menu .tit_cont {
    padding: 10px 20px;
  }
  .warehouse_top_menu .tit_cont .tit {
    font-size: 16px;
  }
  .warehouse_top_menu .menu_info_cont .menu_box > ul > li .box {
    width: 60px;
    height: 60px;
  }
  .warehouse_top_menu .menu_info_cont .menu_box > ul > li .ico {
    width: 20px;
    height: 20px;
  }
  .warehouse_top_menu .menu_info_cont .menu_box > ul > li .t1 {
    font-size: 12px;
  }
  .warehouse_top_menu .menu_info_cont .info_box {
    padding: 10px;
  }
  .warehouse_top_menu .menu_info_cont .info_box .tit {
    font-size: 11px;
  }
  .warehouse_top_menu .menu_info_cont .info_box .desc {
    font-size: 11px;
  }
  .warehouse_top_menu .menu_info_cont .info_box .desc .num {
    font-size: 16px;
  }
}
.tag_list > ul {
  display: flex;
  gap: 3px 15px;
  flex-wrap: wrap;
}
.tag_list > ul > li .tag {
  font-size: 12px;
}

@media (max-width: 620px) {
  .tag_list > ul {
    gap: 3px 10px;
  }
}
.approval_flow_inner {
  display: flex;
  gap: 0 70px;
}
.approval_flow_inner .list_cont {
  width: 100%;
}
.approval_flow_inner .flow_cont {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px 0;
  width: 300px;
}
.approval_flow_inner .sch_box {
  display: flex;
}
.approval_flow_inner .sch_box .inp_box {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.approval_flow_inner .sch_box .inp_box .sch_inp {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 0;
  font-size: 12px;
}
.approval_flow_inner .sch_box .inp_box .sch_inp::placeholder {
  font-size: 12px;
  color: #999;
}
.approval_flow_inner .sch_box .inp_box .sbm_btn {
  flex-shrink: 0;
  width: 35px;
  height: 100%;
  background-image: url(/src/img/b2b/approval_flow_sch.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.approval_flow_inner .sch_box + .choice_inner {
  margin-top: 10px;
}
.approval_flow_inner .choice_inner {
  display: flex;
  gap: 5px;
}
.approval_flow_inner .group_list > ul > li {
  position: relative;
}
.approval_flow_inner .group_list > ul > li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  width: 1px;
  height: calc(100% - 33px);
  background-color: #ddd;
}
.approval_flow_inner .group_list > ul > li + li {
  margin-top: 15px;
}
.approval_flow_inner .group_list > ul > li.act .dep2 {
  display: block;
}
.approval_flow_inner .group_list .dep2 {
  display: none;
  margin-top: 10px;
  padding-left: 25px;
}
.approval_flow_inner .group_list .dep2 > ul > li {
  position: relative;
  transition: background-color 1s;
}
.approval_flow_inner .group_list .dep2 > ul > li::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 10px;
  width: 15px;
  height: 1px;
  background-color: #ddd;
}
.approval_flow_inner .group_list .dep2 > ul > li + li {
  margin-top: 5px;
}
.approval_flow_inner .group_list .dep2 > ul > li.js_sch_bgc {
  background-color: #F5ECFE;
}
.approval_flow_inner .group_list .dep_btn {
  display: flex;
  align-items: start;
  gap: 0 5px;
  text-align: left;
}
.approval_flow_inner .group_list .dep_btn::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-image: url(/src/img/b2b/approval_flow_group_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.approval_flow_inner .group_list .dep_btn .t {
  padding-top: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #3F1466;
  line-height: 140%;
}
.approval_flow_inner .group_list .dep_btn .t .num {
  font-size: 11px;
  color: #999;
  font-weight: normal;
}
.approval_flow_inner .group_list .act > .dep_btn::before {
  background-image: url(/src/img/b2b/approval_flow_group_arrow_act.svg);
}

.approval_flow_inner .group_list.dep1_hide_type > ul > li > .dep_btn{display: none;}
.approval_flow_inner .group_list.dep1_hide_type .dep2{margin-top: 0;}
.approval_flow_inner .group_list.dep1_hide_type > ul > li::before{top: 11px;left: 0;height: calc(100% - 22px);}
.approval_flow_inner .group_list.dep1_hide_type .dep2{padding-left: 15px;}
.approval_flow_inner .group_list.dep1_hide_type > ul > li .dep2{display: block;}

.approval_flow_inner .select_list .select_btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 5px;
  border-radius: 3px;
  text-align: left;
}
.approval_flow_inner .select_list .select_btn .t {
  font-size: 12px;
}
.approval_flow_inner .select_list .act > .select_btn {
  background-color: #F5ECFE;
}
.approval_flow_inner .select_list .act > .select_btn .t {
  color: #3F1466;
}
.approval_flow_inner .select_list .js_flow_sub2 > ul {
  display: none;
}
.approval_flow_inner .select_list .js_flow_sub2 > ul.act {
  display: block;
}
.approval_flow_inner .group_box {
  width: 100%;
  /* height: 280px; */
  height: 334px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.approval_flow_inner .group_box .group_list {
  overflow-y: auto;
  height: 100%;
  padding: 10px;
}
.approval_flow_inner .select_box {
  overflow: hidden;
  width: 100%;
  /* height: 280px; */
  height: 334px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.approval_flow_inner .select_box .select_list {
  overflow-y: auto;
  height: calc(100% - 34px);
  padding: 5px;
}
.approval_flow_inner .select_control_btns {
  display: flex;
  border-top: 1px solid #eee;
}
.approval_flow_inner .select_control_btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  font-weight: bold;
  text-align: center;
  background-color: #fafafa;
}
.approval_flow_inner .select_control_btns .btn + .btn {
  border-left: 1px solid #eee;
}
.approval_flow_inner .result_box {
  position: relative;
  width: 100%;
  padding-right: 50px;
}
.approval_flow_inner .result_box .result_tit_line {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.approval_flow_inner .result_box .result_tit_line .result_tit {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.approval_flow_inner .result_box .result_tit_line .result_tit .num {
  color: #EF0031;
}
.approval_flow_inner .result_box .result_tit_line .result_arrows {
  flex-shrink: 0;
  display: flex;
  margin-left: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.approval_flow_inner .result_box .result_tit_line .result_arrows .arrow_btn {
  width: 20px;
  height: 20px;
  background-image: url(/src/img/b2b/approval_flow_result_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.approval_flow_inner .result_box .result_tit_line .result_arrows .arrow_btn.down {
  transform: scaleY(-1);
}
.approval_flow_inner .result_box .result_tit_line .result_arrows .arrow_btn + .arrow_btn {
  border-left: 1px solid #ddd;
}
.approval_flow_inner .result_box .move_box {
  position: relative;
}
.approval_flow_inner .result_box .move_box .move_btns {
  position: absolute;
  top: 50%;
  left: -48px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.approval_flow_inner .result_box .move_box .move_btns .btn {
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-image: url(/src/img/b2b/approval_flow_result_move.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.approval_flow_inner .result_box .move_box .move_btns .btn.prev {
  transform: scaleX(-1);
}
.approval_flow_inner .result_box .select_list {
  overflow-y: auto;
  height: 130px;
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.approval_flow_inner .result_box .arrow_desc {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 31px;
  height: 130px;
}
.approval_flow_inner .result_box .arrow_desc .t {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: calc(100% - 10px);
  font-size: 12px;
  color: #999;
  word-break: break-all;
  line-height: 110%;
  text-align: center;
  background-color: #eee;
}
.approval_flow_inner .result_box .arrow_desc::after {
  content: "";
  width: 31px;
  height: 10px;
  margin-top: -1px;
  background-image: url(/src/img/b2b/approval_flow_result_desc.svg);
  background-size: cover;
}

@media (max-width: 991px) {
  .approval_flow_inner {
    flex-direction: column;
    gap: 70px 0;
  }
  .approval_flow_inner .group_box{height: 280px;}
  .approval_flow_inner .select_box{height: 280px;}
  .approval_flow_inner .flow_cont {
    flex-direction: row;
    gap: 0 20px;
    justify-content: start;
    width: 100%;
  }
  .approval_flow_inner .result_box {
    padding: 0;
  }
  .approval_flow_inner .result_box .select_list {
    position: relative;
    z-index: 5;
  }
  .approval_flow_inner .result_box .arrow_desc {
    right: 10px;
    opacity: 0.5;
  }
  .approval_flow_inner .result_box .move_box .move_btns {
    top: -48px;
    left: calc(50% + 14px);
    transform: rotate(90deg) translateX(-50%);
    transform-origin: top center;
    transform-origin: top;
  }
}
@media (max-width: 620px) {
  .approval_flow_inner {
    gap: 55px 0;
  }
  .approval_flow_inner .flow_cont {
    gap: 0 10px;
  }
  .approval_flow_inner .choice_inner {
    flex-direction: column;
  }
  .approval_flow_inner .group_list .dep_btn {
    display: flex;
    align-items: start;
    gap: 0 5px;
    text-align: left;
  }
  .approval_flow_inner .group_list .dep_btn::before {
    content: "";
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-image: url(/src/img/b2b/approval_flow_group_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .approval_flow_inner .group_list .dep_btn .t {
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #3F1466;
    line-height: 140%;
  }
  .approval_flow_inner .group_list .dep_btn .t .num {
    font-size: 11px;
    color: #999;
    font-weight: normal;
  }
  .approval_flow_inner .group_list .act > .dep_btn::before {
    background-image: url(/src/img/b2b/approval_flow_group_arrow_act.svg);
  }
  .approval_flow_inner .group_box {
    height: 100px;
  }
  .approval_flow_inner .select_box {
    height: 150px;
  }
  .approval_flow_inner .select_box .select_list {
    padding: 5px;
  }
  .approval_flow_inner .result_box .move_box .move_btns {
    top: -40px;
  }
}
.period_report_main {
  display: flex;
  gap: 30px;
  align-items: start;
}
.period_report_main .chart_cont {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  padding: 40px;
  height: 555px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.period_report_main .tb_cont {
  width: 100%;
}
.period_report_main.piece_type{display: grid;}
.period_report_main.piece_type .in_cont{min-width: 0;}
.period_report_main.piece_type .in_cont .chart_cont{width: 100%;}
.period_report_main.piece_type .in_tbchart{display: flex;flex-direction: column;gap: 20px;}
.period_report_main.piece_type.lng2{gap: 40px;grid-template-columns: repeat(2, 1fr);}


@media screen and (max-width: 1640px) {
  .period_report_main {
    gap: 20px;
  }
  .period_report_main .chart_cont {
    width: 380px;
    padding: 20px;
  }
}
@media screen and (max-width: 1440px){
  .period_report_main.piece_type.lng2{grid-template-columns: 1fr;}
  .period_report_main.piece_type.lng2 .in_tbchart{flex-direction: row;}
  .period_report_main.piece_type.lng2 .in_tbchart .chart_cont{flex-shrink: 0;width: 460px;}
}
@media (max-width: 991px) {
  .period_report_main {
    flex-direction: column;
    align-items: center;
  }
  .period_report_main .chart_cont {
    width: 100%;
    max-width: 460px;
    height: auto;
  }
  .period_report_main.piece_type.lng2 .in_tbchart{flex-direction: column;align-items: center;}
  .period_report_main.piece_type.lng2 .in_tbchart .chart_cont{flex-shrink: 1;width: 100%;}
}
@media (max-width: 620px) {
  .period_report_main {
    gap: 15px;
  }
  .period_report_main .chart_cont {
    width: 100%;
    border: 0;
    border-radius: 0;
  }
  .period_report_main.piece_type .in_tbchart{gap: 10px;}
  .period_report_main.piece_type.lng2{gap: 20px;}
}





@media (max-width: 991px) {
  .admin_chart {
    overflow-x: auto;
  }
  .admin_chart .chart_wrap {
    width: 750px;
    margin: 0 auto;
  }
  .admin_chart .chart_wrap.m_w930{width: 930px;}
}
.admin_main {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px;
}
.admin_main .s_tit_line {
  min-height: auto;
}
.admin_main .cont_box {
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}
.admin_main .cont_box.half_type {
  width: calc(50% - 5px);
}
.admin_main .main_r_more {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/src/img/b2b/admin_main_r_more.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.admin_main .main_thumb {
  padding: 0 !important;
}
.admin_main .main_thumb > ul {
  display: flex;
  width: 100%;
}
.admin_main .main_thumb > ul > li {
  width: 100%;
  padding: 30px;
}
.admin_main .main_thumb > ul > li .tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.admin_main .main_thumb > ul > li .tit + .desc {
  margin-top: 5px;
}
.admin_main .main_thumb > ul > li .desc {
  color: #000;
}
.admin_main .main_thumb > ul > li .desc .num {
  font-size: 20px;
  font-weight: bold;
  color: #731CC1;
}
.admin_main .main_thumb > ul > li + li {
  border-left: 1px solid #f5f5f5;
}

@media screen and (max-width: 1640px) {
  .admin_main .cont_box {
    padding: 20px;
  }
  .admin_main .main_thumb > ul > li {
    padding: 20px;
  }
}
@media (max-width: 1440px) {
  .admin_main .cont_box.half_type {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .admin_main .main_thumb > ul {
    overflow: hidden;
    flex-wrap: wrap;
  }
  .admin_main .main_thumb > ul > li {
    width: calc(33.3333% + 1px);
    margin: -1px 0 0 -1px;
    border: 1px solid #f5f5f5;
  }
  .admin_main .main_thumb > ul > li + li {
    border-left: 0;
  }
}
@media (max-width: 620px) {
  .admin_main {
    gap: 5px;
    padding: 5px;
  }
  .admin_main .s_tit_line {
    margin-bottom: 10px;
  }
  .admin_main .cont_box {
    padding: 15px;
    border-radius: 5px;
  }
  .admin_main .main_thumb > ul > li {
    padding: 15px;
  }
  .admin_main .main_thumb > ul > li .tit {
    font-size: 14px;
  }
  .admin_main .main_thumb > ul > li .desc {
    font-size: 12px;
  }
  .admin_main .main_thumb > ul > li .desc .num {
    font-size: 16px;
  }
}
.order_top_menu {
  padding: 0 40px;
  background-color: #fff;
}
.order_top_menu > ul {
  display: flex;
}
.order_top_menu > ul > li {
  width: 100%;
}
.order_top_menu > ul > li .item {
  width: 100%;
  height: 100%;
}
.order_top_menu > ul > li + li {
  border-left: 1px solid #eee;
}
.order_top_menu .item {
  display: flex;
  gap: 0 15px;
  align-items: center;
  min-height: 90px;
  padding: 20px;
}
.order_top_menu .item .ico {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #F9F3FF;
  background-repeat: no-repeat;
  background-position: center center;
}
.order_top_menu .item .txt {
  width: 100%;
}
.order_top_menu .item .txt .tit {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.order_top_menu .item .txt .desc {
  color: #000;
}
.order_top_menu .item .txt .desc .num {
  font-size: 20px;
  font-weight: bold;
  color: #731CC1;
}
.order_top_menu .item.item1_1 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_1.svg);
}
.order_top_menu .item.item1_2 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_2.svg);
}
.order_top_menu .item.item1_3 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_3.svg);
}
.order_top_menu .item.item1_4 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_4.svg);
}
.order_top_menu .item.item1_5 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_5.svg);
}
.order_top_menu .item.item1_6 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_6.svg);
}
.order_top_menu .act .item {
  position: relative;
}
.order_top_menu .act .item .ico {
  background-color: #3F1466;
}
.order_top_menu .act .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #3F1466;
}
.order_top_menu .act .item.item1_1 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_1_act.svg);
}
.order_top_menu .act .item.item1_2 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_2_act.svg);
}
.order_top_menu .act .item.item1_3 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_3_act.svg);
}
.order_top_menu .act .item.item1_4 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_4_act.svg);
}
.order_top_menu .act .item.item1_5 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_5_act.svg);
}
.order_top_menu .act .item.item1_6 .ico {
  background-image: url(/src/img/b2b/order_top_menu_ico1_6_act.svg);
}

@media screen and (max-width: 1640px) {
  .order_top_menu {
    padding: 0;
  }
  .order_top_menu .item {
    gap: 0 10px;
  }
  .order_top_menu .item .ico {
    width: 40px;
    height: 40px;
    background-size: 24px auto;
  }
}
@media (max-width: 991px) {
  .order_top_menu.lng6 > ul {
    flex-wrap: wrap;
  }
  .order_top_menu.lng6 > ul > li {
    width: calc(33.3333% + 1px);
    margin: -1px 0 0 -1px;
    border: 1px solid #eee;
  }
  .order_top_menu.lng6 > ul > li + li {
    border-left: 0;
  }
}
@media (max-width: 620px) {
  .order_top_menu .item {
    gap: 0 5px;
    min-height: 50px;
    padding: 10px;
  }
  .order_top_menu .item .ico {
    width: 30px;
    height: 30px;
    background-size: 20px auto;
  }
  .order_top_menu .item .txt .desc {
    font-size: 12px;
  }
  .order_top_menu .item .txt .desc .num {
    font-size: 16px;
  }
  .order_top_menu .act .item::after {
    height: 2px;
  }
}
.comment_wrap .comment_w_box {
  position: relative;
  height: 80px;
}
.comment_wrap .comment_w_box .inp {
  width: 100%;
  height: 100%;
  padding: 15px 100px 15px 15px;
  border-radius: 5px;
  font-size: 12px;
}
.comment_wrap .comment_w_box .s_btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #3F1466;
}
.comment_wrap .comment_top {
  margin: 30px 0 10px;
}
.comment_wrap .comment_total {
  font-size: 12px;
}
.comment_wrap .comment_total .num {
  font-weight: bold;
  color: #EF0031;
}
.comment_wrap .comment_list {
  border-top: 2px solid #000;
}
.comment_wrap .comment_list > ul > li {
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
}
.comment_wrap .comment_item .del_btn {
  width: 20px;
  height: 20px;
  background-image: url(/src/img/b2b/comment_del.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.comment_wrap .comment_item .info_line {
  font-size: 0;
}
.comment_wrap .comment_item .info_line .t1 {
  font-size: 12px;
  color: #999;
  line-height: 150%;
}
.comment_wrap .comment_item .info_line .t1.name {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.comment_wrap .comment_item .info_line .t1::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 7px;
  margin: 0 10px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
.comment_wrap .comment_item .info_line .t1:last-child::after {
  display: none;
}
.comment_wrap .comment_item .info_line + .txt {
  margin-top: 10px;
}
.comment_wrap .comment_item .txt .t1 {
  font-size: 12px;
  color: #666;
}

@media (max-width: 620px) {
  .comment_wrap .comment_w_box {
    height: 60px;
  }
  .comment_wrap .comment_w_box .inp {
    padding: 10px 90px 10px 10px;
  }
  .comment_wrap .comment_w_box .s_btn {
    right: 15px;
    font-size: 12px;
  }
  .comment_wrap .comment_top {
    margin: 15px 0 5px;
  }
  .comment_wrap .comment_list > ul > li {
    padding: 10px;
  }
  .comment_wrap .comment_item .info_line .t1.name {
    font-size: 12px;
  }
  .comment_wrap .comment_item .info_line .t1::after {
    margin: 0 5px;
  }
  .comment_wrap .comment_item .info_line + .txt {
    margin-top: 5px;
  }
}
.delvy_type_wrap .type_tab_btns {
  margin-bottom: 30px;
}
.delvy_type_wrap .type_tab_btns > ul {
  display: flex;
}
.delvy_type_wrap .type_tab_btns > ul > li {
  width: 100%;
}
.delvy_type_wrap .type_tab_btns > ul > li .t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  height: 100%;
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #ddd;
  color: #999;
  background-color: #fafafa;
}
.delvy_type_wrap .type_tab_btns > ul > li.act .t1 {
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
}
.delvy_type_wrap .delvy_num_w {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

@media (max-width: 620px) {
  .delvy_type_wrap .type_tab_btns {
    margin-bottom: 15px;
  }
  .delvy_type_wrap .type_tab_btns > ul > li .t1 {
    min-height: 40px;
    font-size: 12px;
  }
  .delvy_type_wrap .delvy_num_w {
    gap: 5px 0;
  }
}
.file_list {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}
.file_list .file_line {
  display: flex;
  align-items: start;
  gap: 0 10px;
}
.file_list .file_line::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 3px;
  background-image: url(/src/img/b2b/file_list_down.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.file_list .file_line .file_name {
  display: inline-flex;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  font-size: 12px;
}

@media (max-width: 620px) {
  .file_list .file_line {
    gap: 0 5px;
  }
}
.num_thumb_top.s_cont {
  padding: 0 !important;
}
.num_thumb_top > ul {
  display: flex;
  width: 100%;
}
.num_thumb_top > ul > li {
  width: 100%;
  padding: 30px;
}
.num_thumb_top > ul > li .tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.num_thumb_top > ul > li .tit + .desc {
  margin-top: 5px;
}
.num_thumb_top > ul > li .desc {
  color: #000;
}
.num_thumb_top > ul > li .desc .num {
  font-size: 20px;
  font-weight: bold;
  color: #731CC1;
}
.num_thumb_top > ul > li + li {
  border-left: 1px solid #f5f5f5;
}

@media screen and (max-width: 1640px) {
  .num_thumb_top > ul > li {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .num_thumb_top.lng3 > ul {
    overflow: hidden;
    flex-wrap: wrap;
  }
  .num_thumb_top.lng3 > ul > li {
    width: calc(33.3333% + 1px);
    margin: -1px 0 0 -1px;
    border: 1px solid #f5f5f5;
  }
  .num_thumb_top.lng3 > ul > li + li {
    border-left: 0;
  }
}
@media (max-width: 620px) {
  .num_thumb_top > ul > li {
    padding: 15px;
  }
  .num_thumb_top > ul > li .tit {
    font-size: 14px;
  }
  .num_thumb_top > ul > li .desc {
    font-size: 12px;
  }
  .num_thumb_top > ul > li .desc .num {
    font-size: 16px;
  }
}
.caution_box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fafafa;
}
.caution_box > ul > li + li {
  margin-top: 10px;
}
.caution_box .t1 {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
}
.caution_box .t1::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: bold;
  color: #EF0031;
}

@media (max-width: 620px) {
  .caution_box {
    padding: 10px;
    border-radius: 5px;
  }
  .caution_box > ul > li + li {
    margin-top: 5px;
  }
}
.js_myinfo_wrap .js_myinfo_conts .js_myinfo_cont {
  display: none;
}
.js_myinfo_wrap .js_myinfo_conts .js_myinfo_cont.act {
  display: block;
}

.step_state_box {
  overflow: hidden;
  display: flex;
  border: 1px solid #eee;
  border-radius: 10px;
}
.step_state_box .box {
  display: flex;
  align-items: center;
  gap: 0 15px;
  width: 100%;
  min-height: 90px;
  padding: 20px;
}
.step_state_box .box .ico {
  flex-shrink: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #F9F3FF;
  background-repeat: no-repeat;
  background-position: center center;
}
.step_state_box .box .ico.ico1_1 {
  background-image: url(/src/img/b2b/step_state_box_ico1_1.svg);
}
.step_state_box .box .ico.ico1_2 {
  background-image: url(/src/img/b2b/step_state_box_ico1_2.svg);
}
.step_state_box .box .ico.ico1_3 {
  background-image: url(/src/img/b2b/step_state_box_ico1_3.svg);
}
.step_state_box .box .ico.ico1_4 {
  background-image: url(/src/img/b2b/step_state_box_ico1_4.svg);
}
.step_state_box .box .ico.ico1_5 {
  background-image: url(/src/img/b2b/step_state_box_ico1_5.svg);
}
.step_state_box .box .txt {
  width: 100%;
}
.step_state_box .box .txt .step {
  font-size: 12px;
  font-weight: bold;
  color: #3F1466;
}
.step_state_box .box .txt .tit {
  font-weight: bold;
  color: #000;
}
.step_state_box .box + .box {
  border-left: 1px solid #eee;
}
.step_state_box .box.act {
  position: relative;
}
.step_state_box .box.act .ico {
  background-color: #3F1466;
}
.step_state_box .box.act .ico.ico1_1 {
  background-image: url(/src/img/b2b/step_state_box_ico1_1_act.svg);
}
.step_state_box .box.act .ico.ico1_2 {
  background-image: url(/src/img/b2b/step_state_box_ico1_2_act.svg);
}
.step_state_box .box.act .ico.ico1_3 {
  background-image: url(/src/img/b2b/step_state_box_ico1_3_act.svg);
}
.step_state_box .box.act .ico.ico1_4 {
  background-image: url(/src/img/b2b/step_state_box_ico1_4_act.svg);
}
.step_state_box .box.act .ico.ico1_5 {
  background-image: url(/src/img/b2b/step_state_box_ico1_5_act.svg);
}
.step_state_box .box.act::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #3F1466;
}

@media (max-width: 1240px) {
  .step_state_box .box {
    gap: 0 10px;
  }
  .step_state_box .box .ico {
    width: 40px;
    height: 40px;
    background-size: 24px auto;
  }
}
@media (max-width: 991px) {
  .step_state_box.lng5 {
    flex-wrap: wrap;
  }
  .step_state_box.lng5 .box {
    position: relative;
    width: 33.3333%;
    border-right: 1px solid #eee;
  }
  .step_state_box.lng5 .box::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
  }
  .step_state_box.lng5 .box + .box {
    border-left: 0;
  }
  .step_state_box.lng5 .box:nth-child(3n) {
    border-right: 0;
  }
}
@media (max-width: 620px) {
  .step_state_box {
    border-radius: 5px;
  }
  .step_state_box .box {
    gap: 0 5px;
    min-height: 50px;
    padding: 10px;
  }
  .step_state_box .box .ico {
    width: 30px;
    height: 30px;
    background-size: 20px auto;
  }
  .step_state_box .box .txt .step {
    font-size: 11px;
  }
  .step_state_box .box .txt .tit {
    font-size: 12px;
  }
  .step_state_box .box.act::after {
    height: 2px;
  }
}
.index_wrap .index_cate {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  background-color: #fff;
}
.index_wrap .index_cate .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 140px) / 8);
  height: 100%;
  text-align: center;
}
.index_wrap .index_cate .box .ico {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #F9F3FF;
}
.index_wrap .index_cate .box .ico + .tit {
  margin-top: 10px;
}
.index_wrap .index_cate .box .tit {
  font-size: 16px;
  font-weight: bold;
}
.index_wrap .index_cate .box:nth-child(n+8) {
  display: none;
}
.index_wrap .index_cate .box.cate_box .ico {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px auto;
}
.index_wrap .index_cate .box.more_box {
  display: flex;
}
.index_wrap .index_cate .box.more_box .ico {
  padding: 15px;
}
.index_wrap .index_cate .box.more_box .ico::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/src/img/b2b/index_cate_more.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.index_wrap .index_cate.act .box:nth-child(n+8) {
  display: flex;
}
.index_wrap .index_cate.act .box.more_box .ico::before {
  background-image: url(/src/img/b2b/index_cate_close.svg);
}

@media screen and (max-width: 1840px) {
  .index_wrap .index_cate {
    gap: 15px;
    padding: 15px;
  }
  .index_wrap .index_cate .box {
    width: calc((100% - 105px) / 8);
  }
}
@media (max-width: 991px) {
  .index_wrap .index_cate {
    gap: 15px;
    padding: 15px;
  }
  .index_wrap .index_cate .box {
    width: calc((100% - 45px) / 4);
  }
}
@media (max-width: 620px) {
  .index_wrap .index_cate {
    gap: 20px 10px;
    padding: 20px 10px;
  }
  .index_wrap .index_cate .box {
    width: calc((100% - 30px) / 4);
  }
  .index_wrap .index_cate .box .ico {
    width: 30px;
    height: 30px;
    border-radius: 0;
    background-color: transparent;
  }
  .index_wrap .index_cate .box .ico + .tit {
    margin-top: 5px;
  }
  .index_wrap .index_cate .box .tit {
    font-size: 12px;
  }
  .index_wrap .index_cate .box.cate_box .ico {
    background-size: 100% auto;
  }
  .index_wrap .index_cate .box.more_box .ico {
    padding: 0;
  }
  .index_wrap .index_cate .box.more_box .ico::before {
    border-radius: 0;
    background-color: transparent;
  }
}
.index_wrap .index_inner {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: start;
  width: 100%;
  padding: 10px;
}
.index_wrap .index_inner .index_inner {
  padding: 0 !important;
}
.index_wrap .index_inner.w1 {
  width: calc(100% - 630px);
}
.index_wrap .index_inner.w2 {
  width: 620px;
}
.index_wrap .cont_box {
  width: 100%;
  padding: 20px 30px;
  border-radius: 10px;
  background-color: #fff;
}
.index_wrap .cont_box.half_type {
  width: calc(50% - 5px);
}
.index_wrap .cont_box.in_ovy_type {
  padding-right: 0;
  padding-left: 0;
}
.index_wrap .cont_box.in_ovy_type .main_tit_line {
  padding: 0 30px;
}
.index_wrap .cont_box.in_ovy_type .in_ovy {
  overflow-y: auto;
  padding: 0 30px;
}
.index_wrap .main_r_more {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/src/img/b2b/index_main_r_more.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
.index_wrap .main_r_num {
  color: #000;
}
.index_wrap .main_r_num .num {
  font-size: 20px;
  font-weight: bold;
  color: #731CC1;
  line-height: 130%;
}
.index_wrap .main_tit {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 130%;
}
.index_wrap .main_tit_line {
  display: flex;
  gap: 10px 20px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.index_wrap .main_tit_line .r_cont {
  flex-shrink: 0;
  margin-left: auto;
}

@media screen and (max-width: 1840px) {
  .index_wrap .index_inner.w1 {
    width: calc(100% - 490px);
  }
  .index_wrap .index_inner.w2 {
    width: 480px;
  }
}
@media screen and (max-width: 1640px) {
  .index_wrap .cont_box {
    padding: 20px;
  }
  .index_wrap .cont_box.in_ovy_type .main_tit_line {
    padding: 0 20px;
  }
  .index_wrap .cont_box.in_ovy_type .in_ovy {
    padding: 0 20px;
  }
}
@media (max-width: 1440px) {
  .index_wrap .cont_box.half_type {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index_wrap .index_inner {
    width: 100% !important;
  }
}
@media (max-width: 620px) {
  .index_wrap .index_inner {
    gap: 5px;
    padding: 5px;
  }
  .index_wrap .cont_box {
    padding: 15px;
    border-radius: 5px;
  }
  .index_wrap .cont_box.in_ovy_type .main_tit_line {
    padding: 0 15px;
  }
  .index_wrap .cont_box.in_ovy_type .in_ovy {
    padding: 0 15px;
  }
  .index_wrap .main_r_num {
    font-size: 12px;
  }
  .index_wrap .main_r_num .num {
    font-size: 16px;
  }
  .index_wrap .main_tit {
    font-size: 16px;
  }
  .index_wrap .main_tit_line {
    gap: 5px 10px;
    margin-bottom: 10px;
  }
}
.index_wrap .main_visual {
  position: relative;
  overflow: hidden;
}
.index_wrap .main_visual.cont_box {
  padding: 0 !important;
}
.index_wrap .main_visual .main_mask .item {
  position: relative;
}
.index_wrap .main_visual .main_mask .item .bg {
  height: 305px;
}
.index_wrap .main_visual .main_mask .item .bg > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.index_wrap .main_visual .main_mask .item .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
}
.index_wrap .main_visual .main_mask .item .txt .t1 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 130%;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.index_wrap .main_visual .main_mask .item .txt .t1 + .t2 {
  margin-top: 20px;
}
.index_wrap .main_visual .main_mask .item .txt .t2 {
  font-size: 16px;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.index_wrap .main_visual .slide_control {
  z-index: 5;
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  gap: 5px;
}
.index_wrap .main_visual .slide_control .page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 30px;
  border-radius: 50rem;
  font-size: 12px;
  color: #999;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
}
.index_wrap .main_visual .slide_control .page .num.curr {
  font-weight: bold;
  color: #fff;
}
.index_wrap .main_visual .slide_control .arrow_btns {
  display: flex;
  gap: 5px;
}
.index_wrap .main_visual .slide_control .arrow_btns .arrow_btn {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(/src/img/b2b/main_visual_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.index_wrap .main_visual .slide_control .arrow_btns .arrow_btn.next {
  transform: scaleX(-1);
}

@media screen and (max-width: 1640px) {
  .index_wrap .main_visual .main_mask .item .txt {
    padding: 40px 20px;
  }
  .index_wrap .main_visual .main_mask .item .txt .t1 {
    font-size: 26px;
  }
  .index_wrap .main_visual .main_mask .item .txt .t2 {
    font-size: 14px;
  }
  .index_wrap .main_visual .slide_control {
    bottom: 20px;
    left: 20px;
  }
}
@media (max-width: 1440px) {
  .index_wrap .main_visual .main_mask .item .bg {
    aspect-ratio: 700/431;
    height: auto;
  }
}
@media (max-width: 620px) {
  .index_wrap .main_visual .main_mask .item .txt {
    padding: 25px 15px;
  }
  .index_wrap .main_visual .main_mask .item .txt .t1 {
    font-size: 18px;
  }
  .index_wrap .main_visual .main_mask .item .txt .t1 + .t2 {
    margin-top: 10px;
  }
  .index_wrap .main_visual .main_mask .item .txt .t2 {
    font-size: 12px;
  }
  .index_wrap .main_visual .slide_control {
    left: 15px;
    bottom: 20px;
  }
  .index_wrap .main_visual .slide_control .page {
    width: 50px;
    height: 25px;
    font-size: 11px;
  }
  .index_wrap .main_visual .slide_control .arrow_btns {
    display: none;
  }
  .index_wrap .main_visual .slide_control .arrow_btns .arrow_btn {
    width: 25px;
    height: 25px;
  }
}
.index_wrap .main_board_list {
  border-top: 1px solid #000;
}
.index_wrap .main_board_list > table tbody tr {
  border-bottom: 1px solid #eee;
}
.index_wrap .main_board_list > table tbody td {
  height: 43px;
}
.index_wrap .main_board_list > table tbody td .tit {
  display: flex;
  align-items: center;
  font-size: 12px;
  text-align: left;
}
.index_wrap .main_board_list > table tbody td .tit > a, .index_wrap .main_board_list > table tbody td .tit > button {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  vertical-align: top;
  font-size: inherit;
  text-align: inherit;
}
.index_wrap .main_board_list > table tbody td .tit > a:hover, .index_wrap .main_board_list > table tbody td .tit > button:hover {
  color: #3F1466;
}

@media (max-width: 1240px) {
  .index_wrap .main_board_list > table tbody tr {
    display: block;
    padding: 15px 0;
  }
  .index_wrap .main_board_list > table tbody td {
    display: none;
    height: auto;
  }
  .index_wrap .main_board_list > table tbody td.tit_td {
    display: block;
  }
}
@media (max-width: 620px) {
  .index_wrap .main_board_list > table tbody tr {
    padding: 10px 0;
  }
}
.index_wrap .main_prd_list.in_ovy {
  max-height: 370px;
}
.index_wrap .main_prd_list > ul > li {
  display: flex;
  gap: 0 20px;
  align-items: center;
}
.index_wrap .main_prd_list > ul > li .prd_img {
  flex-shrink: 0;
  width: 80px;
}
.index_wrap .main_prd_list > ul > li .txt {
  min-width: 0;
  width: 100%;
}
.index_wrap .main_prd_list > ul > li .inps_inner {
  flex-shrink: 0;
  display: flex;
  gap: 5px;
  width: 200px;
}
.index_wrap .main_prd_list > ul > li + li {
  margin-top: 25px;
}

@media screen and (max-width: 1640px) {
  .index_wrap .main_prd_list > ul > li .inps_inner {
    width: 160px;
  }
}
@media (max-width: 1440px) {
  .index_wrap .main_prd_list.in_ovy {
    max-height: 290px;
  }
}
@media (max-width: 620px) {
  .index_wrap .main_prd_list.in_ovy {
    max-height: 270px;
  }
  .index_wrap .main_prd_list > ul > li {
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
  }
  .index_wrap .main_prd_list > ul > li .prd_img {
    width: 60px;
  }
  .index_wrap .main_prd_list > ul > li .txt {
    width: calc(100% - 70px);
  }
  .index_wrap .main_prd_list > ul > li .inps_inner {
    width: 100%;
  }
  .index_wrap .main_prd_list > ul > li + li {
    margin-top: 15px;
  }
}

.index_wrap .cont_box.in_ovy_type .in_ovy.group_wrap{max-height: 340px;}
@media (max-width: 620px){
  .index_wrap .cont_box.in_ovy_type .in_ovy.group_wrap{max-height: 300px;}
}


.index_wrap .num_thumb_list {
  overflow: hidden;
  display: flex;
}
.index_wrap .num_thumb_list.cont_box {
  padding: 10px 0;
}
.index_wrap .num_thumb_list .box {
  position: relative;
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.index_wrap .num_thumb_list .box .tit {
  font-size: 12px;
}
.index_wrap .num_thumb_list .box .tit + .desc {
  margin-top: 3px;
}
.index_wrap .num_thumb_list .box .desc {
  font-size: 12px;
}
.index_wrap .num_thumb_list .box .desc .num {
  font-weight: bold;
  color: #3F1466;
}
.index_wrap .num_thumb_list .box::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 1px;
  height: 100%;
  background-color: #eee;
}

@media (max-width: 620px) {
  .index_wrap .num_thumb_list .box {
    padding: 0 5px;
  }
  .index_wrap .num_thumb_list .box .tit + .desc {
    margin-top: 0;
  }
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker-inline {
  width: 100%;
  border: 0;
  border-radius: 0;
}
.index_wrap .main_calendar .main_calendar_box .ui-widget-header {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker {
  padding: 0;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title {
  display: flex;justify-content: center;
  margin: 0 40px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 30px;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title select{width: 120px;height: 40px;font-size: 20px;font-family: "Pretendard";}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title select+select{margin-left: -1px;}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev, .index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next {
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-image: url(/src/img/b2b/index_main_calendar_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev span, .index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
  left: 0;
  cursor: pointer;
  background-color: transparent;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next {
  right: 0;
  transform: scaleX(-1);
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
  right: 0;
  cursor: pointer;
  background-color: transparent;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker table {
  margin: 20px 0 0;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker th {
  padding: 0 2px 15px;
  font-size: 14px;
  color: #000;
  line-height: 150%;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker th span[title=Sunday] {
  color: #E62F2F;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker td {
  /*pointer-events: none;*/
  padding: 0 2px;
  vertical-align: top;
  font-size: 0;
  text-align: center;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker td span, .index_wrap .main_calendar .main_calendar_box .ui-datepicker td a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after {
  content: attr(title);
  display: inline-block;
  margin-top: 5px;
  font-size: 11px;
  color: #999;
  line-height: 100%;
  word-break: break-all;
}

.index_wrap .main_calendar .main_calendar_box .ui-datepicker td.ico1 span, .index_wrap .main_calendar .main_calendar_box .ui-datepicker td.ico1 a {
  color: #fff;
  background-color: #3F1466;
}
.index_wrap .main_calendar .main_calendar_box .ui-datepicker td.ico2 span, .index_wrap .main_calendar .main_calendar_box .ui-datepicker td.ico2 a {
  color: #fff;
  background-color: #E62F2F;
}
.index_wrap .main_calendar .main_calendar_box .ui-state-default, .index_wrap .main_calendar .main_calendar_box .ui-widget-content .ui-state-default, .index_wrap .main_calendar .main_calendar_box .ui-widget-header .ui-state-default, .index_wrap .main_calendar .main_calendar_box .ui-button, .index_wrap .main_calendar .main_calendar_box html .ui-button.ui-state-disabled:hover, .index_wrap .main_calendar .main_calendar_box html .ui-button.ui-state-disabled:active {
  border: 0;
  background-color: transparent;
  color: #333;
}
.index_wrap .main_calendar .main_calendar_box .ui-state-disabled, .index_wrap .main_calendar .main_calendar_box .ui-widget-content .ui-state-disabled, .index_wrap .main_calendar .main_calendar_box .ui-widget-header .ui-state-disabled {
  opacity: 0.2;
}
.index_wrap .main_calendar .main_calendar_box + .main_calendar_desc {
  margin-top: 7px;
}
.index_wrap .main_calendar .main_calendar_desc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding-top: 10px;
  border-top: 1px solid #F5F5F5;
}
.index_wrap .main_calendar .main_calendar_desc .r_cont {
  flex-shrink: 0;
  margin-left: auto;
}
.index_wrap .main_calendar .main_calendar_desc .desc_box {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
  align-items: center;
  min-height: 26px;
}
.index_wrap .main_calendar .main_calendar_desc .desc_box .box {
  font-size: 12px;
}
.index_wrap .main_calendar .main_calendar_desc .desc_box .box::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 50%;
}
.index_wrap .main_calendar .main_calendar_desc .desc_box .box.box1::before {
  background-color: #3F1466;
}
.index_wrap .main_calendar .main_calendar_desc .desc_box .box.box2::before {
  background-color: #E62F2F;
}

.index_wrap .main_calendar .main_calendar_desc .state_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 26px;
  padding: 0 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.index_wrap .main_calendar .main_calendar_desc .state_btn.line_style {
  border: 1px solid #333;
}

@media (max-width: 620px) {
  .index_wrap .main_calendar {
    padding-right: 0;
    padding-left: 0;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-widget-header {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title select{width: 90px;font-size: 16px;}
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker table {
    margin-top: 10px;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker th {
    padding-bottom: 10px;
    font-size: 12px;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker td span, .index_wrap .main_calendar .main_calendar_box .ui-datepicker td a {
    font-size: 12px;
  }
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after {
    margin-top: 2px;
  }
  .index_wrap .main_calendar .main_calendar_box + .main_calendar_desc {
    margin-top: 5px;
  }
  .index_wrap .main_calendar .main_calendar_desc {
    width: calc(100% - 30px);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 540px) {
  .index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after {
    font-size: 2.5vw;
  }
}
.index_wrap .main_cart_list.in_ovy {
  max-height: 160px;
}
.index_wrap .main_cart_list > ul {
  border-top: 1px solid #eee;
}
.index_wrap .main_cart_list > ul > li {
  display: flex;
  gap: 0 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.index_wrap .main_cart_list > ul > li .tit {
  flex-shrink: 0;
  width: 135px;
  font-size: 12px;
  font-weight: bold;
  color: #3F1466;
}
.index_wrap .main_cart_list > ul > li .tit > a, .index_wrap .main_cart_list > ul > li .tit > button {
  display: inline-block;
  max-width: 100%;
  margin: -5px 0;
  padding: 5px 0;
  vertical-align: top;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.index_wrap .main_cart_list > ul > li .tit > a.tov2, .index_wrap .main_cart_list > ul > li .tit > button.tov2 {
  display: -webkit-box;
  margin: 0;
  padding: 0;
}
.index_wrap .main_cart_list > ul > li .desc {
  flex-shrink: 0;
  width: 135px;
  font-size: 12px;
}
.index_wrap .main_cart_list > ul > li .info_line {
  display: flex;
  gap: 0 10px;
  flex-wrap: wrap;
  width: 100%;
}
.index_wrap .main_cart_list > ul > li .info_line .t1 {
  font-size: 12px;
  line-height: 150%;
}

@media (max-width: 991px) {
  .index_wrap .main_cart_list > ul > li .tit {
    flex-shrink: 1;
    width: 100%;
  }
  .index_wrap .main_cart_list > ul > li .desc {
    flex-shrink: 1;
    width: 100%;
  }
}
@media (max-width: 620px) {
  .index_wrap .main_cart_list > ul > li {
    flex-wrap: wrap;
  }
  .index_wrap .main_cart_list > ul > li .info_line {
    display: block;
    font-size: 0;
  }
  .index_wrap .main_cart_list > ul > li .info_line .t1::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 5px 2px;
    vertical-align: middle;
    background-color: #eee;
  }
  .index_wrap .main_cart_list > ul > li .info_line .t1:last-child::after {
    display: none;
  }
}

#ui-datepicker-div .prddate_cart_day a{border: 1px solid #F8C0C0;background: #F8C0C0;color: #333;}


.esti_wrap .esti_mod_tit{font-size: 24px;font-weight: bold;color: #000;}
.esti_wrap .esti_mod_desc{font-size: 18px;}
.esti_wrap .esti_mod_tit+.esti_mod_desc{margin-top: 20px;}
.esti_wrap .esti_info_line{display: flex;gap: 40px;align-items: start;}
.esti_wrap .esti_info_line .tit_cont{flex-shrink: 0;width: 400px;text-align: center;}
.esti_wrap .esti_info_line .info_cont{width: 100%;}
.esti_wrap .esti_total_line{margin-top: 20px;text-align: center;}
.esti_wrap .esti_total_line .total_num{font-size: 18px;font-weight: bold;color: #000;}
.esti_wrap .esti_total_line .total_num.txts_type{display: flex;gap: 0 50px;flex-wrap: wrap;justify-content: center;}
.esti_wrap .esti_detail_line{margin-top: 20px;}

@media (max-width: 1240px){
  .esti_wrap .esti_info_line{flex-direction: column;}
  .esti_wrap .esti_info_line .tit_cont{width: 100%;}
}
@media (max-width: 620px){
  .esti_wrap .esti_mod_tit{font-size: 18px;}
  .esti_wrap .esti_mod_desc{font-size: 14px;}
  .esti_wrap .esti_mod_tit+.esti_mod_desc{margin-top: 10px;}
  .esti_wrap .esti_info_line{gap: 20px;}
  .esti_wrap .esti_total_line{margin-top: 15px;}
  .esti_wrap .esti_total_line .total_num{font-size: 14px;}
  .esti_wrap .esti_total_line .total_num.txts_type{gap: 0 25px;}
  .esti_wrap .esti_detail_line{margin-top: 15px;}
}

/*summernote*/
.note-toolbar{z-index: 9 !important;}
.edit_cont{}



.s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev, .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next{top: calc(50% - 20px);width: 40px;height: 40px;}
.s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker table{margin-top: 40px;}
.s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker th{padding-bottom: 30px;font-size: 16px;}
.s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td span, .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td a{width: 30px;height: 30px;font-size: 16px;}
.s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after{margin-top: 10px;font-size: 14px;}
.s_cont.index_wrap .main_calendar .main_calendar_box + .main_calendar_desc{}
.s_cont.index_wrap .main_calendar .main_calendar_box + .main_calendar_desc{margin-top: 20px;}
.s_cont.index_wrap .main_calendar .main_calendar_desc{padding-top: 20px;}
@media (max-width: 1240px){
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-title{margin: 0 40px;line-height: 30px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-prev, .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker .ui-datepicker-next{top: calc(50% - 15px);width: 30px;height: 30px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker table{margin-top: 20px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker th{padding-bottom: 15px;font-size: 14px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td span, .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td a{width: 24px;height: 24px;font-size: 14px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after{margin-top: 5px;font-size: 11px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box + .main_calendar_desc{margin-top: 7px;}
  .s_cont.index_wrap .main_calendar .main_calendar_desc{padding-top: 10px;}
}
@media (max-width: 620px){
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker table{margin-top: 10px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker th{padding-bottom: 10px;font-size: 12px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td span, .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td a{font-size: 12px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after{margin-top: 2px;}
  .s_cont.index_wrap .main_calendar .main_calendar_box + .main_calendar_desc{margin-top: 5px;}
}
@media screen and (max-width: 540px){
  .s_cont.index_wrap .main_calendar .main_calendar_box .ui-datepicker td::after{font-size: 2.5vw;}
}

.cate_box_list > ul{display: grid;gap: 7px;grid-template-columns: repeat(10, 1fr);}
.cate_box_list .item{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 80px;height: 100%;padding: 5px;text-align: center;border: 1px solid #ddd;border-radius: 5px;}
.cate_box_list .item .tit{word-break: break-all;line-height: 150%;}
.cate_box_list .item .num{word-break: break-all;line-height: 150%;}
.cate_box_list .item.act{border: 1px solid #3F1466;}
.cate_box_list .item.act .tit{font-weight: bold;color: #731CC1;}
.cate_box_list .item.act .num{font-weight: bold;color: #731CC1;}
.cate_box_list .chk_item{display: flex;flex-direction: column;align-items: start;gap: 5px 0;width: 100%;height: 100%;padding: 5px;border: 1px solid #ddd;border-radius: 5px;}
.cate_box_list .chk_item .de_cki{flex-shrink: 0;}
.cate_box_list .chk_item .item{justify-content: start;min-height: auto;padding: 0 0 5px;border: 0;border-radius: 0;}
.cate_box_list .chk_item.act{border: 1px solid #3F1466;}
.cate_box_list .chk_item.act .item .tit{font-weight: bold;color: #731CC1;}
.cate_box_list .chk_item.act .item .num{font-weight: bold;color: #731CC1;}
.cate_box_list.ovy_type{overflow-y: auto;max-height: 254px;}
.cate_box_list.chk_type{}

@media (max-width: 1240px){
  .cate_box_list > ul{grid-template-columns: repeat(5, 1fr);}
}
@media (max-width: 620px){
  .cate_box_list > ul{gap: 5px;grid-template-columns: repeat(4, 1fr);}
  .cate_box_list .item{min-height: 60px;}
  .cate_box_list .item .tit{font-size: 12px;}
  .cate_box_list .item .num{font-size: 12px;}
  .cate_box_list.ovy_type{max-height: 190px;}

}


.filedown_list > ul{display: grid;gap: 10px;}
.filedown_list > ul > li{min-width: 0;}
.filedown_list .item{display: flex;gap: 20px;align-items: center;padding: 20px;border: 1px solid #eee;border-radius: 5px;}
.filedown_list .item .ico{flex-shrink: 0;width: 24px;height: 24px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.filedown_list .item .ico.excel_ico{background-image: url(/src/img/b2b/filedown_list_excel.svg);}
.filedown_list .item .txt{min-width: 0;width: 100%;}
.filedown_list .item .txt .cate_line{display: flex;flex-wrap: wrap;gap: 0 10px;}
.filedown_list .item .txt .cate{font-size: 12px;font-weight: bold;color: #3F1466;line-height: 150%;}
.filedown_list .item .txt .tit{font-size: 12px;font-weight: bold;}
.filedown_list .item .txt .tit > a, .filedown_list .item .txt .tit > button{display: inline-block;max-width: 100%;margin: -5px 0;padding: 5px 0;vertical-align: top;font-size: inherit;text-align: inherit;font-weight: inherit;color: inherit;}
.filedown_list .item .action_btns{flex-shrink: 0;}
.filedown_list .item .action_btns .del_btn{display: block;width: 19px;height: 19px;background-image: url(/src/img/b2b/filedown_list_del.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
@media (max-width: 620px){
  .filedown_list > ul{gap: 5px;}
  .filedown_list .item{gap: 10px;padding: 10px;}
}


.doculist_common .state_btns{display: inline-flex;gap: 5px;flex-wrap: wrap;}
.doculist_common .state_btns .btn{display: flex;align-items: center;justify-content: center;width: 60px;height: 40px;border: 1px solid #333;border-radius: 5px;text-align: center;font-weight: bold;}
.doculist_common .state_btns .btn.bg_style{border: 1px solid #3F1466;color: #fff;background-color: #3F1466;}
.doculist_common .state_btns .btn.block_style{border: 1px solid #ddd;color: #999;background-color: #ddd;}
.doculist_common .v_btn{display: inline-flex;width: 40px;height: 40px;background-image: url(/src/img/b2b/doculist_v.svg);background-repeat: no-repeat;background-position: center center;}

@media (max-width: 620px){
  .doculist_common .state_btns{gap: 3px;}
  .doculist_common .state_btns .btn{font-size: 12px;}
}


.doculist_tb > table > thead > tr > th{padding: 10px 5px;border: 1px solid #ddd;font-weight: bold;color: #000;text-align: center;line-height: 150%;word-break: break-all;background-color: #fafafa;}
.doculist_tb > table > thead > tr > th.chk_th{width: 30px;}
.doculist_tb > table > thead > tr > th.no_th{width: 50px;}
.doculist_tb > table > tbody > tr > td{padding: 10px 5px;border: 1px solid #ddd;font-size: 12px;text-align: center;line-height: 150%;word-break: break-all;}
.doculist_tb > table > tbody > tr > td > .in_td{font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break: inherit;}
.doculist_tb > table > tbody > tr > td.tb_td{padding: 0;}
.doculist_tb > table > tbody > tr > td.tb_td .doculist_tb{overflow-y: auto;max-height: 300px;padding: 10px;}
.doculist_tb > table > tbody > tr.view_tr{display: none;}
.doculist_tb > table > tbody > tr.view_tr.act{display: table-row;}

.doculist_tb > table > tfoot{background-color: #fafafa;}
.doculist_tb > table > tfoot > tr > th{padding: 10px 5px;border: 1px solid #ddd;font-weight: bold;color: #000;text-align: center;line-height: 150%;word-break: break-all;}
.doculist_tb > table > tfoot > tr > td{padding: 10px 5px;border: 1px solid #ddd;font-size: 12px;text-align: center;line-height: 150%;word-break: break-all;}
.doculist_tb > table > tfoot > tr > td > .in_td{font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break: inherit;}

@media (max-width: 1240px){
  .doculist_tb{border-top: 1px solid #333;}
  .doculist_tb > table > colgroup{display: none;}
  .doculist_tb > table > thead{display: none;}
  .doculist_tb > table > tbody > tr{display: flex;flex-direction: column;gap: 10px 0;width: 100%;padding: 15px 0;border-bottom: 1px solid #eee;}
  .doculist_tb > table > tbody > tr > td{display: flex;gap: 0 10px;padding: 0;border: 0;font-size: 14px;text-align: left;}
  .doculist_tb > table > tbody > tr > td::before{content: attr(data-th);flex-shrink: 0;box-sizing: border-box;display: block;width: 110px;font-size: 14px;font-weight: bold;color: #000;line-height: 150%;}
  .doculist_tb > table > tbody > tr > td > .in_td{width: 100%;}
  .doculist_tb > table > tbody > tr > td.m_center_type{align-items: center;}
  .doculist_tb > table > tbody > tr:has(>.chk_td){position: relative;padding-left: 30px;}
  .doculist_tb > table > tbody > tr > td.chk_td{position: absolute;top: 15px;left: 0;}
  .doculist_tb > table > tbody > tr > td.chk_td::before{display: none;}
  .doculist_tb > table > tbody > tr > td.tb_td{padding: 15px;}
  .doculist_tb > table > tbody > tr > td.tb_td .doculist_tb{padding: 0;}
  .doculist_tb > table > tbody > tr.view_tr{padding: 0;}
  .doculist_tb > table > tbody > tr.view_tr > td::before{display: none;}
  .doculist_tb > table > tfoot > tr{display: flex;flex-direction: column;gap: 10px 0;width: 100%;padding: 15px 0;border-bottom: 1px solid #eee;}
  .doculist_tb > table > tfoot > tr > th{padding: 0;border: 0;text-align: left;}
  .doculist_tb > table > tfoot > tr > td{display: flex;gap: 0 10px;padding: 0;border: 0;text-align: left;}
  .doculist_tb > table > tfoot > tr > td::before{content: attr(data-th);flex-shrink: 0;box-sizing: border-box;display: block;width: 110px;font-size: 14px;font-weight: bold;color: #000;line-height: 150%;}
  .doculist_tb > table > tfoot > tr > td > .in_td{width: 100%;}
  .doculist_tb > table > tfoot > tr > td.m_dn{display: none;}
}
@media (max-width: 620px){
  .doculist_tb > table > tbody > tr{gap: 5px 0;}
  .doculist_tb > table > tbody > tr > td{font-size: 12px;}
  .doculist_tb > table > tbody > tr > td::before{width: 90px;font-size: 12px;}
  .doculist_tb > table > tfoot > tr > th{font-size: 12px;}
  .doculist_tb > table > tfoot > tr > td::before{width: 90px;font-size: 12px;}
}


.codebox_tb .state_btns{display: inline-flex;gap: 5px;flex-wrap: wrap;}
.codebox_tb .state_btns .btn{display: flex;align-items: center;justify-content: center;width: 60px;height: 40px;border: 1px solid #333;border-radius: 5px;text-align: center;font-weight: bold;}
.codebox_tb .state_btns .btn.bg_style{border: 1px solid #3F1466;color: #fff;background-color: #3F1466;}
.codebox_tb .state_btns .btn.block_style{border: 1px solid #ddd;color: #999;background-color: #ddd;}
.codebox_tb .info_line{font-size: 0;}
.codebox_tb .info_line .t1{line-height: 150%;font-size: 12px;}
.codebox_tb .info_line b.t1{font-weight: bold;}
.codebox_tb .info_line .t1::after{content: '';display: inline-block;width: 1px;height: 9px;margin: 0 5px 2px;vertical-align: middle;background-color: #ddd;}
.codebox_tb .info_line .t1:last-child::after{display: none;}
.codebox_tb > table > thead > tr > th{padding: 10px;border: 1px solid #ddd;font-weight: bold;color: #000;text-align: center;line-height: 150%;word-break: break-all;background-color: #fafafa;}
.codebox_tb > table > tbody > tr > td{padding: 10px;border: 1px solid #ddd;font-size: 12px;text-align: center;line-height: 150%;word-break: break-all;}
.codebox_tb > table > tbody > tr > td > .in_td{font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break: inherit;}
.codebox_tb > table > tbody > tr.tit_tr > td{text-align: left;}
.codebox_tb > table > tbody > tr.tit_tr .tit_lr{display: flex;gap: 5px;align-items: center;}
.codebox_tb > table > tbody > tr.tit_tr .tit_lr > .r_cont{flex-shrink: 0;margin-left: auto;}


@media (max-width: 1240px){
  .codebox_tb{border-top: 1px solid #333;}
  .codebox_tb > table > thead{display: none;}
  .codebox_tb > table > tbody > tr{display: flex;flex-direction: column;gap: 10px 0;width: 100%;padding: 15px 0;border-bottom: 1px solid #eee;}
  .codebox_tb > table > tbody > tr > td{display: flex;gap: 0 10px;padding: 0;border: 0;font-size: 14px;text-align: left;}
  .codebox_tb > table > tbody > tr > td::before{content: attr(data-th);flex-shrink: 0;box-sizing: border-box;display: block;width: 110px;font-size: 14px;font-weight: bold;color: #000;line-height: 150%;}
  .codebox_tb > table > tbody > tr > td > .in_td{width: 100%;}
  .codebox_tb > table > tbody > tr.tit_tr > td::before{display: none;}
  .codebox_tb > table > tbody > tr > td.m_center_type{align-items: center;}
}
@media (max-width: 620px){
  .codebox_tb .state_btns{gap: 3px;}
  .codebox_tb .state_btns .btn{font-size: 12px;}
  .codebox_tb > table > tbody > tr{gap: 5px 0;}
  .codebox_tb > table > tbody > tr > td{font-size: 12px;}
  .codebox_tb > table > tbody > tr > td::before{width: 90px;font-size: 12px;}
  .codebox_tb > table > tfoot > tr > th{font-size: 12px;}
  .codebox_tb > table > tfoot > tr > td::before{width: 90px;font-size: 12px;}
}

.info_inp_tb .codebox_tb > table > thead > tr > th{width: auto;height: auto;}
.info_inp_tb .codebox_tb > table > tbody > tr > td{height: auto;}


.no_result{display: flex;flex-direction: column;align-items: center;padding: 40px 0;border-top: 1px solid #000;border-bottom: 1px solid #ddd;text-align: center;}
.no_result .tit{font-size: 16px;color: #666;}
@media (max-width: 620px){
  .no_result{padding: 20px 0;}
  .no_result .tit{font-size: 12px;}
}







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