@charset "utf-8";
@import url("/assets/css/iconfont/saffy/style-60e13555e3639952f2d875ca03e42af3.css");
@import url("/assets/css/iconfont/intaefont/style-a38b00a9f5fe50628f597320fa254d51.css");
@import url("/assets/css/iconfont/newfont/style-2ba3dbc88c3dff9bc260f5eb4ad038ec.css");
@import url("/assets/css/animation/animations-13e3e73697fc55741cfa33f016703eeb.css");

body {
  font-size: 13px;
  font-family: var(--noto);
  --sideSec-width: 230px;

  --mainColor: rgba(61, 193, 198, 1);
  --mainColor01: #00b5c9;
  --mainColor02: #00abbe;

  --subColor: rgba(61, 193, 198, 0.7);

  --blue: #4381ff;
  --blue-hover: #2f6dea;
  --blue-light: #9cf0ff;
  --blue-light-hover: #71d2e3;
  --red: #ff4f4f;
  --red-hover: #e83131;
  --red02: #d80000;
  --green: #1bc8a6;
  --green-hover: #10b191;
  --black: #262626;
  --black-hover: #000000;
  --yellow: #fada00;
  --yellow-hover: #efca00;
  --gray: rgba(71, 78, 103, 0.85);
  --gray01: rgba(71, 78, 103, 0.65);
  --gray02: rgba(71, 78, 103, 0.5);
  --gray-light: rgba(71, 78, 103, 0.55);
  --bg-gray: rgba(71, 78, 103, 0.3);
  --orange: #ff893a;
  --orange-hover: #f07422;
  --pink: #ff52ed;
  --pink-hover: #fe41ea;
  --purple: #d441fe;
  --purple-hover: #ce2dfc;
  --disable: #f7f7f7;

  --form-height: 38px;
  --form-fontSize: 14px;
  --form-radius: 9px;
  --form-border: 1px solid rgba(0, 0, 0, 0.1);

  --btn-height: var(--form-height);
  --btn-fontSize: var(--form-fontSize);
  --btn-radius: var(--form-radius);
  --btn-color: rgba(71, 78, 103, 0.3);

  --bold: 600;
}

.fadeIn-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  width: 100%;
  height: 100%;
}

.logo {
  position: relative;
  display: block;
  background: url("/assets/img/SAFFYlogo-e9c2909269cd46ebc7b13f355230a246.svg") no-repeat center / contain;
  font-size: 0;
  text-indent: -9999;
}

.hr {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  --lineColor: rgba(0, 0, 0, 0.1);
}
.hr:before {
  content: "";
  flex: 1;
  display: inline-flex;
  height: 1px;
  background: var(--lineColor);
}
.hr:after {
  content: "";
  flex: 1;
  display: inline-flex;
  height: 1px;
  background: var(--lineColor);
}

/*──────────────── Layout ────────────────*/
#wrapper {
  word-break: break-word;
  display: flex;
  align-items: stretch;
}
.container {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 0 auto;
  padding: 35px 35px 75px 35px;
  background: #fff;
  transition: all 0.1s ease-in-out;
  zoom: 1;
}
.container-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 30px;
  color: var(--mainColor);
}

/*──────────────── header ────────────────*/
#header {
  position: relative;
  min-height: 100%;
}
#header [class*="icon_"]:before {
  content: "";
  font-family: "saffy";
  font-size: 15px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  opacity: 0.8;
}
#header .icon_dashboard:before {
  content: "\e923";
}
#header .icon_doc:before {
  content: "\e928";
}
#header .icon_groupmember:before {
  content: "\e95c";
}
#header .icon_mng:before {
  content: "\e92d";
}
#header .icon_data:before {
  content: "\e920";
}
#header .icon_accident:before {
  content: "\e903";
}
#header .icon_acdex:before {
  content: "\e940";
  font-size: 16px;
}
#header .icon_permit:before {
  content: "\e933";
}
#header .icon_project:before {
  content: "\e927";
}
#header .icon_my:before {
  content: "\e93c";
}
#header .icon_mypage:before {
  content: "\e93d";
}
#header .icon_membership:before {
  content: "\e913";
}
#header .icon_notification:before {
  content: "\e91e";
}
#header .icon_customer:before {
  content: "\e925";
}
#header .icon_settings:before {
  content: "\e937";
}

#sideSection {
  position: relative;
  width: var(--sideSec-width);
  height: 100%;
  min-height: var(--vh);
  background: #edf0f1;
  background: #f5f7f7;
  border-right: 1px solid #e5eff2;
  padding: 20px 25px;
  transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
}
#sideSection .sideSec-toggle {
  position: absolute;
  top: 100px;
  right: -16px;
  z-index: 5;
  font-size: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background: var(--mainColor);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#sideSection .sideSec-toggle:before {
  content: "\e90b";
  font-family: "saffy";
  font-size: 23px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  padding-right: 2px;
  padding-bottom: 2px;
}
#sideSection .logo {
  width: 128px;
  height: 51px;
  max-width: 100%;
  transition: all 0.2s ease-in-out;
}
#sideSection #nav {
  margin-top: 35px;
  font-size: 14px;
  font-weight: 500;
}
#sideSection #nav .nav_ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sideSection #nav .nav_ul + .nav_ul {
  margin-top: 10px;
}
#sideSection #nav .nav_ul ul {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sideSection #nav .nav_ul ul li {
  padding-left: 1.3em;
}

#sideSection #nav .nav_ul li a {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 2.5em;
  transition: all 0.2s ease-in-out;
}
#sideSection #nav .nav_ul li.active {
  color: var(--mainColor01);
}
#sideSection .inner {
  min-height: calc(var(--vh) - 60px);
  display: flex;
  flex-direction: column;
}
#sideSection .inner .btnSet {
  margin-top: 60px;
}

#sideSection.short {
  --sideSec-width: 120px;
  padding: 20px;
}
#sideSection.short .sideSec-toggle:before {
  transform: rotate(180deg);
}
#sideSection.short #nav {
}
#sideSection.short #nav .nav_ul {
  gap: 20px;
}
#sideSection.short #nav .nav_ul ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
#sideSection.short #nav .nav_ul ul li {
  padding-left: 0;
}
#sideSection.short #nav .nav_ul li a {
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: auto;
  font-size: 10px;
}
#sideSection.short #nav .nav_ul.nav_ul_02,
#sideSection.short #nav .nav_ul.nav_ul_02 ul {
  margin-top: 0px;
}
#sideSection.short #nav [class*="icon_"]:before {
  font-size: 20px;
}
#sideSection.short #nav .icon_mypage:before {
  padding-left: 5px;
}

@media screen and (min-width: 720px) {
  #header.header_nav_01 {
  }
  #header #sideSection #nav .nav_ul_02 {
    display: none;
  }
  #header.header_nav_02 #sideSection #nav .nav_ul_01 {
    display: none;
  }
  #header.header_nav_02 #sideSection #nav .nav_ul_02 {
    display: flex;
    margin-top: 0 !important;
  }
  #header.header_nav_01 #sideSection .btnSet {
    display: none;
  }
  #sideSection #nav .nav_ul.nav_ul_02 ul {
    margin-top: 0;
  }
  #sideSection #nav .nav_ul.nav_ul_02 ul li {
    padding-left: 0;
  }
}

