@charset "UTF-8";
.utf-8 {
  content: "Für charset";
  /* 절대 지우지 마세요. - scss 컴파일 시 css에 utf-8 누락 방지 */
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: url("../font/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: url("../font/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: url("../font/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: url("../font/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: url("../font/Pretendard-Thin.woff") format("woff");
}
html,
body {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 1;
  font-family: "Pretendard", "Malgun Gothic", sans-serif;
  letter-spacing: -0.05em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
caption,
th,
td,
form,
fieldset,
legend,
hr,
label,
button,
input,
label,
select,
textarea {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Pretendard", "Malgun Gothic", sans-serif;
  color: #454753;
  font-weight: 400;
}

ul,
ol,
dl {
  list-style: none;
}

table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border: 0;
  border-collapse: collapse;
}

img,
button,
fieldset,
abbr,
acronym {
  border: 0;
}

/* img {display: block;} 이미지 기본속성으로 사용 */
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
}

q:before,
q:after {
  content: "";
}

/* a, input, select, button, img, label, span, strong {vertical-align: middle;} */
body.no_scroll {
  position: fixed;
}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-track {
  background: rgb(255, 255, 255);
  background: #ededed;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

​::-webkit-input-placeholder {
  color: #b0b0b0;
}

:-moz-placeholder {
  color: #b0b0b0;
}

::-moz-placeholder {
  color: #b0b0b0;
}

:-ms-input-placeholder {
  color: #b0b0b0;
}

::-webkit-input-placeholder {
  color: #b0b0b0;
}

:-moz-placeholder {
  color: #b0b0b0;
}

::-moz-placeholder {
  color: #b0b0b0;
}

:-ms-input-placeholder {
  color: #b0b0b0;
}

/* input */
input[type=checkbox] {
  width: 18px;
  height: 18px;
}

input[type=radio] {
  width: 18px;
  height: 18px;
}

label,
button {
  cursor: pointer;
}

label,
input {
  vertical-align: middle;
}

.label_box_wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}

.label_box_wrap.center {
  justify-content: center;
}

.label_box_wrap.left {
  justify-content: flex-start;
}

.label_box_wrap.right {
  justify-content: flex-end;
}

.label_box {
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 5px;
}

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

.label_box.left {
  justify-content: flex-start;
}

.label_box.right {
  justify-content: flex-end;
}

.label_box_ac {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  line-height: 1.2em;
  align-items: center;
  gap: 6px;
}

table + .label_box_wrap {
  padding: 20px 0 0;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled {
  background: #d8d8d8;
}

input[type=text]:-moz-read-only:focus, input[type=password]:-moz-read-only:focus, input[type=number]:-moz-read-only:focus {
  border-color: #ddd;
}

input[type=text]:disabled:focus,
input[type=password]:disabled:focus,
input[type=number]:disabled:focus,
input[type=text]:read-only:focus,
input[type=password]:read-only:focus,
input[type=number]:read-only:focus {
  border-color: #ddd;
}

th .label_box {
  justify-content: center;
}

a {
  color: #3e94cb;
  text-decoration: none;
  transition: color 0.15s ease 0s;
}

a.skip {
  position: fixed;
  left: -9999px;
  top: -9999px;
  display: block;
  line-height: 3em;
  background: #40b2cd;
  color: #fff;
  text-align: center;
}

a.skip:hover,
a.skip:focus {
  position: static;
  left: 0;
  top: 0;
}

input[type=text]:disabled,
input[type=password]:disabled {
  background: #f2f2f2;
}

.container {
  margin: 0 auto;
}

/* commom start */
.hidden,
.none {
  position: fixed;
  left: -9999px;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

/* common end */
/* text-align start */
.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.text_left {
  text-align: left;
}

/* text-align end */
/* input */
input[type=button] {
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=number],
input[type=file],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime-local],
select,
.input,
textarea {
  height: 40px;
  border: solid 1px #dbdbdb;
  border-radius: 4px;
  background: #fff;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

textarea {
  overflow: auto;
  padding: 10px;
  line-height: 1.3em;
  resize: none;
}

.js-elasticArea {
  transition: all 0.3s ease 0s;
}

input[type=date],
input[type=time],
input[type=month],
input[type=datetime-local] {
  padding: 0 38px 0 10px;
  position: relative;
  box-sizing: border-box;
}

input[type=date],
input[type=month],
input[type=datetime-local] {
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: transparent;
  color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-image: none;
}
input[type=date]:hover, input[type=date]:focus,
input[type=month]:hover,
input[type=month]:focus,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

input[type=time] {
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z'%3E%3C/path%3E%3C/svg%3E");
}
input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: transparent;
  color: transparent;
  background-image: none;
}
input[type=time]:hover, input[type=time]:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 에러 start */
.errorContentWrap {
  display: flex;
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  line-height: 1.4;
}
.errorContentWrap .error_img {
  font-size: 0;
  height: 300px;
  max-width: 100%;
  width: 600px;
}
.errorContentWrap h1 {
  padding: 20px 20px;
  line-height: 1.4em;
  font-size: 26px;
  font-weight: 500;
}
.errorContentWrap .errorInfo1 {
  font-weight: 500;
  padding: 10px 0;
  color: #333;
  font-size: 20px;
}
.errorContentWrap a {
  display: inline-block;
  border-bottom: #0066C3 solid 1px;
  margin-top: 30px;
  padding: 16px 0;
}

/* 에러 end */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select {
    padding: 0 0 0 5px;
  }
}
.input02,
.width02 {
  width: 2%;
}

.input03,
.width03 {
  width: 3%;
}

.input04,
.width04 {
  width: 4%;
}

.input05,
.width05 {
  width: 5%;
}

.input06,
.width06 {
  width: 6%;
}

.input07,
.width07 {
  width: 7%;
}

.input08,
.width08 {
  width: 8%;
}

.input09,
.width09 {
  width: 9%;
}

.input10,
.width10 {
  width: 10%;
}

.input15,
.width15 {
  width: 15%;
}

.input17,
.width17 {
  width: 17%;
}

.input20,
.width20 {
  width: 20%;
}

.input25,
.width25 {
  width: 25%;
}

.input30,
.width30 {
  width: 30%;
}

.input33,
.width33 {
  width: 33%;
}

.input35,
.width35 {
  width: 35%;
}

.input40,
.width40 {
  width: 40%;
}

.input45,
.width45 {
  width: 45%;
}

.input50,
.width50 {
  width: 50%;
}

.input55,
.width55 {
  width: 55%;
}

.input60,
.width60 {
  width: 60%;
}

.input65,
.width65 {
  width: 65%;
}

.input70,
.width70 {
  width: 70%;
}

.input75,
.width75 {
  width: 75%;
}

.input80,
.width80 {
  width: 80%;
}

.input85,
.width85 {
  width: 85%;
}

.input86,
.width86 {
  width: 86%;
}

.input87,
.width87 {
  width: 87%;
}

.input88,
.width88 {
  width: 88%;
}

.input89,
.width89 {
  width: 89%;
}

.input90,
.width90 {
  width: 90%;
}

.input92,
.width92 {
  width: 92%;
}

.input94,
.width94 {
  width: 94%;
}

.input95,
.width95 {
  width: 95%;
}

.input97,
.width97 {
  width: 97%;
}

.input98,
.width98 {
  width: 98%;
}

.input99,
.width99 {
  width: 99%;
}

.input100,
.width100 {
  width: 100%;
}

.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.flex1 {
  flex: 1;
}

.flex1_100 {
  flex: 1;
  width: 100%;
}

.flex_auto {
  flex: 1 1 auto;
}

.flex_auto_100 {
  flex: 1 1 auto;
  width: 100px;
}

/* margin start */
.margin_0 {
  margin: 0;
}

.margin_10 {
  margin: 10px;
}

.margin_20 {
  margin: 20px;
}

.margin_30 {
  margin: 30px;
}

.margin_40 {
  margin: 40px;
}

.margin_50 {
  margin: 50px;
}

.margin_60 {
  margin: 60px;
}

.margin_70 {
  margin: 70px;
}

.margin_80 {
  margin: 80px;
}

.margin_90 {
  margin: 90px;
}

.margin_100 {
  margin: 100px;
}

.margin_t10 {
  margin-top: 10px;
}

.margin_t20 {
  margin-top: 20px;
}

.margin_t30 {
  margin-top: 30px;
}

.margin_t40 {
  margin-top: 40px;
}

.margin_t50 {
  margin-top: 50px;
}

.margin_t60 {
  margin-top: 60px;
}

.margin_t70 {
  margin-top: 70px;
}

.margin_t80 {
  margin-top: 80px;
}

.margin_t90 {
  margin-top: 90px;
}

.margin_t100 {
  margin-top: 100px;
}

.margin_r10 {
  margin-right: 10px;
}

.margin_r20 {
  margin-right: 20px;
}

.margin_r30 {
  margin-right: 30px;
}

.margin_r40 {
  margin-right: 40px;
}

.margin_r50 {
  margin-right: 50px;
}

.margin_r60 {
  margin-right: 60px;
}

.margin_r70 {
  margin-right: 70px;
}

.margin_r80 {
  margin-right: 80px;
}

.margin_r90 {
  margin-right: 90px;
}

.margin_r100 {
  margin-right: 100px;
}

.margin_b10 {
  margin-bottom: 10px;
}

.margin_b20 {
  margin-bottom: 20px;
}

.margin_b30 {
  margin-bottom: 30px;
}

.margin_b40 {
  margin-bottom: 40px;
}

.margin_b50 {
  margin-bottom: 50px;
}

.margin_b60 {
  margin-bottom: 60px;
}

.margin_b70 {
  margin-bottom: 70px;
}

.margin_b80 {
  margin-bottom: 80px;
}

.margin_b90 {
  margin-bottom: 90px;
}

.margin_b100 {
  margin-bottom: 100px;
}

.margin_l10 {
  margin-left: 10px;
}

.margin_l20 {
  margin-left: 20px;
}

.margin_l30 {
  margin-left: 30px;
}

.margin_l40 {
  margin-left: 40px;
}

.margin_l50 {
  margin-left: 50px;
}

.margin_l60 {
  margin-left: 60px;
}

.margin_l70 {
  margin-left: 70px;
}

.margin_l80 {
  margin-left: 80px;
}

.margin_l90 {
  margin-left: 90px;
}

.margin_l100 {
  margin-left: 100px;
}

.margin_tb10 {
  margin: 10px 0;
}

.margin_tb20 {
  margin: 20px 0;
}

.margin_tb30 {
  margin: 30px 0;
}

.margin_tb40 {
  margin: 40px 0;
}

.margin_tb50 {
  margin: 50px 0;
}

.margin_tb60 {
  margin: 60px 0;
}

.margin_tb70 {
  margin: 70px 0;
}

.margin_tb80 {
  margin: 80px 0;
}

.margin_tb90 {
  margin: 90px 0;
}

.margin_tb100 {
  margin: 100px 0;
}

/* margin end */
/* padding start */
.padding_0 {
  padding: 0;
}

.padding_10 {
  padding: 10px;
}

.padding_20 {
  padding: 20px;
}

.padding_30 {
  padding: 30px;
}

.padding_40 {
  padding: 40px;
}

.padding_50 {
  padding: 50px;
}

.padding_60 {
  padding: 60px;
}

.padding_70 {
  padding: 70px;
}

.padding_80 {
  padding: 80px;
}

.padding_90 {
  padding: 90px;
}

.padding_100 {
  padding: 100px;
}

.padding_t10 {
  padding-top: 10px;
}

.padding_t20 {
  padding-top: 20px;
}

.padding_t30 {
  padding-top: 30px;
}

.padding_t40 {
  padding-top: 40px;
}

.padding_t50 {
  padding-top: 50px;
}

.padding_t60 {
  padding-top: 60px;
}

.padding_t70 {
  padding-top: 70px;
}

.padding_t80 {
  padding-top: 80px;
}

.padding_t90 {
  padding-top: 90px;
}

.padding_t100 {
  padding-top: 100px;
}

.padding_r10 {
  padding-right: 10px;
}

.padding_r20 {
  padding-right: 20px;
}

.padding_r30 {
  padding-right: 30px;
}

.padding_r40 {
  padding-right: 40px;
}

.padding_r50 {
  padding-right: 50px;
}

.padding_r60 {
  padding-right: 60px;
}

.padding_r70 {
  padding-right: 70px;
}

.padding_r80 {
  padding-right: 80px;
}

.padding_r90 {
  padding-right: 90px;
}

.padding_r100 {
  padding-right: 100px;
}

.padding_b10 {
  padding-bottom: 10px;
}

.padding_b20 {
  padding-bottom: 20px;
}

.padding_b30 {
  padding-bottom: 30px;
}

.padding_b40 {
  padding-bottom: 40px;
}

.padding_b50 {
  padding-bottom: 50px;
}

.padding_b60 {
  padding-bottom: 60px;
}

.padding_b70 {
  padding-bottom: 70px;
}

.padding_b80 {
  padding-bottom: 80px;
}

.padding_b90 {
  padding-bottom: 90px;
}

.padding_b100 {
  padding-bottom: 100px;
}

.padding_l10 {
  padding-left: 10px;
}

.padding_l20 {
  padding-left: 20px;
}

.padding_l30 {
  padding-left: 30px;
}

.padding_l40 {
  padding-left: 40px;
}

.padding_l50 {
  padding-left: 50px;
}

.padding_l60 {
  padding-left: 60px;
}

.padding_l70 {
  padding-left: 70px;
}

.padding_l80 {
  padding-left: 80px;
}

.padding_l90 {
  padding-left: 90px;
}

.padding_l100 {
  padding-left: 100px;
}

.padding_tb10 {
  padding: 10px 0;
}

.padding_tb20 {
  padding: 20px 0;
}

.padding_tb30 {
  padding: 30px 0;
}

.padding_tb40 {
  padding: 40px 0;
}

.padding_tb50 {
  padding: 50px 0;
}

.padding_tb60 {
  padding: 60px 0;
}

.padding_tb70 {
  padding: 70px 0;
}

.padding_tb80 {
  padding: 80px 0;
}

.padding_tb90 {
  padding: 90px 0;
}

.padding_tb100 {
  padding: 100px 0;
}

/* padding end */
/* flex_box start */
.flex {
  display: flex;
}

.flex_jcac {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_jc {
  display: flex;
  justify-content: center;
}

.flex_ac {
  display: flex;
  align-items: center;
}

.flex_ae {
  display: flex;
  align-items: flex-end;
}

.flex_col {
  display: flex;
  flex-flow: column nowrap;
}

.flex_col_jcac {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.flex_col_jc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.flex_col_ac {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.flex_jsb {
  display: flex;
  justify-content: space-between;
}

.flex_jsb_ac {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_col_jsb {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.flex_rowwrap {
  display: flex;
  flex-flow: row wrap;
}

.flex_colwrap {
  display: flex;
  flex-flow: column wrap;
}

.flex1 {
  flex: 1;
}

.flex1_100 {
  flex: 1;
  width: 100%;
}

.flex_auto {
  flex: 1 1 auto;
}

.flex_auto_100 {
  flex: 1 1 auto;
  width: 100%;
}

.gap5 {
  gap: 5px;
}

.gap10 {
  gap: 10px;
}

.gap15 {
  gap: 15px;
}

.gap20 {
  gap: 20px;
}

.gap25 {
  gap: 25px;
}

.gap30 {
  gap: 30px;
}

.gap35 {
  gap: 35px;
}

.gap40 {
  gap: 40px;
}

.gap45 {
  gap: 45px;
}

.gap50 {
  gap: 50px;
}

.gap55 {
  gap: 55px;
}

.gap60 {
  gap: 60px;
}

.gap65 {
  gap: 65px;
}

.gap70 {
  gap: 70px;
}

.gap75 {
  gap: 75px;
}

.gap80 {
  gap: 80px;
}

.gap85 {
  gap: 85px;
}

.gap90 {
  gap: 90px;
}

.gap95 {
  gap: 95px;
}

.gap100 {
  gap: 100px;
}

/* flex_box end */
/* 리스트 start */
.dash_list {
  padding: 10px 0 0;
}

.dash_list > li {
  color: #777;
  padding-left: 10px;
  position: relative;
  line-height: 1.2em;
}

.dash_list > li::before {
  display: block;
  content: "";
  width: 5px;
  height: 1px;
  background: #777;
  position: absolute;
  left: 0;
  top: 9px;
}

.dash_list > li + li {
  margin-top: 10px;
}

.num_list1 > li {
  padding: 0 0 0 18px;
  position: relative;
  line-height: 1.2em;
  counter-increment: steps;
}

.num_list1 > li + li {
  margin: 8px 0 0;
}

.num_list1 > li::before {
  display: inline-block;
  content: counter(steps) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #034992;
  font-weight: 600;
}

.num_list1 .list_wrn {
  padding: 0;
}

.num_list1 .list_wrn::before {
  display: none;
}

.num_list1.black li::before {
  color: #555;
}

.num_list2 {
  padding: 14px 0 0;
  line-height: 1.2em;
}

.num_list2 > li {
  color: #777;
  font-size: 15px;
  padding: 0 0 0 18px;
  position: relative;
  counter-increment: steps2;
}

.num_list2 > li + li {
  margin: 8px 0 0;
}

.num_list2 > li::before {
  display: inline-block;
  content: counter(steps2) ".";
  font-size: 15px;
  position: absolute;
  left: 0;
  top: 0;
  color: #777;
  font-weight: 500;
}

.circle_num_list1 {
  counter-reset: circle 0;
  line-height: 1.2em;
}

.circle_num_list1 li {
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
}

.circle_num_list1 li::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #252525;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 2px;
  counter-increment: circle 1;
  content: counter(circle);
}

.circle_num_list1 li + li {
  margin-top: 12px;
}

.circle_num_list2 {
  counter-reset: circle 0;
  line-height: 1.2em;
}

.circle_num_list2 li {
  position: relative;
  padding-left: 24px;
}

.circle_num_list2 li::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #252525;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 2px;
  counter-increment: circle 1;
  content: counter(circle);
}

.circle_num_list2 li + li {
  margin-top: 20px;
}

.explain_list {
  padding: 10px 0 0;
}

.explain_list + .input_form {
  margin-top: 8px;
}

.explain_list > li {
  color: #777;
  position: relative;
  line-height: 1.3em;
  padding-left: 16px;
  word-break: keep-all;
}

.explain_list > li::before {
  display: inline-block;
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.explain_list > li + li {
  margin-top: 10px;
}

.explain_list > li.wrn {
  color: #eb0000;
}

.explain.wrn {
  color: #EB0000;
}

.explain.wrn::before {
  color: #EB0000;
}

/* 리스트 end */
/* file_ico start */
.file_ico {
  font-size: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

.file_ico::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(204,204,204,1)'%3E%3Cpath d='M18 19H19V6.82843L17.1716 5H16V9H7V5H5V19H6V12H18V19ZM4 3H18L20.7071 5.70711C20.8946 5.89464 21 6.149 21 6.41421V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM8 14V19H16V14H8Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

/* file_ico end */
/* 체크 icon start*/
.check_ico {
  font-size: 0;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
}

.check_ico::before {
  display: block;
  content: "✔";
  font-size: 18px;
  font-weight: 500;
  color: #0066C3;
}

/* 체크 icon end*/
/* 로딩 이미지 */
.loadingWrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  text-align: center;
}

.loadingWrap p {
  margin-top: 15px;
  font-weight: 300;
  font-size: 38px;
  opacity: 0.8;
  color: #fff;
  letter-spacing: 0;
}

.loadingWrap #loading {
  margin-top: 800px;
}

#loading {
  display: inline-block;
  width: 70px;
  height: 70px;
  border: 8px solid rgba(102, 169, 232, 0.534);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

#loading p {
  font-size: 24px;
  font-weight: 600;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* 2 초씩 바운스 효과 */
.main_banner01.swiper-slide-active .deco_img {
  transition: all 0.7s ease 2.8s;
}

.bounce {
  position: relative;
  /* 파폭 */
  /* 크롬 */
  animation: bounce 4s infinite ease;
}
@keyframes bounce {
  0% {
    top: 15%;
  }
  50% {
    top: 20%;
  }
  100% {
    top: 15%;
  }
}
/* 파일 start */
.write_file_upload {
  margin: 20px 0 30px;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  background: #fafafa;
  position: relative;
}

.upload_list {
  padding: 24px 24px 14px;
  position: relative;
}

.upload_list .file_drag {
  width: 100%;
  height: 120px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #999;
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  height: 120px;
  box-sizing: border-box;
  background: #fefefe;
  border: 1px dashed #ddd;
  border-radius: 5px;
  transition: all 0.2s ease;
}

.upload_list .file_drag::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(153,153,153,1)'%3E%3Cpath d='M16 13L22.9641 17.0622L19.9913 17.9129L22.116 21.5933L20.384 22.5933L18.2592 18.9129L16.0359 21.0622L16 13ZM14 6H16V8H21C21.5523 8 22 8.44772 22 9V13H20V10H10V20H14V22H9C8.44772 22 8 21.5523 8 21V16H6V14H8V9C8 8.44772 8.44772 8 9 8H14V6ZM4 14V16H2V14H4ZM4 10V12H2V10H4ZM4 6V8H2V6H4ZM4 2V4H2V2H4ZM8 2V4H6V2H8ZM12 2V4H10V2H12ZM16 2V4H14V2H16Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}

.upload_list .file_drag.dragging {
  border-color: #23ABAF;
  background: #F2F9FA;
  color: #23ABAF;
}

.upload_list .file_drag.dragging::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(35,171,175,1)'%3E%3Cpath d='M14 6H16V8H21C21.5523 8 22 8.44772 22 9V16.5L16 13L16.0359 21.0622L18.2592 18.9129L20.041 22H9C8.44772 22 8 21.5523 8 21V16H6V14H8V9C8 8.44772 8.44772 8 9 8H14V6ZM22 17.338V21C22 21.107 21.9832 21.2101 21.9521 21.3068L19.9913 17.9129L22 17.338ZM4 14V16H2V14H4ZM4 10V12H2V10H4ZM4 6V8H2V6H4ZM4 2V4H2V2H4ZM8 2V4H6V2H8ZM12 2V4H10V2H12ZM16 2V4H14V2H16Z'%3E%3C/path%3E%3C/svg%3E");
}

.upload_list ul {
  background: #fff;
  height: 120px;
  overflow-y: auto;
  border-radius: 5px;
  border: 1px solid #e1e1e0;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.upload_list ul li {
  border-bottom: 1px dashed #e1e1e0;
  position: relative;
}

.upload_list ul li:last-child {
  border: 0 none;
}

.upload_list ul li label {
  font-size: 15px;
  display: block;
  padding: 10px 16px 10px 40px;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(15,169,255,1)'%3E%3Cpath d='M5 5V19H19V7.82843L16.1716 5H5ZM4 3H17L20.7071 6.70711C20.8946 6.89464 21 7.149 21 7.41421V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM12 18C10.3431 18 9 16.6569 9 15C9 13.3431 10.3431 12 12 12C13.6569 12 15 13.3431 15 15C15 16.6569 13.6569 18 12 18ZM6 6H15V10H6V6Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 15px center;
}

.upload_list ul li label:hover {
  background-color: #f2f9f4;
}

.upload_list ul li input[type=checkbox]:checked + label {
  background: #f2f9f4;
}

.upload_list ul li .file_del {
  font-size: 0;
  background-color: transparent;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  right: 16px;
  top: 6px;
  transition: all 0.2s ease;
  border-radius: 2px;
}

.upload_list ul li .file_del:hover {
  background-color: #f2f2f2;
}

.write_file_upload .btn_wrap {
  padding: 0px 24px 24px;
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  justify-content: center;
  gap: 5px;
}

.write_file_upload .btn_wrap .file_count {
  margin-right: auto;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.write_file_upload .btn_wrap .file_count strong {
  display: inline-block;
  margin-right: 6px;
  color: #555;
}

.write_file_upload .btn_wrap .file_count span {
  color: #777;
}

/* 파일 end */
.cmt_area {
  box-sizing: border-box;
  background-color: #fafafa;
  padding: 0 20px;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  margin: 30px 0 0;
}
.cmt_area h4 {
  font-size: 18px;
  font-weight: 700;
  padding: 0 10px 20px;
}
.cmt_area .cmt_wrap {
  margin: 0 0 20px;
}
.cmt_area .cmt_wrap li {
  padding: 20px 10px;
  border-top: 1px solid #ddd;
  position: relative;
}
.cmt_area .cmt_wrap li .cmt_writer {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 15px;
  padding-left: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(34,34,34,1)'%3E%3Cpath d='M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}
.cmt_area .cmt_wrap li .cmt_contents {
  display: block;
  line-height: 1.2em;
}
.cmt_area .cmt_wrap li .cmt_date {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  font-weight: 300;
  font-size: 15px;
  line-height: 1;
}
.cmt_area .cmt_wrap li .cmt_write {
  margin: 15px 0 0;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap {
  position: absolute;
  right: 10px;
  top: 15px;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap button {
  background: transparent;
  color: #999;
  font-size: 15px;
  transition: all 0.2s ease;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap button:hover {
  font-weight: 500;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap button + button {
  margin-left: 6px;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap button + button::before {
  display: inline-block;
  content: "";
  margin-right: 8px;
  width: 1px;
  height: 10px;
  background: #ccc;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap .btn_recmt {
  padding: 4px 8px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 2px;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap .btn_recmt:hover {
  background-color: #f5f5f5;
  font-weight: 400;
}
.cmt_area .cmt_wrap li .cmt_mod_wrap .btn_recmt::before {
  display: none;
}
.cmt_area .cmt_wrap .recmt_wrap {
  padding: 0 0 0 30px;
}
.cmt_area .cmt_wrap .recmt_wrap li {
  border: 0 none;
  margin: 15px 0 0;
  border: 1px dashed #ddd;
  padding: 15px 15px;
  position: relative;
}
.cmt_area .cmt_wrap .recmt_wrap li::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(204,204,204,1)'%3E%3Cpath d='M4.99989 13.9999L4.99976 5L6.99976 4.99997L6.99986 11.9999L17.1717 12L13.222 8.05024L14.6362 6.63603L21.0001 13L14.6362 19.364L13.222 17.9497L17.1717 14L4.99989 13.9999Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.cmt_area .cmt_wrap .recmt_wrap li .cmt_mod_wrap {
  right: 15px;
}
.cmt_area .cmt_write {
  display: flex;
}
.cmt_area .cmt_write input[type=text] {
  margin: 0;
  height: 46px;
  border-radius: 3px 0 0 3px;
  flex: 1;
  width: 100%;
  border-right: 0 none;
}
.cmt_area .cmt_write .btn {
  border-radius: 0 3px 3px 0;
  height: 46px;
  word-break: keep-all;
}
.cmt_area .page_wrap {
  margin: 30px 0;
}

.cmt_area.on {
  padding: 30px 20px;
  height: auto;
  overflow: visible;
}

.cmt_area + .list_updown {
  margin-top: 30px;
}

/* 모달 start */
/* 모달 end */
html {
  scrollbar-width: thin;
  scrollbar-arrow-color: #efefef;
  scrollbar-Track-Color: #efefef;
  scrollbar-base-color: #dfdfdf;
  scrollbar-Face-Color: #dfdfdf;
  scrollbar-3dLight-Color: #dfdfdf;
  scrollbar-DarkShadow-Color: #dfdfdf;
  scrollbar-Highlight-Color: #dfdfdf;
  scrollbar-Shadow-Color: #dfdfdf;
}

body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button, textarea, input, select, figure {
  color: #222;
}

input[type=text], input[type=password], input[type=date], input[type=month], input[type=number], input[type=date], input[type=time], input[type=datetime-local], select, .input {
  height: 40px;
}

button {
  background-color: transparent;
  transition: all 0.15s ease 0s;
}

a {
  color: #2a3da7;
}

a:focus, a:hover, a:active {
  color: #15226b;
}

.pri_color {
  color: #1E6EEB;
}

/* 버튼 start */
.btn_wrap {
  font-size: 0;
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  justify-content: flex-end;
  gap: 5px;
  padding: 20px 0 0;
}

.btn_wrap.right {
  justify-content: flex-end;
}

.btn_wrap.left {
  justify-content: flex-start;
}

.btn_wrap.center {
  justify-content: center;
}

.btn_wrap.justify {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.btn_wrap.col {
  display: flex;
  flex-flow: column nowrap;
}

.btn_wrap.full {
  display: flex;
  flex-flow: row nowrap;
}

.btn_wrap.full .btn {
  flex: 1;
  min-height: 46px;
}

.btn_wrap.full_col {
  display: flex;
  flex-flow: column;
}

.btn_wrap.full_col .btn {
  flex: 1;
  min-height: 46px;
}

table td .btn_wrap {
  padding: 0;
  margin: 0;
  justify-content: center;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border: 1px solid #1E6EEB;
  min-height: 40px;
  padding: 6px 10px;
  font-size: 16px;
  transition: all 0.2s ease;
  border-radius: 3px;
  min-width: 80px;
  box-sizing: border-box;
  position: relative;
  font-weight: 400;
  color: #1E6EEB;
  background: #fff;
  line-height: 1;
  word-break: keep-all;
  cursor: pointer;
}

.btn:hover, .btn:focus {
  background-color: #f6f6f6;
  color: #1E6EEB;
}

textarea + .btn {
  margin-top: 10px;
}

.btn_wrap.right,
table .btn {
  min-width: 50px;
  min-height: 34px;
}

.table_bottom .btn {
  height: 42px;
  min-width: 140px;
}

body {
  background: #f5f5f5;
}

.h1 {
  display: flex;
  height: 100%;
  font-size: 20px;
}

.h1 a, .h1 span {
  padding: 0 10px;
  color: #333;
  font-weight: 500;
}
.h1 a img, .h1 span img {
  height: 24px;
  margin-right: 6px;
}

.h1 a {
  justify-content: center;
}

.org_name,
.text_admin {
  display: flex;
  align-items: center;
}

.text_admin {
  font-weight: 300;
}

.org_name {
  color: #000;
  font-size: 25px;
  position: relative;
  font-weight: 500;
}

.org_name:before {
  display: block;
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.15);
}

span.required {
  color: #DF0043;
}

.header {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  height: 63px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}

/* common */
a.skip:focus {
  position: fixed;
  z-index: 100;
  right: 0;
  background-color: #000;
  color: #fff;
}

table.table.center td.menu_path,
table.table.center td.menu_name {
  text-align: left;
}

.table_wrap {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.table_wrap::-webkit-scrollbar {
  height: 5px;
}
.table_wrap table {
  margin: 0 0 10px;
}

.btn_wrap + .table_wrap {
  margin: 20px 0 0;
}

a.btn_more {
  font-size: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #ededed;
  border-radius: 50%;
}

table .num {
  width: 36px;
}

table .div {
  width: 36px;
}

.hidden {
  position: fixed;
  left: -99999px;
  top: -99999px;
}

.label_box_wrap {
  display: flex;
}

.label_box_wrap.center {
  justify-content: center;
}

.label_box_wrap.left {
  justify-content: flex-start;
}

.label_box_wrap.right {
  justify-content: flex-end;
}

.label_input {
  line-height: 1.2em;
  gap: 5px;
  display: flex;
  align-items: flex-start;
}

.label_input.center {
  justify-content: center;
}

.label_input.left {
  justify-content: flex-start;
}

.label_input.right {
  justify-content: flex-end;
}

.label_input_ac {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  line-height: 1.2em;
  align-items: center;
  gap: 6px;
}

.file_upload_box {
  display: flex;
  align-items: center;
  gap: 4px;
}

span.label_input {
  position: relative;
}
span.label_input label {
  padding-left: 20px;
}
span.label_input .label_input:has([type=radio]) input[type=radio] {
  margin: 0 0 2px 0;
}

input[type=text], input[type=password], input[type=date], input[type=month], input[type=number], input[type=date], input[type=time], input[type=datetime-local], select, .input, textarea {
  min-width: 0;
}

.image_resized img {
  max-width: 100%;
}

.comment {
  font-size: 15px;
  font-weight: 300;
  padding: 8px 0;
}

p.comment {
  font-size: 15px;
  font-weight: 400;
}

.flex {
  display: flex;
}

.select_wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.select_wrap select {
  flex: 1;
  width: auto;
}

.double_check {
  min-width: 84px;
}

/* 페이징 start */
.table_bottom + .page_wrap, .table_bottom + #paginationArea .page_wrap {
  padding: 10px 0 0;
}

.page_wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 3px;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0;
}

.page_wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 3px;
  color: #999;
  background: #fff;
  transition: all 0.2s ease;
}
.page_wrap button:hover {
  background-color: #f2f2f2;
  color: #777;
}
.page_wrap button:disabled {
  color: #fff;
  background-color: #666;
  font-weight: 600;
}
.page_wrap button.page_first, .page_wrap button.page_prev, .page_wrap button.page_next, .page_wrap button.page_last {
  border: 1px solid #ddd;
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.page_wrap button.page_first:hover, .page_wrap button.page_prev:hover, .page_wrap button.page_next:hover, .page_wrap button.page_last:hover {
  background-color: #f2f2f2;
}
.page_wrap button.page_first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(200,200,200,1)'%3E%3Cpath d='M4.83578 12L11.0429 18.2071L12.4571 16.7929L7.66421 12L12.4571 7.20712L11.0429 5.79291L4.83578 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z'%3E%3C/path%3E%3C/svg%3E");
}
.page_wrap button.page_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(200,200,200,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.page_wrap button.page_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(200,200,200,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.page_wrap button.page_last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(200,200,200,1)'%3E%3Cpath d='M19.1642 12L12.9571 5.79291L11.5429 7.20712L16.3358 12L11.5429 16.7929L12.9571 18.2071L19.1642 12ZM13.5143 12L7.30722 5.79291L5.89301 7.20712L10.6859 12L5.89301 16.7929L7.30722 18.2071L13.5143 12Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 페이징 end */
/* 버튼 상태 */
.btn.btn_dis, .btn:disabled {
  border-color: #ddd;
  background: #ddd;
  color: #888;
  cursor: default;
}

.btn.pri {
  background: #1E6EEB;
  color: #fff;
  border-color: #1E6EEB;
}

.btn.pri:hover, .btn.pri:focus {
  background-color: #0A5CDF;
  border-color: #0A5CDF;
}

.btn.pri.dis {
  border-color: #ccc;
  background: #ccc;
  color: #333;
  cursor: default;
}

.btn.sec {
  background: #fff;
  color: #252525;
  border-color: #ccc;
}

.btn.sec:hover, .btn.sec:focus {
  background: #f9f9f9;
}

.btn.wrn {
  background: #c30000;
  color: #fff;
  border-color: #c30000;
}

.btn.wrn:hover {
  background: #b10000;
  border-color: #b10000;
}

.btn.font0 {
  font-size: 0;
  min-width: 40px;
}

.btn.font0::before {
  margin-right: 0;
}

.btn::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 5px 0 0;
}

/* 검색 버튼 */
.btn.btn_search::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_search::before, .btn.sec.btn_search::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 초기화 버튼 */
.btn.btn_reset {
  min-width: 50px;
}

.btn.btn_reset::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_reset::before, .btn.sec.btn_reset::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.btn_reset:hover::before {
  transform: rotate(180deg);
  transition: all 0.8s ease;
}

/* 변경 버튼 */
.btn_change::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M16.0503 12.0498L21 16.9996L16.0503 21.9493L14.636 20.5351L17.172 17.9988L4 17.9996V15.9996L17.172 15.9988L14.636 13.464L16.0503 12.0498ZM7.94975 2.0498L9.36396 3.46402L6.828 5.9988L20 5.99955V7.99955L6.828 7.9988L9.36396 10.5351L7.94975 11.9493L3 6.99955L7.94975 2.0498Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn_change.pri::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M16.0503 12.0498L21 16.9996L16.0503 21.9493L14.636 20.5351L17.172 17.9988L4 17.9996V15.9996L17.172 15.9988L14.636 13.464L16.0503 12.0498ZM7.94975 2.0498L9.36396 3.46402L6.828 5.9988L20 5.99955V7.99955L6.828 7.9988L9.36396 10.5351L7.94975 11.9493L3 6.99955L7.94975 2.0498Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 신청 버튼 */
.btn.btn_apply::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_apply::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 신청 취소 버튼 */
.btn.btn_apply_cancel::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M9 3V1H7V3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H17V1H15V3H9ZM4 10H20V19H4V10ZM4 5H7V6H9V5H15V6H17V5H20V8H4V5ZM9.87862 10.9644L12 13.0858L14.1212 10.9644L15.5355 12.3785L13.4142 14.5001L15.5354 16.6212L14.1213 18.0354L12 15.9143L9.87855 18.0354L8.46442 16.6211L10.5857 14.5001L8.46436 12.3785L9.87862 10.9644Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.btn.pri.btn_apply_cancel::before, .btn.sec.btn_apply_cancel::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M9 3V1H7V3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H17V1H15V3H9ZM4 10H20V19H4V10ZM4 5H7V6H9V5H15V6H17V5H20V8H4V5ZM9.87862 10.9644L12 13.0858L14.1212 10.9644L15.5355 12.3785L13.4142 14.5001L15.5354 16.6212L14.1213 18.0354L12 15.9143L9.87855 18.0354L8.46442 16.6211L10.5857 14.5001L8.46436 12.3785L9.87862 10.9644Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 글쓰기 버튼 */
.btn.btn_write::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89H6.41421L15.7279 9.57627ZM17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785L17.1421 8.16206ZM7.24264 20.89H3V16.6473L16.435 3.21231C16.8256 2.82179 17.4587 2.82179 17.8492 3.21231L20.6777 6.04074C21.0682 6.43126 21.0682 7.06443 20.6777 7.45495L7.24264 20.89Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_write::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89H6.41421L15.7279 9.57627ZM17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785L17.1421 8.16206ZM7.24264 20.89H3V16.6473L16.435 3.21231C16.8256 2.82179 17.4587 2.82179 17.8492 3.21231L20.6777 6.04074C21.0682 6.43126 21.0682 7.06443 20.6777 7.45495L7.24264 20.89Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 수정 버튼 */
.btn.btn_edit:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M16.7574 2.99677L14.7574 4.99677H5V18.9968H19V9.23941L21 7.23941V19.9968C21 20.5491 20.5523 20.9968 20 20.9968H4C3.44772 20.9968 3 20.5491 3 19.9968V3.99677C3 3.44448 3.44772 2.99677 4 2.99677H16.7574ZM20.4853 2.09727L21.8995 3.51149L12.7071 12.7039L11.2954 12.7063L11.2929 11.2897L20.4853 2.09727Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_edit:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M16.7574 2.99677L14.7574 4.99677H5V18.9968H19V9.23941L21 7.23941V19.9968C21 20.5491 20.5523 20.9968 20 20.9968H4C3.44772 20.9968 3 20.5491 3 19.9968V3.99677C3 3.44448 3.44772 2.99677 4 2.99677H16.7574ZM20.4853 2.09727L21.8995 3.51149L12.7071 12.7039L11.2954 12.7063L11.2929 11.2897L20.4853 2.09727Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 삭제 버튼 */
.btn.btn_delete::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_delete::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 엑셀 버튼 */
.btn.btn_excel::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM4 4.73457V19.2654L14 20.694V3.30599L4 4.73457ZM17 19H20V4.99997H17V2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V19ZM10.2 12L13 16H10.6L9 13.7143L7.39999 16H5L7.8 12L5 7.99997H7.39999L9 10.2857L10.6 7.99997H13L10.2 12Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_excel::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM4 4.73457V19.2654L14 20.694V3.30599L4 4.73457ZM17 19H20V4.99997H17V2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V19ZM10.2 12L13 16H10.6L9 13.7143L7.39999 16H5L7.8 12L5 7.99997H7.39999L9 10.2857L10.6 7.99997H13L10.2 12Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 체크 버튼 */
.btn.btn_check::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_check::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn:disabled.btn_check::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(119,119,119,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 목록 버튼 */
.btn.btn_list::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_list::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,235,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 업로드 버튼 */
.btn.btn_upload::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5ZM4 5V19H20V7H11.5858L9.58579 5H4ZM11 12V9H13V12H16V14H13V17H11V14H8V12H11Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_upload::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5ZM4 5V19H20V7H11.5858L9.58579 5H4ZM11 12V9H13V12H16V14H13V17H11V14H8V12H11Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 보기 버튼 */
.btn.btn_view::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_view::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 다운로드 버튼 */
.btn.btn_download::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M13 10H18L12 16L6 10H11V3H13V10ZM4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_download::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M13 10H18L12 16L6 10H11V3H13V10ZM4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 프린트 버튼 */
.btn.btn_print::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M17 2C17.5523 2 18 2.44772 18 3V7H21C21.5523 7 22 7.44772 22 8V18C22 18.5523 21.5523 19 21 19H18V21C18 21.5523 17.5523 22 17 22H7C6.44772 22 6 21.5523 6 21V19H3C2.44772 19 2 18.5523 2 18V8C2 7.44772 2.44772 7 3 7H6V3C6 2.44772 6.44772 2 7 2H17ZM16 17H8V20H16V17ZM20 9H4V17H6V16C6 15.4477 6.44772 15 7 15H17C17.5523 15 18 15.4477 18 16V17H20V9ZM8 10V12H5V10H8ZM16 4H8V7H16V4Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_print::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17 2C17.5523 2 18 2.44772 18 3V7H21C21.5523 7 22 7.44772 22 8V18C22 18.5523 21.5523 19 21 19H18V21C18 21.5523 17.5523 22 17 22H7C6.44772 22 6 21.5523 6 21V19H3C2.44772 19 2 18.5523 2 18V8C2 7.44772 2.44772 7 3 7H6V3C6 2.44772 6.44772 2 7 2H17ZM16 17H8V20H16V17ZM20 9H4V17H6V16C6 15.4477 6.44772 15 7 15H17C17.5523 15 18 15.4477 18 16V17H20V9ZM8 10V12H5V10H8ZM16 4H8V7H16V4Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 달력 버튼 */
.btn.btn_calendar::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_calendar::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 링크 버튼 */
.btn.btn_link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 홈 버튼 */
.btn.btn_home::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM13 19H18V9.15745L12 3.7029L6 9.15745V19H11V13H13V19Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_home::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM13 19H18V9.15745L12 3.7029L6 9.15745V19H11V13H13V19Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 이전 버튼 */
.btn.btn_back::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_back::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z'%3E%3C/path%3E%3C/svg%3E");
}

/* O 버튼 */
.btn.btn_yes::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_yes::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z'%3E%3C/path%3E%3C/svg%3E");
}

/* X 버튼 */
.btn.btn_no::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_no::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn:disabled.btn_no::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(119,119,119,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.btn_sec.btn_no::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 플러스 버튼 */
.btn.btn_plus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_plus::before, .btn.sec.btn_plus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 마이너스 버튼 */
.btn.btn_minus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn.pri.btn_minus::before, .btn.sec.btn_minus::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 버튼 end */
/* 테이블 start */
table.table {
  border-top: 1px solid #151515;
}

table.table caption {
  text-align: left;
}

table.table th, table.table td {
  padding: 10px;
  word-break: keep-all;
  line-height: 1.3em;
  box-sizing: border-box;
}

table.table tbody tr:last-child {
  border-bottom: 0 none;
}

table.table th {
  background: #f6f6f6;
  border: 1px solid #e1e1e0;
  border-top: 0 none;
  font-weight: 500;
  color: #444;
}
table.table th label {
  font-weight: 500;
  color: #444;
}

table.table td {
  background: #fff;
  border: 1px solid #e1e1e0;
  border-top: 0 none;
  text-align: left;
}

table.table tr > :first-child {
  border-left: 0 none;
}

table.table tr > :last-child {
  border-right: 0 none;
}

/* table 기본정렬 */
table.table td.center {
  text-align: center;
}

table.table th.left, table.table td.left {
  text-align: left;
}

table.table th.right, table.table td.right {
  text-align: right;
}

table.table td.title {
  text-align: left;
}

/* table td 가운데 정렬 */
table.table.center th, table.table.center td {
  text-align: center;
}

table.table.center th.left, table.table.center td.left {
  text-align: left;
}

table.table.center th.right, table.table.center td.right {
  text-align: right;
}

table.table.center td.title {
  text-align: left;
}

table.table.center td li {
  text-align: left;
}

/* table th, td 가운데정렬 */
table.all_center th, table.all_center td {
  text-align: center;
}

table.table.all_center td.title {
  text-align: center;
}

table.table.all_center td.title.left {
  text-align: left;
}

table.table.all_center td.title.right {
  text-align: right;
}

/* table td 왼쪽 정렬 */
table.table.left td {
  text-align: left;
}

table.table.left th.center, table.table.left td.center {
  text-align: center;
}

table.table.left th.right, table.table.left td.right {
  text-align: right;
}

table.table td.title {
  text-align: left;
}

/* table th, td 왼쪽 정렬 */
table.all_left th, table.all_left td {
  text-align: left;
}

table.table.all_left td.title {
  text-align: left;
}

table.table.all_left td.title.center {
  text-align: center;
}

table.table.all_left td.title.right {
  text-align: right;
}

/* table td 오른쪽 정렬 */
table.table.right td {
  text-align: right;
}

table.table.right th.center, table.table.right td.center {
  text-align: center;
}

table.table.right th.left, table.table.right td.left {
  text-align: left;
}

table.table.right td.title {
  text-align: left;
}

/* table th,td 오른쪽 정렬 */
table.all_right th, table.all_right td {
  text-align: right;
}

table.table.all_right td.title {
  text-align: right;
}

table.table.all_right td.title.center {
  text-align: center;
}

table.table.all_right td.title.left {
  text-align: left;
}

table.table .btn_cell {
  width: 90px;
}
table.table .image {
  width: 170px;
}

.board_type_wrap > article {
  margin-top: 30px;
  padding: 30px 30px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fafafa;
}
.board_type_wrap > article h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.table.sample_table tr > :first-child {
  border-left: 0 none;
}
.table.sample_table tr > :last-child {
  border-right: 0 none;
}
.table.sample_table th, .table.sample_table td {
  padding: 10px 10px;
  font-size: 16px;
}
.table.sample_table th {
  color: #666;
  background-color: #f9f9f9;
}
.table.sample_table td {
  color: #777;
  font-weight: 400;
}

.gallery_type .gallery_wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.gallery_type .gallery_wrap > article {
  width: calc(25% - 15px);
}
.gallery_type .gallery_wrap > article h5 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.gallery_type .gallery_wrap > article h5 .thumbnail {
  display: block;
  width: 100%;
  height: 200px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/board_sample.svg");
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  margin-bottom: 10px;
}
.gallery_type .gallery_wrap > article h5 .title {
  color: #777;
  font-size: 18px;
  font-weight: 500;
}
.gallery_type .gallery_wrap > article dl {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gallery_type .gallery_wrap > article dl dd {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #999;
}
.gallery_type .gallery_wrap > article dl dd::before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #ccc;
  border-radius: 50%;
}
.gallery_type .gallery_wrap > article dl dd:first-of-type::before {
  display: none;
}

.faq_type .faq_wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.faq_type .faq_wrap > li {
  padding: 20px 30px;
  box-sizing: border-box;
  border: 1px dashed #ddd;
  background-color: #fff;
}
.faq_type .faq_wrap > li dl {
  display: flex;
  flex-flow: row wrap;
  gap: 15px 0;
}
.faq_type .faq_wrap > li dl dt, .faq_type .faq_wrap > li dl dd {
  display: flex;
  justify-content: center;
}
.faq_type .faq_wrap > li dl dt {
  font-size: 0;
}
.faq_type .faq_wrap > li dl dt::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "Q";
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #777;
  background-color: #d9d9d9;
  border-radius: 50%;
  font-weight: 500;
}
.faq_type .faq_wrap > li dl dt.answer::before {
  content: "A";
  background-color: #efefef;
}
.faq_type .faq_wrap > li dl dd {
  width: calc(100% - 30px);
  padding-left: 30px;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  color: #777;
  font-weight: 500;
  box-sizing: border-box;
  position: relative;
}
.faq_type .faq_wrap > li dl dd::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  top: 7px;
}
.faq_type .faq_wrap > li dl dd.answer {
  font-size: 16px;
  color: #999;
}
.faq_type .faq_wrap > li dl dd.answer::before {
  display: none;
}
.faq_type .faq_wrap > li dl dd.answer li {
  color: #999;
}
.faq_type .faq_wrap > li dl dd.answer li + li {
  margin-top: 8px;
}
.faq_type .faq_wrap > li:first-child dd::before {
  transform: rotate(180deg);
}
.faq_type .faq_wrap > li:first-child .question {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ddd;
}

.sample_table.qna td.title span {
  display: block;
  padding-left: 24px;
  position: relative;
}
.sample_table.qna td.title span::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/board_sample_answer.svg");
  position: absolute;
  left: 0;
  top: 0;
}

article:not(.modal_area, .today1) + article:not(.modal_area, .today1) {
  margin-top: 20px;
}

.list_table {
  width: 100%;
  position: relative;
}
.list_table td, .list_table th {
  min-height: 40px;
  text-align: left;
  padding: 14px 0;
  line-height: 1.3em;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
}
.list_table td .width50, .list_table th .width50 {
  width: 50%;
  min-width: 400px;
}
.list_table td .width100, .list_table th .width100 {
  min-width: 400px;
}
.list_table th {
  width: 200px;
  font-weight: 500;
}
.list_table th label {
  font-weight: 500;
  line-height: 1.3em;
}
.list_table th .must_ico {
  margin: 0 0 0 6px;
}
.list_table td {
  padding: 14px 0 14px 14px;
}
.list_table td + th {
  padding: 14px 0 14px 14px;
}
.list_table td > input[type=text], .list_table td td > input[type=password], .list_table td td > select {
  width: 50%;
  min-width: 400px;
}
.list_table td > input[type=number] {
  width: 25%;
  min-width: 200px;
}
.list_table td:has(.ck-editor) {
  padding: 0 0 0 14px;
}
.list_table textarea {
  width: 100%;
  height: 120px;
  font-size: 15px;
  line-height: 1.3em;
  resize: none;
}
.list_table .html_wrap {
  width: 100%;
}
.list_table .html_wrap textarea {
  width: 100%;
  height: 500px;
  resize: none;
  overflow-y: auto;
}
.list_table .btn {
  min-height: 40px;
}
.list_table .ck.ck-editor {
  border-left: 1px solid #eaeaea;
}
.list_table .during_wrap {
  width: 100%;
  min-width: 400px;
  flex-flow: row wrap;
}
.list_table .during_wrap select {
  width: auto;
  min-width: auto;
}
.list_table .condition_wrap {
  width: 50%;
  min-width: 400px;
  flex-flow: row nowrap;
}
.list_table .condition_wrap .condition_item {
  flex: 1 1 auto;
}
.list_table .condition_wrap input[type=number] {
  width: 100%;
  min-width: 0;
}
.list_table .condition_wrap select {
  width: auto;
  min-width: auto;
}
.list_table .position_wrap {
  width: 50%;
  min-width: 400px;
  flex-flow: row nowrap;
}
.list_table .position_wrap input[type=number] {
  width: 100%;
  min-width: 0;
}
.list_table .position_wrap select {
  width: auto;
  min-width: auto;
}
.list_table .popupsize_input {
  width: 50%;
  min-width: 400px;
  flex-flow: row nowrap;
}
.list_table .popupsize_input input[type=number] {
  width: 100%;
  min-width: 0;
}
.list_table .popupsize_input select {
  width: auto;
  min-width: auto;
}
.list_table .flex_box {
  width: 50%;
  min-width: 400px;
}
.list_table .flex_box input[type=text], .list_table .flex_box select {
  flex: 1;
  min-width: auto;
}
.list_table .email_input {
  width: 50%;
  min-width: 400px;
  flex-flow: row nowrap;
}
.list_table .email_input input[type=text] {
  flex: 1 1 auto;
  min-width: 0;
}
.list_table .email_input select {
  width: auto;
  min-width: auto;
}
.list_table .address_input {
  width: 50%;
  min-width: 400px;
}
.list_table .address_input input[type=text] {
  flex: 1;
  min-width: 0;
}
.list_table .sns_link_input_wrap {
  width: 50%;
  min-width: 400px;
  padding: 0;
}
.list_table .sns_link_input_wrap > div {
  width: 100%;
}
.list_table:has(.thumbnail_tr) {
  padding: 0 0 0 430px;
  box-sizing: border-box;
}
.list_table:has(.thumbnail_tr) input[type=text], .list_table:has(.thumbnail_tr) input[type=password], .list_table:has(.thumbnail_tr) select {
  width: 100%;
  min-width: 400px;
}
.list_table:has(.thumbnail_tr) input[type=number] {
  width: 50%;
  min-width: 200px;
}
.list_table:has(.thumbnail_tr) .condition_wrap, .list_table:has(.thumbnail_tr) .position_wrap, .list_table:has(.thumbnail_tr) .popupsize_input, .list_table:has(.thumbnail_tr) .flex_box, .list_table:has(.thumbnail_tr) .email_input, .list_table:has(.thumbnail_tr) .address_input, .list_table:has(.thumbnail_tr) .sns_link_input_wrap {
  width: 100%;
}
.list_table .btn.select_board_button {
  min-height: 36px;
}
.list_table .btn.select_board_button:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  margin-right: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 7H16V9H8V7ZM8 11H16V13H8V11ZM8 15H16V17H8V15Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.list_table .btn.select_module_button {
  min-height: 36px;
}
.list_table .btn.select_module_button:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  margin-right: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M3 4C3 3.44772 3.44772 3 4 3H10C10.5523 3 11 3.44772 11 4V10C11 10.5523 10.5523 11 10 11H4C3.44772 11 3 10.5523 3 10V4ZM3 14C3 13.4477 3.44772 13 4 13H10C10.5523 13 11 13.4477 11 14V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V14ZM13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11H14C13.4477 11 13 10.5523 13 10V4ZM13 14C13 13.4477 13.4477 13 14 13H20C20.5523 13 21 13.4477 21 14V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V14ZM15 5V9H19V5H15ZM15 15V19H19V15H15ZM5 5V9H9V5H5ZM5 15V19H9V15H5Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.modal_area .list_table .condition_wrap {
  width: 100%;
}

.email_input {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
}
.email_input input[type=text] {
  flex: 2 1 0;
  width: auto;
  min-width: 0;
}
.email_input select {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}
.email_input .at {
  font-weight: 500;
  color: #777;
}

.condition_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.condition_wrap.col {
  flex-flow: column nowrap;
  gap: 4px;
}
.condition_wrap .condition_item {
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px;
}
.condition_wrap .condition_item > label {
  flex: none;
  font-weight: 500;
  color: #555;
}
.condition_wrap .condition_item input[type=text], .condition_wrap .condition_item input[type=number], .condition_wrap .condition_item input[type=date], .condition_wrap .condition_item input[type=time] {
  flex: 1;
  min-width: 0;
  border: 0 none;
  padding: 0;
}
.condition_wrap .condition_item input[type=text]:focus, .condition_wrap .condition_item input[type=number]:focus, .condition_wrap .condition_item input[type=date]:focus, .condition_wrap .condition_item input[type=time]:focus {
  outline: 0 none;
}
.condition_wrap .condition_item input[type=date], .condition_wrap .condition_item input[type=time] {
  padding: 0 38px 0 0px;
}
.condition_wrap .condition_item input[type=number] {
  width: 100px;
}
.condition_wrap .condition_item:has(input[type=text]:focus) {
  outline: 2px solid #252525;
}

.address_input {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
.address_input .address_num {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
.address_input .address_num .address1, .address_input .address_num input[type=text] {
  max-width: 150px;
}
.address_input input[type=text] {
  flex: 1;
  width: auto;
  min-width: 0;
}

.during_wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  /*flex: 1; width: 100%;*/
}
.during_wrap .label {
  flex: none;
  margin: 0 5px 0;
  font-weight: 500;
}
.during_wrap label {
  flex: none;
  margin-right: 6px;
  font-weight: 600;
}
.during_wrap input[type=text], .during_wrap input[type=date], .during_wrap input[type=time], .during_wrap input[type=number] {
  min-width: 0;
}
.during_wrap input[type=date] {
  min-width: 146px;
}
.during_wrap input[type=time] {
  min-width: 128px;
}
.during_wrap .wave {
  width: auto;
  margin: 0;
  color: #999;
}
.during_wrap .date_time {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-sizing: border-box;
}
.during_wrap .date_time input[type=date], .during_wrap .date_time input[type=time] {
  border: 0 none;
  padding: 0;
}
.during_wrap .date_time input[type=date]:focus, .during_wrap .date_time input[type=time]:focus {
  outline: 0 none;
}
.during_wrap .date_time:has(:focus) {
  outline: 2px solid #252525;
}

.position_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0 0;
}
.position_wrap > span {
  display: flex;
  align-items: center;
  gap: 0;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}
.position_wrap > span input[type=text], .position_wrap > span input[type=number] {
  width: 150px;
  border: 0 none;
}
.position_wrap > span input[type=text]:focus, .position_wrap > span input[type=number]:focus {
  outline: 0 none;
}
.position_wrap > span label {
  flex: none;
}
.position_wrap > span select {
  min-width: 0;
  border: 0 none;
}
.position_wrap > span:has(:focus) {
  outline: 2px solid #252525;
}

.data_wrap dl dd .popupsize_input,
.popupsize_input {
  display: flex;
  align-items: center;
  gap: 10px;
}
.data_wrap dl dd .popupsize_input > span,
.popupsize_input > span {
  display: flex;
  align-items: center;
  gap: 0;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  padding: 0 10px;
}
.data_wrap dl dd .popupsize_input > span label,
.popupsize_input > span label {
  flex: none;
}
.data_wrap dl dd .popupsize_input > span input[type=text], .data_wrap dl dd .popupsize_input > span input[type=number],
.popupsize_input > span input[type=text],
.popupsize_input > span input[type=number] {
  width: 100%;
  border: 0 none;
}
.data_wrap dl dd .popupsize_input > span input[type=text]:focus, .data_wrap dl dd .popupsize_input > span input[type=number]:focus,
.popupsize_input > span input[type=text]:focus,
.popupsize_input > span input[type=number]:focus {
  outline: 0 none;
}
.data_wrap dl dd .popupsize_input > span:has(:focus),
.popupsize_input > span:has(:focus) {
  outline: 2px solid #252525;
}

.modal_area:has(.familymember_item) .modal_wrap {
  max-width: 1400px;
}

.fmailymember_area {
  display: flex;
  flex-flow: column wrap;
  gap: 8px;
}

.familymember_item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 0 10px;
  border-bottom: 1px solid #dbdbdb;
}
.familymember_item:last-of-type {
  border-bottom: 0 none;
  padding: 0;
}
.familymember_item > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.familymember_item label {
  flex: 2 1 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.familymember_item label > span {
  flex: none;
  width: 18px;
  height: 18px;
  font-size: 0;
}
.familymember_item label > span::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
}
.familymember_item label input[type=text] {
  width: 100%;
  min-width: 0;
  border: 0 none;
  padding: 0;
}
.familymember_item label input[type=text]:focus {
  outline: 0 none;
}
.familymember_item label:has(:disabled) input[type=text] {
  background-color: #fff;
}
.familymember_item label.name {
  flex: 1 1 0;
}
.familymember_item label.name > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(85,85,85,1)'%3E%3Cpath d='M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z'%3E%3C/path%3E%3C/svg%3E");
}
.familymember_item label.relationship {
  flex: 1 1 0;
}
.familymember_item label.relationship > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(85,85,85,1)'%3E%3Cpath d='M2 22C2 17.5817 5.58172 14 10 14C14.4183 14 18 17.5817 18 22H16C16 18.6863 13.3137 16 10 16C6.68629 16 4 18.6863 4 22H2ZM10 13C6.685 13 4 10.315 4 7C4 3.685 6.685 1 10 1C13.315 1 16 3.685 16 7C16 10.315 13.315 13 10 13ZM10 11C12.21 11 14 9.21 14 7C14 4.79 12.21 3 10 3C7.79 3 6 4.79 6 7C6 9.21 7.79 11 10 11ZM18.2837 14.7028C21.0644 15.9561 23 18.752 23 22H21C21 19.564 19.5483 17.4671 17.4628 16.5271L18.2837 14.7028ZM17.5962 3.41321C19.5944 4.23703 21 6.20361 21 8.5C21 11.3702 18.8042 13.7252 16 13.9776V11.9646C17.6967 11.7222 19 10.264 19 8.5C19 7.11935 18.2016 5.92603 17.041 5.35635L17.5962 3.41321Z'%3E%3C/path%3E%3C/svg%3E");
}
.familymember_item label.email > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(85,85,85,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z'%3E%3C/path%3E%3C/svg%3E");
}
.familymember_item label.phone > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(85,85,85,1)'%3E%3Cpath d='M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z'%3E%3C/path%3E%3C/svg%3E");
}
.familymember_item label.birth > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(85,85,85,1)'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}
.familymember_item .btn_wrap {
  flex-flow: row nowrap;
  padding: 0;
}
.familymember_item .btn_wrap .btn {
  min-width: 40px;
  font-size: 0;
  padding: 0;
}
.familymember_item .btn_wrap .btn::before {
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  margin: 0;
}

.sns_link_input_wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
}
.sns_link_input_wrap > div {
  display: flex;
  align-items: center;
  position: relative;
}
.sns_link_input_wrap label {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.sns_link_input_wrap label:before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: middle;
  background: no-repeat center center;
  opacity: 0.3;
}
.sns_link_input_wrap .sns_yout label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0,0,0,1)'%3E%3Cpath d='M19.6069 6.99482C19.5307 6.69695 19.3152 6.47221 19.0684 6.40288C18.6299 6.28062 16.501 6 12.001 6C7.50098 6 5.37252 6.28073 4.93225 6.40323C4.68776 6.47123 4.4723 6.69593 4.3951 6.99482C4.2863 7.41923 4.00098 9.19595 4.00098 12C4.00098 14.804 4.2863 16.5808 4.3954 17.0064C4.47126 17.3031 4.68676 17.5278 4.93251 17.5968C5.37252 17.7193 7.50098 18 12.001 18C16.501 18 18.6299 17.7194 19.0697 17.5968C19.3142 17.5288 19.5297 17.3041 19.6069 17.0052C19.7157 16.5808 20.001 14.8 20.001 12C20.001 9.2 19.7157 7.41923 19.6069 6.99482ZM21.5442 6.49818C22.001 8.28 22.001 12 22.001 12C22.001 12 22.001 15.72 21.5442 17.5018C21.2897 18.4873 20.547 19.2618 19.6056 19.5236C17.8971 20 12.001 20 12.001 20C12.001 20 6.10837 20 4.39637 19.5236C3.45146 19.2582 2.70879 18.4836 2.45774 17.5018C2.00098 15.72 2.00098 12 2.00098 12C2.00098 12 2.00098 8.28 2.45774 6.49818C2.71227 5.51273 3.45495 4.73818 4.39637 4.47636C6.10837 4 12.001 4 12.001 4C12.001 4 17.8971 4 19.6056 4.47636C20.5505 4.74182 21.2932 5.51636 21.5442 6.49818ZM10.001 15.5V8.5L16.001 12L10.001 15.5Z'%3E%3C/path%3E%3C/svg%3E");
}
.sns_link_input_wrap .sns_inst label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0,0,0,1)'%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z'%3E%3C/path%3E%3C/svg%3E");
}
.sns_link_input_wrap .sns_blog label:before {
  background-image: url("../images/icon_blog.svg");
}
.sns_link_input_wrap .sns_face label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0,0,0,1)'%3E%3Cpath d='M14 19H19V5H5V19H12V14H10V12H12V10.3458C12 9.00855 12.1392 8.52362 12.4007 8.03473C12.6622 7.54584 13.0458 7.16216 13.5347 6.9007C13.9174 6.69604 14.3922 6.57252 15.2217 6.51954C15.551 6.49851 15.9771 6.52533 16.5 6.6V8.5H16C15.0827 8.5 14.7042 8.54332 14.4779 8.66433C14.3376 8.73939 14.2394 8.83758 14.1643 8.97793C14.0433 9.20418 14 9.42853 14 10.3458V12H16.5L16 14H14V19ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3Z'%3E%3C/path%3E%3C/svg%3E");
}
.sns_link_input_wrap input {
  width: 100%;
  text-indent: 120px;
}

