@charset "utf-8";
@import url("../base.css");

/*
 * common.css
 * 수정을 하고자 할경우 content.css 또는 main.css에서 따로 수정한다.
 *
 * 1) 기타설정
 * 2) margin padding
 * 3) 정렬
 * 4) button
 * 5) Form Control
 * 6) table - 수정 20250428
 * 7) layer pop
 * 8) 개인정보처리방침 등
 * 9) tooltip
 * 10) accordion
 * 11) 에디터상쇄
 *
 */

/* 1) 기타설정 */
/* ie update */
#update {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  background: #1a1b1d;
  text-align: center;
  font-weight: 300;
  color: #f9ed89;
}
#update a {
  display: inline-block;
  margin-left: 10rem;
  color: #ff7f7f;
}
/* skip navigation */
#skip_menu {
  height: 0px;
  z-index: 9999;
  text-align: center;
}
#skip_menu a {
  display: block;
  position: absolute;
  top: -35rem;
  left: 0px;
  z-index: 9999;
  height: 33rem;
  line-height: 31rem;
  box-sizing: border-box;
  padding: 0 10rem;
  background: #fcfcfc;
  border: 2rem solid #262626;
  border-top-width: 0;
  color: #555;
  font-size: 14rem;
}
#skip_menu a:hover,
#skip_menu a:focus,
#skip_menu a:active {
  top: 0px;
}
/* 필수입력 */
.marking {
  display: inline-block;
  position: relative;
  width: 10rem;
  margin: 3rem 5rem 0;
  line-height: 1em;
  vertical-align: middle;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.marking:before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16rem;
  color: #d5282c;
  text-indent: 0;
}
/* text color */
.txt_point01 {
  color: #1637a2 !important;
}
.txt_point02 {
  color: #d04343 !important;
}
.txt_point03 {
  color: #429846 !important;
}
/* loading */
.area_loding {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.area_loding .img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 91;
  width: 150rem;
  height: 150rem;
  transform: translate(-50%, -50%);
}

/* 2) margin padding */
/* margin */
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
/* padding */
.pt0 {
  padding-top: 0px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}

/* 3) 정렬 */
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}