/*──────────────── footerwrap ────────────────*/
#footer {
  position: relative;
  z-index: 3;
  width: 100%; /*background:#eef5f8;*/
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.85);
}
#footer .footerContainer {
  margin: 0 auto;
  padding: 30px 50px;
  position: relative;
  line-height: 1.6em;
  display: flex;
  align-items: center;
  gap: 90px;
}
#footer .logo {
  width: 110px;
  height: 45px;
  max-width: 100%;
  transition: all 0.2s ease-in-out;
}
#footer .fct {
}
#footer .fc_menu {
  display: inline-flex;
  align-items: center;
}
#footer .fc_menu li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
#footer .fc_menu li:not(:first-child):before {
  content: "";
  display: inline-flex;
  width: 1px;
  height: 10px;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 10px;
}
#footer .btnScrollTop {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(249, 252, 254, 0.7);
  border: 1px solid rgba(237, 242, 247, 1);
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--mainColor01);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03);
}
#footer .btnScrollTop:before {
  content: "\e913";
  font-family: "intaefont";
  font-size: 12px;
  transform: rotate(90deg);
}

#pageContainer {
  flex: 1;
  min-height: var(--vh);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
}

/*──────────────── #topContainer ────────────────*/
#topSection {
  background: #fff;
  display: flex;
  align-items: center;
  gap: 25px;
  height: 83px;
  padding: 0 30px;
  border-bottom: 1px solid #efefef;
}
#topSection .topSec01 {
  display: flex;
  align-items: center;
}
#topSection .topSec02 {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-left: auto;
}
#topSection #topSec_sel {
  display: flex;
  align-items: center;
  gap: 10px;
}
#topSection #topSec_sel .bootstrap-select {
  min-width: 245px;
}

#topSection .searchContainer {
  position: relative;
}
#topSection .searchContainer .inp {
  background: #f9fdfe;
  width: 245px;
  padding-right: 40px;
}
#topSection .searchContainer .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
#topSection .searchContainer .btn:before {
  content: "\e935";
  font-family: "saffy";
  font-size: 18px;
  padding-bottom: 1px;
}
#topSection .searchContainer .btn:hover {
  color: rgba(0, 0, 0, 0.8);
}
#topSection .alarm-wrap .icon_alarm {
  position: relative;
  font-size: 0;
  width: 20px;
  height: 23px;
  background: url(/assets/css/img/alarm-off-bfbccaab1ed8366b7e6e98ae82484a4a.svg) no-repeat center / cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
#topSection .alarm-wrap .icon_alarm.on {
  opacity: 1;
}
#topSection .alarm-wrap .icon_alarm.on:before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  background: #ff5555;
  border-radius: 50%;
  border: 2px solid #fff;
}
#topSection .alarm-wrap {
  position: relative;
}
#topSection .alarm-wrap .alarmContainer {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 9;
  width: 400px;
  height: auto;
  padding: 0 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-40px);
  transition: all 0.4s cubic-bezier(0.5, 0, 0, 1.25);
}
#topSection .alarm-wrap .alarmContainer.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
#topSection .alarm-wrap .alarmContainer .head {
  position: relative;
  height: 54px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#topSection .alarm-wrap .alarmContainer .head .icon_closer {
  position: absolute;
  right: 0px;
  font-size: 0;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
#topSection .alarm-wrap .alarmContainer .head .icon_closer:hover {
  color: rgba(0, 0, 0, 0.9);
}
#topSection .alarm-wrap .alarmContainer .head .icon_closer:before {
  content: "\e93e";
  font-family: "saffy";
  font-size: 21px;
}
#topSection .alarm-wrap .alarmContainer .body {
  padding: 15px 0;
}
#topSection .alarm-wrap .alarmContainer .body ul {
}
#topSection .alarm-wrap .alarmContainer .body ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
}
#topSection .alarm-wrap .alarmContainer .body ul li .subject {
}
#topSection .alarm-wrap .alarmContainer .body ul li .time {
  margin-left: auto;
  white-space: nowrap;
  min-width: 60px;
  text-align: right;
  color: var(--gray02);
}
#topSection .alarm-wrap .alarmContainer .body ul li .icon_del {
  font-size: 0;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
#topSection .alarm-wrap .alarmContainer .body ul li .icon_del:hover {
  color: var(--red);
}
#topSection .alarm-wrap .alarmContainer .body ul li .icon_del:before {
  content: "\e93e";
  font-family: "saffy";
  font-size: 17px;
}
#topSection .alarm-wrap .alarmContainer .body ul li.list_empty {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray01);
}
#topSection .alarm-wrap .alarmContainer .footer {
  position: relative;
  height: 54px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
#topSection .alarm-wrap .alarmContainer .footer .btnSet {
  width: 100%;
}
#topSection .alarm-wrap .alarmContainer .footer .btnSet a {
  color: var(--red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#topSection .alarm-wrap .alarmContainer .footer .btnSet a:first-child {
  color: var(--red02);
}
#topSection
  .alarm-wrap
  .alarmContainer
  .footer
  .btnSet
  a:not(:first-child):before {
  content: "";
  width: 1px;
  height: 0.8em;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 10px;
}

#topSection .mbContainer {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
#topSection .mbContainer a {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
#topSection .mbContainer .mb_img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

#topSection .mbContainer #mb-menu {
  position: absolute;
  top: 100%;
  left: -20px;
  margin-top: 10px;
  z-index: 9;
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#topSection .mbContainer #mb-menu a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
#topSection .mbContainer #mb-menu a[class*="_btn\/"] {
  --btn-height: 35px;
}

/*================================================================================
																				공통
================================================================================*/

.h1 {
  font-size: 25px;
  font-weight: 600;
}
.h2 {
  font-size: 24px;
  font-weight: 500;
}
.h3 {
  font-size: 20px;
  font-weight: 500;
}
.h4 {
  font-size: 18px;
  font-weight: 600;
}
.h5 {
  font-size: 16px;
  font-weight: 600;
}
.h6 {
  font-size: 14px;
  font-weight: 600;
}
.h7 {
  font-size: 12px;
  font-weight: 600;
}