textarea#homepageExplanation {
  width: 100%;
}

.textarea_wrap textarea {
  width: 100%;
  height: 250px;
}

.thumbnail_tr {
  display: flex;
  flex-flow: column nowrap;
  border-radius: 3px;
  padding: 24px;
  width: 320px;
  background: #fff;
  border: solid 6px #e5e5e5;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.thumbnail_tr th, .thumbnail_tr td {
  display: block;
  height: auto;
  border: 0 none;
  padding: 0;
}
.thumbnail_tr th {
  font-size: 18px;
  font-weight: 500;
}
.thumbnail_tr th label {
  font-weight: 500;
  font-size: 18px;
}
.thumbnail_tr td {
  height: 100%;
}
.thumbnail_tr .thumbnail_div {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.thumbnail_tr .thumbnail_div .photo {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  border: 2px dashed #dbdbdb;
  border-radius: 4px;
  box-sizing: border-box;
}
.thumbnail_tr .thumbnail_div .photo::before {
  display: block;
  content: "이미지 미리보기";
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ccc;
}
.thumbnail_tr .thumbnail_div .photo.logo, .thumbnail_tr .thumbnail_div .photo.quick, .thumbnail_tr .thumbnail_div .photo.footer_banner {
  min-height: 150px;
}
.thumbnail_tr .thumbnail_div .photo img {
  max-width: 100%;
  margin: 0 auto;
}
.thumbnail_tr .thumbnail_div .photo.on {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.thumbnail_tr .thumbnail_div .photo.on::before {
  display: none;
}
.thumbnail_tr .thumbnail_div .photo:has(.no_image)::before {
  display: none;
}
.thumbnail_tr .file_div {
  margin: 10px 0 0;
}
.thumbnail_tr .file_div .input, .thumbnail_tr .file_div input[type=text] {
  flex: 1;
  min-width: 0;
  width: auto;
}

.file_div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.file_div .btn {
  min-height: 40px;
}

/* 파일 업로드 레이아웃 */
.file_upload_area {
  border: 2px dashed #ddd;
  color: #999;
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s;
  border-radius: 5px;
}

.ckeditor_wrap + .file_upload_area {
  margin: 10px 0 0;
}

.dragging {
  border-color: #1E6EEB;
  color: #1E6EEB;
}

#fileList .file-item {
  display: flex;
  align-items: center;
  margin: 10px 0 0;
  padding: 10px 10px;
  background-color: #f6f6f6;
  border-radius: 4px;
  color: #555;
}
#fileList .file-item::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M21 8V20.9932C21 21.5501 20.5552 22 20.0066 22H3.9934C3.44495 22 3 21.556 3 21.0082V2.9918C3 2.45531 3.4487 2 4.00221 2H14.9968L21 8ZM19 9H14V4H5V20H19V9ZM8 7H11V9H8V7ZM8 11H16V13H8V11ZM8 15H16V17H8V15Z'%3E%3C/path%3E%3C/svg%3E");
}
#fileList .remove-btn {
  width: 18px;
  height: 18px;
  gap: 4px;
  font-weight: 500;
  margin-left: auto;
  font-size: 0;
  opacity: 0.5;
}
#fileList .remove-btn::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(51,51,51,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
}
#fileList .remove-btn:hover {
  opacity: 0.8;
}

