@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
ul {
  list-style: none;
}

.grid-x {
  display: flex;
}

.grid-y {
  display: flex;
  flex-direction: column !important;
}

.align-justify {
  justify-content: space-between !important;
}

.align-right {
  justify-content: flex-end !important;
}

.align-middle {
  align-items: center;
}

.align-bottom {
  align-items: flex-end;
}

.txtleft {
  padding-left: 5px !important;
  text-align: left !important;
}

.txtcenter {
  text-align: center !important;
}

.txtright {
  padding-right: 5px !important;
  text-align: right !important;
}

.bt0 {
  border-top: 0 !important;
}

.bb0 {
  border-bottom: 0 !important;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w50p {
  width: 50% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w98p {
  width: 98% !important;
}

.w200x {
  width: 200px !important;
}

input[type=file].hide-file {
  display: none !important;
}

#ui-datepicker-div {
  display: none;
  z-index: 99999 !important;
}

div.date-wrap {
  display: flex;
  align-items: center;
}
div.date-wrap input[type=text].datepicker,
div.date-wrap input[type=text].datepicker-forword {
  width: 8rem;
  margin-right: 5px;
}
div.date-wrap img {
  cursor: pointer;
}

a.list_key:hover {
  color: #1a6dff !important;
  text-decoration: underline !important;
}

a.btn-plus {
  position: relative;
  padding-left: 15px;
}
a.btn-plus:before {
  content: url("/images/plus20x20.png");
  position: absolute;
  left: 0;
  top: 10%;
  transform: translateX(-50%);
}

span.date-wave {
  margin: 0 5px;
}

span.blue {
  color: #1a6dff;
}

#no_style,
#no_style tr,
#no_style td {
  margin: 0;
  padding: 0;
  border: 0 none;
}

img.zoom-thumb {
  max-width: 100px !important;
  max-height: 100px !important;
}

.radio-wrap {
  display: flex;
  align-items: center;
}

.radio-ele-wrap {
  display: flex;
  align-items: center;
}
.radio-ele-wrap input[type=radio] {
  margin-right: 0.5rem;
}
.radio-ele-wrap label {
  margin-right: 2rem;
  cursor: pointer;
}
.radio-ele-wrap label:hover, .radio-ele-wrap label.active {
  color: #1a6dff;
}

.clear-wrap {
  display: flex;
  position: relative;
}
.clear-wrap input[type=text] {
  width: 110px !important;
}
.clear-wrap .btn-clear-datepicker {
  position: absolute;
  right: 35px;
  top: 55%;
  transform: translateY(-50%);
}
.clear-wrap .btn-clear-datepicker.hide {
  display: none;
}

ul.period-buttons-wrap {
  display: flex;
  margin: 0 10px 0 5px;
}
ul.period-buttons-wrap li {
  display: flex;
  padding: 5px 8px;
  width: 4rem;
  border: solid 1px #dbdbdb;
}
ul.period-buttons-wrap li:hover, ul.period-buttons-wrap li.active {
  border: solid 1px #1a6dff;
}
ul.period-buttons-wrap li:hover a, ul.period-buttons-wrap li.active a {
  color: #1a6dff;
}
ul.period-buttons-wrap li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #414141;
}

div.search-summery-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  margin-right: 18px;
}
div.search-summery-wrap div.search-summery {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
div.search-summery-wrap div.search-summery p {
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: right;
  color: #1a6dff;
}
div.search-summery-wrap div.search-summery p.price {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
}
div.search-summery-wrap a {
  margin-top: 29px;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: right;
  color: #414141;
  text-decoration: underline;
}

span.essential {
  font-size: 14px;
  font-weight: 500;
  line-height: 2.93;
  letter-spacing: 0.35px;
  text-align: left;
  color: #f00;
  position: relative;
}
span.essential:after {
  content: url("/images/essential.png");
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}

span.box-parts,
span.box-ppt,
span.box-case,
span.box-page,
a.box-page {
  display: inline-block;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50%;
  margin-left: 0.3rem;
}
span.box-parts.small,
span.box-ppt.small,
span.box-case.small,
span.box-page.small,
a.box-page.small {
  width: 8px !important;
  height: 8px !important;
}
span.box-parts.box-parts,
span.box-ppt.box-parts,
span.box-case.box-parts,
span.box-page.box-parts,
a.box-page.box-parts {
  background-color: blue;
}
span.box-parts.box-ppt,
span.box-ppt.box-ppt,
span.box-case.box-ppt,
span.box-page.box-ppt,
a.box-page.box-ppt {
  background-color: yellow;
}
span.box-parts.box-case,
span.box-ppt.box-case,
span.box-case.box-case,
span.box-page.box-case,
a.box-page.box-case {
  background-color: #F99;
}
span.box-parts.box-page,
span.box-ppt.box-page,
span.box-case.box-page,
span.box-page.box-page,
a.box-page.box-page {
  background-color: green;
}

dl.price-wrap {
  display: flex;
  flex-wrap: wrap;
}
dl.price-wrap dt, dl.price-wrap dd {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
dl.price-wrap dt {
  width: 10%;
}
dl.price-wrap dd {
  width: 90%;
}

main {
  /*  width: 1300px;*/
}
main .write-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 12px;
  width: 100%;
}
main .write-header.column {
  flex-direction: column;
}
main .write-header p.red {
  color: #f00;
}
main .write-header ul {
  display: flex;
}
main .write-header ul li {
  margin-right: 18px;
}
main .write-header ul li a {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  color: #bababa;
  position: relative;
}
main .write-header ul li a:hover, main .write-header ul li a.active {
  color: #414141;
}
main .write-header ul li a:hover:after, main .write-header ul li a.active:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #1a6dff;
  position: absolute;
  left: 0;
  bottom: -20px;
}
main .write-header:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #414141;
  left: 0;
  bottom: -2px;
}
main .write-header p {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #414141;
}
main div.content {
  display: flex;
  flex-direction: column;
  padding: 20px 44px 0 44px;
  width: 100%;
}
main div.content div.site-content {
  width: 1000px;
}
main div.content div.site-content.w1200 {
  width: 1200px;
}
main div.content div.bottom-buttons {
  display: flex;
  justify-content: center;
  margin: 35px 0 50px;
}
main div.content div.bottom-buttons a.btn-m-blue {
  padding: 10px 65px;
  margin-right: 15px;
}
main div.content div.bottom-buttons a.btn-m-gray {
  padding: 10px 28px;
}
main div.content div.bottom-right-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  margin: 35px 0 50px;
}
main div.content div.bottom-right-buttons .down-button-wrap {
  display: flex;
  position: relative;
}
main div.content div.bottom-right-buttons .down-button-wrap .down-button-ment {
  display: flex;
  justify-content: center;
  padding: 1rem;
  border: 1px solid black;
  border-radius: 0.3rem;
  position: absolute;
  background-color: #ffffff;
  width: 30rem;
  right: 0;
  top: -4rem;
}
main div.content div.bottom-right-buttons a.btn-m-blue, main div.content div.bottom-right-buttons a.btn-m-white-blue, main div.content div.bottom-right-buttons a.btn-m-gray {
  width: 123px;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  margin-left: 20px;
}
main div.content div.bottom-right-buttons a.btn-m-blue-all {
  width: unset;
  padding: 10px 10px;
}

.group-wrap {
  padding: 22px 0 22px 31px;
}
.group-wrap > a.more {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  border: 1px solid #bababa;
  border-radius: 10px;
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #787878;
  width: 92%;
}

.row {
  display: flex;
  align-items: center;
  padding: 17px 0;
  position: relative;
}
.row.column {
  flex-direction: column;
}
.row.underline:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  position: absolute;
  left: 0;
  bottom: 0;
}
.row.underline2:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  position: absolute;
  left: 0;
  bottom: 3rem;
}
.row.p0 {
  padding: 0;
}
.row.w100p {
  width: 100%;
}
.row.align-justify {
  justify-content: space-between;
}
.row.align-center {
  justify-content: center;
}
.row.align-right {
  justify-content: flex-end;
}
.row.align-top {
  align-items: flex-start;
}
.row .left-box,
.row .right-box {
  display: flex;
  align-items: center;
}
.row .left-box {
  justify-content: flex-start;
}
.row .right-box {
  justify-content: flex-end;
}
.row input[type=text], .row select {
  padding: 5px 11px;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #787878;
  height: 31px;
}
.row .ele-box {
  display: flex;
  align-items: center;
  margin-right: 36px;
}
.row .ele-box span {
  margin-right: 12px;
  color: #414141;
}
.row .search-input-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 244px;
  position: relative;
  margin-right: 22px;
}
.row .search-input-wrap input[type=text] {
  width: 100%;
}
.row .search-input-wrap a {
  position: absolute;
  right: 5px;
  top: 60%;
  transform: translateY(-50%);
}
.row span.date-wave {
  padding: 0 5px;
}
.row .btn-search {
  margin-left: 20px;
  position: relative;
  padding-left: 30px;
}
.row .btn-search.h100p {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
}
.row .btn-search.h100p:before {
  display: none;
}
.row .btn-search:before {
  content: url("/images/ico-search.png");
  position: absolute;
  left: 7px;
  top: 62%;
  transform: translateY(-50%);
}
.row ul.checkbox-wrap {
  display: flex;
  align-items: center;
}
.row ul.checkbox-wrap li {
  display: flex;
  align-items: center;
  padding-right: 30px;
  position: relative;
}
.row ul.checkbox-wrap li input[type=checkbox] {
  margin-right: 5px;
}
.row ul.checkbox-wrap li:after {
  content: "";
  width: 1.5px;
  height: 80%;
  background-color: #707070;
  position: absolute;
  right: 15px;
  top: 3px;
}
.row ul.checkbox-wrap li:last-child:after {
  display: none;
}
.row ul.order-wrap {
  display: flex;
  align-items: center;
}
.row ul.order-wrap li a {
  display: flex;
  width: 30px;
  height: 30px;
  position: relative;
}
.row ul.order-wrap li a.ico-block {
  margin-right: 5px;
}
.row ul.order-wrap li a.ico-block:before {
  content: url("/images/ico-block.png");
  position: absolute;
  left: 0;
  top: 57%;
  transform: translateY(-50%);
}
.row ul.order-wrap li a.ico-list:before {
  content: url("/images/ico-list.png");
  position: absolute;
  left: 0;
  top: 57%;
  transform: translateY(-50%);
}
.row ul.order-wrap li a:hover.ico-block:before,
.row ul.order-wrap li a.active.ico-block:before {
  content: url("/images/ico-block-on.png");
  position: absolute;
  left: 0;
  top: 57%;
  transform: translateY(-50%);
}
.row ul.order-wrap li a:hover.ico-list:before,
.row ul.order-wrap li a.active.ico-list:before {
  content: url("/images/ico-list-on.png");
  position: absolute;
  left: 0;
  top: 57%;
  transform: translateY(-50%);
}

.com-write-wrap {
  display: flex;
  flex-direction: column;
}
.com-write-wrap .list-wrap {
  padding: 0;
}
.com-write-wrap div.plus-wrap {
  display: flex;
  margin-left: 0;
}
.com-write-wrap div.plus-wrap label.s-plus,
.com-write-wrap div.plus-wrap label.m-plus,
.com-write-wrap div.plus-wrap a.s-plus,
.com-write-wrap div.plus-wrap a.m-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #1a6dff;
  width: 84px;
  height: 63px;
  margin-right: 13px;
  position: relative;
  cursor: pointer;
}
.com-write-wrap div.plus-wrap label.s-plus:before,
.com-write-wrap div.plus-wrap label.m-plus:before,
.com-write-wrap div.plus-wrap a.s-plus:before,
.com-write-wrap div.plus-wrap a.m-plus:before {
  content: url("/images/ico-plus.png");
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.com-write-wrap div.plus-wrap label.m-plus,
.com-write-wrap div.plus-wrap a.m-plus {
  display: flex;
  width: 104px;
  height: 88px;
  margin-right: 13px;
}
.com-write-wrap .buttons {
  display: flex;
  justify-content: center;
  margin: 49px 0;
}
.com-write-wrap .buttons a {
  padding: 10px 28px;
}
.com-write-wrap .buttons a.btn-m-blue {
  padding: 10px 65px;
  margin-right: 15px;
}

.list-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
  background-color: #fff;
  padding: 8px 8px 47px 8px;
  width: 100%;
}
.list-wrap p.price-ment {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: bold;
  color: #1a6dff;
  width: 100%;
}
.list-wrap table.list {
  width: 100%;
  margin-bottom: 34px;
}
.list-wrap table.list.simple-product {
  border-bottom: 1px solid #000;
}
.list-wrap table.list.simple-product th {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.list-wrap table.list.simple-product tr th, .list-wrap table.list.simple-product tr td {
  text-align: center;
}
.list-wrap table.list.simple-product tr:hover td {
  background-color: #f0f0f0;
}
.list-wrap table.list.simple-product tr:last-child td {
  border-bottom: 1px solid #000;
}
.list-wrap table.list tr.sum td {
  font-size: 20px;
  font-weight: 500;
}
.list-wrap table.list tr.sum td.tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #414141;
}
.list-wrap table.list th, .list-wrap table.list td {
  padding: 12px 0;
  border-bottom: 1px solid #dcdcdc;
  text-align: left;
  vertical-align: middle;
}
@media print {
  .list-wrap table.list th, .list-wrap table.list td {
    padding: 1pt 0;
  }
}
.list-wrap table.list th.br0, .list-wrap table.list td.br0 {
  border-right: 0 !important;
}
.list-wrap table.list th.b-blue, .list-wrap table.list td.b-blue {
  font-size: 16px;
  font-weight: bold !important;
  color: #1a6dff;
}
.list-wrap table.list th {
  font-size: 16px;
  font-weight: bold;
}
@media print {
  .list-wrap table.list th {
    font-size: 8pt;
  }
}
.list-wrap table.list td {
  font-size: 14px;
  position: relative;
}
@media print {
  .list-wrap table.list td {
    font-size: 8pt;
  }
}
.list-wrap table.list td .tit-icon-wrap {
  display: flex;
  align-items: center;
}
.list-wrap table.list td.circle:after, .list-wrap table.list td.circle_dot:after, .list-wrap table.list td.circle_green:after, .list-wrap table.list td.circle_on:after, .list-wrap table.list td.circle_wait:after, .list-wrap table.list td.circle_pending:after, .list-wrap table.list td.circle_cancel:after {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40%;
}
.list-wrap table.list td.circle_start:after {
  right: 0;
  transform: none;
  width: 50% !important;
}
.list-wrap table.list td.circle_end:after {
  left: 0;
  transform: none;
  width: 50% !important;
}
.list-wrap table.list td.circle_on, .list-wrap table.list td.circle_green, .list-wrap table.list td.circle_wait, .list-wrap table.list td.circle_pending, .list-wrap table.list td.circle_cancel {
  position: relative;
}
.list-wrap table.list td.circle_on:before, .list-wrap table.list td.circle_green:before, .list-wrap table.list td.circle_wait:before, .list-wrap table.list td.circle_pending:before, .list-wrap table.list td.circle_cancel:before {
  content: " ";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 2px #1a6dff;
  background-color: #fff;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 30%;
  z-index: 1;
}
.list-wrap table.list td.circle_wait:before {
  border: solid 2px #1a6dff !important;
}
.list-wrap table.list td.circle_pending:before {
  border: solid 2px #787878 !important;
}
.list-wrap table.list td.circle_cancel:before {
  border: solid 2px #ff0000 !important;
}
.list-wrap table.list td.circle_green:before {
  border: solid 2px #02c83b !important;
}
.list-wrap table.list td.circle, .list-wrap table.list td.circle_dot {
  position: relative;
}
.list-wrap table.list td.circle:before, .list-wrap table.list td.circle_dot:before {
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dbdbdb;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 33%;
  z-index: 1;
}
.list-wrap table.list td.circle_dot:before {
  background-color: #1a6dff;
}
.list-wrap table.list td.no_data {
  height: 150px;
  text-align: center;
  vertical-align: middle;
}
.list-wrap table.list td.thumb img {
  max-width: 50px;
  max-height: 50px;
}
.list-wrap table.list td div.buttons-wrap {
  display: flex;
  justify-content: center;
}
.list-wrap table.list td span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 0.3rem;
}
.list-wrap table.list td span.color, .list-wrap table.list td span.ico-ex-mark {
  width: unset;
  height: unset;
  border-radius: unset;
  margin-left: unset;
}
.list-wrap table.list td span.step-gray, .list-wrap table.list td span.step-red {
  display: block;
  width: unset;
  height: unset;
  margin-top: 1.5rem;
}
.list-wrap table.list td span.step-gray {
  color: #787878;
}
.list-wrap table.list td span.step-red {
  color: #ff0000;
}
.list-wrap table.list td span.box-parts {
  background-color: blue;
}
.list-wrap table.list td span.box-ppt {
  background-color: yellow;
}
.list-wrap table.list td span.box-page {
  background-color: green;
}
.list-wrap table.list td span.box-case {
  text-align: center;
  vertical-align: center;
  width: 1rem;
  height: 1rem;
  background-color: #F99;
  font-size: 0.6rem;
}
.list-wrap table.list td a.list_key {
  color: #1a6dff;
}
.list-wrap table.list td a.ico-ex-mark {
  display: inline-block;
  margin-left: 0.3rem;
  width: 15px;
  height: 15px;
  background: url("/images/ico-ex-mark.png") no-repeat center center;
  cursor: pointer;
}
.list-wrap table.list td a.sep {
  margin-right: 0.8rem;
  position: relative;
}
.list-wrap table.list td a.sep:after {
  content: "";
  width: 1px;
  height: 70%;
  background-color: #bababa;
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.list-wrap table.list td a.blue,
.list-wrap table.list td a.gray,
.list-wrap table.list td a.green {
  display: block;
  margin-top: 1.5rem;
}
.list-wrap table.list td a.blue {
  color: #1a6dff;
}
.list-wrap table.list td a.gray {
  color: #787878;
}
.list-wrap table.list td a.green {
  color: #02c83b;
}
.list-wrap table.list td a.under {
  text-decoration: underline;
}
.list-wrap table.list td a.under:hover {
  color: #1a6dff;
}
.list-wrap table.list td a.ico-clip,
.list-wrap table.list td a.ico-clip-gray {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  text-align: left;
  color: #bababa;
  padding-left: 25px;
  text-decoration: underline;
  position: relative;
}
.list-wrap table.list td a.ico-clip:before {
  content: url("/images/ico-clip.png");
  position: absolute;
  left: 0;
  top: 0;
}
.list-wrap table.list td a.ico-clip-gray:before {
  content: url("/images/ico-clip-gray.png");
  position: absolute;
  left: 0;
  top: 0;
}
.list-wrap table.list td div.color-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #e7e7e7;
}
.list-wrap table.list td div.ctl-box {
  display: none;
  border: 1px solid #bababa;
  padding: 5px;
  position: absolute;
  right: 40px;
  top: 0;
  background: #fff;
  width: 122px;
  z-index: 1;
}
.list-wrap table.list td div.ctl-box.on {
  display: flex;
}
.list-wrap table.list td div.ctl-box > ul {
  display: flex;
  flex-direction: column;
}
.list-wrap table.list td div.ctl-box > ul > li {
  display: flex;
  width: 100%;
  padding: 5px;
}
.list-wrap table.list td div.ctl-box > ul > li a {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-brochure {
  padding: 10px 0 0 30px;
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-brochure:before {
  left: 5px;
  top: 35%;
  position: absolute;
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-share:before, .list-wrap table.list td div.ctl-box > ul > li a.ico-pencil:before, .list-wrap table.list td div.ctl-box > ul > li a.ico-copy:before, .list-wrap table.list td div.ctl-box > ul > li a.ico-del:before {
  left: 5px;
  top: 10%;
  position: absolute;
}
.list-wrap table.list td div.ctl-box > ul > li a:hover {
  color: #1a6dff;
}
.list-wrap table.list td div.ctl-box > ul > li a:hover.ico-share:before {
  content: url("/images/ico-25-share-on.png");
}
.list-wrap table.list td div.ctl-box > ul > li a:hover.ico-pencil:before {
  content: url("/images/ico-25-pencil-on.png");
}
.list-wrap table.list td div.ctl-box > ul > li a:hover.ico-copy:before {
  content: url("/images/ico-25-copy-on.png");
}
.list-wrap table.list td div.ctl-box > ul > li a:hover.ico-del:before {
  content: url("/images/ico-25-recycle-on.png");
}
.list-wrap table.list td div.ctl-box > ul > li a:hover.ico-brochure:before {
  content: url("/images/ico-25-brochure.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-share:before {
  content: url("/images/ico-25-share.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-pencil:before {
  content: url("/images/ico-25-pencil.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-copy:before {
  content: url("/images/ico-25-copy.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-del:before {
  content: url("/images/ico-25-recycle.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-brochure:before {
  content: url("/images/ico-25-brochure.png");
}
.list-wrap table.list td div.ctl-box > ul > li a.ico-brochure:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.list-wrap table.list td a.btn-ext {
  padding: 5px 16px;
  border-radius: 4px;
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: center;
  border: solid 1px #1a6dff;
  background-color: #fff;
  color: #05192c;
}
@media (max-width: 1700px) {
  .list-wrap table.list td a.btn-ext {
    padding: 5px 5px;
    font-size: 0.8rem;
  }
}
.list-wrap table.list td a.btn-ext:hover {
  color: #fff;
  background-color: #1a6dff;
}
.list-wrap table.list td a.btn-gray,
.list-wrap table.list td a.btn-red {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  padding: 8px 9px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #fff;
  width: 53px;
}
.list-wrap table.list td a.btn-gray.btn-gray,
.list-wrap table.list td a.btn-red.btn-gray {
  background-color: #787878;
}
.list-wrap table.list td a.btn-gray.btn-red,
.list-wrap table.list td a.btn-red.btn-red {
  background-color: #ff6969;
}
.list-wrap table.list td a.btn-s-gray {
  padding: 5px 10px;
}
.list-wrap table.list td.bl1 {
  border-left: 1px solid #dcdcdc;
}
.list-wrap table.list td a.btn-down-more,
.list-wrap table.list td a.btn-up-more {
  font-size: 16px;
  line-height: 2.81;
  letter-spacing: 0.4px;
  color: #1a6dff;
  position: relative;
}
.list-wrap table.list td a.btn-down-more:after,
.list-wrap table.list td a.btn-up-more:after {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.list-wrap table.list td a.btn-down-more:after {
  content: url("/images/ico-down.png");
}
.list-wrap table.list td a.btn-up-more:after {
  content: url("/images/ico-up.png");
}
.list-wrap table.list.bold th {
  font-size: 14px;
  border: 1px solid #414141;
  border-top: 2px solid #414141;
  border-bottom: 2px solid #414141;
  padding: 5px 0;
}
.list-wrap table.list.bold th.tit3 {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #2f2f2f;
}
.list-wrap table.list.bold th.first {
  border-left: 0;
}
.list-wrap table.list.bold th.last {
  border-right: 0;
}
.list-wrap table.list.bold th.first2 {
  border-top: 0;
  border-bottom: 0;
  width: 5px;
}
.list-wrap table.list tr.gray th {
  background-color: #f0f0f0;
}
.list-wrap table.list-border td {
  border: 1px solid #dcdcdc;
}
.list-wrap a.more {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  border: 1px solid #bababa;
  border-radius: 10px;
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #787878;
  width: 92%;
}
.list-wrap.p0 {
  padding: 0 !important;
}
.list-wrap.p0 table.list th {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.35px;
}

table.list2 {
  width: 100%;
}
table.list2 th {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  border-top: 2px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 10px 0;
  text-align: left;
  vertical-align: middle;
}
table.list2 th span.vat {
  color: #787878;
}
table.list2 th.gray {
  background-color: #ededed;
}
table.list2 td {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  border-bottom: 1px solid #bababa;
  padding: 20px 0;
  vertical-align: middle;
  text-align: left;
}
table.list2 td.no_data {
  height: 150px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
table.list2 td.gray {
  background-color: #ededed !important;
}
table.list2 td a.btn-del-minus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #f00;
  color: #fff;
  margin: 6px;
}

table.list3 {
  width: 100%;
}
table.list3 th {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  text-align: left;
  color: #2f2f2f;
  border-top: 2px solid #414141;
  border-bottom: 2px solid #414141;
  padding: 20px 0;
}
table.list3 td {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  border-bottom: 1px solid #bababa;
  padding: 20px 0;
  text-align: left;
}
table.list3 td.thumb img {
  max-width: 100px;
  max-height: 100px;
}

table.write {
  width: 100%;
  border-top: 2px solid #414141;
}
table.write th, table.write td {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  padding: 10px 0 10px 17px;
  border-bottom: 1px solid #bababa;
  text-align: left;
  vertical-align: top;
}
table.write th input[type=text],
table.write th select,
table.write th textarea, table.write td input[type=text],
table.write td select,
table.write td textarea {
  padding: 5px 5px 5px 13px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #787878;
  height: 30px;
}
table.write th input[type=text],
table.write th textarea, table.write td input[type=text],
table.write td textarea {
  width: 100%;
}
table.write th textarea, table.write td textarea {
  width: 100%;
}
table.write th {
  width: 10%;
}
table.write th.w3p {
  width: 10%;
}
table.write td {
  width: 40%;
  padding-right: 28px;
}
table.write td.col3 {
  width: 90%;
}
table.write td.w30p {
  width: 23%;
}
table.write td.w40p {
  width: 40%;
}
table.write td.w63p {
  width: 63%;
}
table.write td.w90p {
  width: 90%;
}
table.write td.w97p {
  width: 63%;
}
table.write th.hline,
table.write td.hline {
  border-left: 1px solid #bababa;
}

table.write2 {
  width: 100%;
  margin-bottom: 34px;
}
table.write2 th, table.write2 td {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  line-height: unset;
  text-align: left;
  color: #414141;
  padding: 12px 0 12px 9px;
  border-bottom: 1px solid #bababa;
}
table.write2 th.txt-top, table.write2 td.txt-top {
  vertical-align: top;
}
table.write2 th {
  background-color: #f0f0f0;
  width: 10%;
}
table.write2 td {
  background-color: #fff;
  width: 40%;
}
table.write2 td p, table.write2 td span {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.35px;
  color: #414141;
}
table.write2 td p.blue, table.write2 td span.blue {
  color: #1a6dff;
}
table.write2 td p.red, table.write2 td span.red {
  color: #ff0000;
}
table.write2 td a.btn-s-blue {
  padding: 5px 10.7px;
  background-color: #1a6dff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #fff;
}
table.write2 tr.first th, table.write2 tr.first td {
  border-top: 0;
}
table.write2 tr.last th, table.write2 tr.last td {
  border-bottom: 0;
}

a.btn-l-white, a.btn-l-red, a.btn-l-white-red, a.btn-l-blue, a.btn-l-blue-white, a.btn-l-green {
  padding: 10px 15px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: center;
  border: solid 1px #1a6dff;
}
a.btn-l-white {
  padding: 10px 45px;
  background-color: #fff;
  color: #1a6dff;
}
a.btn-l-white-red {
  padding: 10px 45px;
  border: solid 1px #ff6969;
  background-color: #fff;
  color: #ff6969;
}
a.btn-l-red {
  border: solid 1px #ff6969;
  background-color: #ff6969;
  color: #fff;
}
a.btn-l-green {
  border: solid 1px #02c83b;
  background-color: #02c83c;
  color: #fff;
}
a.btn-l-blue {
  background-color: #1a6dff;
  color: #fff;
}
a.btn-l-blue-white {
  border: solid 1px #02c83b;
  background-color: #02c83c;
  color: #fff;
}
a.btn-l-gray {
  padding: 10px 24px;
  background-color: #787878;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: center;
  color: #fff;
  position: relative;
}
a.btn-bold-txt {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.35px;
  color: #05192c;
}
a.ico-del {
  padding: 10px 34px 10px 24px;
}
a.ico-del:after {
  content: url("/images/ico-del-white.png");
  position: absolute;
  right: 15px;
  top: 52%;
  transform: translateY(-50%);
}
a.ico-refresh {
  padding: 10px 34px 10px 24px;
}
a.ico-refresh:after {
  content: url("/images/ico-refresh-white.png");
  position: absolute;
  right: 15px;
  top: 52%;
  transform: translateY(-50%);
}
a.btn-s-white, a.btn-s-white-blue, a.btn-s-black, a.btn-s-blue, a.btn-s-green, a.btn-s-red2, a.btn-s0-white, a.btn-s0-white-blue, a.btn-s0-blue, a.btn-s0-red {
  padding: 5px 10px !important;
  border-radius: 7px;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.35px;
  text-align: center;
}
a.btn-m-white, a.btn-m-white-blue, a.btn-m-blue, a.btn-m-green, a.btn-m-tgreen, a.btn-m-yellow, a.btn-m-red2, a.btn-m-red {
  padding: 5px 16px;
  border-radius: 4px;
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: center;
}
a.btn-m-white.bold, a.btn-m-white-blue.bold, a.btn-m-blue.bold, a.btn-m-green.bold, a.btn-m-tgreen.bold, a.btn-m-yellow.bold, a.btn-m-red2.bold, a.btn-m-red.bold {
  padding: 10px 32px !important;
}
@media (max-width: 1700px) {
  a.btn-m-white, a.btn-m-white-blue, a.btn-m-blue, a.btn-m-green, a.btn-m-tgreen, a.btn-m-yellow, a.btn-m-red2, a.btn-m-red {
    padding: 5px 5px;
    font-size: 0.8rem;
  }
}
a.btn-s-white, a.btn-s0-white, a.btn-m-white {
  border: solid 1px #bababa;
  background-color: #fff;
  color: #05192c;
}
a.btn-s0-white, a.btn-s0-white-blue, a.btn-s0-blue, a.btn-s0-red, a.btn-m0-red {
  border-radius: 0 !important;
}
a.btn-s-white-blue, a.btn-s0-white-blue, a.btn-m-white-blue {
  border: solid 1px #1a6dff;
  background-color: #fff;
  color: #1a6dff;
}
a.btn-s-black {
  border: solid 1px #000000;
  background-color: #000000;
  color: #fff;
}
a.btn-s-blue, a.btn-s0-blue, a.btn-m-blue {
  border: solid 1px #1a6dff;
  background-color: #1a6dff;
  color: #fff;
}
a.btn-s-blue.bold, a.btn-s0-blue.bold, a.btn-m-blue.bold {
  padding: 10px 32px !important;
}
a.btn-s-blue:hover, a.btn-s0-blue:hover, a.btn-m-blue:hover {
  background-color: #fff;
  color: #1a6dff;
}
a.btn-s-red, a.btn-s0-red, a.btn-s0-red, a.btn-m-red {
  border: solid 1px #ff0000;
  background-color: #ff0000;
  color: #fff;
}
a.btn-s-red2, a.btn-m-red2 {
  border: solid 1px #ff6969;
  background-color: #ff6969;
  color: #fff;
}
a.btn-s-green, a.btn-m-green {
  border: solid 1px #02c83b;
  background-color: #02c83b;
  color: #fff;
}
a.btn-m-tgreen {
  border: solid 1px #02c83b;
  background-color: rgba(2, 200, 59, 0.3);
  color: #fff;
}
a.btn-m-yellow {
  border: solid 1px #ffd607;
  background-color: #ffd607;
  color: #fff;
}
a.btn-s-gray, a.btn-s0-gray, a.btn-m-gray {
  padding: 5px 14px;
  background-color: #787878;
  border-radius: 4px;
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: center;
  color: #fff;
  position: relative;
}
a.btn-m-gray:hover {
  background-color: #1a6dff;
  color: #fff;
}
a.btn-m-gray.btn-del, a.btn-m-gray.btn-del-nobar {
  margin-right: 41px;
  padding: 5px 34px 5px 14px;
  position: relative;
}
a.btn-m-gray.btn-del:before, a.btn-m-gray.btn-del-nobar:before {
  content: " ";
  position: absolute;
  width: 1.5px;
  height: 80%;
  background-color: #707070;
  right: -20px;
  top: 4px;
}
a.btn-m-gray.btn-del-nobar:before {
  display: none;
}
a.btn-search-red, a.btn-search-black {
  font-size: 14px;
  letter-spacing: 0.35px;
}
a.btn-search-red {
  color: #f00;
  margin-right: 17px;
}
a.btn-search-black {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  padding: 5px 10px;
  color: #fff;
  background-color: #414141;
  margin-left: 4px;
}

.pop-common {
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media print {
  .pop-common {
    box-shadow: none;
  }
}
.pop-common > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 67px;
  background-color: #efefef;
  padding: 0 26px 0 40px;
}
.pop-common > .header > h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
}
.pop-common > .desc {
  display: flex;
  flex-direction: column;
  padding: 18px 25px 0 25px;
}
.pop-common > .body {
  display: flex;
  flex-direction: column;
  padding: 18px 25px 34px 25px;
}
.pop-common > .buttons {
  display: flex;
  justify-content: flex-end;
}

.pop-permission-option {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 2px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #dbdbdb;
  background-color: #fff;
}
.pop-permission-option.price-box, .pop-permission-option.contract-price-box {
  width: 452px;
}
.pop-permission-option.price-box .body ul li, .pop-permission-option.contract-price-box .body ul li {
  width: 25%;
}
.pop-permission-option.process-box {
  width: 577px;
  left: unset;
  right: 0;
}
.pop-permission-option.process-box .body ul li {
  width: 20%;
  position: relative;
}
.pop-permission-option.process-box .body ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 84%;
  width: 100%;
  height: 2px;
  background-color: #787878;
}
.pop-permission-option.process-box .body ul li:first-child:after {
  width: 50%;
  left: unset;
  right: 0;
}
.pop-permission-option.process-box .body ul li:last-child:after {
  width: 50%;
}
.pop-permission-option .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  position: relative;
}
.pop-permission-option .header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}
.pop-permission-option .header p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  text-align: left;
  color: #1a6dff;
}
.pop-permission-option .body {
  display: flex;
  padding-top: 20px;
}
.pop-permission-option .body ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pop-permission-option .body ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pop-permission-option .body ul li input[type=checkbox] {
  z-index: 1;
}
.pop-permission-option .body ul li label {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #05192c;
  margin-bottom: 15px;
}

.pop-alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 42px 0 48px 0;
  background-color: #ffffff;
  width: 550px;
}
.pop-alert img.top {
  margin-bottom: 44px;
}
.pop-alert p {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  color: #2f2f2f;
  margin-bottom: 35px;
}
.pop-alert p.tit {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 17px;
}
.pop-alert p.tit.mb40 {
  margin-bottom: 40px;
}
.pop-alert div.buttons {
  display: flex;
  flex-direction: column;
}
.pop-alert div.buttons a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 39px;
  border-radius: 6px;
  border: solid 1px #787878;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  margin-bottom: 10px;
}
.pop-alert div.buttons a.btn.blue {
  border: solid 1px #1a6dff;
  color: #1a6dff;
}
.pop-alert > a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: solid 1px #1a6dff;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #1a6dff;
  padding: 9px 32px;
}

.pop-job-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 23px 0 43px;
  background-color: #fff;
  width: 506px;
}
.pop-job-service p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.35px;
  text-align: center;
  color: #414141;
}
.pop-job-service p.tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #2f2f2f;
  margin: 17px 0 14px;
}
.pop-job-service p span {
  font-weight: 500;
  color: #1a6dff;
}
.pop-job-service a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 24px;
  border-radius: 6px;
  border: solid 1px #1a6dff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #1a6dff;
  margin-top: 2rem;
}