.btnAdd {
  height: var(--form-height);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: var(--mainColor);
  font-weight: 500;
  padding: 0 10px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btnAdd:after {
  content: "\e932";
  font-family: "saffy";
  font-size: 14px;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #58bacb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*작업허가서*/
[class*="_tag"][class*="\/color1"] {
  --tag-color: #1cb1cd !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color2"] {
  --tag-color: #5995bf !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color3"] {
  --tag-color: #2987cc !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color4"] {
  --tag-color: #2578b5 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color5"] {
  --tag-color: #206293 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color6"] {
  --tag-color: #1b5077 !important;
  color: #fff !important;
  border: 0 !important;
}
/*중량물 취급 계획서*/
[class*="_tag"][class*="\/color10"] {
  --tag-color: #8ca64b !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color11"] {
  --tag-color: #67a64b !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color12"] {
  --tag-color: #588e40 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color13"] {
  --tag-color: #426a30 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color14"] {
  --tag-color: #2d4820 !important;
  color: #fff !important;
  border: 0 !important;
}
/*중량물 이동 계획서*/
[class*="_tag"][class*="\/color20"] {
  --tag-color: #b94576 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color21"] {
  --tag-color: #b94599 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color22"] {
  --tag-color: #a544a5 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color23"] {
  --tag-color: #723980 !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color24"] {
  --tag-color: #4d2a5d !important;
  color: #fff !important;
  border: 0 !important;
}
[class*="_tag"][class*="\/color25"] {
  --tag-color: #331a3d !important;
  color: #fff !important;
  border: 0 !important;
}
/*위험성 평가표*/
[class*="_tag"][class*="\/color30"] {
  --tag-color: #ff6c15 !important;
  color: #fff !important;
  border: 0 !important;
}

/* ─────────────────────────────────────────────────
										div 테이블
───────────────────────────────────────────────── */
.tableContainer {
  position: relative;
}
.tableContainer .icon_attach:before {
  content: "\e96b";
  font-family: "intaefont";
  font-size: 1em;
  color: rgba(71, 78, 103, 0.5);
}

.table {
  width: 100%;
  font-size: 1.2em;
  font-size: 15px;
}
.table .caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.table .tr {
  display: table-row;
}
.table .tr > * {
  display: table-cell;
  color: #0d0d0d;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 12px 10px;
  word-break: break-all;
}
.table .tr .cell_subject {
  text-align: left;
}
.table .thead {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse; /*text-align:center;*/
}
.table .thead .tr > * {
  position: relative;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  border: 0;
}
.table .thead a {
  color: inherit;
  position: relative;
  white-space: nowrap;
}
.table .thead a:hover {
  color: var(--mainColor);
}
.table .thead .sort {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.table .thead .sort:after {
  content: "";
  font-family: "intaefont";
  font-size: 11px;
  color: inherit;
  font-weight: normal;
  margin-right: -5px;
  margin-top: 2px;
  opacity: 0.8;
}
.table .thead .sort.active:after {
  opacity: 1;
}
.table .thead .sort.asc:after {
  content: "\e93c";
}
.table .thead .sort.desc:after {
  content: "\e93d";
}
.table .thead .sort:hover:after {
  opacity: 0.9;
}
.table .thead .bootstrap-select.sort {
  font-size: 1em;
}
.table .thead .bootstrap-select.sort .dropdown-toggle {
  font-weight: inherit;
  padding: 0;
  border: 0;
  box-shadow: none;
  padding-right: 25px;
}
.table .thead .bootstrap-select.sort .dropdown-toggle .caret:before {
  content: "\e93c";
  font-family: "intaefont";
  font-size: 11px;
  color: inherit;
  font-weight: normal;
}
.table .thead .bootstrap-select.sort .dropdown-menu {
  font-size: 0.9em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.025);
  border-radius: 9px;
  overflow: hidden;
}
.table .thead .bootstrap-select.sort .dropdown-menu.inner {
  border: 0;
}
.table .thead .bootstrap-select.sort .dropdown-menu {
  max-height: 400px !important;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table .thead .bootstrap-select.sort .dropdown-menu li {
  position: relative;
  width: 100%;
}
.table .thead .bootstrap-select.sort .dropdown-menu li.selected small {
  color: #fff;
}
.table .thead .bootstrap-select.sort .dropdown-menu li.disabled a {
  cursor: not-allowed;
  color: #959595;
}
.table .thead .bootstrap-select.sort .dropdown-menu li a {
  display: block;
  padding: 7px 13px;
  clear: both;
  line-height: 1.5em;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.table .thead .bootstrap-select.sort .dropdown-menu li:last-child a {
  border: 0;
}
.table .thead .bootstrap-select.sort .dropdown-menu li.selected a,
.table .thead .bootstrap-select.sort .dropdown-menu li.selected a:hover,
.table .thead .bootstrap-select.sort .dropdown-menu li:not(.disabled) a:focus,
.table
  .thead
  .bootstrap-select.sort
  .dropdown-menu
  li:not(.disabled)
  a:focus:hover {
  color: #fff;
  font-weight: bold;
  background-color: var(--mainColor);
}
.table
  .thead
  .bootstrap-select.sort
  .dropdown-menu
  li:not(.disabled):not(.selected)
  a:hover {
  color: #262626;
  background-color: rgba(255, 248, 165, 0.6);
}
.table .thead .bootstrap-select.sort .dropdown-menu li.selected small {
  color: inherit;
  opacity: 0.7;
}
.table .tbody {
  width: 100%;
  display: table !important;
  table-layout: fixed;
  border-collapse: collapse;
}
.table .tbody .tr {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.table .tbody [class*="cell_"] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.table .tbody .bold {
  font-weight: 500;
}

.table .tbody .cell_num {
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}
.table .tbody .cell_subject {
  position: relative;
  text-align: left;
  vertical-align: middle;
  word-break: keep-all;
  font-weight: 600;
}
.table .tbody .cell_subject.column {
  display: flex;
  flex-direction: column;
}
.table .tbody .cell_subject sub {
  font-weight: 400;
  color: #8c97a2;
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
.table .tbody .cell_subject a:hover {
  color: #000;
}
.table .tbody .cell_date {
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}
.table .tbody .cell_name {
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}

.table .cell_btnSet ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
  padding: 0 10px;
}
.table .cell_btnSet ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table .cell_btnSet [class*="li_"] {
  font-size: 0;
  color: rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-in-out;
}
.table .cell_btnSet [class*="li_"]:hover {
  color: rgba(0, 0, 0, 0.8);
}
.table .cell_btnSet [class*="li_"]:before {
  content: "";
  font-family: "saffy";
  font-size: 20px;
}
.table .cell_btnSet .li_write:before {
  content: "\e918";
}
.table .cell_btnSet .li_copy:before {
  content: "\e95d";
}
.table .cell_btnSet .li_link:before {
  content: "\e938";
}
.table .cell_btnSet .li_del:before {
  content: "\e93b";
}
.table .cell_btnSet .li_print:before {
  content: "\e954";
}

.table [class*="cell_"] {
  width: 3em;
}
.table .cell_num {
  width: 6em;
}
.table .cell_subject {
  width: auto;
}
.table .cell_cate {
}
.table [class*="cell_date"] {
  width: 10em !important;
}
.table .cell_name {
  width: 10em;
}
.table .cell_btnSet {
  position: relative;
  width: 10em;
}
.table .cell_4 {
  width: 4em;
}
.table .cell_5 {
  width: 5em;
}
.table .cell_6 {
  width: 6em;
}
.table .cell_7 {
  width: 7em;
}
.table .cell_8 {
  width: 8em;
}
.table .cell_9 {
  width: 9em;
}
.table .cell_10 {
  width: 10em;
}
.table .cell_11 {
  width: 11em;
}
.table .cell_12 {
  width: 12em;
}
.table .cell_13 {
  width: 13em;
}
.table .cell_14 {
  width: 14em;
}
.table .cell_15 {
  width: 15em;
}
.table .cell_16 {
  width: 16em;
}
.table .cell_17 {
  width: 17em;
}
.table .cell_18 {
  width: 18em;
}
.table .cell_19 {
  width: 19em;
}
.table .cell_20 {
  width: 20em;
}
.table .cell_21 {
  width: 21em;
}
.table .cell_22 {
  width: 22em;
}
.table .cell_23 {
  width: 23em;
}
.table .cell_24 {
  width: 24em;
}
.table .cell_25 {
  width: 25em;
}
.table .cell_26 {
  width: 26em;
}
.table .cell_27 {
  width: 27em;
}
.table .cell_28 {
  width: 28em;
}
.table .cell_29 {
  width: 29em;
}
.table .cell_30 {
  width: 30em;
}
.table .cell_auto {
  width: auto;
}

@media screen and (max-width: 1350px) {
  .table {
    font-size: 14px;
  }
  .table .tbody .cell_btnSet [class*="li_"]:before {
    font-size: 18px;
  }
}
@media screen and (max-width: 1250px) {
  .table {
    font-size: 13px;
  }
  .table .tbody .cell_btnSet [class*="li_"]:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .table {
    font-size: 12px;
  }
  .table .tbody .cell_btnSet [class*="li_"]:before {
    font-size: 16px;
  }
}

@media screen and (max-width: 860px) {
  .table {
    position: relative;
    --btn-height: 36px;
    font-size: 14px;
    --btn-fontSize: 1em;
  }
  .table .thead {
    display: none !important;
  }
  .table .tbody {
    display: flex;
    flex-direction: column;
  }
  .table .tr {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 15px;
    padding: 15px 10px;
    color: #0d0d0d;
    line-height: 1.5em;
  }
  .table .tr > * {
    display: table-cell;
    color: #0d0d0d;
    line-height: 1.5em;
    padding: 0;
    word-break: keep-all;
  }
  .table .tr:first-child {
    border-top: 2px solid var(--mainColor);
  }
  .table .tbody [class*="cell_"] {
    padding: 0;
  }
  .table .cell_num {
    display: none;
  }
  .table .cell_subject {
    position: relative;
    order: 0;
  }
  .table .cell_subject a:hover {
    color: #000;
  }
  .table .cell_date {
    order: -5;
    font-size: 0.9em;
    width: auto;
    color: rgba(0, 0, 0, 0.5);
  }
  .table .cell_date2 {
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5);
  }
  .table .cell_name {
    order: -4;
    font-size: 0.9em;
    font-weight: 500;
  }
  .table .cell_btnSet {
    order: -3;
    margin-left: auto;
    width: auto;
  }
  .table .cell_btnSet ul {
    gap: 10px;
    padding: 0;
  }
  .table .cell_btnSet [class*="li_"]:before {
    font-size: 19px;
  }
  .table [class*="cell_"] {
    width: auto;
  }
  .table .cell_subject,
  .table .mobile_block {
    width: 100% !important;
  }
}
.table.mobile-ui {
  position: relative;
  --btn-height: 36px;
  font-size: 14px;
  --btn-fontSize: 1em;
}
.table.mobile-ui .thead {
  display: none !important;
}
.table.mobile-ui .tbody {
  display: flex;
  flex-direction: column;
}
.table.mobile-ui .tr {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 15px;
  padding: 15px 10px;
  color: #0d0d0d;
  line-height: 1.5em;
}
.table.mobile-ui .tr > * {
  display: table-cell;
  color: #0d0d0d;
  line-height: 1.5em;
  padding: 0;
  border: 0;
  word-break: keep-all;
}
.table.mobile-ui .tr:first-child {
  border-top: 2px solid var(--mainColor);
}
.table.mobile-ui .tbody [class*="cell_"] {
  padding: 0;
}
.table.mobile-ui .cell_num {
  display: none;
}
.table.mobile-ui .cell_subject {
  position: relative;
  order: 0;
}
.table.mobile-ui .cell_subject a:hover {
  color: #000;
}
.table.mobile-ui .cell_date {
  order: -5;
  font-size: 0.9em;
  width: auto;
  color: rgba(0, 0, 0, 0.5);
}
.table.mobile-ui .cell_date2 {
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5);
}
.table.mobile-ui .cell_name {
  order: -4;
  font-size: 0.9em;
  font-weight: 500;
}
.table.mobile-ui .cell_btnSet {
  order: -3;
  margin-left: auto;
  width: auto;
}
.table.mobile-ui .cell_btnSet ul {
  gap: 10px;
  padding: 0;
}
.table.mobile-ui .cell_btnSet [class*="li_"]:before {
  font-size: 19px;
}
.table.mobile-ui [class*="cell_"] {
  width: auto;
}
.table.mobile-ui .cell_subject,
.table.mobile-ui .mobile_block {
  width: 100% !important;
}

.ul_table {
  width: 100%;
  display: table !important;
  table-layout: fixed;
  border-collapse: collapse;
}
.ul_table li {
  position: relative;
  width: 100%;
  display: table-row;
}
.ul_table li .cell {
  height: 70px;
  font-size: 15px;
  display: table-cell;
  color: #0d0d0d;
  line-height: 1.5em;
  vertical-align: middle;
  padding: 8px;
  word-break: break-all;
  border: 1px solid #e2eff3;
}
.ul_table li.head {
  text-align: center;
  position: relative;
}
.ul_table li.head .cell {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3em;
  background: #f0f5f5;
}
.ul_table li.head .cell.bin {
  background: transparent;
  border: 0 !important;
}
.ul_table li .del-list {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  font-size: 0;
  height: 24px;
  background: #f0f5f5;
  padding: 0 7px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ul_table li .del-list:before {
  content: "";
  height: 2px;
  width: 15px;
  background: rgba(0, 0, 0, 0.8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ul_table_btnSet {
  position: relative;
  height: 40px;
}
.ul_table_btnSet .add-list {
  font-size: 0;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -17px;
}
.ul_table_btnSet .add-list:before {
  content: "\e336";
  font-family: "newfont";
  font-size: 21px;
  color: #fff;
  height: 34px;
  width: 34px;
  background: var(--blue);
  border-radius: 50%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bo_infoSet {
  display: flex;
  align-items: center;
  color: rgba(71, 78, 103, 0.65);
}
.bo_infoSet span {
  display: inline-flex;
  align-items: center;
}
.bo_infoSet span:not(:first-child):before {
  content: "";
  width: 1px;
  height: 0.9em;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0.7em;
}

/* ─────────────────────────────────────────────────
										listContainer
───────────────────────────────────────────────── */
.listContainer {
  font-size: 1.15em;
}
.listContainer ul {
}
.listContainer ul li {
  position: relative;
  padding: 2em 0.9em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.listContainer ul li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.listContainer ul li .subject {
  font-size: 1.2em;
  font-weight: 500;
  word-break: keep-all;
}
.listContainer ul li .subject + * {
  margin-top: 15px;
}

@media screen and (min-width: 720px) {
  .listContainer ul li {
    padding-right: 140px;
  }
  .listContainer ul li .lg\:position {
    position: absolute;
    top: 25px;
    right: 15px;
  }
}
@media screen and (max-width: 719px) {
  .listContainer ul li .lg\:position {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .listContainer {
    font-size: 1em;
  }
}

/*─────────────────────────────────────────────────
										btnSet
─────────────────────────────────────────────────*/
.btnSet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btnSet.column {
  flex-direction: column;
}
.btnSet.flex-end,
.btnSet.tright {
  justify-content: flex-end;
}

/*─────────────────────────────────────────────────
										division_menu
─────────────────────────────────────────────────*/
.division_menu {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.division_menu a {
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.division_menu a:not(:first-child):before {
  content: "";
  width: 1px;
  height: 12px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 10px;
  display: inline-flex;
}

/*─────────────────────────────────────────────────
										tabContainer
─────────────────────────────────────────────────*/
.tabContainer {
  position: relative;
  font-size: 21px;
  transition: all 0.2s ease-in-out;
}
.tabContainer > ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tabContainer.center > ul {
  justify-content: center;
}
.tabContainer > ul > li {
  position: relative;
}
.tabContainer > ul > li > .tab {
  height: 2.6em;
  padding: 0 2.6em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55em;
  font-weight: 400;
  white-space: nowrap;
}
.tabContainer > ul > li > .tab.active {
  /*border-bottom:2px solid var(--subColor);*/
  font-weight: 500;
  color: var(--mainColor);
}
.tabContainer > ul > li:not(:first-child):before {
  content: "";
  display: inline-flex;
  width: 1px;
  height: 18px;
  background: rgba(177, 204, 204, 0.6);
}
/*.tabContainer ul ul{position:absolute;top:100%;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:20px;}
.tabContainer ul ul .tab{color:rgba(0,0,0,0.5);font-weight:500;font-size:0.9em;}
.tabContainer ul ul .tab.active{color:rgba(0,0,0,0.9);}*/
.tabContainer ul.sub {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
}
.tabContainer ul.sub .tab {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-size: 0.9em;
}
.tabContainer ul.sub .tab.active {
  color: rgba(0, 0, 0, 0.9);
}

.tabContainer [class*="icon_"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin-top: 3px;
}
.tabContainer [class*="icon_"]:before {
  content: "";
  font-family: "saffy";
  font-size: 1.2em;
  width: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
.tabContainer .icon_dashboard:before {
  content: "\e923";
}
.tabContainer .icon_doc:before {
  content: "\e928";
}
.tabContainer .icon_mng:before {
  content: "\e92d";
}
.tabContainer .icon_data:before {
  content: "\e920";
}
.tabContainer .icon_accident:before {
  content: "\e903";
}
.tabContainer .icon_acdex:before {
  content: "\e940";
  margin-top: -2px;
}
.tabContainer .icon_project:before {
  content: "\e927";
}
.tabContainer .icon_my:before {
  content: "\e93c";
}
.tabContainer .icon_mypage:before {
  content: "\e93d";
}
.tabContainer .icon_membership:before {
  content: "\e913";
}
.tabContainer .icon_notification:before {
  content: "\e91e";
}
.tabContainer .icon_customer:before {
  content: "\e925";
}
.tabContainer .icon_settings:before {
  content: "\e937";
}

/*─────────────────────────────────────────────────
										division_menu
─────────────────────────────────────────────────*/
.bo_head {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}
.bo_head .tbl_sort {
  flex: 1;
}
.bo_head .boSearchContainer {
  margin-left: auto;
}
.bo_head .icon_write {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.bo_head .icon_write:before {
  content: "\e917";
  font-family: "saffy";
  font-weight: normal;
}

/* 게시판 검색 */
.boSearchContainer {
  position: relative;
}
.boSearchContainer .inp {
  background: #fff;
  padding-right: 40px;
  width: 100%;
}
.boSearchContainer .btnSearch {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
.boSearchContainer .btnSearch:before {
  content: "\e935";
  font-family: "saffy";
  font-size: 18px;
  padding-bottom: 1px;
}
.boSearchContainer .btnSearch:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*─────────────────────────────────────────────────
										게시물 없음
─────────────────────────────────────────────────*/
.empty_list {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  text-align: center;
  font-size: 15px;
  position: relative;
  background: #fff;
}

/*─────────────────────────────────────────────────
										pg_wrap
─────────────────────────────────────────────────*/
.pg_wrap {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 7px;
  margin: 30px auto 20px auto;
  text-align: center;
  font-size: 0;
}
.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.pg_wrap .pg_btn {
  font-weight: 400;
  font-size: 13px;
  color: rgba(71, 78, 103, 0.75);
  text-align: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(71, 78, 103, 0.15);
  transition: all 0.2s ease-in-out;
}
.pg_wrap .pg_btn:hover {
  color: #fff;
  background: #b0bdc3;
}
.pg_wrap .pg_btn.active {
  color: #fff;
  background: #455a64;
}
.pg_wrap .pg_btn.first:before,
.pg_wrap .pg_btn.last:before,
.pg_wrap .pg_btn.prev:before,
.pg_wrap .pg_btn.next:before {
  content: "";
  font-family: "saffy";
  font-size: 16px;
}
.pg_wrap .pg_btn.first:before {
  content: "\e90d";
}
.pg_wrap .pg_btn.prev:before {
  content: "\e90b";
}
.pg_wrap .pg_btn.next:before {
  content: "\e90c";
  padding-left: 3px;
}
.pg_wrap .pg_btn.last:before {
  content: "\e90e";
}

/*─────────────────────────────────────────────────
										flexboxContainer
─────────────────────────────────────────────────*/
.flexboxContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 25px;
}
.flexboxContainer .row {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.flexboxContainer .row.wrap {
  flex-wrap: wrap;
}
.flexboxContainer .row .box {
  flex: 1;
}
.flexboxContainer .box {
  padding: 30px;
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.flexboxContainer .box.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.flexboxContainer .box .box-header {
  position: relative;
  left: -30px;
  top: -30px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: calc(100% + 60px);
  display: flex;
  align-items: center;
}

#upgrade-box1 {
  flex: 1.5;
  height: 700px;
}
#upgrade-box2 {
  height: 420px;
}

/*─────────────────────────────────────────────────
										fxContainer
─────────────────────────────────────────────────*/
[class*="fxContainer"] .fx-label.tag {
  font-size: 0.95em;
  font-weight: 500;
  height: 36px;
  background: #f0f5f5;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[class*="fxContainer"][class*="\/wrap"] {
  flex-direction: row;
  flex-wrap: wrap;
}
[class*="fxContainer"][class*="\/wrap"] .fx-label.tag {
  width: auto;
  padding: 0 1em;
  min-width: 6em;
}

.ul_mb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 15px;
}
.ul_mb li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.ul_mb li img {
  border-radius: 50%;
}
.ul_mb li .check_mb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  --checked-background: var(--blue);
}
.ul_mb li .check_mb input + span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 50%;
}

/*─────────────────────────────────────────────────
										textarea-inner-upfile
─────────────────────────────────────────────────*/
.textarea-inner-upfile {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.textarea-inner-upfile input[type="file"] {
  display: none;
}
.textarea-inner-upfile .btnUpImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #258bfa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.textarea-inner-upfile .btnUpImg:before {
  content: "\e975";
  font-family: "intaefont";
  font-size: 15px;
  color: #fff;
  font-weight: normal !important;
}

/*─────────────────────────────────────────────────
										specifications_upSet
─────────────────────────────────────────────────*/
#specifications_upSet {
  width: 100%;
}
#specifications_upSet input[type="file"] {
  display: none;
}
#specifications_upSet .up_list {
  width: 100%;
  max-width: 840px;
  margin-top: 10px;
}
#specifications_upSet .up_list .head {
  background: #f5f5f5;
  height: 38px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 0 50px;
  display: flex;
  align-items: center;
}
#specifications_upSet .up_list .body {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0 50px;
  height: 50px;
  overflow-y: auto;
}
#specifications_upSet .up_list .body::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
#specifications_upSet .up_list .body ul li {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}
#specifications_upSet .up_list .body .li_del {
  position: absolute;
  left: -20px;
  cursor: pointer;
}
#specifications_upSet .up_list .body .li_del:before {
  content: "\e93e";
  font-family: "saffy";
  font-size: 15px;
}
#specifications_upSet .up_list .body .file_size {
  margin-left: auto;
}

#specifications_upSet .btn_attach {
  height: 30px;
  border-radius: 20px;
  padding: 0 15px;
  color: #fff;
  background: #258bfa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
}
#specifications_upSet .btn_attach:before {
  content: "";
  width: 17px;
  height: 17px;
  background: url("/assets/css/img/icon_attach-24d295f48558d9ecffcad8ab88fa142e.svg") no-repeat center / 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -2px;
}
#specifications_upSet .btn_attach.disabled {
  background: #333333;
}