/* 관리자 로그인 */
.login_wrap {
  width: 70%;
  max-width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.login_wrap img {
  max-width: 300px;
  max-height: 300px;
  width: 300px;
  display: block;
  margin: 0 auto 16px auto;
}
.login_wrap > article {
  text-align: center;
}
.login_wrap h4 {
  margin: 8px 0 32px 0;
  font-size: 38px;
  color: #333;
  font-weight: 600;
  text-align: center;
}
.login_wrap .login_welcome_text {
  font-size: 24px;
  margin: 8px 0 24px 0;
  line-height: 1.3em;
  text-align: center;
}
.login_wrap .both_end {
  display: none;
}
.login_wrap .footer_wrap {
  padding: 20px 0;
}

.login_btn_area {
  padding: 16px 0;
}
.login_btn_area .btn {
  width: 100%;
  margin: 4px 0;
  height: 48px;
}

.input_id,
.input_pw {
  position: relative;
}
.input_id label,
.input_pw label {
  position: absolute;
  left: 0px;
  top: 6px;
  width: 56px;
  height: 45px;
  font-size: 0;
}
.input_id input,
.input_pw input {
  width: 100%;
  height: 50px;
  margin: 4px 0;
  border-radius: 4px;
  font-size: 19px;
  letter-spacing: 1px;
  text-align: center;
}
.input_id input::-moz-placeholder, .input_pw input::-moz-placeholder {
  letter-spacing: 0;
  font-size: 18px;
}
.input_id input::placeholder,
.input_pw input::placeholder {
  letter-spacing: 0;
  font-size: 18px;
}

.input_id label {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(0,0,0,0.3)'%3E%3Cpath d='M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.input_pw label {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(0,0,0,0.3)'%3E%3Cpath d='M19 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H5V9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9V10ZM5 12V20H19V12H5ZM11 14H13V18H11V14ZM17 10V9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9V10H17Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.link_member_wrap {
  padding: 20px 0;
}
.link_member_wrap .auto_login {
  float: left;
}
.link_member_wrap .link_member {
  float: right;
}
.link_member_wrap a {
  display: inline-block;
  padding: 5px 15px 5px 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) calc(100% - 1px), rgba(0, 0, 0, 0.3) 100%) no-repeat right center;
  background-size: auto 14px;
}
.link_member_wrap a:last-child {
  padding-right: 0;
  background: none;
}

.auto_login,
.link_member {
  display: flex;
  align-items: center;
  gap: 6px;
}

.top_menu {
  display: flex;
  height: 100%;
  align-items: center;
}
.top_menu label {
  padding-right: 16px;
}
.top_menu a, .top_menu button {
  transition: all 0.15s ease 0s;
}
.top_menu a:hover, .top_menu button:hover {
  background-color: #f9f9f9;
}
.top_menu .btn::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
}
.top_menu .homepage_select {
  display: inline-flex;
  padding: 0 24px;
  align-items: center;
}
.top_menu .btn, .top_menu .login_name, .top_menu .btn_gohomepage {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  border-radius: 0;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
}
.top_menu .login_name,
.top_menu .btn_gohomepage {
  padding: 0 24px 0 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(30,110,230,1)'%3E%3Cpath d='M11.9999 17C15.6623 17 18.8649 18.5751 20.607 20.9247L18.765 21.796C17.3473 20.1157 14.8473 19 11.9999 19C9.15248 19 6.65252 20.1157 5.23479 21.796L3.39355 20.9238C5.13576 18.5747 8.33796 17 11.9999 17ZM11.9999 2C14.7613 2 16.9999 4.23858 16.9999 7V10C16.9999 12.6888 14.8776 14.8818 12.2168 14.9954L11.9999 15C9.23847 15 6.9999 12.7614 6.9999 10V7C6.9999 4.31125 9.1222 2.11818 11.783 2.00462L11.9999 2ZM11.9999 4C10.4022 4 9.09623 5.24892 9.00499 6.82373L8.9999 7V10C8.9999 11.6569 10.343 13 11.9999 13C13.5976 13 14.9036 11.7511 14.9948 10.1763L14.9999 10V7C14.9999 5.34315 13.6567 4 11.9999 4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 20px center;
  background-repeat: no-repeat;
}
.top_menu .btn_gohomepage {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(30,110,235,1)'%3E%3Cpath d='M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM13 19H18V9.15745L12 3.7029L6 9.15745V19H11V13H13V19Z'%3E%3C/path%3E%3C/svg%3E");
}
.top_menu .btn_logout {
  font-size: 0;
  background-color: #1E6EEB;
  width: 63px;
  min-width: 63px;
  padding: 0;
}
.top_menu .btn_logout:hover {
  background-color: #0A5CDF;
}
.top_menu .btn_logout::before {
  width: 63px;
  height: 63px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M6.26489 3.80698L7.41191 5.44558C5.34875 6.89247 4 9.28873 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 9.28873 18.6512 6.89247 16.5881 5.44558L17.7351 3.80698C20.3141 5.61559 22 8.61091 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 8.61091 3.68594 5.61559 6.26489 3.80698ZM11 12V2H13V12H11Z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 0;
}
.top_menu select {
  height: 40px;
}

