@charset "UTF-8";
/* ellipsis */
/* flex 프리픽스 적용 IE10+ */
/* thumbnail background */
/* break point */
/* common */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; }

/* html */
html, body {
  position: relative;
  height: 100%;
  font-size: 14px;
  font-family: 'Roboto', 'Noto Sans KR', Arial, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent;
  text-decoration: none; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

label {
  display: inline-block; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none; }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

i[class^="icon_"], i[class*=" icon_"] {
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
  vertical-align: -2px; }

a {
  color: rgba(0, 0, 0, 0.87); }
  a:hover {
    color: #345bd9;
    text-decoration: underline; }

/* input-login */
.input-login {
  display: block;
  width: 100%;
  height: 48px;
  padding: 7px 16px;
  font-size: 15px;
  line-height: 1.67;
  color: #555;
  background-color: #fff;
  border: 1px solid #dcdde0;
  border-radius: 2px;
  box-shadow: none;
  outline: none; }
  .input-login:focus {
    border: 2px solid #345bd9;
    transition: .2s ease-in-out; }

/* input-modify + textarea-modify */
.input-modify,
.textarea-modify {
  display: block;
  width: calc(100% + 24px);
  height: 39px;
  margin: -8px -12px;
  padding: 6px 10px;
  color: #555;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: none;
  outline: none; }
  .input-modify:focus,
  .textarea-modify:focus {
    border: 2px solid #345bd9;
    transition: .2s ease-in-out; }

.input-modify {
  line-height: 22px; }

.input-modify[type="file"] {
  margin-top: 0;
  margin-bottom: 0; }

.input-modify + .input-modify {
  margin-top: 4px; }

.input-memeber {
  display: inline-block;
  width: 280px;
  height: 38px;
  margin: 0;
  border: 2px solid #e0e0e0;
  vertical-align: -1px; }

.textarea-modify {
  height: calc(100% + 16px); }

/* input-login-check */
.xe-label {
  position: relative;
  margin-top: 5px;
  min-width: 14px;
  min-height: 14px;
  text-align: left;
  cursor: pointer; }

.xe-label input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  font-size: 0;
  line-height: 0;
  left: -9999px; }

.xe-label > input[type="checkbox"] + .xe-input-helper {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #BEBFC5; }

.xe-label > input[type="checkbox"]:checked + .xe-input-helper:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 7px;
  margin-top: -4px;
  margin-left: -2px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  content: ""; }