.check-list {
  margin-top: 10px;
}
.check-list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.check-list ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.check-list ul li input {
  height: 25px;
  flex: 1;
  border: 0;
  box-shadow: none !important;
  background: transparent;
}
.check-list ul li.disabled {
  background: #f5f5f5;
}
/*.check-list ul li{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,0.15);display:flex;align-items:center;}
*/
.check-list p {
  margin-top: 10px;
}

/*─────────────────────────────────────────────────
										#mypage
─────────────────────────────────────────────────*/
#mypage {
  --form-height: 40px;
}
#mypage .mb_img {
  max-width: 100px;
  border-radius: 50%;
}
#mypage .time_count {
  position: absolute;
  left: 100%;
  top: 15px;
  font-size: 15px;
  margin-left: 15px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
#mypage [class*="fxContainer"] {
  width: 100%;
}

#mypage .box {
  min-width: 320px;
  position: relative;
}
#mypage .btnSet.absolute {
  position: absolute;
  top: 0;
  right: 0;
}
#mypage .btnEdit {
  font-size: 0;
  height: 35px;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#mypage .btnEdit:before {
  content: "\e917";
  font-family: "saffy";
  font-size: 18px;
  color: var(--blue);
}

.slide-toggle .icon_toggle {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.slide-toggle .icon_toggle:before {
  content: "\e91a";
  font-family: "intaefont";
  font-size: 19px;
}
.slide-toggle.active .icon_toggle {
  transform: rotate(180deg);
}

.toggleContainer:not(.show) {
  display: none !important;
}

.help_toggle {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  background: var(--blue);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#help-container {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  display: block;
  width: 370px;
  font-size: 15px;
  background: #fff;
  padding: 25px;
  border-radius: 9px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.add-user {
  color: #fff;
  background: var(--mainColor) url(/assets/css/img/member-add-icon-1a87b0d6aa68f1b585343725b986f4e0.svg) no-repeat center;
  min-width: 50px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#add-user-container {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  display: block;
  width: 240px;
  font-size: 15px;
  background: #fff;
  padding: 25px;
  border-radius: 9px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#add-user-container .icon_link_copy,
#add-user-container .icon_send_email {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#add-user-container .icon_link_copy:after {
  content: "\e96a";
  font-family: "intaefont";
  font-size: 13px;
}
#add-user-container .icon_send_email:after {
  content: "\e163";
  font-family: "newfont";
  font-size: 16px;
}

#write-container {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 3;
  display: block;
  font-size: 15px;
  background: #fff;
  padding: 20px;
  border-radius: 9px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#write-container .write_category {
  position: relative;
  display: flex;
  gap: 20px;
}
#write-container .write_category:before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
}
#write-container .write_category ul li:first-of-type {
  padding: 0 0 10px;
  white-space: nowrap;
}
#write-container .write_category ul li {
  color: #727272;
}
#write-container ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#write-container ul li a {
  white-space: nowrap;
}