.nav {
  position: fixed;
  top: 64px;
  width: 300px;
  height: calc(100% - 63px);
  overflow-y: auto;
  border-right: 1px solid #dbdbdb;
  box-sizing: border-box;
  background: #fff; /*box-shadow: 0 2px 6px rgba(0,0,0,.1);*/
  /* 1 depth */
  /* 2 depth */
  /* > ul > li > ul > li.has_sub > a */
  /* 3 depth */
}
.nav::-webkit-scrollbar {
  width: 5px;
}
.nav > ul > li > a {
  position: relative;
}
.nav > ul > li > a:has(+ ul):after {
  display: block;
  content: "하위메뉴열기";
  font-size: 0;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(109,127,227,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
.nav > ul > li > a:has(+ ul):hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63 81 181,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
.nav > ul > li.on > a {
  background-color: #3f51b5;
  color: #fff;
  opacity: 1;
}
.nav > ul > li.on > a:has(+ ul):after {
  content: "하위메뉴닫기";
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
.nav a {
  display: block;
  color: #333;
  padding: 16px;
  text-indent: 20px;
  line-height: 1;
  opacity: 0.8;
  transition: all 0.15s ease 0s;
  border-top: solid 1px rgba(255, 255, 255, 0.06);
}
.nav a:hover {
  background-color: rgba(0, 0, 0, 0.035);
  opacity: 1;
}
.nav > ul > li + li {
  border-top: solid 1px rgba(63, 81, 181, 0.2);
}
.nav ul ul a {
  font-size: 14.7px;
  padding: 0 16px;
  height: 0;
  font-weight: 600;
  text-indent: 32px;
  border-top: dotted 0 rgba(0, 0, 0, 0.15);
  color: #000;
  overflow: hidden;
  opacity: 0;
}
.nav ul ul a:hover {
  background-color: rgba(0, 0, 0, 0.035);
}
.nav > ul > li.on > ul > li.on > a {
  background: #f2f2f2;
}
.nav > ul > li.on > ul > li.on > a:after {
  content: "선택됨";
  font-size: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1E6EEB;
  position: absolute;
  right: 16px;
  top: calc(50% - 2px);
}
.nav > ul > li.on > ul > li > a {
  padding: 10px 16px;
  height: auto;
  background-color: #fafafa;
  border-top: dotted 1px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
}
.nav > ul > li.on > ul > li > a:hover {
  background-color: #f2f2f2;
}
.nav > ul > li > ul > li:has(ul) > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(173,184,194,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 90% center;
}
.nav > ul > li > ul > li:has(ul).on > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(173,184,194,1)'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E");
}
.nav ul ul ul a {
  font-size: 14px;
  font-weight: 300;
  color: #666;
  text-indent: 40px;
}
.nav > ul > li.on > ul > li.on > ul > li > a {
  padding: 10px 16px;
  height: auto;
  border-top: dotted 1px rgba(0, 0, 0, 0.15);
  opacity: 1;
}

/* 1 depth icon */
.admnav_homepage > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 11H4V19H20V11ZM20 5H4V9H20V5ZM11 6V8H9V6H11ZM7 6V8H5V6H7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_homepage.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 11H4V19H20V11ZM20 5H4V9H20V5ZM11 6V8H9V6H11ZM7 6V8H5V6H7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_setting > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M8.68637 4.00008L11.293 1.39348C11.6835 1.00295 12.3167 1.00295 12.7072 1.39348L15.3138 4.00008H19.0001C19.5524 4.00008 20.0001 4.4478 20.0001 5.00008V8.68637L22.6067 11.293C22.9972 11.6835 22.9972 12.3167 22.6067 12.7072L20.0001 15.3138V19.0001C20.0001 19.5524 19.5524 20.0001 19.0001 20.0001H15.3138L12.7072 22.6067C12.3167 22.9972 11.6835 22.9972 11.293 22.6067L8.68637 20.0001H5.00008C4.4478 20.0001 4.00008 19.5524 4.00008 19.0001V15.3138L1.39348 12.7072C1.00295 12.3167 1.00295 11.6835 1.39348 11.293L4.00008 8.68637V5.00008C4.00008 4.4478 4.4478 4.00008 5.00008 4.00008H8.68637ZM6.00008 6.00008V9.5148L3.5148 12.0001L6.00008 14.4854V18.0001H9.5148L12.0001 20.4854L14.4854 18.0001H18.0001V14.4854L20.4854 12.0001L18.0001 9.5148V6.00008H14.4854L12.0001 3.5148L9.5148 6.00008H6.00008ZM12.0001 16.0001C9.79094 16.0001 8.00008 14.2092 8.00008 12.0001C8.00008 9.79094 9.79094 8.00008 12.0001 8.00008C14.2092 8.00008 16.0001 9.79094 16.0001 12.0001C16.0001 14.2092 14.2092 16.0001 12.0001 16.0001ZM12.0001 14.0001C13.1047 14.0001 14.0001 13.1047 14.0001 12.0001C14.0001 10.8955 13.1047 10.0001 12.0001 10.0001C10.8955 10.0001 10.0001 10.8955 10.0001 12.0001C10.0001 13.1047 10.8955 14.0001 12.0001 14.0001Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_setting.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8.68637 4.00008L11.293 1.39348C11.6835 1.00295 12.3167 1.00295 12.7072 1.39348L15.3138 4.00008H19.0001C19.5524 4.00008 20.0001 4.4478 20.0001 5.00008V8.68637L22.6067 11.293C22.9972 11.6835 22.9972 12.3167 22.6067 12.7072L20.0001 15.3138V19.0001C20.0001 19.5524 19.5524 20.0001 19.0001 20.0001H15.3138L12.7072 22.6067C12.3167 22.9972 11.6835 22.9972 11.293 22.6067L8.68637 20.0001H5.00008C4.4478 20.0001 4.00008 19.5524 4.00008 19.0001V15.3138L1.39348 12.7072C1.00295 12.3167 1.00295 11.6835 1.39348 11.293L4.00008 8.68637V5.00008C4.00008 4.4478 4.4478 4.00008 5.00008 4.00008H8.68637ZM6.00008 6.00008V9.5148L3.5148 12.0001L6.00008 14.4854V18.0001H9.5148L12.0001 20.4854L14.4854 18.0001H18.0001V14.4854L20.4854 12.0001L18.0001 9.5148V6.00008H14.4854L12.0001 3.5148L9.5148 6.00008H6.00008ZM12.0001 16.0001C9.79094 16.0001 8.00008 14.2092 8.00008 12.0001C8.00008 9.79094 9.79094 8.00008 12.0001 8.00008C14.2092 8.00008 16.0001 9.79094 16.0001 12.0001C16.0001 14.2092 14.2092 16.0001 12.0001 16.0001ZM12.0001 14.0001C13.1047 14.0001 14.0001 13.1047 14.0001 12.0001C14.0001 10.8955 13.1047 10.0001 12.0001 10.0001C10.8955 10.0001 10.0001 10.8955 10.0001 12.0001C10.0001 13.1047 10.8955 14.0001 12.0001 14.0001Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_manage > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 11H4V19H20V11ZM20 5H4V9H20V5ZM11 6V8H9V6H11ZM7 6V8H5V6H7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_manage.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 11H4V19H20V11ZM20 5H4V9H20V5ZM11 6V8H9V6H11ZM7 6V8H5V6H7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_admin > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM21 17H22V22H14V17H15V16C15 14.3431 16.3431 13 18 13C19.6569 13 21 14.3431 21 16V17ZM19 17V16C19 15.4477 18.5523 15 18 15C17.4477 15 17 15.4477 17 16V17H19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_admin.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM21 17H22V22H14V17H15V16C15 14.3431 16.3431 13 18 13C19.6569 13 21 14.3431 21 16V17ZM19 17V16C19 15.4477 18.5523 15 18 15C17.4477 15 17 15.4477 17 16V17H19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_menu > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_menu.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_board > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_board.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_user > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_user.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_stats > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 13H9V17H7V13ZM11 7H13V17H11V7ZM15 10H17V17H15V10Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_stats.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 13H9V17H7V13ZM11 7H13V17H11V7ZM15 10H17V17H15V10Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_config > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.0002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_config.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.0002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_mail > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_mail.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_culture > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M8.58579 17H3V15H21V17H15.4142L18.6569 20.2426L17.2426 21.6569L13 17.4142V20H11V17.4142L6.75736 21.6569L5.34315 20.2426L8.58579 17ZM5 3H19C19.5523 3 20 3.44772 20 4V14H4V4C4 3.44772 4.44772 3 5 3ZM6 5V12H18V5H6Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_culture.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8.58579 17H3V15H21V17H15.4142L18.6569 20.2426L17.2426 21.6569L13 17.4142V20H11V17.4142L6.75736 21.6569L5.34315 20.2426L8.58579 17ZM5 3H19C19.5523 3 20 3.44772 20 4V14H4V4C4 3.44772 4.44772 3 5 3ZM6 5V12H18V5H6Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_application > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_application.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_manager > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM14.5946 18.8115C14.5327 18.5511 14.5 18.2794 14.5 18C14.5 17.7207 14.5327 17.449 14.5945 17.1886L13.6029 16.6161L14.6029 14.884L15.5952 15.4569C15.9883 15.0851 16.4676 14.8034 17 14.6449V13.5H19V14.6449C19.5324 14.8034 20.0116 15.0851 20.4047 15.4569L21.3971 14.8839L22.3972 16.616L21.4055 17.1885C21.4673 17.449 21.5 17.7207 21.5 18C21.5 18.2793 21.4673 18.551 21.4055 18.8114L22.3972 19.3839L21.3972 21.116L20.4048 20.543C20.0117 20.9149 19.5325 21.1966 19.0001 21.355V22.5H17.0001V21.3551C16.4677 21.1967 15.9884 20.915 15.5953 20.5431L14.603 21.1161L13.6029 19.384L14.5946 18.8115ZM18 19.5C18.8284 19.5 19.5 18.8284 19.5 18C19.5 17.1716 18.8284 16.5 18 16.5C17.1716 16.5 16.5 17.1716 16.5 18C16.5 18.8284 17.1716 19.5 18 19.5Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_manager.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM14.5946 18.8115C14.5327 18.5511 14.5 18.2794 14.5 18C14.5 17.7207 14.5327 17.449 14.5945 17.1886L13.6029 16.6161L14.6029 14.884L15.5952 15.4569C15.9883 15.0851 16.4676 14.8034 17 14.6449V13.5H19V14.6449C19.5324 14.8034 20.0116 15.0851 20.4047 15.4569L21.3971 14.8839L22.3972 16.616L21.4055 17.1885C21.4673 17.449 21.5 17.7207 21.5 18C21.5 18.2793 21.4673 18.551 21.4055 18.8114L22.3972 19.3839L21.3972 21.116L20.4048 20.543C20.0117 20.9149 19.5325 21.1966 19.0001 21.355V22.5H17.0001V21.3551C16.4677 21.1967 15.9884 20.915 15.5953 20.5431L14.603 21.1161L13.6029 19.384L14.5946 18.8115ZM18 19.5C18.8284 19.5 19.5 18.8284 19.5 18C19.5 17.1716 18.8284 16.5 18 16.5C17.1716 16.5 16.5 17.1716 16.5 18C16.5 18.8284 17.1716 19.5 18 19.5Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_manager_v2 > a {
  background: url("../images/admin/manager_v2.svg") no-repeat 8px center;
}
.admnav_manager_v2.on > a {
  background: url("../images/admin/manager_v2_active.svg") no-repeat 8px center;
}

.admnav_code > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M3.41436 5.99995L5.70726 3.70706L4.29304 2.29285L0.585938 5.99995L4.29304 9.70706L5.70726 8.29285L3.41436 5.99995ZM9.58594 5.99995L7.29304 3.70706L8.70726 2.29285L12.4144 5.99995L8.70726 9.70706L7.29304 8.29285L9.58594 5.99995ZM14.0002 2.99995H21.0002C21.5524 2.99995 22.0002 3.44767 22.0002 3.99995V20C22.0002 20.5522 21.5524 21 21.0002 21H3.00015C2.44787 21 2.00015 20.5522 2.00015 20V12H4.00015V19H20.0002V4.99995H14.0002V2.99995Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_code.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3.41436 5.99995L5.70726 3.70706L4.29304 2.29285L0.585938 5.99995L4.29304 9.70706L5.70726 8.29285L3.41436 5.99995ZM9.58594 5.99995L7.29304 3.70706L8.70726 2.29285L12.4144 5.99995L8.70726 9.70706L7.29304 8.29285L9.58594 5.99995ZM14.0002 2.99995H21.0002C21.5524 2.99995 22.0002 3.44767 22.0002 3.99995V20C22.0002 20.5522 21.5524 21 21.0002 21H3.00015C2.44787 21 2.00015 20.5522 2.00015 20V12H4.00015V19H20.0002V4.99995H14.0002V2.99995Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_templete > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M5 5V19H19V5H5ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM13 10V17H11V10H7V8H17V10H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_templete.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5 5V19H19V5H5ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM13 10V17H11V10H7V8H17V10H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_module > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M4 3C3.44772 3 3 3.44772 3 4V10C3 10.5523 3.44772 11 4 11H10C10.5523 11 11 10.5523 11 10V4C11 3.44772 10.5523 3 10 3H4ZM4 13C3.44772 13 3 13.4477 3 14V20C3 20.5523 3.44772 21 4 21H10C10.5523 21 11 20.5523 11 20V14C11 13.4477 10.5523 13 10 13H4ZM14 13C13.4477 13 13 13.4477 13 14V20C13 20.5523 13.4477 21 14 21H20C20.5523 21 21 20.5523 21 20V14C21 13.4477 20.5523 13 20 13H14ZM15 19V15H19V19H15ZM5 9V5H9V9H5ZM5 19V15H9V19H5ZM16 11V8H13V6H16V3H18V6H21V8H18V11H16Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_module.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 3C3.44772 3 3 3.44772 3 4V10C3 10.5523 3.44772 11 4 11H10C10.5523 11 11 10.5523 11 10V4C11 3.44772 10.5523 3 10 3H4ZM4 13C3.44772 13 3 13.4477 3 14V20C3 20.5523 3.44772 21 4 21H10C10.5523 21 11 20.5523 11 20V14C11 13.4477 10.5523 13 10 13H4ZM14 13C13.4477 13 13 13.4477 13 14V20C13 20.5523 13.4477 21 14 21H20C20.5523 21 21 20.5523 21 20V14C21 13.4477 20.5523 13 20 13H14ZM15 19V15H19V19H15ZM5 9V5H9V9H5ZM5 19V15H9V19H5ZM16 11V8H13V6H16V3H18V6H21V8H18V11H16Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_CMS > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_CMS.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav_itbook > a {
  background: url("../images/admin/itbook.svg") no-repeat 8px center;
}
.admnav_itbook.on > a {
  background: url("../images/admin/itbook_active.svg") no-repeat 8px center;
}

.admnav_mainmember > a {
  background: url("../images/admin/mainmember.svg") no-repeat 8px center;
}
.admnav_mainmember.on > a {
  background: #3f51b5 url("../images/admin/mainmember_active.svg") no-repeat 8px center;
}

.admnav_managelib > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(63,81,181,1)'%3E%3Cpath d='M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}
.admnav_managelib.on > a {
  background: #3f51b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;
}

.admnav-fld-talent > a {
  background: url("../images/admin/talent.svg") no-repeat 8px center;
}
.admnav-fld-talent.on > a {
  background: #3f51b5 url("../images/admin/talent_active.svg") no-repeat 8px center;
}

.admnav-fld-trip > a {
  background: url("../images/admin/look.svg") no-repeat 8px center;
}
.admnav-fld-trip.on > a {
  background: #3f51b5 url("../images/admin/look_active.svg") no-repeat 8px center;
}

.admnav_rcmd > a {
  background: url("../images/admin/recom.svg") no-repeat 8px center;
}
.admnav_rcmd.on > a {
  background: #3f51b5 url("../images/admin/recom_active.svg") no-repeat 8px center;
}

.admnav_ann_arbor > a {
  background: url("../images/admin/arbor.svg") no-repeat 8px center;
}
.admnav_ann_arbor.on > a {
  background: #3f51b5 url("../images/admin/arbor_active.svg") no-repeat 8px center;
}

.admnav_facility > a {
  background: url("../images/admin/supply.svg") no-repeat 8px center;
}
.admnav_facility.on > a {
  background: #3f51b5 url("../images/admin/supply_active.svg") no-repeat 8px center;
}

.admnav_calendar > a {
  background: url("../images/admin/icon_scheulde.svg") no-repeat 8px center;
}
.admnav_calendar.on > a {
  background: #3f51b5 url("../images/admin/icon_scheulde_active.svg") no-repeat 8px center;
}

.admnav-fld-lost > a {
  background: url("../images/admin/lost.svg") no-repeat 8px center;
}
.admnav-fld-lost.on > a {
  background: #3f51b5 url("../images/admin/lost_active.svg") no-repeat 8px center;
}

.admnav-lip-emp > a {
  background: url("../images/admin/emp.svg") no-repeat 8px center;
}
.admnav-lip-emp.on > a {
  background: #3f51b5 url("../images/admin/emp_active.svg") no-repeat 8px center;
}

.admnav_display > a {
  background: url("../images/ico_subscription.svg") no-repeat 8px center;
}
.admnav_display.on > a {
  background-image: url("../images/ico_subscription_w.svg") no-repeat 8px center;
}

/* spring add 250529 */
/* .on.admnav_homepage > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_setting > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8.68637 4.00008L11.293 1.39348C11.6835 1.00295 12.3167 1.00295 12.7072 1.39348L15.3138 4.00008H19.0001C19.5524 4.00008 20.0001 4.4478 20.0001 5.00008V8.68637L22.6067 11.293C22.9972 11.6835 22.9972 12.3167 22.6067 12.7072L20.0001 15.3138V19.0001C20.0001 19.5524 19.5524 20.0001 19.0001 20.0001H15.3138L12.7072 22.6067C12.3167 22.9972 11.6835 22.9972 11.293 22.6067L8.68637 20.0001H5.00008C4.4478 20.0001 4.00008 19.5524 4.00008 19.0001V15.3138L1.39348 12.7072C1.00295 12.3167 1.00295 11.6835 1.39348 11.293L4.00008 8.68637V5.00008C4.00008 4.4478 4.4478 4.00008 5.00008 4.00008H8.68637ZM6.00008 6.00008V9.5148L3.5148 12.0001L6.00008 14.4854V18.0001H9.5148L12.0001 20.4854L14.4854 18.0001H18.0001V14.4854L20.4854 12.0001L18.0001 9.5148V6.00008H14.4854L12.0001 3.5148L9.5148 6.00008H6.00008ZM12.0001 16.0001C9.79094 16.0001 8.00008 14.2092 8.00008 12.0001C8.00008 9.79094 9.79094 8.00008 12.0001 8.00008C14.2092 8.00008 16.0001 9.79094 16.0001 12.0001C16.0001 14.2092 14.2092 16.0001 12.0001 16.0001ZM12.0001 14.0001C13.1047 14.0001 14.0001 13.1047 14.0001 12.0001C14.0001 10.8955 13.1047 10.0001 12.0001 10.0001C10.8955 10.0001 10.0001 10.8955 10.0001 12.0001C10.0001 13.1047 10.8955 14.0001 12.0001 14.0001Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_manage > a {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 11H4V19H20V11ZM20 5H4V9H20V5ZM11 6V8H9V6H11ZM7 6V8H5V6H7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_admin > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM21 17H22V22H14V17H15V16C15 14.3431 16.3431 13 18 13C19.6569 13 21 14.3431 21 16V17ZM19 17V16C19 15.4477 18.5523 15 18 15C17.4477 15 17 15.4477 17 16V17H19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_menu > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center ;}
.on.admnav_board > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM7 6H11V10H7V6ZM7 12H17V14H7V12ZM7 16H17V18H7V16ZM13 7H17V9H13V7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_user > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_stats > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM4 5V19H20V5H4ZM7 13H9V17H7V13ZM11 7H13V17H11V7ZM15 10H17V17H15V10Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_config > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.0002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_mail > a {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_culture > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8.58579 17H3V15H21V17H15.4142L18.6569 20.2426L17.2426 21.6569L13 17.4142V20H11V17.4142L6.75736 21.6569L5.34315 20.2426L8.58579 17ZM5 3H19C19.5523 3 20 3.44772 20 4V14H4V4C4 3.44772 4.44772 3 5 3ZM6 5V12H18V5H6Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;}
.on.admnav_application > a{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17 2V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H7V2H17ZM7 6H5V20H19V6H17V8H7V6ZM9 16V18H7V16H9ZM9 13V15H7V13H9ZM9 10V12H7V10H9ZM15 4H9V6H15V4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 8px center;} */
.section {
  width: 100%;
  height: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
}

.section_wrap {
  padding: 63px 0 0 300px;
  min-height: calc(100% - 113px);
}

.footer_wrap {
  padding: 0 32px 0 332px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_wrap p {
  font-size: 13px;
  font-weight: 200;
  color: #999;
  text-align: center;
}

.both_end {
  position: fixed;
  right: 6px;
  bottom: 20px;
  width: 30px;
  padding: 0 5x;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.both_end a {
  font-size: 0;
}
.both_end a:before {
  display: block;
  content: "";
  width: 100%;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(0,0,0,0.3)'%3E%3Cpath d='M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center 60%;
  transition: all 0.15s ease 0s;
}
.both_end a:hover:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(0,0,0,0.6)'%3E%3Cpath d='M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center 40%;
}
.both_end a.btn_bottom:before {
  transform: rotate(180deg);
  border-bottom: solid 1px #ddd;
}

.section_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 30px;
  box-sizing: border-box;
}
.section_header .h2,
.section_header .h2.loc_d2 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.section_header ol {
  display: flex;
}
.section_header ol li {
  font-weight: 300;
  padding-left: 16px;
  color: #757575;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(173,184,194,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 0 center;
}
.section_header ol li:first-child {
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,0.4)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.section_header ol li:last-child {
  font-weight: 600;
}

ol.menu_path {
  display: flex;
}
ol.menu_path li {
  font-weight: 300;
  padding-left: 16px;
  color: #757575;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(173,184,194,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 0 center;
}
ol.menu_path li:first-child {
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,0.4)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
ol.menu_path li:last-child {
  font-weight: 600;
}

#content {
  padding: 20px 16px 20px 24px;
  min-height: calc(100% - 204px);
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box; /* margin: $sectionGap $sectionGap 0 $sectionGap; border: solid 1px #ddd;*/
}