.xe-label > input[type="checkbox"]:checked + .xe-input-helper {
  border-color: transparent;
  background-color: #345bd9; }

.xe-label .xe-label-text {
  display: block;
  padding: 0 0  0 20px;
  font-size: 14px;
  line-height: 1.3; }

.button-login {
  width: 100%;
  height: 54px;
  margin-bottom: 12px;
  background: #345bd9;
  border: none;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  cursor: pointer; }
  .button-login:hover {
    background: #2948ad; }
  .button-login:active {
    background: #1f3682; }

.button-common {
  height: 38px;
  margin-bottom: 12px;
  padding: 0 16px;
  background: #345bd9 !important;
  border: none;
  font-weight: 500;
  color: #fff;
  cursor: pointer;

  &:hover {
    background: #2948ad !important;
  }

  &:active {
    background: #1f3682 !important;
  }

  &.button-cancel {
    background: #d93434 !important;

    &:hover {
      background: #ad2929 !important;
    }

    &:active {
      background: #821f1f !important;
    }
  }
}

.button-cancel {
  height: 38px;
  margin-bottom: 12px;
  padding: 0 16px;
  background: #345bd9 !important;
  border: none;
  font-weight: 500;
  color: #fff;
  cursor: pointer; }
.button-common:hover {
  background: #2948ad !important; }
.button-common:active {
  background: #1f3682 !important; }

.button-cancle {
  height: 38px;
  padding: 0 16px;
  background: #eee;
  border: none;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.38);
  cursor: pointer; }
  .button-cancle:hover {
    background: #ddd; }
  .button-cancle:active {
    background: #ccc; }

.button-disabled {
  background-color: #eee !important;
  color: rgba(0, 0, 0, 0.38); }
  .button-disabled:hover {
    background-color: #eee !important;
    color: rgba(0, 0, 0, 0.38);
    cursor: default; }

/* select */
.select-common {
  width: 200px;
  height: 38px;
  padding-left: 11px;
  padding-right: 11px;
  border: 1px solid #345bd9;
  font-size: 15px;
  font-weight: 500;
  color: #345bd9; }
  .select-common option {
    padding-left: 0; }

.select-date {
  height: 38px;
  padding-left: 11px;
  padding-right: 11px;
  border: 1px solid rgba(0, 0, 0, 0.87);
  font-size: 15px;
  font-weight: 500; }
  .select-date option {
    padding-left: 0; }

.select-disabled {
  border-color: #e0e0e0;
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.38); }

/* table */
.cell-disabled {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.38) !important; }

/* board-common */
.board-common {
  width: 100%;
  padding-bottom: 20px;
  word-break: break-all;
  /* button */
  /* badge */
  /* tag */ }
  .board-common ul {
    margin: 0;
    padding: 0; }
    .board-common ul li {
      list-style: none; }
  .board-common button {
    background: none;
    border: none;
    cursor: pointer; }
    .board-common button:hover {
      background-color: #ebebeb; }
    .board-common button:active {
      background-color: #dfe5f9; }
  .board-common .box-modify {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: justify;
    -ms-flex-pack: justify;
    justify-content: justify;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 12px; }
  .board-common .button-reg {
    height: 38px;
    padding-left: 34px;
    background: url("../assets/images/icon-reg.svg") no-repeat 12px center;
    background-size: 18px 18px;
    font-weight: 500; }
  .board-common .button-modify,
  .board-common .button-delete {
    height: 38px;
    padding: 0 12px;
    background-size: 18px 18px;
    font-size: 15px;
    font-weight: 500; }
  .board-common .state-disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: default; }
    .board-common .state-disabled:hover {
      background-color: transparent; }
  .board-common .state-active {
    color: #345bd9; }
    .board-common .state-active:hover {
      background-color: transparent; }
  .board-common .button-add {
    height: 38px;
    margin-bottom: 88px;
    background-size: 18px 18px;
    font-weight: 500; }

.board-common .button-add-disable {
  height: 38px;
  margin-bottom: 88px;
  background-size: 18px 18px;
  font-weight: 500;
  background-color: #eee !important;
  color: rgba(0, 0, 0, 0.38);}

  .board-common .badge-dwg,
  .board-common .badge-pdf {
    display: inline-block;
    width: 30px;
    padding: 2px 0;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #fff; }
  .board-common .box-badge {
    margin-top: -1px; }
  .board-common .badge-dwg {
    background: #a4c854; }
  .board-common .badge-pdf {
    background: #d82f29; }
  .board-common .item-tag {
    display: inline-block;
    margin: 2px 4px 1px 0;
    padding: 2px 8px 3px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    background: rgba(252, 236, 141, 0.78); }
  .board-common .text-total {
    margin: 0;
    padding-top: 6px;
    font-size: 13px;
    line-height: 1.85;
    color: rgba(0, 0, 0, 0.54); }
  .board-common .list-board {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 12px; }
    .board-common .list-board a {
      color: #345bd9; }
  .board-common .item-board {
    border-bottom: 1px solid #e0e0e0; }
    .board-common .item-board strong,
    .board-common .item-board span {
      font-weight: 500; }
    .board-common .item-board .item-required {
      font-size: 12px;
      margin-left: 3px;
      vertical-align: top;
      color: #345bd9; }
    .board-common .item-board:first-child a {
      cursor: initial; }
    .board-common .item-board:first-child:hover {
      background: none; }
    .board-common .item-board:first-child strong,
    .board-common .item-board:first-child span {
      font-weight: 500;
      color: rgba(0, 0, 0, 0.38); }
    .board-common .item-board .title-board,
    .board-common .item-board .unit01,
    .board-common .item-board .unit02,
    .board-common .item-board .unit03,
    .board-common .item-board .unit04,
    .board-common .item-board .unit05,
    .board-common .item-board .unit06,
    .board-common .item-board .unit07,
    .board-common .item-board .unit08,
    .board-common .item-board .unit09,
    .board-common .item-board .unit-number,
    .board-common .item-board .unit-check,
    .board-common .item-board .unit-name01,
    .board-common .item-board .unit-name02 {
      display: block;
      margin: 0;
      padding: 8px 12px;
      border-right: 1px solid #e0e0e0;
      line-height: 1.64;
      text-align: left;
      color: rgba(0, 0, 0, 0.87); }
    .board-common .item-board span:last-child {
      border-right: none; }
    .board-common .item-board:hover {
      background: #f3f6fd;
      transition: .1s ease-in-out; }
      .board-common .item-board:hover .link-board {
        text-decoration: none; }
    .board-common .item-board .unit-row {
      display: block;
      min-height: 40px;
      margin: 0 -12px;
      padding: 8px 12px;
      border-bottom: 1px solid #e0e0e0;
      line-height: 1.64; }
.board-common .item-board .disable {
  background-color: #e0e0e0; }
      .board-common .item-board .unit-row:first-child {
        min-height: 32px;
        padding-top: 0; }
      .board-common .item-board .unit-row:last-child {
        min-height: 31px;
        padding-bottom: 0;
        border: none; }
    .board-common .item-board .icon-weather {
      margin-left: 5px;
      vertical-align: top; }
      .board-common .item-board .icon-weather img {
        vertical-align: top; }
  .board-common .unit-check label {
    margin: 0; }
  .board-common .item-board-input .input-modify {
    background: #f3f6fd;
    border-color: #f3f6fd; }
    .board-common .item-board-input .input-modify:focus {
      background: #fff;
      border-color: #fff; }
  .board-common .board-common--no-data {
    margin: 0 0 12px 0;
    padding: 190px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 15px;
    text-align: center; }

/* list-ellipsis */
.list-ellipsis .link-board strong,
.list-ellipsis .link-board span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/* list-floorplan */
.list-floorplan .link-board,
.view-place .link-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.list-floorplan .title-board,
.view-place .title-board {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 50%; }

.list-floorplan .box-badge,
.view-place .box-badge {
  min-width: 64px; }

.list-floorplan .unit01,
.view-place .unit01 {
  width: 25%; }

.list-floorplan .unit02,
.view-place .unit02 {
  width: 15%; }

.list-floorplan .unit03,
.view-place .unit03 {
  width: 10%; }

.list-floorplan .icon-download,
.view-place .icon-download {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 16px;
  height: 16px;
  background: url(./images/icon-download.svg) 50% 50% no-repeat; }

/* view-floorplan */
.view-floorplan .item-board,
.view-place .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.view-floorplan .title-board,
.view-place .title-board {
  width: 15%; }

.view-floorplan .unit01,
.view-place .unit01 {
  width: 85%; }

.view-floorplan .link-file,
.view-place .link-file {
  font-size: 13px; }

/* list-installation */
.list-installation {
  margin-bottom: 12px !important; }
  .list-installation .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-installation .title-board {
    width: 23%; }
  .list-installation .unit01 {
    width: 77%; }
  .list-installation .link-file {
    font-size: 13px; }

/* list-floorplan */
.list-floorstatus {
  margin-bottom: 12px !important; }
  .list-floorstatus .link-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .list-floorstatus .title-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: justify;
    -ms-flex-pack: justify;
    justify-content: justify;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    width: 15%; }
  .list-floorstatus .unit01 {
    width: 15%; }
  .list-floorstatus .unit02 {
    width: 30%; }
  .list-floorstatus .unit03 {
    width: 10%; }
  .list-floorstatus .unit04 {
    width: 15%; }
  .list-floorstatus .unit05 {
    width: 15%; }

/* list-mypage */
.list-mypage .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px;
  border: 1px solid #e0e0e0; }
  .list-mypage .item-board:first-child {
    border-top: none; }
    .list-mypage .item-board:first-child:hover {
      background: #f3f6fd;
      transition: .1s ease-in-out; }
    .list-mypage .item-board:first-child strong,
    .list-mypage .item-board:first-child span {
      color: rgba(0, 0, 0, 0.87); }

.list-mypage .title-board,
.list-mypage .unit01 {
  padding: 16px 12px !important; }

.list-mypage .title-board {
  width: 15%;
  font-weight: 500 !important; }

.list-mypage .unit01 {
  width: 85%;
  font-weight: 600; }

.list-place .item-board,
.list-id .item-board {
  position: relative; }

.list-place .link-board,
.list-id .link-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.list-place .title-board,
.list-id .title-board {
  width: 29%; }

.list-place .unit01,
.list-id .unit01 {
  width: 55%; }

.list-place .unit02,
.list-id .unit02 {
  width: 16%; }

.list-place .link-admin,
.list-id .link-admin {
  position: absolute;
  display: block;
  top: 8px;
  right: 16px;
  height: 22px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #345bd9;
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
  color: #345bd9;
  text-align: center;
  z-index: 40; }
  .list-place .link-admin:hover,
  .list-id .link-admin:hover {
    background: #345bd9;
    text-decoration: none;
    color: #fff; }

.list-place .item-board:first-child .link-board .unit01 {
  background: none; }

.list-place .item-board:first-child .link-board:hover {
  background: none; }

.list-place .link-board:hover .unit01 {
  background-image: url("../assets/images/bu-link-over.svg"); }

.list-place .unit01 {
  background: url("../assets/images/bu-link.svg") no-repeat 94% center; }

.list-id {
  margin-bottom: 16px !important; }

/* list-control */
.list-control .link-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.list-control .title-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 12%; }

.list-control .unit01 {
  width: 15%; }

.list-control .unit02 {
  width: 27%; }

.list-control .unit03 {
  width: 10%; }

.list-control .unit04 {
  width: 15%; }

.list-control .unit05 {
  width: 12%; }

.list-control .unit06 {
  width: 9%; }

/* list-stock */
.list-stock .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.list-stock .title-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 11%; }

.list-stock .unit01,
.list-stock .unit02 {
  width: 11%; }

.list-stock .unit03 {
  width: 29%; }

.list-stock .unit04 {
  width: 7%; }

.list-stock .unit05 {
  width: 15%; }

.list-stock .unit06 {
  width: 9%; }

.list-stock .unit07 {
  width: 7%; }
  .list-stock .unit07 a {
    text-decoration: underline; }

.list-stock.list-stock-modify .unit03 {
  width: 22%; }

.list-stock.list-stock-modify .unit-check {
  width: 7%; }

/* list-stock-view */
.list-stock-view.list-stock-view--delete .item-board:first-child .unit02 {
  width: 13%; }

.list-stock-view.list-stock-view--delete .item-board .unit06 {
  width: 13%; }

.list-stock-view.list-stock-view--delete .item-board .unit-check {
  width: 5%;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.list-stock-view .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .list-stock-view .item-board:first-child {
    border-bottom: none; }
    .list-stock-view .item-board:first-child .title-board,
    .list-stock-view .item-board:first-child .unit01 {
      width: 41%;
      border-bottom: 1px solid #e0e0e0; }
    .list-stock-view .item-board:first-child .unit02 {
      width: 18%; }
  .list-stock-view .item-board:nth-child(2) a {
    cursor: initial; }
  .list-stock-view .item-board:nth-child(2):hover {
    background: none; }
  .list-stock-view .item-board:nth-child(2) strong,
  .list-stock-view .item-board:nth-child(2) span {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.38); }

.list-stock-view .title-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 13%; }

.list-stock-view .unit01 {
  width: 19%; }

.list-stock-view .unit02 {
  width: 9%; }

.list-stock-view .unit03 {
  width: 13%; }

.list-stock-view .unit04 {
  width: 19%; }

.list-stock-view .unit05 {
  width: 9%; }

.list-stock-view .unit06 {
  width: 18%; }

.list-stock-view .unit-sum,
.list-stock-view .unit-total {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  padding: 8px 12px;
  background: #fafafa;
  border-right: 1px solid #eee; }

.list-stock-view .unit-sum {
  width: 41%; }

.list-stock-view .unit-total {
  width: 82%; }

.list-stock-view .unit-gray {
  background: #fafafa; }

.color-red {
  color: #d82f29 !important; }

.color-gray {
  color: rgba(0, 0, 0, 0.38) !important; }

.color-green {
  color: #00ab33 !important; }

.color-blue {
  color: #345bd9 !important; }

/* list-history */
.list-history {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -6px;
  padding: 0; }
  .list-history .item-history {
    width: 33.3%;
    margin-bottom: 32px;
    list-style: none; }
    .list-history .item-history:hover .link-history {
      margin-top: -16px;
      text-decoration: none;
      transition: .1s ease-in-out;
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1); }
      .list-history .item-history:hover .link-history .bullet-arrow svg path {
        fill: #345bd9; }
  .list-history .link-history {
    position: relative;
    display: block;
    height: 266px;
    margin: 0 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .list-history .thumbnail {
    display: block;
    width: 100%;
    padding-top: 61.3%;
    background-size: cover; }
  .list-history .article-content {
    padding: 24px; }
  .list-history .title {
    display: block;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.87);
    max-height: 56px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.36;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .list-history .address {
    display: block;
    font-size: 13px;
    line-height: 1.54;
    color: rgba(0, 0, 0, 0.58); }
    .list-history .address span {
      display: block; }
  .list-history .bullet-arrow {
    position: absolute;
    top: 165px;
    right: 12px;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    text-align: center;
    line-height: 38px; }

/* list-control */
.list-control-type01 .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.list-control-type01 .unit-number {
  width: 8%;
  text-align: right !important; }

.list-control-type01 .title-board {
  width: 20%; }

.list-control-type01 .unit02 {
  width: 22%; }

.list-control-type01 .unit03 {
  width: 22%; }

.list-control-type01 .unit04 {
  width: 20%; }

.list-control-type01 .unit-check {
  width: 8%;
  text-align: center !important; }

.list-control-type02 .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.list-control-type02 .unit-number {
  width: 8%;
  text-align: right !important; }

.list-control-type02 .title-board {
  width: 16%; }

.list-control-type02 .unit01 {
  width: 17%; }

.list-control-type02 .unit02 {
  width: 18%; }

.list-control-type02 .unit03 {
  width: 14%; }

.list-control-type02 .unit04 {
  width: 19%; }

.list-control-type02 .unit-check {
  width: 8%;
  text-align: center !important; }

/* list-report-type01 */
.list-report-type01 .link-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.list-report-type01 .title-board {
  width: 10%; }

.list-report-type01 .unit01 {
  width: 10%; }

.list-report-type01 .unit02 {
  width: 10%; }

.list-report-type01 .unit03 {
  width: 10%; }

.list-report-type01 .unit04 {
  width: 20%; }

.list-report-type01 .unit05 {
  width: 20%; }

.list-report-type01 .unit06 {
  width: 12%; }

.list-report-type01 .unit-check {
  width: 8%;
  text-align: center !important; }

/* list-report-type02 */
.list-report-type02 {
  margin-bottom: 40px !important; }
  .list-report-type02 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-report-type02 .title-board,
  .list-report-type02 .unit01,
  .list-report-type02 .unit02 {
    width: 33.3%; }
  .list-report-type02 .unit01 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: justify;
    -ms-flex-pack: justify;
    justify-content: justify;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between; }

/* list-report-type03 */
.list-report-type03 {
  margin-bottom: 40px !important; }
  .list-report-type03 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-report-type03 .title-board {
    width: 15%; }
  .list-report-type03 .unit01 {
    width: 12%; }
  .list-report-type03 .unit02,
  .list-report-type03 .unit03,
  .list-report-type03 .unit04,
  .list-report-type03 .unit05,
  .list-report-type03 .unit06,
  .list-report-type03 .unit07 {
    width: 10%; }
  .list-report-type03 .unit08 {
    width: 13%; }

/* list-report-type04 */
.list-report-type04 {
  margin-bottom: 40px !important; }
  .list-report-type04 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-report-type04 .title-board {
    width: 12%; }
  .list-report-type04 .unit01 {
    width: 48%; }
  .list-report-type04 .unit02 {
    width: 40%; }
  /*.list-report-type04 .unit03 {*/
    /*width: 8%; }*/
  .list-report-type04 .textarea-modify {
    min-height: 60px; }

.list-report-type04 .textarea-modify2 {
  min-height: 160px; }

/* list-report-type05 */
.list-report-type05 {
  margin-bottom: 40px !important; }
  .list-report-type05 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-report-type05 .title-board {
    width: 15%; }
  .list-report-type05 .unit01,
  .list-report-type05 .unit02,
  .list-report-type05 .unit03 {
    width: 13%; }
  .list-report-type05 .unit04,
  .list-report-type05 .unit05 {
    width: 18%; }
  .list-report-type05 .unit06 {
    width: 10%; }

.list-report-type-worker {
  margin-bottom: 40px !important; }
.list-report-type-worker .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.list-report-type-worker .title-board {
  width: 16%; }
.list-report-type-worker .unit01,
.list-report-type-worker .unit02,
.list-report-type-worker .unit03,
.list-report-type-worker .unit04,
.list-report-type-worker .unit05,
.list-report-type-worker .unit06 {
  width: 14%; }

.list-report-type-emk {
  margin-bottom: 40px !important; }
.list-report-type-emk .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.list-report-type-emk .title-board {
  width: 16%; }
.list-report-type-emk .unit01,
.list-report-type-emk .unit02,
.list-report-type-emk .unit03,
.list-report-type-emk .unit04,
.list-report-type-emk .unit05,
.list-report-type-emk .unit06 {
  width: 14%; }

.list-report-type-emk-type4 {
  margin-bottom: 40px !important; }
.list-report-type-emk-type4 .item-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.list-report-type-emk-type4 .unit01,
.list-report-type-emk-type4 .unit02,
.list-report-type-emk-type4 .unit03,
.list-report-type-emk-type4 .unit04  {
  width: 25%; }

/* list-check-type01 */
.list-check-type01 .link-board {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.list-check-type01 .title-board {
  width: 15%; }

.list-check-type01 .unit01 {
  width: 15%; }

.list-check-type01 .unit02,
.list-check-type01 .unit03 {
  width: 20%; }

.list-check-type01 .unit04 {
  width: 50%; }

/* list-generator-type01 */
.list-generator-type01 {
  margin-bottom: 40px !important; }
  .list-generator-type01 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-generator-type01 .title-board {
    width: 16%; }
  .list-generator-type01 .unit01,
  .list-generator-type01 .unit02,
  .list-generator-type01 .unit03,
  .list-generator-type01 .unit04,
  .list-generator-type01 .unit05,
  .list-generator-type01 .unit06 {
    width: 14%; }

/* list-generator-type02 */
.list-generator-type02 {
  margin-bottom: 40px !important; }
  .list-generator-type02 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-generator-type02 .title-board {
    width: 10%; }
  .list-generator-type02 .unit-name01 {
    width: 60%; }
  .list-generator-type02 .unit-name02 {
    width: 30%; }
  .list-generator-type02 .unit01,
  .list-generator-type02 .unit02,
  .list-generator-type02 .unit03,
  .list-generator-type02 .unit04,
  .list-generator-type02 .unit05,
  .list-generator-type02 .unit06,
  .list-generator-type02 .unit07,
  .list-generator-type02 .unit08,
  .list-generator-type02 .unit09 {
    width: 10%; }

/* list-generator-type03 */
.list-generator-type03 {
  margin-bottom: 40px !important; }
  .list-generator-type03 .item-board {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .list-generator-type03 .title-board {
    width: 16%; }
  .list-generator-type03 .unit01,
  .list-generator-type03 .unit03 {
    width: 38%; }
  .list-generator-type03 .unit02 {
    width: 10%; }

/* link-image - 이미지 클릭하면 확대 */
.link-image {
  position: relative;
  display: inline-block; }
  .link-image:hover .button-expand {
    display: block; }
  .link-image .button-expand {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 4px;
    width: 68px;
    height: 30px;
    background: #fff;
    border: 1px solid #345bd9;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1;
    color: #345bd9; }

.board-common .button-create,
.board-common .button-cancle {
  height: 36px;
  padding-left: 16px;
  padding-right: 16px; }

.board-common .button-create {
  background: #eee;
  color: rgba(0, 0, 0, 0.38); }

.board-common .button-cancle {
  background: #fff;
  border: 1px solid #345bd9;
  font-weight: 600;
  color: #345bd9; }
  .board-common .button-cancle:hover {
    background: #fff; }

.board-common .link-popup-stock {
  display: inline-block;
  height: 38px;
  padding: 0 26px;
  background: #345bd9;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  color: #fff; }

.board-common .align-right {
  text-align: right !important; }

.header-login {
  display: none; }

/* main-login */
.main-login {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10; }

/* area-popup */
.area-popup {
  position: relative;
  width: 480px;
  height: 580px;
  padding: 80px 72px 0 72px;
  background: #fff; }
  .area-popup .title-login {
    margin: 0 0 48px 0;
    font-size: 40px;
    text-align: center; }
    .area-popup .title-login strong {
      display: block;
      margin-bottom: 4px;
      line-height: 1.5;
      font-weight: 500; }
    .area-popup .title-login span {
      display: block;
      font-size: 14px;
      font-family: 'roboto';
      color: rgba(0, 0, 0, 0.38);
      line-height: 1.64;
      font-weight: 400; }
  .area-popup .box-account {
    margin-bottom: 12px; }
    .area-popup .box-account .input-id {
      margin-bottom: 4px; }
  .area-popup .box-option {
    margin-bottom: 24px;
    line-height: normal; }
    .area-popup .box-option label {
      margin: 0; }
    .area-popup .box-option .xe-label:first-child {
      margin-right: 16px; }
  .area-popup .text-caution {
    font-size: 12px;
    line-height: 1.64;
    color: #ff1616; }
  .area-popup .link-password {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    text-align: right; }
    .area-popup .link-password:hover {
      color: #345bd9; }
  .area-popup .popup-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 62px;
    background: #eee; }
    .area-popup .popup-footer a {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.58); }
      .area-popup .popup-footer a:hover {
        color: #345bd9; }

.footer-login {
  position: absolute; }

/* bg-login */
.bg-login {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  z-index: 1;
  filter: blur(1px); }
  .bg-login:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .3; }

/* media - mobile */
@media (max-width: 1140px) {
  .area-popup {
    height: 480px;
    margin: 0 8px;
    padding: 40px 24px 0 24px; }
    .area-popup .title-login strong {
      font-size: 24px; } }

/* wrap */
#wrap {
  position: relative;
  overflow: hidden; }

.wrap-bg {
  background: #f9f9f9; }

/* header */
.header {
  width: 100%;
  /* box-field */
  /* box-modify */ }
  .header ul {
    margin: 0;
    padding: 0; }
    .header ul li {
      list-style: none; }
  .header .area-top {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    background: #333; }
  .header .box-profile {
    position: absolute;
    top: 0;
    left: 24px;
    color: #fff; }
    .header .box-profile span {
      display: inline-block;
      width: 36px;
      height: 36px;
      margin-right: 12px;
      background-size: cover;
      border-radius: 36px;
      box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08);
      vertical-align: -13px; }
    .header .box-profile .area-lnb-mobile {
      display: none; }
    .header .box-profile .area-lnb-pc {
      display: block; }
  .header .box-menu-more {
    display: none; }
  .header .box-field {
    position: relative;
    max-width: 574px;
    min-width: 302px; }
    .header .box-field.field-one .button-field {
      padding: 21px 0;
      cursor: initial; }
      .header .box-field.field-one .button-field .arrow {
        display: none; }
    .header .box-field.field-one .list-field {
      display: none; }
    .header .box-field .button-field {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -webkit-justify-content: justify;
      -ms-flex-pack: justify;
      justify-content: justify;
      -webkit-box-pack: space-between;
      -moz-box-pack: space-between;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      margin: 0 auto;
      padding: 21px 32px 21px 0;
      background: none;
      border: none;
      color: #fff;
      cursor: pointer;
      outline: none; }
      .header .box-field .button-field strong {
        display: block;
        max-width: 544px;
        font-weight: 500;
        font-size: 15px;
        line-height: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .header .box-field .button-field .arrow {
        position: absolute;
        top: 21px;
        right: 0;
        display: block;
        width: 20px;
        height: 20px;
        background-image: url("../assets/images/icon-arrow.svg");
        transform: rotate(180deg);
        transition: .2s ease-in-out; }
    .header .box-field .list-field {
      position: absolute;
      top: 64px;
      left: 0;
      right: 0;
      margin: 0 auto;
      min-width: 302px;
      height: 0;
      background: #fff;
      text-align: center;
      box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.1);
      z-index: 40;
      opacity: 0;
      transition: .2s ease-in-out;
      overflow: hidden; }
      .header .box-field .list-field li {
        width: 100%; }
        .header .box-field .list-field li:hover {
          background: #f3f6fd;
          transition: .2s ease-in-out; }
        .header .box-field .list-field li:first-child {
          margin-top: 12px; }
        .header .box-field .list-field li:last-child {
          margin-bottom: 12px; }
      .header .box-field .list-field a {
        display: block;
        width: calc(100% - 24px);
        margin: 0 auto;
        padding: 8px 0;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        line-height: 1.64;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .header .box-field .list-field a:hover {
          color: #345bd9;
          text-decoration: none;
          transition: .2s ease-in-out; }
    .header .box-field.open:before {
      position: absolute;
      left: 50%;
      top: 100%;
      width: 10px;
      height: 10px;
      margin-top: -4px;
      margin-left: -2px;
      background: #fff;
      transform: rotate(224deg);
      content: "";
      z-index: 45; }
    .header .box-field.open .button-field .arrow {
      transform: rotate(0deg);
      transition: .2s ease-in-out; }
      .header .box-field.open .button-field .arrow path {
        fill: #fff; }
    .header .box-field.open .list-field {
      height: auto;
      transition: all .2s ease-in-out;
      opacity: 1;
      overflow-y: auto;
      max-height: 300px; }
  .header .box-modify {
    position: absolute;
    top: 0;
    right: 12px; }
    .header .box-modify a {
      display: inline-block;
      padding: 0 12px;
      height: 64px;
      line-height: 64px;
      color: rgba(255, 255, 255, 0.58); }
      .header .box-modify a:last-child {
        margin-right: 0; }
      .header .box-modify a:hover {
        color: white;
        text-decoration: none;
        transition: .2s ease-in-out; }
  .header nav {
    position: absolute;
    width: 100%;
    height: 64px;
    background: #fff;
    z-index: 30;
    transition: .2s ease-in-out; }
    .header nav.open {
      height: 474px;
      background: #436fff;
      transition: .3s ease-out; }
      .header nav.open .area-lnb {
        height: 410px;
        transition: .3s ease-out; }
  .header .list-gnb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    background: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08);
    z-index: 31; }
    .header .list-gnb li {
      margin-right: 24px; }
      .header .list-gnb li:last-child {
        margin-right: 0; }
      .header .list-gnb li:hover .link-gnb {
        border-bottom: 2px solid #345bd9;
        color: #345bd9; }
      .header .list-gnb li.on .link-gnb {
        border-bottom: 2px solid #345bd9;
        color: #345bd9; }
    .header .list-gnb .link-gnb {
      display: block;
      height: 64px;
      padding: 0 8px;
      font-size: 15px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87);
      line-height: 66px; }
      .header .list-gnb .link-gnb:hover {
        border-bottom: 2px solid #345bd9;
        text-decoration: none; }
  .header .area-lnb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1140px;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    transition: .2s ease-in-out; }
    .header .area-lnb .box-lnb {
      /* width: 190px; */
      width: 250px;
      height: 100%;
      padding: 16px 0 16px 24px;
      margin-left: -1px;
      border-right: 1px solid #557dff;
      border-left: 1px solid #557dff;
      line-height: 1.63; }
      .header .area-lnb .box-lnb:hover {
        background: #345bd9;
        border-color: #345bd9;
        z-index: 10; }
      .header .area-lnb .box-lnb.active {
        background: #345bd9; }
      .header .area-lnb .box-lnb:last-child {
        border-right: none; }
      .header .area-lnb .box-lnb:first-child {
        border-left: none; }
    .header .area-lnb .title-lnb {
      display: block;
      margin-top: 7px;
      margin-bottom: 14px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.63;
      color: #fff; }
    .header .area-lnb .list-lnb {
      height: 88%;
      overflow-x: auto; }
    .header .area-lnb .item-lnb {
      padding-right: 5px; }
    .header .area-lnb .link-lnb {
      display: block;
      padding: 6px 0;
      font-size: 15px;
      line-height: 1.67;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: rgba(255, 255, 255, 0.58); }
      .header .area-lnb .link-lnb:hover {
        color: #fff; }
    .header .area-lnb .list-depth {
      height: 100%;
      overflow-x: auto; }
      .header .area-lnb .list-depth .link-depth {
        position: relative;
        display: block;
        margin-bottom: 4px;
        padding-left: 20px;
        font-size: 13px;
        line-height: 1.54;
        color: rgba(255, 255, 255, 0.58); }
        .header .area-lnb .list-depth .link-depth:before {
          content: '';
          position: absolute;
          top: 10px;
          left: 8px;
          width: 3px;
          height: 2px;
          background-color: rgba(255, 255, 255, 0.38); }
        .header .area-lnb .list-depth .link-depth:hover {
          color: #fff; }
  .header .button-menu {
    display: none;
    position: absolute;
    top: 16px;
    right: 24px;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    line-height: 10px; }

/* media - mobile */
@media (max-width: 1140px) {
  .header .box-profile,
  .header .box-modify {
    display: none; }
  .header nav {
    height: 48px; }
    .header nav.open {
      height: auto; }
      .header nav.open .area-lnb {
        height: auto; }
  .header .list-gnb {
    display: block;
    width: 100%;
    height: 48px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center; }
    .header .list-gnb li {
      display: inline-block;
      margin-right: 0; }
    .header .list-gnb .link-gnb {
      font-size: 14px;
      height: 48px;
      line-height: 52px; }
  .header .button-menu {
    display: block;
    width: 38px;
    padding: 0; }
  .header .area-lnb {
    display: block; }
    .header .area-lnb .box-lnb {
      width: 100%;
      border: 0 none; }
  .header .box-field {
    position: static; }
  .header .area-lnb-mobile {
    display: none; }
    .header .area-lnb-mobile .box-lnb-scroll-box {
      overflow-y: auto;
      height: calc(100% - 170px); }
    .header .area-lnb-mobile .list-lnb {
      height: auto; }
    .header .area-lnb-mobile .box-lnb:hover {
      background-color: transparent; }
    .header .area-lnb-mobile .button-menu-close {
      position: absolute;
      bottom: 84px;
      right: 20px;
      width: 30px;
      height: 30px;
      border: 0 none;
      background: url(../assets/images/icon-menu-close.svg) 50% 50% no-repeat;
      cursor: pointer; }
  .header .area-lnb-pc {
    display: none; }
  .header nav.open .area-lnb-mobile {
    height: 100%; }
    .header nav.open .area-lnb-mobile .area-lnb {
      height: 100%; }
  .header .box-menu-more {
    display: block;
    position: absolute;
    top: 64px;
    right: 0;
    width: 142px;
    height: 0;
    transition: all .2s ease-in-out;
    opacity: 0; }
    .header .box-menu-more .list-menu-more {
      padding: 8px 0;
      border: 1px solid #bdbdbd;
      background-color: #fff; }
    .header .box-menu-more .link-menu-more {
      display: block;
      padding: 11px 12px;
      line-height: 23px;
      color: rgba(0, 0, 0, 0.87);
      text-decoration: none;
      font-weight: 500; }
      .header .box-menu-more .link-menu-more:hover {
        background-color: #f3f6fd;
        color: #345bd9;
        text-decoration: none;
        transition: .2s ease-in-out; }
    .header .box-menu-more:after {
      content: '';
      position: absolute;
      top: -19px;
      right: 36px;
      border-top: 10px solid transparent;
      border-bottom: 10px solid #fff;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .header .box-menu-more.on {
      height: auto;
      z-index: 40;
      transition: all .2s ease-in-out;
      opacity: 1; } }

/* // header */
/* container */
#container {
  position: relative;
  z-index: 1; }

.main {
  width: 1140px;
  margin: 0 auto; }

.main-insnb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around; }
  .main-insnb .area-snb {
    width: 272px;
    height: 100%;
    margin-right: 108px;
    padding-bottom: 100px;
    border-right: 1px solid #e0e0e0; }
    .main-insnb .area-snb ul {
      margin: 0;
      padding: 0; }
      .main-insnb .area-snb ul li {
        list-style: none; }
    .main-insnb .area-snb .item-snb {
      margin-bottom: 4px; }
      .main-insnb .area-snb .item-snb.on .link-snb {
        background-color: #dfe5f9;
        font-weight: 600;
        color: #345bd9; }
        .main-insnb .area-snb .item-snb.on .link-snb:after {
          content: '';
          position: absolute;
          top: 15px;
          right: 12px;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 5px solid #345bd9;
          border-right: 5px solid transparent; }
      .main-insnb .area-snb .item-snb.close .link-snb:after {
        content: '';
        position: absolute;
        top: 17px;
        right: 17px;
        border-top: 5px solid #000;
        border-bottom: 5px solid transparent;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent; }
      .main-insnb .area-snb .item-snb.close .link-snb:hover:after {
        border-top-color: #345bd9; }
      .main-insnb .area-snb .item-snb.open .link-snb:after {
        content: '';
        position: absolute;
        bottom: 17px;
        right: 17px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid #000;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent; }
      .main-insnb .area-snb .item-snb.open .link-snb:hover:after {
        border-bottom-color: #345bd9; }
    .main-insnb .area-snb .link-snb {
      position: relative;
      display: block;
      padding: 7px 0 6px 16px;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.67;
      color: rgba(0, 0, 0, 0.87); }
      .main-insnb .area-snb .link-snb:hover {
        color: #345bd9;
        text-decoration: none; }
  .main-insnb .list-depth {
    margin: 21px 0 24px 0 !important; }
    .main-insnb .list-depth .item-depth.on .link-depth {
      color: #345bd9;
      font-weight: 600;
      text-decoration: underline; }
  .main-insnb .link-depth {
    display: block;
    margin-bottom: 6px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.64;
    color: rgba(0, 0, 0, 0.58); }
    .main-insnb .link-depth:hover {
      font-weight: 600;
      color: #345bd9; }
  .main-insnb .area-page {
    width: calc(100% - 380px); }
    .main-insnb .area-page .area-page__box-sub-title {
      padding-top: 68px; }
    .main-insnb .area-page .box-sub-title__text-title {
      font-size: 20px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87); }
    .main-insnb .area-page .box-sub-title__text-date {
      margin-left: 8px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.38); }

/* media - mobile */
@media (max-width: 1140px) {
  .main-insnb {
    display: block;
    width: 100%;
    overflow: auto; }
    .main-insnb .area-page {
      width: 760px;
      margin: 0 auto;
      padding: 0 24px; }
  .area-snb {
    display: none; } }

.footer {
  display: none;
  min-height: 100px;
  text-align: center; }

.inner-common {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto; }

.area-headline {
  width: 100%;
  margin-bottom: 54px;
  text-align: center; }
  .area-headline .title-sub {
    height: 180px;
    margin: 0;
    padding: 0;
    background: #fafafa;
    font-size: 40px;
    font-weight: 600;
    line-height: 180px; }
  .area-headline .box-path {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-end;
    -moz-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    margin: 16px 0 0 0;
    padding: 0; }
    .area-headline .box-path li {
      position: relative;
      margin-right: 22px;
      list-style: none; }
      .area-headline .box-path li:after {
        content: '';
        position: absolute;
        top: 0;
        right: -19px;
        width: 15px;
        height: 15px;
        background-image: url("../assets/images/icon-path.svg");
        background-size: 14px 14px;
        opacity: .7; }
      .area-headline .box-path li:last-child {
        margin-right: 0; }
        .area-headline .box-path li:last-child:after {
          position: relative; }
    .area-headline .box-path .link-path {
      color: rgba(0, 0, 0, 0.38); }
      .area-headline .box-path .link-path.on {
        color: rgba(0, 0, 0, 0.87); }

/* media - mobile */
@media (max-width: 1140px) {
  .area-headline {
    margin-bottom: 32px; }
    .area-headline .title-sub {
      height: 100px;
      font-size: 24px;
      line-height: 100px; }
    .area-headline .box-path {
      padding: 0 24px; } }

/* area-layer */
.wrap-layer {
  position: fixed;
  width: 100%;
  height: 100%; }

.popup-layer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 100; }

.popup-layer.open:before {
  background: rgba(0, 0, 0, 0.7);
  transition: .3s ease-in-out; }

.popup-layer.open .area-layer {
  opacity: 1;
  transition: .15s ease-in-out;
  transition-delay: .2s; }

.popup-layer .button-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  background: url("../assets/images/icon-close.svg") no-repeat center;
  border: none;
  opacity: 1;
  cursor: pointer; }
  .popup-layer .button-close:hover {
    opacity: .7; }

.popup-layer .area-layer {
  position: absolute;
  top: 118px;
  left: 50%;
  width: 938px;
  height: calc(100vh - 236px);
  margin: 0 0 0 -469px;
  padding: 40px;
  background: #fff;
  overflow: auto;
  opacity: 0;
  z-index: 101; }
  .popup-layer .area-layer .box-change {
    overflow: hidden; }
  .popup-layer .area-layer .date {
    float: left;
    width: 60px;
    height: 38px;
    margin: 7px 24px 0 0;
    border: 1px solid #345bd9;
    line-height: 38px;
    color: #345bd9;
    text-align: center;
    cursor: pointer; }
  .popup-layer .area-layer .title-layer {
    display: block;
    margin-right: 16px;
    margin-bottom: 42px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5; }

.popup-layer .talbe-layer--hover tbody tr:hover {
  background: #f3f6fd;
  transition: .1s ease-in-out; }

.popup-layer .layer-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: -12px; }
  .popup-layer .layer-header .icon-weather {
    margin: 4px 0 0 0; }

.popup-layer .box-paging {
  float: left;
  margin: 12px 24px 0 0;
  font-size: 0; }
  .popup-layer .box-paging .link-arrow {
    display: inline-block;
    width: 24px;
    height: 24px; }
    .popup-layer .box-paging .link-arrow:hover, .popup-layer .box-paging .link-arrow.nomore {
      opacity: .5; }

.popup-layer .board-common {
  padding-bottom: 20px; }

/* media - mobile */
@media (max-width: 1140px) {
  .popup-layer {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    overflow: auto;
    overflow-y: hidden;
    z-index: 40; }
    .popup-layer:before {
      position: relative; }
    .popup-layer .area-layer {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      min-width: 800px;
      height: 100vh;
      margin: 0; } }

.box-modify {
  position: relative;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start; }
  .box-modify .text-date {
    position: absolute;
    right: 0;
    margin: 0;
    line-height: 2.71;
    color: rgba(0, 0, 0, 0.38); }

.box-file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 12px;
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0; }
  .box-file a {
    display: block;
    width: 60px;
    height: 76px;
    margin-right: 24px; }
  .box-file .down-file {
    background: url("../assets/images/icon-down-file.svg") no-repeat center; }
  .box-file .down-pdf {
    background: url("../assets/images/icon-down-pdf.svg") no-repeat center; }

/* mypage */
.title-mypage {
  margin-bottom: 42px; }
  .title-mypage h2 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4; }
  .title-mypage p {
    margin: 0;
    font-size: 14px;
    line-height: 1.71;
    color: rgba(0, 0, 0, 0.54); }

.area-sign .thumbnail-sign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 168px;
  margin-bottom: 12px;
  border: 1px solid #e0e0e0;
  overflow: hidden; }
  .area-sign .thumbnail-sign img {
    max-width: 298px;
    max-height: 166px; }

.area-sign p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.58); }

.area-sign .box-insert p {
  display: none; }

.area-sign-modify {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%; }
  .area-sign-modify .input-modify {
    margin-bottom: 12px; }
  .area-sign-modify .box-insert {
    width: calc(100% - 300px);
    height: 168px;
    padding-top: 44px;
    padding-left: 12px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0; }
    .area-sign-modify .box-insert p {
      display: block; }

.title-level-01,
.title-level-02,
.title-level-03,
.title-level-04,
.title-level-05 {
  margin: 0 0 32px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4; }
  .title-level-01 .thumbnail,
  .title-level-02 .thumbnail,
  .title-level-03 .thumbnail,
  .title-level-04 .thumbnail,
  .title-level-05 .thumbnail {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    background-size: cover;
    background-position: 50% 50%;
    vertical-align: -9px; }

.title-level-01 .thumbnail {
   /* background-image: url("../assets/images/thumb-level-01.png"); */
   background-image: url('../assets/images/thumb_user_level1.jpg');
}

.title-level-02 .thumbnail {
  /* background-image: url("../assets/images/thumb-level-02.png"); */
  background-image: url('../assets/images/thumb_user_level2.jpg');
}

.title-level-03 .thumbnail {
  /* background-image: url("../assets/images/thumb-level-03.png"); */
  background-image: url('../assets/images/thumb_user_level3.jpg');
}

.title-level-04 .thumbnail {
  /* background-image: url("../assets/images/thumb-level-04.png"); */
  background-image: url('../assets/images/thumb_user_level4.jpg');
}

.title-level-05 .thumbnail {
  /* background-image: url("../assets/images/thumb-level-04.png"); */
  background-image: url('../assets/images/thumb_user_level5.jpg');
}

.box-print {
  margin-bottom: 40px;
  text-align: right; }
  .box-print button {
    background: none;
    border: none; }

/* 자산 */
.area-control .board-common {
  margin-bottom: 80px; }

.title-control-type01,
.title-control-type02,
.title-control-type03 {
  width: 100%;
  margin: 0 0 40px 0;
  background-image: url("../assets/images/bu-arrow-up.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right center;
  border: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left; }
  .title-control-type01 .thumbnail,
  .title-control-type02 .thumbnail,
  .title-control-type03 .thumbnail {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    background-size: cover;
    background-position: 50% 50%;
    vertical-align: -9px; }
  .title-control-type01.open,
  .title-control-type02.open,
  .title-control-type03.open {
    background-image: url("../assets/images/bu-arrow-down.png"); }

.title-control-type01 .thumbnail {
  background-image: url("../assets/images/thumb-control-01.png"); }

.title-control-type02 .thumbnail {
  background-image: url("../assets/images/thumb-control-02.png"); }

.title-control-type03 .thumbnail {
  background-image: url("../assets/images/thumb-control-03.png"); }

/* // 자산 */
/* 알럿 팝업 */
.alert-layer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 300; }

.alert-layer.open:before {
  background: rgba(0, 0, 0, 0.5);
  transition: .3s ease-in-out; }

.alert-layer.open .area-layer {
  opacity: 1;
  transition: .15s ease-in-out;
  transition-delay: .2s; }

.alert-layer .area-layer {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 368px;
  margin: -100px 0 0 -189px;
  padding: 32px 32px 16px 32px;
  background: #fff;
  overflow: auto;
  opacity: 0;
  z-index: 301; }
  .alert-layer .area-layer .text-alert {
    display: block;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67; }
  .alert-layer .area-layer .box-button {
    text-align: right; }

.layer-browser {
  display: none; }
  .layer-browser:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 300; }
  .layer-browser.open {
    display: block; }
    .layer-browser.open .area-layer {
      opacity: 1; }
    .layer-browser.open .dimmed {
      display: block; }
  .layer-browser .area-layer {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 740px;
    margin: -170px 0 0 -370px;
    background: #fff;
    overflow: auto;
    opacity: 0;
    z-index: 301; }
    .layer-browser .area-layer .area-layer__title-box {
      height: 100px;
      background-color: #345bd9; }
    .layer-browser .area-layer .area-layer__title {
      font-size: 28px;
      margin: 0;
      padding-left: 40px;
      padding-top: 36px;
      color: #fff;
      font-weight: 500; }
    .layer-browser .area-layer .area-layer__button-close {
      position: absolute;
      top: 16px;
      right: 22px;
      width: 36px;
      height: 36px;
      font-size: 28px;
      border: 0;
      background-color: transparent;
      cursor: pointer; }
      .layer-browser .area-layer .area-layer__button-close i {
        color: #fff;
        filter: alpha(opacity=60);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
        opacity: 0.6;
        vertical-align: middle; }
    .layer-browser .area-layer .area-layer__content-box {
      padding: 60px 40px 60px; }
    .layer-browser .area-layer .area-layer__text {
      margin: 0;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.6;
      word-break: keep-all; }
      .layer-browser .area-layer .area-layer__text .em {
        color: #1fbbee; }
    .layer-browser .area-layer .area-layer__botton-box {
      padding-top: 60px; }
      .layer-browser .area-layer .area-layer__botton-box .button-common {
        margin: 0;
        font-size: 15px;
        line-height: 1.2; }
    .layer-browser .area-layer .button--float-right {
      float: right; }

.dimmed {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  filter: alpha(opacity=50);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  opacity: 0.5;
  z-index: 100; }

.container-page {
  margin-top: 64px;
  padding: 0 0 124px 0; }

.container-page--no-nav {
  margin-top: 0; }

/* media - mobile */
@media (max-width: 1140px) {
  .container-page {
    margin-top: 50px; }
  .layer-browser .area-layer {
    width: 364px;
    margin: -100px 0 0 -182px; }
    .layer-browser .area-layer .area-layer__title-box {
      height: 50px;
      background-color: #345bd9; }
    .layer-browser .area-layer .area-layer__title {
      font-size: 16px;
      margin: 0;
      padding-left: 20px;
      padding-top: 18px;
      color: #fff;
      font-weight: 500; }
    .layer-browser .area-layer .area-layer__button-close {
      position: absolute;
      top: 8px;
      right: 11px;
      width: 18px;
      height: 18px;
      padding: 0;
      font-size: 18px;
      border: 0;
      background-color: transparent;
      color: rgba(255, 255, 255, 0.6); }
      .layer-browser .area-layer .area-layer__button-close i {
        vertical-align: middle; }
    .layer-browser .area-layer .area-layer__content-box {
      padding: 30px 20px 30px; }
    .layer-browser .area-layer .area-layer__text {
      margin: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.6;
      word-break: keep-all; }
      .layer-browser .area-layer .area-layer__text .em {
        color: #1fbbee; }
    .layer-browser .area-layer .area-layer__botton-box {
      padding-top: 30px; }
      .layer-browser .area-layer .area-layer__botton-box .button-common {
        margin: 0;
        font-size: 14px;
        line-height: 1.2; }
    .layer-browser .area-layer .button--float-right {
      float: right; } }

.box-select {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }
  .box-select .title-select {
    display: block;
    margin-right: 16px; }
  .box-select .form-common {
    margin-right: 8px; }
    .box-select .form-common:last-child {
      margin-right: 0; }

.box-select-floorplan {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f3f6fd;
  margin-bottom: 16px;
  padding: 16px 0; }

.board-type01 .box-modify {
  position: relative;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start; }
  .board-type01 .box-modify .text-date {
    position: absolute;
    right: 0;
    margin: 0;
    line-height: 2.71;
    color: rgba(0, 0, 0, 0.38); }

.board-type01 .box-file {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 12px;
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0; }
  .board-type01 .box-file a {
    display: block;
    width: 60px;
    height: 76px;
    margin-right: 24px; }

/* 보고서 */
.title-report {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600; }

.box-report-weather {
  margin-bottom: 24px;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0; }
  .box-report-weather strong {
    display: block;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0; }

.box-chart {
  margin-top: 48px; }

.body-home {
  background-color: #f9f9f9; }

.container-home {
  padding: 62px 0 124px 0; }

.main-home .area-state {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  margin-bottom: 16px; }
  .main-home .area-state p {
    margin: 0; }
  .main-home .area-state .text-state {
    font-size: 16px;
    line-height: 1.63; }
  .main-home .area-state .text-log {
    font-size: 14px;
    line-height: 1.86; }

.list-home {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -6px;
  padding: 0; }
  .list-home .item-home {
    width: 25%;
    margin-bottom: 32px;
    list-style: none; }
    .list-home .item-home:hover .link-home {
      margin-top: -16px;
      text-decoration: none;
      transition: .1s ease-in-out;
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.1); }
      .list-home .item-home:hover .link-home .bullet-arrow {
        background: #345bd9;
        border: none;
        transition: .1s ease-in-out; }
        .list-home .item-home:hover .link-home .bullet-arrow svg path {
          fill: #fff; }
  .list-home .link-home {
    position: relative;
    display: block;
    height: 403px;
    margin: 0 6px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .list-home .thumbnail {
    display: block;
    width: 100%;
    padding-top: 71%;
    background-size: cover; }
  .list-home .article-content {
    padding: 24px; }
  .list-home .new {
    position: absolute;
    bottom: 182px;
    left: 25px;
    font-size: 10px;
    font-weight: 700;
    color: #345bd9; }
  .list-home .title {
    display: block;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.87);
    max-height: 56px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.36;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .list-home .address {
    display: block;
    font-size: 13px;
    line-height: 1.54;
    color: rgba(0, 0, 0, 0.58); }
    .list-home .address span {
      display: block; }
  .list-home .bullet-arrow {
    position: absolute;
    bottom: 24px;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #e2e2e2;
    border-radius: 32px;
    text-align: center;
    line-height: 38px; }

.body-index {
  background-color: #f9f9f9; }

.container-index {
  margin-top: 64px;
  padding: 370px 0 124px 0;
  background: #f9f9f9; }

.main-index ul {
  margin: 0;
  padding: 0; }
  .main-index ul li {
    list-style: none; }

.main-index .area-title {
  display: table;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 370px;
  margin-left: -50vw;
  overflow: hidden; }
  .main-index .area-title .box-name {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    z-index: 21;
    color: #fff;
    text-align: center; }
    .main-index .area-title .box-name .title {
      padding: 0 20px;
      margin-bottom: 16px;
      font-size: 52px;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.87); }
    .main-index .area-title .box-name .text-today {
      margin: 0;
      font-size: 22px;
      line-height: 1.36;
      color: rgba(255, 255, 255, 0.87); }
  .main-index .area-title .bg-index {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 370px;
    background-size: cover;
    background-position: 50% 50%;
    filter: blur(2px); }
    .main-index .area-title .bg-index:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: #000;
      opacity: .4; }
  .main-index .area-title .link-image-change {
    position: absolute;
    bottom: 7px;
    right: 22px;
    width: 40px;
    height: 40px;
    background: url(./images/icon-change.svg) 50% 50% no-repeat;
    z-index: 31; }

.main-index .area-alarm {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 72px;
  margin: -36px 0 40px 0;
  padding: 0 32px;
  background: #345bd9;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  z-index: 22; }
  .main-index .area-alarm .title-alarm {
    font-size: 15px;
    font-weight: 500; }
    .main-index .area-alarm .title-alarm .icon-speaker {
      vertical-align: -3px; }
    .main-index .area-alarm .title-alarm .icon-text {
      padding-left: 14px;
      vertical-align: middle; }

.main-index .box-alarm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .main-index .box-alarm .text-notice {
    margin: 0 0 0 40px; }
    .main-index .box-alarm .text-notice strong {
      font-weight: 400; }
    .main-index .box-alarm .text-notice span {
      padding-left: 4px;
      font-weight: 500; }

.main-index .area-index {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .main-index .area-index > div:last-child {
    margin-right: 0; }
  .main-index .area-index .box-notice,
  .main-index .area-index .box-inquire,
  .main-index .area-index .box-unsettled {
    width: 25%;
    height: 100%;
    margin-right: 12px;
    padding: 18px 24px 16px 24px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .main-index .area-index .box-notice, .main-index .area-index .box-inquire {
    position: relative; }
  .main-index .area-index .title-index {
    margin-top: 8px;
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.64;
    color: rgba(0, 0, 0, 0.58); }
  .main-index .area-index .link-more {
    position: absolute;
    top: 17px;
    right: 11px;
    width: 40px;
    height: 40px;
    background: url(./images/icon-more.svg) 50% 50% no-repeat; }
  .main-index .area-index .list-index li {
    margin-bottom: 8px; }
    .main-index .area-index .list-index li:last-child a {
      border-bottom: none; }
      .main-index .area-index .list-index li:last-child a:hover {
        border: none; }
  .main-index .area-index .list-index .link-index {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.87); }
    .main-index .area-index .list-index .link-index .title {
      display: block;
      margin-bottom: 4px;
      font-size: 15px;
      line-height: 1.67;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .main-index .area-index .list-index .link-index .date {
      display: block;
      margin-bottom: 8px;
      font-size: 13px;
      line-height: 1.54;
      color: rgba(4, 0, 0, 0.38); }
    .main-index .area-index .list-index .link-index:hover {
      border-bottom: 1px solid #345bd9;
      color: #345bd9;
      text-decoration: none; }
      .main-index .area-index .list-index .link-index:hover .date {
        color: #345bd9; }
  .main-index .area-index .list-index .text--no-data {
    margin: 20px 0;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.38); }
  .main-index .area-index .box-unsettled .link-unsettled {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: justify;
    -ms-flex-pack: justify;
    justify-content: justify;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87); }
    .main-index .area-index .box-unsettled .link-unsettled span {
      font-weight: 600;
      color: #d82f29; }
    .main-index .area-index .box-unsettled .link-unsettled:hover {
      border-bottom: 1px solid #345bd9;
      color: #345bd9;
      text-decoration: none; }
      .main-index .area-index .box-unsettled .link-unsettled:hover span {
        color: #345bd9; }
    .main-index .area-index .box-unsettled .link-unsettled:last-child {
      border-bottom: none; }
  .main-index .area-index .box-phone {
    width: 25%;
    margin-right: 0; }
  .main-index .area-index .list-phone .item-phone {
    width: 100%;
    margin-bottom: 8px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
    .main-index .area-index .list-phone .item-phone strong {
      display: block;
      margin-bottom: 8px;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.54;
      color: rgba(0, 0, 0, 0.58); }
    .main-index .area-index .list-phone .item-phone p {
      margin: 0;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.67; }

/* media - mobile */
@media (max-width: 1140px) {
  .container-index {
    margin-top: 48px;
    padding-top: 286px;
    padding-bottom: 62px; }
  .main-index {
    width: auto; }
    .main-index .area-title {
      height: 280px; }
      .main-index .area-title .bg-index {
        height: 280px; }
      .main-index .area-title .box-name {
        padding: 0 32px; }
        .main-index .area-title .box-name .title {
          padding: 0;
          font-size: 28px; }
        .main-index .area-title .box-name .text-today {
          display: none; }
      .main-index .area-title .link-image-change {
        display: none; }
    .main-index .area-alarm {
      width: auto;
      height: 56px;
      margin-left: 12px;
      margin-right: 12px;
      margin-bottom: 24px;
      padding: 0 16px; }
      .main-index .area-alarm .title-alarm {
        display: none; }
      .main-index .area-alarm .text-notice {
        margin: 0; }
    .main-index .box-alarm {
      width: 100%;
      /* space-between 이 IE11+ 이어서 IE10 에서 적용 시키기 위해 justify 를 먼저 적용 후 space-between 적용 */
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -webkit-justify-content: justify;
      -ms-flex-pack: justify;
      justify-content: justify;
      -webkit-box-pack: space-between;
      -moz-box-pack: space-between;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between; }
    .main-index .area-index {
      display: block;
      width: 100%; }
      .main-index .area-index > div:last-child {
        margin-right: auto; }
      .main-index .area-index .box-notice,
      .main-index .area-index .box-inquire,
      .main-index .area-index .box-unsettled {
        width: calc(100% - 24px);
        margin: 0 auto 12px auto; }
      .main-index .area-index .box-phone {
        width: calc(100% - 24px);
        margin: 0 auto 12px auto; } }

/* 크롬에서 인풋영역 자동완성 시 background-color 적용되는 현상 수정 */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  background-color: transparent; }

.text-align-left {
  text-align: left !important; }

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

.text-align-right {
  text-align: right !important; }

/* jquery validation error 표시, label 로 표시 될 때 */
input.valid-error {
  border-color: #d82f29; }

label.valid-error {
  display: inline-block;
  margin-top: 15px;
  color: #d82f29; }

.popup-type-wide .area-layer {
  width: 1406px;
  margin-left: -703px; }

.popup-report-check .date {
  float: left; }

.popup-report-check .box-paging {
  float: left; }

.popup-report-check .table-scroll-box {
  overflow: auto;
  padding-bottom: 40px;
  margin-bottom: 30px; }

.popup-report-check .table-layer tbody td, .popup-report-check .table-layer tbody th {
  padding: 11px 0 8px 12px;
  font-weight: 500;
  text-align: left;
  vertical-align: top; }

.popup-report-check .table-layer tbody tr:first-child .layer-data {
  top: 39px;
  bottom: auto; }

.popup-report-check .table-layer td {
  position: relative;
  background-clip: padding-box; }
  .popup-report-check .table-layer td.on {
    background-color: #fff; }
    .popup-report-check .table-layer td.on .layer-data {
      display: block; }

.popup-report-check .table-layer th.odd {
  background-color: #f5f5f5; }

.popup-report-check .table-layer th.color-holiday {
  color: #d82f29;
  background-color: #fae6e5; }

.popup-report-check .table-layer th.hover {
  background-color: #e4e9f3; }

.popup-report-check .table-layer .odd {
  background-color: #f5f5f5; }

.popup-report-check .table-layer .color-holiday {
  background-color: #fae6e5; }

.popup-report-check .table-layer .hover {
  background-color: #e4e9f3; }

.popup-report-check .table-layer .icon-box {
  position: relative; }

.popup-report-check .table-layer .layer-data {
  display: none;
  position: absolute;
  bottom: -121px;
  left: 0;
  width: 39px;
  height: auto;
  border-collapse: separate;
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: 0px 7px 16px -1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 7px 16px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 7px 16px -1px rgba(0, 0, 0, 0.6); }
  .popup-report-check .table-layer .layer-data .button-data {
    position: relative;
    width: 39px;
    height: 40px;
    vertical-align: top; }
    .popup-report-check .table-layer .layer-data .button-data:hover {
      background-color: transparent; }
  .popup-report-check .table-layer .layer-data .color-holiday:hover {
    background-color: #fae6e5; }
  .popup-report-check .table-layer .layer-data.layer-data-block3 {
    height: 120px;
    bottom: -121px; }

.popup-report-check .table-layer .table-textarea {
  text-align: left; }

.popup-report-check .table-layer .textarea-modify {
  width: calc(100% + 12px);
  height: 120px;
  margin-top: -11px; }

.popup-report-check .table-layer .table-input {
  padding: 11px 0 8px 12px;
  text-align: left;
  vertical-align: middle;
  cursor: default; }
  .popup-report-check .table-layer .table-input .input-modify {
    width: calc(100% + 12px);
    margin-top: -11px;
    margin-left: -12px;
    margin-right: 0; }

.popup-report-check .table-calendar-type tbody td {
  padding: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }

.popup-report-check .table-calendar-type .table-textarea {
  padding: 11px 0 8px 12px;
  vertical-align: top;
  cursor: default; }

.popup-report-check .table-calendar-type .textarea-modify {
  margin-top: -11px; }

.popup-report-check .table-calendar-type .table-calendar-text {
  padding: 11px 0 8px 12px;
  text-align: left;
  vertical-align: top;
  cursor: default; }

.popup-report-check .table-month-check tbody td, .popup-report-check .table-month-check tbody th {
  padding: 11px 0 8px 12px;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  cursor: default; }

.popup-report-check .box-modify .more-info {
  position: absolute;
  right: 0;
  margin: 0;
  line-height: 2.71;
  color: rgba(0, 0, 0, 0.38); }
  .popup-report-check .box-modify .more-info .more-info-box {
    display: inline-block;
    margin-left: 5px; }
  .popup-report-check .box-modify .more-info .icon {
    position: static;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    vertical-align: text-top; }
  .popup-report-check .box-modify .more-info .icon-holiday {
    width: 18px;
    height: 18px;
    background-color: #fae6e5; }

.popup-report-check .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 16px;
  margin-top: -8px;
  margin-left: -9px;
  font-size: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.popup-report-check .icon-okey {
  background-image: url("../assets/images/icon-okey.svg"); }

.popup-report-check .icon-triangle {
  background-image: url("../assets/images/icon-triangle.svg"); }

.popup-report-check .icon-danger {
  background-image: url("../assets/images/icon-danger.svg"); }

.popup-report-check .bu-arrow-down {
  width: 0px;
  height: 0px;
  margin-top: -4px;
  margin-left: -6px;
  border-top: 8px solid #000;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; }

.popup-layer .title-layer {
  margin-top: 0; }

.popup-layer .table-layer {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-left: 0 none;
  border-right: 0 none;
  table-layout: fixed;
  border-collapse: collapse; }
  .popup-layer .table-layer caption {
    padding: 0; }
  .popup-layer .table-layer tr {
    height: 39px; }
  .popup-layer .table-layer th {
    border: 1px solid #e0e0e0; }
    .popup-layer .table-layer th:first-child {
      border-left: 0 none; }
  .popup-layer .table-layer td {
    border: 1px solid #e0e0e0;
    text-align: center; }
    .popup-layer .table-layer td:last-child {
      border-right: 0 none; }
  .popup-layer .table-layer .title {
    padding: 11px 0 9px 12px;
    font-size: 14px;
    color: #000;
    text-align: left;
    vertical-align: top; }
  .popup-layer .table-layer thead th {
    border-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: rgba(0, 0, 0, 0.38); }
    .popup-layer .table-layer thead th:last-child {
      border-right: 0 none; }
  .popup-layer .table-layer thead .title {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.38); }

/* lnb 영역 iscroll 적용 스타일 */
.box-lnb-scroll-box {
  position: relative;
  height: calc(100% - 40px); }

/* iscroll 스타일 */
.iscroll-wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden; }
  .iscroll-wrapper .iScrollIndicator {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important; }

.iscroll-scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }
  .iscroll-scroller > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left; }

nav.sticky {
  position: fixed;
  top: 0;
  left: 0; }

@media (max-width: 1422px) {
  .popup-type-wide .area-layer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0; } }

/* media - mobile */
@media (max-width: 1140px) {
  .popup-type-wide .area-layer {
    overflow-x: hidden;
    padding-bottom: 80px;
    min-width: 320px; }
  .popup-type-wide .table-scroll-box {
    height: 300px; }
  .popup-type-wide .board-common .box-modify {
    display: block; }
    .popup-type-wide .board-common .box-modify .more-info {
      position: static; } }

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