.filter_area {
  position: relative;
}
.filter_area .filter_box {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 3;
  background: #fff;
  padding: 10px 15px;
  border-radius: 9px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  list-style: none;
}
.filter_area .filter_box li {
  padding: 3px 0;
}
.filter_area .filter_box li a {
  color: #333;
  text-decoration: none;
}
.filter_area .filter_box li a:hover {
  color: #00b4b4;
}
.filter_area .filter_box ul {
  list-style: none;
  padding-left: 15px;
}

.data_form_head {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}
.data_form_head .form_headSet {
  flex: 1;
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
.data_form_head .form_headSet .txtCon {
  width: 100%;
}
.data_form_head .form_btnSet {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.data_form_head .mb_img {
  border-radius: 18px;
}
.data_form_head .inp {
  min-width: 300px;
}
.data_form_head a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.data_form_head .icon_save:before {
  content: "\e917";
  font-family: "saffy";
  font-size: 16px;
}
.data_form_head .icon_check:before {
  content: "\e944";
  font-family: "saffy";
  font-size: 16px;
}
.data_form_head .icon_print:before {
  content: "\e954";
  font-family: "saffy";
  font-size: 16px;
}
.data_form_head .icon_close:before {
  content: "\e915";
  font-family: "saffy";
  font-size: 16px;
}
.data_form_head .icon_reason:before {
  content: "\e952";
  font-family: "saffy";
  font-size: 16px;
}

@media screen and (max-width: 1000px) {
  .data_form_head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .data_form_head .form_headSet {
    width: 100%;
    order: 2;
  }
  .data_form_head .form_btnSet {
    width: 100%;
    order: 1;
  }
  .data_form_head .form_btnSet a:first-child {
    margin-left: auto;
  }
}

.data_form_container {
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  position: relative;
  padding: 25px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.02);
}

.tableContainer {
  width: 100%;
  max-width: 100%;
}
.scroll-x {
  width: 100%;
  overflow-x: auto !important;
}
table.form_tbl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
.form_tbl th {
  background: #f0f5f5;
  text-align: center;
  padding: 9px 5px;
  border: 1px solid #e2eff3;
  position: relative;
  line-height: 1.4em;
}
.form_tbl td,
.form_tbl tbody th {
  color: #7f7f7f;
  line-height: 1.5em;
  padding: 10px;
  border: 1px solid #e2eff3;
  word-break: break-all;
  text-align: center;
}
.form_tbl td {
  height: 54px;
  color: #666666;
}

.sign-box {
  width: 100px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9fa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sign-box img {
  max-width: 100%;
  max-height: 100%;
}

.signform {
  height: 180px;
  width: 100%;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.signform img {
  max-width: 100%;
}

.icon_sign_cancel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.icon_sign_cancel:before {
  content: "";
  display: block;
  width: 27px;
  height: 21px;
  background: url("/assets/css/img/sign_cancel-b0764fee22089f061004b6aaa8e859c7.png") no-repeat center / 100%;
}

/*─────────────────────────────────────────────────
										landing_wrap
─────────────────────────────────────────────────*/

#landing_wrap {
  color: #333;
  font-family: "AppleSDGothicNeo", "Noto Sans KR", "맑은고딕", sans-serif;
}

#landing_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 60px 0 60px;
  display: flex;
  align-items: center;
  gap: 20px;
}
#landing_header .logo {
  width: 180px;
  height: 71px;
}