.search_area {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
  padding: 16px;
  box-sizing: border-box;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0 0 20px;
}
.search_area input[type=text] {
  flex: 1;
}
.search_area .label_box {
  display: flex;
  gap: 10px;
}
.search_area .label_box label {
  color: #777;
  font-weight: 400;
}
.search_area .label_box label input {
  margin-right: 3px;
  vertical-align: middle;
}
.search_area .search_box {
  flex: 1;
}
.search_area .btn {
  height: 40px;
}
.search_area .search_ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px 20px;
}
.search_area .search_ul li {
  width: calc(50% - 10px);
  display: flex;
  align-items: center;
}
.search_area .search_ul li label {
  width: 100px;
}
.search_area .search_ul li input[type=text], .search_area .search_ul li .during_wrap {
  flex: 1;
}
.search_area .btn_wrap {
  width: 100%;
}

.search_box {
  position: relative;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.search_box .datepicker_wrap {
  flex: 1 1 auto;
}
.search_box .datepicker_wrap input {
  max-width: 130px;
  width: 100%;
}
.search_box .title {
  color: #777;
  font-weight: 700;
  margin: 0px 5px 0 0;
  word-break: keep-all;
}
.search_box .search_btn {
  width: 24px;
  height: 24px;
  min-width: initial;
  font-size: 0;
  border: 0 none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(34,51,144,1)'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.search_box .btn, .search_box select + select {
  margin-left: 0px;
}

.tab_nav {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 16px 0;
}
.tab_nav button {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border: 1px solid #2a3da7;
  margin-left: -1px;
  min-height: 40px;
  padding: 5px 10px;
  transition: all 0.2s ease;
  box-sizing: border-box;
  position: relative;
  color: #2a3da7;
  background: #fff;
  line-height: 1;
  word-break: keep-all;
}
.tab_nav button.on {
  background-color: #2a3da7;
  color: #fff;
}

/* dashboard */
.admin_dash_wrap {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
}
.admin_dash_wrap .admin_dash1 {
  width: 80%;
}
.admin_dash_wrap .admin_dash2 {
  width: 15%;
  border-left: 1px solid #ddd;
  padding-left: 2%;
}
.admin_dash_wrap .h3 {
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 600;
}
.admin_dash_wrap .dash_row {
  display: flex;
  gap: 20px;
  border: solid 1px #dbdbdb;
  border-radius: 6px;
}
.admin_dash_wrap .dash_row > article {
  flex: 1;
}
.admin_dash_wrap .today1 {
  display: flex;
  flex-flow: row wrap;
  padding: 25px 25px;
  box-sizing: border-box;
}
.admin_dash_wrap .today1 + .today1 {
  border-left: 1px solid #dbdbdb;
}
.admin_dash_wrap .today1 .h3 {
  flex: 1 1 100%;
}
.admin_dash_wrap .today1 dl {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  gap: 6px 0;
}
.admin_dash_wrap .today1 dl dt, .admin_dash_wrap .today1 dl dd {
  display: flex;
  align-items: baseline;
  width: 100%;
}
.admin_dash_wrap .today1 dl dt {
  color: #555;
}
.admin_dash_wrap .today1 dl strong {
  font-size: 42px;
  font-weight: 300;
}
.admin_dash_wrap .today2 {
  position: relative;
}
.admin_dash_wrap .today2 + .today2 {
  margin-top: 24px;
  padding-top: 32px;
  border-top: solid 1px #ddd;
}
.admin_dash_wrap .today2 + .today2 a.btn_more {
  top: 26px;
}
.admin_dash_wrap .today2 strong {
  font-size: 42px;
  font-weight: 300;
  margin-right: 4px;
}
.admin_dash_wrap .today2 a.btn_more {
  position: absolute;
  right: 0;
  top: -4px;
  background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.15s ease 0s;
}
.admin_dash_wrap .today2 a.btn_more:hover {
  background-color: #999;
  background-position: 60% center;
}
.admin_dash_wrap .visit_today_bar {
  padding: 72px 0 32px 0;
}

.visit_today_bar {
  position: relative;
}
.visit_today_bar .h3 {
  padding: 0 0 16px 0;
}
.visit_today_bar .visit_today_total {
  text-align: right;
}
.visit_today_bar .visit_grid_wrap {
  position: relative;
  height: 240px;
  padding: 20px 0 80px 0;
}
.visit_today_bar ul {
  display: flex;
  height: 240px;
  position: absolute;
  top: 0;
  right: 0;
  left: 56px;
}
.visit_today_bar li {
  width: 100%;
  position: relative;
}
.visit_today_bar li strong {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
  font-weight: 300;
  left: 50%;
  transform: translateX(-50%);
}
.visit_today_bar li div {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  background: #317cd8;
  border-radius: 5px;
}
.visit_today_bar li div span {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  width: 50px;
  text-align: center;
  color: #888;
}

.visit_y_grid {
  color: #777;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  height: 230px;
}
.visit_y_grid span {
  position: relative;
}
.visit_y_grid span:before {
  display: block;
  content: "";
  position: absolute;
  left: 50px;
  top: 8px;
  right: 0;
  border-bottom: dotted 1px #ddd;
}
.visit_y_grid span:first-child:before {
  border-bottom: solid 1px #ccc;
}

.stastics_select_condition {
  display: flex;
  justify-content: center;
  padding: 0 0 20px;
  position: relative;
}
.stastics_select_condition > div {
  display: flex;
  justify-content: center;
}
.stastics_select_condition .select_condition_wrap {
  gap: 10px;
}
.stastics_select_condition .select_condition_wrap select {
  border: 0 none;
  font-size: 32px;
  padding: 0 30px 0 0;
}
.stastics_select_condition button.btn.btn_view {
  min-width: auto;
}
.stastics_select_condition button.btn_before_day, .stastics_select_condition button.btn_next_day {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  min-width: 40px;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32' fill='rgba(30,110,235,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.stastics_select_condition button.btn_before_day {
  transform: rotate(180deg);
}
.stastics_select_condition button + .visit_today_total {
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
}
.stastics_select_condition button:hover {
  background-color: #f6f6f6;
}
.stastics_select_condition .right {
  position: absolute;
  right: 0;
  top: 0;
}

.visit_root_summary {
  text-align: center;
  padding: 32px 0;
  font-size: 20px;
  display: flex;
  justify-content: center;
}
.visit_root_summary dt, .visit_root_summary dd {
  display: inline-flex;
  padding: 0 4px;
}
.visit_root_summary dd + dt {
  margin-left: 16px;
}

.table td.menu_visit_total {
  text-align: center;
}

.bar_wrap {
  position: relative;
  background-color: rgba(0, 0, 0, 0.075);
  margin-top: 20px;
  border-radius: 6px;
}
.bar_wrap .bar {
  height: 12px;
  background: #1E6EEB;
  font-size: 0;
  border-radius: 6px;
}

.bar_text {
  position: absolute;
  right: 0;
  bottom: 14px;
}

.menu_visit_total {
  width: 80px;
}

th.depth2 {
  font-weight: 300;
  text-indent: 20px;
  font-size: 15px;
}

.tab_wrap {
  display: block;
  margin: 0 0 30px;
}
.tab_wrap ul {
  display: flex;
  width: 100%;
  gap: 5px;
}
.tab_wrap ul li {
  flex: 1;
  text-align: center;
}
.tab_wrap ul li.on > a {
  background: #223390;
  color: #fff;
  border-color: #223390;
}
.tab_wrap ul a {
  color: #999;
  background: #fff;
  border: 1px solid #e1e1e0;
  border-radius: 3px;
  display: block;
  padding: 16px;
  transition: all 0.2s ease;
  font-size: 17px;
}
.tab_wrap ul a:hover {
  background: #f9f9f9;
}

caption {
  text-align: left;
  padding: 0 0 10px 0;
}

.deco_title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 18px;
}

caption.caption {
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0;
  border-bottom: solid 1px #ccc;
}

.list_table caption.caption {
  padding: 0 0 20px;
  margin: 0;
}

.must_wrap {
  float: right;
  color: #777;
}

.must_ico {
  font-size: 0;
  vertical-align: text-top;
  line-height: 1;
}
.must_ico::before {
  display: inline-block;
  content: "*";
  color: #e90000;
  font-size: 17px;
}

.table_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}
.table_top div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table_top .deco_title {
  margin: 0;
}
.table_top .left {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.table_top .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.table_top .left + .right {
  margin-left: initial;
}
.table_top .total {
  font-weight: 400;
}
.table_top .total strong {
  font-weight: 600;
  color: #F99D1A;
}
.table_top .total .page {
  color: #999;
}
.table_top dl {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
}
.table_top dl .title {
  color: #777;
  font-weight: 700;
  margin: 0px 5px 0 0;
  word-break: keep-all;
}
.table_top dl dd {
  display: flex;
  align-items: center;
  gap: 5px;
}
.table_top .datepicker_wrap {
  max-width: 320px;
  width: 100%;
}
.table_top .datepicker_wrap input {
  width: 100%;
}
.table_top .btn_wrap {
  padding: 0;
}

.table_btn_top_wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 0 10px;
}
.table_btn_top_wrap .btn {
  flex: 1;
}
.table_btn_top_wrap .btn.on {
  background-color: #1E6EEB;
  border-color: #1E6EEB;
  color: #fff;
}

.table_bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.table_bottom .deco_title {
  margin: 0;
}
.table_bottom .left {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.table_bottom .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.table_bottom .left + .right {
  margin-left: initial;
}
.table_bottom .total {
  font-size: 16px;
  color: #666;
}
.table_bottom .total strong {
  font-weight: 600;
  color: #222;
}
.table_bottom .page strong {
  font-weight: 600;
  color: #222;
}
.table_bottom dl {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
}
.table_bottom dl .title {
  color: #777;
  font-weight: 700;
  margin: 0px 5px 0 0;
  word-break: keep-all;
}
.table_bottom dl dd {
  display: flex;
  align-items: center;
  gap: 5px;
}
.table_bottom .datepicker_wrap {
  max-width: 320px;
  width: 100%;
}
.table_bottom .datepicker_wrap input {
  width: 100%;
}

.info_data {
  display: none;
}

.info_data.on {
  display: block;
}

.check_wrap {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
}

.data_wrap {
  display: flex;
  flex-flow: column nowrap;
  border-top: 1px solid #dbdbdb;
  margin-top: 14px;
}
.data_wrap > li {
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  gap: 20px;
}
.data_wrap dl {
  display: flex;
  flex: 1;
  width: 100%;
}
.data_wrap dl dt, .data_wrap dl dd {
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  line-height: 1.3em;
}
.data_wrap dl dt {
  width: 150px;
  word-break: keep-all;
}
.data_wrap dl .title {
  font-weight: 500;
  color: #555;
}
.data_wrap dl dd {
  width: calc(100% - 150px);
  line-height: 1.2em;
  padding: 20px 0 20px 20px;
}
.data_wrap dl dd span {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin-left: 6px;
  color: #252525;
}
.data_wrap dl dd.p0 {
  padding: 0;
}
.data_wrap dl dd.p0 {
  padding: 0;
}
.data_wrap dl dd.p0 > input[type=text], .data_wrap dl dd.p0 textarea {
  border: 0 none;
}
.data_wrap dl .menu_select span {
  margin-left: 0;
}
.data_wrap dl + dl {
  border-left: 1px solid #ddd;
  padding-left: 20px;
}
.data_wrap input[type=text], .data_wrap input[type=password], .data_wrap input[type=date], .data_wrap input[type=number], .data_wrap select {
  width: 100%;
}
.data_wrap textarea {
  height: 200px;
  overflow-y: auto;
  resize: none;
}
.data_wrap input[readonly] {
  font-weight: 600;
  font-size: 16px;
}
.data_wrap select + select {
  margin-left: 5px;
}
.data_wrap .photo_wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  gap: 10px;
}
.data_wrap .photo_wrap .photo {
  width: 100%;
  height: 160px;
  box-sizing: border-box; /* border: 1px solid #ddd;   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='80' height='80' fill='rgba(204,204,204,1)'%3E%3Cpath d='M21 15V18H24V20H21V23H19V20H16V18H19V15H21ZM21.0082 3C21.556 3 22 3.44495 22 3.9934V13H20V5H4V18.999L14 9L17 12V14.829L14 11.8284L6.827 19H14V21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;  */
  position: relative;
  overflow: hidden;
}
.data_wrap .photo_wrap .photo.img {
  background-image: none;
  background-color: #fff;
}
.data_wrap .photo_wrap .photo img { /* position: absolute; left: 0; top: 0; display: block;  border: 0 none; font-size: 0; */
  max-height: 100%;
  max-width: 100%;
}
.data_wrap .photo_wrap .photo.quick {
  width: 100px;
  height: 100px;
}
.data_wrap .photo_wrap .btn {
  width: 100%;
}
.data_wrap .photo_wrap .culture {
  max-width: 200px;
  width: 100%;
}
.data_wrap .photo_wrap .banner {
  max-width: 400px;
  width: 100%;
  height: 300px;
}
.data_wrap .photo_wrap .sup {
  max-width: 300px;
  width: 100%;
  height: 94px;
}
.data_wrap .photo_wrap .popup {
  max-width: 180px;
  width: 100%;
  height: 260px;
}
.data_wrap .photo_wrap .gallery {
  max-width: 260px;
  width: 100%;
  height: 250px;
}
.data_wrap .width50 .photo_wrap {
  width: 100%;
}
.data_wrap .list1 li {
  border: 0 none;
  color: #999;
  font-weight: 400;
}
.data_wrap .list1 li + li {
  margin: 5px 0 0;
}
.data_wrap .toastui-editor-defaultUI {
  border: 0 none;
}
.data_wrap .toastui-editor-defaultUI .toastui-editor-defaultUI-toolbar {
  background-color: #fafafa;
}
.data_wrap .loc_list {
  display: flex;
  align-items: center;
  gap: 2px;
}
.data_wrap .loc_list .home {
  font-size: 0;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,0.4)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.data_wrap .loc_list li {
  display: flex;
  align-items: center;
  gap: 2px;
}
.data_wrap .loc_list li + li::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(200,200,200,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.data_wrap .loc_list .dep02 {
  display: none;
}
.data_wrap .use_none {
  display: none;
}

#homepageZip {
  background: #ededed;
}

.data_wrap .photo_wrap .popup.popup {
  width: auto;
  height: auto;
  max-width: inherit;
}

.data_wrap .photo_wrap .photo.popup img {
  position: static;
}

.modal_area .modal_wrap.main_banner_setup {
  position: relative;
  min-width: 1100px;
}
.modal_area .modal_wrap.main_banner_setup .data_wrap dl dt, .modal_area .modal_wrap.main_banner_setup .data_wrap dl dd {
  padding: 13px 14px;
}
.modal_area .modal_wrap.main_banner_setup .data_wrap dl dt {
  width: 114px;
}
.modal_area .modal_wrap.main_banner_setup .data_wrap {
  padding-right: 400px;
}
.modal_area .modal_wrap.main_banner_setup .photo {
  position: absolute;
  right: 30px;
  top: 69px;
  max-width: 400px;
  height: 300px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #f2f2f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='80' height='80' fill='rgba(204,204,204,1)'%3E%3Cpath d='M21 15V18H24V20H21V23H19V20H16V18H19V15H21ZM21.0082 3C21.556 3 22 3.44495 22 3.9934V13H20V5H4V18.999L14 9L17 12V14.829L14 11.8284L6.827 19H14V21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  overflow: visible;
}
.modal_area .modal_wrap.main_banner_setup .photo img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.modal_area .modal_wrap.main_banner_setup .file_box {
  flex-flow: column nowrap;
  flex-direction: row;
  max-width: 100%;
}
.modal_area .modal_wrap.main_banner_setup .file_box input[type=file] {
  width: calc(100% - 210px);
}
.modal_area .modal_wrap.main_banner_setup .file_box button, .modal_area .modal_wrap.main_banner_setup .file_box label {
  width: 86px;
}

.data_wrap .data_wrap02 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  flex-flow: row wrap;
}
.data_wrap .data_wrap02 dt, .data_wrap .data_wrap02 dd {
  font-size: 15px;
}
.data_wrap .data_wrap02 dt {
  background: #f9f9f9;
}
.data_wrap .data_wrap02 dt * {
  font-size: 15px;
  font-weight: 500;
  color: #555;
}
.data_wrap .data_wrap02 dd {
  color: #777;
  font-weight: 400;
}
.data_wrap .data_wrap02 dd:first-of-type {
  border-top: 0 none;
}
.data_wrap .data_wrap02 dd, .data_wrap .data_wrap02 dd + dt {
  border-top: 1px solid #ddd;
}