.pop-progress2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 66px 69px 85px;
  box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.pop-progress2 .body {
  align-items: center;
}
.pop-progress2 .body p.loading {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  color: #414141;
  margin-bottom: 14px;
  animation: loading 2s infinite linear;
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pop-progress2 .body .progress-wrap {
  width: 422px;
  height: 2.5rem;
  border-radius: 20px;
  border: solid 1px #bababa;
  background-color: #fff;
  margin-bottom: 56px;
}
.pop-progress2 .body .progress-wrap .progress-bar {
  width: 1%;
  height: 100%;
  border-radius: 20px;
  background-color: #1a6dff;
}
.pop-progress2 .body .progress-txt p {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #2f2f2f;
}
.pop-progress2 .body .progress-txt p b {
  font-weight: bold;
}

.pop-send-email {
  position: absolute;
  left: 0;
  top: 0;
}
.pop-send-email .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 67px;
  background-color: #efefef;
  padding: 0 26px 0 40px;
}
.pop-send-email .header h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
}
.pop-send-email .pop-send-email-box {
  width: 465px;
  padding: 0;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-bottom: 0;
}
.pop-send-email .pop-send-email-box dl {
  display: flex;
  flex-wrap: wrap;
}
.pop-send-email .pop-send-email-box dl dt, .pop-send-email .pop-send-email-box dl dd {
  border-bottom: 1px solid #bababa;
  padding: 13px 0;
}
.pop-send-email .pop-send-email-box dl dt {
  padding-left: 24px;
  width: 25%;
}
.pop-send-email .pop-send-email-box dl dd {
  width: 75%;
}
.pop-send-email .pop-send-email-box dl dd .w-full,
.pop-send-email .pop-send-email-box dl dd select, .pop-send-email .pop-send-email-box dl dd input[type=text] {
  width: 92%;
}
.pop-send-email .pop-send-email-box dl dd .w-full.sel-set-email,
.pop-send-email .pop-send-email-box dl dd select.sel-set-email, .pop-send-email .pop-send-email-box dl dd input[type=text].sel-set-email {
  width: 92%;
}
.pop-send-email .pop-send-email-box dl dd label {
  cursor: pointer;
}
.pop-send-email a.btn-send {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9px 0;
  color: #fff;
  background-color: #1a6dff;
}

.pop-progress {
  width: 800px;
  height: 300px;
}
.pop-progress .body .progress-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3rem;
  border: 1px solid #dbdbdb;
}
.pop-progress .body .progress-wrap .progress-bar {
  display: flex;
  align-items: center;
  height: 100%;
  width: 3rem;
  padding: 0.5rem;
  background-color: #1a6dff;
  color: #ffffff;
  font-weight: bold;
}
.pop-progress .footer {
  margin: 0 auto;
}
.pop-progress .footer a.btn-m-white-blue {
  padding: 10px 16px;
}

div.pagination {
  display: flex;
  justify-content: center;
  margin: 42px 0;
}
div.pagination ul {
  display: flex;
}
div.pagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #787878;
}
div.pagination ul li a:hover, div.pagination ul li a.active {
  color: #1a6dff;
}

div.estimate-form {
  padding: 15px 0 0;
  border-radius: 2px;
  background-color: #fff;
  margin-bottom: 50px;
  width: 100%;
}
div.estimate-form h3 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 27px;
  padding-left: 13px;
  line-height: unset;
}
div.estimate-form .body-client table.client1 {
  width: 100%;
}
div.estimate-form .body-client table.client1 td {
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #2f2f2f;
  border-top: 2px solid #414141;
  border-bottom: 2px solid #414141;
  padding: 7px 0;
}
div.estimate-form .body-client table.client1 td.txtleft {
  padding-left: 10px;
}
div.estimate-form .body-client table.client1 td.num {
  color: #1a6dff;
}
div.estimate-form .body-client table.client1 td.w1 {
  width: 92px;
}
div.estimate-form .body-client table.client1 td.w2 {
  width: 110px;
}
div.estimate-form .body-client table.client1 td.hline {
  border-right: 1px solid #414141;
}
div.estimate-form .body-client table.client2 {
  width: 100%;
}
div.estimate-form .body-client table.client2 th, div.estimate-form .body-client table.client2 td {
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
  padding: 10px 0;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
div.estimate-form .body-client table.client2 th.tb0, div.estimate-form .body-client table.client2 td.tb0 {
  border-top: 0;
}
div.estimate-form .body-client table.client2 th {
  font-weight: 500;
  padding-left: 16px;
}
div.estimate-form .body-client table.client2 td input[type=text] {
  border: 1px solid #dbdbdb;
  padding: 5px;
}
div.estimate-form .body-client table.client2 td.w1 {
  text-align: center;
  vertical-align: middle;
  width: 45%;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #414141;
}
div.estimate-form .body-client table.client2 td.w1 input[type=text] {
  width: 347px;
  height: 58px;
  padding: 9px 15px;
  font-size: 30px;
  margin-right: 13px;
}
div.estimate-form .body-client table.client2 td.hline {
  border-right: 1px solid #bababa;
}
div.estimate-form .body-client table.client2 td.total .price-box {
  display: flex;
  justify-content: space-between;
}
div.estimate-form .body-client table.client2 td.total .price-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 90%;
}
div.estimate-form .body-client table.client2 td.total .price-wrap .price-box {
  display: flex;
  align-items: baseline;
}
div.estimate-form .body-client table.client2 td.total .price-wrap span {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  color: #414141;
}
div.estimate-form .body-client table.client2 td.total .price-wrap span.price {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.35px;
  color: #414141;
  margin-right: 28px;
}
div.estimate-form .body-client table.client2 td.total .price-wrap.end {
  justify-content: flex-end;
}
div.estimate-form .body-client table.client2 td.total .price-wrap.end .price-box .price {
  margin-right: 60px;
}
div.estimate-form .body-client .ment {
  width: 100%;
  font-size: 14px;
  text-align: left;
  color: #2f2f2f;
  padding: 14px 0 17px 14px;
}
div.estimate-form .body-client .add-box {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 0;
}
div.estimate-form .body-client .add-box a.add {
  opacity: 0.9;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.43px;
  color: #1a6dff;
  position: relative;
}
div.estimate-form .body-client .add-box a.add:before {
  content: url("/images/Add-icon.png");
  position: absolute;
  left: -30px;
  top: 60%;
  transform: translateY(-50%);
}
div.estimate-form .body-client table.order-summery {
  border-top: 2px solid #414141;
  width: 100%;
  margin-bottom: 49px;
}
div.estimate-form .body-client table.order-summery th, div.estimate-form .body-client table.order-summery td {
  padding: 11px 0;
  font-size: 18px;
  line-height: 1.5;
  color: #2f2f2f;
  border-bottom: 1px solid #bababa;
  text-align: right;
}
div.estimate-form .body-client table.order-summery th {
  width: 80%;
}
div.estimate-form .body-client table.order-summery td {
  width: 20%;
  padding-right: 104px;
}
div.estimate-form .body-client table.order-summery th.bold, div.estimate-form .body-client table.order-summery td.bold {
  border-top: 2px solid #414141;
  font-weight: bold;
  border-bottom: 0;
}