#landing_header .header_nav {
  margin-left: auto;
}
#landing_header .header_nav .nav_ul {
  display: flex;
  align-items: center;
  gap: 15px;
}
#landing_header .header_nav .nav_ul a {
  height: 37px;
  padding: 0 22px;
  font-size: 15px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
#landing_header .header_nav .nav_ul .btn_login {
  background: #fff;
  color: var(--mainColor);
  border: 1px solid var(--mainColor);
  white-space: nowrap;
}
#landing_header .header_nav .nav_ul .btn_exp {
  color: #fff;
  background: var(--mainColor);
  white-space: nowrap;
}
#landing_header .header_nav .nav_ul .tel {
  margin-right: 15px;
  font-size: 22px;
  font-weight: 500;
  color: #5cc2cf;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
#landing_header .header_nav .nav_ul .tel img {
  width: 22px;
  margin-top: 6px;
}

#landingContainer {
  font-size: 17px;
}
#landingContainer .txtCon {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.07em;
  margin-bottom: 25px;
}
#landingContainer .txtCon .tit {
  font-size: 40px;
  line-height: 1.3em;
  word-break: keep-all;
  color: #333333;
}
#landingContainer .txtCon p {
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.04em;
  word-break: keep-all;
}
#landingContainer .txtCon .tit + p {
  margin-top: 20px;
}
#landingContainer .txtCon .btn {
  margin-top: 20px;
  height: 66px;
  font-size: 20px;
  font-weight: 600;
  padding: 0 1.8em;
  border-radius: 40px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  white-space: nowrap;
}
#landingContainer .txtCon .btn.mainColor {
  border: 2px solid var(--mainColor);
  background: #fff;
  color: var(--mainColor);
  box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.1);
}
#landingContainer .txtCon ul {
  font-size: 16px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#landingContainer .txtCon ul .icon_chk {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