.data_wrap .p0 .data_wrap02 {
  border-top: 0 none;
  border-bottom: 0 none;
}

.loc_list {
  display: flex;
  align-items: center;
  gap: 2px;
}
.loc_list .home {
  font-size: 0;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(0,0,0,0.4)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.loc_list li {
  display: flex;
  align-items: center;
  gap: 2px;
}
.loc_list li + li::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(200,200,200,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.loc_list .dep02 {
  display: none;
}

.file_box {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  gap: 5px;
  max-width: 250px;
}
.file_box input[type=text], .file_box .upload_name {
  flex: 1;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #bcbcbc;
  color: #999;
  flex: 1 1 auto;
  width: 100%;
}
.file_box .btn_wrap {
  flex-flow: row nowrap;
  padding: 0;
  flex: 1 1 auto;
}

.flex_wrap {
  display: flex;
  flex-direction: column;
}
.flex_wrap article form {
  background: #f9f9f9;
  border-radius: 3px;
  border: solid 1px #ddd;
  box-sizing: border-box;
  padding: 24px 28px;
  display: flex;
}
.flex_wrap article form input {
  width: 100%;
  margin: 0 8px 0 0;
}
.flex_wrap .explain {
  width: 100%;
}

.flex_box {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
}

.check_wrap + .flex_box {
  padding: 10px 0 0;
}

.reg_img {
  display: block;
  width: 100%;
  height: 60px;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  box-sizing: border-box;
  background: url("../images/sample_num.jpg") no-repeat center center;
  background-size: 50% auto;
}

.plus_btn {
  font-size: 0;
  width: 36px;
  min-width: initial;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(100,100,100,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.minus_btn {
  font-size: 0;
  width: 36px;
  min-width: initial;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(100,100,100,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.speak_btn {
  font-size: 0;
  width: 36px;
  min-width: initial;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(100,100,100,1)'%3E%3Cpath d='M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.change_btn {
  font-size: 0;
  width: 36px;
  min-width: initial;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(100,100,100,1)'%3E%3Cpath d='M12 4C9.4095 4 7.10606 5.23053 5.64274 7.14274L8 9.5H2V3.5L4.21863 5.71863C6.05061 3.452 8.85558 2 12 2 17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20 14.5905 20 16.894 18.7695 18.3573 16.8573L16 14.5 22 14.5V20.5L19.7814 18.2814C17.9494 20.548 15.1444 22 12 22 6.47715 22 2 17.5228 2 12H4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.close_btn {
  font-size: 0;
  width: 24px;
  height: 24px;
  min-width: initial;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(100,100,100,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  border: 0 none;
}

tr.noti .no,
tr.notice_post .no {
  color: #1E6EEB;
  font-weight: 700;
}
tr.noti td,
tr.notice_post td {
  background-color: rgba(35, 171, 175, 0.1);
}

.explain {
  color: #777;
  padding: 10px 0 0;
  line-height: 1.3em; /* position: relative; width: 100%; display: block; 포지션 속성으로 버튼을 가리는 현상 발생*/
}

.explain::before {
  display: inline-block;
  content: "※";
  margin-right: 6px;
}

.data_wrap dd .explain {
  flex: 1 1 100%;
  padding: 4px 0 0;
}

.explain100 {
  width: 100%;
  color: #999;
  font-weight: 400;
  display: block;
  line-height: 1.2em;
  font-size: 15px;
  word-break: keep-all;
}

.explain_box {
  color: #999;
  font-weight: 400;
  display: block;
  line-height: 1.2em;
  font-size: 15px;
  word-break: keep-all;
  padding: 10px 10px;
  box-sizing: border-box;
  border: 1px solid #e1e1e0;
  background: #f2f2f2;
  border-radius: 3px;
  color: #777;
}

.error_msg {
  width: 100%;
  padding: 10px 0 0;
  line-height: 1.3em;
  color: #DF0043;
}

.success_msg {
  width: 100%;
  padding: 10px 0 0;
  line-height: 1.3em;
  color: #1E6EEB;
}

.blue_point {
  color: #317cd8;
}

.red_point {
  color: #d83131;
}

.point {
  color: #F99D1A;
}

.table tbody td.no_data {
  color: #777;
  padding: 20px;
}

.table tfoot td {
  background: #F5FDFF;
}

.address_box {
  display: flex;
  flex-flow: column nowrap;
  gap: 5px;
}
.address_box .address_top {
  width: 100%;
  display: flex;
  gap: 5px;
}
.address_box .address_top button {
  padding: 0 16px;
}

.call_box {
  display: flex;
  align-items: center;
  gap: 2px;
}
.call_box select, .call_box input {
  width: 100%;
}

.email_box {
  display: flex;
  flex-flow: column nowrap;
  gap: 5px;
}
.email_box .email_top {
  display: flex;
  gap: 5px;
  align-items: center;
}
.email_box .email_top input {
  width: 100%;
}

.table .main_view {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  max-width: 220px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.table .main_view img {
  display: block;
  width: 100%;
  height: auto;
}

.table .sup_view {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  max-width: 160px;
  height: auto;
  padding: 10px;
  margin: 0 auto;
}
.table .sup_view img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.table .rel_view {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  width: 200px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.table .pop_view {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  max-width: 150px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.table .pop_view img {
  display: block;
  width: 100%;
  height: auto;
}

.table td .book_cover {
  width: 100px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 3px;
}

/* 텍스트 상자 start*/
.text_box {
  padding: 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 1.3em;
  word-break: keep-all;
}

.text_box.dash {
  border-style: dashed;
}

.text_box.gray {
  background: #fafafa;
}

.text_box .h4_deco {
  padding: 0 0 20px 24px;
}

.text_box > p {
  line-height: 1.3em;
  word-break: keep-all;
}

.text_box.link {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.text_box.link p {
  flex: 1 1 80%;
}

.img_box {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.img_box img {
  display: block;
  width: 100%;
  height: auto;
}

.summary {
  line-height: 1.2em;
}

/* 텍스트 상자  end*/
/* 리스트 start */
.list1 {
  line-height: 1.2em;
}

.list1 li {
  padding: 0 0 0 10px;
  position: relative;
  font-size: 16px;
  line-height: 1.3em;
  word-break: keep-all;
}

.list1 li::before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: #223390;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

.list1 li + li {
  margin: 10px 0 0;
}

/* .list1 li strong.point {color: #3DC86A; font-weight: 600;} */
.list2 {
  padding: 10px 0 0;
}

.list2 > li {
  color: #777;
  font-size: 15px;
  padding: 0 0 0 10px;
  position: relative;
}

.list2 > li + li {
  margin: 8px 0 0;
}

.list2 > li::before {
  display: block;
  content: "";
  position: absolute;
  width: 4px;
  height: 1px;
  left: 0;
  top: 7px;
  box-sizing: border-box;
  background: #777;
}

.list1 .wrn {
  background: transparent;
  color: #EB0000;
}

li.list_wrn {
  color: #EB0000;
}

.list1 li.red, .list2 li.red {
  color: #eb0000;
  font-weight: 500;
}

/* .list1.list_wrn > li::before{background-color: #EB0000; } */
.modal_area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12;
  box-sizing: border-box;
  padding: 30px;
  display: none;
  justify-content: center;
  align-items: center;
}
.modal_area .modal_wrap {
  max-width: 1200px;
  width: 100%;
  min-width: 700px;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.15s ease;
  opacity: 0;
  margin-top: 30px;
  z-index: 13;
}
.modal_area .modal_wrap::-webkit-scrollbar {
  width: 5px;
}
.modal_area .modal_wrap textarea {
  width: 100%;
  height: 120px;
  font-size: 15px;
  line-height: 1.3em;
  box-sizing: border-box;
  max-height: 500px;
  resize: none;
}
.modal_area .modal_wrap .data_wrap dd {
  word-break: keep-all;
}
.modal_area .modal_wrap .btn_wrap {
  margin-bottom: 0;
}
.modal_area .modal_wrap.on {
  opacity: 1;
  margin-top: 0;
}
.modal_area .close_btn {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.2s ease;
  border-radius: 2px;
  padding: 0;
  min-width: auto;
  min-height: auto;
}
.modal_area .close_btn:hover {
  background-color: #f2f2f2;
}
.modal_area .modal_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  z-index: 12;
}
.modal_area.book_search .modal_wrap {
  max-width: 800px;
  display: flex;
  flex-flow: column nowrap;
  overflow-y: inherit;
}
.modal_area.html_history .modal_wrap {
  padding-top: 50px;
}
.modal_area.html_history .modal_wrap textarea {
  height: 600px;
}
.modal_area.html_history .modal_wrap textarea::-webkit-scrollbar {
  width: 5px;
}
.modal_area.html_history .modal_wrap .close_btn {
  margin: 0;
}
.modal_area .deco_title {
  border-bottom: solid 1px #ccc;
  padding-bottom: 20px;
}

span.yes, span.no {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  line-height: initial;
  border-radius: 3px;
  color: #fff;
  letter-spacing: initial;
  font-size: 0;
}

span.yes {
  background: #3f51b5;
}
span.yes::before {
  content: "Y";
  font-size: 16px;
}

span.no {
  background: #ddd;
  color: #666;
}
span.no::before {
  content: "N";
  font-size: 16px;
}

/* 문화행사관리 - 신청자관리 start */
.app_wrap {
  display: flex;
  gap: 20px;
  flex-flow: row nowrap;
  width: 100%;
}
.app_wrap .event_lsit {
  width: 40%;
}
.app_wrap .app_list {
  flex: 1;
  border: 1px solid #ddd;
  padding: 20px;
  box-sizing: border-box;
}

table.table tr td.culture_content a {
  padding: 12px 0 6px 0;
}

.culture_info1 {
  padding: 6px 0;
  display: flex;
  flex-wrap: wrap;
}
.culture_info1 dt, .culture_info1 dd {
  padding: 2px 0;
}
.culture_info1 dt {
  width: 80px;
  font-weight: 600;
}
.culture_info1 dd {
  width: calc(100% - 80px);
}

.thumbnail img,
.image_preview img {
  width: 160px;
  min-width: 160px;
  min-height: 100px;
}

/* 문화행사관리 - 신청자관리 end */
/* 홈페이지관리 - 홈페이지 정보 start */
.input_file_wrap {
  display: flex;
  align-items: center;
}
.input_file_wrap .input {
  width: 100%;
}

.global_xy {
  display: flex;
  align-items: center;
  gap: 10px;
}
.global_xy input {
  text-indent: 50px;
}
.global_xy .label_input_wrap {
  width: 100%;
}

.label_input_wrap {
  position: relative;
}
.label_input_wrap label {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.label_input_wrap input {
  width: 100%;
}

/* 홈페이지관리 - 메뉴관리 start */
.menu_select, .add_menu_select {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
}
.menu_select label, .add_menu_select label {
  display: inline-flex;
  height: 36px;
  padding: 0 12px;
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  background: #f5f5f5;
  border: 1px solid rgba(100, 100, 100, 0.1);
  border-radius: 5px;
}
.menu_select label.on, .add_menu_select label.on {
  background-color: #2a3da7;
  color: #fff;
}
.menu_select label:before, .add_menu_select label:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .folder_label:before, .add_menu_select .folder_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M4 5V19H20V7H11.5858L9.58579 5H4ZM12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .html_label:before, .add_menu_select .html_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M12 18.1778L7.38083 16.9222L7.0517 13.3778H9.32156L9.48045 15.2222L12 15.8889L14.5195 15.2222L14.7806 12.3556H6.96091L6.32535 5.67778H17.6747L17.4477 7.88889H8.82219L9.02648 10.1444H17.2434L16.6192 16.9222L12 18.1778ZM3 2H21L19.377 20L12 22L4.62295 20L3 2ZM5.18844 4L6.48986 18.4339L12 19.9278L17.5101 18.4339L18.8116 4H5.18844Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .board_label:before, .add_menu_select .board_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 7H16V9H8V7ZM8 11H16V13H8V11ZM8 15H16V17H8V15Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .module_label:before, .add_menu_select .module_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M3 4C3 3.44772 3.44772 3 4 3H10C10.5523 3 11 3.44772 11 4V10C11 10.5523 10.5523 11 10 11H4C3.44772 11 3 10.5523 3 10V4ZM3 14C3 13.4477 3.44772 13 4 13H10C10.5523 13 11 13.4477 11 14V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V14ZM13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11H14C13.4477 11 13 10.5523 13 10V4ZM13 14C13 13.4477 13.4477 13 14 13H20C20.5523 13 21 13.4477 21 14V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V14ZM15 5V9H19V5H15ZM15 15V19H19V15H15ZM5 5V9H9V5H5ZM5 15V19H9V15H5Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .link_label:before, .add_menu_select .link_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M18.3638 15.5355L16.9496 14.1213L18.3638 12.7071C20.3164 10.7545 20.3164 7.58866 18.3638 5.63604C16.4112 3.68341 13.2453 3.68341 11.2927 5.63604L9.87849 7.05025L8.46428 5.63604L9.87849 4.22182C12.6122 1.48815 17.0443 1.48815 19.778 4.22182C22.5117 6.95549 22.5117 11.3876 19.778 14.1213L18.3638 15.5355ZM15.5353 18.364L14.1211 19.7782C11.3875 22.5118 6.95531 22.5118 4.22164 19.7782C1.48797 17.0445 1.48797 12.6123 4.22164 9.87868L5.63585 8.46446L7.05007 9.87868L5.63585 11.2929C3.68323 13.2455 3.68323 16.4113 5.63585 18.364C7.58847 20.3166 10.7543 20.3166 12.7069 18.364L14.1211 16.9497L15.5353 18.364ZM14.8282 7.75736L16.2425 9.17157L9.17139 16.2426L7.75717 14.8284L14.8282 7.75736Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .script_label:before, .add_menu_select .script_label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(153,153,153,1)'%3E%3Cpath d='M4 18V14.3C4 13.4716 3.32843 12.8 2.5 12.8H2V11.2H2.5C3.32843 11.2 4 10.5284 4 9.7V6C4 4.34315 5.34315 3 7 3H8V5H7C6.44772 5 6 5.44772 6 6V10.1C6 10.9858 5.42408 11.7372 4.62623 12C5.42408 12.2628 6 13.0142 6 13.9V18C6 18.5523 6.44772 19 7 19H8V21H7C5.34315 21 4 19.6569 4 18ZM20 14.3V18C20 19.6569 18.6569 21 17 21H16V19H17C17.5523 19 18 18.5523 18 18V13.9C18 13.0142 18.5759 12.2628 19.3738 12C18.5759 11.7372 18 10.9858 18 10.1V6C18 5.44772 17.5523 5 17 5H16V3H17C18.6569 3 20 4.34315 20 6V9.7C20 10.5284 20.6716 11.2 21.5 11.2H22V12.8H21.5C20.6716 12.8 20 13.4716 20 14.3Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .nofunc_label.on:before, .menu_select .nofunc_label.on:before, .add_menu_select .nofunc_label.on:before, .add_menu_select .nofunc_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .folder_label.on:before, .add_menu_select .folder_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 5V19H20V7H11.5858L9.58579 5H4ZM12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .html_label.on:before, .add_menu_select .html_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 18.1778L7.38083 16.9222L7.0517 13.3778H9.32156L9.48045 15.2222L12 15.8889L14.5195 15.2222L14.7806 12.3556H6.96091L6.32535 5.67778H17.6747L17.4477 7.88889H8.82219L9.02648 10.1444H17.2434L16.6192 16.9222L12 18.1778ZM3 2H21L19.377 20L12 22L4.62295 20L3 2ZM5.18844 4L6.48986 18.4339L12 19.9278L17.5101 18.4339L18.8116 4H5.18844Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .board_label.on:before, .add_menu_select .board_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 7H16V9H8V7ZM8 11H16V13H8V11ZM8 15H16V17H8V15Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .module_label.on:before, .add_menu_select .module_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 4C3 3.44772 3.44772 3 4 3H10C10.5523 3 11 3.44772 11 4V10C11 10.5523 10.5523 11 10 11H4C3.44772 11 3 10.5523 3 10V4ZM3 14C3 13.4477 3.44772 13 4 13H10C10.5523 13 11 13.4477 11 14V20C11 20.5523 10.5523 21 10 21H4C3.44772 21 3 20.5523 3 20V14ZM13 4C13 3.44772 13.4477 3 14 3H20C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11H14C13.4477 11 13 10.5523 13 10V4ZM13 14C13 13.4477 13.4477 13 14 13H20C20.5523 13 21 13.4477 21 14V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V14ZM15 5V9H19V5H15ZM15 15V19H19V15H15ZM5 5V9H9V5H5ZM5 15V19H9V15H5Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .link_label.on:before, .add_menu_select .link_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M18.3638 15.5355L16.9496 14.1213L18.3638 12.7071C20.3164 10.7545 20.3164 7.58866 18.3638 5.63604C16.4112 3.68341 13.2453 3.68341 11.2927 5.63604L9.87849 7.05025L8.46428 5.63604L9.87849 4.22182C12.6122 1.48815 17.0443 1.48815 19.778 4.22182C22.5117 6.95549 22.5117 11.3876 19.778 14.1213L18.3638 15.5355ZM15.5353 18.364L14.1211 19.7782C11.3875 22.5118 6.95531 22.5118 4.22164 19.7782C1.48797 17.0445 1.48797 12.6123 4.22164 9.87868L5.63585 8.46446L7.05007 9.87868L5.63585 11.2929C3.68323 13.2455 3.68323 16.4113 5.63585 18.364C7.58847 20.3166 10.7543 20.3166 12.7069 18.364L14.1211 16.9497L15.5353 18.364ZM14.8282 7.75736L16.2425 9.17157L9.17139 16.2426L7.75717 14.8284L14.8282 7.75736Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_select .script_label.on:before, .add_menu_select .script_label.on:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M4 18V14.3C4 13.4716 3.32843 12.8 2.5 12.8H2V11.2H2.5C3.32843 11.2 4 10.5284 4 9.7V6C4 4.34315 5.34315 3 7 3H8V5H7C6.44772 5 6 5.44772 6 6V10.1C6 10.9858 5.42408 11.7372 4.62623 12C5.42408 12.2628 6 13.0142 6 13.9V18C6 18.5523 6.44772 19 7 19H8V21H7C5.34315 21 4 19.6569 4 18ZM20 14.3V18C20 19.6569 18.6569 21 17 21H16V19H17C17.5523 19 18 18.5523 18 18V13.9C18 13.0142 18.5759 12.2628 19.3738 12C18.5759 11.7372 18 10.9858 18 10.1V6C18 5.44772 17.5523 5 17 5H16V3H17C18.6569 3 20 4.34315 20 6V9.7C20 10.5284 20.6716 11.2 21.5 11.2H22V12.8H21.5C20.6716 12.8 20 13.4716 20 14.3Z'%3E%3C/path%3E%3C/svg%3E");
}

th .history_view_btn {
  text-align: left;
  padding-top: 16px;
}

.history_view_btn {
  text-align: right;
  padding: 6px 0;
}
.history_view_btn button {
  background-color: transparent;
  color: #2a3da7;
}
.history_view_btn button:hover {
  color: #15226b;
}

.section_wrap:has(.menu_content) {
  height: calc(100% - 113px);
}
.section_wrap:has(.menu_content) #content {
  padding-right: 0;
}
.section_wrap:has(.menu_content) .menu_detail {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
}

#content.menu_content { /* height: calc(100% - 204px); */
  height: calc(100% - 50px);
  padding: 0;
  min-height: initial;
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
}

.menu_area {
  display: flex;
  gap: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.menu_list {
  width: 380px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
}

.menu_wrap {
  width: 100%;
  box-sizing: border-box; /*height: calc( 100% - $menuSetH );*/
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 20px;
}
.menu_wrap::-webkit-scrollbar {
  width: 5px;
}
.menu_wrap .home {
  display: flex;
  flex-flow: row wrap;
  gap: 20px 4px;
}
.menu_wrap .home .menu_home_btn {
  flex: 4 1 0;
  font-size: 18px;
  color: #2a3da7;
  border-radius: 3px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #2a3da7;
  padding: 10px;
  font-weight: 600;
}
.menu_wrap .home .menu_home_btn:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30,110,235,1)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.menu_wrap .home .menu_home_btn:hover {
  background-color: #F8FBFF;
}
.menu_wrap .home .menu_add_btn {
  flex: 1;
}
.menu_wrap .home a[data-menu-id="1"] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #2a3da7;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 700;
  color: #2a3da7;
}
.menu_wrap .home a[data-menu-id="1"]::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(42,61,137,1)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_wrap .home.on > a {
  background-color: #2a3da7;
  color: #fff;
}
.menu_wrap .home.on > a::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M13 19H19V9.97815L12 4.53371L5 9.97815V19H11V13H13V19ZM21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V9.48907C3 9.18048 3.14247 8.88917 3.38606 8.69972L11.3861 2.47749C11.7472 2.19663 12.2528 2.19663 12.6139 2.47749L20.6139 8.69972C20.8575 8.88917 21 9.18048 21 9.48907V20Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  vertical-align: middle;
  margin-right: 5px;
}
.menu_wrap .home.on > a:hover {
  background-color: #223390;
}
.menu_wrap a {
  display: block;
  transition: all 0.2s ease;
}
.menu_wrap ul ul ul {
  border-left: solid 1px rgba(30, 110, 235, 0.5);
}
.menu_wrap ul ul ul li {
  padding-left: 14px;
}
.menu_wrap ul ul ul li:before {
  display: block;
  content: "";
  width: 10px;
  border-top: solid 1px blue;
  position: absolute;
  left: -1px;
  top: 19px;
  background: #fff;
}
.menu_wrap ul ul ul > li:last-child:last-child::before {
  bottom: 0;
}
.menu_wrap ul ul ul > li:last-child a:before {
  bottom: 0;
}
.menu_wrap ul ul ul li.depth03:before {
  left: -11px;
}
.menu_wrap ul ul ul .func_add_menu_btn {
  top: 6px;
}
.menu_wrap ul ul ul {
  margin: 0 0 0 26px;
  padding-top: 10px;
  border-left: dotted 1px rgba(30, 110, 235, 0.5);
}
.menu_wrap ul ul ul li:before {
  top: 22px;
  border-top: dotted 1px rgba(30, 110, 235, 0.5);
}
.menu_wrap ul ul ul ul li {
  padding-left: 0;
}
.menu_wrap .depth01_wrap {
  width: 100%;
  margin-bottom: 10px;
}
.menu_wrap .depth01_wrap li {
  position: relative;
}
.menu_wrap .depth01_wrap .depth01 > a {
  font-size: 18px;
  padding: 12px 10px 12px 12px;
  font-weight: 700;
  color: #2a3da7;
  position: relative;
  position: relative;
  border-bottom: 1px solid rgba(30, 110, 235, 0.5);
}
.menu_wrap .depth01_wrap .depth01 > a:hover {
  font-weight: 700;
  background: #fafafa;
  border-radius: 3px;
}
.menu_wrap .depth01_wrap .depth01 + .depth01 { /*border-top: solid 1px #ddd;*/
  margin-top: 30px;
}
.menu_wrap .depth01_wrap > .depth01 > a:before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #F99D1A;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.15s ease;
}
.menu_wrap .depth01_wrap > .depth01.on button {
  border: 1px solid #5276e1;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(82,118,225,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.menu_wrap .depth01_wrap > .depth01.on > a,
.menu_wrap .depth01_wrap > .depth01:has(ul li.on) > a {
  background-color: #2a3da7;
  color: #fff;
  padding-left: 22px;
}
.menu_wrap .depth01_wrap > .depth01.on > a:before,
.menu_wrap .depth01_wrap > .depth01:has(ul li.on) > a:before {
  left: 10px;
}
.menu_wrap .depth01_wrap a > span {
  display: block;
}
.menu_wrap .depth02_wrap .depth02 {
  position: relative;
}
.menu_wrap .depth02_wrap .depth02 ul {
  padding: 0 0 0 10px;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}
.menu_wrap .depth02_wrap .depth02 ul > li a {
  padding: 0 10px;
  height: 0;
  color: #777;
  background: #fff;
  position: relative;
}
.menu_wrap .depth02_wrap .depth02 ul > li.on > a {
  padding: 8px 8px 8px 20px;
  background-color: #2a3da7;
  font-weight: 600;
  color: #fff;
}
.menu_wrap .depth02_wrap .depth02 ul > li.on > a::after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #F99D1A;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.15s ease;
}
.menu_wrap .depth02_wrap .depth02 a {
  padding: 8px;
  position: relative;
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.menu_wrap .depth02_wrap .depth02 a:hover {
  background-color: #fafafa;
  color: #252525;
}
.menu_wrap .depth02_wrap .depth02.on > a {
  padding-left: 20px;
  background-color: #2a3da7;
  color: #fff;
  border-radius: 3px;
}
.menu_wrap .depth02_wrap .depth02.on > a::after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #F99D1A;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.15s ease;
}
.menu_wrap .depth02_wrap .depth02.minus ul {
  height: auto;
  overflow: visible;
  margin-left: 26px;
}
.menu_wrap .depth02_wrap .depth02.minus ul li > a {
  padding: 8px;
  height: auto;
}
.menu_wrap .depth02_wrap .depth02.minus ul li.on > a {
  padding: 8px 8px 8px 20px;
}
.menu_wrap .depth02_wrap .depth03 a:before {
  left: -15px;
}
.menu_wrap .more > a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='25' height='25' fill='rgba(30,110,235,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 42px center;
}
.menu_wrap .more.minus a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='25' height='25' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E");
}

.menu_settting {
  height: 80px;
  width: 374px;
  display: flex;
  padding: 16px;
  border-top: solid 1px #ddd;
  box-sizing: border-box;
  display: none;
}
.menu_settting button {
  border: solid 1px #ddd;
  border-left: 0 none;
  width: 100%;
  background: #fff no-repeat center center;
  transition: all 0.15s ease 0s;
  color: rgb(34, 34, 34);
}
.menu_settting button:hover {
  background-color: #f9f9f9;
  color: #15226b;
}
.menu_settting button:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  margin-right: 8px;
  background: no-repeat center center;
  vertical-align: middle;
}
.menu_settting button:first-child {
  border-radius: 3px 0 0 3px;
  border-left: solid 1px #ddd;
}
.menu_settting button:last-child {
  border-radius: 0 3px 3px 0;
}
.menu_settting .menu_add:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30, 110, 235 ,1)'%3E%3Cpath d='M4 1V4H1V6H4V9H6V6H9V4H6V1H4ZM3 20.0066V11H5V19H13V14C13 13.45 13.45 13 14 13L19 12.999V5H11V3H20.0066C20.5552 3 21 3.45576 21 4.00247V15L15 20.996L4.00221 21C3.4487 21 3 20.5551 3 20.0066ZM18.171 14.999L15 15V18.169L18.171 14.999Z'%3E%3C/path%3E%3C/svg%3E");
}
.menu_settting .menu_del:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(30, 110, 235 ,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
}

.menu_detail {
  width: calc(100% - 350px);
  height: 100%;
  padding: 20px 20px;
  box-sizing: border-box;
  overflow-y: auto;
  border-left: solid 1px #ddd;
}
.menu_detail::-webkit-scrollbar {
  width: 5px;
}

dl.depth_menu02, li.menu_type, li.add_menu_type {
  display: none;
}

.func_add_menu_btn {
  font-size: 0;
  padding: 0;
  min-width: 24px;
  min-height: 24px;
  position: absolute;
  right: 4px;
  top: 9px;
  border: 1px solid #2a3da7;
  background: #2a3da7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.func_add_menu_btn:focus,
.func_add_menu_btn:hover {
  border: 1px solid #15226b;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center #15226b;
}

.add_btn02 {
  right: 6px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #5276e1;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(82,118,225,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.add_btn02:focus,
.add_btn02:hover {
  border: 1px solid #15226b;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center #15226b;
}

table.table.center td.module_title {
  text-align: center;
}

.html_area {
  height: 600px;
}

/* 홈페이지관리 - 메뉴관리 end */
/* 홈페이지관리 - 팝업관리 S */
td div.use_yn {
  padding: 0;
}

div.use_yn {
  display: flex;
  align-items: center;
  gap: 5px;
}
div.use_yn .use_y,
div.use_yn .use_n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 34px;
  background-color: #dcdcdc;
  color: #777;
  border-radius: 3px;
}
div.use_yn .use_y {
  background-color: #1E6EEB;
  color: #fff;
}

table.table td.popup_content,
table.table td.banner_content,
table.table td.culture_content {
  text-align: left;
}
table.table td.popup_content > a,
table.table td.banner_content > a,
table.table td.culture_content > a {
  font-size: 20px;
  font-weight: 600;
  padding: 16px 0 12px 0;
  display: inline-block;
}

.popup_info1 {
  padding: 6px 0;
  display: flex;
  flex-wrap: wrap;
}
.popup_info1 dt, .popup_info1 dd {
  padding: 4px 0;
}
.popup_info1 dt {
  width: 80px;
  font-weight: 600;
}
.popup_info1 dd {
  width: calc(50% - 80px);
}
.popup_info1 dd.link,
.popup_info1 dd.during_date {
  width: calc(100% - 80px);
}

/* 홈페이지관리 - 팝업관리 E */
.table_wrap.main .banner_thum img {
  width: 380px;
  min-width: 380px;
}

/* 헤더메뉴 관리 */
.menu_type_wrap {
  width: 50%;
  min-width: 400px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.menu_type_wrap #selectMenuText {
  width: 100%;
  display: flex;
  align-items: center;
}
.menu_type_wrap input[tpye=text], .menu_type_wrap select {
  flex: 1;
}

.check_wrap + .menu_type_wrap,
.menu_type_wrap + .menu_type_wrap {
  padding-top: 8px;
}

/* 관련 사이트 관리 */
a.link_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-left: 8px;
  font-size: 0;
  vertical-align: middle;
  background: #1E6EEB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(255,255,255,1)'%3E%3Cpath d='M17.6567 14.8284L16.2425 13.4142L17.6567 12C19.2188 10.4379 19.2188 7.90524 17.6567 6.34314C16.0946 4.78105 13.5619 4.78105 11.9998 6.34314L10.5856 7.75736L9.17139 6.34314L10.5856 4.92893C12.9287 2.58578 16.7277 2.58578 19.0709 4.92893C21.414 7.27208 21.414 11.0711 19.0709 13.4142L17.6567 14.8284ZM14.8282 17.6569L13.414 19.0711C11.0709 21.4142 7.27189 21.4142 4.92875 19.0711C2.5856 16.7279 2.5856 12.9289 4.92875 10.5858L6.34296 9.17157L7.75717 10.5858L6.34296 12C4.78086 13.5621 4.78086 16.0948 6.34296 17.6569C7.90506 19.2189 10.4377 19.2189 11.9998 17.6569L13.414 16.2426L14.8282 17.6569ZM14.8282 7.75736L16.2425 9.17157L9.17139 16.2426L7.75717 14.8284L14.8282 7.75736Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.15s ease 0s;
}

a.link_icon:hover {
  background-color: #2a3da7;
}

/* 게시판 관리 start */
.file_wrap {
  width: 100%;
}
.file_wrap ul {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.file_wrap ul li {
  position: relative;
}
.file_wrap ul li + li {
  border-top: 1px dashed #e1e1e0;
}
.file_wrap ul a {
  display: block;
  padding: 10px;
}
.file_wrap ul .delete_btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  transition: all 0.2s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(200,200,200,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
  font-size: 0;
}
.file_wrap ul .delete_btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(150,150,150,1)'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");
}

p.view {
  line-height: 1.2em;
}

.comment_wrap {
  width: 100%;
}
.comment_wrap ul {
  width: 100%;
  background-color: #fafafa;
  box-sizing: border-box;
}
.comment_wrap ul li {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
}
.comment_wrap ul li:last-child {
  border-bottom: 0 none;
}
.comment_wrap ul li .writer {
  margin: 0 15px 15px 0;
  width: 100%;
  font-weight: 500;
}
.comment_wrap ul li .writer::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(50,50,50,1)'%3E%3Cpath d='M11.9999 17C15.6623 17 18.8649 18.5751 20.607 20.9247L18.765 21.796C17.3473 20.1157 14.8473 19 11.9999 19C9.15248 19 6.65252 20.1157 5.23479 21.796L3.39355 20.9238C5.13576 18.5747 8.33796 17 11.9999 17ZM11.9999 2C14.7613 2 16.9999 4.23858 16.9999 7V10C16.9999 12.6888 14.8776 14.8818 12.2168 14.9954L11.9999 15C9.23847 15 6.9999 12.7614 6.9999 10V7C6.9999 4.31125 9.1222 2.11818 11.783 2.00462L11.9999 2ZM11.9999 4C10.4022 4 9.09623 5.24892 9.00499 6.82373L8.9999 7V10C8.9999 11.6569 10.343 13 11.9999 13C13.5976 13 14.9036 11.7511 14.9948 10.1763L14.9999 10V7C14.9999 5.34315 13.6567 4 11.9999 4Z'%3E%3C/path%3E%3C/svg%3E");
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.comment_wrap ul li p {
  color: #777;
  font-weight: 400;
  margin: 0 0 15px;
}
.comment_wrap ul li .date {
  margin-left: 10px;
  font-weight: 400;
  color: #999;
}
.comment_wrap ul li .comment_btn {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.comment_wrap ul li .comment_btn button {
  background-color: transparent;
  color: #777;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
}
.comment_wrap ul li .comment_btn button:hover {
  color: #223390;
  font-weight: 600;
}
.comment_wrap ul li .comment2_wrap {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.comment_wrap ul li .comment2_wrap ul {
  padding: 0 0 0 25px;
}
.comment_wrap ul li .comment2_wrap li {
  padding: 15px;
  border: 0 none;
  border: 1px dashed #ddd;
}
.comment_wrap ul li .comment2_wrap li .comment_btn {
  right: 15px;
  top: 15px;
}
.comment_wrap ul li .comment2_wrap li::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(221,221,221,1)'%3E%3Cpath d='M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.comment_wrap ul li .comment2_wrap li + li {
  margin: 10px 0 0;
}
.comment_wrap ul li .comment_input_area {
  padding: 0;
  margin: 15px 0 0;
}
.comment_wrap ul li + li {
  border-top: 1px solid #ddd;
}
.comment_wrap .paging_wrap {
  padding: 15px 0 0;
}
.comment_wrap .comment_input_area {
  width: 100%;
  height: 130px;
  position: relative;
  display: flex;
  padding: 15px;
  box-sizing: border-box;
}
.comment_wrap .comment_input_area textarea {
  width: 100%;
  height: 100%;
  border: 0 none;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 0;
}
.comment_wrap .comment_input_area .btn_comment {
  width: 70px;
  height: 100%;
  background-color: #223390;
  color: #fff;
}

.question_wrap::after {
  display: block;
  content: "";
  width: 50px;
  height: 50px;
  padding: 20px 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(204,204,204,1)'%3E%3Cpath d='M12 19.1642L18.2071 12.9571L16.7929 11.5429L12 16.3358L7.20711 11.5429L5.79289 12.9571L12 19.1642ZM12 13.5143L18.2071 7.30722L16.7929 5.89301L12 10.6859L7.20711 5.89301L5.79289 7.30722L12 13.5143Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 게시판 관리 end */
/* 사용자권한관리 start */
dl.sub_authority {
  display: none;
}

/* 사용자권한관리 end */
/* 캘린더 start */
.cal_contents .toastui-calendar-layout {
  height: auto !important;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}
.cal_contents .toastui-calendar-month .toastui-calendar-month-daygrid {
  height: 600px;
}
.cal_contents .toastui-calendar-day-names.toastui-calendar-month {
  padding: 0;
}
.cal_contents .toastui-calendar-day-name-item.toastui-calendar-month {
  padding: 0;
}
.cal_contents .toastui-calendar-template-monthDayName {
  text-align: center;
  font-weight: 600;
  color: #555;
  background: #f5f5f5;
}
.cal_contents .toastui-calendar-weekday-event-block {
  margin: 6px 0 0;
}
.cal_contents .toastui-calendar-weekday-event {
  overflow: visible !important;
  height: auto !important;
}
.cal_contents .toastui-calendar-weekday-event-title {
  text-overflow: inherit;
  white-space: initial;
  overflow: visible;
}
.cal_contents .config_edit {
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.cal_top {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  gap: 15px;
}
.cal_top .today {
  margin-left: auto;
}
.cal_top .cal_current {
  font-size: 22px;
  font-weight: 500;
}
.cal_top .cal_prev, .cal_top .cal_next {
  font-size: 0;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(210,210,210,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}
.cal_top .cal_prev:hover, .cal_top .cal_next:hover {
  background-color: #f8f8f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(180,180,180,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.cal_top .cal_next {
  transform: rotate(180deg);
}
.cal_top .btn_wrap {
  padding: 0;
  margin-left: auto;
}

/* 캘린더 end */
/* 접속 경로통계 */
.access_path td, .access_path th {
  word-break: break-all;
}

colgroup .access_path_pc,
colgroup .access_path_mobile,
colgroup .access_path_total,
colgroup .access_path_ratio {
  width: 100px;
}

#graphArea li strong {
  padding-top: 16px;
  opacity: 0;
  bottom: -16px;
  transition: all 0.15s ease 0s;
}

#graphArea li:hover strong {
  opacity: 1;
  padding-top: 32px;
  bottom: -32px;
}

th.access_path_div {
  word-break: break-all;
}

/* 팝업설정 */
/* 팝업 */
.popup_size_set input[type=number] {
  width: 80px;
}

.note_li {
  padding: 8px 0;
}
.note_li li {
  color: #666;
  padding: 2px 0 2px 16px;
  position: relative;
}
.note_li li:before {
  display: inline-flex;
  content: "*";
  position: absolute;
  left: 3px;
  top: 5px;
}

.popup_photo_wrap {
  float: left;
  width: 500px;
}
.popup_photo_wrap .file_box {
  position: relative;
  max-width: inherit;
}
.popup_photo_wrap .file_box:has(#resetEditImgBtn) {
  padding-right: 44px;
}
.popup_photo_wrap .upload_name {
  width: 300px;
}
.popup_photo_wrap #resetEditImgBtn {
  width: 38px;
  width: 38px;
  padding: 0;
  min-width: auto;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgb(63 81 181)'%3E%3Cpath d='M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.popup_photo_wrap #resetEditImgBtn:hover {
  background-color: rgba(63, 81, 181, 0.07);
}

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

.popup_edit .table {
  float: right;
}

.popup_edit + .btn_wrap {
  clear: both;
}

.popup_photo_wrap + .table {
  width: 600px;
  clear: none;
}

.edit_img_alt {
  padding: 16px 0 0 0;
}

.popup_photo_img {
  border: solid 1px #ddd;
  border-radius: 3px;
  margin-bottom: 8px;
  text-align: center;
}
.popup_photo_img img {
  max-width: 100%;
}

.datepick_wrap input[type=date] {
  width: 194px;
}

.last_update_info {
  padding-bottom: 10px;
  text-align: right;
  color: #999;
}

label[for=previewEditImage].btn {
  border-color: rgb(63, 81, 181);
  color: #3f51b5;
  background-color: #fff;
}

label[for=previewEditImage].btn:before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(63, 81, 181,1)'%3E%3Cpath d='M21 15V18H24V20H21V23H19V20H16V18H19V15H21ZM21.0082 3C21.556 3 22 3.44495 22 3.9934V13H20V5H4V18.999L14 9L17 12V14.829L14 11.8284L6.827 19H14V21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082ZM8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

label[for=previewEditImage].btn:hover {
  background-color: rgba(63, 81, 181, 0.07);
}

label[for=editImgAlt] {
  padding: 10px 0;
  display: block;
}

.label_wrap {
  display: inline-flex;
  align-items: center;
}
.label_wrap input[type=number] {
  margin: 0 6px;
}
.label_wrap input[type=checkbox] {
  margin-right: 6px;
}
.label_wrap + .label_wrap {
  margin-left: 16px;
}

.label_radio {
  display: inline-flex;
  align-items: center;
}
.label_radio input[type=radio] {
  margin-right: 8px;
}
.label_radio + .label_radio {
  margin-left: 16px;
}

.main_view img {
  max-height: 150px;
}

label.custom_radio {
  display: flex;
  align-items: center;
  gap: 5px;
}
label.custom_radio input[type=radio] {
  position: fixed;
  left: -99999px;
  top: -99999px;
}
label.custom_radio::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #dbdbdb;
  border-radius: 50%;
  transition: all 0.15s ease 0s;
}
label.custom_radio:has(:checked)::before {
  border: 5px solid #1E6EEB;
}

/* CKEditor start */
.ck.ck-reset.ck-editor.ck-rounded-corners {
  max-width: 100%;
  width: 100%;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  height: 400px;
  border: 0 none;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
  border: 0 none;
  border-bottom: 1px solid #e1e1e0;
}

dd .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: 0 none;
  box-shadow: none;
}

.ck.ck-editor__editable_inline > :last-child {
  word-break: break-all;
}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: wrap;
}

/* CKEditor end */
table + #ckEditorArea + .ck-editor {
  border: #ccc solid 1px;
  margin-bottom: 16px;
}

