@charset "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,
table,
th,
td,
figure {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Pretendard", 'Malgun Gothic', sans-serif;
  color: #454753;
  font-weight: 400;
  word-break: keep-all;
}

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;
}

/* 스크롤바 커스텀 */
html * {
  scrollbar-width: thin;
}

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;
}


/* 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: url() rgba(0,0,0,.05);}*/
::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 12px;
  height: 12px;
  background: rgba(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, .2);
}

:hover::-webkit-scrollbar-thumb {
  background: rgba(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: 16px;
  height: 16px
}

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

label,
button {
  cursor: pointer;
}

label,
input {
  vertical-align: middle;
}

.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_box {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  text-align: left;
}

.label_box input[type=text] {
  min-width: 0;
  flex: 1;
}

.label_box>span {
  min-height: 16px;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1;
}

.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;
}


input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=text]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
input[type=date]:read-only {
  background: #f5f5f5;
}

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

th .label_box {
  justify-content: center;
}

a {
  text-decoration: none;
  transition: all 0.2s ease 0s;
}

/* a:focus, a:hover, a:active {color:#0070b0; } */
a.skip {
  position: fixed;
  left: -9999px;
  top: -9999px;
  z-index: 100;
  display: block;
  line-height: 3em;
  background: #0b8ceb;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

a.skip:hover,
a.skip:focus {
  position: relative;
  left: 0;
  top: 0;
  color: #fff;
}

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 */

/* table start */
.table_legend {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
  margin: 15px 0 0;

	
}

.table_legend:has(:only-child) {
	justify-content: flex-end;
}

.table_legend__item {
	color: #777;
  font-weight: 500;
}

table.table {
  border-top: 1px solid #999;
}

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

table.table th,
table.table td {
  padding: 12px 12px;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.1em;
}

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

table.table th {
  background: #f6f6f6;
  border: 1px solid #dbdbdb;
  border-top: 0 none;
  font-weight: 600;
}

table.table td {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-top: 0 none;
  text-align: left;
  word-break: keep-all;
}

table.table td.no_data {
	padding: 50px 0;
  color: #999;
  background-color: #fafafa;
  text-align: center;
}

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 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 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 end */

/* cal_table start */
.cal_table th {
  background-color: #fff;
}

.cal_table .date_content {
  min-height: 60px;
}

.cal_table .sat .date {
  color: #3f51b5;
}

.cal_table td.sat {
  background-color: #F7F9FE;
}

.cal_table .sun .date {
  color: #c30000;
}

.cal_table td.sun {
  background-color: #FFFAFA;
}

.cal_table .no_day .date,
.cal_table .sat.no_day .date,
.cal_table .sun.no_day .date {
  color: #ccc;
}

/* cal_table end */

/* input */
input[type="button"] {
  cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="file"],
select,
.input,
textarea,
input[type=date] {
  border: solid 1px #dbdbdb;
  border-radius: 4px;
  background: #fff;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.2s ease;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="file"],
select,
.input {
  height: 40px;
  line-height: 1em;
}

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

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

input[type=date] {
  padding: 0 15px 0 10px;
  position: relative;
  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(119,119,119,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 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
  z-index: 10;
}

input[type='date']::before {
  content: attr(placeholder);
  width: 100%;
  height: 100%;
}

input[type='date']:valid::before {
  display: none;
}

select {
  padding: 0 28px 0 10px;
  box-sizing: border-box;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(37,37,37,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 6px center;
  -webkit-appearance: none;
  /* for chrome */
  -moz-appearance: none;
  /*for firefox*/
  appearance: none;
}

/* select:focus {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(37,37,37,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");} */
select:disabled {
  color: #666;
  background-color: #f6f6f6;
}

select::-ms-expand {
  display: none;
  /*for IE10,11*/
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  select {
    padding: 0 0 0 5px;
  }
}

input[type="text"]:hover,
input[type="password"]:hover,
select:hover,
.input:hover,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
.input:focus {
  border-color: #40b2cd;
}

.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_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 */


/* 검색 버튼 */
.btn::before {
  transition: all 0.2s ease;
}

.btn.btn_search::before {
  display: inline-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(119,119,119,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 {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_reset::before {
  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(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.btn_sign::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_sign::before {
  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(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_write::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_write::before {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_edit:before {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_delete::before {
  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(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_language::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M6.23509 6.45329C4.85101 7.89148 4 9.84636 4 12C4 16.4183 7.58172 20 12 20C13.0808 20 14.1116 19.7857 15.0521 19.3972C15.1671 18.6467 14.9148 17.9266 14.8116 17.6746C14.582 17.115 13.8241 16.1582 12.5589 14.8308C12.2212 14.4758 12.2429 14.2035 12.3636 13.3943L12.3775 13.3029C12.4595 12.7486 12.5971 12.4209 14.4622 12.1248C15.4097 11.9746 15.6589 12.3533 16.0043 12.8777C16.0425 12.9358 16.0807 12.9928 16.1198 13.0499C16.4479 13.5297 16.691 13.6394 17.0582 13.8064C17.2227 13.881 17.428 13.9751 17.7031 14.1314C18.3551 14.504 18.3551 14.9247 18.3551 15.8472V15.9518C18.3551 16.3434 18.3168 16.6872 18.2566 16.9859C19.3478 15.6185 20 13.8854 20 12C20 8.70089 18.003 5.8682 15.1519 4.64482C14.5987 5.01813 13.8398 5.54726 13.575 5.91C13.4396 6.09538 13.2482 7.04166 12.6257 7.11976C12.4626 7.14023 12.2438 7.12589 12.012 7.11097C11.3905 7.07058 10.5402 7.01606 10.268 7.75495C10.0952 8.2232 10.0648 9.49445 10.6239 10.1543C10.7134 10.2597 10.7307 10.4547 10.6699 10.6735C10.59 10.9608 10.4286 11.1356 10.3783 11.1717C10.2819 11.1163 10.0896 10.8931 9.95938 10.7412C9.64554 10.3765 9.25405 9.92233 8.74797 9.78176C8.56395 9.73083 8.36166 9.68867 8.16548 9.64736C7.6164 9.53227 6.99443 9.40134 6.84992 9.09302C6.74442 8.8672 6.74488 8.55621 6.74529 8.22764C6.74529 7.8112 6.74529 7.34029 6.54129 6.88256C6.46246 6.70541 6.35689 6.56446 6.23509 6.45329ZM12 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 22Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_language::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='21' height='21' fill='rgba(255,255,255,1)'%3E%3Cpath d='M6.23509 6.45329C4.85101 7.89148 4 9.84636 4 12C4 16.4183 7.58172 20 12 20C13.0808 20 14.1116 19.7857 15.0521 19.3972C15.1671 18.6467 14.9148 17.9266 14.8116 17.6746C14.582 17.115 13.8241 16.1582 12.5589 14.8308C12.2212 14.4758 12.2429 14.2035 12.3636 13.3943L12.3775 13.3029C12.4595 12.7486 12.5971 12.4209 14.4622 12.1248C15.4097 11.9746 15.6589 12.3533 16.0043 12.8777C16.0425 12.9358 16.0807 12.9928 16.1198 13.0499C16.4479 13.5297 16.691 13.6394 17.0582 13.8064C17.2227 13.881 17.428 13.9751 17.7031 14.1314C18.3551 14.504 18.3551 14.9247 18.3551 15.8472V15.9518C18.3551 16.3434 18.3168 16.6872 18.2566 16.9859C19.3478 15.6185 20 13.8854 20 12C20 8.70089 18.003 5.8682 15.1519 4.64482C14.5987 5.01813 13.8398 5.54726 13.575 5.91C13.4396 6.09538 13.2482 7.04166 12.6257 7.11976C12.4626 7.14023 12.2438 7.12589 12.012 7.11097C11.3905 7.07058 10.5402 7.01606 10.268 7.75495C10.0952 8.2232 10.0648 9.49445 10.6239 10.1543C10.7134 10.2597 10.7307 10.4547 10.6699 10.6735C10.59 10.9608 10.4286 11.1356 10.3783 11.1717C10.2819 11.1163 10.0896 10.8931 9.95938 10.7412C9.64554 10.3765 9.25405 9.92233 8.74797 9.78176C8.56395 9.73083 8.36166 9.68867 8.16548 9.64736C7.6164 9.53227 6.99443 9.40134 6.84992 9.09302C6.74442 8.8672 6.74488 8.55621 6.74529 8.22764C6.74529 7.8112 6.74529 7.34029 6.54129 6.88256C6.46246 6.70541 6.35689 6.56446 6.23509 6.45329ZM12 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 22Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 관심도서 버튼 */
.btn.btn_interest::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M3 18.5V5C3 3.34315 4.34315 2 6 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H6.5C4.567 22 3 20.433 3 18.5ZM19 20V17H6.5C5.67157 17 5 17.6716 5 18.5C5 19.3284 5.67157 20 6.5 20H19ZM10 4H6C5.44772 4 5 4.44772 5 5V15.3368C5.45463 15.1208 5.9632 15 6.5 15H19V4H17V12L13.5 10L10 12V4Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_interest::before {
  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(255,255,255,1)'%3E%3Cpath d='M3 18.5V5C3 3.34315 4.34315 2 6 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22H6.5C4.567 22 3 20.433 3 18.5ZM19 20V17H6.5C5.67157 17 5 17.6716 5 18.5C5 19.3284 5.67157 20 6.5 20H19ZM10 4H6C5.44772 4 5 4.44772 5 5V15.3368C5.45463 15.1208 5.9632 15 6.5 15H19V4H17V12L13.5 10L10 12V4Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 장바구니 버튼 */
.btn.btn_cart::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M4.00436 6.41686L0.761719 3.17422L2.17593 1.76001L5.41857 5.00265H20.6603C21.2126 5.00265 21.6603 5.45037 21.6603 6.00265C21.6603 6.09997 21.6461 6.19678 21.6182 6.29L19.2182 14.29C19.0913 14.713 18.7019 15.0027 18.2603 15.0027H6.00436V17.0027H17.0044V19.0027H5.00436C4.45207 19.0027 4.00436 18.5549 4.00436 18.0027V6.41686ZM6.00436 7.00265V13.0027H17.5163L19.3163 7.00265H6.00436ZM5.50436 23.0027C4.67593 23.0027 4.00436 22.3311 4.00436 21.5027C4.00436 20.6742 4.67593 20.0027 5.50436 20.0027C6.33279 20.0027 7.00436 20.6742 7.00436 21.5027C7.00436 22.3311 6.33279 23.0027 5.50436 23.0027ZM17.5044 23.0027C16.6759 23.0027 16.0044 22.3311 16.0044 21.5027C16.0044 20.6742 16.6759 20.0027 17.5044 20.0027C18.3328 20.0027 19.0044 20.6742 19.0044 21.5027C19.0044 22.3311 18.3328 23.0027 17.5044 23.0027Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_cart::before {
  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(255,255,255,1)'%3E%3Cpath d='M4.00436 6.41686L0.761719 3.17422L2.17593 1.76001L5.41857 5.00265H20.6603C21.2126 5.00265 21.6603 5.45037 21.6603 6.00265C21.6603 6.09997 21.6461 6.19678 21.6182 6.29L19.2182 14.29C19.0913 14.713 18.7019 15.0027 18.2603 15.0027H6.00436V17.0027H17.0044V19.0027H5.00436C4.45207 19.0027 4.00436 18.5549 4.00436 18.0027V6.41686ZM6.00436 7.00265V13.0027H17.5163L19.3163 7.00265H6.00436ZM5.50436 23.0027C4.67593 23.0027 4.00436 22.3311 4.00436 21.5027C4.00436 20.6742 4.67593 20.0027 5.50436 20.0027C6.33279 20.0027 7.00436 20.6742 7.00436 21.5027C7.00436 22.3311 6.33279 23.0027 5.50436 23.0027ZM17.5044 23.0027C16.6759 23.0027 16.0044 22.3311 16.0044 21.5027C16.0044 20.6742 16.6759 20.0027 17.5044 20.0027C18.3328 20.0027 19.0044 20.6742 19.0044 21.5027C19.0044 22.3311 18.3328 23.0027 17.5044 23.0027Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 엑셀 버튼 */
.btn.btn_excel::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_excel::before {
  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(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 {
  display: inline-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(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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_check::before {
  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(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 {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_list::before {
  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(119,119,119,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_login::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M4 15H6V20H18V4H6V9H4V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V15ZM10 11V8L15 12L10 16V13H2V11H10Z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
}

.btn.pri.btn_login::before {
  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(255,255,255,1)'%3E%3Cpath d='M4 15H6V20H18V4H6V9H4V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V15ZM10 11V8L15 12L10 16V13H2V11H10Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

/* 상세검색 버튼 */
.btn.btn_detail::before {
  display: inline-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(119,119,119,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.8748ZM12.1779 7.17624C11.4834 7.48982 11 8.18846 11 9C11 10.1046 11.8954 11 13 11C13.8115 11 14.5102 10.5166 14.8238 9.82212C14.9383 10.1945 15 10.59 15 11C15 13.2091 13.2091 15 11 15C8.79086 15 7 13.2091 7 11C7 8.79086 8.79086 7 11 7C11.41 7 11.8055 7.06167 12.1779 7.17624Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: text-bottom;
}

.btn.pri.btn_detail::before {
  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(255,255,255,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.8748ZM12.1779 7.17624C11.4834 7.48982 11 8.18846 11 9C11 10.1046 11.8954 11 13 11C13.8115 11 14.5102 10.5166 14.8238 9.82212C14.9383 10.1945 15 10.59 15 11C15 13.2091 13.2091 15 11 15C8.79086 15 7 13.2091 7 11C7 8.79086 8.79086 7 11 7C11.41 7 11.8055 7.06167 12.1779 7.17624Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 간단검색 버튼 */
.btn.btn_simple::before {
  display: inline-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(119,119,119,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.8748ZM12.1779 7.17624C11.4834 7.48982 11 8.18846 11 9C11 10.1046 11.8954 11 13 11C13.8115 11 14.5102 10.5166 14.8238 9.82212C14.9383 10.1945 15 10.59 15 11C15 13.2091 13.2091 15 11 15C8.79086 15 7 13.2091 7 11C7 8.79086 8.79086 7 11 7C11.41 7 11.8055 7.06167 12.1779 7.17624Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: text-bottom;
}

.btn.pri.btn_simple::before {
  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(255,255,255,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.8748ZM12.1779 7.17624C11.4834 7.48982 11 8.18846 11 9C11 10.1046 11.8954 11 13 11C13.8115 11 14.5102 10.5166 14.8238 9.82212C14.9383 10.1945 15 10.59 15 11C15 13.2091 13.2091 15 11 15C8.79086 15 7 13.2091 7 11C7 8.79086 8.79086 7 11 7C11.41 7 11.8055 7.06167 12.1779 7.17624Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 업로드 버튼 */
.btn.btn_upload::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_upload::before {
  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(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_download::before {
  display: inline-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='18' height='18' fill='rgba(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_download::before {
  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(119,119,119,1)'%3E%3Cpath d='M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 프린트 버튼 */
.btn.btn_print::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_print::before {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_calendar::before {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_link::before {
  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(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 {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_home::before {
  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(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 {
  display: inline-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='18' height='18' fill='rgba(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_back::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='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.btn_reserve::before {
  display: inline-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(119,119,119,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 10H4V19H20V10ZM15.0355 11.136L16.4497 12.5503L11.5 17.5L7.96447 13.9645L9.37868 12.5503L11.5 14.6716L15.0355 11.136ZM7 5H4V8H20V5H17V6H15V5H9V6H7V5Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_reserve::before {
  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(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 10H4V19H20V10ZM15.0355 11.136L16.4497 12.5503L11.5 17.5L7.96447 13.9645L9.37868 12.5503L11.5 14.6716L15.0355 11.136ZM7 5H4V8H20V5H17V6H15V5H9V6H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 지도 버튼 */
.btn.btn_map::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M2 5L9 2L15 5L21.303 2.2987C21.5569 2.18992 21.8508 2.30749 21.9596 2.56131C21.9862 2.62355 22 2.69056 22 2.75827V19L15 22L9 19L2.69696 21.7013C2.44314 21.8101 2.14921 21.6925 2.04043 21.4387C2.01375 21.3765 2 21.3094 2 21.2417V5ZM16 19.3955L20 17.6812V5.03308L16 6.74736V19.3955ZM14 19.2639V6.73607L10 4.73607V17.2639L14 19.2639ZM8 17.2526V4.60451L4 6.31879V18.9669L8 17.2526Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_map::before {
  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(255,255,255,1)'%3E%3Cpath d='M2 5L9 2L15 5L21.303 2.2987C21.5569 2.18992 21.8508 2.30749 21.9596 2.56131C21.9862 2.62355 22 2.69056 22 2.75827V19L15 22L9 19L2.69696 21.7013C2.44314 21.8101 2.14921 21.6925 2.04043 21.4387C2.01375 21.3765 2 21.3094 2 21.2417V5ZM16 19.3955L20 17.6812V5.03308L16 6.74736V19.3955ZM14 19.2639V6.73607L10 4.73607V17.2639L14 19.2639ZM8 17.2526V4.60451L4 6.31879V18.9669L8 17.2526Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 지도 핀 버튼 */
.btn.btn_pin::before {
  display: inline-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(119,119,119,1)'%3E%3Cpath d='M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_pin::before {
  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(255,255,255,1)'%3E%3Cpath d='M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z'%3E%3C/path%3E%3C/svg%3E");
}

/* O 버튼 */
.btn.btn_yes::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_yes::before {
  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(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 {
  display: inline-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(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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_no::before {
  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(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 {
  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(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 {
  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(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_time::before {
  display: inline-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(119,119,119,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");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_time::before {
  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(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 20ZM13 12H17V14H11V7H13V12Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn:disabled.btn_wait::before {
  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(119,119,119,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");
}

/* 경고 버튼 */
.btn.btn_warning::before {
  display: inline-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(119,119,119,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 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.btn.pri.btn_warning::before {
  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(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 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z'%3E%3C/path%3E%3C/svg%3E");
}

.btn:disabled.btn_warning::before {
  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(119,119,119,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 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 바코드 버튼 */
.btn.btn_barcode::before {
  display: inline-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(53,53,53,1)'%3E%3Cpath d='M2 4H4V20H2V4ZM6 4H7V20H6V4ZM8 4H10V20H8V4ZM11 4H13V20H11V4ZM14 4H16V20H14V4ZM17 4H18V20H17V4ZM19 4H22V20H19V4Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 버튼 end */



/* text color start */
.explain0 {
  display: block;
  color: #777;
  margin: 0;
  line-height: 1.2em;
  padding-left: 16px;
  position: relative;
}

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

.explain {
  display: block;
  color: #777;
  margin: 8px 0 0;
  line-height: 1.2em;
}

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

.explain.wrn {
  color: #eb0000;
}

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

.explain2 {
  display: block;
  color: #777;
  margin: 10px 0 0;
  line-height: 1.2em;
}

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

.explain2.wrn {
  color: #eb0000;
}

.explain2.wrn::before {
  color: #eb0000;
}

.wrn_point {
  font-weight: 600;
  color: #EB0000;
}

.blue_point {
  font-weight: 600;
  color: #235AC5;
}

.wrn {
  font-weight: 500;
  color: #EB0000;
}

.blue {
  font-weight: 500;
  color: #235AC5;
}

/* text color 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*/
.must_wrap {
  padding: 0 0 10px;
  text-align: right;
  color: #777;
}

.must_ico {
  font-size: 0;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
}

.must_ico::before {
  display: block;
  content: "*";
  font-size: 16px;
  font-weight: 600;
  color: #EB0000;
}

/* th .must_ico {margin-left: 4px;} */
/* 필수 icon end*/

/* 체크 icon start*/
.check_wrap {
  text-align: right;
  color: #777;
  margin: 0 0 12px;
}

.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*/

/* datetimepicker start */
.datetimepicker_wrap {
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.datetimepicker {
  width: 100%;
  max-width: 130px;
  min-width: 100px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 none;
  padding: 0;
  box-sizing: border-box;
  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(221,221,221,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 14V16H6V14H8ZM18 14V16H10V14H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}

.datetimepicker_wrap .datetimepicker:focus {
  outline: 0 none;
}

.datetimepicker_wrap .dash {
  color: #ccc;
}

/* datetimepicker end */

/* datepicker start */
.datepicker_wrap {
  display: flex;
  height: 36px;
  align-items: center;
  background: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: border-box;
  gap: 5px;
  padding: 0 10px;
}

.datepicker_wrap .datepicker_from,
.datepicker_wrap .datepicker_to,
.datepicker_wrap .datepicker_date {
  border: 0 none;
  max-width: 130px;
  min-width: 100px;
  width: 100%;
  padding: 0;
}

.datepicker_wrap.width100 .datepicker_date {
  min-width: inherit;
  max-width: inherit;
  width: 100%;
}

.datepicker_wrap input:focus {
  outline: 0 none;
}

.datepicker_wrap .dash {
  color: #ccc;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  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,0.5)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  box-sizing: border-box;
}

.ui-datepicker .ui-datepicker-prev {
  left: 4px;
}

.ui-datepicker .ui-datepicker-next {
  right: 4px;
  transform: translateY(-50%) rotate(180deg);
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 4px;
  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(140,140,140,1)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z'%3E%3C/path%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 4px;
  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(140,140,140,1)'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20ZM12 11H16V13H12V16L8 12L12 8V11Z'%3E%3C/path%3E%3C/svg%3E");
}

/* datepicker end */

/* timepicker start */
.timepicker {
  width: 100%;
  max-width: 120px;
  min-width: 80px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 0 none;
  padding: 0;
  box-sizing: border-box;
  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(221,221,221,1)'%3E%3Cpath d='M17.6177 5.9681L19.0711 4.51472L20.4853 5.92893L19.0319 7.38231C20.2635 8.92199 21 10.875 21 13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13C3 8.02944 7.02944 4 12 4C14.125 4 16.078 4.73647 17.6177 5.9681ZM12 20C15.866 20 19 16.866 19 13C19 9.13401 15.866 6 12 6C8.13401 6 5 9.13401 5 13C5 16.866 8.13401 20 12 20ZM11 8H13V14H11V8ZM8 1H16V3H8V1Z'%3E%3C/path%3E%3C/svg%3E");
}

/* timepicker 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: .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);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* 2 초씩 바운스 효과 */
.main_banner01.swiper-slide-active .deco_img {
  transition: all .7s ease 2.8s;
}

.bounce {
  position: relative;
  /* 파폭 */
  -moz-animation: bounce 4s infinite ease;
  /* 크롬 */
  -webkit-animation: bounce 4s infinite ease;
  -o-animation: bounce 4s infinite ease;
  animation: bounce 4s infinite ease;
}

@-webkit-keyframes bounce {
  0% {
    top: 15%;
  }

  50% {
    top: 20%;
  }

  100% {
    top: 15%;
  }
}

@-moz-keyframes bounce {
  0% {
    top: 15%;
  }

  50% {
    top: 20%;
  }

  100% {
    top: 15%;
  }
}

@-o-keyframes bounce {
  0% {
    top: 15%;
  }

  50% {
    top: 20%;
  }

  100% {
    top: 15%;
  }
}

@-ms-keyframes bounce {
  0% {
    top: 15%;
  }

  50% {
    top: 20%;
  }

  100% {
    top: 15%;
  }
}

@keyframes bounce {
  0% {
    top: 15%;
  }

  50% {
    top: 20%;
  }

  100% {
    top: 15%;
  }
}

/* cal_table start */
.cal_table th {
  background-color: #fff;
}

table.table.cal_table th,
table.table.cal_table td {
  padding: 8px 6px;
  width: calc(100% / 7);
  box-sizing: border-box;
}

.cal_table .date_content {
  min-height: 60px;
}

.cal_table .sat .date {
  color: #3f51b5;
}

.cal_table td.sat {
  background-color: #F7F9FE;
}

.cal_table .sun .date {
  color: #c30000;
}

.cal_table td.sun {
  background-color: #FFFAFA;
}

/* .cal_table .no_day, .cal_table .sat.no_day, .cal_table .sun.no_day {background-color: #f7f7f7;} */
.cal_table .no_day .date,
.cal_table .sat.no_day .date,
.cal_table .sun.no_day .date {
  color: #ccc;
}

.cal_table .reg_link {
  display: block;
  margin: 5px 0 0;
  padding: 6px 10px;
  box-sizing: border-box;
  background: #169f8a;
  border-radius: 2px;
  color: #fff;
}

.cal_table .reg_link::before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin: 0 5px 0 0;
  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(255,255,255,1)'%3E%3Cpath d='M5 18.89H6.41421L15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89ZM21 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.45495L9.24264 18.89H21V20.89ZM15.7279 6.74785L17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785Z'%3E%3C/path%3E%3C/svg%3E");
}

.cal_table .reg_link:hover {
  background-color: #049487;
}

.cal_table .reg_link.end {
  background: #ddd;
  color: #777;
  font-weight: 600;
}

.cal_table .reg_link.holiday {
  background: #b92222;
  color: #fff;
  font-weight: 600;
}

.cal_table .reg_link.end::before {
  display: none;
}

/* cal_table end */

/* 파일 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 10 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(119,119,119,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;

  h4 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px 20px;
  }

  .cmt_wrap {
    margin: 0 0 20px;

    li {
      padding: 20px 10px;
      border-top: 1px solid #ddd;
      position: relative;

      .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_contents {
        display: block;
        line-height: 1.2em;
      }

      .cmt_date {
        display: inline-block;
        vertical-align: middle;
        color: #999;
        font-weight: 300;
        font-size: 15px;
        line-height: 1;
      }

      .cmt_write {
        margin: 15px 0 0;
      }

      .cmt_mod_wrap {
        position: absolute;
        right: 10px;
        top: 15px;

        button {
          background: transparent;
          color: #999;
          font-size: 15px;
          transition: all 0.2s ease;

          &:hover {
            font-weight: 500;
          }
        }

        button+button {
          margin-left: 6px;
        }

        button+button::before {
          display: inline-block;
          content: "";
          margin-right: 8px;
          width: 1px;
          height: 10px;
          background: #ccc;
        }

        .btn_recmt {
          padding: 4px 8px;
          border: 1px solid #ddd;
          background-color: #fff;
          border-radius: 2px;

          &:hover {
            background-color: #f5f5f5;
            font-weight: 400;
          }

          &::before {
            display: none;
          }
        }

      }
    }

    .recmt_wrap {
      padding: 0 0 0 30px;

      li {
        border: 0 none;
        margin: 15px 0 0;
        border: 1px dashed #ddd;
        padding: 15px 15px;
        position: relative;

        &::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_mod_wrap {
          right: 15px;
        }
      }
    }
  }

  .cmt_write {
    display: flex;

    input[type=text] {
      margin: 0;
      height: 46px;
      border-radius: 3px 0 0 3px;
      flex: 1;
      width: 100%;
      border-right: 0 none;
    }

    .btn {
      border-radius: 0 3px 3px 0;
      height: 46px;
      word-break: keep-all;
    }
  }

  .page_wrap {
    margin: 30px 0;
  }
}

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

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

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

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

.m50 {
  margin: 50px;
}

.m60 {
  margin: 60px;
}

.m70 {
  margin: 70px;
}

.m80 {
  margin: 80px;
}

.m90 {
  margin: 90px;
}

.m100 {
  margin: 100px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.ml90 {
  margin-left: 90px;
}

.ml100 {
  margin-left: 100px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}

.mtb10 {
  margin: 10px 0;
}

.mtb20 {
  margin: 20px 0;
}

.mtb30 {
  margin: 30px 0;
}

.mtb40 {
  margin: 40px 0;
}

.mtb50 {
  margin: 50px 0;
}

.mtb60 {
  margin: 60px 0;
}

.mtb70 {
  margin: 70px 0;
}

.mtb80 {
  margin: 80px 0;
}

.mtb90 {
  margin: 90px 0;
}

.mtb100 {
  margin: 100px 0;
}

/* margin end */

/* padding start */
.p0 {
  padding: 0;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.p50 {
  padding: 50px;
}

.p60 {
  padding: 60px;
}

.p70 {
  padding: 70px;
}

.p80 {
  padding: 80px;
}

.p90 {
  padding: 90px;
}

.p100 {
  padding: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pl90 {
  padding-left: 90px;
}

.pl100 {
  padding-left: 100px;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pr50 {
  padding-right: 50px;
}

.pr60 {
  padding-right: 60px;
}

.pr70 {
  padding-right: 70px;
}

.pr80 {
  padding-right: 80px;
}

.pr90 {
  padding-right: 90px;
}

.pr100 {
  padding-right: 100px;
}

.ptb10 {
  padding: 10px 0;
}

.ptb20 {
  padding: 20px 0;
}

.ptb30 {
  padding: 30px 0;
}

.ptb40 {
  padding: 40px 0;
}

.ptb50 {
  padding: 50px 0;
}

.ptb60 {
  padding: 60px 0;
}

.ptb70 {
  padding: 70px 0;
}

.ptb80 {
  padding: 80px 0;
}

.ptb90 {
  padding: 90px 0;
}

.ptb100 {
  padding: 100px 0;
}

/* padding end */