#landingContainer .txtCon ul .icon_chk:before {
  content: "\e909";
  font-family: "saffy";
  font-size: 13px;
  background: #53b51a;
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#landingContainer .imgSet {
}

#landingContainer #bl01 {
  overflow: hidden;
  padding: 220px 0 0;
  margin-bottom: 150px;
  background: url("/assets/css/img/landing_bg-0d8224bebe9c1092ee9cecd72acc677d.svg") no-repeat center / cover;
}
#landingContainer #bl01 .con {
  display: flex;
  align-items: flex-start;
}
#landingContainer #bl01 .con .txtCon {
  width: 46%;
  margin-left: 60px;
}
#landingContainer #bl01 .con .txtCon .tit {
  font-size: 49px;
  font-weight: 400;
  color: #333333;
}
#landingContainer #bl01 .con .txtCon p {
  padding-right: 30px;
}
#landingContainer #bl01 .con .txtCon .bts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 15px;
}
#landingContainer #bl01 .con .txtCon .bts .btn {
  height: 62px;
  font-size: 22px;
  padding: 0 1.5em;
}
#landingContainer #bl01 .con .txtCon .bts .icon_video:before {
  content: "\e93f";
  font-family: "intaefont";
  font-size: 18px;
}
#landingContainer #bl01 .con .txtCon ul {
  font-size: 16px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#landingContainer #bl01 .con .txtCon ul .icon_chk {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
#landingContainer #bl01 .con .txtCon ul .icon_chk:before {
  content: "\e909";
  font-family: "saffy";
  font-size: 13px;
  background: #53b51a;
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#landingContainer #bl01 .con .imgSet {
  position: relative;
  flex: 1;
}
#landingContainer #bl01 .con .imgSet .img01 {
  position: absolute;
  top: 230px;
  left: -100px;
  z-index: 3;
}
#landingContainer #bl01 .con .imgSet .img02 {
  position: relative;
  margin-top: 20px;
  width: calc(100% + 180px);
  max-width: none;
}
#landingContainer #bl01 .result-box {
  position: relative;
  z-index: 5;
  display: flex;
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: 0 auto;
  padding: 44px 10px;
  border: 2px solid rgba(112, 112, 112, 0.4);
  background-color: #fff;
  text-align: center;
  border-radius: 65px;
}
#landingContainer #bl01 .result-box ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
#landingContainer #bl01 .result-box ul li {
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#landingContainer #bl01 .result-box ul li .color-mainColor {
  color: var(--mainColor) !important;
}
#landingContainer #bl01 .result-box ul li .val {
  font-size: 34px;
}
#landingContainer #bl01 .result-box ul li .tit {
  font-size: 21px;
  color: #666666;
}

#landingContainer .bg02 {
  position: relative;
  background: url("/assets/css/img/landing_bg_02-821b9fd3336d29134827faaa35e056b2.svg") no-repeat center top / cover;
}

#landingContainer #bl02,
#landingContainer #bl03,
#landingContainer #bl04,
#landingContainer #bl05,
#landingContainer #bl06,
#landingContainer #bl07 {
  padding: 150px 20px;
}
#landingContainer #bl04,
#landingContainer #bl05,
#landingContainer #bl06,
#landingContainer #bl07 {
  text-align: center;
}
#landingContainer #bl04 .imgSet,
#landingContainer #bl05 .imgSet,
#landingContainer #bl06 .imgSet,
#landingContainer #bl07 .imgSet {
  margin-top: 80px;
}

#landingContainer #bl02 {
  text-align: center;
}
#landingContainer #bl02 .txtCon {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#landingContainer #bl02 .txtCon .tit {
  position: relative;
  text-align: center;
}
#landingContainer #bl02 .txtCon .tit:before {
  content: "\e350";
  font-family: "newfont";
  font-size: 28px;
  position: absolute;
  top: 0;
  left: -25px;
}
#landingContainer #bl02 .txtCon .tit:after {
  content: "\e351";
  font-family: "newfont";
  font-size: 28px;
  position: absolute;
  bottom: 5px;
  right: -45px;
}
#landingContainer #bl02 .txtCon .btn {
  margin-top: 30px;
  margin-bottom: 40px;
}
#landingContainer #bl02 .mid_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18%;
  margin: 50px auto 0;
  padding-bottom: 20px;
  text-align: center;
}
#landingContainer #bl02 .mid_txt p {
  font-size: 17px;
  font-weight: 600;
}
#landingContainer #bl02 .mid_txt .deco-box {
  margin-top: 15px;
  padding: 0 25px;
  height: 43px;
  font-size: 15px;
  border-radius: 12px;
  color: #fff;
  font-weight: bold;
  background-color: #333333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 6px rgba(112, 112, 112, 0.16);
}
#landingContainer #bl02 .mid_txt .on {
  color: var(--mainColor);
}
#landingContainer #bl02 .mid_txt .on .deco-box {
  background: var(--mainColor);
  color: #fff;
}

#landingContainer #bl03 {
  text-align: center;
}
#landingContainer #bl03 .inner {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
#landingContainer #bl03 .txtCon {
  text-align: left;
}
#landingContainer #bl03 .txtCon .icon_search:before {
  content: "\e935";
  font-family: "saffy";
  font-size: 16px;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin-left: -10px;
  background: var(--mainColor);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#landingContainer #bl07 {
  background: url("/assets/css/img/landing_bg_07-1d46836c2f6e25869f2e061cc022594e.svg") no-repeat center / cover;
}
#landingContainer #bl07 .btn {
  margin-top: 35px;
}
#landingContainer #bl07 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#landing_quick {
  z-index: 50;
  position: fixed;
  right: 10px;
  bottom: 20px;
  width: 310px;
  padding: 15px 15px 15px 25px;
  border: 1px solid #5cc2cf;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}