.chk input {
  margin: 0;
}

/* .remark_contents {width: 400px;} */
dd label.radio_flex {
  display: flex;
  margin-right: 8px;
}
dd label.radio_flex input {
  margin-right: 4px;
}

.group_info, .group_data {
  width: 50%;
}

button.btn.wrn.funcCodeDelBtn, button.funcCategoryDeleteBtn.btn.wrn {
  margin: 0;
}

th.chk {
  width: 54px;
}

th.no {
  width: 80px;
}

th.num, th.use, th.id_code, th.order, th.use_yn, th.new_page_yn, th.expr_seq, th.grade, .modify_btn, .search_box label input {
  width: 100px;
}

th.reg_date_time, th.domain, th.image, th.url, th.meny, th.place, .search_box .movie_month {
  width: 300px;
}

th.move, th.add_date, .search_box label input.recommend_date {
  width: 150px;
}

th.manage, th.view_date {
  width: 200px;
}

th.menu_path, th.menu_name { /* width: 35%; */ }

.movie_search, button.btn.btn_del.deleteBtn {
  width: 100%;
}

.search_box label:nth-child(2) {
  margin-right: 20px;
}

.modify_btn button {
  width: 120px;
}

.data_wrap dl dd span.dash {
  width: auto;
}

.file_flex {
  flex-direction: column;
}