/* 4) button */
.btn_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin-top: 40rem;
  padding-bottom: 30rem;
}
.btn_area.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn_area.right {
  justify-content: flex-end;
}
.btn_area.left {
  justify-content: flex-start;
}
.button {
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  margin: 2rem;
  padding: 5rem 20rem;
  background: #222;
  border: 1rem solid #222;
  color: var(--color-white);
  font-weight: normal;
  transition: 0.3s ease 0s;
}
.button span {
  position: relative;
  z-index: 2;
  color: var(--color-white);
}
.button.red {
  background: #e23343;
  border-color: #e23343;
}
.button.blue {
  background: #1637a2;
  border-color: #1637a2;
}
.button.black {
  background: var(--color-black, #000);
  border-color: var(--color-black, #000);
}
.button.gray {
  background: #92999e;
  border-color: #92999e;
}
.button.white {
  background: var(--color-white, var(--color-white, #fff));
  border-color: #cdcdcd;
  color: var(--color-base, #333);
}
.button.white span {
  color: var(--color-base, #333);
}
/* button-size */
.button {
  min-width: 100rem;
  min-height: 40rem;
}
.button.lg {
  min-width: 140rem;
  min-height: 50rem;
  font-size: 18rem;
  letter-spacing: -1rem;
}
.button.sm {
  min-width: 60rem;
  min-height: 23rem;
  padding: 0 10rem;
  font-size: 12rem;
  font-weight: 500;
}
table .button {
  height: 33rem;
}
/* button hover */
.button:hover,
.button:focus {
  box-shadow: 0px 10rem 15rem rgba(0, 0, 0, 0.15);
}
/* input-button & label-button */
input.button:hover,
input.button:focus {
}
label.button {
  margin-right: 0px !important;
  cursor: pointer;
}
.in label.button:before {
  transform: translateX(-10%) skew(-15deg) perspective(500px);
}
.in label.button {
  color: #222 !important;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
}
/* white-button */
.button.white:before {
  background: var(--color-black, var(--color-black, #000));
}
.button.white:hover,
.button.white:focus {
  border-color: var(--color-black, #000);
  color: var(--color-white, #fff) !important;
}
input.button:before {
  display: none;
}
input.button.white:hover,
input.button.white:focus {
  color: #222 !important;
}

/* 5) Form Control */
input,
select,
textarea,
label {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  vertical-align: middle;
  font-size: var(--font-base, 14rem);
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="number"],
textarea {
  /* height: 40rem; */
  padding: 16px 20px;
  margin: 2rem 0px;
  border: 1rem solid #ddd;
  background: var(--color-white, var(--color-white, #fff));
  vertical-align: middle;
}
textarea {
  resize: none;
}
select {
  /* height: 40rem; */
  padding: 16px 20px;
  margin: 2rem 0px;
  border: 1rem solid #ddd;
  background: var(--color-white, #fff);
  vertical-align: middle;
}
select::-ms-expand {
  background-color: transparent;
  border: 0;
}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea {
  -webkit-border-radius: 1rem;
  -webkit-appearance: none;
}
select {
  padding-right: 20rem;
  background: var(--color-white, #fff) url(../../images/board/select_arrow.svg)
    no-repeat calc(100% - 7rem) 50%;
  background-size: 7rem 7rem;
}
body.ie select {
  padding-right: 10rem;
}
input[type="file"] {
  background: #eee;
  font-size: 14rem;
}
input[readonly],
input[disabled] {
  background: #f5f5f5;
}
input[disabled] {
  color: #c5c5c5;
}
input[type="checkbox"],
input[type="radio"] {
  width: 13rem;
  height: 13rem;
  margin: 2rem 3rem 1rem 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  margin-right: 20rem;
}
table {
  width: 100%;
}
/* form width */
.input50 {
  width: 50rem !important;
}
.input70 {
  width: 70rem !important;
}
.input100 {
  width: 100rem !important;
}
.input200 {
  width: 200rem !important;
}
.input300 {
  width: 300rem !important;
}
.input400 {
  width: 400rem !important;
}
.inputFull {
  width: 100% !important;
}

/* 6) table */
table.table {
  margin-top: 15rem;
  border-top: 2rem solid #111;
}
table.table thead th {
  background: #f5f7fe;
  border: 1rem solid #dfe3f3;
}
table.table thead tr:last-child th {
  border-bottom-width: 0;
}
table.table thead:has(th[rowspan]) tr th {
  border-bottom-width: 1rem;
}
table.table tbody th {
  background: #f5f5f5;
  border: 1rem solid #e0e0e0;
  border-right-color: #f5f5f5;
}
table.table thead + tbody th {
  background: transparent;
  border-right-color: #e0e0e0;
}
table.table th,
table.table td {
  padding: 9rem 10rem;
  word-break: keep-all;
}
table.table th {
  text-align: center;
  font-weight: 600;
  color: #222;
}
table.table thead + tbody tr td {
  text-align: center;
}
table.table tbody td {
  border: 1rem solid #e0e0e0;
  text-align: left;
}
table.table thead tr th:last-child,
table.table tbody tr td:last-child {
  border-right-width: 0px;
}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child {
  border-left-width: 0px;
}
/* table text align */
table.table.tal td,
table.table .tal {
  text-align: left !important;
}
table.table.tar td,
table.table .tar {
  text-align: right !important;
}
table.table .tac {
  text-align: center !important;
}
table.table .list {
  margin-top: 0px;
}
table.table td input[type="text"],
table.table td select,
table.table td textarea {
  width: 100%;
}
/* table button form */
table.table .button {
  min-width: 60rem;
}
table.table.form td {
  height: 38rem;
  padding: 5rem 10rem;
  text-align: left;
}
/* table link hover */
table.table td a[class*="link_"] {
  color: #3653a9;
  transition: 0.2s ease;
}
table.table td a[class*="link_"]:hover {
  box-shadow: 0 1rem 0px #265096;
}
table.table.hover tbody tr:hover th,
table.table.hover tbody tr:hover td {
  background: #f7f7ee !important;
}
/* table bgcolor */
table.table.blue tbody th {
  background: #edf0fb;
}
table.table.gray thead th {
  background: #f5f5f5;
  border-color: #dcdcdc;
}
/* table img */
table.table img {
  max-width: 100%;
}
table.table div.conts {
  min-height: 300rem;
}
table.table div.conts img {
  max-width: 100%;
}
/* table total */
table.table .total td,
table.table td.total {
  font-weight: 600;
  color: #222;
}
/* table scroll mobile */
#content .scrollTable {
  width: 100%;
}
#content .mob_info {
  display: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10rem;
  padding: 7rem 7rem 7rem 35rem;
  background: var(--color-white);
  border: 1rem dashed #cfcfcf;
  font-size: 14rem;
}
#content .mob_info:before {
  content: "";
  display: block;
  position: absolute;
  top: 7rem;
  left: 7rem;
  width: 20rem;
  height: 22rem;
  background: url(../../images/board/img_drag.png) no-repeat 50% 0;
  background-size: 100%;
}

/* 7) layer pop */
/* layer popup - 이미지만 노출하는 항목 ex)인증서  */
.area_popLayer.img .popBox {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 617rem !important;
  height: 839rem;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
}
.area_popLayer.img .popBox .scrollbar-inner {
  overflow: inherit;
  height: auto;
  padding: 0px;
}
.area_popLayer.img .popBox .btn_close {
  top: 0;
  right: -70rem;
}
.area_popLayer.img.patent img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.box_view_img .img {
  display: block;
}
.box_view_img .img img {
  width: 100%;
}
/* layer popup - btn control */
[data-pop-layer="layer"] {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
[data-pop-layer="layer"] .popBox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--popWid, 400rem);
  min-height: var(--popHig, 600rem);
  box-sizing: border-box;
  background: var(--color-white, #fff);
  box-shadow: 3px 15px 30px rgba(0, 0, 0, 0.15);
  line-height: 1.4;
  transform: translate(-50%, -50%);
}
[data-pop-layer="layer"] .popBox .popTitle {
  display: flex;
  align-items: center;
  min-height: var(--titleHig);
  box-sizing: border-box;
  padding: 5rem 20rem;
  font-size: 25rem;
  font-weight: 600;
}
[data-pop-layer="layer"] .popBox .btn_close {
  position: absolute;
  top: 0px;
  right: -70rem;
  width: 70rem;
  height: 68rem;
  line-height: 68rem;
  background: var(--point-color, #111);
  box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.15);
}
[data-pop-layer="layer"] .popBox .btn_close span {
  display: inline-block;
  position: relative;
  width: 18rem;
  height: 18rem;
  margin: -4rem auto 0;
  vertical-align: middle;
  background: url(../../images/module/btn_close.png) no-repeat 50% 0;
  background-size: 18rem 18rem;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
[data-pop-layer="layer"] .popBox .btn_close:focus {
  outline: none;
}
[data-pop-layer="layer"] .popBox .popConts {
  overflow-y: auto;
  max-height: calc(var(--popHig) - var(--titleHig));
  box-sizing: border-box;
  padding: 20rem 20rem 40rem;
}
/* layer popup - size  */
[data-pop-layer="layer"] .popBox {
  --popWid: 400rem;
  --popHig: 600rem;
  --titleHig: 67rem;
}
/* layer popup img only */
.area_popLayer--img .popBox {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 617rem !important;
  height: 839rem;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
}
.area_popLayer--img .popBox .scrollbar-inner {
  overflow: inherit;
  height: auto;
  padding: 0;
}
.area_popLayer--img .popBox .btn_close {
  top: 0;
  right: -70rem;
}
.area_popLayer--img.patent img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.box_view_img .img {
  display: block;
}
.box_view_img .img img {
  width: 100%;
}
/* layer popup - basic */
.layerPop {
  position: absolute;
  z-index: 90;
  overflow: hidden;
  border: 1rem solid #353535;
  border-radius: 14rem;
  z-index: 10;
}
.layerPop a {
  display: block;
}
.layerPop img {
  max-width: 100%;
}
.layerPop .btn {
  display: flex;
  justify-content: space-between;
  padding: 13rem 10rem;
  background: #353535;
  text-align: left;
}
.layerPop .btn button {
  display: inline-block;
  margin-left: 15rem;
  background: none;
  color: #fff;
  font-size: 13rem;
}
.layerPop .btn button:last-child {
  float: right;
  margin: 0 12rem 0 0;
}

/* 8) 개인정보처리방침 등 */
.area_guide {
  font-size: 15rem;
  color: var(--color-gray6);
  font-weight: 400;
}
.area_guide h3,
.area_guide p,
.area_guide li {
  word-break: keep-all;
}
.area_guide h3 {
  margin-top: 20rem;
  font-size: 16rem;
  font-weight: 700;
  color: var(--color-black, #111);
}
.area_guide h3 + *,
.area_guide h3 + p + ul {
  margin-top: 5rem;
  margin-left: 13rem;
}
.area_guide ul > li {
  margin-top: 7rem;
}
.area_guide ul > li:first-child {
  margin-top: 0px;
}
.area_guide ul > li > ul {
  margin-top: 5rem;
  padding-left: 15rem;
}
.area_guide ul > li > ul > li {
  margin-top: 4rem;
}
.area_guide ul > li > ul > li:first-child {
  margin-top: 0px;
}
.area_guide ul > li strong {
  font-weight: 600;
  color: var(--color-black, #111);
}
.box_guide {
  margin-top: 30rem;
}
.box_guide > p {
  margin-bottom: 10rem;
  padding: 10rem;
  border: 1rem solid #eee;
}
html[lang="ja"] .area_guide p,
html[lang="ja"] .area_guide li {
  word-break: break-all;
}
html[lang="zh"] .area_guide p,
html[lang="zh"] .area_guide li {
  word-break: break-all;
}

/* 9) tooltip */
[data-tooltip="explan"] {
  display: inline-block;
  position: relative;
  margin-top: -2rem;
  font-size: 0px;
  vertical-align: middle;
  line-height: 1em;
}
[data-tooltip="explan"]:before {
  content: "";
  display: block;
  width: 14rem;
  height: 14rem;
  background: #1637a2 url(../../images/module/icon_tooltip.png) no-repeat 50%
    50%;
  background-size: 14rem;
  border-radius: 100%;
}
[data-tooltip="explan"] .box {
  display: none;
  position: absolute;
  top: 0px;
  left: 16rem;
  z-index: 999;
  min-width: 430px;
  box-sizing: border-box;
  padding: 15rem;
  background: var(--color-white, #fff);
  border: 1rem solid #292929;
  box-shadow: 5rem 10rem 20rem rgba(0, 0, 0, 0.1);
  line-height: 1.4em;
  font-size: 13rem;
  text-align: left;
  word-break: keep-all;
}
[data-tooltip="explan"] .box.small {
  min-width: 300rem;
}
[data-tooltip="explan"] .box.big {
  min-width: 600rem;
}
[data-tooltip="explan"].right .box {
  left: auto;
  right: 0px;
  top: 16rem;
}
[data-tooltip="explan"] .box i {
  display: block;
  font-weight: 500;
  color: #1637a2;
}
/* info box */
.box_attention {
  margin-top: 20rem;
  padding: 20rem;
  background: #f9f6f0;
}
.box_attention strong,
.text_risk strong {
  color: #3653a9;
}
.text_risk {
  margin-top: 20rem;
}
.icon_risk:before,
.text_risk:before {
  content: "";
  display: inline-block;
  width: 14rem;
  height: 14rem;
  margin-top: -3rem;
  margin-right: 4rem;
  background: #bd2534 url(../../images/module/icon_tooltip.png) no-repeat 50%
    50%;
  background-size: 14rem;
  border-radius: 100%;
  vertical-align: middle;
}

/* 10) accordion */
[data-control="accordion"] {
  display: none;
  align-items: center;
  position: relative;
  padding: 15rem;
  background: var(--color-white, #fff);
  border: 1rem solid #dddfe4;
  font-size: 16rem;
}
[data-control="accordion"] em {
  display: inline-block;
  margin-left: 3rem;
  vertical-align: middle;
  font-size: 17rem;
  color: #511b96;
  font-weight: 600;
}
[data-control="accordion"]:before,
[data-control="accordion"]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 16rem;
  margin-top: -8rem;
  background: #b3b5bb;
  transition: 0.5s ease;
}
[data-control="accordion"]:before {
  right: 25rem;
  transform: rotate(40deg);
}
[data-control="accordion"]:after {
  right: 35rem;
  transform: rotate(-40deg);
}
[data-control="accordion"].active,
[data-control="accordion"].show {
  background: var(--color-white, #fff);
  border-color: #8d8d8d;
  border-bottom-color: #eee;
}
[data-control="accordion"].active:before,
[data-control="accordion"].show:before {
  transform: rotate(-40deg);
}
[data-control="accordion"].active:after,
[data-control="accordion"].show:after {
  transform: rotate(40deg);
}
[data-control="accordion_conts"] {
  display: block;
}
[data-control="accordion_conts"] + [data-control="accordion"] {
  margin-top: 40rem;
}

@media screen and (min-width: 769px) {
  /* 9) tooltip */
  [data-tooltip="explan"]:hover .box,
  [data-tooltip="explan"]:focus .box {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  /* 7) layer pop */
  [data-pop-layer="layer"] .popBox {
    --popHig: 100% !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    min-width: inherit;
    min-height: inherit;
    transform: translate(0, 0);
  }
  [data-pop-layer="layer"] .popBox .popTitle {
    padding-right: 80rem !important;
  }
  [data-pop-layer="layer"] .popBox .btn_close {
    right: 0px;
    box-shadow: none;
  }
  .layerPop {
    top: 100rem !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 80% !important;
  }
  /* layer popup img only */
  .area_popLayer--img .popBox {
    background: #fff;
  }
  .area_popLayer--img .popBox .scrollbar-inner {
    overflow-y: auto;
    height: 100%;
  }
  .area_popLayer--img .popBox .btn_close {
    right: 0px;
  }

  /* 9) tooltip */
  [data-tooltip="explan"] {
    margin-top: -1rem;
  }
  [data-tooltip="explan"]:before {
    background-image: url(../../images/module/icon_tooltip@x3.png);
  }
  /* info box */
  .icon_risk:before,
  .text_risk:before {
    background-image: url(../../images/module/icon_tooltip@x3.png);
  }

  /* 10) accordion */
  [data-control="accordion"] {
    display: flex;
  }
  [data-control="accordion_conts"] {
    display: none;
    padding: 15rem;
    border: 1rem solid #8d8d8d;
    border-top-width: 0px;
  }
  [data-control="accordion_conts"] > .table {
    margin-top: 0px !important;
  }
  [data-control="accordion"].show + [data-control="accordion_conts"] {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  /* 6) table */
  #content .scrollTable {
    overflow: auto;
  }
  #content .scrollTable .table {
    width: 768px;
  }
  #content .mob_info {
    display: block;
  }

  /* 7) layer pop */
  /* layer popup img only */
  .box_view_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .box_view_img .img {
    text-align: center;
  }
  .box_view_img .img img {
    width: 80%;
  }
  .area_popLayer.img .popBox {
    width: 100% !important;
  }

  /* 9) tooltip */
  [data-tooltip="explan"] {
    position: static;
  }
  [data-tooltip="explan"] .box {
    top: 19px;
    left: 0px;
    width: 90vmin;
    min-width: inherit;
  }
  [data-tooltip="explan"].right .box {
    right: auto;
    left: 0px;
  }
  [data-tooltip="explan"] .box.small,
  [data-tooltip="explan"] .box.big {
    min-width: inherit;
  }
  [data-tooltip="explan"].active:before {
    background-color: #b73333;
  }
  .table [data-tooltip="explan"] .box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .table [data-tooltip="explan"]:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s linear 0s;
  }
  .table [data-tooltip="explan"].active:after {
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 640px) {
  /* 6) table */
  table.table col[data-table-respon] {
    display: none;
    width: auto !important;
  }
  table.table th[data-table-respon],
  table.table td[data-table-respon] {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  table.table tbody th[data-table-respon] {
    border-width: 0px;
  }
  table.table tbody td[data-table-respon] {
    border-left-width: 0px;
    border-right-width: 0px;
  }
}

@media screen and (max-width: 600px) {
  /* 7) layer pop */
  .layerPop {
    width: 90% !important;
  }
  [data-pop-layer="layer"] .popBox .popConts img,
  .layerPop img {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  /* 4) button */
  .button {
    min-width: 70rem;
    font-size: 14rem;
  }
  .button.lg {
    min-width: 100rem;
    font-size: 16rem;
  }
}

@media screen and (max-width: 320px) {
  /* 4) button */
  .button {
    padding: 8rem 10rem;
  }
  .button.lg {
    min-width: 80rem;
  }

  /* 9) tooltip */
  [data-tooltip="explan"] .box {
    padding: 10rem;
  }
}

/* 11) 에디터상쇄 */
.edit-wrap * {
  all: revert-layer;
}
.edit-wrap img {
  max-width: 100%;
  height: auto !important;
}
.edit-wrap:after {
  content: "";
  display: block;
  clear: both;
}