.file-upload-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.file-upload-box > img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.file-upload-box .file-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.file-upload-box .file-box label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.file-upload-box .file-box label:before {
  content: url("/images/ico-plus.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

a.btn-com-warning {
  width: 16px;
  height: 16px;
  background: url("/images/ico-warning.png") center center no-repeat;
  position: relative;
}
a.btn-com-warning div.warning-wrap {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 40px;
  top: 0;
  padding: 13px 5px 13px 20px;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #dbdbdb;
  background-color: #fff;
  width: 600px;
  z-index: 10;
}
a.btn-com-warning div.warning-wrap.w300 {
  width: 400px;
}
a.btn-com-warning div.warning-wrap.w400 {
  width: 400px;
}
a.btn-com-warning div.warning-wrap.w500 {
  width: 400px;
}
a.btn-com-warning div.warning-wrap p {
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: left;
  line-height: 1.4;
  color: #414141;
}
a.btn-com-warning div.warning-wrap p.red {
  color: #ff0000 !important;
}
a.btn-com-warning.active div.warning-wrap {
  display: flex;
}

.images-dropzone-wrap {
  border-radius: 16px;
  border: dashed 1px #1a6dff !important;
  border-width: 2px !important;
  height: 400px;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.images-dropzone-wrap :before {
  content: url("/images/ico-cloud_upload.png?v=2");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 32%;
}
.images-dropzone-wrap div.dz-image {
  display: flex;
  justify-content: center;
  border-radius: 0;
  width: unset;
  height: unset;
  max-height: 120px;
  margin-bottom: 1rem;
  border: 1px solid #bababa;
}
.images-dropzone-wrap div.dz-size,
.images-dropzone-wrap div.dz-progress,
.images-dropzone-wrap div.dz-filename {
  display: none;
}
.images-dropzone-wrap a.dz-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 7px 15px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  border: solid 1px #1a6dff;
  text-decoration: none;
  width: fit-content;
}
.images-dropzone-wrap.exist:after {
  display: none;
}

.pop-contract-layer {
  display: flex;
  padding: 16px 13px;
  opacity: 0.93;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 263px;
  position: absolute;
  z-index: 1;
}
.pop-contract-layer p {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.43px;
  color: #02c83b;
}
.pop-contract-layer p.blue {
  color: #1a6dff;
}

input[type=checkbox] + label, input[type=radio] + label {
  margin-left: 0.3rem;
  cursor: pointer;
}

.category-group-outer-wrap {
  display: flex;
  align-items: baseline;
}
.category-group-outer-wrap .category-group-nav-wrap {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav {
  display: flex;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li {
  display: flex;
  color: #A0A0A0;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.1px;
  padding: 0 1rem;
  position: relative;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li a {
  color: #A0A0A0;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li:last-child:after {
  display: none;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li:nth-last-child(2):after {
  content: url("/images/ico-nav2.png");
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li:last-child a {
  color: #474747;
}
.category-group-outer-wrap .category-group-nav-wrap ul.nav li:after {
  content: url("/images/ico-nav1.png");
  position: absolute;
  right: -0.4rem;
  top: 60%;
  transform: translateY(-50%);
}
.category-group-outer-wrap .category-group-nav-wrap a.btn-move-prev-product-category {
  display: flex;
  width: 14px;
  height: 14px;
  position: relative;
  margin-top: 0.4rem;
}
.category-group-outer-wrap .category-group-nav-wrap a.btn-move-prev-product-category:before {
  content: url("/images/btn-circle-del-category.png");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.category-group-wrap {
  display: flex;
  flex-direction: column;
  width: 196px;
  padding: 8px;
  border-radius: 2px;
  background-color: #1a6dff;
  margin-top: 13px;
  position: relative;
}
.category-group-wrap .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.category-group-wrap .header a {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #ffffff;
  position: relative;
}
.category-group-wrap .header a:after {
  content: url("/images/ico-25-arrow-down.png");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.category-group-wrap .product-cate-menu-wrap {
  display: flex;
  position: absolute;
  left: 0;
  top: 35px;
}
.category-group-wrap .product-cate-menu-wrap .cate-nav-wrap {
  /*
  background-color: #ffffff;
  width: 196px;
  min-height: 539px;
  overflow-y: scroll;
  z-index: 5;

   */
}
.category-group-wrap .product-cate-menu-wrap ul.main {
  display: flex;
  flex-direction: column;
  background-color: #1a6dff;
  position: absolute;
  left: 0;
  top: 0;
  width: 196px;
  max-height: 600px;
  overflow-y: auto;
  padding-left: 0;
  margin-top: 0;
  z-index: 20;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li {
  position: relative;
  width: 100%;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li:hover, .category-group-wrap .product-cate-menu-wrap ul.main > li.on {
  background-color: #fff;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li:hover > a, .category-group-wrap .product-cate-menu-wrap ul.main > li.on > a {
  font-weight: bold;
  color: #ff6969;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li > a {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #fff;
  padding-left: 14px;
  margin: 11px 50px 11px 0;
  position: relative;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li ul.sub {
  display: flex;
  flex-direction: column;
  position: absolute;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  right: -196px;
  top: 70%;
  width: 196px;
  z-index: 10;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li ul.sub li {
  display: flex;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li ul.sub li a {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
  padding: 11px 11px 11px 0;
  margin: 11px 11px 11px 22px;
  width: max-content;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li ul.sub li a:hover, .category-group-wrap .product-cate-menu-wrap ul.main > li ul.sub li a.active {
  color: #1a6dff;
}
.category-group-wrap .product-cate-menu-wrap ul.main > li.on ul.sub {
  display: flex;
}
.category-group-wrap .product-cate-menu-wrap ul.sub {
  display: flex;
  flex-direction: column;
  position: absolute;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  left: 196px;
  top: 0;
  width: 196px;
  z-index: 10;
  padding: 7px 0;
  max-height: 539px;
  overflow-y: auto;
}
.category-group-wrap .product-cate-menu-wrap ul.sub li {
  display: flex;
  width: 100%;
}
.category-group-wrap .product-cate-menu-wrap ul.sub li:hover, .category-group-wrap .product-cate-menu-wrap ul.sub li.active {
  background-color: #ececec;
  color: #1a6dff;
}
.category-group-wrap .product-cate-menu-wrap ul.sub li a {
  display: flex;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
  padding: 7px 0 7px 11px;
}
.category-group-wrap .product-cate-menu-wrap ul.sub li a:hover, .category-group-wrap .product-cate-menu-wrap ul.sub li a.active {
  font-weight: bold;
  color: #1a6dff;
}
.category-group-wrap .product-cate-menu-wrap ul.sub3 {
  left: 392px;
}
.category-group-wrap .product-cate-menu-wrap .link-mo-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.category-group-wrap .product-cate-menu-wrap .link-mo-wrap:hover, .category-group-wrap .product-cate-menu-wrap .link-mo-wrap.on {
  background-color: #fff;
}
.category-group-wrap .product-cate-menu-wrap .link-mo-wrap:hover > a, .category-group-wrap .product-cate-menu-wrap .link-mo-wrap.on > a {
  font-weight: bold;
  color: #ff6969;
}
.category-group-wrap .product-cate-menu-wrap .link-mo-wrap > a {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #fff;
  padding-left: 14px;
  margin: 11px 0;
  position: relative;
}
.category-group-wrap .product-cate-menu-wrap .link-mo-wrap .btn-mo-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  border-radius: 4px;
  border: solid 1px #1a6dff;
  background-color: #fff;
  color: #1a6dff;
  padding: 0.3rem;
  margin-right: 0.5rem;
}

.short-alert-msg-warp {
  display: none;
  justify-content: center;
  align-items: center;
  width: 640px;
  height: 85px;
  padding: 20px 50px;
  border-radius: 16px;
  background: rgba(13, 153, 255, 0.9);
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.25);
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.456px;
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -0.5rem);
  z-index: 2;
}
.short-alert-msg-warp.active {
  display: flex;
}

.ui-autocomplete.highlight {
  border-radius: 0 0 20px 20px !important;
  background: #FFF !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
}

.ui-menu.ui-menu-item {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.ui-menu .ui-menu-item-wrapper {
  padding: 6px 5px !important;
}

.ui-widget-content .ui-state-active {
  padding: 6px 5px !important;
  border: unset !important;
  background: #d9d9d9 !important;
  font-weight: normal !important;
  color: #2f2f2f !important;
}

main {
  height: 100%;
}
main .login {
  display: flex;
  flex-direction: column;
  margin: auto auto;
}
main .login .login-wrap {
  display: flex;
  flex-direction: column;
}
main .login .login-wrap h1 {
  font-size: 24px;
  letter-spacing: 0.33px;
  text-align: center;
}
main .login .login-wrap .logo-wrap {
  display: flex;
  justify-content: center;
  margin: 0 0 40px 82px;
}
main .login .login-wrap .logo-wrap > img.first {
  margin-right: 16px;
}
main .login .login-wrap dl.login-box {
  display: flex;
  flex-wrap: wrap;
  width: 420px;
}
main .login .login-wrap dl.login-box dt, main .login .login-wrap dl.login-box dd {
  margin: 13px 0;
}
main .login .login-wrap dl.login-box dt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 60px;
}
main .login .login-wrap dl.login-box dd {
  margin-left: 25px;
  width: 335px;
}
main .login .login-wrap dl.login-box dd input[type=text], main .login .login-wrap dl.login-box dd input[type=password] {
  width: 100%;
  height: 30px;
}
main .login .login-wrap .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  margin-left: 82px;
}
main .login .login-wrap .links .buttons {
  display: flex;
  justify-content: space-between;
}
main .login .login-wrap .links .buttons a.btn-id {
  margin-right: 17px;
  position: relative;
}
main .login .login-wrap .links .buttons a.btn-id:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 35%;
  background-color: #707070;
  right: -10px;
  top: 35%;
}
main .login .login-wrap .buttons {
  display: flex;
  justify-content: space-between;
  margin-left: 82px;
}
main .login .login-wrap .buttons a {
  padding: 10px 0;
}
main .login .login-wrap .buttons a.btn-m-blue {
  padding: 10px 65px;
}
main .login .login-wrap .buttons a.btn-m-gray {
  padding: 10px 40px;
}

.find-id-pw .login-wrap .logo-wrap .links-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap h1 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #414141;
  margin-bottom: 13px;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap > .tit-links {
  display: flex;
  justify-content: center;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap > .tit-links a {
  font-family: Arial;
  font-size: 14px;
  color: #787878;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap > .tit-links a:hover {
  color: #1a6dff;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap > .tit-links a.btn-id {
  margin-right: 49px;
  position: relative;
}
.find-id-pw .login-wrap .logo-wrap .links-wrap > .tit-links a.btn-id:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 80%;
  background-color: #707070;
  right: -25px;
  top: 18%;
}
.find-id-pw .login-wrap dl.login-box {
  margin-bottom: 48px;
}
.find-id-pw .login-wrap .text-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 82px;
}
.find-id-pw .login-wrap .text-buttons a.btn-pwd {
  margin: 0 10px;
  position: relative;
}
.find-id-pw .login-wrap .text-buttons a.btn-pwd:before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 70%;
  background-color: #787878;
  left: -7px;
  top: 20%;
}
.find-id-pw .login-wrap .text-buttons a.btn-pwd:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 70%;
  background-color: #787878;
  right: -7px;
  top: 20%;
}
.find-id-pw .login-wrap .text-buttons a.btn-m-blue,
.find-id-pw .login-wrap .text-buttons a.btn-m-white-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 181px;
  height: 42px;
  border-radius: 7px;
}
.find-id-pw .login-wrap .text-buttons a.btn-m-white-blue {
  border: solid 1px #1a6dff;
}
.find-id-pw .login-wrap .result-buttons a.btn-m-blue,
.find-id-pw .login-wrap .result-buttons a.btn-m-white-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 181px;
  height: 42px;
  border-radius: 7px;
}
.find-id-pw .login-wrap .result-buttons a.btn-m-white-blue {
  border: solid 1px #1a6dff;
}

.find-id-pw-result .login-wrap {
  width: 652px;
}
.find-id-pw-result .login-wrap .logo-wrap {
  margin: 0 0 40px 0 !important;
  position: relative;
}
.find-id-pw-result .login-wrap .logo-wrap.underline:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  left: 0;
  bottom: 0;
}
.find-id-pw-result .login-wrap .logo-wrap h1 {
  margin-bottom: 43px !important;
}
.find-id-pw-result .login-wrap .find-result-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 51px;
}
.find-id-pw-result .login-wrap .find-result-wrap p b {
  font-weight: bold;
}
.find-id-pw-result .login-wrap .result-buttons {
  display: flex;
  justify-content: center;
}
.find-id-pw-result .login-wrap .result-buttons .btn-m-white-blue {
  margin-right: 15px;
}

main {
  height: 100%;
}
main .incharge-wrap {
  width: 100%;
}
main .incharge-wrap .incharge-header {
  display: flex;
  justify-content: flex-end;
  margin: 14px 0;
  width: 100%;
}
main .incharge-wrap table.write2 {
  margin-bottom: 10px !important;
}
main .incharge-wrap table.write2 tr td input[type=checkbox].chk-rep + label {
  cursor: pointer;
}
main .member {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1200px;
  margin: auto auto;
  padding: 20px 0 70px 0;
}
main .member h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 62px;
}
main .member .write-header a.btn-m-blue {
  border-radius: 0;
}
main .member ul.agree {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0 18px;
}
main .member ul.agree li {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #414141;
  margin-bottom: 12px;
}
main .member ul.agree li input[type=checkbox] {
  margin-right: 7px;
}
main .member ul.agree li label {
  cursor: pointer;
}
main .member ul.agree li a.btn-blue-underline {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.38px;
  text-align: left;
  color: #1a6dff;
  text-decoration: underline;
  margin-left: 16px;
}
main .member ul.agree li a.btn-member-rules {
  margin-left: 72px;
}
main .member .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 23px 0;
}
main .member .footer:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #414141;
  left: 0;
  top: 0;
}
main .member .footer:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #414141;
  left: 0;
  bottom: 0;
}
main .member .footer > a.btn-m-blue {
  padding: 10px 51px;
}
main .member .footer .buttons-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .member .footer .buttons-wrap .login-wrap {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
main .member .footer .buttons-wrap .login-wrap .btn-m-white-blue {
  font-size: 15px;
  font-weight: 500;
  border-radius: 7px;
  border: solid 1px #1a6dff;
  padding: 10px 42px;
  margin-left: 10px;
}
main .member .footer .buttons-wrap .buttons {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
main .member .footer .buttons-wrap .buttons a {
  padding: 0;
}
main .member .footer .buttons-wrap .buttons a.btn-id {
  margin-right: 17px;
  position: relative;
}
main .member .footer .buttons-wrap .buttons a.btn-id:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 35%;
  background-color: #707070;
  right: -10px;
  top: 20%;
}
main .member-edit > div.buttons {
  margin: 20px 0 0;
}
main .member-edit > div.buttons a.btn-m-blue {
  margin-bottom: 50px;
}

.pop-member-rules,
.pop-member-policy {
  width: 850px;
}
.pop-member-rules .body textarea,
.pop-member-policy .body textarea {
  height: 800px;
  overflow-y: scroll;
  margin-bottom: 18px;
  padding: 5px;
  border: 1px solid #bababa;
  font-size: 14px;
  line-height: 1.07;
  color: #2f2f2f;
}
.pop-member-rules .body .buttons,
.pop-member-policy .body .buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

article.menu-bar.close,
article.menu-bar-icon.close {
  display: none;
}
article.menu-bar a.slide-bar,
article.menu-bar-icon a.slide-bar {
  position: absolute;
  right: -22px;
  top: 257px;
  width: 22px;
  height: 68px;
  background: url("/images/ico-slide-close-off.png") left top no-repeat;
}
article.menu-bar a.slide-bar:hover, article.menu-bar a.slide-bar.active,
article.menu-bar-icon a.slide-bar:hover,
article.menu-bar-icon a.slide-bar.active {
  background: url("/images/ico-slide-close-on.png") left top no-repeat;
}
article.menu-bar a.slide-bar.close,
article.menu-bar-icon a.slide-bar.close {
  position: absolute;
  right: -22px;
  top: 257px;
  width: 22px;
  height: 68px;
  background: url("/images/ico-slide-open-off.png") left top no-repeat;
}
article.menu-bar a.slide-bar.close:hover, article.menu-bar a.slide-bar.close.active,
article.menu-bar-icon a.slide-bar.close:hover,
article.menu-bar-icon a.slide-bar.close.active {
  background: url("/images/ico-slide-open-on.png") left top no-repeat;
}

article.menu-bar-icon {
  background-color: #0f273e;
  position: relative;
  width: 60px;
  height: 100vh;
}
article.menu-bar-icon .login {
  margin-bottom: 57px;
}
article.menu-bar-icon .login a.user {
  width: 16px;
  height: 16px;
}
article.menu-bar-icon nav ul.main > li {
  position: relative;
  width: 25px;
  height: 25px;
  margin-bottom: 25px;
}
article.menu-bar-icon nav ul.main > li > a {
  display: flex;
  align-items: center;
  height: 41px;
  width: 100%;
  padding-left: 20px;
  position: relative;
}
article.menu-bar-icon nav ul.main > li > a.feed:before {
  content: url("/images/ico-main-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.pencil:before {
  content: url("/images/ico-pencil-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.paper:before {
  content: url("/images/ico-paper-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.goods:before {
  content: url("/images/ico-goods-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.stock:before {
  content: url("/images/ico-stock-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.chart:before {
  content: url("/images/ico-chart-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.dir:before {
  content: url("/images/ico-dir-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.bill:before {
  content: url("/images/ico-bill-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.bell:before {
  content: url("/images/ico-bell-s-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.bell-b:before {
  content: url("/images/ico-bell-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li > a.man:before {
  content: url("/images/ico-man-b.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover, article.menu-bar-icon nav ul.main > li.active {
  background-color: #05192c;
}
article.menu-bar-icon nav ul.main > li:hover > a.feed:before, article.menu-bar-icon nav ul.main > li.active > a.feed:before {
  content: url("/images/ico-main-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.pencil:before, article.menu-bar-icon nav ul.main > li.active > a.pencil:before {
  content: url("/images/ico-pencil-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.paper:before, article.menu-bar-icon nav ul.main > li.active > a.paper:before {
  content: url("/images/ico-paper-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.goods:before, article.menu-bar-icon nav ul.main > li.active > a.goods:before {
  content: url("/images/ico-goods-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.stock:before, article.menu-bar-icon nav ul.main > li.active > a.stock:before {
  content: url("/images/ico-stock-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.chart:before, article.menu-bar-icon nav ul.main > li.active > a.chart:before {
  content: url("/images/ico-chart-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.dir:before, article.menu-bar-icon nav ul.main > li.active > a.dir:before {
  content: url("/images/ico-dir-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.bill:before, article.menu-bar-icon nav ul.main > li.active > a.bill:before {
  content: url("/images/ico-bill-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.bell:before, article.menu-bar-icon nav ul.main > li.active > a.bell:before {
  content: url("/images/ico-bell-s-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.bell-b:before, article.menu-bar-icon nav ul.main > li.active > a.bell-b:before {
  content: url("/images/ico-bell-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon nav ul.main > li:hover > a.man:before, article.menu-bar-icon nav ul.main > li.active > a.man:before {
  content: url("/images/ico-man-b-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon .footer ul li a {
  display: flex;
  align-items: center;
  height: 41px;
  width: 100%;
  position: relative;
}
article.menu-bar-icon .footer ul li a.phone:before {
  content: url("/images/ico-phone.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar-icon .footer ul li a.email:before {
  content: url("/images/ico-email.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

article.menu-bar {
  width: 207px;
  height: fit-content;
  padding: 35.6px 0 36.5px;
  background-color: #0f273e;
  position: relative;
  z-index: 1;
}
article.menu-bar .login {
  font-size: 14px;
  line-height: 1.79;
  letter-spacing: 0.35px;
  text-align: left;
  color: #fff;
  margin-bottom: 39px;
}
article.menu-bar .login p.user {
  position: relative;
  padding-left: 32px;
  margin-bottom: 0;
}
article.menu-bar .login p.user:before {
  content: url("/images/ico-earth.png");
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
}
article.menu-bar .login a.btn-logout {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-align: center;
  color: #dbdbdb;
  text-decoration: underline;
}
article.menu-bar nav a {
  color: #fff;
}
article.menu-bar nav ul.main > li {
  font-size: 16px;
  line-height: 1.56;
  letter-spacing: 0.4px;
  color: #fff;
  margin-bottom: 8px;
  padding-left: 26px;
  position: relative;
}
article.menu-bar nav ul.main > li.config:after {
  content: url("/images/ico-config.png");
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a {
  display: flex;
  align-items: center;
  height: 41px;
  width: 100%;
  padding-left: 20px;
  position: relative;
}
article.menu-bar nav ul.main > li > a.feed:before {
  content: url("/images/ico-main.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.pencil:before {
  content: url("/images/ico-pencil.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.paper:before {
  content: url("/images/ico-paper.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.goods:before {
  content: url("/images/ico-goods.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.stock:before {
  content: url("/images/ico-stock.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.chart:before {
  content: url("/images/ico-chart.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.dir:before {
  content: url("/images/ico-dir.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.bill:before {
  content: url("/images/ico-bill.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.bell:before {
  content: url("/images/ico-bell-s.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.bell-b:before {
  content: url("/images/ico-bell.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li > a.man:before {
  content: url("/images/ico-man.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover, article.menu-bar nav ul.main > li.active {
  background-color: #05192c;
}
article.menu-bar nav ul.main > li:hover > a.feed:before, article.menu-bar nav ul.main > li.active > a.feed:before {
  content: url("/images/ico-main-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.pencil:before, article.menu-bar nav ul.main > li.active > a.pencil:before {
  content: url("/images/ico-pencil-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.paper:before, article.menu-bar nav ul.main > li.active > a.paper:before {
  content: url("/images/ico-paper-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.goods:before, article.menu-bar nav ul.main > li.active > a.goods:before {
  content: url("/images/ico-goods-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.stock:before, article.menu-bar nav ul.main > li.active > a.stock:before {
  content: url("/images/ico-stock-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.chart:before, article.menu-bar nav ul.main > li.active > a.chart:before {
  content: url("/images/ico-chart-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.dir:before, article.menu-bar nav ul.main > li.active > a.dir:before {
  content: url("/images/ico-dir-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.bill:before, article.menu-bar nav ul.main > li.active > a.bill:before {
  content: url("/images/ico-bill-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.bell:before, article.menu-bar nav ul.main > li.active > a.bell:before {
  content: url("/images/ico-bell-s-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.bell-b:before, article.menu-bar nav ul.main > li.active > a.bell-b:before {
  content: url("/images/ico-bell-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li:hover > a.man:before, article.menu-bar nav ul.main > li.active > a.man:before {
  content: url("/images/ico-man-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar nav ul.main > li ul.sub {
  margin-left: 22px;
}
article.menu-bar nav ul.main > li ul.sub > li {
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 8px;
}
article.menu-bar div.footer {
  padding: 0 26px 0 26px;
  margin-bottom: 28px;
}
article.menu-bar div.footer p {
  font-size: 12px;
  line-height: 2.08;
  letter-spacing: 0.3px;
  color: #fff;
  position: relative;
  margin: 0;
}
article.menu-bar div.footer p.line:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: #f8f9fa;
  left: 0;
  bottom: 0;
}
article.menu-bar div.footer p.tit {
  padding-bottom: 7px;
}
article.menu-bar div.footer p.com {
  padding-top: 7px;
  font-weight: 300;
}
article.menu-bar div.footer p.phone {
  font-weight: 300;
  position: relative;
  padding-left: 12px;
}
article.menu-bar div.footer p.phone:before {
  content: url("/images/ico-phone.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar div.footer p.email {
  position: relative;
  padding-left: 12px;
}
article.menu-bar div.footer p.email:before {
  content: url("/images/ico-email.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
article.menu-bar div.footer p.info {
  position: relative;
}
article.menu-bar div.footer p.info:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: #f8f9fa;
  left: 0;
  bottom: -8px;
}
article.menu-bar div.footer p.copyright {
  font-family: "HelveticaNeue";
  font-size: 10px;
  line-height: 1.9;
  letter-spacing: unset;
  padding-top: 8.3px;
  color: #fff;
  margin-bottom: 21px;
}
article.menu-bar div.footer a.btn-member-policy, article.menu-bar div.footer a.btn-member-rules {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-align: left;
  color: #dbdbdb;
  text-decoration: underline;
}

div.content > .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
div.content > .header h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #2f2f2f;
}
div.content > .header h2 span {
  font-size: 0.8rem;
  font-weight: bold;
}
div.content > .header .icons {
  display: flex;
  justify-content: space-between;
  position: relative;
}
div.content > .header .icons .proposal-list-wrap {
  margin-right: 20px;
}
div.content > .header .icons .proposal-list-wrap a.btn-list {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #787878;
  position: relative;
  margin-right: 46px;
}
div.content > .header .icons .proposal-list-wrap a.btn-list:after {
  content: url("/images/ico-link-list.png");
  position: absolute;
  left: 32px;
  top: 65%;
  transform: translateY(-50%);
}
div.content > .header .icons a.search {
  position: relative;
  margin-right: 38px;
}
div.content > .header .icons a.search:after {
  content: "";
  width: 2px;
  height: 18.3px;
  background-color: #bababa;
  position: absolute;
  right: -20px;
  top: 5px;
}
div.content > .header .icons a.alram {
  position: relative;
}
div.content > .header .icons a.alram.job {
  margin-right: 1rem;
}
div.content > .header .icons a.alram.job .job-tit {
  display: flex;
  align-items: center;
}
div.content > .header .icons a.alram.job .job-tit img {
  margin-left: 0.3rem;
}
div.content > .header .icons a.alram.job div.num {
  background-color: #02c83b;
  top: 0.8rem;
}
div.content > .header .icons a.alram div.num {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  right: -5px;
  top: -2px;
  color: #fff;
  font-size: 8px;
  background-color: #ff6969;
  border-radius: 50%;
}
div.content > .header .proposal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 250px;
  top: 20%;
  width: 75%;
}
div.content > .header .proposal-header .title-wrap {
  display: flex;
  align-items: center;
  width: 90%;
}
div.content > .header .proposal-header .title-wrap input[type=text] {
  border: 0;
  font-size: 18px;
  line-height: 2.28;
  letter-spacing: 0.45px;
  text-align: left;
  color: #787878;
  width: 45%;
  margin-right: 100px;
}
div.content > .header .proposal-header .title-wrap .buttons {
  display: flex;
  justify-content: space-between;
  width: 72px;
}
div.content > .header .proposal-header .title-wrap .buttons a.prev {
  position: relative;
}
div.content > .header .proposal-header .title-wrap .buttons a.prev:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 70%;
  background-color: #bababa;
  right: -20px;
  top: 15%;
}

.menu-wrap {
  display: flex;
  flex-direction: column;
}
.menu-wrap .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  /*
  align-items: flex-end;
  padding-bottom: 19px;
   */
  position: relative;
}
@media (max-width: 1700px) {
  .menu-wrap .links {
    align-items: center;
    height: unset;
    margin-bottom: 1.5rem;
  }
}
.menu-wrap .links:after {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #bababa;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1700px) {
  .menu-wrap .links:after {
    display: none;
  }
}
.menu-wrap .links > ul.main {
  display: flex;
  margin-bottom: 0;
}
.menu-wrap .links > ul.main > li {
  position: relative;
}
.menu-wrap .links > ul.main > li.on > a {
  color: #1a6dff;
}
.menu-wrap .links > ul.main > li.on > a:after {
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #1a6dff;
  position: absolute;
  left: 0;
  /* bottom: -19px; */
  bottom: -1.4rem;
  z-index: 1;
}
.menu-wrap .links > ul.main > li a {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.38px;
  color: #414141;
  position: relative;
  margin-right: 28px;
  width: max-content;
}
.menu-wrap .links > ul.main > li ul.sub {
  display: none;
  position: absolute;
  left: 20px;
  top: 50px;
}
.menu-wrap .links > ul.main > li ul.sub.sub3 {
  padding: 7px 0 7px 17px;
  border-radius: 4px;
  background-color: #f1f1f1;
}
.menu-wrap .links > ul.main > li ul.sub.sub3 a {
  margin-right: 0;
}
.menu-wrap .links > ul.main > li ul.sub.sub3 a.active:after,
.menu-wrap .links > ul.main > li ul.sub.sub3 a:hover:after {
  display: none;
}
.menu-wrap .links > ul.main > li ul.sub.active {
  display: flex;
}
.menu-wrap .links > ul.main > li ul.sub li {
  display: flex;
  margin-right: 30px;
}
.menu-wrap .links > ul.main > li ul.sub li a.active:after,
.menu-wrap .links > ul.main > li ul.sub li a:hover:after {
  bottom: -0.8rem;
}
.menu-wrap .links > ul.main > li.on ul.sub {
  display: flex;
}
.menu-wrap .links > ul.main > li a.active,
.menu-wrap .links > ul.main > li a:hover {
  color: #1a6dff;
}
.menu-wrap .links > ul.main > li a.active:after,
.menu-wrap .links > ul.main > li a:hover:after {
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #1a6dff;
  position: absolute;
  left: 0;
  /* bottom: -19px; */
  bottom: -1.4rem;
  z-index: 1;
}
@media (max-width: 1700px) {
  .menu-wrap .links > ul.main.proc {
    flex-wrap: wrap;
    width: 85%;
  }
}
@media (max-width: 1700px) {
  .menu-wrap .links > ul.main.proc > li {
    width: 20%;
    margin: 1rem 0;
  }
}
.menu-wrap .links .buttons > a.btn-m-blue,
.menu-wrap .links .buttons > a.btn-m-white-blue {
  padding: 10px 32px !important;
}
.menu-wrap .category-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
.menu-wrap .category-group ul.category {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  width: 100%;
  padding: 16px 12px 4px 12px;
  margin-bottom: 6px;
}
.menu-wrap .category-group ul.category li {
  display: flex;
  margin-right: 23px;
  margin-bottom: 12px;
}
.menu-wrap .category-group ul.category li input[type=checkbox] {
  margin-right: 5px;
}
.menu-wrap .category-group ul.category li label {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.33px;
  text-align: left;
  color: #787878;
  cursor: pointer;
}
.menu-wrap .category-group ul.category li label.active, .menu-wrap .category-group ul.category li label:hover {
  color: #1a6dff;
  font-weight: bold;
}
.menu-wrap .category-group > a.btn-sel-cancel {
  padding-left: 16px;
}
.menu-wrap .estimate-buttons {
  display: flex;
  align-items: center;
}
.menu-wrap .estimate-buttons a.btn-list {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #787878;
  position: relative;
  margin-right: 46px;
}
.menu-wrap .estimate-buttons a.btn-list:after {
  content: url("/images/ico-link-list.png");
  position: absolute;
  left: 32px;
  top: 65%;
  transform: translateY(-50%);
}
.menu-wrap > a.btn-write,
.menu-wrap a.btn-est-write,
.menu-wrap .estimate-buttons > a.btn-write {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 9px 14px 9px 40px;
  border: 1px solid #1a6dff;
  border-radius: 3px;
  color: #1a6dff;
  font-size: 14px;
  position: relative;
}
.menu-wrap > a.btn-write:before,
.menu-wrap a.btn-est-write:before,
.menu-wrap .estimate-buttons > a.btn-write:before {
  content: url("/images/ico-c-plus.png");
  position: absolute;
  left: 10px;
  top: 56%;
  transform: translateY(-50%);
}

.search-wrap2 {
  display: flex;
  justify-content: flex-end;
}
.search-wrap2 .search-box {
  display: flex;
  justify-content: space-between;
  width: 534px;
  height: 33px;
  padding: 5.1px 25px 5.9px 50px;
  border-radius: 40px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #fff;
  margin: 10px 0 0 0;
}
.search-wrap2 .search-box:before {
  content: url("/images/ico-search-on.png");
  position: absolute;
  left: 15px;
  top: 60%;
  transform: translateY(-50%);
}
.search-wrap2 .search-box input[type=text] {
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: left;
  width: 90%;
  color: #bababa;
  border: 0;
}

.search-wrap {
  display: flex;
  flex-direction: column;
}
.search-wrap .chk-check-all {
  position: relative;
}
.search-wrap .chk-check-all:after {
  content: " ";
  position: absolute;
  width: 1.5px;
  height: 80%;
  background-color: #707070;
  right: -20px;
  top: 4px;
}
.search-wrap .btn-none-before:before {
  display: none !important;
}

.product-part-write .color-wrap {
  display: flex;
  align-items: flex-start;
}
.product-part-write .color-wrap table.color {
  border: solid 0.5px #787878;
  margin-right: 5px;
}
.product-part-write .color-wrap table.color th, .product-part-write .color-wrap table.color td {
  border-bottom: 1px solid #787878;
  padding: 5px;
  background-color: #fff;
}
.product-part-write .color-wrap table.color th {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  padding-left: 5px;
}
.product .row-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 11px 14px;
  background-color: #fff7d6;
}
.product .row-wrap .span-wrap {
  display: flex;
}
.product .row-wrap .span-wrap p {
  margin-right: 1rem;
}
.product .row-wrap .span-wrap p span {
  margin-right: 0.3rem;
}
.product .row-wrap p.num-ment {
  margin-bottom: 9px;
}
.product .row-wrap .row {
  padding: 0;
}
.product .row-wrap .row a {
  font-size: 14px;
  letter-spacing: 0.35px;
}
.product .row-wrap .row a.red {
  color: #f00;
  margin-right: 17px;
}
.product .row-wrap .row a.black {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  padding: 5px 10px;
  color: #fff;
  background-color: #414141;
  margin-left: 4px;
}
.product .menu-wrap .links .buttons a.config {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #1a6dff;
  position: relative;
}
.product .menu-wrap .links .buttons a.config:after {
  content: url("/images/ico-category-config.png");
  position: absolute;
  left: -1.2rem;
  top: 65%;
  transform: translateY(-50%);
}

div.write-block-wrap {
  display: flex;
  justify-content: space-between;
}
div.write-block-wrap div.write-block {
  display: flex;
  flex-direction: column;
  width: 49.5%;
}
div.write-block-wrap div.write-block div.tit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.write-block-wrap div.write-block p.tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 2.73;
  letter-spacing: 0.38px;
  text-align: left;
  color: #414141;
}

.product-write ul.cert {
  display: flex;
}
.product-write ul.cert li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  justify-content: space-between;
}

.product-write-ppt a.btn-circle-del-gray {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 21px;
  height: 21px;
  background: url("/images/btn-circle-del-gray.png") center center no-repeat;
  z-index: 2;
}
.product-write-ppt .category-wrap {
  width: 100%;
  padding-bottom: 17px;
  border-bottom: 1px solid #bababa;
}
.product-write-ppt .category-wrap ul {
  display: flex;
}
.product-write-ppt .category-wrap ul li {
  margin-right: 19px;
}
.product-write-ppt .category-wrap ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 19px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  background-color: #fff;
  color: #dbdbdb;
  border: 1px solid #bababa;
  border-radius: 10px;
}
.product-write-ppt .category-wrap ul li a.active {
  background-color: #1A6DFF;
  color: #fff;
}
.product-write-ppt .detail-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
}
.product-write-ppt .detail-wrap .part-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px;
}
.product-write-ppt .detail-wrap .part-wrap article {
  display: flex;
  flex-direction: column;
  width: 32%;
  margin-right: 1%;
  margin-bottom: 38px;
}
.product-write-ppt .detail-wrap .part-wrap article > p {
  display: flex;
  width: 100%;
  background-color: #f0f0f0;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
  padding: 0.3rem 0.5rem;
  margin-bottom: 14px;
}
.product-write-ppt .detail-wrap .part-wrap article ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-write-ppt .detail-wrap .part-wrap article ul li {
  display: flex;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 16px;
}
.product-write-ppt .detail-wrap .part-wrap article ul li:last-child {
  margin-right: 0;
}
.product-write-ppt .detail-wrap .part-wrap article ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #bababa;
  width: 100%;
}
.product-write-ppt .detail-wrap .part-wrap article ul li a:hover, .product-write-ppt .detail-wrap .part-wrap article ul li a.active {
  border: solid 3px #1a6dff;
}
.product-write-ppt .detail-wrap .part-wrap article ul li a:hover:before, .product-write-ppt .detail-wrap .part-wrap article ul li a.active:before {
  content: url("/images/ico-part-checked.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-write-ppt .detail-wrap .part-wrap article ul li a img {
  max-width: 100%;
  max-height: 100%;
}
.product-write-ppt .big-thumb-wrap {
  display: flex;
  margin: 38px 0 38px 43px;
}
.product-write-ppt .big-thumb-wrap .big-wrap {
  display: flex;
  flex-direction: column;
  margin-right: 54px;
}
.product-write-ppt .big-thumb-wrap .big-wrap h1 {
  font-size: 50px;
  color: #dc9c71;
  margin-bottom: 30px;
}
.product-write-ppt .big-thumb-wrap .big-wrap .tit-wrap {
  display: flex;
  align-items: center;
  padding: 0.3rem 0;
}
.product-write-ppt .big-thumb-wrap .big-wrap .tit-wrap p {
  margin-right: 5px;
}
.product-write-ppt .big-thumb-wrap .big-wrap .tit-wrap p b {
  color: #1a6dff;
}
.product-write-ppt .big-thumb-wrap .big-wrap .tit-wrap .warning-wrap {
  top: -20px;
  left: 30px;
  width: 500px;
}
.product-write-ppt .big-thumb-wrap .big-wrap .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 576px;
  height: 394px;
  border: solid 3px #1a6dff;
  position: relative;
  margin-bottom: 10px;
}
.product-write-ppt .big-thumb-wrap .big-wrap .img-wrap.active a.btn-circle-del-gray {
  display: flex;
}
.product-write-ppt .big-thumb-wrap .big-wrap .img-wrap.active .file-box {
  display: none;
}
.product-write-ppt .big-thumb-wrap .big-wrap .img-wrap .file-upload-box .file-box label:before {
  content: url("/images/ico-big-plus.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.product-write-ppt .big-thumb-wrap .big-wrap .img-wrap .file-upload-box .file-box label:after {
  /*
  content: url("/images/or-drop-here-big.png");
  position: absolute;
  left: 50%;
  bottom: -5rem;
  transform: translateX(-50%);
   */
}
.product-write-ppt .big-thumb-wrap .big-wrap .company-wrap {
  display: flex;
}
.product-write-ppt .big-thumb-wrap .big-wrap .company-wrap img {
  margin-right: 20px;
}
.product-write-ppt .big-thumb-wrap .big-wrap .company-wrap p {
  font-size: 20px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap {
  display: flex;
  flex-direction: column;
  width: 328px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin-bottom: 20px;
  position: relative;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li.active a.btn-spec-remove {
  display: block;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li.active .file-box {
  display: none;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li .file-upload-box {
  border: solid 3px #1a6dff;
  width: 100%;
  height: 130px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li .file-upload-box img {
  max-width: 157px;
  max-height: 120px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li .file-upload-box label:before {
  content: url("/images/ico-small-plus.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li .file-upload-box label:after {
  /*
  content: url("/images/or-drop-here.png");
  position: absolute;
  left: 50%;
  bottom: -3rem;
  transform: translateX(-50%);
   */
}
.product-write-ppt .big-thumb-wrap .thumb-wrap ul li input[type=text] {
  width: 100%;
  margin-top: 2px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 3px #1a6dff;
  position: relative;
  width: 100%;
  height: 171px;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap.active .btn-circle-del-gray {
  display: flex;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap.active a.btn-size-icon-pop, .product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap.active .file-box {
  display: none;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap a.btn-size-icon-pop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 42px;
  border: solid 1px #1a6dff;
  background-color: #fff;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #1a6dff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  z-index: 2;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap .file-upload-box .file-box {
  transform: translate(0, 70%);
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap .file-upload-box .file-box label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 42px;
  background-color: #226cfc;
  border: solid 3px #1a6dff;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #fff;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap .size-wrap .file-upload-box .file-box label:before {
  content: "이미지 업로드";
  position: absolute;
  left: 55%;
  width: 100%;
}
.product-write-ppt .big-thumb-wrap .thumb-wrap p.size {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 5px;
}

.pop-category {
  width: 800px;
}
.pop-category .header .buttons-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.pop-category .header .buttons-wrap ul.menu {
  display: flex;
}
.pop-category .header .buttons-wrap ul.menu li {
  display: flex;
  margin-right: 27px;
}
.pop-category .header .buttons-wrap ul.menu li a {
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
  color: #bababa;
  position: relative;
}
.pop-category .header .buttons-wrap ul.menu li a:hover, .pop-category .header .buttons-wrap ul.menu li a.active {
  color: #414141;
}
.pop-category .header .buttons-wrap ul.menu li a:hover:after, .pop-category .header .buttons-wrap ul.menu li a.active:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #1a6dff;
  position: absolute;
  left: 0;
  bottom: -15px;
}
.pop-category .header .buttons-wrap .buttons a {
  width: 65px;
  height: 42px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #414141;
}
.pop-category .header .buttons-wrap .buttons a.btn-m-gray {
  color: #414141;
  border: 1px solid #414141;
  background-color: #efefef;
  margin-right: 10px;
}
.pop-category .header .buttons-wrap .buttons a.btn-m-blue {
  color: #fff;
  border: 1px solid #1a6dff;
  background-color: #1a6dff;
}
.pop-category .body .content-wrap {
  margin-bottom: 20px;
}
.pop-category .body .content-wrap p {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
}
.pop-category .body .content-wrap .title-wrap {
  display: flex;
  margin-bottom: 9px;
}
.pop-category .body .content-wrap .title-wrap a.btn-blue-plus {
  margin-right: 12px;
  position: relative;
  padding-left: 20px;
}
.pop-category .body .content-wrap .title-wrap a.btn-blue-plus:before {
  content: url("/images/ico-s-blue-plus.png");
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
}
.pop-category .body .content-wrap .box-wrap {
  display: flex;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  width: 100%;
  min-height: 350px;
}
.pop-category .body .content-wrap .box-wrap .left-box,
.pop-category .body .content-wrap .box-wrap .right-box {
  display: flex;
  width: 50%;
  padding: 18px 0 0 32px;
}
.pop-category .body .content-wrap .box-wrap .left-box {
  border-right: 1px solid #bababa;
  padding: 18px 0 0 0;
  max-height: 600px;
  overflow: auto;
}
.pop-category .body .content-wrap .box-wrap .left-box ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pop-category .body .content-wrap .box-wrap .left-box ul.depth2 {
  padding-left: 20px;
}
.pop-category .body .content-wrap .box-wrap .left-box ul.depth3 {
  padding-left: 40px;
}
.pop-category .body .content-wrap .box-wrap .left-box ul.depth2, .pop-category .body .content-wrap .box-wrap .left-box ul.depth3 {
  display: none;
}
.pop-category .body .content-wrap .box-wrap .left-box ul.depth2.on, .pop-category .body .content-wrap .box-wrap .left-box ul.depth3.on {
  display: flex;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li {
  width: 100%;
  position: relative;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 30px;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.35px;
  text-align: left;
  color: #05192c;
  position: relative;
  padding-left: 20px;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a.btn-cate-name:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a.btn-cate-name.active:before {
  content: "▼";
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a.btn-cate-name.no-arrow:before, .pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a.btn-cate-name.no-arrow:after {
  display: none;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li .name-wrap a.btn-del {
  display: none;
}
.pop-category .body .content-wrap .box-wrap .left-box ul li.active {
  background-color: rgba(26, 109, 255, 0.06);
}
.pop-category .body .content-wrap .box-wrap .left-box ul li.active:before {
  content: url("/images/ic_Apps.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pop-category .body .content-wrap .box-wrap .left-box ul li.active .name-wrap a.btn-del {
  width: fit-content;
  display: block;
  margin-right: 22px;
}
.pop-category .body .content-wrap .box-wrap .right-box {
  display: flex;
  flex-direction: column;
}
.pop-category .body .content-wrap .box-wrap .right-box input[type=text] {
  width: 100%;
  border: 0;
  padding-left: 0;
  border-bottom: 1px solid #bababa;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap {
  width: 100%;
  padding-top: 10px;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li {
  display: flex;
  flex-direction: column;
  width: 48%;
  margin-bottom: 30px;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #414141;
  margin-bottom: 11px;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li .ppt-cate2-box-wrp {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border: solid 1px #bababa;
  padding: 7px;
  height: 128px;
  overflow-y: auto;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li .ppt-cate2-box-wrp .ppt-cate2-wrp {
  width: 100%;
  height: 100%;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li .ppt-cate2-box-wrp .ppt-cate2-wrp .ppt-cate {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  height: 1.8rem;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li .ppt-cate2-box-wrp .ppt-cate2-wrp .ppt-cate a {
  display: flex;
  width: 21px;
  height: 21px;
  position: relative;
}
.pop-category .body .content-wrap .box-wrap .right-box .ppt-category-wrap ul li .ppt-cate2-box-wrp .ppt-cate2-wrp .ppt-cate a:after {
  content: url("/images/ico-s-close.png");
  position: absolute;
  left: 0;
  top: 0;
}
.pop-category .body .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop-slide-preview .body .buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  width: 100%;
}
.pop-slide-preview .body .buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 207px;
  height: 53px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
}
.pop-slide-preview .body .buttons a.btn-l-blue {
  margin-right: 27px;
}

table.product-blueprint {
  width: 100%;
}
table.product-blueprint tr td a.btn-plus,
table.product-blueprint tr td a.btn-minus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin: 6px;
  padding-left: 0;
}
table.product-blueprint tr td a.btn-plus:before,
table.product-blueprint tr td a.btn-minus:before {
  display: none;
}
table.product-blueprint tr td a.btn-plus {
  background-color: #1a6dff;
  color: #fff;
  margin-right: 2px;
}
table.product-blueprint tr td a.btn-minus {
  background-color: #f00;
  color: #fff;
}
table.product-blueprint tr td:nth-child(1) {
  width: 80%;
  padding-left: 5px;
  border-left: 0;
}
table.product-blueprint tr td:nth-child(2) {
  width: 20%;
  padding-left: 5px;
  border-right: 0;
}
table.product-blueprint tr td:nth-child(2) .ctl-wrap {
  display: flex;
  justify-content: flex-start;
}
table.product-blueprint tr td:nth-child(2) .ctl-wrap ul.btn-box {
  display: flex;
  flex-direction: row;
}

.pop-ppt-size-images {
  width: 890px;
}
.pop-ppt-size-images .ppt-category-wrap {
  width: 100%;
  padding-bottom: 17px;
  border-bottom: 1px solid #bababa;
}
.pop-ppt-size-images .ppt-category-wrap ul {
  display: flex;
}
.pop-ppt-size-images .ppt-category-wrap ul li {
  margin-right: 19px;
}
.pop-ppt-size-images .ppt-category-wrap ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 19px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  background-color: #fff;
  color: #dbdbdb;
  border: 1px solid #bababa;
  border-radius: 10px;
}
.pop-ppt-size-images .ppt-category-wrap ul li a.active {
  background-color: #1A6DFF;
  color: #fff;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main {
  display: flex;
  position: relative;
  padding-left: 40px;
  margin-top: 10px;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #bababa;
  left: 0;
  bottom: 40px;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li {
  position: relative;
  margin-bottom: 40px;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li > a {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
  margin: 11px 50px 11px 0;
  position: relative;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li > a:hover, .pop-ppt-size-images .ppt-category2-wrap ul.main > li > a.active {
  color: #414141;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li ul.sub {
  display: none;
  position: absolute;
  left: 0;
  top: 70%;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li ul.sub li {
  display: flex;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li ul.sub li a {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
  padding: 11px 11px 11px 0;
  margin: 11px 11px 11px 22px;
  width: max-content;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li ul.sub li a:hover, .pop-ppt-size-images .ppt-category2-wrap ul.main > li ul.sub li a.active {
  color: #1a6dff;
}
.pop-ppt-size-images .ppt-category2-wrap ul.main > li.on ul.sub {
  display: flex;
}
.pop-ppt-size-images div.ppt-image-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 1%;
  margin-bottom: 38px;
  height: 370px;
  overflow-y: auto;
}
.pop-ppt-size-images div.ppt-image-wrap > p {
  display: flex;
  width: 100%;
  background-color: #f0f0f0;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
  padding: 0.3rem 0.5rem;
  margin-bottom: 14px;
}
.pop-ppt-size-images div.ppt-image-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.pop-ppt-size-images div.ppt-image-wrap ul li {
  display: flex;
  flex-direction: column;
  margin-right: 1%;
  margin-bottom: 16px;
}
.pop-ppt-size-images div.ppt-image-wrap ul li:last-child {
  margin-right: 0;
}
.pop-ppt-size-images div.ppt-image-wrap ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border: solid 1px #bababa;
  width: 100%;
}
.pop-ppt-size-images div.ppt-image-wrap ul li a:hover, .pop-ppt-size-images div.ppt-image-wrap ul li a.active {
  border: solid 1px #1a6dff;
}
.pop-ppt-size-images div.ppt-image-wrap ul li a:hover:before, .pop-ppt-size-images div.ppt-image-wrap ul li a.active:before {
  content: url("/images/ico-part-checked.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop-ppt-size-images div.ppt-image-wrap ul li a img {
  width: 150px;
  height: 86px;
}
.pop-ppt-size-images .buttons {
  margin: 0 auto;
}

.proposal .search-wrap ul.buttons {
  display: flex;
}
.proposal .search-wrap ul.buttons li {
  display: flex;
  align-items: center;
}
.proposal .search-wrap ul.buttons li.count {
  font-size: 13px;
  letter-spacing: 0.33px;
  color: #414141;
  margin-right: 9px;
}
.proposal .search-wrap ul.buttons li.count b {
  font-weight: 500;
  color: #1a6dff;
  padding-right: 5px;
}
.proposal .search-wrap ul.buttons li a {
  position: relative;
}
.proposal .search-wrap ul.buttons li a.download, .proposal .search-wrap ul.buttons li a.share, .proposal .search-wrap ul.buttons li a.copy, .proposal .search-wrap ul.buttons li a.del {
  display: flex;
  align-content: flex-end;
  margin-right: 13px;
  padding: 3px 13px 3px 25px;
  border: 1px solid #bababa;
  border-radius: 3px;
}
.proposal .search-wrap ul.buttons li a.download:before {
  content: url("/images/ico-p-download.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .search-wrap ul.buttons li a.share:before {
  content: url("/images/ico-p-share.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .search-wrap ul.buttons li a.copy:before {
  content: url("/images/ico-p-copy.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .search-wrap ul.buttons li a.del:before {
  content: url("/images/ico-p-del.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .list-wrap .plus-wrap {
  display: flex;
  width: 100%;
  padding: 10px 0;
}
.proposal .list-wrap .plus-wrap .btn-plus-add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 77px;
  border-radius: 7px;
  border: 1px dashed #bababa;
}
.proposal .a {
  padding: 10px 58px 47px 22px;
  border-radius: 2px;
  background-color: #fff;
}
.proposal .slide-wrap {
  display: flex;
  flex-direction: column;
  padding: 22px 0 22px 31px;
  border-radius: 2px;
  background-color: #fff;
}
.proposal .slide-wrap ul.slide {
  display: flex;
  flex-wrap: wrap;
}
.proposal .slide-wrap ul.slide.product-bundle {
  width: 100%;
}
.proposal .slide-wrap ul.slide.product-bundle > li {
  justify-content: flex-start;
  width: 290px;
  min-height: 245px;
  height: unset;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-img-icons-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-img-wrap {
  display: flex;
  justify-content: space-between;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap {
  display: flex;
  width: 70%;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items > li {
  margin-bottom: 0.5rem;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items > li > ul.item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items > li > ul.item > li {
  width: 50%;
  color: #A0A0A0;
  font-size: 0.8rem;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items > li > ul.item > li.model {
  color: #000000;
  font-weight: bold;
  word-break: break-all;
}
.proposal .slide-wrap ul.slide.product-bundle > li .items-wrap > ul.items > li > ul.item > li.ident_no {
  color: #0D99FF;
  font-weight: bold;
}
.proposal .slide-wrap ul.slide.product-bundle > li .img-wrap {
  width: 30%;
}
.proposal .slide-wrap ul.slide.product-bundle > li .icons-wrap {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.proposal .slide-wrap ul.slide.product-bundle > li .icons-wrap ul.certificates {
  display: flex;
}
.proposal .slide-wrap ul.slide.product-bundle > li .icons-wrap ul.certificates li {
  display: flex;
  margin-right: 0.2rem;
}
.proposal .slide-wrap ul.slide.product-bundle > li .icons-wrap ul.certificates li img {
  width: 100%;
  height: 100%;
}
.proposal .slide-wrap ul.slide > li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 245px;
  height: 245px;
  border: 1px solid #bababa;
  border-radius: 10px;
  margin: 0 20px 20px 0;
  padding: 5px;
}
.proposal .slide-wrap ul.slide > li.active {
  border: 2px solid #1a6dff;
}
.proposal .slide-wrap ul.slide > li.plus {
  justify-content: center;
  border: 1px dashed #bababa;
}
.proposal .slide-wrap ul.slide > li .header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5px;
  width: 100%;
}
.proposal .slide-wrap ul.slide > li .header.col {
  flex-direction: column;
}
.proposal .slide-wrap ul.slide > li .header .header-sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.proposal .slide-wrap ul.slide > li .header p {
  font-size: 14px;
}
.proposal .slide-wrap ul.slide > li .header p.tit label {
  cursor: pointer;
}
.proposal .slide-wrap ul.slide > li .header p.cnt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
  border-radius: 2px;
  padding: 2px;
  width: 25px;
}
.proposal .slide-wrap ul.slide > li .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.proposal .slide-wrap ul.slide > li .img-wrap a.img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: flex-start;
}
.proposal .slide-wrap ul.slide > li .img-wrap img {
  max-width: 85%;
  max-height: 85%;
}
.proposal .slide-wrap ul.slide > li .img-wrap .button-wrap {
  display: none;
  border-radius: 2px;
  background-color: rgba(120, 120, 120, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.proposal .slide-wrap ul.slide > li .img-wrap .button-wrap.active {
  display: block;
}
.proposal .slide-wrap ul.slide > li .img-wrap .button-wrap a.btn-edit {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #07f;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #fff;
  padding: 6px 33px 6px 19%;
  position: absolute;
  left: 22%;
  top: 35%;
}
.proposal .slide-wrap ul.slide > li .img-wrap .button-wrap a.btn-edit:before {
  content: url("/images/i-edit.png");
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .slide-wrap ul.slide > li .footer {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  position: relative;
  width: 100%;
}
.proposal .slide-wrap ul.slide > li .footer p.time {
  font-size: 12px;
  position: relative;
  padding-left: 20px;
}
.proposal .slide-wrap ul.slide > li .footer p.time:before {
  content: url("/images/ico-clock.png");
  position: absolute;
  left: 0;
  top: 62%;
  transform: translateY(-50%);
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap a {
  width: 16px;
  height: 16px;
  position: relative;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap a.view:before {
  content: url("/images/ico-preview.png");
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap a.more:before {
  content: url("/images/ico-more.png");
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box {
  display: none;
  border: 1px solid #bababa;
  padding: 5px;
  position: absolute;
  right: 40px;
  top: -50px;
  background: #fff;
  width: 122px;
  z-index: 1;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box.on {
  display: flex;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul {
  display: flex;
  flex-direction: column;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li {
  display: flex;
  width: 100%;
  padding: 5px;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-brochure {
  padding: 10px 0 0 30px;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-brochure:before {
  left: 5px;
  top: 35%;
  position: absolute;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-share:before, .proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-pencil:before, .proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-copy:before, .proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-del:before {
  left: 5px;
  top: 10%;
  position: absolute;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover {
  color: #1a6dff;
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover.ico-share:before {
  content: url("/images/ico-25-share-on.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover.ico-pencil:before {
  content: url("/images/ico-25-pencil-on.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover.ico-copy:before {
  content: url("/images/ico-25-copy-on.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover.ico-del:before {
  content: url("/images/ico-25-recycle-on.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a:hover.ico-brochure:before {
  content: url("/images/ico-25-brochure.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-share:before {
  content: url("/images/ico-25-share.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-pencil:before {
  content: url("/images/ico-25-pencil.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-copy:before {
  content: url("/images/ico-25-copy.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-del:before {
  content: url("/images/ico-25-recycle.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-brochure:before {
  content: url("/images/ico-25-brochure.png");
}
.proposal .slide-wrap ul.slide > li .footer .view-wrap div.ctl-box > ul > li a.ico-brochure:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.proposal .slide-make-wrap {
  display: flex;
  justify-content: space-between;
  margin: 47px 0 100px 0;
  position: relative;
}
.proposal .slide-make-wrap:before {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: -27px;
  left: 0;
}
.proposal .slide-make-wrap .slide-thumb-wrap {
  display: flex;
  flex-direction: column;
  width: 220px;
  position: relative;
}
.proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar {
  position: absolute;
  right: -22px;
  top: 257px;
  width: 22px;
  height: 68px;
  background: url("/images/ico-slide-close-off.png") left top no-repeat;
}
.proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar:hover, .proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar.active {
  background: url("/images/ico-slide-close-on.png") left top no-repeat;
}
.proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar.close {
  position: absolute;
  right: -22px;
  top: 257px;
  width: 22px;
  height: 68px;
  background: url("/images/ico-slide-open-off.png") left top no-repeat;
}
.proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar.close:hover, .proposal .slide-make-wrap .slide-thumb-wrap > a.btn-slide-toggle-bar.close.active {
  background: url("/images/ico-slide-open-on.png") left top no-repeat;
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu {
  display: flex;
  justify-content: space-between;
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li {
  display: flex;
  justify-content: center;
  width: 25%;
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 55px;
  height: 55px;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #bababa;
  padding-bottom: 5px;
  position: relative;
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.template:before {
  content: url("/images/ico-template.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.image:before {
  content: url("/images/ico-photos.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.my-job:before {
  content: url("/images/ico-my-job.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.bookmark:before {
  content: url("/images/ico-bookmark.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a:hover, .proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.active {
  border-radius: 2px;
  background-color: #1a6dff;
  color: #fff;
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a:hover.template:before, .proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.active.template:before {
  content: url("/images/ico-template-on.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a:hover.image:before, .proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.active.image:before {
  content: url("/images/ico-photos-on.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a:hover.my-job:before, .proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.active.my-job:before {
  content: url("/images/ico-my-job-on.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a:hover.bookmark:before, .proposal .slide-make-wrap .slide-thumb-wrap ul.menu li a.active.bookmark:before {
  content: url("/images/ico-bookmark-on.png");
  position: absolute;
  left: 40%;
  top: 35%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-template-wrap select {
  width: 219px;
  height: 28px;
  margin: 8px 47px 12px 0;
  padding: 3px 11.8px 5px 17px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #787878;
  background-color: #fff;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-template-wrap .slide-group .slide img {
  max-width: 100%;
}
.proposal .slide-make-wrap .slide-thumb-wrap .slide-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: scroll;
  height: 75vh;
  width: 100%;
  padding: 3px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.proposal .slide-make-wrap .slide-thumb-wrap .slide-group .slide {
  display: flex;
  width: 194px;
  height: 119px;
  margin-bottom: 7px;
  border: 1px solid #0a0a0a;
  flex: 0 0 auto;
}
.proposal .slide-make-wrap .slide-thumb-wrap .slide-group .slide.active, .proposal .slide-make-wrap .slide-thumb-wrap .slide-group .slide:hover {
  border: 1px solid #1a6dff;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap {
  margin: 20px 0 0 0;
  position: relative;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap:before,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #787878;
  left: 0;
  top: -10px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap {
  margin-bottom: 7px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap .input-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap .input-wrap {
  position: relative;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap .input-wrap input[type=text],
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap .input-wrap input[type=text] {
  width: 219px;
  height: 28px;
  padding: 4px 7px;
  border-radius: 2px;
  border: solid 1px #787878;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #bababa;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap .input-wrap a,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap .input-wrap a {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap .input-wrap a.btn-search,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap .input-wrap a.btn-search {
  right: 25px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .header-wrap .input-wrap a.btn-close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .header-wrap .input-wrap a.btn-close {
  right: 5px;
  top: 45%;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap a.add,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap a.add {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 84px;
  height: 63px;
  border: 1px dashed #1a6dff;
  background-color: #fff;
  margin-bottom: 7px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: scroll;
  height: 800px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box {
  display: flex;
  border: 1px solid #bababa;
  position: relative;
  margin: 0 5px 5px 0;
  width: fit-content;
  /*
  min-width: 48%;
  max-width: 98%;
   */
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box:hover,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box:hover {
  border: 1px solid #1a6dff;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box:hover a.btn-close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box:hover a.btn-close {
  display: block;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box img,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box img {
  /* min-width: 48%; */
  max-width: 100%;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box a.btn-close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box a.btn-close {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark {
  display: flex;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark:before,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark:before {
  content: url("/images/ico-slide-bookmark.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark.active:before,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap .image-wrap .image-group .image-box a.btn-slide-image-bookmark.active:before {
  content: url("/images/ico-slide-bookmark-on.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-my-job-wrap {
  padding-top: 1rem;
}
.proposal .slide-make-wrap .slide-thumb-wrap .menu-template-wrap.close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-image-wrap.close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-my-job-wrap.close,
.proposal .slide-make-wrap .slide-thumb-wrap .menu-bookmark-wrap.close {
  display: none;
}
.proposal .slide-make-wrap .slide-thumb-wrap.close {
  width: 55px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: relative;
}
.proposal .slide-make-wrap .slide-thumb-wrap.close ul.menu {
  flex-direction: column;
}
.proposal .slide-make-wrap .slide-thumb-wrap.close ul.menu li {
  width: 100%;
}
.proposal .slide-make-wrap .slide-thumb-wrap.close .menu-template-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap.close .menu-image-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap.close .menu-my-job-wrap,
.proposal .slide-make-wrap .slide-thumb-wrap.close .menu-bookmark-wrap {
  display: none;
}
.proposal .slide-make-wrap .slide-main-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-left: 33px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-group {
  display: flex;
  flex-direction: column;
  height: 78vh;
  overflow-y: scroll;
  position: relative;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-group .slide {
  display: flex;
  width: 95%;
  min-height: 77vh;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-group .slide img {
  max-width: 100%;
}
.proposal .slide-make-wrap .slide-main-wrap .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 14px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.proposal .slide-make-wrap .slide-main-wrap .buttons a.btn-l-white, .proposal .slide-make-wrap .slide-main-wrap .buttons a.btn-l-blue {
  margin-right: 9px;
}
.proposal .slide-make-wrap .slide-main-wrap .buttons a.btn-l-gray {
  margin-right: 2px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu {
  display: flex;
  /*position: fixed;*/
  position: absolute;
  right: 2.5rem;
  top: 32%;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu {
  display: flex;
  flex-direction: column;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu li {
  display: flex;
  margin-bottom: 15px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu li.up {
  margin-bottom: 21px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu li.page {
  justify-content: center;
  align-items: center;
  font-size: 24px;
  letter-spacing: 0.6px;
  color: #414141;
  margin-bottom: 21px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu li.down {
  margin-bottom: 33px;
}
.proposal .slide-make-wrap .slide-main-wrap .slide-quick-menu ul.menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pop-proposal-images-upload {
  width: 850px;
}
.pop-proposal-images-upload .body .proposal-images-dropzone {
  border: 1px solid #707070;
  height: 400px;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.pop-proposal-images-upload .body .proposal-images-dropzone div.dz-image {
  display: flex;
  justify-content: center;
  border-radius: 0;
  width: unset;
  height: unset;
  max-height: 120px;
  margin-bottom: 1rem;
  border: 1px solid #bababa;
}
.pop-proposal-images-upload .body .proposal-images-dropzone div.dz-size,
.pop-proposal-images-upload .body .proposal-images-dropzone div.dz-progress,
.pop-proposal-images-upload .body .proposal-images-dropzone div.dz-filename {
  display: none;
}
.pop-proposal-images-upload .body .proposal-images-dropzone a.dz-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 7px 15px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  border: solid 1px #1a6dff;
  text-decoration: none;
  width: fit-content;
}
.pop-proposal-images-upload .body .proposal-images-dropzone.exist:after {
  display: none;
}

.pop-proposal-preview {
  width: 850px;
}
.pop-proposal-preview .body ul.slides {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pop-proposal-preview .body ul.slides li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 200px;
  position: relative;
  border: 1px solid #bababa;
  margin-bottom: 20px;
}
.pop-proposal-preview .body ul.slides li p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #bababa;
  border-radius: 3px;
  background-color: #fff;
}
.pop-proposal-preview .body ul.slides li img {
  max-width: 98%;
  max-height: 98%;
}
.pop-proposal-preview .body div.ment {
  display: flex;
  justify-content: center;
  padding: 28px 0 32px;
  width: 100%;
  font-size: 18px;
  color: #2f2f2f;
}
.pop-proposal-preview .body dl.info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 55px;
}
.pop-proposal-preview .body dl.info dt.first, .pop-proposal-preview .body dl.info dd.first {
  border-top: 1px solid #bababa;
}
.pop-proposal-preview .body dl.info dt, .pop-proposal-preview .body dl.info dd {
  padding: 10px 0;
  border-bottom: 1px solid #bababa;
}
.pop-proposal-preview .body dl.info dt {
  width: 20%;
}
.pop-proposal-preview .body dl.info dd {
  width: 80%;
}
.pop-proposal-preview .body div.buttons {
  display: flex;
  justify-content: center;
}
.pop-proposal-preview .body div.buttons a.btn-l-white {
  margin-right: 27px;
}

.pop-proposal-design-request {
  width: 850px;
}
.pop-proposal-design-request .body {
  padding-top: 30px;
  padding-bottom: 0;
}
.pop-proposal-design-request .body > p {
  font-size: 18px;
  text-align: left;
  color: #2f2f2f;
  margin-bottom: 11px;
}
.pop-proposal-design-request .body dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pop-proposal-design-request .body dl dt, .pop-proposal-design-request .body dl dd {
  border-bottom: 1px solid #bababa;
  padding: 24px 0;
}
.pop-proposal-design-request .body dl dt.w100p, .pop-proposal-design-request .body dl dd.w100p {
  width: 100%;
}
.pop-proposal-design-request .body dl dt.first, .pop-proposal-design-request .body dl dd.first {
  border-top: 1px solid #bababa;
}
.pop-proposal-design-request .body dl dt.bb0, .pop-proposal-design-request .body dl dd.bb0 {
  border-bottom: 0;
}
.pop-proposal-design-request .body dl dt {
  width: 20%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  color: #414141;
  padding-left: 7px;
}
.pop-proposal-design-request .body dl dt.w100p {
  border-bottom: 0;
  padding-bottom: 0;
}
.pop-proposal-design-request .body dl dd {
  width: 80%;
  line-height: 1.79;
  text-align: left;
  color: #05192c;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
}
.pop-proposal-design-request .body dl dd label {
  display: inline-block;
  margin: 0 30px 0 3px;
}
.pop-proposal-design-request .body dl dd label.active {
  color: #1a6dff;
}
.pop-proposal-design-request .body dl dd a.btn-ppt {
  margin-right: 23px;
}
.pop-proposal-design-request .body dl dd.w100p {
  padding-top: 10px;
}
.pop-proposal-design-request .body dl dd textarea {
  width: 100%;
  height: 204px;
  background-color: #f8f9fa;
  padding: 11px 10px;
  font-size: 14px;
  line-height: 1.79;
  text-align: left;
  color: #bababa;
  border: 0;
}
.pop-proposal-design-request .body dl dd .file-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pop-proposal-design-request .body dl dd .file-box > a {
  margin-bottom: 14px;
}
.pop-proposal-design-request .body dl dd .file-box .ment {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #bababa;
  margin: 25px 0 57px;
  padding-top: 10px;
}
.pop-proposal-design-request .footer {
  display: flex;
  justify-content: center;
  padding: 40px 0 42px;
  border-top: 1px solid #bababa;
}
.pop-proposal-design-request .footer a.btn-l-white {
  margin-right: 35px;
}

.pop-slide-menu {
  display: flex;
  border: 1px solid #bababa;
  background-color: #fff;
  position: absolute;
  left: 400px;
  top: 500px;
}
.pop-slide-menu ul {
  display: flex;
  flex-direction: column;
  width: 100px;
  margin: 5px 0 5px 5px;
}
.pop-slide-menu ul li a {
  display: flex;
  font-size: 13px;
  letter-spacing: 0.33px;
  color: #787878;
  padding: 5px 0 5px 25px;
  position: relative;
}
.pop-slide-menu ul li a.download:before {
  content: url("/images/ico-p-download.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.pop-slide-menu ul li a.share:before {
  content: url("/images/ico-p-share.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.pop-slide-menu ul li a.copy:before {
  content: url("/images/ico-p-copy.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.pop-slide-menu ul li a.del:before {
  content: url("/images/ico-p-del.png");
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.pop-slide-download {
  width: 850px;
}
.pop-slide-download .body .content-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.pop-slide-download .body .content-wrap:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #bababa;
  left: 0;
  bottom: -30px;
}
.pop-slide-download .body .content-wrap p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  color: #414141;
  margin-right: 28px;
}
.pop-slide-download .body .content-wrap > .buttons {
  display: flex;
}
.pop-slide-download .body .content-wrap > .buttons a.first {
  margin-right: 23px;
}
.pop-slide-download .body .content-wrap > .buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 201px;
  height: 49px;
  border: 1px solid #787878;
  border-radius: 7px;
  background-color: #fff;
  color: #787878;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
}
.pop-slide-download .body .content-wrap > .buttons a:hover, .pop-slide-download .body .content-wrap > .buttons a.active {
  color: #fff;
  border: 1px solid #226cfc;
  background-color: #226cfc;
}
.pop-slide-download .body > .buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 56px;
}
.pop-slide-download .body > .buttons .caption {
  display: flex;
  align-items: center;
  width: 530px;
  height: 60px;
  padding-left: 29px;
  border-radius: 7px;
  border: 1px solid #787878;
}
.pop-slide-download .body > .buttons .caption p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  color: #414141;
  position: relative;
}
.pop-slide-download .body > .buttons .caption p.first {
  margin-right: 60px;
}
.pop-slide-download .body > .buttons .caption p.first:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: #bababa;
  background-color: #707070;
  right: 0;
  top: 0;
}
.pop-slide-download .body > .buttons a.btn-l-blue {
  border-radius: 7px;
  width: 237px;
  height: 60px;
  font-size: 24px;
  font-weight: 500;
}

.portfolio {
  background-color: #ffffff;
  /* ico-cloud_upload */
}
.portfolio .portfolio-product-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.portfolio .portfolio-product-wrap .product-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}
.portfolio .portfolio-product-wrap .product-wrap .product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px dashed #759DE3;
  width: 131px;
  height: 144px;
  position: relative;
  margin-right: 0.5rem;
  border-radius: 20px;
}
.portfolio .portfolio-product-wrap .product-wrap .product img {
  max-width: 100%;
  max-height: 100%;
}
.portfolio .portfolio-product-wrap .product-wrap .product p.tit {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  width: 100%;
  text-align: center;
}
.portfolio .portfolio-product-wrap .product-wrap .product a {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 21px;
  height: 21px;
  background: url(/images/btn-circle-del-gray.png) center center no-repeat;
  z-index: 2;
}
.portfolio .portfolio-product-wrap .product-wrap .product a.btn-product-bundle-main {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: unset;
  top: unset;
  bottom: 5px;
  width: 90%;
  height: 30px;
  background: unset;
  border: 1px solid #1a6dff;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
}
.portfolio .portfolio-product-wrap .product-wrap .product a.btn-product-bundle-main.active, .portfolio .portfolio-product-wrap .product-wrap .product a.btn-product-bundle-main:hover {
  background: #1a6dff;
  color: #fff;
}
.portfolio .portfolio-product-wrap .product-wrap > input[type=text] {
  border-radius: 8px;
  border: 1px solid #CBCBCB;
  width: 131px;
  text-align: center;
  margin-top: 0.5rem;
}
.portfolio dl.write {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  background-color: #ffffff;
}
.portfolio dl.write:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bababa;
}
.portfolio dl.write dt, .portfolio dl.write dd {
  display: flex;
  align-items: center;
  width: 100%;
}
.portfolio dl.write dt .autoComplete_wrapper, .portfolio dl.write dd .autoComplete_wrapper {
  width: 100% !important;
}
.portfolio dl.write dt {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.portfolio dl.write dt.blue {
  font-size: 16px;
  font-weight: bold;
  color: #1a6dff;
}
.portfolio dl.write dt.blue span.red {
  font-size: 16px;
  font-weight: bold;
  color: #f00;
  padding-left: 0.2rem;
}
.portfolio dl.write dt.w40p {
  width: 40%;
}
.portfolio dl.write dt.w60p {
  width: 60%;
}
.portfolio dl.write dt span {
  font-weight: normal;
  color: #05192c;
}
.portfolio dl.write dt span.blue {
  color: #1a6dff;
  margin-left: 5px;
}
.portfolio dl.write dt .ele-box {
  margin-left: 16px;
}
.portfolio dl.write dd {
  margin-bottom: 37px;
}
.portfolio dl.write dd a.btn-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  border-radius: 6px;
  background-color: #1a6dff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  color: #fff;
}
.portfolio dl.write dd.w40p {
  width: 40%;
}
.portfolio dl.write dd.w60p {
  width: 60%;
}
.portfolio dl.write dd.blue {
  color: #1a6dff;
}
.portfolio dl.write dd.table {
  position: relative;
}
.portfolio dl.write dd.table > a.btn-add-tr {
  position: absolute;
  right: -3.1rem;
  top: 0.6rem;
  width: 24px;
  height: 24px;
  background: url(/images/ico-table-plus.png) center center no-repeat;
}
.portfolio dl.write dd.table table.tbl-simple-product-box {
  width: 95%;
  border-radius: 20px;
  background: #F8F9FA;
  padding: 20px;
}
.portfolio dl.write dd.table table.tbl-simple-product-box tr:nth-child(2) td:last-child a.btn-remove-tr {
  display: none;
}
.portfolio dl.write dd.table table.tbl-simple-product-box th, .portfolio dl.write dd.table table.tbl-simple-product-box td {
  padding: 10px;
}
.portfolio dl.write dd.table table.tbl-simple-product-box th {
  font-size: 16px;
}
.portfolio dl.write dd.table table.tbl-simple-product-box th span.red {
  color: #f00;
}
.portfolio dl.write dd.table table.tbl-simple-product-box td {
  position: relative;
}
.portfolio dl.write dd.table table.tbl-simple-product-box td input[type=text] {
  font-size: 16px;
  background-color: #ffffff;
  padding: 10px;
  height: 2.1rem;
}
.portfolio dl.write dd.table table.tbl-simple-product-box td input[type=text].red::placeholder {
  color: #f99;
}
.portfolio dl.write dd.table table.tbl-simple-product-box td a.btn-add-tr {
  position: absolute;
  right: -3.1rem;
  top: 0.6rem;
  width: 24px;
  height: 24px;
  background: url(/images/ico-table-plus.png) center center no-repeat;
}
.portfolio dl.write dd.table table.tbl-simple-product-box td a.btn-remove-tr {
  position: absolute;
  right: -3.1rem;
  top: 0.6rem;
  width: 24px;
  height: 24px;
  background: url(/images/ico-table-minus.png) center center no-repeat;
}
.portfolio dl.write dd input[type=text] {
  background-color: unset;
  width: 100%;
  border: 0;
  border-bottom: solid 1px #bababa;
}
.portfolio dl.write dd select {
  min-width: 378px;
  height: 50px;
  border-radius: 8px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.portfolio dl.write dd textarea {
  width: 100%;
  min-height: 126px;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 11px 16px;
}
.portfolio dl.write dd input[type=text]::placeholder,
.portfolio dl.write dd textarea::placeholder {
  color: #bababa;
}
.portfolio .images-dropzone-wrap {
  min-height: 400px !important;
  height: auto !important;
}
.portfolio .dropzone .dz-preview .dz-image {
  width: initial !important;
  height: initial !important;
}
.portfolio .images-dropzone-wrap.addedfile :before {
  content: none !important;
}
.portfolio .dz-image img {
  width: 90px;
  height: 90px;
}
.portfolio div.t_po_ccode {
  position: absolute;
  top: 25px;
  left: 350px;
  font-size: 20px;
  color: #1a6dff;
  min-width: 300px;
}
.portfolio a.btn-pop-products {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 144px;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px dashed #1A6DFF;
  background: #FFF;
  position: relative;
  margin-right: 28px;
}
.portfolio a.btn-pop-products:hover {
  background: #759de3;
}
.portfolio a.btn-pop-products:before {
  content: url("/images/ico-l-plus.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.portfolio .button-wrap {
  display: flex;
  position: relative;
}
.portfolio .button-wrap a.btn-pop-portfolio-images-download {
  display: flex;
  width: 10.5rem;
  padding: 10px 20px;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  background: #FFC7C7;
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.portfolio .button-wrap a.btn-pop-portfolio-images-download.list {
  margin-right: 15px;
  width: 13rem;
  font-size: 16px;
}
.portfolio .button-wrap a.btn-pop-portfolio-images-download:hover {
  color: #ffffff;
}
.portfolio .button-wrap a.btn-pop-portfolio-images-download:hover:after {
  content: url("/images/ico-down2-on.png");
}
.portfolio .button-wrap a.btn-pop-portfolio-images-download:after {
  content: url("/images/ico-down2.png");
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio .button-wrap .button-alert-wrap {
  display: none;
  flex-direction: column;
  width: 235px;
  padding: 24px 32px;
  border-radius: 12px;
  background: #f99;
  position: absolute;
  left: -4.5rem;
  bottom: -11rem;
  z-index: 1;
}
.portfolio .button-wrap .button-alert-wrap:before {
  content: url("/images/ico-inv-triangle.png");
  position: absolute;
  right: 3rem;
  top: -1rem;
}
.portfolio .button-wrap .button-alert-wrap.active {
  display: flex;
}
.portfolio .button-wrap .button-alert-wrap.list {
  width: 307px;
}
.portfolio .button-wrap .button-alert-wrap.list p {
  font-size: 16px;
}
.portfolio .button-wrap .button-alert-wrap.list p.tit {
  font-size: 18px;
}
.portfolio .button-wrap .button-alert-wrap p {
  font-size: 14px;
  color: #fff;
}
.portfolio .button-wrap .button-alert-wrap p.tit {
  font-size: 16px;
  margin-bottom: 8px;
}

a.btn-simple-product-sel {
  display: flex;
  width: 200px;
  height: 50px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
}

.pop-portfolio-download {
  width: 420px;
  padding: 0 20px;
}
.pop-portfolio-download .header {
  justify-content: flex-end;
  background-color: #fff;
  height: unset;
  padding: 10px 0 19px 0;
}
.pop-portfolio-download .body p {
  color: #2f2f2f;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.pop-portfolio-download .body p.blue {
  color: #1a6dff;
}
.pop-portfolio-download .body .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
  padding: 0 1rem;
}
.pop-portfolio-download .body .buttons .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
}
.pop-portfolio-download .body .buttons .btn.blue {
  background: #1a6dff;
  width: 146px;
}
.pop-portfolio-download .body .buttons .btn.gray {
  background: #9a9a9a;
  width: 130px;
}

.portfolio_gallery {
  display: flex;
  flex-direction: column;
  width: 1300px;
}
.portfolio_gallery .gallery-header {
  display: flex;
  padding: 67px 0 0 87px;
  width: 100%;
  position: relative;
}
.portfolio_gallery .gallery-header:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #07f;
  width: 100%;
}
.portfolio_gallery .gallery-header .tit-wrap {
  width: 1126px;
  margin: 0 auto 0 auto;
}
.portfolio_gallery .gallery-header .tit-wrap p {
  display: flex;
  justify-content: center;
  padding: 0.5rem 3rem;
  font-family: NotoSans;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.53;
  text-align: center;
  color: #07f;
  border: 2px solid #07f;
  border-top-left-radius: 0.5rem;
  border-bottom: 2px solid #fff;
  width: 14rem;
  z-index: 2;
  position: relative;
  margin-bottom: 0;
}
.portfolio_gallery .gallery-header .tit-wrap p:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #fff;
}
.portfolio_gallery .gallery-wrap {
  display: flex;
  flex-direction: column;
  width: 1126px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0 auto;
}
.portfolio_gallery .gallery-wrap ul {
  margin-left: 87px;
}
.portfolio_gallery .gallery-wrap ul.links {
  display: flex;
  position: relative;
  margin: 71px 0 43px 87px;
  padding-left: 59px;
  width: 100%;
}
.portfolio_gallery .gallery-wrap ul.links:before {
  content: url("/images/ico-tag.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio_gallery .gallery-wrap ul.links li {
  margin-right: 54px;
}
.portfolio_gallery .gallery-wrap ul.links li a {
  width: 120px;
  height: 22px;
  font-family: NotoSansCJKtc;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.73;
  letter-spacing: 0.38px;
  text-align: center;
  color: #b9b9b9;
  position: relative;
}
.portfolio_gallery .gallery-wrap ul.links li a.active, .portfolio_gallery .gallery-wrap ul.links li a:hover {
  color: #0077ff;
}
.portfolio_gallery .gallery-wrap ul.links li a.active::after, .portfolio_gallery .gallery-wrap ul.links li a:hover::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: -10%;
  width: 120%;
  height: 2px;
  background-color: #0077ff;
}
.portfolio_gallery .gallery-wrap ul.photos {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.portfolio_gallery .gallery-wrap ul.photos li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23%;
  height: 257px;
  margin-right: 2%;
  margin-bottom: 24px;
  background-color: #ececec;
}
.portfolio_gallery .gallery-wrap ul.photos li:nth-child(4n) {
  margin-right: 0;
}
.portfolio_gallery .gallery-wrap ul.photos li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.portfolio_gallery .gallery-wrap ul.photos li a img {
  max-width: 90%;
  max-height: 90%;
}

.estimate-goods-wrap {
  width: 100%;
  margin: 13px 0 0;
  border-radius: 2px;
  background-color: #eeeeee;
  position: relative;
  padding: 10px 0;
  max-height: 100%;
  /*
    overflow-y: auto;
  scrollbar-color: rebeccapurple green;
    scrollbar-width: thin;
     */
}
.estimate-goods-wrap .swiper-button-prev,
.estimate-goods-wrap .swiper-button-next {
  position: absolute;
  top: 45%;
}
.estimate-goods-wrap .swiper-button-prev {
  left: 1rem;
}
.estimate-goods-wrap .swiper-button-prev:after {
  content: url("/images/ico-slide-back.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.estimate-goods-wrap .swiper-button-next {
  right: 1rem;
}
.estimate-goods-wrap .swiper-button-next:after {
  content: url("/images/ico-slide-forward.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.estimate-goods-wrap div.estimate-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 10px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
}
@media (max-width: 1700px) {
  .estimate-goods-wrap div.estimate-box {
    padding: 10px 17px 10px 10px;
  }
}
@media (max-width: 1500px) {
  .estimate-goods-wrap div.estimate-box {
    padding: 10px 17px 10px 10px;
  }
}
@media (max-width: 1766px) {
  .estimate-goods-wrap div.estimate-box {
    padding: 10px 17px 10px 10px;
  }
}
@media (max-width: 1329px) {
  .estimate-goods-wrap div.estimate-box {
    padding: 10px 17px 10px 10px;
  }
}
@media (max-width: 1234px) {
  .estimate-goods-wrap div.estimate-box {
    padding: 10px 17px 10px 10px;
  }
}
.estimate-goods-wrap div.estimate-box div.no_data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  width: 100%;
}
.estimate-goods-wrap div.estimate-box div.product-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 10px 17px;
  width: 18%;
}
@media (max-width: 1700px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 17%;
  }
}
@media (max-width: 1500px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 16%;
  }
}
@media (max-width: 1766px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 17%;
  }
}
@media (max-width: 1329px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 14%;
  }
}
@media (max-width: 1234px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 13%;
  }
}
@media screen and (min-width: 768px) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    /* styles for tablets, including the Galaxy Tab S7 */
    width: 18%;
    /* styles specifically for the Galaxy Tab S7 */
  }
}
@media only screen and (min-width: 768px) and (device-width: 1600px) and (device-height: 2560px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-width: 768px) and (device-width: 2560px) and (device-height: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .estimate-goods-wrap div.estimate-box div.product-wrap {
    width: 18%;
  }
}
.estimate-goods-wrap div.estimate-box div.product-wrap div.image-wrap {
  display: block;
  text-align: center;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 8rem;
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
  padding: 0.5rem 0;
}
.estimate-goods-wrap div.estimate-box div.product-wrap div.image-wrap .icons-wrap {
  display: flex;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}
.estimate-goods-wrap div.estimate-box div.product-wrap div.image-wrap img {
  max-width: 90%;
  max-height: 90%;
}
.estimate-goods-wrap div.estimate-box div.product-wrap div.image-wrap a {
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #07f;
  font-size: 9px;
  letter-spacing: 0.35px;
  color: #fff;
  padding: 7px 0;
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.estimate-goods-wrap div.estimate-box div.product-wrap div.image-wrap.active a {
  display: flex;
}
.estimate-goods-wrap div.estimate-box div.product-wrap p.tit {
  text-align: center;
}

.estimate .order-wrap {
  display: flex;
  margin-top: 2.5rem;
  margin-bottom: 34px;
  height: 80vh;
}
.estimate .order-wrap.cate3 {
  margin-top: 6.5rem !important;
}
.estimate .order-wrap .search-group-wrap {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-right: 1.5rem;
}
.estimate .order-wrap .search-group-wrap .search-wrap2 {
  justify-content: flex-start;
}
.estimate .order-wrap .search-group-wrap .search-wrap2 .search-box {
  width: 100%;
}
.estimate .order-wrap .est-list {
  width: 50%;
  padding-bottom: 50px;
}
.estimate .order-wrap .est-list .tit-wrap {
  display: flex;
  align-items: center;
  height: 48px;
}
.estimate .order-wrap .est-list .tit-wrap h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #2f2f2f;
}
.estimate .order-wrap .est-list .goods {
  margin: 8px 0 41px;
  border-radius: 2px;
  background-color: #fff;
  height: 100%;
}
.estimate .order-wrap .est-list .goods h3 {
  line-height: unset;
  margin-bottom: 8px;
}
.estimate .order-wrap .est-list .goods .group-wrap {
  padding: 10px;
  position: relative;
  height: 100%;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap {
  height: 100%;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .header .header-buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 0 16px 0;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .header .header-buttons .btn-m-blue,
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .header .header-buttons .btn-m-white {
  margin-right: 20px;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap {
  max-height: 85%;
  overflow-y: auto;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap {
  min-height: 550px;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap.droppable-active {
  background-color: #e0ffff;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap.droppable-active table.list2 th.gray,
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap.droppable-active table.list2 td.gray {
  background-color: #e0ffff;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td.no_data {
  height: 450px;
  border-bottom: 0;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td {
  position: relative;
  background-color: #ffffff;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td span.now {
  display: block;
  font-size: 0.6rem;
  color: #ff0000;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td input[type=text].txt-memo {
  position: absolute;
  width: 16vw;
  left: 10px;
  bottom: 0.3rem;
  z-index: 1;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td input[type=text].txt-memo::placeholder {
  color: #bababa;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .product-list-wrap table.list2 td .qty-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 13px;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table {
  width: 100%;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table td.tit {
  padding-left: 20px;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table td.qty, .estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table td.one-price, .estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table td.price {
  width: 15%;
}
.estimate .order-wrap .est-list .goods .group-wrap .content-wrap .list-scroll-wrap .discount-list-wrap table td.del {
  width: 50px;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .summary-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .summary-wrap a.add {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.38px;
  color: #1a6dff;
  position: relative;
  margin-left: 10px;
  padding-left: 30px;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .summary-wrap a.add:before {
  content: url("/images/Add-icon.png");
  position: absolute;
  left: 0;
  top: 0;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .summary-wrap .summary {
  display: flex;
  justify-content: flex-end;
  padding: 17px 13px 0 0;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .summary-wrap .summary p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2.28;
  letter-spacing: 0.45px;
  color: #414141;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .buttons a.btn-l-white,
.estimate .order-wrap .est-list .goods .group-wrap .bottom .buttons a.btn-l-blue,
.estimate .order-wrap .est-list .goods .group-wrap .bottom .buttons a.btn-l-gray {
  padding: 10px 15px;
}
.estimate .order-wrap .est-list .goods .group-wrap .bottom .buttons a.btn-estimate-send {
  padding: 10px 25px;
}
.estimate .order-wrap .est-list .buttons {
  display: flex;
  justify-content: center;
  padding: 10px 0 16px 0;
}
.estimate .order-wrap .est-list .buttons a {
  margin-right: 9px;
}
.estimate .order-company-wrap {
  display: flex;
  flex-direction: column;
  margin: 5rem 0;
}
.estimate .order-company-wrap .company h3 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
}
.estimate .order-company-wrap .company table.write {
  border-bottom: 2px solid #414141;
}
.estimate .order-company-wrap .buttons {
  display: flex;
  justify-content: center;
  padding: 1rem;
  width: 100%;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.estimate .order-company-wrap .buttons a.btn-l-white,
.estimate .order-company-wrap .buttons a.btn-l-blue,
.estimate .order-company-wrap .buttons a.btn-l-gray {
  padding: 10px 15px;
  margin-right: 10px;
}
.estimate .order-company-wrap .buttons a.btn-estimate-send {
  padding: 10px 25px;
}

.pop-discount {
  width: 800px;
}
.pop-discount .body table thead th ul {
  display: flex;
  width: 100%;
}
.pop-discount .body table thead th ul li:first-child {
  width: 60%;
}
.pop-discount .body table thead th ul li.qty {
  width: 20%;
}
.pop-discount .body table thead th ul li:last-child {
  width: 20%;
  text-align: right;
  padding-right: 5px;
}
.pop-discount .body table tbody {
  display: block;
  width: 100%;
  height: 130px;
  overflow-y: auto;
}
.pop-discount .body table tbody td:first-child {
  width: 60%;
}
.pop-discount .body table tbody td.qty {
  width: 20%;
}
.pop-discount .body table tbody td:last-child {
  width: 20%;
}
.pop-discount .body table td {
  padding: 5px;
}
.pop-discount .body table td input[type=text] {
  width: 98%;
}
.pop-discount .footer {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.pop-discount .footer a:first-child {
  margin-right: 10px;
}

.pop-send-email-estimate {
  background-color: #fff;
}
.pop-send-email-estimate .body {
  padding: 20px;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap {
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main {
  display: flex;
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main li {
  display: flex;
  flex-direction: column;
  width: 130px;
  margin-right: 37px;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main li > p {
  margin-bottom: 0.5rem;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main li .slide-wrap {
  display: flex;
  flex-direction: column;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main li .slide-wrap .img-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 18px;
}
.pop-send-email-estimate .body .ppt-send-temp-wrap ul.main li .slide-wrap .img-wrap img {
  border: solid 1px #bababa;
  max-width: 100%;
  max-height: 100%;
}
.pop-send-email-estimate .body .pop-send-email-box {
  width: 100%;
}

.pop-proposal {
  min-width: 800px;
}
.pop-proposal > .body ul {
  display: flex;
  width: 100%;
}
.pop-proposal > .body ul li {
  display: flex;
  flex-direction: column;
  width: 130px;
  margin-right: 37px;
}
.pop-proposal > .body ul li:last-child {
  margin-right: 0;
}
.pop-proposal > .body ul li > a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
  position: relative;
}
.pop-proposal > .body ul li > a:hover, .pop-proposal > .body ul li > a.active {
  color: #1a6dff;
}
.pop-proposal > .body ul li > a div.img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  min-height: 67px;
}
.pop-proposal > .body ul li > a div.img-wrap img {
  max-width: 100%;
  max-height: 100%;
}
.pop-proposal > .body ul li > .templete-wrap {
  display: flex;
  flex-direction: column;
}
.pop-proposal > .body ul li > .templete-wrap .box-sel-goods {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.pop-proposal > .body ul li > .templete-wrap .box-sel-goods p {
  margin-bottom: 0.1rem;
}
.pop-proposal > .body ul li > .templete-wrap .header a {
  font-size: 13px;
  line-height: 4.08;
  letter-spacing: 0.33px;
  text-align: left;
  color: #dbdbdb;
}
.pop-proposal > .body ul li > .templete-wrap .header a.active {
  color: #414141;
}
.pop-proposal > .body ul li > .templete-wrap .body ul {
  display: flex;
  flex-direction: column;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 11px;
}
.pop-proposal > .body ul li > .templete-wrap .body ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: solid 1px #bababa;
  margin-bottom: 8px;
}
.pop-proposal > .body ul li > .templete-wrap .body ul li:last-child {
  margin-bottom: 0;
}
.pop-proposal > .body ul li > .templete-wrap .body ul li:hover, .pop-proposal > .body ul li > .templete-wrap .body ul li.active {
  border: 1px solid #1a6dff;
}
.pop-proposal > .body ul li > .templete-wrap .body ul li a img {
  max-height: 65px;
}
.pop-proposal > .footer {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.pop-proposal > .footer a.btn-l-white,
.pop-proposal > .footer a.btn-l-blue,
.pop-proposal > .footer a.btn-l-gray {
  padding: 10px 15px;
  margin-right: 10px;
}
.pop-proposal > .footer a.btn-estimate-send {
  padding: 10px 25px;
}

.estimate-print-wrap {
  display: flex;
  flex-direction: column;
  width: 595px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  padding: 1rem 0 0 0;
}
@media (max-width: 990px) {
  .estimate-print-wrap {
    width: 35rem;
    margin: 0 0.5rem;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .estimate-print-wrap {
    width: 35rem;
    margin: 0 0.5rem;
  }
}
.estimate-print-wrap > h1 {
  text-align: right;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
@media (max-width: 990px) {
  .estimate-print-wrap > h1 {
    font-size: 1rem;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .estimate-print-wrap > h1 {
    font-size: 1rem;
  }
}
.estimate-print-wrap table {
  width: 100%;
}
.estimate-print-wrap table.header tr:first-child {
  border-top: 2px solid #000000;
}
.estimate-print-wrap table.header tr td {
  border-bottom: unset !important;
}
.estimate-print-wrap table.header tr td.date {
  vertical-align: bottom;
  text-align: right;
}
.estimate-print-wrap table.body {
  margin-bottom: 0.5rem;
}
.estimate-print-wrap table.body tr:last-child {
  border-bottom: 2px solid #000000;
}
.estimate-print-wrap table.body tr td {
  min-height: 25px;
  font-size: 0.8rem;
  padding: 0.3rem 0;
}
@media (max-width: 990px) {
  .estimate-print-wrap table.body tr td {
    font-size: 0.8rem;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .estimate-print-wrap table.body tr td {
    font-size: 0.8rem;
  }
}
.estimate-print-wrap table.body tr td.font-small {
  width: 20%;
  word-break: break-all;
  font-size: 0.4rem;
}
.estimate-print-wrap table.body tr td.font-medium {
  width: 20%;
  word-break: break-all;
  font-size: 0.6rem;
}
.estimate-print-wrap table.body tr td.line-l {
  border-left: 1px solid #000000;
}
.estimate-print-wrap table tr.total {
  height: 60px;
}
.estimate-print-wrap table tr.total span {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 990px) {
  .estimate-print-wrap table tr.total span {
    font-size: 1rem;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .estimate-print-wrap table tr.total span {
    font-size: 1rem;
  }
}
.estimate-print-wrap table tr.sum-total, .estimate-print-wrap table tr.sum-vat {
  height: 40px;
}
.estimate-print-wrap table tr th {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  padding: 3px;
  margin-bottom: 2px;
}
@media (max-width: 990px) {
  .estimate-print-wrap table tr th {
    font-size: 0.8rem;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .estimate-print-wrap table tr th {
    font-size: 0.8rem;
  }
}
.estimate-print-wrap table tr td {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  vertical-align: middle;
  padding: 0.3rem 0;
  text-align: center;
}
.estimate-print-wrap table tr td span.blue {
  color: #44c8f5;
}
.estimate-print-wrap table tr td.thumb img {
  max-width: 70px;
  max-height: 70px;
}
.estimate-print-wrap ul.memo {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  width: 100%;
}
.estimate-print-wrap ul.memo li {
  padding: 0.5rem;
}
.estimate-print-wrap ul.memo li a.btn-ext {
  border: 1px solid #1a6dff;
  border-radius: 8px;
  padding: 5px 7px;
}

.pop-estimate-contract {
  width: 800px;
}
.pop-estimate-contract .footer {
  display: flex;
  justify-content: center;
  padding-bottom: 54px;
}
.pop-estimate-contract .footer a:first-child {
  margin-right: 25px;
}

.pop-estimate-contract-confirm {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  width: 450px;
  padding: 1.5rem 0;
  align-items: center;
}
.pop-estimate-contract-confirm img {
  margin-bottom: 21px;
}
.pop-estimate-contract-confirm p.title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #2f2f2f;
  margin-bottom: 17px;
}
.pop-estimate-contract-confirm p.desc {
  font-size: 18px;
  line-height: 1.5;
  color: #2f2f2f;
  text-align: center;
  margin-bottom: 34px;
}
.pop-estimate-contract-confirm .buttons {
  display: flex;
  justify-content: center;
}
.pop-estimate-contract-confirm .buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 21px;
  border-radius: 6px;
}
.pop-estimate-contract-confirm .buttons a:first-child {
  margin-right: 18px;
}
.pop-estimate-contract-confirm .buttons a.btn-white {
  color: #1a6dff;
  border: solid 1px #1a6dff;
  background-color: #ffffff;
}
.pop-estimate-contract-confirm .buttons a.btn-white-blue {
  color: #1a6dff;
  border: solid 1px #1a6dff;
  background-color: #ffffff;
}
.pop-estimate-contract-confirm .buttons a.btn-blue {
  color: #ffffff;
  border: solid 1px #1a6dff;
  background-color: #1a6dff;
}
.pop-estimate-contract-confirm .buttons a.btn-gray {
  color: #ffffff;
  border: solid 1px #bababa;
  background-color: #bababa;
}

.pop-estimate-contract-return {
  width: 1000px;
}
.pop-estimate-contract-return .body p.tit {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #2f2f2f;
  margin-bottom: 11px;
}
.pop-estimate-contract-return .body dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 21px 6px 0 6px;
}
.pop-estimate-contract-return .body dl dt, .pop-estimate-contract-return .body dl dd {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
  position: relative;
}
.pop-estimate-contract-return .body dl dt:after, .pop-estimate-contract-return .body dl dd:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bababa;
  position: absolute;
  left: 0;
  bottom: -1rem;
}
.pop-estimate-contract-return .body dl dt.file, .pop-estimate-contract-return .body dl dd.file {
  flex-direction: column;
  align-items: flex-start;
}
.pop-estimate-contract-return .body dl dt.file:after, .pop-estimate-contract-return .body dl dd.file:after {
  display: none;
}
.pop-estimate-contract-return .body dl dt.w100p, .pop-estimate-contract-return .body dl dd.w100p {
  width: 100%;
}
.pop-estimate-contract-return .body dl dt {
  width: 15%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-align: left;
  color: #414141;
}
.pop-estimate-contract-return .body dl dd {
  width: 85%;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  color: #bababa;
}
.pop-estimate-contract-return .body dl dd input[type=radio] {
  margin-right: 9px;
}
.pop-estimate-contract-return .body dl dd textarea {
  width: 100%;
  padding: 10px;
  background-color: #f8f9fa;
  height: 137px;
  font-size: 14px;
  line-height: 1.79;
  color: #787878;
}
.pop-estimate-contract-return .body dl dd .ment-wrap {
  color: #05192c;
  position: relative;
  width: 100%;
}
.pop-estimate-contract-return .body dl dd .ment-wrap:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bababa;
  position: absolute;
  left: 0;
  top: 0;
}
.pop-estimate-contract-return .body dl dd .ment-wrap p {
  font-size: 14px;
  line-height: 1.79;
  color: #05192c;
}
.pop-estimate-contract-return .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 26px 0 40px;
}
.pop-estimate-contract-return .buttons a {
  font-size: 18px;
  font-weight: 500;
  padding: 11px 25px;
}
.pop-estimate-contract-return .buttons a:first-child {
  margin-right: 8px;
}

.order_form .order_form-wrap {
  display: flex;
  flex-direction: column;
}
.order_form .order_form-wrap .header-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}
.order_form .order_form-wrap .header-wrap h4 {
  object-fit: contain;
  opacity: 0.9;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.81;
  letter-spacing: 0.4px;
  text-align: left;
  color: #05192c;
}
.order_form .order_form-wrap .header-wrap .header {
  display: flex;
  justify-content: space-between;
}
.order_form .order_form-wrap .header-wrap .header dl {
  display: flex;
  flex-wrap: wrap;
  width: 279px;
}
.order_form .order_form-wrap .header-wrap .header dl dt, .order_form .order_form-wrap .header-wrap .header dl dd {
  display: flex;
  align-items: center;
  border: 1px solid #bababa;
  padding-left: 9px;
}
.order_form .order_form-wrap .header-wrap .header dl dt.last, .order_form .order_form-wrap .header-wrap .header dl dd.last {
  border-bottom: 1px solid #bababa;
}
.order_form .order_form-wrap .header-wrap .header dl dt {
  width: 30%;
  border-bottom: 0;
}
.order_form .order_form-wrap .header-wrap .header dl dd {
  width: 70%;
  border-left: 0;
  border-bottom: 0;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap {
  width: 730px;
  height: 147px;
  padding: 17px 30px 6.5px 30px;
  border-radius: 2px;
  background-color: #fff;
  position: relative;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-prev,
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-next {
  position: absolute;
  top: 45%;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-prev {
  left: 10px;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-prev:after {
  content: url("/images/ico-slide-back.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-next {
  right: -10px;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap .swiper-button-next:after {
  content: url("/images/ico-slide-forward.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box {
  overflow-x: hidden;
  position: relative;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box ul li {
  display: flex;
  width: 102px;
  height: 106px;
  border: 1px solid #bababa;
  margin-right: 14px !important;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box ul li.plus {
  align-content: center;
  justify-items: center;
  border: 1px dashed #bababa;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box ul li:hover, .order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box ul li.active {
  border: 2px solid #1a6dff;
}
.order_form .order_form-wrap .header-wrap .header div.thumb-wrap div.thumb-box ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.order_form .order_form-wrap .body-wrap table.write th, .order_form .order_form-wrap .body-wrap table.write td {
  background-color: #fff;
}
.order_form .order_form-wrap .body-wrap table.write th.nb0, .order_form .order_form-wrap .body-wrap table.write td.nb0 {
  border-bottom: 0;
}
.order_form .order_form-wrap .buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 50px 0;
}
.order_form .order_form-wrap .buttons .btn-m-white-blue,
.order_form .order_form-wrap .buttons .btn-m-blue {
  margin-right: 11px;
}
.order_form .order_form-wrap .buttons .btn-m-gray {
  border-radius: 0;
}
.order_form .order_form-wrap .buttons .btn-cancel {
  margin-right: 2px;
}
.order_form .order_form-wrap .buttons .btn-del {
  padding-right: 32px;
}
.order_form .order_form-wrap .write-buttons a.btn-m-gray.btn-del {
  margin-left: 10px;
}
.order_form .order_form-wrap .write-buttons a.btn-m-gray.btn-del:before {
  display: none;
}

.pop-download {
  display: flex;
  flex-direction: column;
  width: 348px;
  padding: 0;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.pop-download .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 67px;
  background-color: #efefef;
  padding: 0 26px 0 40px;
}
.pop-download .header h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
}
.pop-download .body {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.pop-download .body a:first-child {
  margin-right: 10px;
}

.pop-order-form-product-parts {
  width: 1043px;
}
.pop-order-form-product-parts .body .search-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 534px;
  padding: 5px 16px 5px 45px;
  background-color: #fff;
  border: 1px solid #1a6dff;
  border-radius: 50px;
  position: relative;
  margin-bottom: 23px;
}
.pop-order-form-product-parts .body .search-wrap:before {
  content: url("/images/ico-search.png");
  position: absolute;
  left: 10px;
  top: 60%;
  transform: translateY(-50%);
}
.pop-order-form-product-parts .body .search-wrap input[type=text] {
  border: 0;
  font-size: 15px;
  letter-spacing: 0.38px;
  text-align: left;
  color: #bababa;
  width: 90%;
}
.pop-order-form-product-parts .body .search-wrap a {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #414141;
}
.pop-order-form-product-parts .body ul.parts {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  height: 486px;
  overflow-y: scroll;
}
.pop-order-form-product-parts .body ul.parts li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #efefef;
  width: 112px;
  padding: 4px;
  margin: 0 10px 10px 0;
  max-height: 223px;
}
.pop-order-form-product-parts .body ul.parts li .box-part {
  display: flex;
  flex-direction: column;
}
.pop-order-form-product-parts .body ul.parts li .box-part img {
  max-width: 100%;
  max-height: 5rem;
  margin: 0 auto;
}
.pop-order-form-product-parts .body ul.parts li .box-part select {
  width: 100%;
}
.pop-order-form-product-parts .body ul.parts li a.add {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  width: 100%;
  background-color: #1a6dff;
  color: #fff;
  margin-top: 3px;
}

.procurement.price-comparison {
  width: 90% !important;
}
.procurement.price-comparison .menu-wrap .search-wrap {
  display: flex;
  flex-direction: column;
}
.procurement.price-comparison .menu-wrap .search-wrap .search-inner-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
}
.procurement.price-comparison .menu-wrap .search-wrap .search-inner-wrap:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bababa;
  position: absolute;
  left: 0;
  top: 0;
}
.procurement.price-comparison .conf-wrap {
  display: flex;
  justify-content: space-between;
  width: 1200px;
}
.procurement.price-comparison .conf-wrap .search-wrap {
  display: flex;
  flex-direction: column;
  padding: 10px 26px;
  width: 100%;
  background-color: #ffffff;
}
.procurement.price-comparison .conf-wrap .search-wrap a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  border-radius: 8px;
  background: #ECECED;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #474747;
  margin-left: 0.5rem;
}
.procurement.price-comparison .conf-wrap .search-wrap a.btn:hover {
  color: #fff;
  background-color: #1a6dff;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-top-wrap {
  margin-bottom: 28px;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-top-wrap .search-period-wrap {
  display: flex;
  justify-content: space-between;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-top-wrap .search-period-wrap .search-period-inner-wrap {
  display: flex;
  align-items: center;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-position-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-position-wrap .search-position-inner-wrap {
  display: flex;
  flex-direction: column;
  width: 90%;
}
.procurement.price-comparison .conf-wrap .search-wrap .search-position-wrap a.btn {
  height: 100%;
}
.procurement.price-comparison .conf-wrap .search-wrap p {
  font-size: 15px;
  letter-spacing: 0.38px;
  color: #414141;
}
.procurement.price-comparison .conf-wrap .search-wrap span.b {
  margin: 0 0 0 25px;
}
.procurement.price-comparison .conf-wrap .search-wrap span.s {
  margin: 0 10px 0 10px;
}
.procurement.price-comparison .conf-wrap .search-wrap span.x {
  margin: 0 10px;
}
.procurement.price-comparison .conf-wrap .search-wrap a.ico-warning {
  position: relative;
}
.procurement.price-comparison .conf-wrap .search-wrap a.ico-warning:before {
  content: url("/images/ico-warning.png");
  position: absolute;
  right: -15px;
  top: 47%;
  transform: translateY(-50%);
  width: 18px;
  height: 15px;
}
.procurement.price-comparison .conf-wrap .search-wrap p.tit {
  font-weight: bold;
  color: #414141;
  margin-bottom: 11px;
}
.procurement.price-comparison .conf-wrap .search-wrap .tit-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.procurement.price-comparison .conf-wrap .search-wrap .tit-wrap a {
  margin: 0 0 12px 5px;
}
.procurement.price-comparison .conf-wrap .search-wrap .size-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
.procurement.price-comparison .conf-wrap .search-wrap .size-wrap input[type=text] {
  width: 71px;
  height: 32px;
  border: solid 1px #707070;
  background-color: #fff;
  margin: 0 8px 0 9px;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 80%;
  margin-left: 1rem;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10%;
  padding: 2px;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul li p {
  margin-bottom: 4px;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul li select {
  padding: 0;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul li .input-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.procurement.price-comparison .conf-wrap .search-wrap .price-wrap ul li .input-wrap input[type=text] {
  width: 80%;
  margin-top: 0.2rem;
}
.procurement > div.buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 22px;
}
.procurement > div.buttons .btn-m-blue {
  margin-right: 20px;
}
.procurement div.list-wrap .row {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 11px;
}
.procurement div.list-wrap .row .ele-box {
  display: flex;
  align-items: center;
  margin-right: 36px;
}
.procurement div.list-wrap .row .ele-box span {
  margin-right: 12px;
}
.procurement div.list-wrap .scroll-x {
  width: 100%;
  overflow-x: auto;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison {
  /* width: 180rem; */
}
.procurement div.list-wrap .scroll-x table.list-price-comparison th.offer-price,
.procurement div.list-wrap .scroll-x table.list-price-comparison td.offer-price {
  background-color: rgba(74, 189, 255, 0.17);
}
.procurement div.list-wrap .scroll-x table.list-price-comparison th.space,
.procurement div.list-wrap .scroll-x table.list-price-comparison td.space {
  width: 5px;
  border-top: 0;
  border-bottom: 0;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison th.img-no {
  height: 30px;
  background-color: #1a6dff;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.38px;
  color: #fff;
  padding-bottom: 0.3rem;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison td div.img-wrap {
  border: 1px dashed #707070;
  min-height: 56px;
  position: relative;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison td div.img-wrap a.btn-remove {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 21px;
  height: 21px;
  background: url(/images/btn-circle-del-gray.png) center center no-repeat;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison tr.bar th {
  border: 0;
}
.procurement div.list-wrap .scroll-x table.list-price-comparison tr.bar2 th {
  padding: 1px 0;
}

.data-price .list-wrap h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 15px;
}
.data-price .list-wrap table.com-info {
  width: 100%;
  margin-bottom: 52px;
}
.data-price .list-wrap table.com-info th, .data-price .list-wrap table.com-info td {
  border: 1px solid #414141;
}
.data-price .list-wrap table.com-info th {
  padding: 9px 0 9px 14px;
  width: 15%;
  text-align: left;
  font-size: 18px;
  color: #2f2f2f;
}
.data-price .list-wrap table.com-info th.bl0 {
  border-left: 0;
}
.data-price .list-wrap table.com-info td {
  width: 35%;
  padding: 7px 0 7px 18px;
}
.data-price .list-wrap table.com-info td.br0 {
  border-right: 0;
}
.data-price .list-wrap table.com-info td input[type=text] {
  border: solid 1px #dbdbdb;
  background-color: #fff;
  font-size: 18px;
  letter-spacing: 0.45px;
  text-align: left;
  color: #414141;
  padding: 9px;
}

.supply-commitment .list-wrap {
  margin-top: 31px;
  padding: 8px 0 0 0;
}
.supply-commitment h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 15px;
}
.supply-commitment .reg-wrap {
  display: flex;
  justify-content: center;
  padding: 36px 0 40px;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  width: 100%;
}
.supply-commitment .reg-wrap dl.reg {
  display: flex;
  flex-wrap: wrap;
  width: 520px;
}
.supply-commitment .reg-wrap dl.reg dt, .supply-commitment .reg-wrap dl.reg dd {
  font-size: 18px;
  color: #2f2f2f;
  height: 32px;
  margin-bottom: 18px;
}
.supply-commitment .reg-wrap dl.reg dt {
  width: 40%;
  padding-left: 12px;
  font-weight: bold;
  position: relative;
}
.supply-commitment .reg-wrap dl.reg dt:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #414141;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.supply-commitment .reg-wrap dl.reg dd {
  position: relative;
  width: 60%;
}
.supply-commitment .reg-wrap dl.reg dd .txt-wrap {
  width: 100%;
  position: relative;
}
.supply-commitment .reg-wrap dl.reg dd .txt-wrap a.btn-input-clear {
  position: relative;
  width: 30px;
  height: 30px;
}
.supply-commitment .reg-wrap dl.reg dd .txt-wrap a.btn-input-clear.active:after {
  content: url(/images/btn-circle-del.png);
  position: absolute;
  right: 0;
  top: 65%;
  transform: translateY(-50%);
}
.supply-commitment .reg-wrap dl.reg dd a.btn-txt-init {
  position: absolute;
  right: -60px;
  top: -2px;
}
.supply-commitment .ment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 34px 0 41px;
  width: 100%;
}
.supply-commitment .ment p {
  font-size: 18px;
  color: #2f2f2f;
  line-height: 1.5;
}
.supply-commitment .view-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #bababa;
  padding: 49px 0 99px;
  width: 100%;
}
.supply-commitment .view-wrap .date {
  display: flex;
  align-items: center;
  margin-bottom: 57px;
}
.supply-commitment .view-wrap .date input[type=text] {
  margin-right: 18px;
  text-align: right;
}
.supply-commitment .view-wrap .date input[type=text].txt04 {
  width: 80px;
}
.supply-commitment .view-wrap .date input[type=text].txt02 {
  width: 50px;
}
.supply-commitment .view-wrap .date span {
  font-size: 18px;
  color: #414141;
  margin-right: 47px;
}
.supply-commitment .view-wrap dl.view {
  display: flex;
  flex-wrap: wrap;
  width: 520px;
}
.supply-commitment .view-wrap dl.view dt, .supply-commitment .view-wrap dl.view dd {
  height: 32px;
  margin-bottom: 18px;
  font-size: 18px;
  color: #2f2f2f;
}
.supply-commitment .view-wrap dl.view dt {
  width: 30%;
  padding-left: 6px;
  font-weight: bold;
  position: relative;
}
.supply-commitment .view-wrap dl.view dd {
  width: 70%;
  position: relative;
}
.supply-commitment .view-wrap dl.view dd pre {
  font-size: 18px;
  color: #2f2f2f;
}
.supply-commitment .view-wrap dl.view dd p {
  font-size: 18px;
  text-align: left;
  color: #1a6dff;
  position: absolute;
  right: 0;
  top: 0;
}
.supply-commitment .view-wrap dl.view dd p span {
  position: relative;
}
.supply-commitment .view-wrap dl.view dd p span:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #1a6dff;
  left: 0;
  bottom: 0;
}

.pop-notice-view {
  width: 850px;
}
.pop-notice-view .body .content-wrap .content {
  height: 204px;
  margin: 19px 0;
  padding: 14px 19px;
  background-color: #f8f9fa;
  overflow-y: auto;
}
.pop-notice-view .body .content-wrap dl.files {
  display: flex;
  flex-wrap: wrap;
}
.pop-notice-view .body .content-wrap dl.files dt, .pop-notice-view .body .content-wrap dl.files dd {
  padding: 25px 0;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.pop-notice-view .body .content-wrap dl.files dt {
  display: flex;
  width: 10%;
  padding-left: 8px;
}
.pop-notice-view .body .content-wrap dl.files dd {
  display: flex;
  width: 90%;
}
.pop-notice-view .body .content-wrap dl.files dd a.file {
  position: relative;
  padding-left: 30px;
}

.pop-member-service {
  width: 1000px;
  z-index: 10;
}
.pop-member-service h1 span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #414141;
}
.pop-member-service .body {
  position: relative;
  padding: 44px 25px 34px 25px;
}
.pop-member-service .body .svc-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #1a6dff;
  width: 200px;
  height: 545px;
}
.pop-member-service .body .svc-box.beginer {
  right: 400px;
  height: 75%;
}
.pop-member-service .body .svc-box.gold {
  right: 210px;
  height: 75%;
}
.pop-member-service .body .svc-box:before {
  content: url("/images/ico-blue-c-check.png");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
}
.pop-member-service .body table {
  width: 100%;
}
.pop-member-service .body table tbody tr {
  border-bottom: 1px solid #dbdbdb;
}
.pop-member-service .body table tbody tr th, .pop-member-service .body table tbody tr td {
  padding: 8px 0;
  text-align: center;
  vertical-align: middle;
  color: #414141;
}
.pop-member-service .body table tbody tr th a.btn-gold-upgrade-pop,
.pop-member-service .body table tbody tr th a.btn-vip-upgrade-pop, .pop-member-service .body table tbody tr td a.btn-gold-upgrade-pop,
.pop-member-service .body table tbody tr td a.btn-vip-upgrade-pop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 39px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  margin: 10px auto 0 auto;
  color: #fff;
}
.pop-member-service .body table tbody tr th a.btn-gold-upgrade-pop, .pop-member-service .body table tbody tr td a.btn-gold-upgrade-pop {
  background-color: #1a6dff;
}
.pop-member-service .body table tbody tr th a.btn-vip-upgrade-pop, .pop-member-service .body table tbody tr td a.btn-vip-upgrade-pop {
  background-color: #ff6969;
}
.pop-member-service .body table tbody tr th.blue, .pop-member-service .body table tbody tr td.blue {
  color: #1a6dff;
}
.pop-member-service .body table tbody tr th span.gray, .pop-member-service .body table tbody tr th.gray, .pop-member-service .body table tbody tr td span.gray, .pop-member-service .body table tbody tr td.gray {
  color: #bababa;
}
.pop-member-service .body table tbody tr th.bold, .pop-member-service .body table tbody tr td.bold {
  font-weight: bold;
}
.pop-member-service .body table tbody tr th.tit {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.38px;
  color: #414141;
  position: relative;
}
.pop-member-service .body .buttons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 20px 50px 0 0;
}

.payment .beginer-wrap {
  display: flex;
  padding: 8px 8px 25px 18px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  width: 100%;
}
.payment .beginer-wrap.pop-member-service {
  flex-direction: column;
  width: 100%;
}
.payment .beginer-wrap .header {
  display: flex;
  justify-content: center;
}
.payment .beginer-wrap .header h1 {
  display: flex;
  flex-direction: column;
  justify-items: center;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.55px;
  color: #414141;
}
.payment .beginer-wrap .header h1 span {
  color: #1a6dff;
}
.payment .beginer-wrap .header a.b-close {
  display: none;
}
.payment a.btn-blue {
  padding: 2px 13px;
  border-radius: 5px;
  background-color: #1a6dff;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #fff;
}
.payment a.btn-under-blue {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.93;
  letter-spacing: 0.35px;
  text-align: left;
  color: #1a6dff;
  text-decoration: underline;
}
.payment .result-box-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.payment .result-box-wrap .result-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 700px;
  margin: 0 auto;
  padding: 43px;
}
.payment .result-box-wrap .result-box img {
  margin-bottom: 35px;
}
.payment .result-box-wrap .result-box h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #2f2f2f;
  margin-bottom: 12px;
}
.payment .result-box-wrap .result-box p {
  margin-bottom: 58px;
  text-align: center;
}
.payment .result-box-wrap .result-box a.btn-m-white-blue {
  padding: 10px 40px;
}
.payment .member-level-wrap {
  display: flex;
  flex-direction: column;
}
.payment .member-level-wrap dl {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  margin-bottom: 12px;
  border-radius: 2px;
  background-color: #fff;
}
.payment .member-level-wrap dl dt, .payment .member-level-wrap dl dd {
  display: flex;
  align-items: baseline;
  font-family: "Lato";
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.83px;
  text-align: right;
  color: #414141;
  margin: 1rem 2rem;
}
.payment .mem-summary {
  display: flex;
  background-color: #ffffff;
  padding: 16px 26px 14px 26px;
  margin-bottom: 20px;
}
.payment .mem-summary.column {
  flex-direction: column;
}
.payment .mem-summary div.tit-wrap {
  display: flex;
  justify-content: space-between;
}
.payment .mem-summary div.tit-wrap a {
  color: #1a6dff;
}
.payment .mem-summary > p.desc {
  color: #787878;
  margin-bottom: 29px;
}
.payment .mem-summary .level-wrap {
  display: flex;
  align-items: baseline;
  margin-bottom: 16px;
}
.payment .mem-summary .level-wrap p.tit {
  margin-right: 16px;
}
.payment .mem-summary .pay-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: fit-content;
  margin-top: 20px;
}
.payment .mem-summary .pay-wrap a.btn-blue-underline, .payment .mem-summary .pay-wrap a.btn-red {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.35px;
  text-align: left;
  text-decoration: underline;
  margin-right: 18px;
}
.payment .mem-summary .pay-wrap a.btn-blue-underline {
  color: #1a6dff;
}
.payment .mem-summary .pay-wrap a.btn-red {
  color: #ff6969;
}
.payment .mem-summary .pay-wrap a.btn-change {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 14px 10px 14px;
  border: solid 0.5px #787878;
}
.payment .mem-summary p.tit {
  font-family: Lato;
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 0.83px;
  text-align: left;
  color: #414141;
  margin-top: 13px;
}
.payment .mem-summary p.tit span {
  font-size: 14px;
  line-height: 2.93;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
}
.payment .mem-summary p.pay {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background-color: #1a6dff;
  font-family: NotoSansCJKtc;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #fff;
  padding: 4px 14px;
}
.payment .mem-summary p.red {
  color: #f00;
}
.payment .mem-summary ul {
  display: flex;
}
.payment .mem-summary ul li {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin-right: 56px;
}
.payment .service-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
}
.payment .service-wrap h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #2f2f2f;
  margin: 20px 0 41px;
}
.payment .service-wrap.gray {
  background-color: #dbdbdb;
}
.payment .service-wrap.gray:before {
  content: "";
  width: 237px;
  height: 100%;
  position: absolute;
  background-color: #dbdbdb;
  left: -237px;
  top: 0;
}
.payment .service-wrap.gray:after {
  content: "";
  width: 44px;
  height: 100%;
  position: absolute;
  background-color: #dbdbdb;
  right: -44px;
  top: 0;
}
.payment .service-wrap p {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.93;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
  margin-bottom: 18px;
}
.payment .service-wrap ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.payment .service-wrap ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 230px;
  height: 316px;
  padding: 20px 18px;
  border-radius: 2px;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  margin: 0 26px 24px 0;
}
.payment .service-wrap ul li div.body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.payment .service-wrap ul li:nth-child(4n) {
  /*          margin: 0 0 24px 0; */
}
.payment .service-wrap ul li.long {
  height: 316px !important;
}
.payment .service-wrap ul li img {
  margin-bottom: 35px;
}
.payment .service-wrap ul li p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.35px;
  color: #787878;
}
.payment .service-wrap ul li p b {
  font-weight: bold;
}
.payment .service-wrap ul li p.blue {
  color: #1a6dff;
}
.payment .service-wrap ul li p.tit {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.45px;
  text-align: left;
  color: #414141;
}
.payment .pay-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.payment .pay-wrap div.no_data {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border: 0px solid #bababa;
  padding: 5rem 0;
  margin-bottom: 10rem;
}
.payment .pay-wrap table {
  width: 100%;
  border-radius: 2px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  margin-bottom: 26px;
}
.payment .pay-wrap table thead td {
  padding: 16px 18px 36px 18px;
}
.payment .pay-wrap table thead td span {
  margin-left: 22px;
  color: #1a6dff;
}
.payment .pay-wrap table thead td span.payW {
  color: #ff6969;
}
.payment .pay-wrap table thead td span.payE {
  color: #1a6dff;
}
.payment .pay-wrap table tbody tr:last-child td {
  border-bottom: 0;
}
.payment .pay-wrap table tbody tr th, .payment .pay-wrap table tbody tr td {
  text-align: center;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
.payment .pay-wrap table tbody tr th:first-child, .payment .pay-wrap table tbody tr td:first-child {
  border-left: 0;
}
.payment .pay-wrap table tbody tr th:last-child, .payment .pay-wrap table tbody tr td:last-child {
  border-right: 0;
}
.payment .pay-wrap table tbody tr th.left, .payment .pay-wrap table tbody tr td.left {
  padding-left: 18px;
  text-align: left;
}
.payment .pay-wrap table tbody tr th.right, .payment .pay-wrap table tbody tr td.right {
  padding-right: 18px;
  text-align: right;
}
.payment .pay-wrap table tbody tr th {
  padding: 10px 0;
}
.payment .pay-wrap table tbody tr td {
  padding: 23px 0;
}
.payment .pay-wrap table tbody tr td a.btn-receipt {
  padding: 2px 13px;
  border-radius: 5px;
  background-color: #1a6dff;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #fff;
}
.payment .list-wrap {
  padding: 42px 0 88px 0;
  align-items: flex-start;
  background-color: unset;
}
.payment .list-wrap > h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #2f2f2f;
  margin: 20px 0 41px;
}

.pop-send-log-detail {
  min-width: 970px;
}
.pop-send-log-detail .sum-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.pop-send-log-detail .sum-wrap .sum {
  background-color: #f0f0f0;
  padding: 17px 24px 21px 24px;
}
.pop-send-log-detail .sum-wrap .sum ul {
  display: flex;
}
.pop-send-log-detail .sum-wrap .sum ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 39px;
}
.pop-send-log-detail .sum-wrap .sum ul li:last-child {
  margin-right: 0;
}
.pop-send-log-detail .sum-wrap .sum ul li p:first-child {
  margin-bottom: 9px;
}

.pop-payment {
  width: 872px;
  min-height: 650px;
}
.pop-payment .tit-wrap {
  width: 100%;
  padding: 15px 16px;
  background-color: #f8f9fa;
  margin-bottom: 42px;
}
.pop-payment .tit-wrap p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.35px;
  color: #414141;
}
.pop-payment .tit-wrap p span.red {
  color: #ff0000;
  font-weight: bold;
}
.pop-payment .tit-wrap p span.red.strong {
  font-size: 18px;
  letter-spacing: 0.45px;
}
.pop-payment .tabs {
  display: flex;
  width: 100%;
  padding: 30px 40px 10px 40px;
  border-bottom: 1px solid #bababa;
}
.pop-payment .tabs ul {
  display: flex;
}
.pop-payment .tabs ul li {
  display: flex;
  margin-right: 68px;
}
.pop-payment .tabs ul li a {
  font-size: 17px;
  line-height: 1.24;
  letter-spacing: 0.43px;
}
.pop-payment .tabs ul li a:hover, .pop-payment .tabs ul li a.active {
  color: #1a6dff;
  position: relative;
}
.pop-payment .tabs ul li a:hover:after, .pop-payment .tabs ul li a.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.73rem;
  width: 100%;
  height: 2px;
  background-color: #1a6dff;
}
.pop-payment .body {
  display: flex;
  flex-direction: column;
  padding: 40px 40px 0 40px;
}
.pop-payment .body .pay-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop-payment .body .pay-wrap .charging-wrap {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.pop-payment .body .pay-wrap .charging-wrap p {
  margin-bottom: 8px;
}
.pop-payment .body .pay-wrap .charging-wrap table {
  width: 100%;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.pop-payment .body .pay-wrap .charging-wrap table tr {
  border-bottom: 1px solid #bababa;
}
.pop-payment .body .pay-wrap .charging-wrap table tr td {
  padding: 8px 0;
}
.pop-payment .body .pay-wrap .charging-wrap table tr td input[type=radio] {
  margin-right: 8px;
}
.pop-payment .body .pay-wrap .charging-wrap table tr td label {
  cursor: pointer;
}
.pop-payment .body .pay-wrap .charging-wrap table tr td.price {
  text-align: right;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap {
  display: flex;
  flex-direction: column;
  margin: 10px 0 120px 0;
  position: relative;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap {
  display: flex;
  flex-direction: column;
  border: 1px solid #bababa;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  left: 0;
  top: 0;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap .header {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0.5rem;
  background-color: #f0f0f0;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap .header p {
  color: #414141;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap .header > a {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap .body {
  display: flex;
  padding: 0.5rem;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap .refund-policy-wrap .body p {
  color: #414141;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap p {
  color: #1a6dff;
}
.pop-payment .body .pay-wrap .charging-wrap .month-ment-wrap a {
  color: #414141;
  text-decoration: underline;
}
.pop-payment .body .pay-wrap .charging-wrap dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0.5rem 0;
}
.pop-payment .body .pay-wrap .charging-wrap dl dt, .pop-payment .body .pay-wrap .charging-wrap dl dd {
  margin-bottom: 0.2rem;
}
.pop-payment .body .pay-wrap .charging-wrap dl dt {
  width: 10%;
  text-align: left;
}
.pop-payment .body .pay-wrap .charging-wrap dl dd {
  width: 90%;
  padding-left: 1rem;
}
.pop-payment .body .pay-wrap .charging-wrap dl dd input[type=text] {
  width: 100%;
}
.pop-payment .body .pay-wrap .pay-sum-wrap {
  display: flex;
  padding: 23px 27px;
  background-color: #f8f9fa;
  width: 35%;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl {
  display: flex;
  flex-wrap: wrap;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl dt, .pop-payment .body .pay-wrap .pay-sum-wrap dl dd {
  display: flex;
  margin-bottom: 17px;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl dt.tot, .pop-payment .body .pay-wrap .pay-sum-wrap dl dd.tot {
  padding-top: 15px;
  font-weight: bold;
  border-top: 1px solid #bababa;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl dt {
  width: 65%;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl dd {
  justify-content: flex-end;
  width: 35%;
}
.pop-payment .body .pay-wrap .pay-sum-wrap dl dd.tot {
  color: #1a6dff;
}
.pop-payment .body .pay-wrap .pay-group-wrap {
  display: flex;
  flex-direction: column;
  width: 35%;
}
.pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap {
  width: 100%;
}
.pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap.info-wrap {
  background-color: #bababa;
}
.pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap.info-wrap dl dt, .pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap.info-wrap dl dd {
  color: #fff;
}
.pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap.info-wrap dl dt {
  width: 30%;
}
.pop-payment .body .pay-wrap .pay-group-wrap .pay-sum-wrap.info-wrap dl dd {
  width: 70%;
}
.pop-payment .buttons a.btn-m-blue {
  width: 100%;
  padding: 12px 0 9px;
  font-size: 18px;
  border: 0;
  border-radius: 0;
}

.pop-subscription-payment-cancel .body, .pop-subscription-payment-cancel .buttons {
  padding: 0 30px;
}
.pop-subscription-payment-cancel .body {
  padding-top: 30px;
}
.pop-subscription-payment-cancel .body p.date {
  margin-bottom: 40px;
}
.pop-subscription-payment-cancel .body p.date b {
  font-weight: bold;
  color: #1a6dff;
}
.pop-subscription-payment-cancel .body p.ment {
  margin-bottom: 17px;
}
.pop-subscription-payment-cancel .body ul {
  margin-bottom: 31px;
}
.pop-subscription-payment-cancel .body ul li {
  padding: 4px 0;
}
.pop-subscription-payment-cancel .body ul li input[type=radio] {
  margin-right: 10px;
}
.pop-subscription-payment-cancel .body ul li input[type=text] {
  margin-top: 5px;
  margin-left: 20px;
}
.pop-subscription-payment-cancel .buttons {
  width: 100%;
  padding-bottom: 30px;
}
.pop-subscription-payment-cancel .buttons a {
  margin-left: 16px;
}

body, h1, h2, h3, h4, h5, h6, li p, span, th, td, input, textarea {
  font-family: "Noto Sans KR", sans-serif;
  margin: 0;
  padding: 0;
}

html.bg-white,
body.bg-white {
  background-color: #ffffff;
  height: unset;
}

thead,
tbody {
  background: unset;
  border: 0;
}

thead th,
tbody td {
  padding: 0;
  border: 0;
  background-color: unset;
}

tbody tr:nth-child(even) {
  background-color: unset;
}

p {
  margin-bottom: 0;
  line-height: unset;
}

ul {
  margin-left: 0;
}

.mb0 {
  margin-bottom: 0 !important;
}

div.main-feed div.header {
  margin-bottom: 26px;
}
div.main-feed h3 {
  font-size: 14px;
  line-height: 2.93;
  letter-spacing: 0.35px;
  color: #414141;
}
div.main-feed h3.tit {
  font-weight: bold;
}
div.main-feed div.group-wrap {
  border-radius: 2px;
  background-color: #fff;
}
div.main-feed div.group-wrap div.tit-wrap {
  display: flex;
  align-items: center;
}
div.main-feed .group-wrap.stats {
  padding: 19px;
}
div.main-feed .group-wrap .count-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
}
div.main-feed .group-wrap .count {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
div.main-feed .group-wrap .count h1 {
  font-family: "Lato";
  font-size: 33px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.83px;
  text-align: right;
  color: #414141;
}
div.main-feed .group-wrap .count p {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #414141;
  margin-left: 9px;
}
div.main-feed .group-wrap .count-line .count {
  position: relative;
  width: 72px;
}
div.main-feed .group-wrap .count-line .count:after {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #4abdff;
  right: 0;
  bottom: 0;
  position: absolute;
}
div.main-feed .group-wrap table.dashboard {
  color: #414141;
  margin-bottom: 5px;
  width: 100%;
}
div.main-feed .group-wrap table.dashboard th {
  font-size: 12px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #4abdff;
}
div.main-feed .group-wrap table.dashboard td {
  font-size: 13px;
  font-weight: 300;
  line-height: 3;
  letter-spacing: 0.25px;
  border-bottom: 1px solid #e1e1e1;
}
div.main-feed .group-wrap .button-wrap {
  display: flex;
  justify-content: flex-end;
}
div.main-feed .group-wrap .button-wrap a.more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  border-radius: 4px;
  background-color: #07f;
  font-family: HelveticaNeue;
  font-size: 9px;
  color: #fff;
}
div.main-feed .group-wrap ul.today {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 14px;
}
div.main-feed .group-wrap ul.today li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 33.3%;
  position: relative;
  padding: 14px 23px 24px 14px;
  border-top: 1px solid #dbdbdb;
}
div.main-feed .group-wrap ul.today li:after {
  content: "";
  width: 1px;
  height: 50%;
  background-color: #dbdbdb;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.main-feed .group-wrap ul.today li:nth-child(3n):after {
  display: none;
}
div.main-feed .group-wrap ul.today li a {
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 0.85px;
  color: #1a6dff;
  margin: 0 9px 0 32px;
}
div.main-feed .group-wrap p.tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.79;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
}
div.main-feed .group-wrap table.product-summary {
  width: 100%;
}
div.main-feed .group-wrap table.product-summary tr th, div.main-feed .group-wrap table.product-summary tr td {
  padding: 0.3rem 0;
}
div.main-feed .group-wrap table.product-summary tr th.center, div.main-feed .group-wrap table.product-summary tr td.center {
  text-align: center;
}
div.main-feed .group-wrap table.product-summary tr th.right, div.main-feed .group-wrap table.product-summary tr td.right {
  text-align: right;
  padding-right: 0.3rem;
}
div.main-feed .group-wrap table.product-summary tr:first-child th {
  border-top: 2px solid #bababa;
  border-bottom: 1px solid #bababa;
}
div.main-feed .group-wrap table.product-summary tr:last-child td {
  border-bottom: 2px solid #bababa;
}
div.main-feed .group-wrap ul.links {
  display: flex;
  margin-left: 20px;
}
div.main-feed .group-wrap ul.links.dash li {
  position: relative;
}
div.main-feed .group-wrap ul.links.dash li a:hover, div.main-feed .group-wrap ul.links.dash li a.active {
  text-decoration: unset;
}
div.main-feed .group-wrap ul.links.dash li:after {
  content: "/";
  position: absolute;
  right: -15px;
  top: 0;
}
div.main-feed .group-wrap ul.links.dash li:last-child:after {
  display: none;
}
div.main-feed .group-wrap ul.links li {
  display: flex;
  margin-right: 25px;
}
div.main-feed .group-wrap ul.links li a:hover, div.main-feed .group-wrap ul.links li a.active {
  color: #1a6dff;
  text-decoration: underline;
}
div.main-feed div.dashboard {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
div.main-feed div.dashboard .group1,
div.main-feed div.dashboard .group2,
div.main-feed div.dashboard .group3,
div.main-feed div.dashboard .group4 {
  padding: 23px 0 0 19px;
}
div.main-feed div.dashboard .group1-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 22px;
}
div.main-feed div.dashboard .group1 {
  width: 146px;
  padding: 16px 21px 12px 19px;
  margin-bottom: 12px;
  height: unset;
}
div.main-feed div.dashboard .group2 {
  width: 235px;
  padding-right: 29px;
  margin-right: 15px;
}
div.main-feed div.dashboard .group3 {
  width: 231px;
  margin-right: 19px;
  padding-right: 30px;
}
div.main-feed div.dashboard .group4 {
  width: 550px;
  padding: 23px 19px 0 19px;
}
div.main-feed .proposal {
  width: 650px;
  height: 313px;
  padding: 23px 0 0 19px;
}
div.main-feed .proposal .proposal-wrap {
  display: flex;
  justify-content: space-between;
}
div.main-feed .proposal .proposal-wrap .slide-group {
  width: 336px;
  height: 153px;
  padding: 17px 30px 6.5px 30px;
  position: relative;
}
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-prev,
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-next {
  position: absolute;
  top: 45%;
}
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-prev {
  left: 10px;
}
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-prev:after {
  content: url("/images/ico-slide-back.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-next {
  right: -10px;
}
div.main-feed .proposal .proposal-wrap .slide-group .swiper-button-next:after {
  content: url("/images/ico-slide-forward.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box {
  overflow: hidden;
  position: relative;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-right: 14px !important;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p {
  position: relative;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p.page, div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p.time {
  font-size: 10px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #bababa;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p.tit {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #414141;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p.time {
  padding-left: 18px;
}
div.main-feed .proposal .proposal-wrap .slide-group div.proposal-box ul li p.time:before {
  content: url("/images/ico-clock.png");
  position: absolute;
  left: 0;
  top: 62%;
  transform: translateY(-50%);
}
div.main-feed .proposal .sum-wrap {
  display: flex;
  flex-direction: column;
  width: 166px;
  margin-right: 54px;
}
div.main-feed .member-level {
  width: 400px;
  padding: 23px 19px 19px 19px;
}
div.main-feed .member-level .header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 19px;
}
div.main-feed .member-level dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.main-feed .member-level dt, div.main-feed .member-level dd {
  display: flex;
  padding: 0.83rem 0;
}
div.main-feed .member-level dt.tb, div.main-feed .member-level dd.tb {
  border-top: solid 0.7px #bababa;
  padding-top: 19px;
}
div.main-feed .member-level dt {
  width: 27%;
}
div.main-feed .member-level dd {
  width: 73%;
}
div.main-feed .member-level dd.jsb {
  justify-content: space-between;
}
div.main-feed .member-level dd a {
  color: #2699fb;
}
div.main-feed .member-level dd.cnt {
  display: flex;
  flex-direction: column;
}
div.main-feed .member-level dd.cnt .bar {
  display: flex;
  justify-content: space-between;
}
div.main-feed .member-level dd.cnt div.ment {
  color: #f00;
}
div.main-feed .chart-wrap {
  border: 1px solid #bababa;
}

.pop-notice-alarm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 427px;
  height: fit-content;
  padding: 14px;
  border: 1px solid #bababa;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 100;
}
.pop-notice-alarm.close {
  display: none;
}
.pop-notice-alarm .header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  width: 100%;
}
.pop-notice-alarm table.tbl-notice {
  width: 398px;
  border: 1px solid #bababa;
}
.pop-notice-alarm table.tbl-notice th, .pop-notice-alarm table.tbl-notice td {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 2.5;
  letter-spacing: 0.4px;
  color: #787878;
}
.pop-notice-alarm table.tbl-notice th {
  font-weight: bold;
  border-bottom: 1px solid #bababa;
}
.pop-notice-alarm table.tbl-notice td.txtleft {
  padding-left: 5px;
  text-align: left;
}
.pop-notice-alarm table.tbl-notice tr.wait td {
  color: #1a6dff;
  background-color: #f8f9fa;
}

.autoComplete_wrapper {
  width: 75%;
}
.autoComplete_wrapper > input {
  width: unset;
  height: unset;
  border-radius: 0;
  padding: 5px 5px 5px 13px;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #787878;
  background-image: unset;
  background-size: unset;
  background-position: unset;
  background-repeat: unset;
}
.autoComplete_wrapper > input:focus {
  border: solid 1px #dbdbdb;
}
.autoComplete_wrapper > input::placeholder,
.autoComplete_wrapper > input:hover::placeholder,
.autoComplete_wrapper > input:focus::placeholder {
  color: #787878;
  transition: unset;
  padding: 5px 5px 5px 13px;
  font-size: 14px;
  -webkit-transition: unset;
}

.pop-contract-wrap {
  width: 1200px;
}

.pop-contract {
  width: 100%;
}
.pop-contract .header {
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px 34px;
  height: unset;
}
.pop-contract .header .preview-wrap {
  margin: 10px 0;
}
.pop-contract .header .preview-wrap p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #2f2f2f;
}
.pop-contract .header .preview-wrap p.red {
  color: #f00;
}
.pop-contract .header .tit-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 14px;
}
.pop-contract .header .tit-wrap h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #2f2f2f;
}
.pop-contract .header .ment-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pop-contract .header .ment-wrap p {
  font-size: 14px;
  line-height: 1.64;
  letter-spacing: 0.35px;
  text-align: left;
  color: #ff6969;
}
.pop-contract .body {
  padding: 0 39px 100px 39px;
}
.pop-contract .body .bold-line {
  border: solid 5px #414141;
}
.pop-contract .body table.write3, .pop-contract .body table.list3 {
  width: 100%;
}
.pop-contract .body table.write3 th, .pop-contract .body table.write3 td, .pop-contract .body table.list3 th, .pop-contract .body table.list3 td {
  font-size: 16px;
  letter-spacing: 0.4px;
  vertical-align: middle;
  text-align: left;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
  border-left: 1px solid #414141;
  border-right: 1px solid #414141;
}
.pop-contract .body table.write3 th, .pop-contract .body table.list3 th {
  padding-left: 5px;
  color: #05192c;
}
.pop-contract .body table.write3 td, .pop-contract .body table.list3 td {
  padding: 3px 13px;
}
.pop-contract .body table.write3 td input[type=text], .pop-contract .body table.write3 td textarea, .pop-contract .body table.list3 td input[type=text], .pop-contract .body table.list3 td textarea {
  padding: 6px;
  border: solid 1px #bababa;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  color: #05192c;
  width: 100%;
}
.pop-contract .body table.write3 td input[type=text].gray, .pop-contract .body table.write3 td textarea.gray, .pop-contract .body table.list3 td input[type=text].gray, .pop-contract .body table.list3 td textarea.gray {
  background-color: #f5f5f5;
}
.pop-contract .body table.write3 tr th {
  width: 15%;
}
.pop-contract .body table.write3 tr td {
  width: 35%;
}
.pop-contract .body table.write3 tr th:first-child {
  border-left: 0;
}
.pop-contract .body table.write3 tr td:last-child {
  border-right: 0;
}
.pop-contract .body table.list3 tr th, .pop-contract .body table.list3 tr td {
  text-align: center;
}
.pop-contract .body table.list3 tr th {
  border-top: solid 5px #414141;
  border-bottom: solid 5px #414141;
}
.pop-contract .body table.list3 tr th:first-child,
.pop-contract .body table.list3 tr td:first-child {
  border-left: 0;
}
.pop-contract .body table.list3 tr th:last-child,
.pop-contract .body table.list3 tr td:last-child {
  border-right: 0;
}
.pop-contract .body .contract-group-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 20px 0;
  width: 100%;
}
.pop-contract .body .contract-group-wrap p.complete_red, .pop-contract .body .contract-group-wrap p.complete {
  padding: 13px 23px;
  border-radius: 7px;
  background-color: #02c83b;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #ffc;
}
.pop-contract .body .contract-group-wrap p.complete_red {
  background-color: #ff6969;
  color: #fff;
}
.pop-contract .body .contract-group-wrap p.tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.48;
  color: #2f2f2f;
}
.pop-contract .body .contract-group-wrap .contract-wrap {
  display: flex;
  flex-direction: column;
  border-top: solid 5px #414141;
  border-bottom: solid 5px #414141;
  width: 100%;
  padding-top: 20px;
}
.pop-contract .body .contract-group-wrap .contract-wrap .total-price-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  padding-top: 13px;
}
.pop-contract .body .contract-group-wrap .contract-wrap .total-price-wrap p.won {
  font-size: 30px;
  line-height: 1.5;
  text-align: left;
  color: #2f2f2f;
  margin-left: 7px;
}
.pop-contract .body .contract-group-wrap .contract-wrap .total-price-wrap p.tax {
  font-size: 20px;
  line-height: 1.45;
  text-align: left;
  color: #2f2f2f;
  margin-left: 23px;
}
.pop-contract .body .price-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  width: 100%;
  padding: 18px 0;
}
.pop-contract .body .price-wrap dl {
  display: flex;
  flex-wrap: wrap;
  width: 240px;
}
.pop-contract .body .price-wrap dl dt, .pop-contract .body .price-wrap dl dd {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: left;
  color: #05192c;
}
.pop-contract .body .price-wrap dl dt:first-child, .pop-contract .body .price-wrap dl dd:first-child {
  margin-bottom: 15px;
}
.pop-contract .body .price-wrap dl dt {
  width: 60%;
}
.pop-contract .body .price-wrap dl dd {
  width: 40%;
  text-align: right;
}
.pop-contract .body .request-wrap {
  display: flex;
  flex-direction: column;
  border-top: solid 5px #414141;
}
.pop-contract .body .request-wrap .request {
  display: flex;
  flex-direction: column;
  padding: 7px 5px 34px 5px;
  border-bottom: solid 1px #787878;
}
.pop-contract .body .request-wrap .request p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: 0.4px;
  text-align: left;
  color: #05192c;
  margin-bottom: 11px;
}
.pop-contract .body .request-wrap .request textarea {
  width: 100%;
  height: 111px;
  margin: 0 0 11px;
  padding: 6px 12px;
  border: solid 1px #707070;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: 0.4px;
  text-align: left;
  color: #05192c;
}
.pop-contract .body .request-wrap .request .file-wrap {
  display: flex;
  align-items: center;
}
.pop-contract .body .request-wrap .request .file-wrap a {
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: 91px;
  padding: 3px 15px;
  margin-right: 34px;
  border-radius: 4px;
  background-color: #787878;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  color: #fff;
}
.pop-contract .body .request-wrap .request .file-wrap p.blue {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.93;
  letter-spacing: 0.35px;
  text-align: left;
  color: #1a6dff;
}
.pop-contract .body .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 68px 0 0 0;
}
.pop-contract .body .buttons a {
  font-size: 18px;
  font-weight: 500;
  padding: 13px 31px;
}
.pop-contract .body .buttons a:first-child {
  margin-right: 10px;
}
.pop-contract .footer {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 30px 0;
  background-color: #efefef;
}
.pop-contract .footer a {
  font-size: 18px;
  font-weight: 500;
  padding: 13px 31px;
  margin-right: 10px;
}
.pop-contract .footer a:last-child {
  margin-right: 0;
}

.pop-distribution-construction {
  width: 705px;
}
.pop-distribution-construction .body p.tit {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #2f2f2f;
  margin-bottom: 11px;
}
.pop-distribution-construction .body dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 21px 6px 0 6px;
}
.pop-distribution-construction .body dl dt, .pop-distribution-construction .body dl dd {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
}
.pop-distribution-construction .body dl dt {
  width: 15%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-align: left;
  color: #414141;
}
.pop-distribution-construction .body dl dd {
  width: 85%;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  color: #bababa;
}
.pop-distribution-construction .body dl dd input[type=radio] {
  margin-right: 9px;
}
.pop-distribution-construction .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 26px 0 40px;
}
.pop-distribution-construction .buttons a {
  font-size: 18px;
  font-weight: 500;
  padding: 11px 25px;
}
.pop-distribution-construction .buttons a:first-child {
  margin-right: 8px;
}

.contract-print-wrap p.tit {
  text-align: right;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  margin: auto;
  font-weight: 500;
}

.contract-print-wrap table.header tr:first-child {
  border-top: 2px solid #000000;
}

.contract-print-wrap .body .contract-group-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 20px 0;
  width: 100%;
}

.contract-print-wrap .body .contract-group-wrap .contract-wrap {
  display: flex;
  flex-direction: column;
  border-top: solid 2px #414141;
  border-bottom: solid 2px #414141;
  width: 100%;
  padding-top: 0px;
}

.contract-print-wrap table {
  width: 100%;
}

.contract-print-wrap .body table.write3 th,
.contract-print-wrap .body table.write3 td,
.contract-print-wrap .body table.list3 th,
.contract-print-wrap .body table.list3 td {
  font-size: 0.8rem;
  letter-spacing: 0.4px;
  vertical-align: middle;
  text-align: left;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
  border-left: 1px solid #414141;
  border-right: 1px solid #414141;
}

.contract-print-wrap .body table.write3 tr th:first-child {
  border-left: 0;
}

.contract-print-wrap .body table.write3 tr th {
  width: 15%;
}

.contract-print-wrap .body table.write3 tr td {
  width: 35%;
}

.contract-print-wrap .body table.write3 td, .pop-contract .body table.list3 td {
  padding: 3px 13px;
}

.contract-print-wrap .body table.write3 tr td:last-child {
  border-right: 0;
}

.contract-print-wrap .body table.list3 tr th,
.contract-print-wrap .body table.list3 tr td {
  text-align: center;
}

.contract-print-wrap .body table.list3 tr th:first-child,
.contract-print-wrap .body table.list3 tr td:first-child {
  border-left: 0;
}

.contract-print-wrap .body table.list3 tr th:last-child,
.contract-print-wrap .body table.list3 tr td:last-child {
  border-right: 0;
}

.contract-print-wrap .body .request-wrap {
  display: flex;
  flex-direction: column;
  border-top: solid 2px #414141;
}

.contract-print-wrap .body .request-wrap .request {
  display: flex;
  flex-direction: column;
  padding: 7px 5px 34px 5px;
  border-bottom: solid 1px #787878;
}

.contract-print-wrap .body .request-wrap .request p {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: 0.4px;
  text-align: left;
  color: #05192c;
  margin-bottom: 11px;
}

.stats div.row {
  width: 100%;
}
.stats div.row.radio-wrap label {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 10px;
}
.stats div.row a.btn-s-search {
  margin-left: 12px;
  border-radius: 0;
  padding: 6px 12px;
}
.stats div.row a.btn-s-search:before {
  display: none;
}
.stats div.row a.btn-search {
  margin-left: 0;
  border-radius: 0;
  padding: 6px 37px;
}
.stats div.row a.btn-search:before {
  display: none;
}
.stats div.row a.btn-more {
  padding: 12px 98px;
  border-radius: 5px;
  background-color: #1a6dff;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  margin-top: 30px;
}
.stats div.row p.point:before {
  content: url("/images/room-24px.png");
  position: absolute;
  left: -15px;
  top: 55%;
  transform: translateY(-50%);
}
.stats div.row .explanation dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.stats div.row .explanation dl dt, .stats div.row .explanation dl dd {
  margin-bottom: 23px;
}
.stats div.row .explanation dl dt:last-child, .stats div.row .explanation dl dd:last-child {
  margin-bottom: 5px;
}
.stats div.row .explanation dl dt {
  font-weight: bold;
  width: 10%;
}
.stats div.row .explanation dl dd {
  width: 90%;
}
.stats div.row .sales-type-wrap .chart1, .stats div.row .sales-type-wrap .chart2 {
  height: 239px;
}
.stats div.row .sales-type-wrap .chart1 {
  width: 63%;
}
.stats div.row .sales-type-wrap .chart2 {
  width: 36%;
}
.stats div.row table {
  width: 100%;
}
.stats div.row table thead tr:first-child th {
  border-top: 2px solid #bababa;
}
.stats div.row table thead th, .stats div.row table thead td {
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}
.stats div.row table thead th.right, .stats div.row table thead td.right {
  text-align: right;
  padding-right: 0.3rem;
}
.stats div.row table thead tr th, .stats div.row table thead tr td, .stats div.row table tbody tr th, .stats div.row table tbody tr td {
  border-top: 0;
  border-bottom: 0;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.stats div.row table thead tr th.br, .stats div.row table thead tr td.br, .stats div.row table tbody tr th.br, .stats div.row table tbody tr td.br {
  border-right: 1px solid #bababa;
}
.stats div.row table thead tr th.bl, .stats div.row table thead tr td.bl, .stats div.row table tbody tr th.bl, .stats div.row table tbody tr td.bl {
  border-left: 1px solid #bababa;
}
.stats div.row table thead tr th.bb, .stats div.row table thead tr td.bb, .stats div.row table tbody tr th.bb, .stats div.row table tbody tr td.bb {
  border-bottom: 1px solid #bababa;
}
.stats div.row table thead tr th:first-child,
.stats div.row table thead tr td:first-child, .stats div.row table tbody tr th:first-child,
.stats div.row table tbody tr td:first-child {
  border-left: 0;
}
.stats div.row table thead tr th:last-child,
.stats div.row table thead tr td:last-child, .stats div.row table tbody tr th:last-child,
.stats div.row table tbody tr td:last-child {
  border-right: 0;
}
.stats div.row table thead tr:last-child th, .stats div.row table thead tr:last-child td, .stats div.row table tbody tr:last-child th, .stats div.row table tbody tr:last-child td {
  border-bottom: 1px solid #bababa;
}
.stats div.row table tbody th, .stats div.row table tbody td {
  text-align: right;
  padding-right: 0.3rem;
}
.stats div.row table tbody th.center, .stats div.row table tbody td.center {
  text-align: center;
  padding: 0;
}
.stats div.row table tbody th.left, .stats div.row table tbody td.left {
  text-align: left;
  padding-left: 0.3rem;
  margin-right: 0;
}
.stats dl.search-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
.stats dl.search-wrap dt, .stats dl.search-wrap dd {
  display: flex;
  align-items: center;
  height: 3.5rem;
}
.stats dl.search-wrap dt:first-of-type, .stats dl.search-wrap dd:first-of-type {
  border-top: 2px solid #bababa;
}
.stats dl.search-wrap dt:last-of-type, .stats dl.search-wrap dd:last-of-type {
  border-bottom: 1px solid #bababa;
}
.stats dl.search-wrap dt {
  font-weight: bold;
  padding-left: 18px;
  width: 10%;
  border-right: 1px solid #bababa;
}
.stats dl.search-wrap dd {
  padding-left: 28px;
  width: 90%;
}
.stats .chart-border-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stats .chart-border-wrap p {
  margin-top: 0.5rem;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #05192c;
}
.stats div.chart-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bababa;
}
.stats div.chart-wrap div.chnvas-wrap4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 49.5%;
  height: 250px;
}
.stats div.chart-wrap div.chnvas-wrap4 canvas {
  width: 200px !important;
  height: 200px !important;
}
.stats div.chart-wrap div.chnvas-wrap4 p {
  margin-top: 0.5rem;
}
.stats p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.57;
  letter-spacing: 0.35px;
  color: #05192c;
  position: relative;
}
.stats p.tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.56;
  letter-spacing: 0.4px;
  color: #05192c;
}
.stats p.blue {
  color: #1a6dff;
}
.stats .group-wrap {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 16px 26px 14px 26px;
  margin-bottom: 20px;
}
.stats .group-wrap.half-wrap {
  background-color: unset;
  padding: 0;
}
.stats .group-wrap.half {
  width: 49.5%;
}
.stats .group-wrap .search-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stats .group-wrap .search-wrap ul.links {
  display: flex;
}
.stats .group-wrap .search-wrap ul.links li {
  margin-right: 16px;
}
.stats .group-wrap .search-wrap ul.links li a:hover, .stats .group-wrap .search-wrap ul.links li a.active {
  color: #1a6dff;
  text-decoration: underline;
}
.stats .bottom-tit-wrap .bottom-tit-box-wrap {
  padding: 0 26px;
}
.stats .bottom-tit-wrap .bottom-tit-box-wrap .bottom-tit-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #05192c;
}

.staff .write-header.left {
  justify-content: flex-start;
}
.staff .write-header p.blue {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.79;
  letter-spacing: 0.35px;
  text-align: left;
  color: #1a6dff;
  margin-left: 17px;
}
.staff .permission-wrap {
  align-items: flex-start;
  width: 100%;
  border-radius: 2px;
  background-color: #fff;
}
.staff .permission-wrap .all-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 135px;
  margin-left: 1rem;
}
.staff .permission-wrap .menu-wrap {
  width: calc(100% - 135px);
}
.staff .permission-wrap .menu-wrap ul.menu1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.staff .permission-wrap .menu-wrap ul.menu1 > li {
  width: 33.3%;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.73;
  letter-spacing: 0.38px;
  color: #05192c;
  position: relative;
}
.staff .permission-wrap .menu-wrap ul.menu1 > li:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  position: absolute;
  top: 2.3rem;
  left: 0;
}
.staff .permission-wrap .menu-wrap ul.menu1 > li ul.menu2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 64px;
}
.staff .permission-wrap .menu-wrap ul.menu1 > li ul.menu2 > li {
  margin-right: 2rem;
  font-size: 14px;
  line-height: 2.93;
  letter-spacing: 0.35px;
  color: #05192c;
}
.staff a.btn-plus {
  position: relative;
  padding-left: 15px;
}
.staff a.btn-plus:before {
  content: url("/images/plus20x20.png");
  position: absolute;
  left: 0;
  top: 10%;
  transform: translateX(-50%);
}

.pop-department {
  width: 400px;
}
.pop-department .body .list-wrap {
  display: flex;
  flex-direction: column;
  border: solid 1px #dbdbdb;
  padding: 16px;
  margin-bottom: 1rem;
}
.pop-department .body .list-wrap ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pop-department .body .list-wrap ul li {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0.5rem 0;
}
.pop-department .body .write-wrap {
  display: flex;
  justify-content: space-between;
}
.pop-department .body .write-wrap a.btn-blue {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-align: left;
  color: #1a6dff;
}

.pop-layer-admin {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  padding: 12px 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: absolute;
}
.pop-layer-admin p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #1a6dff;
}

.delivery ul.list-calendar-wrap {
  display: flex;
}
.delivery ul.list-calendar-wrap li {
  display: flex;
  align-items: center;
}
.delivery ul.list-calendar-wrap li:nth-child(1) {
  margin-right: 40px;
}
.delivery ul.list-calendar-wrap li:nth-child(2) {
  margin-right: 60px;
}
.delivery ul.list-calendar-wrap li a {
  position: relative;
}
.delivery ul.list-calendar-wrap li a:hover, .delivery ul.list-calendar-wrap li a.active {
  color: #1a6dff;
}
.delivery ul.list-calendar-wrap li a.list:before, .delivery ul.list-calendar-wrap li a.calendar:before {
  position: absolute;
  left: -1.2rem;
  top: 55%;
  transform: translateY(-50%);
}
.delivery ul.list-calendar-wrap li a.list:hover:before, .delivery ul.list-calendar-wrap li a.list.active:before {
  content: url("/images/ico-type-list-on.png");
}
.delivery ul.list-calendar-wrap li a.list:before {
  content: url("/images/ico-type-list.png");
}
.delivery ul.list-calendar-wrap li a.calendar:hover:before, .delivery ul.list-calendar-wrap li a.calendar.active:before {
  content: url("/images/ico-type-calendar-on.png");
}
.delivery ul.list-calendar-wrap li a.calendar:before {
  content: url("/images/ico-type-calendar.png");
}
.delivery ul.list-calendar-wrap li a.calendar:after {
  content: "";
  width: 1px;
  height: 80%;
  background-color: #bababa;
  position: absolute;
  right: -1.7rem;
  top: 50%;
  transform: translateY(-50%);
}
.delivery .list-wrap {
  margin-bottom: 5rem;
}
.delivery .list-wrap ul.week {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.delivery .list-wrap ul.week li {
  display: flex;
  width: 50%;
  padding: 0;
}
.delivery .list-wrap ul.week li:nth-child(odd) {
  margin-right: 0;
  border-right: 1px solid #bababa;
}
.delivery .list-wrap ul.week li:nth-child(even) {
  margin-left: 0;
}
.delivery table.list td.day {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #414141;
  text-align: center;
  min-height: 20rem;
}
.delivery .order-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.delivery .order-wrap a.sort {
  margin-left: 2rem;
}
.delivery table.order {
  width: 90%;
  background-color: #f3f3f3;
  margin-bottom: 10px;
}
.delivery table.order tr td {
  border-bottom: 0;
  padding: 0.3rem 0;
}
.delivery table.order tr td.no {
  text-align: center;
  vertical-align: middle;
  width: 3rem;
}
.delivery table.order tr td.c1 {
  width: 25%;
}
.delivery table.order tr td.c2 {
  width: 30%;
}
.delivery table.order tr.bold td {
  font-weight: bold;
  border-bottom: 1px solid #bababa;
}

.ledger-tit-wrap p.tit {
  font-size: 25px;
  font-weight: bold;
  line-height: 0.8;
  letter-spacing: 0.63px;
  color: #414141;
}
.ledger-tit-wrap p.period {
  margin-left: 25px;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #414141;
}

.ledger-com-wrap {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 17px 0.5rem;
}
.ledger-com-wrap p.tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: left;
  color: #414141;
}
.ledger-com-wrap .right-box dl {
  display: flex;
}
.ledger-com-wrap .right-box dl dt {
  margin-left: 37px;
}
.ledger-com-wrap .right-box dl dt, .ledger-com-wrap .right-box dl dd {
  font-size: 14px;
  letter-spacing: 0.35px;
  text-align: left;
  color: #414141;
}

.pop-delivery-portfolio-upload {
  width: 850px;
}
.pop-delivery-portfolio-upload .body p b {
  color: #1a6dff;
}

.pop-delivery-date-time,
.pop-delivery-cost {
  width: 850px;
}
.pop-delivery-date-time .body p.tit,
.pop-delivery-cost .body p.tit {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #2f2f2f;
  margin-bottom: 11px;
}
.pop-delivery-date-time .body dl,
.pop-delivery-cost .body dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 21px 6px 0 6px;
}
.pop-delivery-date-time .body dl dt, .pop-delivery-date-time .body dl dd,
.pop-delivery-cost .body dl dt,
.pop-delivery-cost .body dl dd {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
}
.pop-delivery-date-time .body dl dt,
.pop-delivery-cost .body dl dt {
  width: 15%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.45px;
  text-align: left;
  color: #414141;
}
.pop-delivery-date-time .body dl dd,
.pop-delivery-cost .body dl dd {
  width: 85%;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.38px;
  text-align: left;
  color: #bababa;
}
.pop-delivery-date-time .body dl dd input[type=radio],
.pop-delivery-cost .body dl dd input[type=radio] {
  margin-right: 9px;
}
.pop-delivery-date-time .body dl dd textarea,
.pop-delivery-cost .body dl dd textarea {
  width: 772px;
  height: 137px;
  padding: 10px;
  background-color: #f8f9fa;
}
.pop-delivery-date-time .buttons,
.pop-delivery-cost .buttons {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 26px 0 40px;
}
.pop-delivery-date-time .buttons a,
.pop-delivery-cost .buttons a {
  font-size: 18px;
  font-weight: 500;
  padding: 11px 25px;
}
.pop-delivery-date-time .buttons a:first-child,
.pop-delivery-cost .buttons a:first-child {
  margin-right: 8px;
}

.pop-delivery-view {
  width: 900px;
}

.preview-slide-wrap {
  display: flex;
}
.preview-slide-wrap .slide-wrap {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0.5rem 3rem 1.2rem;
  width: 100%;
}
.preview-slide-wrap .slide-wrap .big-wrap {
  display: flex;
  flex-direction: column;
  width: 62%;
}
.preview-slide-wrap .slide-wrap .big-wrap p.tit {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.75px;
  text-align: left;
  color: #dc9c71;
}
.preview-slide-wrap .slide-wrap .big-wrap p.tit2 {
  font-size: 12px;
  line-height: 1.44;
  text-align: left;
  color: #414141;
}
.preview-slide-wrap .slide-wrap .big-wrap .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 330px;
  border: 1px solid #e6e6e6;
}
.preview-slide-wrap .slide-wrap .big-wrap .img-wrap img {
  max-height: 300px;
  max-width: 100%;
}
.preview-slide-wrap .slide-wrap .big-wrap .logo-wrap {
  display: flex;
  margin-top: 0.5rem;
  align-items: center;
}
.preview-slide-wrap .slide-wrap .big-wrap .logo-wrap img {
  max-height: 3rem;
  margin-right: 0.5rem;
}
.preview-slide-wrap .slide-wrap .big-wrap p.company {
  font-size: 15px;
  text-align: left;
  color: #414141;
}
.preview-slide-wrap .slide-wrap .ele-wrap {
  display: flex;
  flex-direction: column;
  width: 35%;
}
.preview-slide-wrap .slide-wrap .ele-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.preview-slide-wrap .slide-wrap .ele-wrap ul li {
  display: flex;
  flex-direction: column;
  width: 48%;
  margin-bottom: 1rem;
}
.preview-slide-wrap .slide-wrap .ele-wrap ul li .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e6e6e6;
  min-height: 100px;
}
.preview-slide-wrap .slide-wrap .ele-wrap ul li .img-wrap img {
  max-width: 130px;
  max-height: 90px;
}
.preview-slide-wrap .slide-wrap .ele-wrap .blue-wrap {
  display: flex;
  flex-direction: column;
}
.preview-slide-wrap .slide-wrap .ele-wrap .blue-wrap .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 140px;
  border: 1px solid #e6e6e6;
}
.preview-slide-wrap .slide-wrap .ele-wrap .blue-wrap .img-wrap img {
  max-width: 140px;
  max-height: 100px;
}
.preview-slide-wrap .slide-wrap .ele-wrap .blue-wrap p.size {
  width: 100%;
  text-align: center;
}

.trans-statement-wrap img.stamp {
  max-width: 60px;
  max-height: 60px;
}
.trans-statement-wrap .body {
  align-items: center;
}
@media print {
  .trans-statement-wrap .print-page {
    page-break-before: always;
  }
}
.trans-statement-wrap .trans-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media print {
  .trans-statement-wrap .trans-box {
    page-break-before: always;
  }
}
.trans-statement-wrap .trans-box:first-child {
  padding-bottom: 2rem;
  border-bottom: 1px dashed #05192c;
  margin-bottom: 2rem;
}
@media print {
  .trans-statement-wrap .trans-box:first-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.trans-statement-wrap .trans-box.blue .trans-header:after {
  background: #1a6dff;
}
.trans-statement-wrap .trans-box.blue .trans-header p.tit, .trans-statement-wrap .trans-box.blue .trans-header p.ment {
  color: #1a6dff;
}
.trans-statement-wrap .trans-box.blue .nav-wrap {
  border-bottom: 4px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue .nav-wrap dl dt {
  color: #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans {
  border-right: 2px solid #1a6dff;
  border-bottom: 2px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th, .trans-statement-wrap .trans-box.blue table.trans thead tr td, .trans-statement-wrap .trans-box.blue table.trans tbody tr th, .trans-statement-wrap .trans-box.blue table.trans tbody tr td {
  border: 1px solid #1a6dff;
}
@media print {
  .trans-statement-wrap .trans-box.blue table.trans thead tr th, .trans-statement-wrap .trans-box.blue table.trans thead tr td, .trans-statement-wrap .trans-box.blue table.trans tbody tr th, .trans-statement-wrap .trans-box.blue table.trans tbody tr td {
    font-size: 8pt;
  }
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th.lb2, .trans-statement-wrap .trans-box.blue table.trans thead tr td.lb2, .trans-statement-wrap .trans-box.blue table.trans tbody tr th.lb2, .trans-statement-wrap .trans-box.blue table.trans tbody tr td.lb2 {
  border-left: 2px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th.tb2, .trans-statement-wrap .trans-box.blue table.trans thead tr td.tb2, .trans-statement-wrap .trans-box.blue table.trans tbody tr th.tb2, .trans-statement-wrap .trans-box.blue table.trans tbody tr td.tb2 {
  border-top: 2px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th.total .total-wrap p.tit, .trans-statement-wrap .trans-box.blue table.trans thead tr td.total .total-wrap p.tit, .trans-statement-wrap .trans-box.blue table.trans tbody tr th.total .total-wrap p.tit, .trans-statement-wrap .trans-box.blue table.trans tbody tr td.total .total-wrap p.tit {
  color: #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th, .trans-statement-wrap .trans-box.blue table.trans tbody tr th {
  color: #1a6dff;
}
@media print {
  .trans-statement-wrap .trans-box.blue table.trans thead tr th, .trans-statement-wrap .trans-box.blue table.trans tbody tr th {
    font-size: 8pt;
  }
}
.trans-statement-wrap .trans-box.blue table.trans thead tr th.dot-tit:after, .trans-statement-wrap .trans-box.blue table.trans tbody tr th.dot-tit:after {
  color: #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans-list thead tr.b2t th, .trans-statement-wrap .trans-box.blue table.trans-list thead tr.b2t td, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr.b2t th, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr.b2t td {
  border-top: 2px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans-list thead tr.b2b th, .trans-statement-wrap .trans-box.blue table.trans-list thead tr.b2b td, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr.b2b th, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr.b2b td {
  border-bottom: 2px solid #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans-list thead tr.total td.tit, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr.total td.tit {
  color: #1a6dff;
}
.trans-statement-wrap .trans-box.blue table.trans-list thead tr th, .trans-statement-wrap .trans-box.blue table.trans-list thead tr td, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr th, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr td {
  border: 1px solid #1a6dff;
}
@media print {
  .trans-statement-wrap .trans-box.blue table.trans-list thead tr th, .trans-statement-wrap .trans-box.blue table.trans-list thead tr td, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr th, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr td {
    font-size: 8pt;
  }
}
.trans-statement-wrap .trans-box.blue table.trans-list thead tr th, .trans-statement-wrap .trans-box.blue table.trans-list tbody tr th {
  color: #1a6dff;
}
.trans-statement-wrap .trans-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20rem;
  position: relative;
}
.trans-statement-wrap .trans-header:after {
  content: "";
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f00;
}
.trans-statement-wrap .trans-header p.tit {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.48;
  color: #f00;
}
@media print {
  .trans-statement-wrap .trans-header p.tit {
    font-size: 16pt;
  }
}
.trans-statement-wrap .trans-header p.ment {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
  margin-top: 1rem;
  color: #f00;
}
@media print {
  .trans-statement-wrap .trans-header p.ment {
    font-size: 8pt;
  }
}
.trans-statement-wrap .nav-wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  border-bottom: 4px solid #f00;
  margin-bottom: 1rem;
}
.trans-statement-wrap .nav-wrap dl {
  display: flex;
  margin-bottom: 0.3rem;
}
.trans-statement-wrap .nav-wrap dl dt, .trans-statement-wrap .nav-wrap dl dd {
  display: flex;
}
.trans-statement-wrap .nav-wrap dl dt {
  font-size: 16px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #f00;
  padding: 0 1rem;
}
@media print {
  .trans-statement-wrap .nav-wrap dl dt {
    font-size: 8pt;
  }
}
.trans-statement-wrap .nav-wrap dl dd {
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #05192c;
}
.trans-statement-wrap table.trans {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 2px solid #f00;
  border-bottom: 2px solid #f00;
}
.trans-statement-wrap table.trans.red thead tr th, .trans-statement-wrap table.trans.red thead tr td, .trans-statement-wrap table.trans.red tbody tr th, .trans-statement-wrap table.trans.red tbody tr td {
  border: 1px solid #f00;
  text-align: left;
  padding: 12px 17px;
  position: relative;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th, .trans-statement-wrap table.trans.red thead tr td, .trans-statement-wrap table.trans.red tbody tr th, .trans-statement-wrap table.trans.red tbody tr td {
    padding: 2pt 0.7rem;
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans.red thead tr th.c1, .trans-statement-wrap table.trans.red thead tr td.c1, .trans-statement-wrap table.trans.red tbody tr th.c1, .trans-statement-wrap table.trans.red tbody tr td.c1 {
  width: 15%;
}
.trans-statement-wrap table.trans.red thead tr th.c2, .trans-statement-wrap table.trans.red thead tr td.c2, .trans-statement-wrap table.trans.red tbody tr th.c2, .trans-statement-wrap table.trans.red tbody tr td.c2 {
  width: 35%;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th.c2, .trans-statement-wrap table.trans.red thead tr td.c2, .trans-statement-wrap table.trans.red tbody tr th.c2, .trans-statement-wrap table.trans.red tbody tr td.c2 {
    width: 32%;
  }
}
.trans-statement-wrap table.trans.red thead tr th.c3, .trans-statement-wrap table.trans.red thead tr td.c3, .trans-statement-wrap table.trans.red tbody tr th.c3, .trans-statement-wrap table.trans.red tbody tr td.c3 {
  width: 15%;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th.c3, .trans-statement-wrap table.trans.red thead tr td.c3, .trans-statement-wrap table.trans.red tbody tr th.c3, .trans-statement-wrap table.trans.red tbody tr td.c3 {
    width: 17%;
  }
}
.trans-statement-wrap table.trans.red thead tr th.c4, .trans-statement-wrap table.trans.red thead tr td.c4, .trans-statement-wrap table.trans.red tbody tr th.c4, .trans-statement-wrap table.trans.red tbody tr td.c4 {
  width: 25%;
}
.trans-statement-wrap table.trans.red thead tr th.c5, .trans-statement-wrap table.trans.red thead tr td.c5, .trans-statement-wrap table.trans.red tbody tr th.c5, .trans-statement-wrap table.trans.red tbody tr td.c5 {
  width: 10%;
}
.trans-statement-wrap table.trans.red thead tr th.b0, .trans-statement-wrap table.trans.red thead tr td.b0, .trans-statement-wrap table.trans.red tbody tr th.b0, .trans-statement-wrap table.trans.red tbody tr td.b0 {
  border: none;
}
.trans-statement-wrap table.trans.red thead tr th.bl0, .trans-statement-wrap table.trans.red thead tr td.bl0, .trans-statement-wrap table.trans.red tbody tr th.bl0, .trans-statement-wrap table.trans.red tbody tr td.bl0 {
  border-left: none;
}
.trans-statement-wrap table.trans.red thead tr th.lb2, .trans-statement-wrap table.trans.red thead tr td.lb2, .trans-statement-wrap table.trans.red tbody tr th.lb2, .trans-statement-wrap table.trans.red tbody tr td.lb2 {
  border-left: 2px solid #f00;
}
.trans-statement-wrap table.trans.red thead tr th.tb2, .trans-statement-wrap table.trans.red thead tr td.tb2, .trans-statement-wrap table.trans.red tbody tr th.tb2, .trans-statement-wrap table.trans.red tbody tr td.tb2 {
  border-top: 2px solid #f00;
}
.trans-statement-wrap table.trans.red thead tr th.total .total-wrap, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 95%;
  position: absolute;
  left: 0.5rem;
  top: 40%;
  transform: translateY(-50%);
}
.trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.tit, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.tit, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.tit, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.tit {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: left;
  color: #f00;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.tit, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.tit, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.tit, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.tit {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.tit span {
  font-size: 16px;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.tit span, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.tit span {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.price, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.price, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.price, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.price {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: right;
  color: #05192c;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th.total .total-wrap p.price, .trans-statement-wrap table.trans.red thead tr td.total .total-wrap p.price, .trans-statement-wrap table.trans.red tbody tr th.total .total-wrap p.price, .trans-statement-wrap table.trans.red tbody tr td.total .total-wrap p.price {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans.red thead tr th, .trans-statement-wrap table.trans.red tbody tr th {
  color: #f00;
}
@media print {
  .trans-statement-wrap table.trans.red thead tr th, .trans-statement-wrap table.trans.red tbody tr th {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans.red thead tr th.dot-tit:after, .trans-statement-wrap table.trans.red tbody tr th.dot-tit:after {
  content: ":";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #f00;
}
.trans-statement-wrap table.trans thead tr th {
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #ddd;
}
@media print {
  .trans-statement-wrap table.trans thead tr th {
    padding: 2pt;
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans tbody tr td {
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #ddd;
}
@media print {
  .trans-statement-wrap table.trans tbody tr td {
    padding: 2pt;
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 30px;
}
.trans-statement-wrap table.trans-list.red thead tr.blr0 th, .trans-statement-wrap table.trans-list.red thead tr.blr0 td, .trans-statement-wrap table.trans-list.red tbody tr.blr0 th, .trans-statement-wrap table.trans-list.red tbody tr.blr0 td {
  border-left: none;
  border-right: none;
}
.trans-statement-wrap table.trans-list.red thead tr.b2t th, .trans-statement-wrap table.trans-list.red thead tr.b2t td, .trans-statement-wrap table.trans-list.red tbody tr.b2t th, .trans-statement-wrap table.trans-list.red tbody tr.b2t td {
  border-top: 2px solid #f00;
}
@media print {
  .trans-statement-wrap table.trans-list.red thead tr.b2t th, .trans-statement-wrap table.trans-list.red thead tr.b2t td, .trans-statement-wrap table.trans-list.red tbody tr.b2t th, .trans-statement-wrap table.trans-list.red tbody tr.b2t td {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list.red thead tr.b2b th, .trans-statement-wrap table.trans-list.red thead tr.b2b td, .trans-statement-wrap table.trans-list.red tbody tr.b2b th, .trans-statement-wrap table.trans-list.red tbody tr.b2b td {
  border-bottom: 2px solid #f00;
}
@media print {
  .trans-statement-wrap table.trans-list.red thead tr.b2b th, .trans-statement-wrap table.trans-list.red thead tr.b2b td, .trans-statement-wrap table.trans-list.red tbody tr.b2b th, .trans-statement-wrap table.trans-list.red tbody tr.b2b td {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list.red thead tr.total td.tit, .trans-statement-wrap table.trans-list.red tbody tr.total td.tit {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #f00;
}
@media print {
  .trans-statement-wrap table.trans-list.red thead tr.total td.tit, .trans-statement-wrap table.trans-list.red tbody tr.total td.tit {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list.red thead tr.total td.price, .trans-statement-wrap table.trans-list.red tbody tr.total td.price {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: right;
  color: #05192c;
}
@media print {
  .trans-statement-wrap table.trans-list.red thead tr.total td.price, .trans-statement-wrap table.trans-list.red tbody tr.total td.price {
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list.red thead tr th, .trans-statement-wrap table.trans-list.red thead tr td, .trans-statement-wrap table.trans-list.red tbody tr th, .trans-statement-wrap table.trans-list.red tbody tr td {
  border: 1px solid #f00;
  text-align: left;
  padding: 10px;
  height: 35px;
}
@media print {
  .trans-statement-wrap table.trans-list.red thead tr th, .trans-statement-wrap table.trans-list.red thead tr td, .trans-statement-wrap table.trans-list.red tbody tr th, .trans-statement-wrap table.trans-list.red tbody tr td {
    padding: 2pt;
    font-size: 8pt;
  }
}
.trans-statement-wrap table.trans-list.red thead tr th:first-child, .trans-statement-wrap table.trans-list.red thead tr td:first-child, .trans-statement-wrap table.trans-list.red tbody tr th:first-child, .trans-statement-wrap table.trans-list.red tbody tr td:first-child {
  border-left: none;
}
.trans-statement-wrap table.trans-list.red thead tr th:last-child, .trans-statement-wrap table.trans-list.red thead tr td:last-child, .trans-statement-wrap table.trans-list.red tbody tr th:last-child, .trans-statement-wrap table.trans-list.red tbody tr td:last-child {
  border-right: none;
}
.trans-statement-wrap table.trans-list.red thead tr th, .trans-statement-wrap table.trans-list.red tbody tr th {
  color: #f00;
}
.trans-statement-wrap .account-wrap {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.5rem 0;
}
@media print {
  .trans-statement-wrap .account-wrap {
    padding: 0;
  }
}
.trans-statement-wrap .account-wrap ul {
  display: flex;
}
.trans-statement-wrap .account-wrap ul li {
  display: flex;
  margin-right: 1rem;
}

@page {
  size: 210mm 297mm;
  margin: 25.4mm 20mm;
}
.a4-page {
  width: 100%;
  padding: 1rem;
}
@media print {
  .a4-page {
    font-size: 8pt;
    page-break-before: always;
    min-height: 246.2mm;
    width: 170mm;
    position: relative;
    padding: 25.4mm 20mm;
  }
}
@media print {
  .a4-page .list-wrap table.list th {
    font-size: 8pt;
  }
}

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