#landing_quick .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3em;
  color: var(--mainColor);
}
#landing_quick .quick_closer {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 3;
  font-size: 0;
  cursor: pointer;
}
#landing_quick .quick_closer:before {
  content: "\e93e";
  font-family: "saffy";
  font-size: 21px;
}
#landing_quick .form {
  margin-top: 20px;
}
#landing_quick .form input {
  font-size: 13px;
  letter-spacing: -0.04em;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
#landing_quick .form button {
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
  white-space: nowrap;
}

#landing_footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#landing_footer .inner {
  padding: 100px 25px;
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  display: flex;
  align-items: flex-start;
}
#landing_footer .inner .ft-logo {
  margin-left: auto;
  width: 180px;
}
#landing_footer .inner .add {
  font-size: 15px;
  font-weight: 500;
}
#landing_footer .inner .add p {
  display: flex;
  align-items: center;
  gap: 1.5em;
}
#landing_footer .inner .add p + p {
  margin-top: 15px;
}
#landing_footer .inner .add p .label {
  min-width: 50px;
}
#landing_footer .inner .add .icon_email:before {
  content: "\e9eb";
  font-family: "intaefont";
  font-size: 15px;
  margin-right: 5px;
}
#landing_footer .inner .add .icon_tel:before {
  content: "\e9b6";
  font-family: "intaefont";
  font-size: 13px;
  margin-right: 5px;
}

/*─────────────────────────────────────────────────
										LOGIN
─────────────────────────────────────────────────*/
#login-wrap {
  min-height: 730px;
  padding: 120px;
  background: url("/assets/css/img/login-bg-7f6835f9708ec7a908104941135ababd.webp") no-repeat center / cover;
}
#loginContainer {
  background: #fff;
  max-width: 500px;
  padding: 60px;
  border-radius: 12px;
  --form-height: 50px;
  margin: 0 auto;
}
#loginContainer .btnSet .naver_login {
  background: #1ec800;
}
#loginContainer .btnSet .kakao_login {
  background: #f9e000;
  color: #2b2b2b;
}
#loginContainer .btnSet .google_login {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #2b2b2b;
}
#loginContainer .btnSet .apple_login {
  background: #000000;
}

/*─────────────────────────────────────────────────
										signup-wrap
─────────────────────────────────────────────────*/
#signup-wrap {
  min-height: var(--vh);
  background: #f5f5f5;
  padding: 50px 20px;
}
#signupContainer {
  background: #fff;
  max-width: 1200px;
  padding: 60px;
  margin: 0 auto;
  border-radius: 12px;
  --form-height: 50px;
}
#signupContainer .img-logo {
  max-width: 130px;
}
#signupContainer .inner {
  max-width: 400px;
  margin: 0 auto;
}
#signupContainer .time_count {
  position: absolute;
  left: 100%;
  top: 15px;
  font-size: 15px;
  margin-left: 15px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

/*─────────────────────────────────────────────────
										id-pw-find-wrap
─────────────────────────────────────────────────*/
#id-pw-find-wrap {
  min-height: var(--vh);
  background: #f5f5f5;
  padding: 50px 20px;
}
#findContainer {
  background: #fff;
  max-width: 1200px;
  padding: 60px;
  margin: 0 auto;
  border-radius: 12px;
  --form-height: 50px;
}
#findContainer .tabmenu {
  margin: 40px auto;
  display: flex;
  align-items: center;
}
#findContainer .tabmenu .tab {
  flex: 1;
  height: 52px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
#findContainer .tabmenu .tab:not(:first-child) {
  border-left: 0;
}
#findContainer .tabmenu .tab.active {
  background: var(--mainColor);
  color: #fff;
  border: 0;
}
#findContainer .tabmenu .tab:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
#findContainer .tabmenu .tab:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
#findContainer .img-logo {
  max-width: 130px;
}
#findContainer .inner {
  max-width: 400px;
  margin: 0 auto;
}

/* ─────────────────────────────────────────────────
									LAYER POPUP
───────────────────────────────────────────────── */
@keyframes popOpen {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes pop-bg-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.layer-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  padding: 60px;
  overflow-y: auto;
  display: flex;
}
.layer-popup .pop-closer {
  font-size: 0;
  cursor: pointer;
  background: transparent;
}
.layer-popup > .pop-closer {
  position: fixed;
  top: 35px;
  right: 40px;
  z-index: 9;
  font-weight: normal;
}
.layer-popup > .pop-closer:before {
  content: "\e905";
  font-family: "intaefont";
  font-size: 30px;
  color: #fff;
  width: auto;
  height: auto;
}

.layer-popup .popContainer {
  position: relative;
  z-index: 6;
  margin: auto;
  min-width: 500px;
}
.layer-popup .popContainer > .pop-closer {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 9;
  font-weight: normal;
}
.layer-popup .popContainer > .pop-closer:before {
  content: "\e929";
  font-family: "intaefont";
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
  width: auto;
  height: auto;
}
.layer-popup .popContainer > .inner {
  background: #fff;
  border-radius: 12px;
  padding: 35px;
  font-size: 14px;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  word-break: keep-all;
  display: flex;
  flex-direction: column;
}
.layer-popup .popContainer > .inner .scroll-auto {
  padding-right: 30px;
  word-break: keep-all;
}

.layer-popup .popContainer .popCon-header {
  position: relative;
  font-size: 16px;
  font-weight: var(--bold);
  padding-bottom: 20px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.layer-popup .popContainer .popCon-header:after {
  content: "";
  width: calc(100% + 50px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -25px;
  background: rgba(0, 0, 0, 0.1);
}

.layer-popup .popContainer .btnSet {
  text-align: center;
  margin-top: 30px;
}
.layer-popup:not(.open) {
  display: none;
}
.layer-popup.open .popContainer {
  animation: popOpen 0.6s cubic-bezier(0.5, 0, 0, 1.25) forwards;
}
.layer-popup.open .pop-bg {
  visibility: visible;
  animation: pop-bg-fade 0.5s forwards;
}
.layer-popup .popContainer .btnSet.absolute {
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 3;
  width: 100%;
  padding: 0 30px;
  margin-top: 0;
}
.layer-popup .popContainer .btnSet [class*="_btn"] {
  min-width: 80px;
}
/*.layer-popup.open ~ *{transition:filter;filter:blur(3px);}*/

.popCover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* 개인정보처리방침, 이용약관 */
.doc_style {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
}
.doc_style * {
  word-break: keep-all;
}
.doc_sub_title {
  margin-top: 1.5em;
}
.doc_style p {
}
.doc_style p:not(:first-child) {
  margin-top: 1em;
}
.doc_dot {
  list-style-type: disc;
  margin-left: 34px;
  margin-bottom: 26px;
}
.doc_style .__se_tbl td {
  padding: 5px 10px;
}
.doc_style a {
  color: #214afc;
}