.culture_title {
  width: 50%;
}

/* 영화 */
.thumnail_board {
  padding: 0 0 20px 360px;
  position: relative;
  min-height: 380px;
  border-bottom: solid 1px #ddd;
}
.thumnail_board h3 {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.thumnail_board .explan {
  font-size: 18px;
  color: #0fa9ff;
  margin-bottom: 12px;
  font-weight: 500;
}
.thumnail_board h3:has(input),
.thumnail_board .explan:has(input) {
  display: flex;
  flex-flow: row wrap;
  gap: 8px 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.thumnail_board h3:has(input) strong,
.thumnail_board .explan:has(input) strong {
  width: 100px;
  font-weight: 500;
  color: #555;
  font-size: 16px;
}
.thumnail_board h3:has(input) input,
.thumnail_board .explan:has(input) input {
  width: calc(100% - 100px);
}
.thumnail_board dl {
  display: flex;
  flex-flow: row wrap;
  gap: 8px 0;
  align-items: center;
}
.thumnail_board dl dt, .thumnail_board dl dd {
  min-height: 24px;
}
.thumnail_board dl dt {
  width: 100px;
  font-weight: 500;
  color: #555;
}
.thumnail_board dl dd {
  width: calc(100% - 100px);
  font-weight: 400;
}
.thumnail_board dl dd.teach_file a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thumnail_board dl span.day {
  display: inline-block;
}
.thumnail_board .ck.ck-reset {
  border: solid 1px #ccc;
}

.poster_wrap {
  width: 300px;
  padding: 20px 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 6px solid #e5e5e5;
  position: absolute;
  left: 0;
  top: 0;
}
.poster_wrap img {
  width: 100%;
  display: block;
  min-height: 260px;
  border: solid 1px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  background-color: #f9f9f9;
}
.poster_wrap .file_box {
  max-width: 100%;
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  padding-top: 16px;
}
.poster_wrap .upload_name {
  box-sizing: border-box;
}

.manage_wrap {
  height: 100%;
  display: flex;
  gap: 20px;
}

.manage_list_area {
  width: 30%;
  padding: 20px 20px 0;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
}

.manage_function {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
}
.manage_function .btn_wrap {
  align-items: center;
  gap: 15px;
  padding: 0;
  margin: 0;
}
.manage_function .btn_wrap .year {
  font-size: 20px;
  font-weight: 600;
}
.manage_function .btn_wrap button {
  width: 36px;
  height: 36px;
  font-size: 0;
  border: 1px solid #333;
  border-radius: 4px;
  box-sizing: border-box;
  opacity: 0.3;
}
.manage_function .btn_wrap button::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(51,51,51,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}
.manage_function .btn_wrap button.btn_prev_month {
  transform: rotate(180deg);
}
.manage_function .btn_wrap button:hover {
  opacity: 0.8;
}

.manage_item_div {
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding: 0 20px 20px;
  height: calc(100% - 60px);
  display: flex;
  flex-flow: column nowrap;
  gap: 15px;
  overflow-y: auto;
  box-sizing: border-box;
}
.manage_item_div::-webkit-scrollbar {
  width: 5px;
}
.manage_item_div .manage_item {
  width: 100%;
  padding: 20px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease 0s;
}
.manage_item_div .manage_item .manage_item_title {
  font-size: 20px;
  font-weight: 600;
}
.manage_item_div .manage_item .manage_item_summary {
  display: flex;
  flex-flow: row wrap;
  padding: 15px 0 0;
  gap: 6px 0;
}
.manage_item_div .manage_item .manage_item_summary dt, .manage_item_div .manage_item .manage_item_summary dd {
  line-height: 1.3em;
  font-size: 16px;
}
.manage_item_div .manage_item .manage_item_summary dt {
  width: 70px;
  font-weight: 500;
  color: #444;
}
.manage_item_div .manage_item .manage_item_summary dd {
  width: calc(100% - 70px);
  color: #666;
}
.manage_item_div .manage_item:hover {
  background-color: #fafafa;
}
.manage_item_div .manage_item.selected {
  border: 2px solid #1E6EEB;
}
.manage_item_div .no_result {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  box-sizing: border-box;
}
.manage_item_div .no_result p {
  color: #999;
  font-size: 18px;
  font-weight: 500;
}

.manage_detail_area {
  width: calc(70% - 20px);
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  position: relative;
}
.manage_detail_area > .btn_wrap {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
}
.manage_detail_area > .btn_wrap .btn {
  min-width: 60px;
}
.manage_detail_area .no_result {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
}
.manage_detail_area .no_result p {
  color: #999;
  font-size: 20px;
  font-weight: 500;
}

.manage_detail_header {
  padding: 20px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
}
.manage_detail_header h4 {
  min-height: 36px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
}
.manage_detail_header .manage_detail_summary {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 12px 18px;
  padding: 20px 20px;
  margin: 15px 0 0;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.manage_detail_header .manage_detail_summary li {
  width: calc(33.3333333333% - 12px);
  display: flex;
  gap: 4px;
  line-height: 1.3em;
  position: relative;
  box-sizing: border-box;
}
.manage_detail_header .manage_detail_summary li .label {
  flex: none;
  display: flex;
  font-weight: 500;
  color: #444;
}
.manage_detail_header .manage_detail_summary li .label::after {
  display: block;
  content: ":";
  margin: 0 0 0 4px;
}
.manage_detail_header .manage_detail_summary li .content {
  color: #666;
}

.manage_table_box {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
}
.manage_table_box::-webkit-scrollbar {
  width: 5px;
}
.manage_table_box table {
  border-top: 0 none;
}
.manage_table_box table tbody tr:last-child td {
  border-bottom: 0 none;
}
.manage_table_box table .box_num {
  width: 100px;
}

.book_search .result_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #dbdbdb;
}
.book_search .result_top .count {
  color: #777;
}
.book_search .result_top .count strong {
  color: #1E6EEB;
}

.book_scroll {
  max-height: calc(100% - 252px);
  overflow-y: auto;
  box-sizing: border-box;
}
.book_scroll::-webkit-scrollbar {
  width: 5px;
}

.book_scroll .result_wrap {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 18px;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
.book_scroll .result_wrap .book {
  width: 100%;
  min-height: 228px;
  padding: 0 0 18px 180px;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
  position: relative;
}
.book_scroll .result_wrap .book .cover {
  width: 150px;
  height: 210px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.book_scroll .result_wrap .book .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
}
.book_scroll .result_wrap .book_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 6px 0;
  padding: 20px 0 0;
}
.book_scroll .result_wrap .book_summary dt, .book_scroll .result_wrap .book_summary dd {
  line-height: 1.2em;
  font-size: 16px;
}
.book_scroll .result_wrap .book_summary dt {
  width: 90px;
  font-weight: 500;
}
.book_scroll .result_wrap .book_summary dd {
  width: calc(100% - 90px);
  color: #444;
}
.book_scroll .result_wrap .btn_wrap {
  padding: 0;
  margin: -36px 0 0;
}
.book_scroll .result_wrap .page_wrap {
  padding: 10px 0 0;
}

.book_dream_apply_table tr td:not(:first-of-type, :last-of-type) {
  cursor: pointer;
}
.book_dream_apply_table tr:hover td {
  background-color: #fafafa;
}

.gdlist .setting-area {
  display: flex;
  gap: 0 20px;
}
.gdlist .setting-area label {
  font-weight: 700;
}
.gdlist .setting-area .input-wrap {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
.gdlist .setting-area .input-wrap .input-area {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0 10px;
  width: 100%;
}
.gdlist .setting-area .input-wrap .input-area:first-child label {
  width: 70px;
}
.gdlist .setting-area .available-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}
.gdlist .setting-area .available-area .check-wrap {
  display: flex;
  gap: 0 10px;
}
.gdlist .setting-area .available-area .check-wrap label {
  width: 80px;
}
.gdlist .setting-area .available-area .check-wrap .check_wrap .label_box {
  font-weight: initial;
}/*# sourceMappingURL=admin2024.css.map */