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

/* 전버전 도서관별 컬러 */
/*** 채움 컬러정의 ***/
/* 스크롤바 커스텀 */
html {
  overflow-x: hidden;
  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 {
  overflow-x: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body div,
body p,
body blockquote,
body pre,
body address,
body ul,
body ol,
body li,
body dl,
body dt,
body dd,
body table,
body caption,
body th,
body td,
body form,
body fieldset,
body legend,
body hr,
body label,
body button,
body textarea,
body input,
body select,
body figure {
  color: #333;
  font-size: 16px;
}
body h1:disabled,
body h2:disabled,
body h3:disabled,
body h4:disabled,
body h5:disabled,
body h6:disabled,
body div:disabled,
body p:disabled,
body blockquote:disabled,
body pre:disabled,
body address:disabled,
body ul:disabled,
body ol:disabled,
body li:disabled,
body dl:disabled,
body dt:disabled,
body dd:disabled,
body table:disabled,
body caption:disabled,
body th:disabled,
body td:disabled,
body form:disabled,
body fieldset:disabled,
body legend:disabled,
body hr:disabled,
body label:disabled,
body button:disabled,
body textarea:disabled,
body input:disabled,
body select:disabled,
body figure:disabled {
  background: #d8d8d8;
}
body figure {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body select {
  padding-left: 10px;
}

a,
a span {
  color: #333;
  transition: all 0.2s ease;
}

button,
button span {
  transition: all 0.2s ease;
  background-color: transparent;
}

img {
  display: inline-block;
  max-width: 100%;
}

select {
  min-width: 160px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/select_arrow.svg") no-repeat 95% center;
}
select:disabled {
  background: #d8d8d8 url("../images/select_arrow.svg") no-repeat 95% center;
}

select::-ms-expand {
  display: none;
}

.container {
  max-width: 1480px;
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

/* 테이블 start */
table.table {
  border-top: 2px solid #151515;
}

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

table.table th,
table.table td {
  padding: 15px 15px;
  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 {
  border-top: 0 none;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  color: #444;
}
table.table th label {
  font-weight: 500;
  color: #444;
}

table.table td {
  background: #fff;
  border: 1px solid #ddd;
  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;
}

.scroll {
  overflow: auto;
}

.table td.total {
  background: #f5fcff;
}
.table tfoot th,
.table tfoot td {
  background-color: #f5fcff;
}
.table th .must_ico {
  margin-left: 4px;
}
.table .num {
  width: 50px;
}
.table .check {
  width: 50px;
}
.table .check.auto {
  width: auto;
}
.table .loan_date,
.table .return_due_date {
  width: 118px;
}
.table tr.notice {
  background-color: #f5f7fb;
}
.table tr.notice td {
  background-color: #f5f7fb;
}
.table tr.notice td.num {
  color: #e86666;
  font-size: 0;
}
.table tr.notice td.num:before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "공지";
  width: 40px;
  height: 24px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  background-color: #888;
  border-radius: 2px;
  font-weight: 500;
}
.table td {
  transition: all 0.2s ease;
}
.table td.title a {
  display: flex;
  width: 100%;
  gap: 5px;
}
.table td.title a .ico_new {
  flex: none;
}
.table td.title a .ico_lock {
  flex: none;
  margin-top: 2px;
}
.table td.last {
  background: #f2f4f6;
}
.table.notice th,
.table.notice td, .table.series th,
.table.series td, .table.qna th,
.table.qna td {
  padding: 22px 14px;
}
.table.notice th.write_date,
.table.notice td.write_date, .table.series th.write_date,
.table.series td.write_date, .table.qna th.write_date,
.table.qna td.write_date {
  width: 118px;
}
.table.notice th.state,
.table.notice td.state, .table.series th.state,
.table.series td.state, .table.qna th.state,
.table.qna td.state {
  width: 118px;
}
.table .title_text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.table .title_text:hover {
  color: #0091e7;
}
.table .file {
  width: 50px;
}
.table .file.auto {
  width: auto;
}
.table .state_r {
  color: #f4644d;
  font-weight: 500;
}
.table .state_c {
  color: #0080e6;
  font-weight: 500;
}
.table .state_n {
  color: #f4644d;
  font-weight: 500;
}
.table .no_result {
  padding: 30px 10px;
  background-color: #fafafa;
  color: #999;
}
.table .btn {
  min-height: 36px;
}

ul + .table,
ul + .auto_x,
ol + .table,
ol + .auto_x {
  margin: 30px 0 0;
}

/* 테이블 end */
/* 입력 테이블 start */
table.input_table th {
  width: 220px;
}
table.input_table .id_input,
table.input_table .phone_input,
table.input_table .email_input,
table.input_table .address_input,
table.input_table .request_input,
table.input_table .filebox,
table.input_table .select_wrap,
table.input_table .text_button,
table.input_table .input_text,
table.input_table .search_input {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
}
table.input_table .id_input input[type=text],
table.input_table .id_input select,
table.input_table .phone_input input[type=text],
table.input_table .phone_input select,
table.input_table .email_input input[type=text],
table.input_table .email_input select,
table.input_table .address_input input[type=text],
table.input_table .address_input select,
table.input_table .request_input input[type=text],
table.input_table .request_input select,
table.input_table .filebox input[type=text],
table.input_table .filebox select,
table.input_table .select_wrap input[type=text],
table.input_table .select_wrap select,
table.input_table .text_button input[type=text],
table.input_table .text_button select,
table.input_table .input_text input[type=text],
table.input_table .input_text select,
table.input_table .search_input input[type=text],
table.input_table .search_input select {
  flex: 1;
}
table.input_table .id_input input[type=text][disabled],
table.input_table .id_input select[disabled],
table.input_table .phone_input input[type=text][disabled],
table.input_table .phone_input select[disabled],
table.input_table .email_input input[type=text][disabled],
table.input_table .email_input select[disabled],
table.input_table .address_input input[type=text][disabled],
table.input_table .address_input select[disabled],
table.input_table .request_input input[type=text][disabled],
table.input_table .request_input select[disabled],
table.input_table .filebox input[type=text][disabled],
table.input_table .filebox select[disabled],
table.input_table .select_wrap input[type=text][disabled],
table.input_table .select_wrap select[disabled],
table.input_table .text_button input[type=text][disabled],
table.input_table .text_button select[disabled],
table.input_table .input_text input[type=text][disabled],
table.input_table .input_text select[disabled],
table.input_table .search_input input[type=text][disabled],
table.input_table .search_input select[disabled] {
  background-color: #f6f6f6;
}
table.input_table .id_input + label,
table.input_table .phone_input + label,
table.input_table .email_input + label,
table.input_table .address_input + label,
table.input_table .request_input + label,
table.input_table .filebox + label,
table.input_table .select_wrap + label,
table.input_table .text_button + label,
table.input_table .input_text + label,
table.input_table .search_input + label {
  padding-top: 15px;
}
table.input_table .search_input {
  width: 100%;
}
table.input_table .id_input {
  width: 100%;
}
table.input_table input[type=password] {
  width: 100%;
}
table.input_table .email_input {
  width: 100%;
}
table.input_table .email_input input[type=text] {
  flex: 1;
}
table.input_table .email_input select {
  flex: 1;
}
table.input_table .email_input .at {
  font-weight: 500;
  color: #777;
}
table.input_table .phone_input {
  width: 55%;
  flex-flow: row nowrap;
}
table.input_table .phone_input input[type=text],
table.input_table .phone_input select {
  flex: 1.5 1 0;
  min-width: 0;
}
table.input_table .phone_input select {
  flex: 1;
}
table.input_table .phone_input .dash {
  color: #777;
}
table.input_table .phone_input + .check_wrap {
  display: inline-block;
  width: 50%;
}
table.input_table .address_input {
  width: 100%;
}
table.input_table .address_input .address_num {
  width: 100%;
  display: flex;
  gap: 6px;
}
table.input_table .address_input .address1 {
  max-width: 150px;
}
table.input_table .address_input input[type=text].address2,
table.input_table .address_input input[type=text].address3 {
  flex: 1;
}
table.input_table .request_input {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
}
table.input_table .request_input input[type=text],
table.input_table .request_input select {
  flex: 1 1 100%;
}
table.input_table .request_input .direct_input {
  display: none;
}
table.input_table .agree_check {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
}
table.input_table .agree_check .label_box > span {
  color: #444;
}
table.input_table .label_input {
  display: flex;
  gap: 15px;
}
table.input_table p.terms {
  line-height: 1.3em;
}
table.input_table p.terms + label {
  padding: 10px 0 0;
}
table.input_table .btn {
  min-height: 40px;
}
table.input_table .name + .btn {
  margin-left: 10px;
}
table.input_table textarea {
  width: 100%;
  height: 180px;
}
table.input_table input[type=text],
table.input_table select,
table.input_table input[tpye=date] {
  width: 100%;
  flex: 1;
}
table.input_table input[type=text].auto,
table.input_table select.auto,
table.input_table input[tpye=date].auto {
  width: auto;
  flex: inherit;
}
table.input_table input[type=text].age, table.input_table input[type=text].personnel, table.input_table input[type=text].school_grade, table.input_table input[type=text].school_class, table.input_table input[type=text].school_number {
  max-width: 80px;
  width: 100%;
  text-align: center;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) {
  gap: 6px;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box {
  align-items: center;
  justify-content: center;
  padding: 13px 10px;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.2s ease;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box input[type=checkbox],
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box input[type=radio] {
  left: -99999px;
  top: -99999px;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box > span {
  word-break: break-all;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box > span > span {
  color: #fff;
}
table.input_table .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box > span > span strong {
  color: #fff;
}
table.input_table ul > li + li {
  margin: 10px 0 0;
}

/* 입력 테이블 end */
/* 텍스트 start */
.explain0 {
  display: block;
  color: #777;
  padding: 0;
  line-height: 1.2em;
  padding-left: 16px;
  position: relative;
}

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

.explain {
  display: inline-block;
  color: #777;
  padding: 0 0 0 10px;
  line-height: 1.3em;
  position: relative;
}

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

.error_msg {
  padding: 10px 0 0;
  line-height: 1.3em;
  color: #f4644d;
}

.success_msg {
  padding: 5px 0 0;
  line-height: 1.3em;
  color: #0080e6;
}

ul + .explain,
ol + .explain {
  padding-top: 20px;
}

.explain.wrn {
  color: #f4644d;
}

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

.point {
  color: #0080e6;
  font-weight: 600;
}

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

.blue_point {
  font-weight: 600;
  color: #0080e6;
}

.blue {
  color: #0080e6;
}

.wrn {
  color: #f4644d;
}

.blue {
  color: #06c;
}

.link {
  color: #0091e7;
}
.link:hover {
  color: #0384cf;
}

.orange {
  color: #ffa912;
}

.inchoenPoint {
  color: #0080e6;
}

/* 텍스트 end*/
/* 페이징 start */
.page_wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 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 .page:hover {
  background-color: #f2f2f2;
  color: #777;
}

.page_wrap .page:disabled {
  color: #fff;
  background-color: #555;
  font-weight: 600;
}

.page_wrap .page_first,
.page_wrap .page_prev,
.page_wrap .page_next,
.page_wrap .page_last {
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.page_wrap .page_first:hover,
.page_wrap .page_prev:hover,
.page_wrap .page_next:hover,
.page_wrap .page_last:hover {
  background-color: #f2f4f6;
}

.page_wrap .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(156, 156, 156, 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.485 12Z'%3E%3C/path%3E%3C/svg%3E");
}

.page_wrap .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(156, 156, 156, 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 .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(156, 156, 156, 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 .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(156, 156, 156, 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");
}

.btn_wrap.right + .page_wrap {
  padding: 0;
}

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

.auto_x + .btn_wrap,
.article + .btn_wrap {
  padding-top: 60px;
}

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

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

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

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

.btn_wrap.full {
  display: flex;
  flex-flow: row nowrap;
  padding: 40px 0 0;
}

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

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

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

.qna_wrap + .btn_wrap,
.page_remote + .btn_wrap {
  padding-top: 40px;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border: 1px solid #eee;
  min-height: 44px;
  padding: 5px 10px;
  transition: all 0.2s ease;
  border-radius: 4px;
  min-width: 160px;
  box-sizing: border-box;
  position: relative;
  font-weight: 400;
  background: #fff;
  line-height: 1;
  word-break: keep-all;
  cursor: pointer;
}
.btn.disabled {
  background: #ccc;
}
.btn.delay_btn {
  background: #555;
  color: #fff;
  min-width: unset;
}

.btn.full {
  width: 100%;
  min-height: 46px;
}

/* 버튼 상태 */
.btn.pri {
  background: #0080e6;
  color: #fff;
  border-color: #0080e6;
}

.btn.pri_v2 {
  background: #2d41b3;
  color: #fff;
  border-color: #2d41b3;
}

.btn.pri:hover,
.btn.pri:focus {
  background-color: #0064b3;
  border-color: #0064b3;
}

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

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

.btn.sec:hover {
  background: #666;
  border-color: #666;
}

.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:disabled,
.btn.pri:disabled,
.btn.dis {
  border-color: #ccc;
  background: #ccc;
  color: #555;
  cursor: default;
}

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

/* 검색 버튼 */
.btn.btn_search::before {
  content: "";
  background: url("../images/icon_search.svg") no-repeat;
}

.btn.pri.btn_search::before,
.btn.sec.btn_search::before {
  content: "";
  background: url("../images/icon_search_white.svg") no-repeat;
}

/* 초기화 버튼 */
.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='20' height='20' fill='rgba(0,102,204,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,
.btn.pri_v2.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='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_apply::before {
  content: "";
  background-image: url("../images/ico_contract.svg");
}

.btn.pri.btn_apply::before {
  content: "";
  background-image: url("../images/ico_contract_w.svg");
}

/* 신청 취소 버튼 */
.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(0,102,204,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='20' height='20' fill='rgba(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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(0,102,204,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.pri.btn_language::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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.pri.btn_interest::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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.pri.btn_cart::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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 {
  content: "";
  background-image: url("../images/ico_list.svg");
}

.btn.pri.btn_list::before {
  content: "";
  background-image: url("../images/ico_list_w.svg");
}

/* 로그인 버튼 */
.btn.btn_login::before {
  content: "";
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='15' fill='rgba(0,102,204,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 {
  content: "";
  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");
}

.btn.pri.btn_login::before {
  content: "";
  width: 21px;
  height: 21px;
  background: url("../images/icon_login.svg") no-repeat 0 0;
  background-size: cover;
}

/* 상세검색 버튼 */
.btn.btn_detail::before {
  content: "";
  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(0,102,204,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");
  vertical-align: text-bottom;
}

.btn.btn_detail_v2::before {
  content: "";
  background: url("../images/icon_deatil_search.svg") no-repeat;
}

.btn.btn_detail_v3::before {
  content: "";
  background: url("../images/icon_deatil_search_white.svg") no-repeat;
}

.btn.pri.btn_detail::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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");
  vertical-align: text-bottom;
}

.btn.pri.btn_simple::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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='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_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='20' height='20' fill='rgba(0,102,204,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='20' height='20' 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='20' height='20' fill='rgba(0,102,204,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='20' height='20' 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='20' height='20' fill='rgba(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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.pri.btn_link_v2::before {
  content: "";
  background-image: url("../images/ico_link_white.svg");
}

/* 홈 버튼 */
.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='20' height='20' fill='rgba(0,102,204,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='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 {
  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(0,102,204,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");
}

/* 예약버튼 */
.btn.btn_reserve::before {
  content: "";
  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(0,102,204,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.pri.btn_reserve::before,
.btn.btn_reserve::before {
  content: "";
  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:disabled.btn_reserve::before {
  content: "";
  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");
}

/* 지도 버튼 */
.btn.btn_map::before {
  content: "";
  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(0,102,204,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.pri.btn_map::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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");
}

.btn.pri.btn_pin::before {
  content: "";
  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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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(0,102,204,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='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 {
  content: "";
  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 {
  content: "";
  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 {
  content: "";
  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(0,102,204,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.pri.btn_time::before {
  content: "";
  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 {
  content: "";
  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 {
  content: "";
  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(0,102,204,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.pri.btn_warning::before {
  content: "";
  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 {
  content: "";
  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_plus::before {
  content: "";
  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(0,102,204,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='20' height='20' 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='20' height='20' fill='rgba(0,102,204,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='20' height='20' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 상호대차 버튼 */
.btn.btn_sangho::before {
  content: "";
  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(0,102,204,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.pri.btn_sangho::before,
.btn.sec.btn_sangho::before {
  content: "";
  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.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.find_pw {
  flex-direction: row-reverse;
}
.btn.find_pw::before {
  margin: 0 0 0 6px;
}

.btn.find_pw::before {
  content: "";
  background: url("../images/icon_right_arrow.svg") no-repeat center;
}

.btn.timer::before {
  content: "";
  background: url("../images/icon_timer.svg") no-repeat center;
}

.btn.pri.find_pw::before,
.btn.sec.find_pw::before {
  content: "";
  background: url("../images/icon_right_arrow.svg") no-repeat center;
}

.btn.btn_back_v2::before {
  content: "";
  background: url("../images/com_left_arrow.svg") no-repeat center;
}

.btn.btn_pencil::before {
  content: "";
  background: url("../images/pencil.svg") no-repeat center;
}

.btn.btn_next {
  flex-direction: row-reverse;
}
.btn.btn_next::before {
  margin: 0 0 0 6px;
}

.btn.btn_next::before {
  content: "";
  background: url("../images/com_right_arrow.svg") no-repeat center;
}

.btn.btn_reserve_v2::before {
  content: "";
  background: url("../images/ic_reserve_white.svg") no-repeat;
}
.btn.btn_reserve_v2.disabled::before {
  background: url("../images/ic_reserve_gray.svg") no-repeat;
}

.btn.btn_print_v2::before {
  content: "";
  background: url("../images/ico_print_white.svg") no-repeat left center;
}
.btn.btn_print_v2.disabled::before {
  background: url("../images/ico_print_gray.svg") no-repeat;
}

/* 버튼 end */
/* 팝업 start */
.div_popup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.5);*/
  box-sizing: border-box;
  padding: 20px;
  display: none;
  justify-content: center;
  align-items: center;
}
.div_popup .pop_up {
  max-width: 1200px;
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.2s ease;
  opacity: 0;
  margin-top: 30px;
  z-index: 13;
}
.div_popup .pop_up header {
  display: flex;
  align-items: center;
  padding: 30px 30px;
  border-bottom: 1px solid #eee;
}
.div_popup .pop_up header h4 {
  font-size: 24px;
  font-weight: 700;
}
.div_popup .pop_up > .btn_wrap {
  width: 100%;
}
.div_popup .pop_up > .btn_wrap .btn {
  flex: 1;
  height: 46px;
  font-weight: 600;
}
.div_popup .pop_up > .btn_wrap .btn.pri {
  background-color: #252525;
  border: 0 none;
}
.div_popup .pop_up > .btn_wrap .btn.pri:hover, .div_popup .pop_up > .btn_wrap .btn.pri:focus {
  background-color: #050505;
}
.div_popup .pop_up p.text {
  text-align: center;
  line-height: 1.4em;
  font-size: 14px;
}
.div_popup .popup_contents {
  flex: 1;
  overflow-y: auto;
  padding: 30px 30px;
  box-sizing: border-box;
}
.div_popup .popup_contents::-webkit-scrollbar {
  width: 5px;
}
.div_popup .popup_contents .result_wrap {
  border-top: 0;
}
.div_popup .popup_contents .popup_result_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  background: #eee;
  border-radius: 5px;
}
.div_popup .popup_contents .popup_result_wrap .btn_wrap {
  padding-top: 0;
}
.div_popup .popup_contents .popup_result_wrap .btn_wrap .btn {
  min-width: unset;
}
.div_popup .footer_btn_wrap {
  width: 100%;
  padding: 0 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  background-color: #fff;
}
.div_popup .footer_btn_wrap .btn {
  flex: 1;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.div_popup .footer_btn_wrap .btn.pri {
  background-color: #252525;
  border: 0 none;
}
.div_popup .footer_btn_wrap .btn.pri:hover {
  background-color: #050505;
}
.div_popup .btn_close {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 30px;
  top: 28px;
  z-index: 10;
  transition: all 0.2s ease;
  border-radius: 2px;
  font-size: 0;
  min-width: initial;
}
.div_popup .btn_close::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28' fill='rgba(37,37,37,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;
}
.div_popup .btn_close:hover {
  background-color: #f2f2f2;
}
.div_popup .blank {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  z-index: 12;
}
.div_popup.on {
  display: flex;
}
.div_popup.on .pop_up {
  opacity: 1;
  margin-top: 0;
}

.layer_popup {
  display: flex;
  flex-flow: column nowrap;
  z-index: 5;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.layer_popup .popup_image,
.layer_popup .popup_link_a {
  display: block;
  box-sizing: border-box;
  font-size: 0;
  background-color: #f9f9f9;
}
.layer_popup .popup_image img,
.layer_popup .popup_link_a img {
  width: 100%;
  height: auto;
}
.layer_popup .popup_function {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
}
.layer_popup .popup_function label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layer_popup .popup_function label input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.layer_popup .popup_function label span {
  color: #444;
}
.layer_popup .popup_function .btn_main_divpopup_close {
  width: 40px;
  height: 100%;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
  font-size: 0;
}
.layer_popup .popup_function .btn_main_divpopup_close::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(170,170,170,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");
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.layer_popup .popup_function .btn_main_divpopup_close:hover {
  background-color: #f2f2f2;
}
.layer_popup .popup_function .btn_main_divpopup_close:hover::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(117,117,117,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");
}

/* 팝업 end */
/* 댓글 start */
.comments_wrap {
  padding: 10px 30px;
  margin: 20px 0 0;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #ebecef;
}

.comments_item {
  padding: 20px 0;
  border-bottom: 1px solid #ebecef;
  position: relative;
}
.comments_item:last-of-type {
  border-bottom: 0 none;
}
.comments_item.comments_reply_item {
  padding: 20px 0 20px 30px;
}
.comments_item .comments_user {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.comments_item .comments_user::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  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(51,51,51,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");
}
.comments_item .comments_text {
  padding: 15px 0 0;
  font-size: 16px;
  line-height: 1.3em;
}
.comments_item .comments_text p {
  font-size: 16px;
  color: #555;
}
.comments_item .comments_text textarea {
  width: 100%;
  height: 100px;
  border: 0 none;
}
.comments_item .comments_text textarea:focus {
  outline: 0 none;
}
.comments_item .comments_text .btn_wrap {
  justify-content: flex-end;
  padding: 10px 10px;
}
.comments_item .comments_text .btn_wrap .btn {
  min-width: 40px;
  min-height: 34px;
  font-size: 15px;
  line-height: initial;
}
.comments_item .comments_text .btn_wrap .btn::before {
  display: none;
}
.comments_item .comments_text:has(textarea) {
  padding: 0;
  margin: 15px 0 0;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebecef;
}
.comments_item .comments_text:has(:focus) {
  outline: 2px solid #333;
}
.comments_item .commetns_func {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  right: 0;
  top: 20px;
}
.comments_item .commetns_func .date {
  font-size: 15px;
  color: #888;
  font-weight: 400;
  line-height: 1;
  margin: 0 10px 0 0;
}
.comments_item .commetns_func button {
  font-size: 15px;
  color: #888;
  line-height: 1;
}
.comments_item .commetns_func button:hover {
  color: #333;
}
.comments_item .commetns_func button:last-child {
  color: #555;
}

.comments_write_area {
  padding: 20px 0 20px;
}
.comments_write_area .comments_write_item {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebecef;
}
.comments_write_area .comments_write_item:has(:focus) {
  outline: 2px solid #333;
}
.comments_write_area textarea {
  width: 100%;
  height: 150px;
  border: 0 none;
}
.comments_write_area textarea:focus {
  outline: 0 none;
}
.comments_write_area .btn_wrap {
  justify-content: flex-end;
  padding: 10px 10px;
}
.comments_write_area .btn_wrap .btn {
  min-width: 40px;
  min-height: 34px;
  font-size: 15px;
  line-height: initial;
}
.comments_write_area .btn_wrap .btn::before {
  display: none;
}

/* 댓글 end */
.header_wrap {
  border-bottom: 1px solid #dbdbdb;
}

.header {
  position: relative;
  width: 100%;
  height: 140px;
}
.header .top_flex {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
}
.header .top_flex .h1 {
  display: flex;
  justify-content: center;
  width: 100%;
}
.header .top_flex .h1 a {
  width: 180px;
  height: 40px;
  font-size: 0;
  color: #222;
  font-weight: 600;
  background: url("../images/logo.svg") no-repeat center;
  background-size: cover;
}
.header .top_flex::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: #dbdbdb;
}
.header .library_link {
  position: absolute;
  left: 0;
  display: flex;
  gap: 4px;
}
.header .library_link a {
  padding: 9px 16px;
  background: #eaf3fc;
  border-radius: 40px;
}
.header .login_area {
  position: absolute;
  right: 0;
  display: flex;
  gap: 20px;
}
.header .login_area a {
  display: flex;
  align-items: center;
  color: #555;
  font-weight: 500;
}
.header .login_area a::before {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.header .login_area a.login::before {
  background: url("../images/icon_top_login.svg") center -1px/cover no-repeat;
}
.header .login_area a.join::before {
  background: url("../images/icon_join.svg") center -1px/cover no-repeat;
}
.header .login_area a.logout::before {
  background: url("../images/icon_top_logout.svg") center -1px/cover no-repeat;
}

.btn_gnb_on,
.btn_gnb_off {
  display: none;
}

.menu_area {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-between;
}
.menu_area .library_link {
  display: none;
}
.menu_area .gnb {
  width: 100%;
  height: 100%;
  padding: 0 70px;
}
.menu_area .gnb > ul {
  display: flex;
  height: 100%;
}
.menu_area .gnb > ul > li {
  display: inline-block;
  flex: 1;
  position: relative;
  height: 100%;
}
.menu_area .gnb > ul > li > a {
  font-size: 0;
  height: 100%;
}
.menu_area .gnb > ul > li > a span {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.menu_area .gnb > ul > li > a span::before {
  display: block;
  content: "";
  width: 0;
  height: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #0080e6;
  transform: translateX(-50%);
  transition: all 0.2s ease;
}
.menu_area .gnb > ul > li.on > a span {
  color: #0080e6;
}
.menu_area .gnb > ul > li.on > a span::before {
  width: 100%;
}
.menu_area .gnb > ul > li.active > a span {
  color: #0080e6;
}
.menu_area .gnb > ul > li.active > a span::before {
  width: 100%;
}
.menu_area .gnb > ul > li:last-child {
  display: block !important;
}
.menu_area .gnb > ul > li:last-child .sub {
  border-right: 1px solid #dbdbdb;
}
.menu_area .gnb .sub {
  transition: all 0.2s ease;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 0;
  padding: 0;
  border-left: 1px solid #dbdbbd;
  background: rgba(255, 255, 255, 0);
  z-index: 50;
  box-sizing: border-box;
  opacity: 0;
}
.menu_area .gnb .sub li a {
  display: block;
  text-align: center;
  color: #333;
  font-weight: 500;
  font-size: 18px;
  padding: 0 0;
}
.menu_area .gnb .sub li a:hover {
  color: #0080e6;
}

.menu_btn {
  display: block;
}
.menu_btn button {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  background: #2d41b3;
}
.menu_btn button::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #2d41b3 url("../images/ham_menu.svg") no-repeat center;
  transition: 0.2s;
}
.menu_btn.on button::after {
  background: #2d41b3 url("../images/ham_menu_close.svg") no-repeat center;
}
.menu_btn.mobile {
  display: none;
}

.gnb_bg {
  position: absolute;
  height: 0;
  left: 0;
  top: 140px;
  width: 100%;
  border-top: 1px solid #ddd;
  background-color: #fff;
  opacity: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  z-index: 49;
}

.header_wrap.on .gnb ul ul {
  opacity: 1;
}
.header_wrap.on .gnb ul ul li a {
  padding: 10px 0;
}
.header_wrap.on .gnb ul ul li:first-child a {
  padding-top: 20px;
}
.header_wrap.on .gnb_bg {
  opacity: 1;
}
.header_wrap.on.gnb1 .gnb .sub,
.header_wrap.on.gnb1 .gnb_bg {
  height: 65px;
}
.header_wrap.on.gnb2 .gnb .sub,
.header_wrap.on.gnb2 .gnb_bg {
  height: 100px;
}
.header_wrap.on.gnb3 .gnb .sub,
.header_wrap.on.gnb3 .gnb_bg {
  height: 135px;
}
.header_wrap.on.gnb4 .gnb .sub,
.header_wrap.on.gnb4 .gnb_bg {
  height: 170px;
}
.header_wrap.on.gnb5 .gnb .sub,
.header_wrap.on.gnb5 .gnb_bg {
  height: 205px;
}
.header_wrap.on.gnb6 .gnb .sub,
.header_wrap.on.gnb6 .gnb_bg {
  height: 240px;
}
.header_wrap.on.gnb7 .gnb .sub,
.header_wrap.on.gnb7 .gnb_bg {
  height: 275px;
}
.header_wrap.on.gnb8 .gnb .sub,
.header_wrap.on.gnb8 .gnb_bg {
  height: 310px;
}
.header_wrap.on.gnb9 .gnb .sub,
.header_wrap.on.gnb9 .gnb_bg {
  height: 345px;
}
.header_wrap.on.gnb10 .gnb .sub,
.header_wrap.on.gnb10 .gnb_bg {
  height: 380px;
}
.header_wrap.on.gnb11 .gnb .sub,
.header_wrap.on.gnb11 .gnb_bg {
  height: 415px;
}
.header_wrap.on.gnb12 .gnb .sub,
.header_wrap.on.gnb12 .gnb_bg {
  height: 450px;
}
.header_wrap.on.gnb13 .gnb .sub,
.header_wrap.on.gnb13 .gnb_bg {
  height: 485px;
}
.header_wrap.on.gnb14 .gnb .sub,
.header_wrap.on.gnb14 .gnb_bg {
  height: 520px;
}
.header_wrap.on.gnb15 .gnb .sub,
.header_wrap.on.gnb15 .gnb_bg {
  height: 555px;
}
.header_wrap.on.gnb16 .gnb .sub,
.header_wrap.on.gnb16 .gnb_bg {
  height: 590px;
}
.header_wrap.on.gnb17 .gnb .sub,
.header_wrap.on.gnb17 .gnb_bg {
  height: 625px;
}
.header_wrap.on.gnb18 .gnb .sub,
.header_wrap.on.gnb18 .gnb_bg {
  height: 660px;
}
.header_wrap.on.gnb19 .gnb .sub,
.header_wrap.on.gnb19 .gnb_bg {
  height: 695px;
}
.header_wrap.on.gnb20 .gnb .sub,
.header_wrap.on.gnb20 .gnb_bg {
  height: 730px;
}

body:has(.skip:focus) .gnb_bg {
  top: 200px;
}

.top_nav {
  border-bottom: 1px solid #ededed;
  background-color: #083266;
}
.top_nav .container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top_nav .lib_nav,
.top_nav .login_nav {
  height: 100%;
  display: flex;
}
.top_nav a {
  height: 50px;
  display: flex;
  align-items: center;
  font-weight: 400;
  transition: all 0.2s ease;
  color: #fff;
  padding: 0 12px;
  opacity: 0.8;
}
.top_nav a > span {
  color: #fff;
}
.top_nav a.on {
  font-weight: 600;
  opacity: 1;
}
.top_nav a.on span {
  font-weight: 600;
}
.top_nav a:hover {
  opacity: 1;
}
.top_nav .login_nav {
  gap: 20px;
}
.top_nav .login_nav a {
  padding: 0;
}
.top_nav .login_nav a::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 4px 0 0;
}
.top_nav .login_nav a.login::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 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");
}
.top_nav .login_nav a.join::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='M14 14.252V16.3414C13.3744 16.1203 12.7013 16 12 16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 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 11ZM18 17V14H20V17H23V19H20V22H18V19H15V17H18Z'%3E%3C/path%3E%3C/svg%3E");
}
.top_nav .login_nav a.logout::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 18H6V20H18V4H6V6H4V3C4 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 21V18ZM6 11H13V13H6V16L1 12L6 8V11Z'%3E%3C/path%3E%3C/svg%3E");
}
.top_nav .login_nav a.mypage::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 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");
}
.top_nav .login_nav a.mobile_card {
  display: none;
}
.top_nav .login_nav a.mobile_card::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.00488 2.99979H21.0049C21.5572 2.99979 22.0049 3.4475 22.0049 3.99979V19.9998C22.0049 20.5521 21.5572 20.9998 21.0049 20.9998H3.00488C2.4526 20.9998 2.00488 20.5521 2.00488 19.9998V3.99979C2.00488 3.4475 2.4526 2.99979 3.00488 2.99979ZM20.0049 10.9998H4.00488V18.9998H20.0049V10.9998ZM20.0049 8.99979V4.99979H4.00488V8.99979H20.0049ZM14.0049 14.9998H18.0049V16.9998H14.0049V14.9998Z'%3E%3C/path%3E%3C/svg%3E");
}

.main {
  position: relative;
}
.main .container {
  width: 100%;
}
.main .slogan {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 55px;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 0.7);
  padding: 150px 0 0;
}
.main .lib_name {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 90px;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 0.7);
  padding: 20px 0 0;
}
.main .main_background {
  display: block;
  width: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.main .contents_wrap {
  display: flex;
  justify-content: space-between;
  padding: 100px 0 0;
}

.main_schedule {
  width: 55%;
  height: 400px;
  display: flex;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.main_schedule > div,
.main_schedule > article {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
}

.main_calendar {
  display: flex;
  flex-flow: column nowrap;
  background-color: #fff;
  padding: 25px 25px 15px;
  position: relative;
}
.main_calendar .date {
  font-size: 24px;
  font-weight: 600;
  color: #083266;
  padding: 0 80px 20px 0;
  box-sizing: border-box;
}
.main_calendar .table.calendar {
  width: 100%;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
.main_calendar .table.calendar thead,
.main_calendar .table.calendar tbody {
  display: flex;
  flex-flow: column nowrap;
}
.main_calendar .table.calendar tbody {
  flex: 1;
}
.main_calendar .table.calendar tr {
  flex: 1;
  display: flex;
}
.main_calendar .table.calendar th,
.main_calendar .table.calendar td {
  flex: 1;
  border: 0 none;
  box-sizing: border-box;
  padding: 0;
}
.main_calendar .table.calendar th {
  font-size: 15px;
  border-bottom: 1px solid #eee;
  padding: 0 0 10px;
}
.main_calendar .table.calendar td {
  height: auto;
  padding: 2px;
}
.main_calendar .table.calendar td .day {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 4px;
  position: relative;
}
.main_calendar .table.calendar td.today {
  border: 0 none;
}
.main_calendar .table.calendar td.today .day {
  border: 2px solid #0080e6;
  border-radius: 3px;
}
.main_calendar .table.calendar td.event .day::before {
  display: block;
  content: "";
  width: 40%;
  height: 2px;
  background-color: #0080e6;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  bottom: 25%;
  transform: translateX(-50%);
}
.main_calendar .table.calendar td.holiday {
  background-color: transparent;
}
.main_calendar .table.calendar td.holiday .day::before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #f4644d;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
}
.main_calendar .table.calendar td.raading_holiday .day {
  background: repeating-linear-gradient(45deg, #ffefef, #ffefef 7px, #fae0e0 0, #fae0e0 8px);
}
.main_calendar .table.calendar td.no_day .day {
  color: #aaa;
  background-color: #f6f6f6;
}
.main_calendar .calendar_caption {
  display: flex;
  align-items: center;
  gap: 12px;
}
.main_calendar .calendar_caption span {
  font-size: 14px;
  gap: 4px;
}
.main_calendar .calendar_caption span::before {
  width: 12px;
  height: 12px;
}
.main_calendar .calendar_caption span.today::before {
  border: 2px solid #0080e6;
}
.main_calendar .calendar_caption span.holiday::before {
  background-color: #f4644d;
  border-radius: 50%;
}
.main_calendar .calendar_caption span.event::before {
  background-color: #0080e6;
  height: 2px;
  border-radius: 2px;
}
.main_calendar .calendar_caption span.raading_holiday::before {
  background: repeating-linear-gradient(45deg, #ffefef, #ffefef 2px, #fae0e0 0, #fae0e0 3px);
}
.main_calendar .btn_wrap {
  padding: 0;
  position: absolute;
  right: 25px;
  top: 25px;
}
.main_calendar .btn_wrap button {
  width: 24px;
  height: 24px;
  font-size: 0;
  border: 1px solid #333;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  opacity: 0.35;
}
.main_calendar .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='18' height='18' 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");
  transition: all 0.2s ease;
}
.main_calendar .btn_wrap button.btn_prev_month {
  transform: rotate(180deg);
}
.main_calendar .btn_wrap button:hover {
  opacity: 1;
}

.main_schedule_list {
  position: relative;
}
.main_schedule_list .schedule_list {
  width: 100%;
  height: 100%;
  padding: 25px 20px;
  box-sizing: border-box;
  overflow-y: auto;
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
.main_schedule_list .schedule_list::-webkit-scrollbar {
  width: 8px;
}
.main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #2d41b3;
}
.main_schedule_list .schedule_list::-webkit-scrollbar-track {
  background-color: inherit;
}
.main_schedule_list .schedule_list > article {
  width: 100%;
  padding: 27px 20px;
  box-sizing: border-box;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  position: relative;
}
.main_schedule_list .schedule_list > article + article {
  margin-top: 20px;
}
.main_schedule_list .schedule_list > article:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.main_schedule_list .schedule_list > article h4 a {
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main_schedule_list .schedule_list > article .schedule_caption {
  width: 60px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 8px;
  position: absolute;
  left: 0;
  top: 0;
}
.main_schedule_list .schedule_list > article .schedule_caption .date {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.main_schedule_list .schedule_list > article .schedule_caption .type {
  width: 100%;
  padding: 8px 0;
  text-align: center;
  background-color: #fff;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 600;
  box-sizing: border-box;
}
.main_schedule_list .schedule_list > article .schedule_summary {
  display: flex;
  flex-flow: column nowrap;
  padding: 10px 0 0;
  gap: 5px;
}
.main_schedule_list .schedule_list > article .schedule_summary dd {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  font-size: 15px;
}
.main_schedule_list .schedule_list .no_result {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.main_schedule_list .schedule_list .no_result::before {
  display: block;
  content: "";
  width: 36px;
  height: 36px;
  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='30' height='30' fill='rgba(255,255,255,0.8)'%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");
}
.main_schedule_list .schedule_list .no_result p {
  font-size: 20px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.main_schedule_list .btn_more {
  width: 28px;
  height: 28px;
  font-size: 0;
  box-sizing: border-box;
  border-radius: 0 0 0 6px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.main_schedule_list .btn_more::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='18' height='18' fill='rgba(170,170,170,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
.main_schedule_list .btn_more:hover::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(51,51,51,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}

.main_search_news {
  width: 40%;
  height: 400px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.main_search_wrap {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.main_search_wrap select,
.main_search_wrap input[type=text],
.main_search_wrap .btn {
  height: 100%;
  border: 0 none;
  border-radius: 0;
}
.main_search_wrap select:focus,
.main_search_wrap input[type=text]:focus,
.main_search_wrap .btn:focus {
  outline: 0 none;
}
.main_search_wrap select {
  color: #083266;
  font-weight: 600;
  font-size: 18px;
}
.main_search_wrap:has(:focus) {
  outline: 2px solid #0080e6;
}
.main_search_wrap input[type=text] {
  flex: 1;
  min-width: 0;
  font-size: 18px;
}
.main_search_wrap .btn {
  flex: none;
  width: 60px;
  min-width: auto;
  padding: 0;
  font-size: 0;
}
.main_search_wrap .btn::before {
  margin: 0;
  width: 100%;
  height: 100%;
  background-size: 24px auto;
}

.main_banner {
  width: 100%;
  height: 310px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  box-sizing: border-box;
}
.main_banner h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 20px;
  bottom: 19px;
  z-index: 3;
}
.main_banner .swiper {
  height: 100%;
}
.main_banner .swiper-wrapper {
  font-size: 0;
}
.main_banner .swiper-slide {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #f6f6f6;
}
.main_banner .swiper-slide.no_image {
  background-size: auto;
}
.main_banner .swiper_page_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  padding: 18px 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.main_banner .swiper_page_wrap .swiper_pagination_wrap {
  width: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 300;
}
.main_banner .swiper_page_wrap .swiper_pagination_wrap span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  font-weight: 400;
}
.main_banner .swiper_page_wrap .swiper_pagination_wrap span.swiper-pagination-current {
  color: #fff;
  font-weight: 600;
}
.main_banner .swiper_page_wrap .swiper_btn_wrap {
  width: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.main_banner .swiper_page_wrap button {
  width: 22px;
  height: 22px;
  font-size: 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='22' height='22' 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");
  opacity: 0.7;
}
.main_banner .swiper_page_wrap button:hover {
  opacity: 1;
}
.main_banner .swiper_page_wrap button.swiper_prev_btn {
  transform: rotate(180deg);
}
.main_banner .swiper_page_wrap button.swiper_play_btn {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%3E%3Cpath d='M19.376 12.4158L8.77735 19.4816C8.54759 19.6348 8.23715 19.5727 8.08397 19.3429C8.02922 19.2608 8 19.1643 8 19.0656V4.93408C8 4.65794 8.22386 4.43408 8.5 4.43408C8.59871 4.43408 8.69522 4.4633 8.77735 4.51806L19.376 11.5838C19.6057 11.737 19.6678 12.0474 19.5146 12.2772C19.478 12.3321 19.4309 12.3792 19.376 12.4158Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
}
.main_banner .swiper_page_wrap button.swiper_stop_btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
}

.main_section {
  padding: 100px 0 0;
}
.main_section .main_contents + .main_contents {
  margin: 80px 0 0;
}
.main_section .main_contents .container {
  display: flex;
  justify-content: space-between;
}
.main_section .h3 {
  font-size: 24px;
  font-weight: 700;
  padding: 0 0 20px;
}

.main_contents_01 .contents_l {
  width: 55%;
}
.main_contents_01 .contents_r {
  width: 40%;
}

.main_notice_culture {
  position: relative;
}
.main_notice_culture nav {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 0 20px;
}
.main_notice_culture nav button {
  font-size: 24px;
  font-weight: 600;
  color: #ccc;
}
.main_notice_culture nav button:hover {
  color: #777;
}
.main_notice_culture nav button.on {
  color: #333;
  font-weight: 700;
}
.main_notice_culture .notice_list,
.main_notice_culture .culture_list {
  border-top: 1px solid #252525;
}
.main_notice_culture .notice_list li,
.main_notice_culture .culture_list li {
  min-height: 50px;
  display: flex;
  gap: 15px;
  padding: 16px 0 16px 13px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  position: relative;
}
.main_notice_culture .notice_list li::before,
.main_notice_culture .culture_list li::before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #083266;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 22px;
}
.main_notice_culture .notice_list li a,
.main_notice_culture .culture_list li a {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
}
.main_notice_culture .notice_list li a .title,
.main_notice_culture .culture_list li a .title {
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main_notice_culture .notice_list li a .title:hover,
.main_notice_culture .culture_list li a .title:hover {
  color: #0091e7;
}
.main_notice_culture .notice_list li .date,
.main_notice_culture .culture_list li .date {
  font-size: 15px;
  color: #777;
  font-weight: 300;
}
.main_notice_culture .btn_more {
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
}
.main_notice_culture .btn_more::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='18' height='18' fill='rgba(51,51,51,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
.main_notice_culture .btn_more:hover {
  opacity: 0.8;
}

.main_reading_room {
  display: none;
  position: relative;
}
.main_reading_room .wrap {
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.main_reading_room .table {
  border: 0 none;
}
.main_reading_room .table th,
.main_reading_room .table td {
  padding: 20px 20px;
}
.main_reading_room .table thead th {
  background-color: #0080e6;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.08);
  font-size: 18px;
}
.main_reading_room .table thead th.diagonal {
  background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), rgba(0, 0, 0, 0.08), transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;
}
.main_reading_room .table tbody th {
  background-color: #fff;
  font-weight: 500;
}
.main_reading_room .table tbody .total td {
  color: #083266;
}
.main_reading_room .table tbody .remaining td {
  color: #f4644d;
}
.main_reading_room .table tbody .waiting td {
  color: #777;
}
.main_reading_room .table tr:last-child th,
.main_reading_room .table tr:last-child td {
  border-bottom: 0 none;
}
.main_reading_room .explain {
  text-align: center;
  padding: 15px 0 0;
}
.main_reading_room .btn_more {
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
}
.main_reading_room .btn_more::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='18' height='18' fill='rgba(51,51,51,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
.main_reading_room .btn_more:hover {
  opacity: 0.8;
}

.main_newbook {
  position: relative;
}
.main_newbook .cover {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.5;
  margin: 4px 0 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.main_newbook .cover::before {
  display: block;
  content: "";
  width: 100%;
  height: 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/book_deco.png");
  position: absolute;
  left: 0;
  top: -4px;
}
.main_newbook .book_title {
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s ease;
}
.main_newbook .btn_more {
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
}
.main_newbook .btn_more::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='18' height='18' fill='rgba(51,51,51,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
.main_newbook .btn_more:hover {
  opacity: 0.8;
}
.main_newbook .swiper_btn_wrap {
  width: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  right: 43px;
  top: 0;
}
.main_newbook .swiper_btn_wrap button {
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0.3;
  background-color: #fff;
  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(51,51,51,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");
}
.main_newbook .swiper_btn_wrap button:hover {
  opacity: 0.8;
}
.main_newbook .swiper_btn_wrap button.swiper_prev_btn {
  transform: rotate(180deg);
}
.main_newbook .swiper_btn_wrap button.swiper_play_btn {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M19.376 12.4158L8.77735 19.4816C8.54759 19.6348 8.23715 19.5727 8.08397 19.3429C8.02922 19.2608 8 19.1643 8 19.0656V4.93408C8 4.65794 8.22386 4.43408 8.5 4.43408C8.59871 4.43408 8.69522 4.4633 8.77735 4.51806L19.376 11.5838C19.6057 11.737 19.6678 12.0474 19.5146 12.2772C19.478 12.3321 19.4309 12.3792 19.376 12.4158Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
}
.main_newbook .swiper_btn_wrap button.swiper_stop_btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
}
.main_newbook .swiper_pagination_wrap {
  padding: 20px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0;
}
.main_newbook .swiper_pagination_wrap .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0;
}
.main_newbook .swiper_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0080e6;
}

/* 메인 주제별 추천도서 */
.main_recommend_book {
  background-color: #f1f1f1;
  padding: 50px 0;
  box-sizing: border-box;
}
.main_recommend_book .container {
  min-height: 270px;
  display: flex;
  position: relative;
}
.main_recommend_book .contents_l {
  width: 340px;
}
.main_recommend_book .contents_l span {
  font-size: 18px;
  color: #555;
  font-weight: 500;
}
.main_recommend_book .contents_l h3 {
  padding: 15px 0 0;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.2em;
}
.main_recommend_book .contents_l h3 strong {
  display: block;
  font-weight: 700;
  font-size: 30px;
}
.main_recommend_book .contents_l p {
  padding: 30px 0 0;
  line-height: 1.4em;
  color: #777;
}
.main_recommend_book .contents_r {
  /* width: calc(100% - 340px); */
  width: 70%;
}
.main_recommend_book .contents_r .swiper {
  width: 100%;
}
.main_recommend_book .contents_r .swiper-wrapper {
  justify-content: space-between;
}
.main_recommend_book .contents_r .cover {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.414;
  margin: 6px 0 20px;
  border-radius: 6px 6px 4px 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  transition: all 0.2s ease;
}
.main_recommend_book .contents_r .book_title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s ease;
}
.main_recommend_book .contents_r a:hover .book_title {
  color: #0091e7;
}
.main_recommend_book .contents_r .author {
  text-align: center;
  color: #777;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main_recommend_book .btn_more {
  width: 28px;
  height: 28px;
  font-size: 0;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0.3;
  position: absolute;
  left: 40px;
  bottom: 0;
}
.main_recommend_book .btn_more::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='18' height='18' fill='rgba(51,51,51,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
.main_recommend_book .btn_more:hover {
  opacity: 0.8;
}
.main_recommend_book .swiper_page_wrap {
  display: none;
}

.main_footer_banner {
  padding: 30px 0;
}
.main_footer_banner .container {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  gap: 20px;
}
.main_footer_banner .potal_footer_swiper {
  padding: 30px 0;
}
.main_footer_banner a {
  font-size: 0;
  border: solid 1px rgba(0, 0, 0, 0.09);
  box-sizing: border-box;
  display: block;
  height: 50px;
  background: #fff no-repeat center center;
  background-size: contain;
  border-radius: 3px;
  overflow: hidden;
}
.main_footer_banner .swiper_btn_wrap {
  flex: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.main_footer_banner .swiper_btn_wrap button {
  width: 40px;
  height: 40px;
  font-size: 0;
  border: 1px solid #333;
  background-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: 0.25;
  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(51,51,51,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");
}
.main_footer_banner .swiper_btn_wrap button:hover {
  opacity: 0.5;
}
.main_footer_banner .swiper_btn_wrap button.swiper_prev_btn {
  transform: rotate(180deg);
}
.main_footer_banner .swiper_btn_wrap button.swiper_play_btn {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M19.376 12.4158L8.77735 19.4816C8.54759 19.6348 8.23715 19.5727 8.08397 19.3429C8.02922 19.2608 8 19.1643 8 19.0656V4.93408C8 4.65794 8.22386 4.43408 8.5 4.43408C8.59871 4.43408 8.69522 4.4633 8.77735 4.51806L19.376 11.5838C19.6057 11.737 19.6678 12.0474 19.5146 12.2772C19.478 12.3321 19.4309 12.3792 19.376 12.4158Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
}
.main_footer_banner .swiper_btn_wrap button.swiper_stop_btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
}

/* 푸터 start */
.footer_wrap {
  min-height: 200px;
  box-sizing: border-box;
  background: url("../images/img_footer_bg.jpg") no-repeat;
  background-size: cover;
  color: #000;
}
.footer_wrap .footer {
  display: flex;
  flex-flow: row wrap;
}
.footer_wrap nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  height: 48px;
  gap: 20px;
  border-bottom: 2px solid #fff;
}
.footer_wrap nav .footer_nav {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer_wrap nav .footer_nav a {
  display: flex;
  gap: 16px;
  color: #000;
  font-size: 17px;
}
.footer_wrap nav .footer_nav a strong {
  color: #000;
  transition: all 0.2s ease;
}
.footer_wrap nav .footer_nav a + a::before {
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.2);
}
.footer_wrap nav .footer_nav a:first-child {
  padding-left: 0;
}
.footer_wrap nav .footer_nav a:first-child:before {
  display: none;
}
.footer_wrap nav .foot_sns {
  display: flex;
  align-items: center;
  gap: 6px;
}
.footer_wrap nav .foot_sns a {
  font-size: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.footer_wrap .sub_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
}
.footer_wrap .sub_footer h6 {
  width: 180px;
  height: 40px;
  font-size: 0;
  color: #000;
  font-weight: 700;
  background: url("../images/logo.svg") no-repeat top center;
  background-size: cover;
}
.footer_wrap .sub_footer .center_content {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 609px);
}
.footer_wrap .sub_footer .center_content dl {
  display: flex;
  align-items: center;
  width: 100%;
}
.footer_wrap .sub_footer .center_content dl dt,
.footer_wrap .sub_footer .center_content dl dd,
.footer_wrap .sub_footer .center_content dl address {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.footer_wrap .sub_footer .center_content dl dt {
  margin-right: 3px;
  padding-left: 21px;
}
.footer_wrap .sub_footer .center_content dl dt:first-child {
  padding-left: 0;
}
.footer_wrap .sub_footer .center_content dl dd {
  position: relative;
  padding-right: 21px;
}
.footer_wrap .sub_footer .center_content dl dd::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  transform: translateY(-50%);
  background: #9c9c9c;
}
.footer_wrap .sub_footer .center_content dl dd:last-child::after {
  display: none;
}
.footer_wrap .sub_footer .center_content .copyright {
  width: 100%;
  padding: 8px 0 0;
  color: #555;
  line-height: 140%;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
}
.footer_wrap .sub_footer a.btn_top {
  position: absolute;
  left: calc(51% + 740px);
  top: -66px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 25px;
  padding-top: 25px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12.9999 7.82843V20H10.9999V7.82843L5.63589 13.1924L4.22168 11.7782L11.9999 4L19.778 11.7782L18.3638 13.1924L12.9999 7.82843Z' fill='rgba(136,136,136,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center 5px;
  text-align: center;
  font-size: 0;
  transition: all 0.2s ease;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.075);
  border-radius: 50%;
}
.footer_wrap .sub_footer a.btn_top:before {
  content: "TOP";
  color: rgb(136, 136, 136);
  font-size: 14px;
  letter-spacing: 0;
}
.footer_wrap .sns_link01 {
  background: rgba(255, 255, 255, 0.2) no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22'%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' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
}
.footer_wrap .sns_link02 {
  background: rgba(255, 255, 255, 0.2) url(../images/sns_link02.png) no-repeat center center;
  background-size: 22px auto;
}
.footer_wrap .sns_link03 {
  background: url(../images/icon_insta.svg) no-repeat center center;
}
.footer_wrap .sns_link04 {
  background: url("../images/icon_blog.svg") no-repeat center center;
}
.footer_wrap .sns_link01,
.footer_wrap .sns_link02,
.footer_wrap .sns_link03,
.footer_wrap .sns_link04 {
  transition: all 0.2s ease;
}
.footer_wrap .sns_link01:hover,
.footer_wrap .sns_link02:hover,
.footer_wrap .sns_link03:hover,
.footer_wrap .sns_link04:hover {
  opacity: 1;
}
.footer_wrap .select_wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.footer_wrap .select_wrap select {
  width: 220px;
  height: 44px;
}
.footer_wrap .select_wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 44px;
  border-radius: 4px;
  background: #343434;
  color: #fff;
}

/* 푸터 end */
/* 퀵메뉴 start */
.quick_menu {
  width: 152px;
  border-radius: 10px 0 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 0 none;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.quick_menu a,
.quick_menu button {
  width: 100%;
  min-height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}
.quick_menu a + a,
.quick_menu button + a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.quick_menu a:hover,
.quick_menu button:hover {
  background-color: #f6f6f6;
}
.quick_menu .btn_scroll_top {
  background-color: #0091e7;
  color: #fff;
  gap: 5px;
}
.quick_menu .btn_scroll_top::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  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='22' height='22' fill='rgba(255,255,255,1)'%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");
}
.quick_menu .btn_scroll_top:hover {
  background-color: #0384cf;
}

/* 퀵메뉴 end */
/* 서브 레이아웃 start */
.sub_contents {
  min-height: calc(100vh - 421px);
  padding: 60px 0 100px;
  box-sizing: border-box;
  word-break: keep-all;
}
.sub_contents > .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 80px;
}

.snb {
  max-width: 250px;
  width: 100%;
}
.snb h2 {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  background: url("../images/snb_bg.png") no-repeat right bottom;
}
.snb ul {
  border: solid 1px #ddd;
  border-top: 0 none;
}
.snb ul li {
  background: linear-gradient(90deg, #ddd 30%, #ddd 70%) no-repeat center top;
  background-size: 85% 1px;
}
.snb ul li:first-child {
  background: none;
}
.snb ul a {
  display: block;
  font-size: 17px;
  padding: 20px 45px 20px 15px;
  color: #555;
  position: relative;
}
.snb ul a::before {
  position: absolute;
  right: 15px;
  top: 20px;
  display: block;
  content: "";
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: #d5d5d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.2s ease;
}
.snb ul a:hover {
  color: #e69706;
}
.snb ul a:hover::before {
  background-color: #0080e6;
  top: 18px;
  width: 22px;
  height: 22px;
  background: #0080e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='26' height='26'%3E%3Cpath d='M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.snb ul .on a {
  color: #0080e6;
  font-weight: 500;
}
.snb ul .on a::before {
  background-color: #0080e6;
  top: 18px;
  width: 22px;
  height: 22px;
  background: #0080e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='26' height='26'%3E%3Cpath d='M12.1717 12.0005L9.34326 9.17203L10.7575 7.75781L15.0001 12.0005L10.7575 16.2431L9.34326 14.8289L12.1717 12.0005Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.snb li.link a {
  display: flex;
  align-items: center;
}
.snb li.link a::after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  margin-left: 5px;
  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(204,204,204,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");
  transition: all 0.2s ease;
}
.snb li.link a: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(61,201,105,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");
}

section.contents {
  width: calc(100% - 330px);
}

.contents_header {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 0 0 40px;
}
.contents_header h3 {
  font-size: 28px;
  font-weight: 700;
}
.contents_header p {
  line-height: 1.3em;
  font-size: 17px;
  color: #485058;
}
.contents_header ol {
  display: flex;
  align-items: center;
  gap: 3px;
  position: absolute;
  right: 0;
  top: 0;
}
.contents_header ol li {
  color: #999;
  letter-spacing: 0;
}
.contents_header ol li + li {
  display: flex;
  align-items: center;
  gap: 3px;
}
.contents_header ol li + li::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(0,0,0,0.2)'%3E%3C/path%3E%3C/svg%3E");
}
.contents_header ol li:last-child {
  color: #555;
  font-weight: 500;
}
.contents_header ol .loc_home {
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url(../images/ico_home.png) no-repeat center -2px/cover;
}

/* 서브 레이아웃 end */
/* common start */
.h4 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 20px;
  position: relative;
}

.h4_deco {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 20px 25px;
  position: relative;
}
.h4_deco .sub_title {
  margin-top: 10px;
  font-size: 16px;
  color: #555;
}
.h4_deco:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #0080e6;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 2px;
}
.h4_deco + p {
  margin-top: -10px;
}

.culture_contents {
  overflow: auto;
  padding-bottom: 20px;
}

.h5 {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 20px;
}

.h5_deco {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 20px 22px;
  position: relative;
}
.h5_deco::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #0080e6;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 2px;
}

.must_wrap {
  text-align: right;
  color: #777;
  margin: 0 0 12px;
}

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

.must_ico::before {
  display: block;
  margin-right: 6px;
  content: "*";
  font-size: 18px;
  font-weight: 600;
  color: #eb0000;
}

h4 .must_wrap {
  padding: 0;
  margin: 0;
  float: right;
}

.title_caption {
  font-weight: 500;
  font-size: 18px;
  padding: 0 0 20px;
  color: #555;
  line-height: 1.3em;
}

.table_data {
  font-size: 16px;
  font-weight: 400;
  color: #777;
  position: absolute;
  right: 0;
  bottom: 20px;
}

.tab_nav {
  width: 100%;
  display: flex;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 40px;
}
.tab_nav button {
  flex: 1;
  min-height: 50px;
  padding: 6px 6px;
  line-height: 1.1em;
  border-left: 1px solid #dbdbdb;
  box-sizing: border-box;
  font-size: 18px;
  background-color: #fafafa;
  color: #999;
}
.tab_nav button:hover {
  background-color: #f4f4f4;
}
.tab_nav button:first-of-type {
  border-left: 0 none;
}
.tab_nav button > span {
  color: #999;
}
.tab_nav button.on {
  background: linear-gradient(90deg, #50b093 0%, #3dc86a 100%);
  color: #fff;
  font-weight: 500;
}
.tab_nav button.on > span {
  color: #fff;
}

.tab_nav_02 {
  width: 100%;
  display: flex;
  border: 1px solid #eee;
  border-bottom: 0 none;
  border-radius: 6px 6px 0 0;
  margin-bottom: 40px;
  overflow: hidden;
}
.tab_nav_02 button {
  flex: 1;
  padding: 12px 10px;
  text-align: center;
  line-height: 1.1em;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  background-color: #fafafa;
  color: #777;
  font-weight: 500;
  word-break: keep-all;
  position: relative;
}
.tab_nav_02 button:hover {
  background-color: #f4f4f4;
}
.tab_nav_02 button:first-of-type {
  border-left: 0 none;
}
.tab_nav_02 button > span {
  color: #777;
}
.tab_nav_02 button::before {
  display: block;
  content: "";
  width: 0;
  height: 2px;
  background-color: #0080e6;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.2s ease;
}
.tab_nav_02 button.on {
  background-color: #fff;
  font-weight: 600;
  color: #333;
  border-bottom-color: transparent;
}
.tab_nav_02 button.on > span {
  color: #333;
}
.tab_nav_02 button.on::before {
  width: 60%;
}
.tab_nav_02.tab2 {
  flex-flow: row wrap;
}
.tab_nav_02.tab2 button {
  flex: auto;
  width: 50%;
}
.tab_nav_02.tab2 button:nth-of-type(2n + 1) {
  border-left: 0 none;
}
.tab_nav_02.tab2 button::before {
  bottom: 6px;
}
.tab_nav_02.tab2 button.on {
  border-bottom: 1px solid #eee;
}
.tab_nav_02.tab3 {
  flex-flow: row wrap;
}
.tab_nav_02.tab3 button {
  flex: auto;
  width: 33.3333333333%;
}
.tab_nav_02.tab3 button:nth-of-type(3n + 1) {
  border-left: 0 none;
}
.tab_nav_02.tab3 button::before {
  bottom: 6px;
}
.tab_nav_02.tab3 button.on {
  border-bottom: 1px solid #eee;
}
.tab_nav_02.tab4 {
  flex-flow: row wrap;
}
.tab_nav_02.tab4 button {
  flex: auto;
  width: 25%;
}
.tab_nav_02.tab4 button:nth-of-type(4n + 1) {
  border-left: 0 none;
}
.tab_nav_02.tab4 button::before {
  bottom: 6px;
}
.tab_nav_02.tab4 button.on {
  border-bottom: 1px solid #eee;
}
.tab_nav_02.tab5 {
  flex-flow: row wrap;
}
.tab_nav_02.tab5 button {
  flex: auto;
  width: 20%;
}
.tab_nav_02.tab5 button:nth-of-type(5n + 1) {
  border-left: 0 none;
}
.tab_nav_02.tab5 button::before {
  bottom: 6px;
}
.tab_nav_02.tab5 button.on {
  border-bottom: 1px solid #eee;
}
.tab_nav_02.tab6 {
  flex-flow: row wrap;
}
.tab_nav_02.tab6 button {
  flex: auto;
  width: 16.6666666667%;
}
.tab_nav_02.tab6 button:nth-of-type(6n + 1) {
  border-left: 0 none;
}
.tab_nav_02.tab6 button::before {
  bottom: 6px;
}
.tab_nav_02.tab6 button.on {
  border-bottom: 1px solid #eee;
}

.h4 + ol:not(.flow_box_01),
.h4 + ul,
.h4_deco + ol:not(.flow_box_01),
.h4_deco + ul {
  padding-left: 20px;
}

ol + .list_01,
ol + .list_02,
ul + .list_01,
ul + .list_02,
.table + .list_01,
.table + .list_02,
div + .list_01,
div + .list_02 {
  padding-top: 20px;
}

.auto_x + .list_01,
.auto_x + .list_02 {
  padding-top: 10px;
}

ol li .btn_wrap,
ul li .btn_wrap {
  padding: 15px 0 0;
}
ol li .btn_wrap.full,
ul li .btn_wrap.full {
  padding: 15px 0 0;
}

.list_01 > li {
  line-height: 1.3em;
  padding-left: 15px;
  position: relative;
}
.list_01 > li + li {
  margin-top: 15px;
}
.list_01 > li::before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #0080e6;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 8px;
}
.list_01 > li > strong {
  font-weight: 600;
}
.list_01 > li.wrn {
  color: #f4644d;
}
.list_01 > li.wrn::before {
  color: #f4644d;
}
.list_01 > li.blue {
  color: #0080e6;
}
.list_01 > li.blue::before {
  color: #0080e6;
}
.list_01 > li > ul {
  margin-top: 5px;
  line-height: 1.4em;
}
.list_01 > li > ul > li {
  font-size: 14px;
  color: #555;
}
.list_01 .list_02 {
  padding: 15px 0 0;
}

.list_02 > li {
  line-height: 1.3em;
  padding-left: 13px;
  position: relative;
  color: #555;
}
.list_02 > li + li {
  margin-top: 12px;
}
.list_02 > li::before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #555;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}
.list_02 > li.wrn {
  color: #f4644d;
}
.list_02 > li.wrn::before {
  color: #f4644d;
}
.list_02 > li.blue {
  color: #0080e6;
}
.list_02 > li.blue::before {
  color: #0080e6;
}

.list_01 .dash_list,
.num_list_01 .dash_list {
  padding: 15px 0 0;
}

.list_02 .dash_list {
  padding: 12px 0 0;
}

.dash_list > li {
  color: #777;
  padding-left: 10px;
  position: relative;
  line-height: 1.3em;
}
.dash_list > li + li {
  margin-top: 12px;
}
.dash_list > li::before {
  display: block;
  content: "";
  width: 5px;
  height: 1px;
  background: #777;
  position: absolute;
  left: 0;
  top: 10px;
}

.num_list_01 > li {
  padding: 0 0 0 18px;
  position: relative;
  line-height: 1.3em;
  counter-increment: steps;
}
.num_list_01 > li + li {
  margin: 15px 0 0;
}
.num_list_01 > li::before {
  display: inline-block;
  content: counter(steps) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #0080e6;
  font-weight: 600;
}

.caption {
  color: #777;
  line-height: 1.3em;
  padding: 10px 0 0;
}

.h4_deco + .flow_box_01 {
  padding: 0;
}

.flow_box_01 {
  display: flex;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  overflow: hidden;
}
.flow_box_01 li {
  word-break: keep-all;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-align: center;
  line-height: 1.25;
  position: relative;
}
.flow_box_01 li + li {
  border-left: solid 1px #dbdbdb;
}
.flow_box_01 li + li::after {
  display: block;
  content: "다음";
  width: 22px;
  height: 22px;
  background: #0080e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  font-size: 0;
  border-radius: 50%;
  position: absolute;
  left: -11px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.flow_box_01 li > strong {
  display: block;
}
.flow_box_01 li > strong.flow_title {
  width: 100%;
  display: block;
  padding: 15px 10px;
  box-sizing: border-box;
  line-height: 1.3em;
  background-color: #fafafa;
  border-bottom: 1px solid #dbdbdb;
}
.flow_box_01 li > div {
  flex: 1;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  padding: 30px 20px;
  box-sizing: border-box;
  position: relative;
}
.flow_box_01 li span {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  color: #777;
}
.flow_box_01 li span.note_scd {
  color: #0080e6;
  font-weight: 700;
  font-size: 18px;
}
.flow_box_01 li p {
  width: 100%;
}
.flow_box_01 li p.sub_text {
  color: #777;
  font-size: 14px;
}
.flow_box_01 li img {
  display: block;
  margin-top: 10px;
  width: 70%;
}

table + .flow_box_01,
ol + .flow_box_01,
ul + .flow_box_01,
.auto_x + .flow_box_01 {
  margin-top: 20px;
}
table + .auto_x,
ol + .auto_x,
ul + .auto_x,
.auto_x + .auto_x {
  margin-top: 20px;
}

li > table,
li > .auto_x,
li > .flow_box_01 {
  margin-top: 20px;
}

.btn_wrap + .auto_x,
.btn_wrap + table {
  margin-top: 20px;
}

.article {
  position: relative;
}
.article + .article {
  padding-top: 40px;
}
.article + .auto_x {
  padding-top: 40px;
}

.auto_x {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.auto_x table {
  margin: 0 0 10px;
}
.auto_x::-webkit-scrollbar {
  height: 5px;
}
.auto_x + .auto_x {
  padding-top: 60px;
}
.auto_x + .article {
  padding-top: 60px;
}

.text_box_01 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 20px 20px;
  background: #fcfcfc;
  border: solid 1px #eee;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  line-height: 1.3em;
  word-break: keep-all;
}
.text_box_01 + .article,
.text_box_01 + .auto_x {
  padding-top: 60px;
}
.text_box_01 + .tab_nav,
.text_box_01 + .tab_nav_02,
.text_box_01 + .table {
  margin-top: 20px;
}
.text_box_01 p {
  flex: 1;
  color: #555;
  line-height: 1.3em;
}
.text_box_01 p.wrn {
  color: #f4644d;
}
.text_box_01 .btn_wrap {
  padding: 0;
}
.text_box_01 .btn {
  flex: none;
}
.text_box_01 ul li + li {
  margin-top: 10px;
}

.img_wrap {
  display: flex;
  gap: 10px;
}

.img_box {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.img_box.full {
  display: block;
}
.img_box.full img {
  width: 100%;
}

ul + .img_wrap,
ul + .img_box,
table + .img_wrap,
table + .img_box {
  margin-top: 20px;
}

.js_target {
  display: none;
}
.js_target.on {
  display: block;
}

.select_wrap {
  display: flex;
  gap: 5px;
}
.select_wrap select {
  flex: 1 1 auto;
}

.map_wrap {
  width: 100%;
  height: 400px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.map_wrap + .article,
.map_wrap + .auto_x {
  padding-top: 60px;
}

.root_daum_roughmap.root_daum_roughmap_landing {
  width: 100%;
  height: 100%;
}
.root_daum_roughmap.root_daum_roughmap_landing .wrap_map {
  height: calc(100% - 32px);
}
.root_daum_roughmap.root_daum_roughmap_landing .map {
  width: 100%;
  height: 100%;
}
.root_daum_roughmap.root_daum_roughmap_landing .map_border {
  display: none;
}
.root_daum_roughmap.root_daum_roughmap_landing .wrap_controllers {
  border: 0 none;
  border-top: 1px solid #eee;
}
.root_daum_roughmap.root_daum_roughmap_landing .cont {
  display: none;
}
.root_daum_roughmap.root_daum_roughmap_landing .wrap_btn_zoom {
  z-index: 4;
}

.result_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 15px;
}
.result_top .count {
  color: #777;
}
.result_top .select_wrap {
  width: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.result_top select {
  min-width: 160px;
  height: 44px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: #656565;
}
.result_top .btn_wrap {
  padding: 0;
}

.text_box_01 + .result_top {
  padding-top: 40px;
}

.result_function {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 20px;
}
.result_function .btn_wrap {
  padding: 0;
}

.result_wrap {
  display: flex;
  border-top: 1px solid #000;
}
.result_wrap > article {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.no_result {
  width: 100%;
}
.no_result p {
  text-align: center;
  color: #9c9c9c;
  font-size: 18px;
  font-weight: 500;
}
.no_result.noting {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 320px;
  flex-flow: column;
}
.no_result.noting:before {
  content: "";
  display: inline-flex;
  flex: none;
  width: 120px;
  height: 120px;
  background: url("../images/ic_book_no.svg") no-repeat center;
}
.no_result.search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 320px;
  flex-flow: column;
}
.no_result.search:before {
  content: "";
  display: inline-flex;
  flex: none;
  width: 120px;
  height: 120px;
  background: url("../images/ic_book_search.svg") no-repeat center;
}
.no_result.view2 > article {
  width: calc(50% - 10px);
}
.no_result.view2 .no_result {
  width: 100%;
}
.no_result.view4 {
  gap: 20px 16px;
}
.no_result.view4 > article {
  width: calc(25% - 12px);
}
.no_result.view4 .no_result {
  width: 100%;
}
.no_result.view5 {
  gap: 30px 15px;
}
.no_result.view5 > article {
  width: calc(20% - 12px);
}
.no_result.view5 .no_result {
  width: 100%;
}

.result_top + .result_wrap {
  border-top: 1px solid #252525;
}

.result_top + .result_wrap.culture {
  padding: 0;
}

.ico_file {
  display: block;
  width: 18px;
  height: 18px;
  gap: 6px;
  font-size: 0;
}
.ico_file::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/ico_file.svg");
}

table td .ico_file {
  margin: 0 auto;
}

.ico_new {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.ico_new::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "N";
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  background-color: #0080e6;
  border-radius: 20px;
}

.ico_lock {
  width: 18px;
  height: 18px;
  font-size: 0;
}
.ico_lock::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='18' height='18' fill='rgba(153,153,153,1)'%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");
}

.search_wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #eee;
  box-sizing: border-box;
  margin: 0 0 20px;
  transition: 0.5s;
}
.search_wrap select,
.search_wrap input[type=text],
.search_wrap input[type=date],
.search_wrap button {
  height: 44px;
}
.search_wrap .search_box {
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
}
.search_wrap .search_box input[type=text] {
  width: 100%;
  padding-right: 44px;
}
.search_wrap .search_box .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 44px;
  border-radius: 0 3px 3px 0;
  background: #0080e6;
  color: #fff;
}
.search_wrap .search_box label {
  width: 90px;
  flex: none;
  font-weight: 500;
  color: #555;
}
.search_wrap .check_wrap {
  width: auto;
}
.search_wrap.center {
  justify-content: center;
}
.search_wrap.center > .btn_search {
  margin-left: initial;
}
.search_wrap .btn_wrap {
  flex: 1 1 100%;
  padding: 10px 0 0;
}
.search_wrap .title {
  margin: 0 25px;
}
.search_wrap.nospace {
  gap: unset;
}
.search_wrap .top_btn {
  display: flex;
  gap: 0 6px;
}
.search_wrap .top_btn.on {
  display: none;
}
.search_wrap.search_notice select {
  min-width: 86px;
}

.search_wrap.search_notice {
  background: none;
  border: 0;
  padding: 0;
}

.result_wrap + .search_wrap {
  margin: 40px 0 0;
}

.during_wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.during_wrap label {
  flex: none;
  margin-right: 6px;
  font-weight: 600;
}
.during_wrap input[type=text],
.during_wrap input[type=date] {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
}
.during_wrap .wave {
  color: #777;
}

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

.during_wrap + .check_wrap {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #eee;
}

.input_select {
  display: flex;
  align-items: center;
  gap: 6px;
}

.select_date_div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding-bottom: 40px;
  position: relative;
}
.select_date_div .year_month {
  display: flex;
  align-items: center;
  gap: 6px;
}
.select_date_div .year_month select {
  height: auto;
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  border: 0 none;
  text-align: center;
}
.select_date_div .year_month .year,
.select_date_div .year_month .month {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
}
.select_date_div .btn_prev_month,
.select_date_div .btn_next_month {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 0;
  opacity: 0.3;
}
.select_date_div .btn_prev_month::before,
.select_date_div .btn_next_month::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='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");
  transition: all 0.2s ease;
}
.select_date_div .btn_prev_month.btn_next_month::before,
.select_date_div .btn_next_month.btn_next_month::before {
  transform: rotate(180deg);
}
.select_date_div .btn_prev_month:hover,
.select_date_div .btn_next_month:hover {
  opacity: 0.8;
}
.select_date_div .btn_calendar {
  position: absolute;
  right: 0;
  top: 0;
}

div.no_result {
  padding: 50px 20px;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 4px;
}
div.no_result p {
  text-align: center;
  color: #999;
}

/* common end */
/* 페이지 준비중 start */
.contents_ready {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 50px 0 0;
}
.contents_ready .t1 {
  font-size: 20px;
  color: #888;
  font-weight: 500;
  padding: 30px 0 0;
}
.contents_ready .t2 {
  padding: 20px 0 0;
  font-size: 40px;
}
.contents_ready .t2 strong {
  font-weight: 700;
  font-size: 40px;
}
.contents_ready .t3 {
  font-size: 26px;
  padding: 20px 0 0;
  color: #ddd;
  font-weight: 500;
}

/* 페이지 준비중 end */
/* 인사말 start */
.intro_header {
  height: 340px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 20px;
  padding: 90px 0 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.intro_header strong {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.intro_header h4 {
  font-size: 50px;
  font-weight: 700;
  padding: 0 0 20px;
  color: #fff;
  border-bottom: 3px solid #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.intro_header::after {
  display: block;
  content: "";
  width: 60%;
  height: 60px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.intro_contents {
  position: relative;
  padding-right: 50%;
  margin: 0;
  background: url("../images/intro.jpg") no-repeat right center;
  background-size: 420px;
}
.intro_contents h5 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
}
.intro_contents h5 strong {
  font-size: 40px;
  font-weight: 600;
  margin: 0 6px 0 0;
  color: #0080e6;
}
.intro_contents p {
  margin-top: 40px;
  color: #454545;
  line-height: 1.5em;
  font-size: 17px;
}
.intro_contents p strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #454545;
}

.intro_img_wrap {
  display: none;
  flex-flow: row wrap;
  gap: 6px;
  padding: 30px 0 0;
}
.intro_img_wrap img {
  width: 100%;
}

.lib_jc .intro_img_wrap {
  display: flex;
}

/* 인사말 end */
/* 연혁 start */
.history_list {
  display: flex;
  flex-flow: row wrap;
  gap: 60px 0;
  padding: 20px 0 0;
}
.history_list > li {
  width: 33.3333333333%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  border-top: 2px dotted #eee;
  position: relative;
}
.history_list > li::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border: 6px solid #0080e6;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  margin: -11px 0 15px;
}
.history_list > li > strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 15px;
}
.history_list > li:last-child::after {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #eee;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: -7px;
}
.history_list ul li {
  color: #777;
  padding-left: 20px;
}

/* 연혁 end */
/* 조직도/직원정보 start */
.group_table_wrap {
  overflow-x: auto;
}

table.table td.org_job {
  text-align: left;
}
table.table td.org_tel {
  width: 150px;
}

/* 조직도/직원정보 end */
/* 장서현황 start */
.book_state_wrap {
  overflow-x: auto;
  padding-top: 40px;
}

.table.book th,
.table.book td {
  padding: 12px 12px;
  font-size: 16px;
}

/* 장서현황 end */
/* 시설현황 start */
.facility_article {
  display: none;
}
.facility_article.on {
  display: block;
}

.facility_image {
  display: block;
  width: 100%;
  aspect-ratio: 1/0.5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.lib_jc .facility_image {
  aspect-ratio: 1/0.42;
}

.lib_pb .facility_image {
  aspect-ratio: 1/0.47;
}

.lib_mr .facility_image {
  aspect-ratio: 1/0.57;
}

.facility_table {
  margin: 30px 0 0;
}

/* 시설현황 end */
/* 도서관 관련법규 start */
.laws_wrap {
  padding: 20px 0 0;
}
.laws_wrap a {
  display: flex;
  align-items: center;
  padding: 20px 20px;
  font-size: 18px;
  color: #777;
  border: solid 1px #eee;
  border-radius: 6px;
}
.laws_wrap a + a {
  margin-top: 10px;
}
.laws_wrap a:hover {
  color: #000;
  background-color: #f9f9f9;
}
.laws_wrap a:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M10 3V5H5V19H19V14H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H10ZM17.5858 5H13V3H21V11H19V6.41421L12 13.4142L10.5858 12L17.5858 5Z' fill='rgba(61,201,105,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.laws_wrap a:after {
  display: block;
  content: "바로가기";
  float: right;
  font-size: 16px;
  color: #888;
  padding: 0 25px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(153,153,153,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat right center;
  transition: all 0.2s ease;
  margin-left: auto;
}
.laws_wrap a:hover:after {
  background-position-x: 110%;
}

/* 도서관 관련법규 end */
.list_01.teacher li + li {
  margin: 20px 0 0;
}
.list_01.teacher li strong {
  font-size: 20px;
  font-weight: 600;
}
.list_01.teacher li .idiom_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 12px 0;
  padding: 20px 20px;
  margin: 10px 0 0;
  background: #f9f9f9;
  border-radius: 4px;
}
.list_01.teacher li .idiom_summary dt,
.list_01.teacher li .idiom_summary dd {
  line-height: 1.3em;
}
.list_01.teacher li .idiom_summary dt {
  width: 240px;
  font-weight: 600;
}
.list_01.teacher li .idiom_summary dd {
  width: calc(100% - 240px);
  font-weight: 300;
}
.list_01.teacher li:last-of-type .idiom_summary dt {
  width: 180px;
}
.list_01.teacher li:last-of-type .idiom_summary dd {
  width: calc(100% - 180px);
}

.result_wrap.teacher_book {
  gap: 60px 60px;
  padding: 60px 0 0;
}
.result_wrap.teacher_book .teacher_book {
  width: calc(25% - 45px);
}
.result_wrap.teacher_book .teacher_book h5 .cover {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.result_wrap.teacher_book .teacher_book h5 .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 0;
}
.result_wrap.teacher_book .teacher_book .summary {
  display: flex;
  align-items: center;
  padding: 10px 0 0;
  gap: 10px;
}
.result_wrap.teacher_book .teacher_book .summary dd {
  color: #777;
}
.result_wrap.teacher_book .teacher_book .summary dd:not(:first-of-type) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.result_wrap.teacher_book .teacher_book .summary dd:not(:first-of-type)::before {
  display: block;
  content: "";
  width: 1px;
  height: 10px;
  background-color: #dbdbdb;
}

.result_wrap.teacher_exhibit {
  gap: 60px;
  padding: 40px 0 0;
}
.result_wrap.teacher_exhibit .teacher_exhibit {
  width: calc(50% - 30px);
  padding: 0 0 0 18px;
  position: relative;
}
.result_wrap.teacher_exhibit .teacher_exhibit .title {
  font-size: 18px;
  font-weight: 600;
}
.result_wrap.teacher_exhibit .teacher_exhibit .title::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #f52495;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 2px;
}
.result_wrap.teacher_exhibit .teacher_exhibit .cover {
  display: block;
  width: 100%;
  aspect-ratio: 1/0.35;
  margin: 15px 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 중천 김충열 선생 end */
/* 찾아오시는 길 start */
.location_map {
  border: 1px solid #eee;
  box-sizing: border-box;
}
.location_map .root_daum_roughmap {
  width: 100%;
  aspect-ratio: 1/0.45;
}

/* 찾아오시는 길 end */
/* 이용안내 - 이용시간및휴관일 start */
* + .process_img {
  padding-top: 20px;
}

.process_img {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
.process_img li {
  flex: 1;
  line-height: 1.3em;
  word-break: keep-all;
}
.process_img li img {
  max-width: 100%;
  border: solid 1px #ddd;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.03);
}
.process_img li strong {
  display: block;
  font-size: 20px;
  padding: 20px 0 10px 0;
}

/* 이용안내 - 이용시간및휴관일 end */
/* 이용안내 - 모바일앱 이용안내 start */
.download_link_wrap {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
}
.download_link_wrap a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  border: 1px solid #eee;
  border-radius: 4px;
  color: #777;
}
.download_link_wrap a::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 6px;
  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'%3E%3Cpath d='M10 3V5H5V19H19V14H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H10ZM17.5858 5H13V3H21V11H19V6.41421L12 13.4142L10.5858 12L17.5858 5Z' fill='rgba(61,201,105,1)'%3E%3C/path%3E%3C/svg%3E");
}
.download_link_wrap a strong {
  color: #333;
  margin-right: 4px;
}
.download_link_wrap a:hover {
  background-color: #f9f9f9;
  color: #333;
}

.qr_list {
  display: flex;
  gap: 40px;
  padding: 15px 0 0;
}
.qr_list li {
  flex: 1;
  max-width: 120px;
}
.qr_list li .img {
  width: 100%;
  padding-bottom: 15px;
}
.qr_list li span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.qr_list li span::before {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
}
.qr_list li.qr_android span::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'%3E%3Cpath d='M19 13H5V20H19V13ZM19 11C19 7.13401 15.866 4 12 4C8.13401 4 5 7.13401 5 11H19ZM6.38231 3.9681C7.92199 2.73647 9.87499 2 12 2C14.125 2 16.078 2.73647 17.6177 3.9681L19.0711 2.51472L20.4853 3.92893L19.0319 5.38231C20.2635 6.92199 21 8.87499 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 8.87499 3.73647 6.92199 4.9681 5.38231L3.51472 3.92893L4.92893 2.51472L6.38231 3.9681ZM9 9C8.44772 9 8 8.55228 8 8C8 7.44772 8.44772 7 9 7C9.55228 7 10 7.44772 10 8C10 8.55228 9.55228 9 9 9ZM15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9Z' fill='rgba(0,0,0,.5)'%3E%3C/path%3E%3C/svg%3E");
}
.qr_list li.qr_ios span::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'%3E%3Cpath d='M15.778 8.20805C15.3053 8.17122 14.7974 8.28446 14.0197 8.58079C14.085 8.55589 13.2775 8.87185 13.0511 8.95089C12.5494 9.12605 12.1364 9.2221 11.6734 9.2221C11.2151 9.2221 10.7925 9.13054 10.3078 8.96695C10.1524 8.91453 9.99616 8.85652 9.80283 8.78102C9.71993 8.74864 9.41997 8.62959 9.3544 8.60391C8.70626 8.35008 8.34154 8.25446 8.03885 8.26194C6.88626 8.27662 5.79557 8.94222 5.16246 10.0443C3.87037 12.2876 4.58583 16.3429 6.47459 19.0751C7.4802 20.5191 8.03062 21.0351 8.25199 21.028C8.4743 21.0184 8.63777 20.9714 9.03567 20.8027C9.11485 20.769 9.11485 20.769 9.202 20.7318C10.2077 20.3033 10.9118 20.1141 11.9734 20.1141C12.9944 20.1141 13.6763 20.2999 14.6416 20.716C14.7302 20.7543 14.7302 20.7543 14.8097 20.7885C15.2074 20.9589 15.3509 20.9963 15.6016 20.9903C15.9591 20.9847 16.4003 20.5727 17.3791 19.1363C17.6471 18.7448 17.884 18.3334 18.0895 17.9169C17.9573 17.8078 17.826 17.6918 17.6975 17.5694C16.4086 16.3409 15.6114 14.6846 15.5895 12.6392C15.5756 11.0188 16.1057 9.61499 16.999 8.4581C16.6293 8.31432 16.2216 8.23817 15.778 8.20805ZM15.9334 6.2141C16.6414 6.2621 18.6694 6.4781 19.9894 8.4101C19.8814 8.4701 17.5654 9.8141 17.5894 12.6221C17.6254 15.9821 20.5294 17.0981 20.5654 17.1101C20.5414 17.1941 20.0974 18.7061 19.0294 20.2661C18.1054 21.6221 17.1454 22.9661 15.6334 22.9901C14.1454 23.0261 13.6654 22.1141 11.9734 22.1141C10.2694 22.1141 9.74138 22.9661 8.33738 23.0261C6.87338 23.0741 5.76938 21.5621 4.83338 20.2181C2.92538 17.4581 1.47338 12.4421 3.42938 9.0461C4.40138 7.3541 6.12938 6.2861 8.01338 6.2621C9.44138 6.2261 10.7974 7.2221 11.6734 7.2221C12.5374 7.2221 14.0854 6.0701 15.9334 6.2141ZM14.7934 4.3901C14.0134 5.3261 12.7414 6.0581 11.5054 5.9621C11.3374 4.6901 11.9614 3.3581 12.6814 2.5301C13.4854 1.5941 14.8294 0.898098 15.9454 0.850098C16.0894 2.1461 15.5734 3.4541 14.7934 4.3901Z' fill='rgba(0,0,0,0.5)'%3E%3C/path%3E%3C/svg%3E");
}

/* 이용안내 - 모바일앱 이용안내 end */
/* 자료검색 - 통합검색 start */
.search_wrap.book {
  background-color: #fff;
  padding: 30px 30px;
  margin: 0 0 60px;
}
.search_wrap.book .btn_wrap {
  padding: 24px 0 0;
}
.search_wrap.book .btn_wrap .btn {
  min-height: 46px;
}
.search_wrap.book .btn_wrap .btn_reset {
  min-width: 46px;
  font-size: 0;
}
.search_wrap.book .btn_wrap .btn_reset::before {
  margin: 0;
}
.search_wrap.book .btn_wrap .btn_search {
  flex: 1;
  font-size: 18px;
}

.search_detail_wrap {
  display: none;
  width: 100%;
  flex-flow: row wrap;
  gap: 10px 20px;
}
.search_detail_wrap > span {
  width: calc(50% - 15px);
  display: flex;
  align-items: center;
}
.search_detail_wrap > span.w100 {
  width: 100%;
}
.search_detail_wrap > span label {
  width: 100px;
  flex: none;
  font-weight: 500;
  color: #555;
}
.search_detail_wrap > span input[type=text],
.search_detail_wrap > span select,
.search_detail_wrap > span .during_wrap,
.search_detail_wrap > span .select_wrap {
  flex: 1;
  min-width: 0;
}
.search_detail_wrap.on {
  display: flex;
}

.result_wrap .book {
  min-height: 285px;
  position: relative;
  padding: 30px 30px 30px 170px;
  border-bottom: 1px solid #eee;
  transition: all 0.2s ease;
}
.result_wrap .book:has(:checked) {
  border-color: #a5a5a5;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.result_wrap .book:has(input[type=checkbox]) {
  padding: 30px 30px 30px 250px;
}
.result_wrap .book:has(input[type=checkbox]) .cover {
  left: 65px;
}
.result_wrap .book .cover {
  display: block;
  width: 150px;
  aspect-ratio: 1/1.5;
  margin: 5px 0 0;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 30px;
}
.result_wrap .book .cover::after {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/book_deco.png");
  position: absolute;
  left: 0;
  top: -5px;
}
.result_wrap .book h4 .sub_paperback {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 8px;
  border: 1px solid #ddd;
  color: #555;
  font-size: 16px;
}
.result_wrap .book h4 a {
  display: block;
  flex: 1 1 100%;
}
.result_wrap .book h4 a .title {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  transition: all 0.2s ease;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.result_wrap .book h4 a:hover .title {
  color: #0091e7;
}
.result_wrap .book .book_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 6px 0;
  padding: 10px 0 0 0;
}
.result_wrap .book .book_summary dt {
  color: #000;
}
.result_wrap .book .book_summary dt,
.result_wrap .book .book_summary dd {
  line-height: 1.3em;
  color: #555;
  font-size: 16px;
}
.result_wrap .book .book_summary dt {
  width: 100px;
  font-weight: 700;
}
.result_wrap .book .book_summary dd {
  width: calc(100% - 150px);
}
.result_wrap .book .book_summary dd.detail_book {
  overflow: hidden;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.result_wrap .book .book_summary strong {
  font-size: 16px;
  font-weight: 600;
}
.result_wrap .book input[type=checkbox] {
  position: absolute;
  left: 20px;
  top: 40%;
}
.result_wrap .book .btn_wrap {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  justify-content: flex-end;
  flex-flow: column;
  padding: 0;
}
.result_wrap .book .btn_wrap .reserve_info {
  margin-top: 10px;
  text-align: center;
  line-height: 140%;
}
.result_wrap.view2 .book {
  width: calc(50% - 0px);
}
.result_wrap.view2 .book .btn_wrap {
  display: block;
  position: static;
  margin: 10px 0 0 -150px;
  transform: unset;
  text-align: right;
}
.result_wrap.view2 .book .btn_wrap .btn {
  flex: 1 1 auto;
}
.result_wrap.view2 .book:nth-of-type(9), .result_wrap.view2 .book:nth-of-type(10) {
  border-bottom: 0;
}
.result_wrap.view2 .book .bookSelectBtn .title {
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
}

.loan_y {
  color: #0080e6;
  font-weight: 600;
}

.loan_n {
  color: #f4644d;
  font-weight: 600;
}

.book_detail_wrap {
  min-height: 285px;
  position: relative;
  padding: 30px 30px 30px 170px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.book_detail_wrap .cover {
  display: block;
  width: 150px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 5px 0 0;
  position: absolute;
  left: 0;
  top: 30px;
}
.book_detail_wrap .cover::after {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/book_deco.png");
  position: absolute;
  left: 0;
  top: -5px;
}
.book_detail_wrap .title_cover {
  display: block;
  flex: 1 1 100%;
  padding: 0 0 10px;
}
.book_detail_wrap .title_cover .title {
  font-size: 22px;
  font-weight: 700;
  width: calc(100% - 136px);
}
.book_detail_wrap .book_summary {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  gap: 5px 0;
  padding: 0 0 0;
}
.book_detail_wrap .book_summary dt,
.book_detail_wrap .book_summary dd {
  line-height: 1.3em;
  color: #555;
}
.book_detail_wrap .book_summary dt {
  width: 110px;
  font-weight: 700;
}
.book_detail_wrap .book_summary dd {
  width: calc(100% - 110px);
  font-weight: 400;
}
.book_detail_wrap .book_summary dd.detail_book {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.book_detail_wrap input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
}
.book_detail_wrap .btn_wrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  padding: 0;
}
.book_detail_wrap .btn_wrap .btn {
  display: flex;
  margin: 0 0 10px;
}
.book_detail_wrap .btn_wrap p {
  text-align: center;
  line-height: 140%;
}
.book_detail_wrap .sub_paperback {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 8px;
  border: 1px solid #ddd;
  color: #555;
  font-size: 16px;
}

.book_intro_wrap p {
  color: #555;
  line-height: 1.4em;
}

/* 자료검색 - 통합검색 end */
/* 자료검색 - 정기간행물 start */
.board_detail_wrap .series_summary {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.board_detail_wrap .series_summary dt,
.board_detail_wrap .series_summary dd {
  padding: 16px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.board_detail_wrap .series_summary dt:last-of-type,
.board_detail_wrap .series_summary dd:last-of-type {
  border-bottom: 0 none;
}
.board_detail_wrap .series_summary dt {
  width: 100px;
  color: #555;
  font-weight: 500;
  position: relative;
}
.board_detail_wrap .series_summary dt::after {
  display: block;
  content: "";
  width: 1px;
  height: 30%;
  background-color: #eee;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.board_detail_wrap .series_summary dd {
  width: calc(100% - 100px);
  color: #555;
}

/* 자료검색 - 정기간행물 end */
/* 자료검색 - 주제별사서추천도서 start */
.result_wrap .recommend {
  min-height: 285px;
  position: relative;
  padding: 30px 30px 30px 215px;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.result_wrap .recommend .cover {
  display: block;
  width: 150px;
  height: 220px;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 5px 0 0;
  position: absolute;
  left: 30px;
  top: 30px;
}
.result_wrap .recommend .cover::after {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/book_deco.png");
  position: absolute;
  left: 0;
  top: -5px;
}
.result_wrap .recommend a {
  display: block;
  flex: 1 1 100%;
  padding: 0 0 20px;
}
.result_wrap .recommend a .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  transition: all 0.2s ease;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .recommend a:hover .title {
  color: #0091e7;
}
.result_wrap .recommend .book_summary {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 15px 20px;
  padding: 20px 0 0;
  border-top: 1px dashed #e5e5e5;
}
.result_wrap .recommend .book_summary li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.result_wrap .recommend .book_summary li strong,
.result_wrap .recommend .book_summary li span {
  color: #555;
}
.result_wrap .recommend .story {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px dashed #e5e5e5;
}
.result_wrap .recommend .story p {
  line-height: 1.3em;
  color: #555;
  font-weight: 300;
}

.recommend_detail_wrap {
  min-height: 285px;
  position: relative;
  padding: 30px 30px 30px 215px;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.recommend_detail_wrap:has(:checked) {
  border-color: #a5a5a5;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.recommend_detail_wrap .cover {
  display: block;
  width: 150px;
  height: 220px;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 5px 0 0;
  position: absolute;
  left: 30px;
  top: 30px;
}
.recommend_detail_wrap .cover::after {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../images/book_deco.png");
  position: absolute;
  left: 0;
  top: -5px;
}
.recommend_detail_wrap .title_cover {
  display: block;
  flex: 1 1 100%;
  padding: 0 0 20px;
}
.recommend_detail_wrap .title_cover .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  transition: all 0.2s ease;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend_detail_wrap .book_summary {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 15px 20px;
  padding: 20px 0 0;
  border-top: 1px dashed #e5e5e5;
}
.recommend_detail_wrap .book_summary li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.recommend_detail_wrap .book_summary li strong,
.recommend_detail_wrap .book_summary li span {
  color: #555;
}
.recommend_detail_wrap .story {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px dashed #e5e5e5;
}
.recommend_detail_wrap .story p {
  line-height: 1.3em;
  color: #555;
  font-weight: 300;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/* 자료검색 - 주제별사서추천도서 end */
/* 전자도서관 - 웹진 start */
.result_wrap .webzine .cover {
  display: block;
  aspect-ratio: 1/1.4;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.result_wrap .webzine .title {
  max-height: 2.6em;
  padding: 15px 0 0;
  line-height: 1.3em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.result_wrap .webzine :hover .title {
  color: #0091e7;
}

/* 전자도서관 - 웹진 end */
/* 도서관 서비스 - 희망도서신청 start */
.lib_link_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px 15px;
}
.lib_link_wrap.view3 a {
  flex: 1 1 32%;
}
.lib_link_wrap a {
  flex: 1;
  min-width: 160px;
  min-height: 150px;
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: all 0.2s ease 0s;
  background: #f9f9f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='30' height='30'%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' fill='rgba(204,204,204,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat right 15px bottom 15px;
}
.lib_link_wrap a .type {
  color: #ccc;
  transition: all 0.2s ease;
}
.lib_link_wrap a .lib_name {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #ccc;
  transition: all 0.2s ease;
}
.lib_link_wrap a:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='30' height='30'%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' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat right 15px bottom 15px, linear-gradient(45deg, #50b093 0%, #3dc86a 100%);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.lib_link_wrap a:hover .type,
.lib_link_wrap a:hover .lib_name {
  color: #fff;
}

ol + .lib_link_wrap,
ul + .lib_link_wrap {
  padding-top: 20px;
}

/* 도서관 서비스 - 희망도서신청 end */
/* 도서관 서비스 - 스마트 도서관 start */
.smart_img_box {
  width: 100%;
  background-color: #f0f3f8;
  margin: 15px 0 40px;
  border-radius: 4px;
  overflow: hidden;
}

:last-child .smart_img_box {
  margin-bottom: 0;
}

/* 도서관 서비스 - 스마트 도서관 end */
/* 도서관 서비스 - 어린이 독서대학 start */
.college_wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}
.college_wrap article {
  width: calc(25% - 12px);
  padding: 10px 10px 15px;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 4px;
}
.college_wrap article .image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border-radius: 4px;
}
.college_wrap article .name {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 0;
}

/* 도서관 서비스 - 어린이 독서대학 end */
/* 문화행사 - 문화행사캘린더 start */
.calendar_wrap .month_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding-bottom: 40px;
}
.calendar_wrap .month_wrap .year_month {
  display: flex;
  align-items: center;
  gap: 6px;
}
.calendar_wrap .month_wrap .year_month select {
  font-size: 24px;
  height: auto;
  font-weight: 600;
  padding: 0;
  border: 0 none;
  min-width: unset;
  width: 130px;
}
.calendar_wrap .month_wrap .year_month + select {
  width: 100px;
}
.calendar_wrap .month_wrap button {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 0;
  opacity: 0.3;
}
.calendar_wrap .month_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='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");
  transition: all 0.2s ease;
}
.calendar_wrap .month_wrap button.btn_next_month::before {
  transform: rotate(180deg);
}
.calendar_wrap .month_wrap button:hover {
  opacity: 0.8;
}

.table.calendar {
  border-top: 0 none;
}
.table.calendar tr > :first-child {
  border-left: 0 none;
}
.table.calendar tr > :last-child {
  border-right: 0 none;
}
.table.calendar th,
.table.calendar td {
  width: 14.2857142857%;
  max-width: 14.2857142857%;
  background-color: #fff;
}
.table.calendar th {
  border-left: 0 none;
  border-right: 0 none;
  padding: 0 0 10px;
  font-weight: 600;
  font-size: 18px;
}
.table.calendar td {
  height: 140px;
  vertical-align: top;
  font-size: 15px;
  padding: 10px 10px;
  position: relative;
}
.table.calendar td .day {
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #555;
  padding: 0 0 10px;
}
.table.calendar td ul {
  width: 100%;
  box-sizing: border-box;
}
.table.calendar td ul li {
  padding-left: 12px;
}
.table.calendar td ul li + li {
  margin: 6px 0 0;
}
.table.calendar td ul li:has(.btn) + li {
  margin: 12px 0 0;
}
.table.calendar td ul li a {
  display: block;
}
.table.calendar td ul li span {
  display: block;
  font-size: 15px;
  color: #555;
}
.table.calendar td ul li :hover span {
  color: #0091e7;
}
.table.calendar td .btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: unset;
  height: 32px;
  padding: 6px 6px;
  background-color: #0080e6;
  border-radius: 4px;
  border: 0 none;
  text-align: left;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  line-height: initial;
}
.table.calendar td .btn:hover {
  background-color: #025ab3;
  color: #fff;
}
.table.calendar td .btn:disabled, .table.calendar td .btn.dis {
  background-color: #ccc;
  color: #555;
}
.table.calendar td.holiday ul li {
  padding: 0;
}
.table.calendar td.holiday ul li::before {
  display: none;
}
.table.calendar td.holiday ul li span {
  color: #999;
}
.table.calendar td.today {
  border: 3px solid #f4644d;
}
.table.calendar td.today::before {
  display: inline;
  content: "오늘";
  font-size: 0;
  position: fixed;
  left: -99999px;
  top: -99999px;
}
.table.calendar td.holiday {
  background-color: #fffaf8;
}
.table.calendar td.holiday li {
  color: #999;
  background-color: transparent;
  padding: 0;
  font-size: 16px;
}
.table.calendar .sat {
  color: #2f5de6;
}
.table.calendar .sat .day {
  color: #2f5de6;
}
.table.calendar .sun {
  color: #dc132c;
}
.table.calendar .sun .day {
  color: #dc132c;
}
.table.calendar .noday {
  background-color: #f8f8f8;
}

.calendar_caption {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  padding: 20px 0 0;
}
.calendar_caption span {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.calendar_caption span::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 2px;
}
.calendar_caption span.today::before {
  border: 2px solid #f4644d;
}
.calendar_caption span.event::before {
  background-color: #0080e6;
  border-radius: 4px;
}
.calendar_caption span.holiday::before {
  background-color: #f6d9d9;
}

/* 문화행사 - 문화행사캘린더 end */
/* 문화행사 - 문화행사신청 start */
.result_wrap {
  display: flex;
  flex-flow: row wrap;
}
.result_wrap.book {
  border-bottom: 1px solid #eee;
}
.result_wrap .culture {
  min-height: 382px;
  border-bottom: 1px solid #eee;
  padding: 30px 30px 30px 220px;
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}
.result_wrap .culture .thumbnail {
  display: block;
  width: 185px;
  height: 260px;
  position: absolute;
  left: 0;
  top: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.2);
}
.result_wrap .culture .thumbnail.no_image {
  background-size: 50% auto;
}
.result_wrap .culture .caption {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3em;
  padding: 0 0 4px;
}
.result_wrap .culture .caption.display {
  color: #0080e6;
}
.result_wrap .culture .caption.program {
  color: #852fff;
}
.result_wrap .culture .caption.cul {
  color: #2db37b;
}
.result_wrap .culture .caption.edu {
  color: #e68e00;
}
.result_wrap .culture .title {
  width: 100%;
  max-width: 700px;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  box-sizing: border-box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.2s ease;
}
.result_wrap .culture a:hover .title {
  color: #0091e7;
}
.result_wrap .culture .culture_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 0;
  padding-top: 20px;
}
.result_wrap .culture .culture_summary dt,
.result_wrap .culture .culture_summary dd {
  line-height: 1.3em;
  font-size: 16px;
}
.result_wrap .culture .culture_summary dt strong,
.result_wrap .culture .culture_summary dd strong {
  font-size: 16px;
}
.result_wrap .culture .culture_summary dt {
  width: 120px;
  font-weight: 500;
}
.result_wrap .culture .culture_summary dd {
  width: calc(100% - 120px);
  color: #555;
}
.result_wrap .culture .btn_wrap {
  padding: 0;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.result_wrap .culture .btn_wrap .btn {
  min-height: 44px;
  padding: 12px 15px;
  border-radius: 4px;
}
.result_wrap .culture .btn_wrap .btn::before {
  width: 22px;
  height: 22px;
  background-size: 22px auto;
}
.result_wrap .culture .btn_wrap .btn:disabled::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(119,119,119,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");
}
.result_wrap .culture .state {
  width: auto;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border: 1px solid #eee;
  border-radius: 21px;
  color: #777;
  font-weight: 500;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 35px;
}
.result_wrap .culture .state.state_y {
  border-color: #0080e6;
  color: #0080e6;
}
.result_wrap .culture .state.state_n {
  border-color: #aaa;
  color: #aaa;
}
.result_wrap .culture .state.state_ing {
  border: 2px solid #9c9c9c;
  color: #555;
}
.result_wrap .culture .state.state_complete {
  border: 2px solid #0080e6;
  color: #0080e6;
}
.result_wrap .culture .state.state_edu_complete {
  border: 2px solid #0080e6;
  background: #edf7ff;
  color: #0080e6;
}
.result_wrap .culture.no_result {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 320px;
  flex-flow: column;
}
.result_wrap .culture.no_result:before {
  content: "";
  display: inline-flex;
  flex: none;
  width: 120px;
  height: 120px;
  background: url("../images/icon_noculture.svg") no-repeat center;
}

.culture_detail_wrap {
  min-height: 382px;
  border-top: 1px solid #000;
  padding: 30px 30px 30px 220px;
  border-bottom: 1px solid #ddd;
  position: relative;
  box-sizing: border-box;
}
.culture_detail_wrap .thumbnail {
  display: block;
  width: 185px;
  height: 260px;
  position: absolute;
  left: 0;
  top: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #f6f6f6;
  box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.2);
}
.culture_detail_wrap .thumbnail.no_image {
  background-size: 50% auto;
}
.culture_detail_wrap h4 {
  padding: 0 0 20px;
}
.culture_detail_wrap .caption {
  display: block;
  font-size: 18px;
  color: #f4644d;
  font-weight: 600;
  line-height: 1.2em;
  padding: 0 0 10px;
}
.culture_detail_wrap .caption.display {
  color: #0080e6;
}
.culture_detail_wrap .caption.program {
  color: #852fff;
}
.culture_detail_wrap .caption.cul {
  color: #2db37b;
}
.culture_detail_wrap .caption.edu {
  color: #e68e00;
}
.culture_detail_wrap .title {
  display: block;
  width: 100%;
  max-width: 700px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  box-sizing: border-box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.2s ease;
}
.culture_detail_wrap .culture_info {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 12px;
  padding: 20px 0;
  border-top: 1px dashed #eee;
}
.culture_detail_wrap .culture_info li {
  width: calc(50% - 9px);
  display: flex;
  gap: 10px;
}
.culture_detail_wrap .culture_info li .info_label {
  flex: none;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 500;
}
.culture_detail_wrap .culture_info li .info_content {
  font-size: 16px;
  line-height: 1.3em;
  color: #555;
}
.culture_detail_wrap .culture_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 0;
}
.culture_detail_wrap .culture_summary dt,
.culture_detail_wrap .culture_summary dd {
  line-height: 1.3em;
  font-size: 16px;
}
.culture_detail_wrap .culture_summary dt {
  width: 100px;
  font-weight: 500;
}
.culture_detail_wrap .culture_summary dd {
  width: calc(100% - 100px);
  color: #555;
}
.culture_detail_wrap .culture_summary dd .file {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}
.culture_detail_wrap .culture_summary dd .file > span {
  color: #555;
}
.culture_detail_wrap .culture_summary dd .file:hover > span {
  color: #0091e7;
}
.culture_detail_wrap .culture_summary dd .file + .file {
  margin: 10px 0 0;
}
.culture_detail_wrap .state {
  width: 100px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border: 1px solid #eee;
  border-radius: 60px;
  color: #777;
  font-weight: 600;
  box-sizing: border-box;
  position: absolute;
  top: 34px;
  right: 0;
}
.culture_detail_wrap .state.state_y {
  border-color: #0080e6;
  color: #0080e6;
}
.culture_detail_wrap .state.state_n {
  background-color: #aaa;
  border-color: #aaa;
  color: #fff;
}
.culture_detail_wrap .btn_wrap {
  /*position: absolute;
  left: 50%;
  transform: translateX(-50%);*/
  padding-top: 30px;
  z-index: 9;
}
.culture_detail_wrap + .article {
  border-bottom: 1px solid #ccc;
}

.culture_contents .culture_file {
  padding: 20px 20px;
  margin: 30px 0 0;
  background-color: #f6f6f6;
  border-radius: 4px;
}
.culture_contents .culture_file li + li {
  padding-top: 15px;
}
.culture_contents .culture_file button {
  min-height: 18px;
  display: flex;
  align-items: center;
  padding-left: 26px;
  box-sizing: border-box;
  color: #777;
  position: relative;
}
.culture_contents .culture_file button::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
  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,145,231,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");
  position: absolute;
  left: 0;
  top: 0;
}
.culture_contents .culture_file button:hover {
  color: #0080e6;
}
.culture_contents .culture_image {
  padding: 30px 0 0;
}

/* 문화행사 - 문화행사신청 end */
/* 문화행사 - 한 도시 한책읽기 start */
.result_wrap .story_book {
  min-height: 210px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 25px 20px 25px 160px;
}
.result_wrap .story_book .cover {
  display: block;
  width: 110px;
  height: 160px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.07);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 20px;
  top: 25px;
}
.result_wrap .story_book h4 {
  padding: 0 0 20px;
}
.result_wrap .story_book .title {
  display: block;
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .story_book .story {
  font-size: 15px;
  color: #555;
  line-height: 1.3em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.result_wrap .choice_book {
  min-height: 250px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 25px 20px 25px 190px;
}
.result_wrap .choice_book .cover {
  display: block;
  width: 140px;
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.07);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 20px;
  top: 25px;
}
.result_wrap .choice_book h4 {
  display: flex;
  gap: 10px;
  padding: 0 0 20px;
}
.result_wrap .choice_book .turn {
  flex: none;
  display: flex;
  align-items: center;
  padding-right: 10px;
  border-right: 1px solid #eee;
  font-weight: 500;
  line-height: 1.3em;
  color: #0080e6;
}
.result_wrap .choice_book .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  display: -webkit-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .choice_book .book_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 0;
}
.result_wrap .choice_book .book_summary dt,
.result_wrap .choice_book .book_summary dd {
  line-height: 1.2em;
}
.result_wrap .choice_book .book_summary dt {
  width: 80px;
  font-weight: 500;
}
.result_wrap .choice_book .book_summary dd {
  width: calc(100% - 80px);
  color: #555;
}

/* 문화행사 - 한 도시 한책읽기 end */
/* 문화행사 - 영화상영안내 start */
.result_wrap .movie {
  min-height: 230px;
  padding: 25px 25px 25px 170px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  position: relative;
}
.result_wrap .movie .thumbnail {
  display: block;
  width: 120px;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.07);
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: absolute;
  left: 25px;
  top: 25px;
}
.result_wrap .movie .title {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .movie .movie_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 6px 0;
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px dashed #dbdbdb;
}
.result_wrap .movie .movie_summary dt,
.result_wrap .movie .movie_summary dd {
  line-height: 1.3em;
}
.result_wrap .movie .movie_summary dt {
  width: 70px;
  font-weight: 500;
  font-size: 16px;
}
.result_wrap .movie .movie_summary dd {
  width: calc(100% - 70px);
  color: #555;
  font-size: 16px;
}

.movie_detail_wrap {
  min-height: 310px;
  padding: 30px 30px 30px 235px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  position: relative;
}
.movie_detail_wrap .thumbnail {
  display: block;
  width: 170px;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.07);
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: absolute;
  left: 30px;
  top: 30px;
}
.movie_detail_wrap .title {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.movie_detail_wrap .movie_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 0;
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px dashed #dbdbdb;
}
.movie_detail_wrap .movie_summary dt,
.movie_detail_wrap .movie_summary dd {
  line-height: 1.3em;
}
.movie_detail_wrap .movie_summary dt {
  width: 70px;
  font-weight: 500;
}
.movie_detail_wrap .movie_summary dd {
  width: calc(100% - 70px);
  color: #555;
}

.movie_contents p {
  line-height: 1.4em;
  word-break: keep-all;
}

/* 문화행사 - 영화상영안내 end */
/* 문화행사 - 체험형 동화 구연 start */
.result_wrap .fairytale {
  min-height: 240px;
  padding: 25px 20px 25px 340px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.result_wrap .fairytale h4 {
  padding: 0 0 20px;
  border-bottom: 1px dashed #eee;
}
.result_wrap .fairytale .thumbnail {
  display: block;
  width: 280px;
  height: 190px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 20px;
  top: 25px;
}
.result_wrap .fairytale .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .fairytale .fairytale_summary {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 0 0;
}
.result_wrap .fairytale .fairytale_summary dt,
.result_wrap .fairytale .fairytale_summary dd {
  line-height: 1.5em;
}
.result_wrap .fairytale .fairytale_summary dt {
  width: 100px;
  font-weight: 600;
}
.result_wrap .fairytale .fairytale_summary dd {
  width: calc(100% - 100px);
  color: #555;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

/* 문화행사 - 체험형 동화 구연 end */
/* 문화행사 - 갤러리 start */
.result_wrap .gallery {
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.result_wrap .gallery .thumbnail {
  display: block;
  width: 100%;
  aspect-ratio: 1/0.85;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.result_wrap .gallery .title {
  display: block;
  height: 2.4em;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 15px 0;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .gallery .gallery_summary {
  width: calc(100% - 30px);
  display: flex;
  flex-flow: row wrap;
  gap: 8px 10px;
  padding: 15px 0;
  margin: 15px auto 0;
  border-top: 1px dashed #eee;
}
.result_wrap .gallery .gallery_summary dt {
  width: 18px;
  height: 18px;
  font-size: 0;
}
.result_wrap .gallery .gallery_summary dt::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.result_wrap .gallery .gallery_summary dt.writer::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'%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' fill='rgba(117,117,117,1)'%3E%3C/path%3E%3C/svg%3E");
}
.result_wrap .gallery .gallery_summary dt.write_date::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'%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' fill='rgba(117,117,117,1)'%3E%3C/path%3E%3C/svg%3E");
}
.result_wrap .gallery .gallery_summary dt.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'%3E%3Cpath d='M1.18164 12C2.12215 6.87976 6.60812 3 12.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 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z' fill='rgba(117,117,117,1)'%3E%3C/path%3E%3C/svg%3E");
}
.result_wrap .gallery .gallery_summary dd {
  width: calc(100% - 28px);
  min-height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #777;
}

/* 문화행사 - 갤러리 end */
/* 문화행사 - 전시 start */
.result_wrap .exhibit {
  min-height: 230px;
  padding: 25px 25px 25px 170px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  position: relative;
}
.result_wrap .exhibit .thumbnail {
  display: block;
  width: 120px;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.07);
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: absolute;
  left: 25px;
  top: 25px;
}
.result_wrap .exhibit .title {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result_wrap .exhibit .exhibit_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 6px 0;
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px dashed #dbdbdb;
}
.result_wrap .exhibit .exhibit_summary dt,
.result_wrap .exhibit .exhibit_summary dd {
  line-height: 1.3em;
}
.result_wrap .exhibit .exhibit_summary dt {
  width: 110px;
  font-weight: 500;
  font-size: 16px;
}
.result_wrap .exhibit .exhibit_summary dd {
  width: calc(100% - 110px);
  color: #555;
  font-size: 16px;
}

.exhibit_detail_wrap {
  min-height: 310px;
  padding: 30px 30px 30px 235px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  position: relative;
}
.exhibit_detail_wrap .thumbnail {
  display: block;
  width: 170px;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.07);
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: absolute;
  left: 30px;
  top: 30px;
}
.exhibit_detail_wrap .title {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.exhibit_detail_wrap .exhibit_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 0;
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px dashed #dbdbdb;
}
.exhibit_detail_wrap .exhibit_summary dt,
.exhibit_detail_wrap .exhibit_summary dd {
  line-height: 1.3em;
}
.exhibit_detail_wrap .exhibit_summary dt {
  width: 110px;
  font-weight: 500;
}
.exhibit_detail_wrap .exhibit_summary dd {
  width: calc(100% - 110px);
  color: #555;
}

.exhibit_contents p {
  line-height: 1.4em;
  word-break: keep-all;
}

/* 문화행사 - 전시 end */
/* 열린공간 - 공지사항 start */
.board_info {
  padding: 32px;
  box-sizing: border-box;
  border-top: 2px solid #333;
  border-bottom: 1px solid #eee;
}
.board_info .board_title .text {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3em;
}
.board_info .board_summary {
  display: flex;
  flex-flow: row wrap;
  gap: 6px 6px;
  padding-top: 20px;
}
.board_info .board_summary dt,
.board_info .board_summary dd {
  color: #777;
}
.board_info .board_summary dt {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.board_info .board_summary dt::after {
  display: block;
  content: ":";
}
.board_info .board_summary dd + dt {
  padding-left: 15px;
  margin-left: 9px;
}
.board_info .board_summary dd + dt::before {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #eee;
  position: absolute;
  left: 0;
  top: 2px;
}

.board_file {
  border-bottom: 1px solid #eee;
  padding: 16px 32px;
}
.board_file li + li {
  padding-top: 12px;
}
.board_file a {
  min-height: 18px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
  color: #777;
  position: relative;
}
.board_file a::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
  background-image: url("../images/ico_file.svg");
  position: absolute;
  left: 0;
  top: 0;
}
.board_file a:hover {
  color: #0080e6;
}

.board_contents {
  min-height: 100px;
  padding: 40px 32px 30px;
  box-sizing: border-box;
  line-height: 18px;
}

.page_remote {
  display: flex;
  flex-flow: row wrap;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #eee;
  margin-top: 30px;
}
.page_remote dt,
.page_remote dd {
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  box-sizing: border-box;
}
.page_remote dt.next,
.page_remote dd.next {
  border-bottom: 1px solid #eee;
}
.page_remote dt {
  flex: none;
  justify-content: center;
  padding: 0;
  font-size: 0;
}
.page_remote dt::before {
  width: 50px;
  height: 100%;
  display: block;
  content: "";
  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(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");
}
.page_remote dt.prev::before {
  transform: rotate(180deg);
}
.page_remote dd {
  width: calc(100% - 50px);
}
.page_remote dd a {
  font-weight: 500;
  color: #555;
  line-height: 1.3em;
}
.page_remote dd a:hover {
  color: #0080e6;
}
.page_remote dd.no_result {
  color: #999;
}

.board_write_wrap .title_input {
  width: 100%;
  height: 54px;
  border-color: #d9d9d9;
}
.board_write_wrap .board_contents {
  padding: 0;
  width: 99.9%;
}
.board_write_wrap textarea {
  width: 100%;
  height: 400px;
  padding: 10px;
  border-color: #d9d9d9;
}
.board_write_wrap.login {
  margin-top: 20px;
}
.board_write_wrap.login .find_id {
  display: flex;
  align-items: center;
  gap: 10px;
}

.table.board_setting {
  margin: 20px 0 0;
  border-top-color: #d9d9d9;
}
.table.board_setting th {
  width: 200px;
}

.file_wrap {
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.file_wrap .file_area {
  width: 100%;
  height: 200px;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow-y: auto;
  position: relative;
}
.file_wrap .file_area li {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  padding: 10px 20px;
  box-sizing: border-box;
  border-bottom: 1px dashed #d9d9d9;
}
.file_wrap .file_area li + li {
  margin: 0;
}
.file_wrap .file_area li:last-child {
  border-bottom: 0 none;
}
.file_wrap .file_area li .title {
  flex: 1;
  font-weight: 500;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 6px;
}
.file_wrap .file_area li .title::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
  background-image: url("../images/ico_file.svg");
}
.file_wrap .file_area li .file_delte_btn {
  font-size: 0;
  background-color: transparent;
  transition: all 0.2s ease;
}
.file_wrap .file_area li .file_delte_btn::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  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(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");
}
.file_wrap .file_area li .file_delte_btn:hover {
  background-color: #f2f2f2;
}
.file_wrap .file_area.no_file {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  transition: all 0.2s ease;
}
.file_wrap .file_area.no_file::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/file_drag_ico.svg");
  transition: all 0.2s ease;
}
.file_wrap .file_area.no_file::after {
  display: block;
  content: "업로드할 파일을 드래그하세요.";
  font-size: 18px;
  font-weight: 500;
  color: #777;
  transition: all 0.2s ease;
}
.file_wrap .file_area.no_file.dragging {
  border-color: #0080e6;
  background-color: #fafffc;
}
.file_wrap .file_area.no_file.dragging::before {
  background-image: url("../images/file_drag_on_ico.svg");
}
.file_wrap .file_area.no_file.dragging::after {
  color: #0080e6;
  content: "마우스 커서를 떼주세요.";
}
.file_wrap .file_info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px;
}
.file_wrap .file_info dl {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.file_wrap .file_info dl dt {
  font-weight: 500;
}
.file_wrap .file_info dl dd {
  color: #777;
}
.file_wrap .file_info dl dd span {
  color: #777;
}
.file_wrap .file_info .btn_wrap {
  padding: 0;
  margin-left: auto;
}
.file_wrap.auto {
  margin: 0;
}

/* 열린공간 - 공지사항 end */
/* 열린공간 - 자주하는질문 start */
.faq_wrap {
  border-top: 2px solid #333;
  padding-top: 20px;
}
.faq_wrap > article {
  border-bottom: 1px solid #eee;
  position: relative;
  transition: all 0.2s ease;
}
.faq_wrap > article + article {
  margin-top: 20px;
}
.faq_wrap > article:has(button:hover) h4 span, .faq_wrap > article:has(button:focus) h4 span {
  color: #0080e6;
}
.faq_wrap > article h4 {
  display: flex;
  gap: 5px;
  box-sizing: border-box;
  padding: 0 40px 20px 0;
  cursor: pointer;
}
.faq_wrap > article h4 .ico_question {
  width: 28px;
  height: 28px;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-size: 0;
}
.faq_wrap > article h4 .ico_question::before {
  display: block;
  content: "Q";
  font-size: 22px;
  font-weight: 700;
  color: #0080e6;
}
.faq_wrap > article h4 span {
  min-height: 24px;
  display: flex;
  align-items: center;
  line-height: 1.2em;
  font-size: 18px;
  font-weight: 600;
}
.faq_wrap > article .answer {
  display: none;
  gap: 15px;
  height: 0;
  padding: 0 20px;
  opacity: 0;
  overflow: hidden;
  background-color: #f9f9f9;
  transition: all 0.2s ease;
}
.faq_wrap > article .answer.on {
  padding: 20px 20px;
  opacity: 1;
  height: auto;
}
.faq_wrap > article .answer_wrap {
  font-size: 16px;
}
.faq_wrap > article .ico_answer {
  width: 28px;
  height: 28px;
  flex: none;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  font-size: 0;
}
.faq_wrap > article .ico_answer::before {
  display: block;
  content: "A";
  font-size: 18px;
  font-weight: 700;
  color: #777;
}
.faq_wrap > article .js_open,
.faq_wrap > article .js_close {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.faq_wrap > article .js_open::before,
.faq_wrap > article .js_close::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='28' height='28' fill='rgba(119,119,119,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");
}
.faq_wrap > article .js_open.js_close,
.faq_wrap > article .js_close.js_close {
  display: none;
}
.faq_wrap > article .js_open.js_close::before,
.faq_wrap > article .js_close.js_close::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28' fill='rgba(119,119,119,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");
}

/* 열린공간 - 자주하는질문 end */
/* 열린공간 - 질문과답변 start */
.qna_wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
}
.qna_wrap .board_detail_wrap {
  box-sizing: border-box;
  border-radius: 8px;
}
.qna_wrap .board_detail_wrap .board_info {
  background-color: transparent;
}
.qna_wrap .board_detail_wrap .board_info h4 {
  display: flex;
  gap: 10px;
}
.qna_wrap .board_detail_wrap .board_info h4 .type {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0080e6;
  color: #fff;
  border-radius: 4px;
  font-size: 0;
}
.qna_wrap .board_detail_wrap .board_info h4 .type::before {
  display: block;
  content: "Q";
  font-size: 20px;
  color: #fff;
}
.qna_wrap .board_detail_wrap .board_info h4 .text {
  min-height: 32px;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2em;
}
.qna_wrap .board_detail_wrap.answer {
  border: 1px solid #eee;
}
.qna_wrap .board_detail_wrap.answer .board_info {
  border-top: 0;
}
.qna_wrap .board_detail_wrap.answer .board_info h4 .type {
  background-color: #555;
}
.qna_wrap .board_detail_wrap.answer .board_info h4 .type::before {
  content: "A";
}
.qna_wrap .board_write_wrap {
  padding: 30px 30px;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 4px;
}

/* 열린공간 - 질문과답변 end */
/* 나의도서관 - 개인정보관리 start */
.member_certify_wrap {
  padding: 40px 20px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 5px;
}
.member_certify_wrap label {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #555;
  padding: 0 0 20px;
}
.member_certify_wrap label::before {
  display: block;
  content: "";
  width: 140px;
  height: 140px;
  margin: 0 auto 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/padlock.svg");
}
.member_certify_wrap input[type=password] {
  max-width: 500px;
  width: 100%;
  height: 48px;
}

.text_box_01 + .member_certify_wrap {
  margin-top: 20px;
}

/* 나의도서관 - 개인정보관리 end */
/* 모바일 회원증 start */
div.mobile_card {
  padding: 20px 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
div.mobile_card .card_header {
  text-align: center;
  margin-bottom: 32px;
}
div.mobile_card .card_header .card_title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
}
div.mobile_card .user_info {
  margin-bottom: 20px;
}
div.mobile_card .user_info .info_item {
  display: flex;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #eee;
}
div.mobile_card .user_info .info_item:last-child {
  border-bottom: none;
}
div.mobile_card .user_info .info_item dt {
  width: 85px;
  font-size: 15px;
  color: #666;
}
div.mobile_card .user_info .info_item dd {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
div.mobile_card .barcode_wrap {
  text-align: center;
}
div.mobile_card .barcode_wrap .barcode {
  padding: 20px 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
}
div.mobile_card .barcode_wrap .barcode img {
  max-width: 100%;
  height: auto;
  min-height: 100px;
}

/* 모바일 회원증 end */
/* 로그인 start */
.login_wrap {
  max-width: 480px;
  width: 100%;
  padding: 80px 60px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
}
.login_wrap .login_header {
  padding: 0 0 40px;
}
.login_wrap .login_header h4 {
  font-size: 0;
  font-weight: 600;
  text-align: center;
}
.login_wrap .login_header h4::before {
  display: block;
  content: "";
  width: 280px;
  height: 61px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/h1.svg");
  background-size: 100%;
}
.login_wrap .login_header p {
  margin-top: 40px;
  font-size: 28px;
  font-weight: 500;
  color: #777;
  text-align: center;
}
.login_wrap .login_body .login_id,
.login_wrap .login_body .login_pw {
  display: block;
  position: relative;
}
.login_wrap .login_body .login_id input,
.login_wrap .login_body .login_pw input {
  width: 100%;
  height: 44px;
  padding-left: 10px;
}
.login_wrap .login_body .login_id.login_pw,
.login_wrap .login_body .login_pw.login_pw {
  margin-top: 6px;
}
.login_wrap .login_body .login_id.login_pw::before,
.login_wrap .login_body .login_pw.login_pw::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(204,204,204,1)'%3E%3Cpath d='M18 8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8ZM5 10V20H19V10H5ZM11 14H13V16H11V14ZM7 14H9V16H7V14ZM15 14H17V16H15V14ZM16 8V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8H16Z'%3E%3C/path%3E%3C/svg%3E");
}
.login_wrap .login_body .login_id.login_id:has(input:focus)::before,
.login_wrap .login_body .login_pw.login_id:has(input:focus)::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(51,51,51,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");
}
.login_wrap .login_body .login_id.login_pw:has(input:focus)::before,
.login_wrap .login_body .login_pw.login_pw:has(input:focus)::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(51,51,51,1)'%3E%3Cpath d='M18 8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8ZM5 10V20H19V10H5ZM11 14H13V16H11V14ZM7 14H9V16H7V14ZM15 14H17V16H15V14ZM16 8V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8H16Z'%3E%3C/path%3E%3C/svg%3E");
}
.login_wrap .login_body .save_wrap {
  /*display: flex;*/
  display: none;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 0 40px;
}
.login_wrap .login_body .save_wrap .save_id {
  display: flex;
  align-items: center;
  gap: 6px;
}
.login_wrap .login_body .save_wrap .save_id > span {
  color: #555;
}
.login_wrap .login_body .btn_login {
  width: 100%;
  height: 60px;
  margin-top: 20px;
  background-color: #0080e6;
  border-color: #0080e6;
  font-size: 16px;
}
.login_wrap .login_body .btn_login:hover, .login_wrap .login_body .btn_login:focus {
  background-color: #0064b3;
  border-color: #0064b3;
}
.login_wrap .login_body .login_link_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 40px 0 0;
}
.login_wrap .login_body .login_link_wrap a {
  color: #555;
}
.login_wrap .login_body .login_link_wrap a + a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.login_wrap .login_body .login_link_wrap a + a::before {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #eee;
}
.login_wrap .login_body .login_link_wrap a:hover {
  color: #333;
  font-weight: 500;
}

/* 로그인 end */
/* 회원가입 start */
.join_article + .join_article {
  padding-top: 60px;
}

.table + .join_article {
  padding-top: 60px;
}

.join_article + .table {
  margin-top: 20px;
}

.table.parents th {
  width: 250px;
}

.join_proce {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 10px 0 45px;
}
.join_proce li {
  position: relative;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.join_proce li::before {
  content: "";
  position: absolute;
  left: 30px;
  width: 65px;
  height: 65px;
}
.join_proce li.step_01::before {
  background: url("../images/join_step_01.svg") no-repeat center;
}
.join_proce li.step_02::before {
  background: url("../images/join_step_02.svg") no-repeat center;
}
.join_proce li.step_03::before {
  background: url("../images/join_step_03.svg") no-repeat center;
}
.join_proce li.step_04::before {
  background: url("../images/join_step_04.svg") no-repeat center;
}
.join_proce li .step_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-right: 20px;
  background: #c9c9c9;
  border-radius: 50%;
}
.join_proce li .text_info {
  padding-left: 40px;
}
.join_proce li .text_info > span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #9c9c9c;
}
.join_proce li .text_info > span.step {
  font-weight: 400;
  font-size: 16px;
}
.join_proce li + li::after {
  display: block;
  content: "";
  width: 24px;
  height: 2px;
  background: #ccc;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.join_proce li.on.step_01::before {
  background: url("../images/join_step_01_active.svg") no-repeat center;
}
.join_proce li.on.step_02::before {
  background: url("../images/join_step_02_active.svg") no-repeat center;
}
.join_proce li.on.step_03::before {
  background: url("../images/join_step_03_active.svg") no-repeat center;
}
.join_proce li.on.step_04::before {
  background: url("../images/join_step_04_active.svg") no-repeat center;
}
.join_proce li.on .text_info span {
  color: #0080e6;
}
.join_proce li:last-child .text_info {
  padding-left: 70px;
}
.join_proce.number {
  width: 80%;
  margin: 0 auto;
}
.join_proce + article {
  margin-bottom: 40px;
}

#joinForm .btn_wrap {
  padding: 40px 0 0;
}

.join_info {
  padding: 20px 20px;
  background: #f2f4f6;
  border: solid 1px #eee;
  box-sizing: border-box;
  border-radius: 5px;
  margin: 0 0 40px;
}
.join_info ul li + li {
  margin-top: 10px;
}

.join_choice_wrap {
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  border: 1px solid #eee;
  border-radius: 5px;
  box-sizing: border-box;
}
.join_choice_wrap a,
.join_choice_wrap button {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid transparent;
}
.join_choice_wrap a + a,
.join_choice_wrap a + button,
.join_choice_wrap button + a,
.join_choice_wrap button + button {
  border-left: 1px dashed #eee;
}
.join_choice_wrap a + a,
.join_choice_wrap button + a {
  border-left: 1px solid #eee;
}
.join_choice_wrap a > .type,
.join_choice_wrap button > .type {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  transition: all 0.2s ease;
}
.join_choice_wrap a > .type > span,
.join_choice_wrap button > .type > span {
  display: none;
  font-size: 18px;
  font-weight: 600;
}
.join_choice_wrap a > .caption,
.join_choice_wrap button > .caption {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.26px;
}
.join_choice_wrap a.type::before,
.join_choice_wrap button.type::before {
  display: inline-block;
  content: "";
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  transition: all 0.15s ease 0s;
}
.join_choice_wrap a.over_14::before,
.join_choice_wrap button.over_14::before {
  background-image: url("../images/over_14.svg");
}
.join_choice_wrap a.under_14::before,
.join_choice_wrap button.under_14::before {
  background-image: url("../images/under_14.svg");
}
.join_choice_wrap a.certify_phone::before,
.join_choice_wrap button.certify_phone::before {
  background-image: url("../images/certify_phone.svg");
  background-size: 100% auto;
}
.join_choice_wrap a.certify_ipin::before,
.join_choice_wrap button.certify_ipin::before {
  background-image: url("../images/certify_ipin.svg");
  background-size: 100% auto;
}
.join_choice_wrap a:hover,
.join_choice_wrap button:hover {
  overflow: hidden;
  border: 0;
  box-shadow: inset 1px 0 0 0 #000, inset 0 1px 0 0 #000, inset -1px 0 0 0 #000, inset 0 -1px 0 0 #000;
  border-radius: 5px;
  box-sizing: border-box;
}
.join_choice_wrap a.active,
.join_choice_wrap button.active {
  background-color: #fff;
}
.join_choice_wrap a.active > .type,
.join_choice_wrap button.active > .type {
  color: #333;
}
.join_choice_wrap a.active > .type::before,
.join_choice_wrap button.active > .type::before {
  background-color: #0080e6;
  opacity: 1;
  border: 0 none;
}
.join_choice_wrap a.active > .type > span,
.join_choice_wrap button.active > .type > span {
  display: inline-block;
}
.join_choice_wrap a.active.certify_phone > .type::before,
.join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") center center, linear-gradient(90deg, #50b093 0%, #3dc86a 100%);
}
.join_choice_wrap a.active.certify_ipin > .type::before,
.join_choice_wrap button.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") center center, linear-gradient(90deg, #50b093 0%, #3dc86a 100%);
}
.join_choice_wrap.check_list a,
.join_choice_wrap.check_list button {
  padding: 78px 20px;
}
.join_choice_wrap.check_list a > .type,
.join_choice_wrap.check_list button > .type {
  font-size: 28px;
}
.join_choice_wrap.check_list a .caption,
.join_choice_wrap.check_list button .caption {
  display: block;
  text-align: center;
  font-size: 20px;
}
.join_choice_wrap.check_list a .small-text,
.join_choice_wrap.check_list button .small-text {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}
.join_choice_wrap.check_list a.join:before,
.join_choice_wrap.check_list button.join:before {
  content: "";
  display: inline-flex;
  width: 180px;
  height: 180px;
  background: url("../images/icon_join_v2.svg") center center;
  background-size: cover;
}
.join_choice_wrap.check_list a.ieum:before,
.join_choice_wrap.check_list button.ieum:before {
  content: "";
  display: inline-flex;
  width: 180px;
  height: 180px;
  background: url("../images/icon-ieum.svg") center center;
  background-size: cover;
}

.find_pw_input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 10px;
  border: 1px solid #dbdbdb;
  margin: 0 0 12px;
  border-radius: 4px;
}
.find_pw_input span {
  font-weight: 500;
}
.find_pw_input:has(:focus) {
  outline: 2px solid #333;
}

* + .find_pw_input {
  margin: 20px 0 12px;
}

.terms_wrap {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
}

.terms_article {
  display: flex;
  flex-flow: column nowrap;
}
.terms_article .terms {
  width: 100%;
  max-height: 300px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 20px 20px;
  overflow-y: auto;
}
.terms_article .terms::-webkit-scrollbar {
  width: 5px;
}
.terms_article .terms p {
  line-height: 1.3em;
  padding: 6px 0;
}
.terms_article .label_box {
  align-items: center;
  margin-left: auto;
  padding: 15px 0 0;
}

.agree_all {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.agree_all .label_box > span {
  font-weight: 600;
  font-size: 18px;
}

.table.join th {
  width: 200px;
  text-align: left;
}
.table.join .btn {
  height: 40px;
}
.table.join .caption,
.table.join .explain {
  font-size: 16px;
  padding-top: 12px;
}
.table.join input[type=text] + .label_box {
  margin-left: 10px;
}
.table.join ul {
  padding-top: 12px;
}
.table.join ul li {
  font-size: 16px;
}
.table.join ul li + li {
  margin-top: 6px;
}

.join_complete_wrap {
  padding: 40px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
  box-sizing: border-box;
}
.join_complete_wrap h4 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.join_complete_wrap h4::before {
  display: block;
  content: "";
  width: 180px;
  height: 180px;
  margin: 0 auto 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("../images/ico_success.svg");
}

.join_fail_wrap {
  padding: 40px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
  box-sizing: border-box;
}
.join_fail_wrap h4 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.join_fail_wrap h4::before {
  display: block;
  content: "";
  width: 180px;
  height: 180px;
  margin: 0 auto 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("../images/ico_fail.svg");
}

/* 회원가입 end */
/* 아이디, 비밀번호 찾기 start */
.find_idpw_wrap {
  padding: 30px 20px 40px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
}
.find_idpw_wrap h4 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding: 15px 0;
}
.find_idpw_wrap h4::before {
  display: block;
  content: "";
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/h1.svg");
  background-size: contain;
}
.find_idpw_wrap p {
  font-size: 20px;
  font-weight: 500;
  color: #777;
  text-align: center;
}
.find_idpw_wrap span {
  display: block;
  text-align: center;
  padding: 40px 0 0;
  line-height: 1.5em;
  font-size: 24px;
  color: #777;
}
.find_idpw_wrap span .id {
  font-weight: 700;
  color: #0080e6;
  font-size: 30px;
}

table.password th {
  text-align: left;
  width: 200px;
}
table.password .explain {
  font-size: 16px;
}

/* 아이디, 비밀번호 찾기 end */
/* 사이트맵 start */
.sitemap_wrap {
  display: flex;
}
.sitemap_wrap > li {
  flex: 1;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.sitemap_wrap > li:first-child {
  border-left-color: transparent;
}
.sitemap_wrap > li > a {
  display: block;
  background-color: #fafafa;
  border-top: 2px solid #0080e6;
  border-bottom: 1px solid #0080e6;
}
.sitemap_wrap > li > a > span {
  display: block;
  font-size: 18px;
  padding: 20px 10px;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}
.sitemap_wrap > li > a:hover {
  background-color: #f5f5f5;
}
.sitemap_wrap .sub > li {
  border-bottom: 1px dashed #eee;
}
.sitemap_wrap .sub > li > a {
  display: block;
  font-size: 15px;
  text-align: center;
  padding: 16px 0;
  color: #777;
}
.sitemap_wrap .sub > li > a:hover {
  background-color: #fafafa;
  color: #333;
}
.sitemap_wrap .sub > li:last-child {
  border-bottom: 0 none;
}

/* 사이트맵 end */
/* ---------- 디폴트 색상 ---------- */
.main_schedule_list {
  background-color: #0080e6;
}

.font_pri,
.snb ul .on a,
.snb ul li a:hover,
.point,
.intro_contents h5 strong {
  color: #0080e6;
}

/* ---------- 개별 도서관 색상 ---------- */
body.lib_ja {
  /* 게시판 검색창 공통 */
}
body.lib_ja .top_nav .lib_nav a.on,
body.lib_ja .main_schedule_list,
body.lib_ja .main_search_wrap .btn,
body.lib_ja .snb ul .on a::before,
body.lib_ja .snb ul li a:hover::before,
body.lib_ja .tab_nav_02 button::before,
body.lib_ja .flow_box_01 li + li::after,
body.lib_ja .main_calendar .table.calendar td.event .day::before,
body.lib_ja .main_calendar .calendar_caption span.event::before {
  background-color: #0080e6;
}
body.lib_ja .main_search_wrap .btn:hover {
  background-color: #e69706;
}
body.lib_ja .font_pri,
body.lib_ja .snb ul .on a,
body.lib_ja .snb ul li a:hover,
body.lib_ja .point,
body.lib_ja .intro_contents h5 strong {
  color: #0080e6;
}
body.lib_ja .h4_deco::before,
body.lib_ja .history_list > li::before,
body.lib_ja .flow_box_01,
body.lib_ja .join_choice_wrap a:hover,
body.lib_ja .join_choice_wrap button:hover {
  border-color: #0080e6;
}
body.lib_ja .snb li.link a: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(255,168,91,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");
}
body.lib_ja .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_ja .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #ba7a04;
}
body.lib_ja .main_search_wrap:has(:focus) {
  outline: 2px solid #0080e6;
}
body.lib_ja .main_reading_room {
  display: block;
}
body.lib_ja .main_newbook {
  display: none;
}
body.lib_ja .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom;
}
body.lib_ja .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center;
}
body.lib_ja .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center;
}
body.lib_ja .search_wrap .search_box .btn_search::before {
  display: none;
}
body.lib_ja .search_wrap .search_box .btn_search {
  background-color: #0080e6;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: inherit;
  font-weight: 500;
  width: 80px;
  border-left: 1px solid #eee;
}

body.lib_jc .top_nav .lib_nav a.on,
body.lib_jc .main_schedule_list,
body.lib_jc .main_search_wrap .btn,
body.lib_jc .snb ul .on a::before,
body.lib_jc .snb ul li a:hover::before,
body.lib_jc .tab_nav_02 button::before,
body.lib_jc .flow_box_01 li + li::after,
body.lib_jc .main_calendar .table.calendar td.event .day::before,
body.lib_jc .main_calendar .calendar_caption span.event::before,
body.lib_jc .join_proce li.on {
  background-color: #f52495;
}
body.lib_jc .main_search_wrap .btn:hover {
  background-color: #dd2185;
}
body.lib_jc .font_pri,
body.lib_jc .snb ul .on a,
body.lib_jc .snb ul li a:hover,
body.lib_jc .point,
body.lib_jc .intro_contents h5 strong,
body.lib_jc .result_wrap .culture .caption {
  color: #f52495;
}
body.lib_jc .h4_deco::before,
body.lib_jc .history_list > li::before,
body.lib_jc .flow_box_01,
body.lib_jc .join_proce li.on,
body.lib_jc .join_choice_wrap a:hover > .type::before,
body.lib_jc .join_choice_wrap button:hover > .type::before {
  border-color: #f52495;
}
body.lib_jc .snb li.link a: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(245,36,149,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");
}
body.lib_jc .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_jc .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #b21167;
}
body.lib_jc .main_search_wrap:has(:focus) {
  outline: 2px solid #f52495;
}
body.lib_jc .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_jc .join_choice_wrap a.active.certify_phone > .type::before,
body.lib_jc .join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_jc .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_jc .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_jc .tab_nav button.on {
  background: linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_jc .search_wrap .search_box .btn_search::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(245,36,149,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");
}

body.lib_mr .top_nav .lib_nav a.on,
body.lib_mr .main_schedule_list,
body.lib_mr .main_search_wrap .btn,
body.lib_mr .snb ul .on a::before,
body.lib_mr .snb ul li a:hover::before,
body.lib_mr .tab_nav_02 button::before,
body.lib_mr .flow_box_01 li + li::after,
body.lib_mr .main_calendar .table.calendar td.event .day::before,
body.lib_mr .main_calendar .calendar_caption span.event::before,
body.lib_mr .join_proce li.on {
  background-color: #a230ca;
}
body.lib_mr .main_search_wrap .btn:hover {
  background-color: #8d2ab1;
}
body.lib_mr .font_pri,
body.lib_mr .snb ul .on a,
body.lib_mr .snb ul li a:hover,
body.lib_mr .point,
body.lib_mr .intro_contents h5 strong,
body.lib_mr .result_wrap .culture .caption {
  color: #a230ca;
}
body.lib_mr .h4_deco::before,
body.lib_mr .history_list > li::before,
body.lib_mr .flow_box_01,
body.lib_mr .join_proce li.on,
body.lib_mr .join_choice_wrap a:hover > .type::before,
body.lib_mr .join_choice_wrap button:hover > .type::before {
  border-color: #a230ca;
}
body.lib_mr .snb li.link a: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(162,48,202,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");
}
body.lib_mr .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_mr .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #732190;
}
body.lib_mr .main_search_wrap:has(:focus) {
  outline: 2px solid #a230ca;
}
body.lib_mr .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #ba60d9 20%, #a230ca 100%);
}
body.lib_mr .join_choice_wrap a.active.certify_phone > .type::before,
body.lib_mr .join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #ba60d9 20%, #a230ca 100%);
}
body.lib_mr .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_mr .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center, linear-gradient(90deg, #ff83c6 20%, #f52495 100%);
}
body.lib_mr .tab_nav button.on {
  background: linear-gradient(90deg, #ba60d9 20%, #a230ca 100%);
}
body.lib_mr .search_wrap .search_box .btn_search::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(162,48,202,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");
}

body.lib_tj .top_nav .lib_nav a.on,
body.lib_tj .main_schedule_list,
body.lib_tj .main_search_wrap .btn,
body.lib_tj .snb ul .on a::before,
body.lib_tj .snb ul li a:hover::before,
body.lib_tj .tab_nav_02 button::before,
body.lib_tj .flow_box_01 li + li::after,
body.lib_tj .main_calendar .table.calendar td.event .day::before,
body.lib_tj .main_calendar .calendar_caption span.event::before,
body.lib_tj .join_proce li.on {
  background-color: #4ebbde;
}
body.lib_tj .main_search_wrap .btn:hover {
  background-color: #40aed3;
}
body.lib_tj .font_pri,
body.lib_tj .snb ul .on a,
body.lib_tj .snb ul li a:hover,
body.lib_tj .point,
body.lib_tj .intro_contents h5 strong,
body.lib_tj .result_wrap .culture .caption {
  color: #4ebbde;
}
body.lib_tj .h4_deco::before,
body.lib_tj .history_list > li::before,
body.lib_tj .flow_box_01,
body.lib_tj .join_proce li.on,
body.lib_tj .join_choice_wrap a:hover > .type::before,
body.lib_tj .join_choice_wrap button:hover > .type::before {
  border-color: #4ebbde;
}
body.lib_tj .snb li.link a: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(78,187,222,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");
}
body.lib_tj .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_tj .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #2e8aa8;
}
body.lib_tj .main_search_wrap:has(:focus) {
  outline: 2px solid #4ebbde;
}
body.lib_tj .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(120deg, #67d9ff 0%, #1e9bc5 100%);
}
body.lib_tj .join_choice_wrap a.active.certify_phone > .type::before,
body.lib_tj .join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(120deg, #67d9ff 0%, #1e9bc5 100%);
}
body.lib_tj .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center, linear-gradient(120deg, #67d9ff 0%, #1e9bc5 100%);
}
body.lib_tj .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center, linear-gradient(120deg, #67d9ff 0%, #1e9bc5 100%);
}
body.lib_tj .tab_nav button.on {
  background: linear-gradient(120deg, #67d9ff 0%, #1e9bc5 100%);
}
body.lib_tj .search_wrap .search_box .btn_search::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(78,187,222,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");
}

body.lib_sm .top_nav .lib_nav a.on,
body.lib_sm .main_schedule_list,
body.lib_sm .main_search_wrap .btn,
body.lib_sm .snb ul .on a::before,
body.lib_sm .snb ul li a:hover::before,
body.lib_sm .tab_nav_02 button::before,
body.lib_sm .flow_box_01 li + li::after,
body.lib_sm .main_calendar .table.calendar td.event .day::before,
body.lib_sm .main_calendar .calendar_caption span.event::before,
body.lib_sm .join_proce li.on {
  background-color: #adc400;
}
body.lib_sm .main_search_wrap .btn:hover {
  background-color: #96aa02;
}
body.lib_sm .font_pri,
body.lib_sm .snb ul .on a,
body.lib_sm .snb ul li a:hover,
body.lib_sm .point,
body.lib_sm .intro_contents h5 strong,
body.lib_sm .result_wrap .culture .caption {
  color: #adc400;
}
body.lib_sm .h4_deco::before,
body.lib_sm .history_list > li::before,
body.lib_sm .flow_box_01,
body.lib_sm .join_proce li.on,
body.lib_sm .join_choice_wrap a:hover > .type::before,
body.lib_sm .join_choice_wrap button:hover > .type::before {
  border-color: #adc400;
}
body.lib_sm .snb li.link a: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(173,196,0,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");
}
body.lib_sm .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_sm .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #7f9000;
}
body.lib_sm .main_search_wrap:has(:focus) {
  outline: 2px solid #adc400;
}
body.lib_sm .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #c0d900 20%, #92a500 100%);
}
body.lib_sm .join_choice_wrap a.active.certify_phone > .type::before,
body.lib_sm .join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #c0d900 20%, #92a500 100%);
}
body.lib_sm .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center, linear-gradient(90deg, #c0d900 20%, #92a500 100%);
}
body.lib_sm .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center, linear-gradient(90deg, #c0d900 20%, #92a500 100%);
}
body.lib_sm .tab_nav button.on {
  background: linear-gradient(90deg, #c0d900 20%, #92a500 100%);
}
body.lib_sm .search_wrap .search_box .btn_search::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(173,196,0,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");
}

body.lib_pb .top_nav .lib_nav a.on,
body.lib_pb .main_schedule_list,
body.lib_pb .main_search_wrap .btn,
body.lib_pb .snb ul .on a::before,
body.lib_pb .snb ul li a:hover::before,
body.lib_pb .tab_nav_02 button::before,
body.lib_pb .flow_box_01 li + li::after,
body.lib_pb .main_calendar .table.calendar td.event .day::before,
body.lib_pb .main_calendar .calendar_caption span.event::before,
body.lib_pb .join_proce li.on {
  background-color: #24b678;
}
body.lib_pb .main_search_wrap .btn:hover {
  background-color: #1e9b67;
}
body.lib_pb .font_pri,
body.lib_pb .snb ul .on a,
body.lib_pb .snb ul li a:hover,
body.lib_pb .point,
body.lib_pb .intro_contents h5 strong,
body.lib_pb .result_wrap .culture .caption {
  color: #24b678;
}
body.lib_pb .h4_deco::before,
body.lib_pb .history_list > li::before,
body.lib_pb .flow_box_01,
body.lib_pb .join_proce li.on,
body.lib_pb .join_choice_wrap a:hover > .type::before,
body.lib_pb .join_choice_wrap button:hover > .type::before {
  border-color: #24b678;
}
body.lib_pb .snb li.link a: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(36,182,120,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");
}
body.lib_pb .main_schedule_list .schedule_list {
  /* 아래의 모든 코드는 영역::코드로 사용 */
}
body.lib_pb .main_schedule_list .schedule_list::-webkit-scrollbar-thumb {
  background-color: #158255;
}
body.lib_pb .main_search_wrap:has(:focus) {
  outline: 2px solid #24b678;
}
body.lib_pb .snb h2 {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #8cd0b3 20%, #24b678 100%);
}
body.lib_pb .join_choice_wrap a.active.certify_phone > .type::before,
body.lib_pb .join_choice_wrap button.active.certify_phone > .type::before {
  background: url("../images/snb_bg.png") no-repeat right bottom, linear-gradient(90deg, #8cd0b3 20%, #24b678 100%);
}
body.lib_pb .join_choice_wrap a.active.certify_phone > .type::before {
  background: url("../images/certify_phone_white.png") no-repeat center, linear-gradient(90deg, #8cd0b3 20%, #24b678 100%);
}
body.lib_pb .join_choice_wrap a.active.certify_ipin > .type::before {
  background: url("../images/certify_ipin_white.png") no-repeat center, linear-gradient(90deg, #8cd0b3 20%, #24b678 100%);
}
body.lib_pb .tab_nav button.on {
  background: linear-gradient(90deg, #8cd0b3 20%, #24b678 100%);
}
body.lib_pb .search_wrap .search_box .btn_search::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(36,182,120,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");
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

main.main {
  position: relative;
  height: 520px;
  background: url("../images/pc_visual.jpg") no-repeat center;
  object-fit: cover;
  background-size: cover;
}
main.main .container {
  position: relative;
  top: 100px;
  max-width: 1480px;
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}
main.main .container h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 140%;
}
main.main .container h2 .slog {
  display: block;
  font-size: 32px;
  font-weight: 400;
  line-height: 140%;
}
main.main .container .main_search {
  overflow: hidden;
  display: flex;
  width: 690px;
  margin-top: 40px;
  border-radius: 10px;
  border: 2px solid #2d41b3;
  box-sizing: border-box;
}
main.main .container .main_search .select_wrap {
  width: 140px;
  height: 72px;
  border-right: 2px solid #2d41b3;
}
main.main .container .main_search .select_wrap select {
  width: 100%;
  min-width: unset;
  height: 100%;
  border-radius: 0;
  font-size: 22px;
}
main.main .container .main_search input {
  width: 430px;
  height: 72px;
  border-radius: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
}
main.main .container .main_search input::placeholder {
  color: #555;
}
main.main .container .main_search button {
  width: 120px;
  height: 72px;
  background: #2d41b3;
  font-size: 26px;
  font-weight: 500;
  color: #fff;
}

.main_section {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  gap: clamp(16px, 1.4286%, 20px);
  max-width: 1480px;
  width: 100%;
  padding: 0 40px 100px;
  margin: -60px auto 0;
  box-sizing: border-box;
  transition: all 0.2s ease;
}
.main_section .main_box {
  height: 360px;
  padding: 40px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  background: var(--c_white, #fff);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.main_section .main_box .title {
  display: block;
  font-size: 24px;
  font-weight: 700;
}
.main_section .main_box .login_complete {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 130%;
}
.main_section .main_box .login_complete span {
  font-weight: 700;
}
.main_section .main_box.login_area {
  width: 21.74%;
}
.main_section .main_box.login_area .login {
  margin-top: 10px;
}
.main_section .main_box.login_area .login input {
  width: 100%;
}
.main_section .main_box.login_area .login input[type=password] {
  margin-top: 4px;
}
.main_section .main_box.login_area .button_area .btn {
  width: 100%;
  height: 44px;
  color: #fff;
  border-radius: 4px;
}
.main_section .main_box.login_area .button_area .btn + .btn {
  margin-top: 4px;
}
.main_section .main_box.login_area .button_area .btn.login {
  background: #2d41b3;
}
.main_section .main_box.login_area .button_area .btn.mb_login {
  background: #0080e6;
}
.main_section .main_box.login_area .button_area .btn.logout {
  background: #fff;
  color: #000;
}
.main_section .main_box.login_area .find_area {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.main_section .main_box.login_area .find_area a {
  font-size: 16px;
  color: #555;
  font-weight: 400;
}
.main_section .main_box.login_area .find_area a:first-child {
  position: relative;
}
.main_section .main_box.login_area .find_area .bar {
  width: 2px;
  height: 12px;
  color: #ddd;
}
.main_section .main_box.login_area .login_complete_status {
  margin-top: 48px;
}
.main_section .main_box.login_area .login_complete_status > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_section .main_box.login_area .login_complete_status > ul li {
  position: relative;
  color: #2d41b3;
  font-weight: 500;
}
.main_section .main_box.login_area .login_complete_status > ul li strong {
  margin-right: 6px;
  color: #000;
  font-weight: 400;
}
.main_section .main_box.login_area .login_complete_status > ul li::after {
  content: "";
  top: 50%;
  right: -20px;
  position: absolute;
  width: 2px;
  height: 12px;
  background: #ddd;
  transform: translateY(-50%);
}
.main_section .main_box.login_area .login_complete_status > ul li:last-child::after {
  display: none;
}
.main_section .main_box.login_area .login_complete_status p {
  margin-top: 20px;
  text-align: center;
}
.main_section .main_box.login_area #loginAfter {
  max-width: 220px;
  margin: 0 auto;
}
.main_section .main_box.favorit_area {
  width: 26.82%;
}
.main_section .main_box.favorit_area .sub_text {
  margin-top: 10px;
  color: #555;
  font-size: 16px;
  line-height: 120%;
}
.main_section .main_box.favorit_area .link_area {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.main_section .main_box.favorit_area .link_area li {
  width: 50%;
}
.main_section .main_box.favorit_area .link_area li a {
  display: flex;
  align-items: center;
  width: 56px;
  height: 56px;
  padding-left: 66px;
  line-height: 120%;
}
.main_section .main_box.favorit_area .link_area li a.method {
  margin-bottom: 40px;
  background: url("../images/ic_favorit_01.svg") no-repeat left center;
}
.main_section .main_box.favorit_area .link_area li a.application {
  margin-bottom: 40px;
  background: url("../images/ic_favorit_02.svg") no-repeat left center;
}
.main_section .main_box.favorit_area .link_area li a.status {
  background: url("../images/ic_favorit_03.svg") no-repeat left center;
}
.main_section .main_box.favorit_area .link_area li a.event {
  background: url("../images/ic_favorit_04.svg") no-repeat left center;
}
.main_section .main_box.slide {
  position: relative;
  width: 48.5%;
  padding: 0;
}
.main_section .main_box.slide .slide_area {
  overflow: hidden;
  height: 100%;
}
.main_section .main_box.slide .slide_area img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.main_section .main_box.slide .slide_area .swiper_controler {
  position: absolute;
  top: auto;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: space-between;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  padding: 5px 16px;
  background: #fff;
  top: auto;
  bottom: auto;
  left: auto;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination span {
  padding: 0 5px;
  color: #555;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination span.swiper-pagination-current {
  color: #000;
  font-weight: 400;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-next,
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-top: 0;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-next::after,
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-prev::after {
  display: none;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper_stop_btn,
.main_section .main_box.slide .slide_area .swiper_controler .swiper_play_btn {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  cursor: pointer;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper_play_btn {
  display: none;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-next {
  background: #fff url("../images/swiper-right.svg") no-repeat center;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper-button-prev {
  background: #fff url("../images/swiper-left.svg") no-repeat center;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper_stop_btn {
  background: #fff url("../images/swiper-purse.svg") no-repeat center;
}
.main_section .main_box.slide .slide_area .swiper_controler .swiper_play_btn {
  background: #fff url("../images/swiper-play.svg") no-repeat 54% center;
}
.main_section .main_box.slide .slide_area .swiper_controler .com_radius {
  border-radius: 32px;
  margin-right: 4px;
}
.main_section .main_box.slide .slide_area .swiper_controler .com_radius:last-child {
  margin-right: 0;
}
.main_section .main_box.date_area {
  width: 50%;
}
.main_section .main_box.date_area .holiday_area .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main_section .main_box.date_area .holiday_area .top p {
  margin-left: 10px;
  color: #9c9c9c;
}
.main_section .main_box.date_area .holiday_area .bottom {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.main_section .main_box.date_area .holiday_area .bottom .select_date {
  display: flex;
  padding: 8px 10px;
  justify-content: space-between;
  align-items: center;
  width: 32%;
  border-radius: 40px;
  background: #edf7ff;
  box-sizing: border-box;
}
.main_section .main_box.date_area .holiday_area .bottom .select_date #dateBox h3 {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
}
.main_section .main_box.date_area .holiday_area .bottom .select_date button {
  width: 18px;
  height: 100%;
}
.main_section .main_box.date_area .holiday_area .bottom .select_date button.left_btn {
  background: url("../images/left_arrow.svg") no-repeat center;
}
.main_section .main_box.date_area .holiday_area .bottom .select_date button.right_btn {
  background: url("../images/right_arrow.svg") no-repeat center;
}
.main_section .main_box.date_area .holiday_area .bottom .list_scroll {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 20px;
}
.main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0080e6;
  color: #fff;
  margin-right: 5px;
}
.main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date li time {
  font-size: 20px;
  font-weight: 600;
}
.main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date li:last-child {
  margin-right: 0;
}
.main_section .main_box.date_area .biz_area {
  margin-top: 30px;
}
.main_section .main_box.date_area .biz_area .time_wrap {
  width: 100%;
  margin-top: 20px;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-radius: 10px;
  background: #edf7ff;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box > span {
  display: flex;
  flex: 1;
  font-size: 18px;
  color: #000;
  line-height: 140%;
  font-weight: 600;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div {
  flex: 1;
  border-left: 1px solid #ddd;
  padding-left: 20px;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div .blue {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #0080e6;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div ul {
  margin-top: 10px;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li {
  color: #3c3c3c;
  margin-top: 8px;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li:first-child {
  margin-top: 10px;
}
.main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li span {
  color: #7e7e7e;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.32px;
}
.main_section .main_box.share_area {
  width: 48.5%;
}
.main_section .main_box.share_area .tab_area {
  display: flex;
}
.main_section .main_box.share_area .tab_area li {
  margin-right: 20px;
}
.main_section .main_box.share_area .tab_area li h3 {
  color: #9c9c9c;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
}
.main_section .main_box.share_area .tab_area li.on h3 {
  color: #000;
}
.main_section .main_box.share_area .tab_area li:last-child {
  margin-right: 0;
}
.main_section .main_box.share_area .view_area {
  display: none;
}
.main_section .main_box.share_area .view_area.on {
  display: block;
}
.main_section .main_box.share_area .view_area ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  line-height: 26px;
}
.main_section .main_box.share_area .view_area ul li a {
  display: block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_section .main_box.share_area .view_area ul li a.new {
  padding-right: 5%;
  background: url("../images/ico_new.png") no-repeat right center;
  background-size: contain;
}
.main_section .main_box.share_area .view_area ul li span {
  color: #9c9c9c;
  font-size: 16px;
}

.event_tab_area {
  margin-bottom: 40px;
}
.event_tab_area .mobile_text {
  display: none;
}
.event_tab_area ul {
  display: flex;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.event_tab_area ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 48px;
  border-right: 1px solid #ddd;
  text-align: center;
  flex: 1;
}
.event_tab_area ul li:last-child {
  border-right: 0;
}
.event_tab_area ul li a,
.event_tab_area ul li button {
  display: block;
  width: 100%;
  height: 100%;
}
.event_tab_area ul li:hover, .event_tab_area ul li.on {
  background: #f2f4f6;
}
.event_tab_area ul li:hover a,
.event_tab_area ul li:hover button, .event_tab_area ul li.on a,
.event_tab_area ul li.on button {
  color: #0080e6;
  font-weight: 600;
}

.tab_view_area .view {
  display: none;
}
.tab_view_area .view.on {
  display: block;
}
.tab_view_area .view .table td {
  text-align: center;
}
.tab_view_area .view .ect_text {
  margin-top: 10px;
}
.tab_view_area .view .result_wrap {
  padding-top: 35px;
  flex-flow: column;
}
.tab_view_area .view .result_wrap .culture button.cancel {
  display: inline-flex;
  height: 44px;
  min-width: 160px;
  padding: 10px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #555;
}
.tab_view_area .view .result_wrap .culture button.cancel::before {
  content: "";
  background: url("../images/icon_calendar_cancel.svg") no-repeat;
}
.tab_view_area .view .result_wrap.newspaper {
  padding: 0;
}
.tab_view_area .view .result_wrap.newspaper > ul {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
}
.tab_view_area .view .result_wrap.newspaper > ul li {
  position: relative;
  width: 20%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  min-height: 120px;
}
.tab_view_area .view .result_wrap.newspaper > ul li::before {
  content: "";
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_01 {
  background: url("../images/logo_news_01.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_02 {
  background: url("../images/logo_news_02.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_03 {
  background: url("../images/logo_news_03.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_04 {
  background: url("../images/logo_news_04.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_05 {
  background: url("../images/logo_news_05.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_06 {
  background: url("../images/logo_news_06.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_07 {
  background: url("../images/logo_news_07.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_08 {
  background: url("../images/logo_news_08.svg") no-repeat center;
  background-size: 90px;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_09 {
  background: url("../images/logo_news_09.svg") no-repeat center;
  background-size: auto;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_10 {
  background: url("../images/logo_news_10.svg") no-repeat center;
  background-size: auto;
}
.tab_view_area .view .result_wrap.newspaper > ul li.logo_11 {
  border-bottom: 0;
  background: url("../images/logo_news_11.svg") no-repeat center;
  background-size: auto;
}
.tab_view_area .view .result_wrap.magazine {
  flex-flow: row wrap;
}
.tab_view_area .view .result_wrap.magazine .book_summary dd {
  width: calc(100% - 100px);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tab_view_area .hope_input .table td {
  text-align: left;
}
.tab_view_area .hope_input .table.input_table .phone_input {
  width: 100%;
}
.tab_view_area .hope_input .flex_jsb {
  margin-top: 40px;
}
.tab_view_area .overflow {
  overflow: auto;
}

.find_id_area {
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  background: #f2f4f6;
}
.find_id_area ul li {
  line-height: 180%;
  font-size: 20px;
}
.find_id_area ul li .title {
  display: inline-block;
  width: 100px;
  font-size: 20px;
}
.find_id_area ul li .point {
  color: #0080e6;
}
.find_id_area ul li + li {
  margin-top: 10px;
}

.error_area {
  position: relative;
  width: 50%;
  margin: 0 auto;
  padding-top: 165px;
  text-align: center;
}
.error_area::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 160px;
  height: 160px;
  background: url("../images/ico_error.svg") no-repeat;
}
.error_area h1 {
  font-size: 55px;
  font-weight: 700;
  margin-bottom: 15px;
}
.error_area p {
  font-size: 16px;
  line-height: 26px;
}

.history_area .box {
  display: flex;
  margin-top: 40px;
}
.history_area .box .year {
  font-weight: 700;
  font-size: 55px;
  color: #0080e6;
}
.history_area .box .history_list {
  margin-left: 80px;
}
.history_area .box .history_list.v2 {
  position: relative;
  display: block;
}
.history_area .box .history_list.v2::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 1px;
  height: 91%;
  border-left: 2px dotted #eee;
}
.history_area .box .history_list.v2 > li {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 80px;
  border: 0;
}
.history_area .box .history_list.v2 > li::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0;
  margin-left: -7px;
  border: 0;
  background: #0080e6;
}
.history_area .box .history_list.v2 > li strong {
  display: inline-block;
  padding: 0;
  padding-left: 60px;
}
.history_area .box .history_list.v2 > li > ul {
  display: inline-block;
}
.history_area .box .history_list.v2 > li > ul li::before {
  display: none;
}
.history_area .box .history_list.v2 > li:last-child:after {
  top: auto;
  left: -6.5px;
  bottom: 0;
  background: #9c9c9c;
}

.certification_layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px 20px 20px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #0080e6 51.92%, #0067b8 100%);
  z-index: 99;
}
.certification_layer .top {
  position: relative;
  text-align: center;
}
.certification_layer .top .title {
  line-height: 40px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}
.certification_layer .top .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding: 11px;
  background: url("../images/icon_close.svg") no-repeat center;
  text-indent: -9999px;
}
.certification_layer .content {
  margin-top: 30px;
}
.certification_layer .content .profile_area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.certification_layer .content .profile_area img {
  overflow: hidden;
  max-width: 70px;
  border-radius: 5px;
}
.certification_layer .content .profile_area p {
  font-size: 22px;
  color: #fff;
  line-height: 30px;
}
.certification_layer .content .certification_area {
  margin-top: 27px;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
}
.certification_layer .content .certification_area .event_tab_area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
}
.certification_layer .content .certification_area .event_tab_area ul {
  height: auto;
  border: 0;
}
.certification_layer .content .certification_area .event_tab_area ul li {
  flex: auto;
  border-radius: 5px;
  line-height: unset;
  border: 0;
}
.certification_layer .content .certification_area .event_tab_area ul li button {
  padding: 7px 29px;
  color: #000;
}
.certification_layer .content .certification_area .event_tab_area ul li button.on button, .certification_layer .content .certification_area .event_tab_area ul li button:hover button {
  color: #000;
  background: #f2f4f6;
}
.certification_layer .content .certification_area .tab_view_area {
  margin-top: 10px;
}
.certification_layer .content .certification_area .tab_view_area .view {
  text-align: center;
}
.certification_layer .content .certification_area .tab_view_area .view .barcode_area span {
  display: block;
  margin-top: 10px;
}
.certification_layer .content .state_area {
  margin-top: 10px;
}
.certification_layer .content .state_area ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
}
.certification_layer .content .state_area ul li {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1;
  gap: 0 6px;
  text-align: center;
}
.certification_layer .content .state_area ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 12px;
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
}
.certification_layer .content .state_area ul li:last-child:after {
  display: none;
}
.certification_layer .content .state_area ul li span {
  color: #fff;
}
.certification_layer .content .notice_list {
  margin-top: 10px;
  padding-bottom: 20px;
}
.certification_layer .content .notice_list ul li {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.16px;
}
.certification_layer.show {
  display: block;
}

.construction_area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 480px;
  flex-flow: column;
}
.construction_area p {
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}
.construction_area span {
  display: inline-block;
  margin-top: 14px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #9c9c9c;
}
.construction_area::before {
  content: "";
  display: inline-flex;
  flex: none;
  width: 120px;
  height: 120px;
  background: url(../images/icon_error.svg) no-repeat center 13%;
}

/* 반응형 1700 start */
@media screen and (max-width: 1700px) {
  .quick_menu {
    width: auto;
  }
}
/* 반응형 1540 start */
@media screen and (max-width: 1540px) {
  .quick_menu {
    width: auto;
    display: none;
  }
  .main_section .main_box {
    padding: 25px;
  }
  .join_proce li::before {
    left: 0;
  }
}
table.input_table .flex .phone_input {
  width: 61%;
}

.flex_jsb_ac {
  padding-bottom: 20px;
}
.flex_jsb_ac h4 {
  padding: 0 0 0 25px;
}

section.contents .privacy .privacy_notice {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fafafa;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.8px;
  color: #555;
}
section.contents .privacy .privacy_notice strong {
  font-weight: 700;
}
section.contents .privacy .conditions_title {
  margin-top: 60px;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
}
section.contents .privacy .conditions_title.margin_0 {
  margin-top: 0;
}
section.contents .privacy .com_box {
  margin-top: 60px;
}
section.contents .privacy .com_box p {
  color: #575756;
}
section.contents .privacy .com_box p.right {
  margin-top: 10px;
  text-align: right;
}
section.contents .privacy .com_box .sub {
  display: block;
  margin-bottom: 10px;
}
section.contents .privacy .com_box .symbol {
  font-size: 0.7em;
  vertical-align: top;
}
section.contents .privacy .com_box .title {
  color: #555;
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 700;
}
section.contents .privacy .com_box .title.center {
  text-align: center;
}
section.contents .privacy .com_box .sub_title {
  margin-top: 10px;
}
section.contents .privacy .com_box .notice_text {
  margin-top: 20px;
  color: #ff6b00;
  letter-spacing: -0.8px;
}
section.contents .privacy .com_box.category > ul {
  overflow: hidden;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-top: 30px;
  border-radius: 14px;
  border: 1px solid #ddd;
}
section.contents .privacy .com_box.category > ul > li {
  width: 133.5px;
  padding: 30px 20px;
  text-align: center;
  box-sizing: border-box;
}
section.contents .privacy .com_box.category > ul > li:nth-of-type(1) {
  border-top-left-radius: 14px;
}
section.contents .privacy .com_box.category > ul > li:nth-of-type(8) {
  border-top-right-radius: 14px;
}
section.contents .privacy .com_box.category > ul > li:nth-of-type(9) {
  border-bottom-left-radius: 14px;
}
section.contents .privacy .com_box.category > ul > li:nth-of-type(16) {
  border-bottom-right-radius: 14px;
}
section.contents .privacy .com_box.category > ul > li span {
  display: block;
  padding-top: 104px;
  font-size: 15px;
}
section.contents .privacy .com_box.category > ul > li span.menu_1 {
  background: url("../images/menu_1.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_2 {
  background: url("../images/menu_2.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_3 {
  background: url("../images/menu_3.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_4 {
  background: url("../images/menu_4.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_5 {
  background: url("../images/menu_5.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_6 {
  background: url("../images/menu_6.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_7 {
  background: url("../images/menu_7.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_8 {
  background: url("../images/menu_8.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_9 {
  background: url("../images/menu_9.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_10 {
  background: url("../images/menu_10.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_11 {
  background: url("../images/menu_11.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_12 {
  background: url("../images/menu_12.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_13 {
  background: url("../images/menu_13.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_14 {
  background: url("../images/menu_14.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_15 {
  background: url("../images/menu_15.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category > ul > li span.menu_16 {
  background: url("../images/menu_16.svg") no-repeat top center;
  background-size: 81px;
}
section.contents .privacy .com_box.category .link_list {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  padding: 30px 20px;
  border-radius: 16px;
  border: 1px solid #dadada;
  background: #fff;
}
section.contents .privacy .com_box.category .link_list ul {
  width: calc(50% - 35px);
}
section.contents .privacy .com_box.category .link_list ul li {
  padding: 10px 0;
}
section.contents .privacy .com_box.category .link_list ul li a {
  display: flex;
  align-items: center;
  color: #575756;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.8px;
}
section.contents .privacy .com_box.category .link_list ul li a strong {
  width: 43px;
  margin-right: 10px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.8px;
}
section.contents .privacy .com_box.category .link_list ul li a img {
  max-width: 19px;
  margin-left: 4px;
}
section.contents .privacy .com_box.list {
  margin-top: 60px;
}
section.contents .privacy .com_box.list .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1px;
}
section.contents .privacy .com_box.list .title span {
  margin: 0 2px 0 10px;
}
section.contents .privacy .com_box.list .title img {
  max-width: 24px;
  margin-left: 4px;
}
section.contents .privacy .com_box.list .sub_text {
  margin-top: 24px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.8px;
}
section.contents .privacy .com_box.list ul.list {
  margin-top: 14px;
}
section.contents .privacy .com_box.list ul.list > li {
  line-height: 120%;
  font-weight: 400;
  letter-spacing: -0.8px;
  color: #575756;
}
section.contents .privacy .com_box.list ul.list > li a {
  text-decoration: underline;
  color: #0080e6;
}
section.contents .privacy .com_box.list ul.list > li > ul.sub_list {
  margin-top: 10px;
}
section.contents .privacy .com_box.list ul.list > li > ul.sub_list > li {
  padding-left: 16px;
  line-height: 140%;
  color: #555;
  font-weight: 600;
}
section.contents .privacy .com_box.list ul.list > li + li {
  margin-top: 10px;
}
section.contents .privacy .com_box.list ul a {
  color: #575756;
}
section.contents .privacy .com_box.list ul.step li {
  color: #575756;
  font-weight: 600;
}
section.contents .privacy .com_box.list ul.step li > ul.sub_list {
  margin-top: 4px;
}
section.contents .privacy .com_box.list ul.step li > ul.sub_list li {
  font-weight: 400;
  padding-left: 16px;
  text-indent: 0;
}
section.contents .privacy .com_box.list ul.table > li ul.sub_list {
  margin-top: 4px;
}
section.contents .privacy .com_box.list ul.table > li ul.sub_list > li {
  font-weight: 400;
}
section.contents .privacy .com_box.list ul.table + .table_area {
  margin-top: 0;
}
section.contents .privacy .com_box .table_area {
  margin-top: 24px;
}
section.contents .privacy .com_box .table_area .table_name {
  display: block;
  margin-bottom: 10px;
}
section.contents .privacy .com_box .table_area th,
section.contents .privacy .com_box .table_area td {
  width: 25%;
  max-width: 267px;
  padding: 12px;
  text-align: center;
  color: #575756;
  font-size: 13px;
}
section.contents .privacy .com_box .table_area thead th {
  border: 1px solid #d9d9d9;
  background: #eef3fa;
  color: #231f20;
  font-weight: 500;
}
section.contents .privacy .com_box .table_area td {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  background: #fff;
  font-weight: 400;
  line-height: 130%;
}
section.contents .privacy .com_box .table_area td p {
  font-size: 13px;
  text-align: left;
}
section.contents .privacy .com_box .table_area td p + p {
  margin-top: 10px;
}
section.contents .privacy .com_box .table_area.v2 th,
section.contents .privacy .com_box .table_area.v2 td {
  width: 20%;
}

@media screen and (max-width: 1400px) {
  .search_wrap .title {
    display: none;
  }
}
/* 반응형 1300 start */
@media screen and (max-width: 1300px) {
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body div,
  body p,
  body blockquote,
  body pre,
  body address,
  body ul,
  body ol,
  body li,
  body dl,
  body dt,
  body dd,
  body table,
  body caption,
  body th,
  body td,
  body form,
  body fieldset,
  body legend,
  body hr,
  body label,
  body button,
  body textarea,
  body input,
  body select,
  body figure {
    font-size: 16px;
  }
  .h1 a {
    font-size: 22px;
  }
  .container {
    padding: 0 15px;
  }
  .gnb > ul > li > a span {
    font-size: 18px;
  }
  .gnb .sub li a {
    font-size: 16px;
  }
  .main .contents_wrap {
    flex-flow: column-reverse nowrap;
    gap: 30px;
  }
  .main_schedule {
    width: 100%;
  }
  .main_search_news {
    width: 100%;
    height: auto;
    gap: 20px;
  }
  .main_banner {
    height: 400px;
  }
  .main_recommend_book .btn_more {
    left: 15px;
  }
  .main_newbook .cover {
    height: auto;
    aspect-ratio: 1/1.5;
  }
  body:not(.lib_ja) .main_contents_01 .container {
    flex-flow: row wrap;
    gap: 60px;
  }
  body:not(.lib_ja) .main_contents_01 .container .contents_l,
  body:not(.lib_ja) .main_contents_01 .container .contents_r {
    width: 100%;
  }
  .sub_contents {
    min-height: calc(100vh - 381px);
  }
  .sub_contents .container {
    gap: 40px;
  }
  .snb {
    max-width: 240px;
  }
  .snb ul li a {
    font-size: 16px;
  }
  section.contents {
    width: calc(100% - 280px);
  }
  .footer_wrap .sub_footer .center_content {
    width: calc(100% - 500px);
  }
  .footer_wrap .sub_footer .center_content dl dt {
    padding-left: 5px;
  }
  .footer_wrap .sub_footer .center_content dl dd {
    padding-right: 5px;
    font-size: 15px;
  }
  .footer_wrap .select_wrap select {
    width: 140px;
  }
  .main_section .main_box.login_area .login_complete_status ul li:after {
    display: none;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date {
    width: 28%;
  }
  .main_section .main_box.date_area .holiday_area .bottom .choice_date li {
    margin-right: 10px;
  }
  .intro_contents {
    padding-right: 55%;
  }
}
/* 반응형 1300 end */
@media screen and (max-width: 1200px) {
  main.main .container {
    padding: 0 15px;
  }
  main.main .container .main_search .select_wrap {
    height: 60px;
  }
  main.main .container .main_search input {
    height: 60px;
  }
  main.main .container .main_search button {
    height: 60px;
    font-size: 20px;
  }
  .main_section {
    justify-content: space-between;
    padding: 0 15px 100px;
  }
  .main_section .main_box {
    height: auto;
    padding: 20px;
  }
  .main_section .main_box .title {
    font-size: 22px;
  }
  .main_section .main_box.login_area {
    width: 48.5%;
  }
  .main_section .main_box.login_area .login_complete br {
    display: none;
  }
  .main_section .main_box.login_area .login_complete_status {
    margin-top: 15px;
  }
  .main_section .main_box.login_area .login_complete_status ul {
    justify-content: center;
    gap: 10px;
  }
  .main_section .main_box.login_area .login_complete_status ul li {
    margin-right: 0;
  }
  .main_section .main_box.login_area .login {
    margin-top: 20px;
  }
  .main_section .main_box.login_area .login .button_area {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .main_section .main_box.login_area .login .button_area .btn {
    margin-top: 5px;
  }
  .main_section .main_box.login_area .find_area {
    margin-top: 20px;
    justify-content: center;
  }
  .main_section .main_box.login_area .find_area a {
    font-size: 15px;
  }
  .main_section .main_box.login_area .find_area .bar {
    padding: 0 10px;
  }
  .main_section .main_box.favorit_area {
    width: 48.5%;
  }
  .main_section .main_box.favorit_area .link_area li a {
    width: auto;
    word-break: keep-all;
  }
  .main_section .main_box.slide {
    width: 100%;
    z-index: 0;
  }
  .main_section .main_box.slide .slide_area .swiper_controler {
    top: auto;
    bottom: 0;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .com_radius {
    margin-right: 0;
    background: transparent;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination {
    padding: 0;
    color: #fff;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination span {
    color: #fff;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper-pagination span.swiper-pagination-current {
    color: #fff;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper-button-prev {
    background: url("../images/swiper-left_white.svg") no-repeat center;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper_stop_btn {
    background: url("../images/swiper-purse_white.svg") no-repeat center;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper_play_btn {
    background: url("../images/swiper-play_white.svg") no-repeat center;
  }
  .main_section .main_box.slide .slide_area .swiper_controler .swiper-button-next {
    background: url("../images/swiper-right_white.svg") no-repeat center;
  }
  .main_section .main_box.date_area {
    width: 49%;
  }
  .main_section .main_box.date_area .holiday_area .bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date {
    width: 100%;
    justify-content: center;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date button.left_btn {
    margin-right: 10px;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date button.right_btn {
    margin-left: 10px;
  }
  .main_section .main_box.date_area .holiday_area .bottom .list_scroll {
    max-width: unset;
  }
  .main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date {
    margin-top: 10px;
    margin-left: 0;
    justify-content: flex-start;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box {
    padding: 20px 15px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box > span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    padding-right: 5px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div {
    text-align: center;
    padding-left: 5px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div .blue {
    font-size: 16px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li {
    font-size: 14px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li span {
    font-size: 14px;
  }
  .main_section .main_box.share_area .tab_area li h3 {
    font-size: 22px;
  }
  .main_section .main_box.share_area .view_area ul li.new {
    padding-right: 10px;
  }
}
.join_proce li .text_info > span {
  font-size: 18px;
}
.join_proce li + li::after {
  left: -50px;
}

.join_choice_wrap a > .type,
.join_choice_wrap button > .type {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.28px;
}

.result_wrap .book .book_summary dt {
  width: 90px;
}
.result_wrap .book .book_summary dd {
  width: calc(100% - 90px);
}
.result_wrap .number {
  position: absolute;
  top: 20px;
  left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #f4644d;
  border-radius: 50%;
  font-size: 16px;
  color: #fff;
  z-index: 10;
}

/* 반응형 1024px start */
@media screen and (max-width: 1024px) {
  .menu_btn.pc {
    display: none;
  }
  .menu_btn.mobile {
    display: block;
  }
  body.hidden_y {
    overflow-y: hidden;
  }
  .btn_gnb_on {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    border-radius: 3px;
  }
  .btn_gnb_on::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='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E");
  }
  .top_nav {
    width: 100%;
    max-width: 600px;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 10;
    transition: all 0.2s ease;
  }
  .top_nav.on {
    display: flex;
  }
  .top_nav .container {
    flex-flow: column nowrap;
    padding: 0;
  }
  .top_nav .lib_nav {
    width: 100%;
  }
  .top_nav .lib_nav a {
    flex: 1;
    height: 40px;
    padding: 0;
    font-size: 0;
    justify-content: center;
    opacity: 1;
  }
  .top_nav .lib_nav a > span {
    display: none;
  }
  .top_nav .lib_nav a.on {
    display: none;
  }
  .top_nav .lib_nav a::before {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
  }
  .top_nav .lib_nav a.potal::before {
    content: "통합";
  }
  .top_nav .lib_nav a.lib_ja::before {
    content: "중앙";
  }
  .top_nav .lib_nav a.lib_jc::before {
    content: "중천";
  }
  .top_nav .lib_nav a.lib_mr::before {
    content: "미리내";
  }
  .top_nav .lib_nav a.lib_tj::before {
    content: "태장";
  }
  .top_nav .lib_nav a.lib_sm::before {
    content: "샘마루";
  }
  .top_nav .lib_nav a.lib_pb::before {
    content: "그림책";
  }
  .top_nav .login_nav {
    width: 100%;
    height: auto;
    gap: 18px;
    padding: 0 70px 0 15px;
    box-sizing: border-box;
    background-color: #555;
  }
  .top_nav .login_nav a {
    flex: inherit;
    height: 50px;
    justify-content: center;
    padding: 0;
    opacity: 1;
  }
  .top_nav .login_nav a span {
    display: none;
  }
  .top_nav .login_nav a::before {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
  }
  .top_nav .login_nav a.mobile_card {
    display: flex;
  }
  .top_nav .login_nav a.mobile_card::before {
    background-size: 18px auto;
  }
  .top_nav .login_nav .logout {
    display: none;
  }
  .header {
    height: 80px;
  }
  .header .top_flex .h1 {
    justify-content: flex-start;
  }
  .header .top_flex:before {
    display: none;
  }
  .header .library_link {
    display: none;
  }
  .header .login_area {
    position: absolute;
    display: flex;
    right: 90px;
  }
  .menu_area {
    position: fixed;
    height: 100%;
    z-index: 10;
  }
  .menu_area .gnb {
    width: 100%;
    height: calc(100vh - 80px);
    background: linear-gradient(90deg, #fff 0px, #fff 140px, #f6f6f6 140px);
    position: fixed;
    right: -100%;
    top: 80px;
    z-index: 10;
    transition: all 0.2s ease;
    padding: 0;
  }
  .menu_area .gnb .library_link {
    position: relative;
    display: flex;
    padding: 8px 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
  }
  .menu_area .gnb .library_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  .menu_area .gnb.on {
    right: 0;
  }
  .menu_area .gnb > ul {
    flex-flow: column nowrap;
  }
  .menu_area .gnb > ul > li {
    height: auto;
    flex: inherit;
    position: static;
  }
  .menu_area .gnb > ul > li:last-of-type {
    display: block;
  }
  .menu_area .gnb > ul > li > a {
    display: block;
    width: 140px;
    height: 60px;
  }
  .menu_area .gnb > ul > li > a > span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
  }
  .menu_area .gnb .sub {
    display: none;
    width: calc(100% - 140px);
    height: 100%;
    opacity: 1;
    position: absolute;
    left: 140px;
    top: 51px;
    overflow-y: auto;
  }
  .menu_area .gnb .sub::-webkit-scrollbar {
    width: 5px;
  }
  .menu_area .gnb .sub li a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    color: #000;
  }
  .menu_area .gnb .sub li.link a {
    justify-content: flex-start;
  }
  .menu_area .gnb .active > a > span {
    background-color: #f6f6f6;
  }
  .menu_area .gnb .active > a > span::before {
    width: 0;
  }
  .menu_area .gnb .active .sub {
    display: block;
    background-color: transparent;
  }
  .menu_area .gnb:has(.on) .active > a > span {
    background-color: transparent;
    color: #333;
  }
  .menu_area .gnb:has(.on) .active > a > span::before {
    width: 0;
  }
  .menu_area .gnb:has(.on) .active .sub {
    display: none;
  }
  .menu_area .gnb:has(.on) .on.active > a > span::before {
    width: 100%;
  }
  .menu_area .gnb:has(.on) .on.active .sub {
    display: block;
    background-color: transparent;
  }
  .menu_area .gnb .on .sub {
    display: block;
    background-color: transparent;
  }
  .btn_gnb_off {
    width: 50px;
    height: 50px;
    font-size: 0;
    background-color: #555;
    position: fixed;
    top: 40px;
    z-index: 20;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
    right: -100%;
  }
  .btn_gnb_off::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='28' height='28' 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_gnb_off.on {
    display: block;
  }
  .header_wrap.on .top_nav,
  .header_wrap.on .gnb,
  .header_wrap.on .btn_gnb_off {
    right: 0;
  }
  .header_wrap.on .gnb ul ul {
    padding: 0;
  }
  .header_wrap.on .gnb ul ul li a, .header_wrap.on .gnb ul ul li:first-child a {
    padding: 0 15px;
  }
  .header_wrap.on.gnb4 .gnb .sub,
  .header_wrap.on.gnb4 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb5 .gnb .sub,
  .header_wrap.on.gnb5 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb6 .gnb .sub,
  .header_wrap.on.gnb6 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb7 .gnb .sub,
  .header_wrap.on.gnb7 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb8 .gnb .sub,
  .header_wrap.on.gnb8 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb9 .gnb .sub,
  .header_wrap.on.gnb9 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb10 .gnb .sub,
  .header_wrap.on.gnb10 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb11 .gnb .sub,
  .header_wrap.on.gnb11 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb12 .gnb .sub,
  .header_wrap.on.gnb12 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb13 .gnb .sub,
  .header_wrap.on.gnb13 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb14 .gnb .sub,
  .header_wrap.on.gnb14 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb15 .gnb .sub,
  .header_wrap.on.gnb15 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb16 .gnb .sub,
  .header_wrap.on.gnb16 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb17 .gnb .sub,
  .header_wrap.on.gnb17 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb18 .gnb .sub,
  .header_wrap.on.gnb18 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb19 .gnb .sub,
  .header_wrap.on.gnb19 .gnb_bg {
    height: 100%;
  }
  .header_wrap.on.gnb20 .gnb .sub,
  .header_wrap.on.gnb20 .gnb_bg {
    height: 100%;
  }
  .gnb_bg {
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
  }
  .gnb_bg.on {
    display: block;
  }
  .sub_contents {
    overflow: hidden;
    padding: 30px 0 50px;
  }
  .snb {
    display: none;
  }
  section.contents {
    width: 100% !important;
  }
  .contents_header {
    padding: 0 0 40px;
    gap: 15px;
  }
  .contents_header h3 {
    font-size: 24px;
  }
  .contents_header p {
    display: none;
  }
  .contents_header ol {
    display: none;
  }
  .mobile_hidden {
    display: none;
  }
  .footer_wrap .sub_footer {
    display: block;
    position: relative;
  }
  .footer_wrap .sub_footer .center_content {
    width: 100%;
    margin-top: 10px;
  }
  .footer_wrap .sub_footer .center_content dl dt,
  .footer_wrap .sub_footer .center_content dl dd,
  .footer_wrap .sub_footer .center_content dl address {
    font-size: 14px;
    font-weight: 400;
  }
  .footer_wrap .sub_footer .center_content .copyright {
    font-size: 13px;
  }
  .footer_wrap .select_wrap {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .footer_wrap .select_wrap select {
    width: 180px;
  }
  .quick_menu {
    display: none;
  }
  .history_area .box .year {
    font-weight: 700;
    font-size: 22px;
    color: #0080e6;
  }
  .history_area .box .history_list {
    margin-left: 40px;
    padding: 0;
    border: 0;
  }
  .history_area .box .history_list.v2 {
    position: relative;
    display: block;
  }
  .history_area .box .history_list.v2::before {
    top: 0;
    left: 2%;
    height: 100%;
  }
  .history_area .box .history_list.v2 > li {
    padding-bottom: 40px;
  }
  .history_area .box .history_list.v2 > li strong {
    padding-left: 30px;
    font-size: 20px;
  }
  .history_area .box .history_list.v2 > li > ul {
    display: inline-block;
  }
  .history_area .box .history_list.v2 > li > ul li::before {
    display: none;
  }
  .history_area .box .history_list.v2 > li::before {
    left: 0;
    margin-left: 0;
  }
  .history_area .box .history_list.v2 > li:last-child:after {
    top: auto;
    left: -6.5px;
    bottom: 0;
    background: #9c9c9c;
  }
}
/* 반응형 1024px end */
/* 반응형 840px start */
@media screen and (max-width: 840px) {
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body div,
  body p,
  body blockquote,
  body pre,
  body address,
  body ul,
  body ol,
  body li,
  body dl,
  body dt,
  body dd,
  body table,
  body caption,
  body th,
  body td,
  body form,
  body fieldset,
  body legend,
  body hr,
  body label,
  body button,
  body textarea,
  body input,
  body select,
  body figure {
    font-size: 15px;
  }
  body.hidden_y {
    overflow-y: hidden;
  }
  body select {
    background-position: 98% center;
  }
  html.noscroll,
  body.noscroll {
    overflow: hidden;
  }
  .h1 a {
    background-size: 32px auto;
    font-size: 20px;
    padding: 0 0 0 40px;
  }
  .header {
    height: auto;
  }
  .header .top_flex {
    position: relative;
    display: flex;
    align-items: center;
    height: 80px;
  }
  .header .top_flex::before {
    display: none;
  }
  .header .top_flex .h1 {
    height: 60px;
    align-items: center;
  }
  .header .top_flex .h1 a {
    width: 120px;
    height: 26px;
    padding: 0;
    font-size: 0;
  }
  .header .library_link {
    display: none;
  }
  .header .library_link a {
    width: 50%;
    text-align: center;
    font-size: 16px;
  }
  .header .login_area {
    gap: 4px;
    right: 70px;
  }
  .header .login_area a {
    font-size: 0;
    padding: 6px;
  }
  .header .login_area a::before {
    width: 28px;
    height: 28px;
    margin-right: 0;
  }
  .btn_gnb_on {
    width: 30px;
    height: 30px;
  }
  .btn_gnb_on::before {
    background-size: 20px auto;
  }
  .menu_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
  }
  .menu_btn button {
    width: 48px;
    height: 48px;
  }
  .menu_area .gnb {
    top: 80px;
    height: calc(100% - 80px);
  }
  .menu_area .gnb > ul > li > a {
    height: 60px;
  }
  .menu_area .gnb > ul > li > a span {
    font-size: 20px;
  }
  .menu_area .gnb .sub > li a {
    height: 60px;
    font-size: 18px;
  }
  main.main {
    height: 360px;
    background: url("../images/mo_visual.jpg") no-repeat center/cover;
    background-size: cover;
    object-fit: cover;
  }
  main.main .container {
    top: 40px;
  }
  .main_section {
    margin: -92px auto 0;
  }
  .btn_gnb_on {
    width: 30px;
    height: 30px;
  }
  .btn_gnb_on::before {
    background-size: 20px auto;
  }
  .gnb > ul > li > a {
    height: 50px;
  }
  .gnb > ul > li > a span {
    font-size: 16px;
  }
  .gnb .sub > li a {
    height: 50px;
    font-size: 15px;
  }
  .main .main_background {
    height: 280px;
  }
  .main .slogan {
    font-size: 24px;
    padding: 50px 0 0;
  }
  .main .lib_name {
    font-size: 40px;
    padding: 12px 0 0;
  }
  .main .contents_wrap {
    padding: 25px 0 0;
    flex-flow: column-reverse;
    gap: 20px;
  }
  .main_search_news {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    gap: 20px;
  }
  .main_search_wrap {
    height: 54px;
  }
  .main_search_wrap select {
    font-size: 16px;
  }
  .main_search_wrap input[type=text] {
    font-size: 16px;
  }
  .main_search_wrap .btn_search {
    width: 54px;
  }
  .main_banner {
    height: 260px;
  }
  .main_banner h3 {
    display: none;
  }
  .main_banner .swiper_page_wrap {
    justify-content: space-between;
    padding: 12px 15px;
  }
  .main_banner .swiper_page_wrap .btn_wrap button {
    width: 18px;
  }
  .main_schedule {
    width: 100%;
    max-height: inherit;
    height: auto;
    flex-flow: column nowrap;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
  }
  .main_schedule > article,
  .main_schedule > div {
    width: 100%;
  }
  .main_schedule .main_calendar {
    padding: 25px 15px;
  }
  .main_schedule .main_calendar .table.calendar {
    width: 100%;
    margin: 0;
  }
  .main_schedule .main_calendar .table.calendar td {
    height: 50px;
  }
  .main_schedule .main_calendar .date {
    text-align: center;
    padding: 0 0 20px;
  }
  .main_schedule .main_calendar .btn_wrap {
    width: calc(100% - 30px);
    justify-content: space-between;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
  }
  .main_schedule .main_schedule_list {
    height: 350px;
  }
  .main_schedule .main_schedule_list .schedule_list {
    padding: 25px 15px 25px 15px;
  }
  .main_contents_01 .contents_l,
  .main_contents_01 .contents_r {
    width: 100%;
  }
  .main_notice_culture nav {
    gap: 10px;
  }
  .main_notice_culture nav button {
    font-size: 20px;
  }
  .main_notice_culture .notice_list li,
  .main_notice_culture .culture_list li {
    padding: 18px 0;
  }
  .main_notice_culture .notice_list li::before,
  .main_notice_culture .culture_list li::before {
    display: none;
  }
  .main_notice_culture .notice_list li a .title,
  .main_notice_culture .culture_list li a .title {
    font-size: 16px;
    color: #555;
  }
  .main_notice_culture .notice_list li .date,
  .main_notice_culture .culture_list li .date {
    display: none;
  }
  .main_notice_culture .btn_more {
    width: 22px;
    height: 22px;
  }
  .main_notice_culture .btn_more::before {
    background-size: 14px auto;
  }
  .main_reading_room table.table thead th {
    font-size: 16px;
  }
  .main_reading_room table.table th,
  .main_reading_room table.table td {
    padding: 15px 15px;
  }
  .main_reading_room .btn_more {
    width: 22px;
    height: 22px;
  }
  .main_reading_room .btn_more::before {
    background-size: 14px auto;
  }
  .main_newbook .cover {
    height: auto;
    aspect-ratio: 1/1.5;
  }
  .main_newbook .swiper_btn_wrap {
    right: 32px;
  }
  .main_newbook .swiper_btn_wrap button {
    width: 22px;
    height: 22px;
    background-size: 14px auto;
  }
  .main_newbook .btn_more {
    width: 22px;
    height: 22px;
  }
  .main_newbook .btn_more::before {
    background-size: 14px auto;
  }
  .main_section .main_recommend_book {
    padding: 40px 0;
  }
  .main_section .main_recommend_book .container {
    gap: 0;
  }
  .main_section .main_recommend_book .contents_l,
  .main_section .main_recommend_book .contents_r {
    width: 100%;
  }
  .main_section .main_recommend_book .contents_l p {
    padding: 20px 0 0;
  }
  .main_section .main_recommend_book .contents_r {
    padding: 40px 0 0;
  }
  .main_section .main_recommend_book .swiper_page_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 30px 0 0;
  }
  .main_section .main_recommend_book .swiper_page_wrap button {
    width: 28px;
    height: 28px;
    font-size: 0;
    opacity: 0.35;
    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='22' height='22' fill='rgba(153,153,153,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");
  }
  .main_section .main_recommend_book .swiper_page_wrap button.swiper_prev_btn, .main_section .main_recommend_book .swiper_page_wrap button.swiper_next_btn {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 5px;
    top: calc(50% + 17px);
    transform: translateY(-50%);
    z-index: 10;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
  }
  .main_section .main_recommend_book .swiper_page_wrap button.swiper_prev_btn {
    right: initial;
    left: 5px;
    transform: translateY(-50%) rotate(180deg);
  }
  .main_section .main_recommend_book .swiper_page_wrap button.swiper_play_btn {
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M19.376 12.4158L8.77735 19.4816C8.54759 19.6348 8.23715 19.5727 8.08397 19.3429C8.02922 19.2608 8 19.1643 8 19.0656V4.93408C8 4.65794 8.22386 4.43408 8.5 4.43408C8.59871 4.43408 8.69522 4.4633 8.77735 4.51806L19.376 11.5838C19.6057 11.737 19.6678 12.0474 19.5146 12.2772C19.478 12.3321 19.4309 12.3792 19.376 12.4158Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
  }
  .main_section .main_recommend_book .swiper_page_wrap button.swiper_stop_btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z' fill='rgba(51,51,51,1)'%3E%3C/path%3E%3C/svg%3E");
  }
  .main_section .main_recommend_book .swiper_page_wrap .swiper_pagination_wrap {
    width: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
  }
  .main_section .main_recommend_book .swiper_page_wrap .swiper_pagination_wrap .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0;
  }
  .main_section .main_recommend_book .swiper_page_wrap .swiper_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0080e6;
  }
  .main_section .main_recommend_book .btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    position: static;
    opacity: 0.5;
    margin: 20px 0 0;
    border-color: rgba(0, 0, 0, 0.3);
  }
  .main_section .main_recommend_book .btn_more::before {
    width: 18px;
    height: 18px;
  }
  .main_footer_banner {
    padding: 20px 0;
    overflow: hidden;
  }
  .main_footer_banner .container {
    flex-flow: column nowrap;
    gap: 15px;
  }
  .main_footer_banner .main_footer_swiper {
    width: 100%;
    overflow: visible;
  }
  .main_footer_banner .swiper_btn_wrap button {
    width: 30px;
    height: 30px;
    background-size: 16px auto;
  }
  .footer_wrap .footer {
    padding-bottom: 30px;
  }
  .footer_wrap .footer .sub_footer {
    padding-top: 80px;
  }
  .footer_wrap .footer .sub_footer .center_content dl {
    flex-wrap: wrap;
  }
  .footer_wrap .footer .sub_footer .center_content dl dt:nth-of-type(1) {
    margin-bottom: 5px;
  }
  .footer_wrap .footer .sub_footer .center_content dl dt:nth-of-type(2) {
    padding-left: 0;
  }
  .footer_wrap .footer .sub_footer .center_content dl dd:nth-of-type(1) {
    width: calc(100% - 80px);
    margin-bottom: 5px;
  }
  .footer_wrap .footer .sub_footer .center_content dl dd:nth-of-type(1)::after {
    display: none;
  }
  .footer_wrap .footer .sub_footer .select_wrap {
    top: 20px;
    transform: none;
    width: 100%;
  }
  .footer_wrap .footer nav .footer_nav {
    flex-flow: row wrap;
  }
  .footer_wrap .footer nav .footer_nav a,
  .footer_wrap .footer nav .footer_nav a strong {
    font-size: 16px;
    width: 100%;
  }
  .footer_wrap .footer nav .footer_nav a + a::before,
  .footer_wrap .footer nav .footer_nav a strong + a::before {
    display: none;
  }
  .footer_wrap .footer .copyright {
    font-size: 13px;
  }
  .footer_wrap nav {
    height: auto;
    align-items: flex-start;
    padding-bottom: 20px;
  }
  table.table th,
  table.table td {
    padding: 14px 14px;
  }
  table.table ul li {
    word-break: break-all;
  }
  table.input_table,
  table.join {
    display: block;
    border: 0 none;
  }
  table.input_table tbody,
  table.join tbody {
    display: block;
  }
  table.input_table tr,
  table.join tr {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #ccc;
  }
  table.input_table tr:last-child,
  table.join tr:last-child {
    padding-bottom: 0;
    border-bottom: 0 none;
  }
  table.input_table th,
  table.input_table td,
  table.join th,
  table.join td {
    width: 100%;
    background-color: #fff;
    display: block;
    border: 0 none;
    text-align: left;
    padding: 0;
  }
  table.input_table th,
  table.join th {
    font-size: 16px;
    font-weight: 600;
  }
  table.input_table th label,
  table.join th label {
    font-size: 16px;
    font-weight: 600;
  }
  table.input_table td,
  table.join td {
    color: #555;
    padding: 15px 0 0;
  }
  table.input_table td .check_wrap:has(input[type=checkbox], input[type=radio]),
  table.join td .check_wrap:has(input[type=checkbox], input[type=radio]) {
    flex-flow: row wrap;
  }
  table.input_table td .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box,
  table.join td .check_wrap:has(input[type=checkbox], input[type=radio]) .label_box {
    width: 100%;
    min-height: 46px;
  }
  table.input_table td input[type=text].school_grade, table.input_table td input[type=text].school_class, table.input_table td input[type=text].school_number,
  table.join td input[type=text].school_grade,
  table.join td input[type=text].school_class,
  table.join td input[type=text].school_number {
    width: 100%;
  }
  table.input_table td .email_input select,
  table.join td .email_input select {
    flex: 1 1 100%;
  }
  table.input_table td .address_input input[type=text].address2,
  table.input_table td .address_input input[type=text].address3,
  table.join td .address_input input[type=text].address2,
  table.join td .address_input input[type=text].address3 {
    flex: 1 1 100%;
  }
  table + .label_box_wrap {
    padding: 40px 0 0;
  }
  .h4_deco {
    font-size: 18px;
    padding: 0 0 16px 20px;
  }
  .h4_deco::before {
    width: 12px;
    height: 12px;
    border-width: 3px;
    top: 2px;
  }
  .table_data {
    font-size: 14px;
  }
  .article + .article {
    padding: 40px 0 0;
  }
  .list_01 > li {
    padding-left: 12px;
  }
  .list_01 > li::before {
    width: 4px;
    height: 4px;
    border-radius: 1px;
    top: 6px;
  }
  .list_01 > li + li {
    margin: 12px 0 0;
  }
  .list_02 > li {
    padding-left: 10px;
  }
  .list_02 > li::before {
    top: 7px;
    background-color: #888;
  }
  .list_02 > li + li {
    margin: 8px 0 0;
  }
  .dash_list > li::before {
    top: 8px;
  }
  .dash_list > li + li {
    margin: 8px 0 0;
  }
  ol li .btn_wrap,
  ol li .btn_wrap.full,
  ul li .btn_wrap,
  ul li .btn_wrap.full {
    flex-flow: column nowrap;
  }
  ol li .btn_wrap .btn,
  ol li .btn_wrap.full .btn,
  ul li .btn_wrap .btn,
  ul li .btn_wrap.full .btn {
    min-height: 36px;
  }
  .tab_nav {
    margin: 0 0 30px;
  }
  .tab_nav button {
    min-height: 40px;
    height: auto;
    font-size: 15px;
    padding: 10px 6px;
    word-break: keep-all;
  }
  .tab_nav button span {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .tab_nav_02,
  .tab_nav_02.tab2,
  .tab_nav_02.tab3,
  .tab_nav_02.tab4,
  .tab_nav_02.tab6 {
    margin: 0 0 30px;
    border: 0 none;
    gap: 4px;
    border-radius: 0;
  }
  .tab_nav_02 button,
  .tab_nav_02.tab2 button,
  .tab_nav_02.tab3 button,
  .tab_nav_02.tab4 button,
  .tab_nav_02.tab6 button {
    width: auto;
    flex: 1;
    border: 1px solid #dbdbdb;
    padding: 8px 6px;
    border-radius: 4px;
  }
  .tab_nav_02 button:first-of-type, .tab_nav_02 button:nth-of-type(2n + 1), .tab_nav_02 button:nth-of-type(3n + 1), .tab_nav_02 button:nth-of-type(2n + 1), .tab_nav_02 button:nth-of-type(6n + 1), .tab_nav_02 button:nth-of-type(1n + 1),
  .tab_nav_02.tab2 button:first-of-type,
  .tab_nav_02.tab2 button:nth-of-type(2n + 1),
  .tab_nav_02.tab2 button:nth-of-type(3n + 1),
  .tab_nav_02.tab2 button:nth-of-type(2n + 1),
  .tab_nav_02.tab2 button:nth-of-type(6n + 1),
  .tab_nav_02.tab2 button:nth-of-type(1n + 1),
  .tab_nav_02.tab3 button:first-of-type,
  .tab_nav_02.tab3 button:nth-of-type(2n + 1),
  .tab_nav_02.tab3 button:nth-of-type(3n + 1),
  .tab_nav_02.tab3 button:nth-of-type(2n + 1),
  .tab_nav_02.tab3 button:nth-of-type(6n + 1),
  .tab_nav_02.tab3 button:nth-of-type(1n + 1),
  .tab_nav_02.tab4 button:first-of-type,
  .tab_nav_02.tab4 button:nth-of-type(2n + 1),
  .tab_nav_02.tab4 button:nth-of-type(3n + 1),
  .tab_nav_02.tab4 button:nth-of-type(2n + 1),
  .tab_nav_02.tab4 button:nth-of-type(6n + 1),
  .tab_nav_02.tab4 button:nth-of-type(1n + 1),
  .tab_nav_02.tab6 button:first-of-type,
  .tab_nav_02.tab6 button:nth-of-type(2n + 1),
  .tab_nav_02.tab6 button:nth-of-type(3n + 1),
  .tab_nav_02.tab6 button:nth-of-type(2n + 1),
  .tab_nav_02.tab6 button:nth-of-type(6n + 1),
  .tab_nav_02.tab6 button:nth-of-type(1n + 1) {
    border-left: 1px solid #dbdbdb;
  }
  .tab_nav_02 button::before,
  .tab_nav_02.tab2 button::before,
  .tab_nav_02.tab3 button::before,
  .tab_nav_02.tab4 button::before,
  .tab_nav_02.tab6 button::before {
    bottom: 0;
  }
  .tab_nav_02 button.on,
  .tab_nav_02.tab2 button.on,
  .tab_nav_02.tab3 button.on,
  .tab_nav_02.tab4 button.on,
  .tab_nav_02.tab6 button.on {
    border-bottom: 1px solid #dbdbdb;
  }
  .tab_nav_02 button.on::before,
  .tab_nav_02.tab2 button.on::before,
  .tab_nav_02.tab3 button.on::before,
  .tab_nav_02.tab4 button.on::before,
  .tab_nav_02.tab6 button.on::before {
    bottom: 0;
  }
  .text_box_01 .btn_wrap {
    width: 100%;
  }
  .text_box_01 .btn {
    width: 100%;
  }
  .text_box_01 + .auto_x,
  .text_box_01 + .article {
    padding: 40px 0 0;
  }
  .btn {
    min-height: 38px;
    min-width: unset;
    flex: 1;
  }
  .btn.full {
    min-height: 38px;
  }
  .btn_wrap.full {
    flex-flow: column nowrap;
    padding: 30px 0 0;
  }
  .btn_wrap.full .btn {
    min-height: 44px;
  }
  .article .btn_wrap.full .btn {
    min-height: 38px;
  }
  .flow_box_01 {
    flex-flow: column nowrap;
  }
  .flow_box_01 > li {
    border: 0 none;
    border-bottom: 1px dashed #dbdbdb;
  }
  .flow_box_01 > li:last-of-type {
    border: 0 none;
  }
  .flow_box_01 > li strong.flow_title {
    border-bottom: 0 none;
  }
  .flow_box_01 > li + li {
    border-left: 0 none;
  }
  .flow_box_01 > li + li::after {
    width: 20px;
    height: 20px;
    left: 50%;
    top: -11px;
    transform: translateX(-50%) rotate(90deg);
    background-size: 16px auto;
  }
  .flow_box_01 > li + li div {
    padding: 20px 15px;
  }
  .flow_box_01.mobile {
    border-bottom: 0;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .flow_box_01 + .mobile {
    overflow: visible;
    margin-top: 0;
    border-bottom: 1px solid #0080e6;
    border-radius: 0;
    border-top: 1px dashed #dbdbdb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .flow_box_01 + .mobile li:first-child::after {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: -11px;
    transform: translateX(-50%) rotate(90deg);
    display: block;
    content: "다음";
    background: #0080e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px auto;
    background-position: center;
    font-size: 0;
    border-radius: 50%;
    z-index: 1;
  }
  .btn_wrap.right + .page_wrap {
    margin: 0;
    padding: 30px 0 0;
  }
  .page_wrap {
    padding: 40px 0 0;
  }
  .page_wrap button {
    min-width: 20px;
    height: 20px;
    background-size: 18px auto;
  }
  .search_wrap {
    border: 0 none;
    border-radius: 0;
  }
  .search_wrap input[type=text],
  .search_wrap input[type=date],
  .search_wrap select,
  .search_wrap .btn {
    height: 40px;
  }
  .search_wrap .search_box .btn_search {
    width: 40px;
    height: 40px;
  }
  .search_wrap .search_box .btn_search::before {
    background-size: 20px auto;
    background: #0080e6 url(../images/icon_search_white.svg) no-repeat center center;
  }
  .search_wrap.center .during_wrap {
    flex: 1;
  }
  .search_wrap.center select {
    flex: 1;
  }
  .search_wrap.type2 select {
    flex: 1;
  }
  .search_wrap.type2 .during_wrap {
    flex: 1;
  }
  .intro_header {
    width: calc(100% + 30px);
    height: 210px;
    align-items: center;
    justify-content: center;
    margin: 0 -15px 30px;
    padding: 0;
  }
  .intro_header::after {
    display: none;
  }
  .intro_header strong {
    font-size: 20px;
  }
  .intro_header h4 {
    font-size: 36px;
    padding: 0 0 12px;
  }
  .intro_contents {
    margin: 0;
  }
  .intro_contents h5 {
    font-size: 20px;
    line-height: 1.5;
  }
  .intro_contents h5 strong {
    font-size: 28px;
  }
  .intro_contents p {
    font-size: 15px;
    margin-top: 25px;
  }
  .intro_contents p strong {
    font-size: 17px;
  }
  .history_list {
    border-left: 2px dashed #dbdbdb;
    margin: 0 0 0 9px;
    padding: 0;
  }
  .history_list > li {
    width: 100%;
    border-top: 0 none;
    padding: 0 0 0 30px;
    position: relative;
  }
  .history_list > li::before {
    position: absolute;
    left: -11px;
    top: 0;
    margin: 0;
  }
  .history_list > li > strong {
    font-size: 20px;
  }
  .history_list > li:last-child::after {
    display: none;
  }
  .table.group.center thead {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .table.group.center tr {
    min-height: 80px;
    display: block;
    padding: 10px 0 10px 120px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    box-sizing: border-box;
  }
  .table.group.center th {
    display: block;
    border: 0 none;
    padding: 0;
    text-align: left;
  }
  .table.group.center td {
    display: block;
    border: 0 none;
    padding: 0;
    text-align: left;
  }
  .table.group.center td.org_pos {
    width: 120px;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
  }
  .table.group.center td.org_job {
    line-height: 1.4em;
  }
  .table.group.center td.org_tel {
    width: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    font-size: 14px;
    color: #555;
    left: 0;
    top: 50px;
  }
  .laws_wrap a {
    font-size: 16px;
  }
  .laws_wrap a::after {
    display: none;
  }
  .location_map .root_daum_roughmap {
    aspect-ratio: 1/0.85;
  }
  .table.center.location_table thead {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .table.center.location_table tr {
    display: block;
    padding: 15px 0 15px 130px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
  }
  .table.center.location_table th {
    display: block;
    border: 0 none;
    padding: 0;
    text-align: left;
  }
  .table.center.location_table td {
    display: block;
    border: 0 none;
    padding: 0;
    text-align: left;
  }
  .table.center.location_table td.st_name {
    width: 120px;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 17px;
    font-weight: 500;
    color: #555;
  }
  .table.center.location_table td.st_num {
    line-height: 1.4em;
  }
  .table.center.location_table td.bus_num {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 15px 0 0;
    margin: 15px 0 0;
    border-top: 1px dashed #dbdbdb;
  }
  .teacher_wrap {
    padding: 0;
    background-image: none;
  }
  .list_01.teacher {
    padding: 10px 0 0;
  }
  .list_01.teacher > li strong {
    font-size: 16px;
  }
  .list_01.teacher > li .idiom_summary, .list_01.teacher > li:last-of-type .idiom_summary {
    flex-flow: column nowrap;
    align-items: flex-start;
    gap: 5px;
  }
  .list_01.teacher > li .idiom_summary dt,
  .list_01.teacher > li .idiom_summary dd, .list_01.teacher > li:last-of-type .idiom_summary dt,
  .list_01.teacher > li:last-of-type .idiom_summary dd {
    width: 100%;
  }
  .list_01.teacher > li .idiom_summary dd, .list_01.teacher > li:last-of-type .idiom_summary dd {
    font-weight: 400;
    color: #555;
  }
  .list_01.teacher > li .idiom_summary dd + dt, .list_01.teacher > li:last-of-type .idiom_summary dd + dt {
    padding: 15px 0 0;
  }
  .result_wrap.teacher_book {
    gap: 40px 40px;
  }
  .result_wrap.teacher_book .teacher_book {
    width: calc(50% - 20px);
  }
  .result_wrap.teacher_book .teacher_book .title {
    font-size: 16px;
  }
  .result_wrap.teacher_exhibit {
    gap: 20px;
  }
  .result_wrap.teacher_exhibit .teacher_exhibit {
    width: calc(50% - 10px);
  }
  .result_wrap.teacher_exhibit .teacher_exhibit .title {
    font-size: 16px;
  }
  .download_link_wrap {
    flex-flow: column nowrap;
  }
  .download_link_wrap a {
    justify-content: space-between;
    position: relative;
    padding: 20px 40px 20px 15px;
  }
  .download_link_wrap a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .search_wrap.book {
    padding: 0;
  }
  .search_wrap.book .btn_language {
    min-width: 44px;
    font-size: 0;
  }
  .search_wrap.book .btn_language::before {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    margin: 0;
  }
  .search_detail_wrap {
    gap: 10px;
  }
  .search_detail_wrap > span {
    width: 100%;
  }
  .search_detail_wrap > span label {
    width: 80px;
  }
  .search_detail_wrap input[type=text],
  .search_detail_wrap select {
    height: 40px;
  }
  .result_function {
    flex-flow: column-reverse nowrap;
    align-items: flex-start;
    padding: 0 15px 20px;
  }
  .result_function .btn_wrap {
    width: 100%;
  }
  .result_function .btn_wrap select,
  .result_function .btn_wrap .btn {
    flex: 1 1 auto;
  }
  .result_wrap.book, .result_wrap.magazine,
  .result_wrap.view2.book,
  .result_wrap.view2.magazine,
  .result_wrap.view4.book,
  .result_wrap.view4.magazine {
    width: calc(100% + 30px);
    margin: 0 -15px;
    gap: 0;
  }
  .result_wrap.book .book,
  .result_wrap.book .book:has(input[type=checkbox]),
  .result_wrap.book .recommend, .result_wrap.magazine .book,
  .result_wrap.magazine .book:has(input[type=checkbox]),
  .result_wrap.magazine .recommend,
  .result_wrap.view2.book .book,
  .result_wrap.view2.book .book:has(input[type=checkbox]),
  .result_wrap.view2.book .recommend,
  .result_wrap.view2.magazine .book,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]),
  .result_wrap.view2.magazine .recommend,
  .result_wrap.view4.book .book,
  .result_wrap.view4.book .book:has(input[type=checkbox]),
  .result_wrap.view4.book .recommend,
  .result_wrap.view4.magazine .book,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]),
  .result_wrap.view4.magazine .recommend {
    width: 100%;
    min-height: auto;
    padding: 20px 20px 20px;
    border: 0 none;
    border-bottom: 12px solid #f2f2f2;
  }
  .result_wrap.book .book:last-of-type,
  .result_wrap.book .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.book .recommend:last-of-type, .result_wrap.magazine .book:last-of-type,
  .result_wrap.magazine .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.magazine .recommend:last-of-type,
  .result_wrap.view2.book .book:last-of-type,
  .result_wrap.view2.book .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.view2.book .recommend:last-of-type,
  .result_wrap.view2.magazine .book:last-of-type,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.view2.magazine .recommend:last-of-type,
  .result_wrap.view4.book .book:last-of-type,
  .result_wrap.view4.book .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.view4.book .recommend:last-of-type,
  .result_wrap.view4.magazine .book:last-of-type,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]):last-of-type,
  .result_wrap.view4.magazine .recommend:last-of-type {
    border-bottom: 0 none;
  }
  .result_wrap.book .book h4,
  .result_wrap.book .book:has(input[type=checkbox]) h4,
  .result_wrap.book .recommend h4, .result_wrap.magazine .book h4,
  .result_wrap.magazine .book:has(input[type=checkbox]) h4,
  .result_wrap.magazine .recommend h4,
  .result_wrap.view2.book .book h4,
  .result_wrap.view2.book .book:has(input[type=checkbox]) h4,
  .result_wrap.view2.book .recommend h4,
  .result_wrap.view2.magazine .book h4,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) h4,
  .result_wrap.view2.magazine .recommend h4,
  .result_wrap.view4.book .book h4,
  .result_wrap.view4.book .book:has(input[type=checkbox]) h4,
  .result_wrap.view4.book .recommend h4,
  .result_wrap.view4.magazine .book h4,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) h4,
  .result_wrap.view4.magazine .recommend h4 {
    width: 100%;
  }
  .result_wrap.book .book h4 a,
  .result_wrap.book .book:has(input[type=checkbox]) h4 a,
  .result_wrap.book .recommend h4 a, .result_wrap.magazine .book h4 a,
  .result_wrap.magazine .book:has(input[type=checkbox]) h4 a,
  .result_wrap.magazine .recommend h4 a,
  .result_wrap.view2.book .book h4 a,
  .result_wrap.view2.book .book:has(input[type=checkbox]) h4 a,
  .result_wrap.view2.book .recommend h4 a,
  .result_wrap.view2.magazine .book h4 a,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) h4 a,
  .result_wrap.view2.magazine .recommend h4 a,
  .result_wrap.view4.book .book h4 a,
  .result_wrap.view4.book .book:has(input[type=checkbox]) h4 a,
  .result_wrap.view4.book .recommend h4 a,
  .result_wrap.view4.magazine .book h4 a,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) h4 a,
  .result_wrap.view4.magazine .recommend h4 a {
    display: block;
    padding: 0 0 15px;
  }
  .result_wrap.book .book h4 a .cover,
  .result_wrap.book .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.book .recommend h4 a .cover, .result_wrap.magazine .book h4 a .cover,
  .result_wrap.magazine .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.magazine .recommend h4 a .cover,
  .result_wrap.view2.book .book h4 a .cover,
  .result_wrap.view2.book .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.view2.book .recommend h4 a .cover,
  .result_wrap.view2.magazine .book h4 a .cover,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.view2.magazine .recommend h4 a .cover,
  .result_wrap.view4.book .book h4 a .cover,
  .result_wrap.view4.book .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.view4.book .recommend h4 a .cover,
  .result_wrap.view4.magazine .book h4 a .cover,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) h4 a .cover,
  .result_wrap.view4.magazine .recommend h4 a .cover {
    position: relative;
    left: initial;
    top: initial;
    margin: 5px auto 0;
  }
  .result_wrap.book .book h4 a .title,
  .result_wrap.book .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.book .recommend h4 a .title, .result_wrap.magazine .book h4 a .title,
  .result_wrap.magazine .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.magazine .recommend h4 a .title,
  .result_wrap.view2.book .book h4 a .title,
  .result_wrap.view2.book .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.view2.book .recommend h4 a .title,
  .result_wrap.view2.magazine .book h4 a .title,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.view2.magazine .recommend h4 a .title,
  .result_wrap.view4.book .book h4 a .title,
  .result_wrap.view4.book .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.view4.book .recommend h4 a .title,
  .result_wrap.view4.magazine .book h4 a .title,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) h4 a .title,
  .result_wrap.view4.magazine .recommend h4 a .title {
    padding: 20px 0 0;
    font-size: 18px;
    width: 100%;
  }
  .result_wrap.book .book .book_summary,
  .result_wrap.book .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.book .recommend .book_summary, .result_wrap.magazine .book .book_summary,
  .result_wrap.magazine .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.magazine .recommend .book_summary,
  .result_wrap.view2.book .book .book_summary,
  .result_wrap.view2.book .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.view2.book .recommend .book_summary,
  .result_wrap.view2.magazine .book .book_summary,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.view2.magazine .recommend .book_summary,
  .result_wrap.view4.book .book .book_summary,
  .result_wrap.view4.book .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.view4.book .recommend .book_summary,
  .result_wrap.view4.magazine .book .book_summary,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) .book_summary,
  .result_wrap.view4.magazine .recommend .book_summary {
    padding: 20px 0 0;
  }
  .result_wrap.book .book .btn_wrap,
  .result_wrap.book .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.book .recommend .btn_wrap, .result_wrap.magazine .book .btn_wrap,
  .result_wrap.magazine .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.magazine .recommend .btn_wrap,
  .result_wrap.view2.book .book .btn_wrap,
  .result_wrap.view2.book .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.view2.book .recommend .btn_wrap,
  .result_wrap.view2.magazine .book .btn_wrap,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.view2.magazine .recommend .btn_wrap,
  .result_wrap.view4.book .book .btn_wrap,
  .result_wrap.view4.book .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.view4.book .recommend .btn_wrap,
  .result_wrap.view4.magazine .book .btn_wrap,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) .btn_wrap,
  .result_wrap.view4.magazine .recommend .btn_wrap {
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
  }
  .result_wrap.book .book .btn_wrap .btn,
  .result_wrap.book .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.book .recommend .btn_wrap .btn, .result_wrap.magazine .book .btn_wrap .btn,
  .result_wrap.magazine .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.magazine .recommend .btn_wrap .btn,
  .result_wrap.view2.book .book .btn_wrap .btn,
  .result_wrap.view2.book .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.view2.book .recommend .btn_wrap .btn,
  .result_wrap.view2.magazine .book .btn_wrap .btn,
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.view2.magazine .recommend .btn_wrap .btn,
  .result_wrap.view4.book .book .btn_wrap .btn,
  .result_wrap.view4.book .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.view4.book .recommend .btn_wrap .btn,
  .result_wrap.view4.magazine .book .btn_wrap .btn,
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) .btn_wrap .btn,
  .result_wrap.view4.magazine .recommend .btn_wrap .btn {
    flex: 1 1 auto;
  }
  .result_wrap.book .book input[type=checkbox],
  .result_wrap.book .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.book .recommend input[type=checkbox], .result_wrap.magazine .book input[type=checkbox],
  .result_wrap.magazine .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.magazine .recommend input[type=checkbox],
  .result_wrap.view2.book .book input[type=checkbox],
  .result_wrap.view2.book .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.view2.book .recommend input[type=checkbox],
  .result_wrap.view2.magazine .book input[type=checkbox],
  .result_wrap.view2.magazine .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.view2.magazine .recommend input[type=checkbox],
  .result_wrap.view4.book .book input[type=checkbox],
  .result_wrap.view4.book .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.view4.book .recommend input[type=checkbox],
  .result_wrap.view4.magazine .book input[type=checkbox],
  .result_wrap.view4.magazine .book:has(input[type=checkbox]) input[type=checkbox],
  .result_wrap.view4.magazine .recommend input[type=checkbox] {
    top: 20px;
  }
  .result_wrap.book .no_result, .result_wrap.magazine .no_result,
  .result_wrap.view2.book .no_result,
  .result_wrap.view2.magazine .no_result,
  .result_wrap.view4.book .no_result,
  .result_wrap.view4.magazine .no_result {
    border: 0 none;
    padding: 30px 0;
  }
  .result_wrap.book .no_result:before, .result_wrap.magazine .no_result:before,
  .result_wrap.view2.book .no_result:before,
  .result_wrap.view2.magazine .no_result:before,
  .result_wrap.view4.book .no_result:before,
  .result_wrap.view4.magazine .no_result:before {
    width: 60px;
    height: 60px;
    background-size: cover;
  }
  .result_wrap.book .no_result p, .result_wrap.magazine .no_result p,
  .result_wrap.view2.book .no_result p,
  .result_wrap.view2.magazine .no_result p,
  .result_wrap.view4.book .no_result p,
  .result_wrap.view4.magazine .no_result p {
    margin-top: 10px;
    font-size: 15px;
  }
  section.contents:has(.book_detail_wrap) .contents_header {
    display: none;
  }
  .book_detail_wrap {
    padding: 0;
    border: 0 none;
    border-radius: 0;
  }
  .book_detail_wrap .title_cover {
    padding: 0 0 15px;
  }
  .book_detail_wrap .title_cover .cover {
    position: relative;
    left: 0;
    top: 0;
    margin: 5px auto 20px;
  }
  .book_detail_wrap .title_cover .title {
    font-size: 18px;
    width: 100%;
  }
  .book_detail_wrap .book_summary dt {
    width: 70px;
  }
  .book_detail_wrap .book_summary dd {
    width: calc(100% - 70px);
  }
  .book_detail_wrap .btn_wrap {
    padding: 15px 0 0;
    margin: 15px 0 0;
  }
  .tab_nav_02.series {
    gap: 5px 5px;
    border-radius: 0;
    border: 0 none;
  }
  .tab_nav_02.series button {
    flex: 1 1 auto;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
  }
  .ico_new::before {
    font-size: 10px;
    letter-spacing: 0;
  }
  .table.series {
    display: block;
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .table.series thead {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .table.series tbody {
    display: flex;
    flex-flow: column nowrap;
  }
  .table.series tr {
    display: flex;
    flex-flow: row wrap;
    gap: 8px 6px;
    padding: 15px 15px;
    border-bottom: 1px solid #dbdbdb;
  }
  .table.series tr:last-of-type {
    border-bottom: 1px solid #dbdbdb;
  }
  .table.series td {
    padding: 0;
    width: auto;
    border: 0 none;
  }
  .table.series td.num {
    display: none;
  }
  .table.series td.title {
    order: 1;
    flex: 1 1 100%;
  }
  .table.series td.title .title_text {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
  }
  .table.series td.title .ico_new,
  .table.series td.title .ico_lock {
    margin: 0;
  }
  .table.series td:not(.title) {
    order: 2;
    font-size: 15px;
    color: #777;
  }
  .table.series td .ico_file {
    width: 16px;
    height: 16px;
  }
  .table.series td .ico_file::before {
    background-size: 16px auto;
  }
  .result_wrap.webzine {
    gap: 30px 16px;
  }
  .result_wrap.webzine .webzine {
    width: calc(50% - 8px);
  }
  .result_wrap.webzine .webzine .title {
    font-size: 16px;
  }
  .div_popup .pop_up header {
    padding: 25px 15px;
  }
  .div_popup .pop_up header h4 {
    font-size: 20px;
  }
  .div_popup .popup_contents {
    padding: 30px 15px;
  }
  .div_popup .btn_close {
    top: 21px;
    right: 8px;
  }
  .table.center.dream_book {
    display: block;
    border: 0 none;
  }
  .table.center.dream_book thead {
    position: fixed;
    left: -99999px;
    top: -999999px;
  }
  .table.center.dream_book tbody {
    display: block;
  }
  .table.center.dream_book tr {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 15px 15px;
    box-sizing: border-box;
    position: relative;
  }
  .table.center.dream_book tr + tr {
    margin-top: 15px;
  }
  .table.center.dream_book td {
    flex: 1 1 100%;
    display: flex;
    border: 0 none;
    padding: 0;
    text-align: left;
  }
  .table.center.dream_book td.num {
    width: auto;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #999;
  }
  .table.center.dream_book td.title {
    font-weight: 600;
    font-size: 17px;
    padding: 0 25px 15px 0;
    margin: 0 0 15px;
    box-sizing: border-box;
    border-bottom: 1px dashed #dbdbdb;
  }
  .table.center.dream_book td:not(.num, .title) {
    color: #555;
  }
  .table.center.dream_book td:not(.num, .title)::before {
    display: block;
    width: 56px;
    flex: none;
    font-weight: 500;
    color: #555;
  }
  .table.center.dream_book td.author::before {
    content: "저자";
    text-align: left;
  }
  .table.center.dream_book td.publisher {
    padding: 8px 0 0;
  }
  .table.center.dream_book td.publisher::before {
    content: "출판사";
    text-align: left;
  }
  .table.center.dream_book td.public_year {
    padding: 8px 0 0;
  }
  .table.center.dream_book td.public_year::before {
    content: "발행년";
    text-align: left;
  }
  .calendar_wrap .month_wrap,
  .select_date_div {
    width: 100%;
    justify-content: space-between;
  }
  .calendar_wrap .month_wrap .year_month select,
  .select_date_div .year_month select {
    font-size: 20px;
    height: auto;
  }
  .calendar_wrap .month_wrap button::before,
  .select_date_div button::before {
    background-size: 16px auto;
  }
  .select_date_div {
    gap: 0;
  }
  .select_date_div .btn_calendar {
    top: -50px;
  }
  .select_date_div .year_month {
    padding-right: 16px;
  }
  .table.calendar:not(.main_calendar .table.calendar) {
    display: block;
    width: 100%;
    margin: 0auto;
    border-top: 1px solid #333;
  }
  .table.calendar:not(.main_calendar .table.calendar) thead {
    display: none;
  }
  .table.calendar:not(.main_calendar .table.calendar) tbody {
    display: block;
  }
  .table.calendar:not(.main_calendar .table.calendar) tr {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
  }
  .table.calendar:not(.main_calendar .table.calendar) td {
    max-width: 100%;
    width: 100%;
    min-height: 50px;
    height: auto;
    display: flex;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #dbdbdb;
  }
  .table.calendar:not(.main_calendar .table.calendar) td.noday {
    display: none;
  }
  .table.calendar:not(.main_calendar .table.calendar) td .day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 15px 15px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border-right: 1px solid #dbdbdb;
  }
  .table.calendar:not(.main_calendar .table.calendar) td ul {
    width: calc(100% - 50px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 15px 15px;
    box-sizing: border-box;
  }
  .table.calendar:not(.main_calendar .table.calendar) td.holiday ul li {
    text-align: center;
  }
  .table.calendar:not(.main_calendar .table.calendar) td.today {
    border-bottom: 3px solid #f4644d;
  }
  .result_wrap.culture .culture {
    min-height: auto;
    padding: 40px 0 20px;
  }
  .result_wrap.culture .culture h4 {
    padding: 0 0 15px;
  }
  .result_wrap.culture .culture h4 a {
    position: relative;
  }
  .result_wrap.culture .culture .thumbnail {
    width: 140px;
    height: 200px;
    position: static;
    margin: 0 auto 20px;
  }
  .result_wrap.culture .culture .caption {
    font-size: 15px;
    padding: 0 0 6px;
  }
  .result_wrap.culture .culture .title {
    font-size: 18px;
  }
  .result_wrap.culture .culture .culture_summary {
    padding-top: 0;
  }
  .result_wrap.culture .culture .culture_summary dt,
  .result_wrap.culture .culture .culture_summary dd {
    font-size: 15px;
  }
  .result_wrap.culture .culture .culture_summary dt {
    width: 90px;
  }
  .result_wrap.culture .culture .culture_summary dd {
    width: calc(100% - 90px);
  }
  .result_wrap.culture .culture .culture_summary dd strong {
    font-size: 15px;
  }
  .result_wrap.culture .culture .btn_wrap {
    width: 100%;
    position: static;
    padding: 15px 0 0;
  }
  .result_wrap.culture .culture .btn_wrap .btn {
    width: 100%;
    min-height: 40px;
    padding: 5px 5px;
  }
  .result_wrap.culture .culture .state {
    top: auto;
    right: 0;
    height: auto;
    bottom: 28px;
    padding: 0 15px;
    height: 23px;
  }
  .result_wrap.culture .culture.no_result {
    height: auto;
  }
  .result_wrap.culture .culture.no_result p {
    color: #999;
  }
  .culture_detail_wrap {
    padding: 0;
    border: 0 none;
    border-radius: 0;
  }
  .culture_detail_wrap h4 {
    position: relative;
  }
  .culture_detail_wrap:last-of-type {
    border-bottom: 0 none;
  }
  .culture_detail_wrap .thumbnail {
    position: static;
    margin: 0 auto 20px;
  }
  .culture_detail_wrap .caption {
    font-size: 15px;
    padding: 0 0 10px;
  }
  .culture_detail_wrap .title {
    font-size: 18px;
  }
  .culture_detail_wrap .culture_info {
    gap: 10px 0;
    padding: 20px 0 10px;
  }
  .culture_detail_wrap .culture_info li {
    width: 100%;
    display: flex;
    gap: 0;
  }
  .culture_detail_wrap .culture_info li .info_label {
    width: 90px;
    font-size: 15px;
  }
  .culture_detail_wrap .culture_info li .info_content {
    width: calc(100% - 90px);
    font-size: 15px;
  }
  .culture_detail_wrap .culture_info li .info_content strong {
    font-size: 15px;
  }
  .culture_detail_wrap .culture_summary {
    padding: 0;
    border-top: 0 none;
  }
  .culture_detail_wrap .culture_summary dt,
  .culture_detail_wrap .culture_summary dd {
    font-size: 15px;
  }
  .culture_detail_wrap .culture_summary dt {
    width: 90px;
  }
  .culture_detail_wrap .culture_summary dd {
    width: calc(100% - 90px);
  }
  .culture_detail_wrap .culture_summary dd strong {
    font-size: 15px;
  }
  .culture_detail_wrap .state {
    bottom: 50px;
    top: auto;
    width: auto;
    height: 23px;
    padding: 0 15px;
  }
  .culture_detail_wrap .culture_contents .culture_file {
    padding: 15px 15px;
  }
  .culture_detail_wrap .btn_wrap {
    position: static;
    transform: unset;
  }
  .culture_detail_wrap .btn_wrap .btn {
    min-width: 150px;
  }
  .result_wrap.view2 {
    gap: 15px;
  }
  .result_wrap.view2 .story_book {
    width: 100%;
    padding: 20px 15px;
  }
  .result_wrap.view2 .story_book h4 {
    padding: 0 0 15px;
  }
  .result_wrap.view2 .story_book .cover {
    width: 140px;
    height: 200px;
    margin: 0 auto 20px;
    position: static;
  }
  .result_wrap.view2 .story_book .title {
    font-size: 18px;
  }
  .result_wrap.view2 .story_book .story {
    padding: 15px 0 0;
    border-top: 1px dashed #dbdbdb;
  }
  .result_wrap.view2 .choice_book {
    width: 100%;
    padding: 20px 15px;
  }
  .result_wrap.view2 .choice_book .cover {
    margin: 0 auto;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .result_wrap.view2 .choice_book h4 {
    position: relative;
    padding: 220px 0 15px;
  }
  .result_wrap.view2 .choice_book .title {
    font-size: 18px;
  }
  .result_wrap.view2 .choice_book .book_summary {
    padding: 15px 0 0;
    border-top: 1px dashed #dbdbdb;
  }
  .result_wrap.view2 .choice_book .book_summary dt {
    width: 70px;
  }
  .result_wrap.view2 .choice_book .book_summary dd {
    width: calc(100% - 70px);
  }
  .result_wrap.exhibit,
  .result_wrap.movie {
    gap: 15px 0;
  }
  .result_wrap.exhibit .exhibit,
  .result_wrap.exhibit .movie,
  .result_wrap.movie .exhibit,
  .result_wrap.movie .movie {
    width: 100%;
    padding: 20px 15px;
  }
  .result_wrap.exhibit .exhibit .thumbnail,
  .result_wrap.exhibit .movie .thumbnail,
  .result_wrap.movie .exhibit .thumbnail,
  .result_wrap.movie .movie .thumbnail {
    margin: 0 auto 20px;
    position: static;
  }
  .result_wrap.exhibit .exhibit .movie_summary dt,
  .result_wrap.exhibit .exhibit .movie_summary dd,
  .result_wrap.exhibit .movie .movie_summary dt,
  .result_wrap.exhibit .movie .movie_summary dd,
  .result_wrap.movie .exhibit .movie_summary dt,
  .result_wrap.movie .exhibit .movie_summary dd,
  .result_wrap.movie .movie .movie_summary dt,
  .result_wrap.movie .movie .movie_summary dd {
    font-size: 15px;
  }
  .result_wrap.exhibit .exhibit .exhibit_summary dt,
  .result_wrap.exhibit .exhibit .exhibit_summary dd,
  .result_wrap.exhibit .movie .exhibit_summary dt,
  .result_wrap.exhibit .movie .exhibit_summary dd,
  .result_wrap.movie .exhibit .exhibit_summary dt,
  .result_wrap.movie .exhibit .exhibit_summary dd,
  .result_wrap.movie .movie .exhibit_summary dt,
  .result_wrap.movie .movie .exhibit_summary dd {
    font-size: 15px;
  }
  .result_wrap.exhibit .exhibit .exhibit_summary dt,
  .result_wrap.exhibit .movie .exhibit_summary dt,
  .result_wrap.movie .exhibit .exhibit_summary dt,
  .result_wrap.movie .movie .exhibit_summary dt {
    width: 90px;
  }
  .result_wrap.exhibit .exhibit .exhibit_summary dd,
  .result_wrap.exhibit .movie .exhibit_summary dd,
  .result_wrap.movie .exhibit .exhibit_summary dd,
  .result_wrap.movie .movie .exhibit_summary dd {
    width: calc(100% - 90px);
  }
  .exhibit_detail_wrap,
  .movie_detail_wrap {
    padding: 20px 0 0;
    border: 0 none;
  }
  .exhibit_detail_wrap .thumbnail,
  .movie_detail_wrap .thumbnail {
    margin: 0 auto 20px;
    position: static;
  }
  .exhibit_detail_wrap .title,
  .movie_detail_wrap .title {
    font-size: 18px;
  }
  .exhibit_detail_wrap .exhibit_summary,
  .movie_detail_wrap .exhibit_summary {
    padding: 15px 0 0;
    margin: 15px 0 0;
  }
  .exhibit_detail_wrap .exhibit_summary dt,
  .exhibit_detail_wrap .exhibit_summary dd,
  .movie_detail_wrap .exhibit_summary dt,
  .movie_detail_wrap .exhibit_summary dd {
    font-size: 15px;
  }
  .exhibit_detail_wrap .exhibit_summary dt,
  .movie_detail_wrap .exhibit_summary dt {
    width: 90px;
  }
  .exhibit_detail_wrap .exhibit_summary dd,
  .movie_detail_wrap .exhibit_summary dd {
    width: calc(100% - 90px);
  }
  .ico_new::before {
    width: 15px;
    height: 15px;
    font-size: 10px;
    letter-spacing: 0;
  }
  .table.notice,
  .table.qna,
  .table.series,
  .table.oneline,
  .table.survey {
    display: block;
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .table.notice thead,
  .table.qna thead,
  .table.series thead,
  .table.oneline thead,
  .table.survey thead {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .table.notice tbody,
  .table.qna tbody,
  .table.series tbody,
  .table.oneline tbody,
  .table.survey tbody {
    display: flex;
    flex-flow: column nowrap;
  }
  .table.notice tr,
  .table.qna tr,
  .table.series tr,
  .table.oneline tr,
  .table.survey tr {
    display: flex;
    flex-flow: row wrap;
    gap: 8px 6px;
    padding: 15px 15px;
    border-bottom: 1px solid #dbdbdb;
  }
  .table.notice tr:last-of-type,
  .table.qna tr:last-of-type,
  .table.series tr:last-of-type,
  .table.oneline tr:last-of-type,
  .table.survey tr:last-of-type {
    border-bottom: 1px solid #dbdbdb;
  }
  .table.notice tr:has(.no_result),
  .table.qna tr:has(.no_result),
  .table.series tr:has(.no_result),
  .table.oneline tr:has(.no_result),
  .table.survey tr:has(.no_result) {
    padding: 0;
  }
  .table.notice td,
  .table.qna td,
  .table.series td,
  .table.oneline td,
  .table.survey td {
    padding: 0;
    width: auto;
    border: 0 none;
  }
  .table.notice td.num,
  .table.qna td.num,
  .table.series td.num,
  .table.oneline td.num,
  .table.survey td.num {
    display: none;
  }
  .table.notice td.title,
  .table.qna td.title,
  .table.series td.title,
  .table.oneline td.title,
  .table.survey td.title {
    order: 1;
    flex: 1 1 100%;
  }
  .table.notice td.title .title_text,
  .table.qna td.title .title_text,
  .table.series td.title .title_text,
  .table.oneline td.title .title_text,
  .table.survey td.title .title_text {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
  }
  .table.notice td.title .ico_new,
  .table.notice td.title .ico_lock,
  .table.qna td.title .ico_new,
  .table.qna td.title .ico_lock,
  .table.series td.title .ico_new,
  .table.series td.title .ico_lock,
  .table.oneline td.title .ico_new,
  .table.oneline td.title .ico_lock,
  .table.survey td.title .ico_new,
  .table.survey td.title .ico_lock {
    margin: 0;
  }
  .table.notice td:not(.title),
  .table.qna td:not(.title),
  .table.series td:not(.title),
  .table.oneline td:not(.title),
  .table.survey td:not(.title) {
    order: 2;
    font-size: 15px;
    color: #777;
    width: auto;
  }
  .table.notice td .ico_file,
  .table.qna td .ico_file,
  .table.series td .ico_file,
  .table.oneline td .ico_file,
  .table.survey td .ico_file {
    width: 16px;
    height: 16px;
  }
  .table.notice td .ico_file::before,
  .table.qna td .ico_file::before,
  .table.series td .ico_file::before,
  .table.oneline td .ico_file::before,
  .table.survey td .ico_file::before {
    background-size: 16px auto;
  }
  .table.notice td.no_result,
  .table.qna td.no_result,
  .table.series td.no_result,
  .table.oneline td.no_result,
  .table.survey td.no_result {
    width: 100%;
    text-align: center;
    padding: 30px 15px;
  }
  .contents:has(.board_detail_wrap) .contents_header {
    display: none;
  }
  .board_detail_wrap {
    border-top: 0 none;
  }
  .board_info {
    background-color: transparent;
    padding: 24px 10px;
  }
  .board_info .board_title .text {
    font-size: 18px;
  }
  .board_info .board_summary {
    gap: 10px;
    padding: 15px 0 0;
  }
  .board_info .board_summary dt {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .board_info .board_summary dd:not(:first-of-type) {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .board_info .board_summary dd:not(:first-of-type)::before {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #dbdbdb;
  }
  .board_file {
    padding: 14px 10px;
  }
  .board_file li + li {
    padding: 10px 0 0;
  }
  .board_contents {
    padding: 30px 10px 40px;
    border-bottom: 1px solid #eee;
  }
  .comments_wrap {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 0;
    border-left: 0 none;
    border-right: 0 none;
  }
  .comments_item.comments_reply_item {
    padding: 20px 0 20px 20px;
  }
  .comments_item .commetns_func {
    position: static;
    padding: 15px 0 0;
  }
  .page_remote dd {
    padding: 12px 12px;
  }
  .board_write_wrap .title_input {
    height: 48px;
  }
  .table.board_setting {
    display: block;
  }
  .table.board_setting tbody {
    display: block;
  }
  .table.board_setting tr {
    display: flex;
    flex-flow: row wrap;
  }
  .table.board_setting tr > :first-child {
    border-left: 1px solid #dbdbdb;
  }
  .table.board_setting tr > :last-child {
    border-right: 1px solid #dbdbdb;
  }
  .table.board_setting th,
  .table.board_setting td {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
  }
  .table.board_setting th {
    width: 84px;
  }
  .table.board_setting td {
    width: calc(100% - 84px);
    border-left: 0 none;
  }
  .table.board_setting td .during_wrap {
    width: 100%;
  }
  .table.board_setting td .during_wrap input[type=date] {
    padding: 0 10px;
  }
  .table.board_setting td .during_wrap input[type=date]::-webkit-calendar-picker-indicator {
    background-image: none;
    transition: none;
  }
  .table.board_setting td .during_wrap input[type=date]::-webkit-calendar-picker-indicator:focus {
    border: 2px solid #151515;
  }
  .file_wrap .file_area.no_file::before {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .file_wrap .file_area.no_file::after {
    font-size: 15px;
  }
  .file_wrap .file_info dl {
    gap: 10px 0;
  }
  .file_wrap .file_info dl dt {
    width: 60px;
    margin: 0;
  }
  .file_wrap .file_info dl dd {
    width: calc(100% - 60px);
  }
  .file_wrap .file_info .btn_wrap {
    width: 100%;
    margin-left: inherit;
  }
  .file_wrap .file_info .btn_wrap .btn {
    flex: 1;
  }
  .qna_wrap {
    gap: 20px;
  }
  .qna_wrap .board_detail_wrap {
    /*padding: 20px 15px;*/
  }
  .qna_wrap .board_detail_wrap .board_info h4 {
    gap: 8px;
  }
  .qna_wrap .board_detail_wrap .board_info h4 .type {
    width: 24px;
    height: 24px;
    font-size: 0;
  }
  .qna_wrap .board_detail_wrap .board_info h4 .type::before {
    font-size: 15px;
  }
  .qna_wrap .board_detail_wrap .board_info h4 .text {
    min-height: 24px;
    font-size: 18px;
  }
  .qna_wrap .board_detail_wrap .board_contents {
    padding: 30px 0 10px;
  }
  .qna_wrap .board_file {
    padding: 15px 0;
  }
  .faq_wrap > article h4 {
    gap: 10px;
    padding: 0 34px 20px 0;
  }
  .faq_wrap > article h4 .ico_question {
    width: 24px;
    height: 24px;
  }
  .faq_wrap > article h4 .ico_question::before {
    font-size: 15px;
  }
  .faq_wrap > article h4 span {
    font-size: 16px;
  }
  .faq_wrap > article .js_open,
  .faq_wrap > article .js_close {
    width: 24px;
    height: 24px;
  }
  .faq_wrap > article .js_open::before,
  .faq_wrap > article .js_close::before {
    width: 24px;
    height: 24px;
    background-size: 20px auto;
  }
  .faq_wrap > article .ico_answer {
    width: 24px;
    height: 24px;
  }
  .faq_wrap > article .ico_answer::before {
    font-size: 15px;
  }
  .faq_wrap > article .answer {
    padding: 0 15px;
  }
  .faq_wrap > article .answer.on {
    padding: 20px 15px;
  }
  .result_wrap .fairytale {
    padding: 20px 15px;
  }
  .result_wrap .fairytale h4 {
    padding: 0 0 15px;
  }
  .result_wrap .fairytale .thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.7;
    margin: 0 0 20px;
    position: static;
  }
  .result_wrap .fairytale .title {
    font-size: 18px;
  }
  .result_wrap .fairytale .fairytale_summary {
    padding: 15px 0 0;
  }
  .result_wrap .fairytale .fairytale_summary dt {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .result_wrap .fairytale .fairytale_summary dd {
    width: 100%;
  }
  .result_wrap.gallery .gallery {
    width: calc(50% - 8px);
  }
  .result_wrap.gallery .gallery .thumbnail {
    aspect-ratio: 1/0.9;
  }
  .result_wrap.gallery .gallery .title {
    font-size: 16px;
  }
  .result_wrap.gallery .gallery .gallery_summary {
    gap: 6px 6px;
  }
  .result_wrap.gallery .gallery .gallery_summary dt {
    width: 16px;
    height: 16px;
  }
  .result_wrap.gallery .gallery .gallery_summary dt::before {
    background-size: 16px auto;
  }
  .result_wrap.gallery .gallery .gallery_summary dd {
    width: calc(100% - 22px);
    font-size: 15px;
  }
  .join_proce {
    display: none;
  }
  .join_choice_wrap a {
    flex: 1 1 100%;
    padding: 30px 20px;
  }
  .join_choice_wrap a + a {
    border-left: 0 none;
    border-top: 1px dashed #dbdbdb;
  }
  .join_choice_wrap a .type::before {
    width: 150px;
    height: 150px;
  }
  .join_choice_wrap.check_list a, .join_choice_wrap.check_list button {
    padding: 30px 20px;
  }
  .join_choice_wrap.check_list a > .type, .join_choice_wrap.check_list button > .type {
    font-size: 20px;
  }
  .join_choice_wrap.check_list a .caption, .join_choice_wrap.check_list button .caption {
    font-size: 18px;
    word-break: keep-all;
  }
  .join_choice_wrap.check_list a .small-text, .join_choice_wrap.check_list button .small-text {
    font-size: 14px;
    word-break: keep-all;
  }
  .join_choice_wrap.check_list a.join:before, .join_choice_wrap.check_list a.ieum:before, .join_choice_wrap.check_list button.join:before, .join_choice_wrap.check_list button.ieum:before {
    width: 90px;
    height: 90px;
    background-size: cover;
  }
  .terms_article .terms {
    max-height: 200px;
    padding: 20px 15px;
  }
  .terms_article .terms table.table th,
  .terms_article .terms table.table td {
    word-break: break-all;
    padding: 10px 10px;
  }
  .search_wrap {
    gap: 10px 6px;
  }
  .search_wrap .during_wrap {
    width: 100%;
  }
  .search_wrap .check_wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0 none;
  }
  .search_wrap .during_wrap + .check_wrap {
    padding: 10px 0 0;
    border-top: 1px dashed #dbdbdb;
  }
  .search_wrap > .btn_search {
    width: 100%;
    margin: 5px 0 0;
  }
  .table.loan,
  .table.interest,
  .table.hope,
  .table.volunteer,
  .table.delivery,
  .table.dream_apply,
  table.book_info {
    display: block;
    border: 0 none;
    position: relative;
  }
  .table.loan:has(thead input[type=checkbox]),
  .table.interest:has(thead input[type=checkbox]),
  .table.hope:has(thead input[type=checkbox]),
  .table.volunteer:has(thead input[type=checkbox]),
  .table.delivery:has(thead input[type=checkbox]),
  .table.dream_apply:has(thead input[type=checkbox]),
  table.book_info:has(thead input[type=checkbox]) {
    padding: 30px 0 0;
  }
  .table.loan thead th,
  .table.interest thead th,
  .table.hope thead th,
  .table.volunteer thead th,
  .table.delivery thead th,
  .table.dream_apply thead th,
  table.book_info thead th {
    position: fixed;
    left: -99999px;
    top: -99999px;
  }
  .table.loan thead th.check,
  .table.interest thead th.check,
  .table.hope thead th.check,
  .table.volunteer thead th.check,
  .table.delivery thead th.check,
  .table.dream_apply thead th.check,
  table.book_info thead th.check {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    padding: 0;
    background-color: transparent;
    border: 0 none;
  }
  .table.loan thead th.check label,
  .table.interest thead th.check label,
  .table.hope thead th.check label,
  .table.volunteer thead th.check label,
  .table.delivery thead th.check label,
  .table.dream_apply thead th.check label,
  table.book_info thead th.check label {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .table.loan thead th.check .hidden,
  .table.interest thead th.check .hidden,
  .table.hope thead th.check .hidden,
  .table.volunteer thead th.check .hidden,
  .table.delivery thead th.check .hidden,
  .table.dream_apply thead th.check .hidden,
  table.book_info thead th.check .hidden {
    font-weight: 400;
    color: #555;
    position: static;
    line-height: 1;
  }
  .table.loan tbody,
  .table.interest tbody,
  .table.hope tbody,
  .table.volunteer tbody,
  .table.delivery tbody,
  .table.dream_apply tbody,
  table.book_info tbody {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
  }
  .table.loan tbody tr,
  .table.interest tbody tr,
  .table.hope tbody tr,
  .table.volunteer tbody tr,
  .table.delivery tbody tr,
  .table.dream_apply tbody tr,
  table.book_info tbody tr {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
  }
  .table.loan tbody tr:last-child,
  .table.interest tbody tr:last-child,
  .table.hope tbody tr:last-child,
  .table.volunteer tbody tr:last-child,
  .table.delivery tbody tr:last-child,
  .table.dream_apply tbody tr:last-child,
  table.book_info tbody tr:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .table.loan tbody tr td,
  .table.interest tbody tr td,
  .table.hope tbody tr td,
  .table.volunteer tbody tr td,
  .table.delivery tbody tr td,
  .table.dream_apply tbody tr td,
  table.book_info tbody tr td {
    display: flex;
    align-items: center;
    border: 0 none;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #dbdbdb;
    text-align: left;
    word-break: break-all;
    position: relative;
  }
  .table.loan tbody tr td:last-of-type,
  .table.interest tbody tr td:last-of-type,
  .table.hope tbody tr td:last-of-type,
  .table.volunteer tbody tr td:last-of-type,
  .table.delivery tbody tr td:last-of-type,
  .table.dream_apply tbody tr td:last-of-type,
  table.book_info tbody tr td:last-of-type {
    border-bottom: 0 none;
  }
  .table.loan tbody tr td.check,
  .table.interest tbody tr td.check,
  .table.hope tbody tr td.check,
  .table.volunteer tbody tr td.check,
  .table.delivery tbody tr td.check,
  .table.dream_apply tbody tr td.check,
  table.book_info tbody tr td.check {
    width: 38px;
    justify-content: center;
    padding: 0;
  }
  .table.loan tbody tr td.num,
  .table.interest tbody tr td.num,
  .table.hope tbody tr td.num,
  .table.volunteer tbody tr td.num,
  .table.delivery tbody tr td.num,
  .table.dream_apply tbody tr td.num,
  table.book_info tbody tr td.num {
    display: none;
  }
  .table.loan tbody tr td.title,
  .table.interest tbody tr td.title,
  .table.hope tbody tr td.title,
  .table.volunteer tbody tr td.title,
  .table.delivery tbody tr td.title,
  .table.dream_apply tbody tr td.title,
  table.book_info tbody tr td.title {
    width: 100%;
    padding: 15px 10px;
  }
  .table.loan tbody tr td.title .title_text,
  .table.loan tbody tr td.title a,
  .table.interest tbody tr td.title .title_text,
  .table.interest tbody tr td.title a,
  .table.hope tbody tr td.title .title_text,
  .table.hope tbody tr td.title a,
  .table.volunteer tbody tr td.title .title_text,
  .table.volunteer tbody tr td.title a,
  .table.delivery tbody tr td.title .title_text,
  .table.delivery tbody tr td.title a,
  .table.dream_apply tbody tr td.title .title_text,
  .table.dream_apply tbody tr td.title a,
  table.book_info tbody tr td.title .title_text,
  table.book_info tbody tr td.title a {
    font-size: 16px;
    font-weight: 600;
  }
  .table.loan tbody tr td:not(.check, .title),
  .table.interest tbody tr td:not(.check, .title),
  .table.hope tbody tr td:not(.check, .title),
  .table.volunteer tbody tr td:not(.check, .title),
  .table.delivery tbody tr td:not(.check, .title),
  .table.dream_apply tbody tr td:not(.check, .title),
  table.book_info tbody tr td:not(.check, .title) {
    min-height: 40px;
    flex: 1 1 100%;
    padding: 10px 10px 10px 0;
  }
  .table.loan tbody tr td:not(.check, .title) br,
  .table.interest tbody tr td:not(.check, .title) br,
  .table.hope tbody tr td:not(.check, .title) br,
  .table.volunteer tbody tr td:not(.check, .title) br,
  .table.delivery tbody tr td:not(.check, .title) br,
  .table.dream_apply tbody tr td:not(.check, .title) br,
  table.book_info tbody tr td:not(.check, .title) br {
    display: none;
  }
  .table.loan tbody tr td:not(.check, .title)::before,
  .table.interest tbody tr td:not(.check, .title)::before,
  .table.hope tbody tr td:not(.check, .title)::before,
  .table.volunteer tbody tr td:not(.check, .title)::before,
  .table.delivery tbody tr td:not(.check, .title)::before,
  .table.dream_apply tbody tr td:not(.check, .title)::before,
  table.book_info tbody tr td:not(.check, .title)::before {
    width: 90px;
    height: calc(100% + 20px);
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 10px 0 0;
    background-color: #f6f6f6;
    border-right: 1px solid #dbdbdb;
    font-weight: 500;
    color: #555;
  }
  .table.loan tbody tr td.name::before,
  .table.interest tbody tr td.name::before,
  .table.hope tbody tr td.name::before,
  .table.volunteer tbody tr td.name::before,
  .table.delivery tbody tr td.name::before,
  .table.dream_apply tbody tr td.name::before,
  table.book_info tbody tr td.name::before {
    content: "이름";
  }
  .table.loan tbody tr td.manager_name::before,
  .table.interest tbody tr td.manager_name::before,
  .table.hope tbody tr td.manager_name::before,
  .table.volunteer tbody tr td.manager_name::before,
  .table.delivery tbody tr td.manager_name::before,
  .table.dream_apply tbody tr td.manager_name::before,
  table.book_info tbody tr td.manager_name::before {
    content: "매니저명";
  }
  .table.loan tbody tr td.id::before,
  .table.interest tbody tr td.id::before,
  .table.hope tbody tr td.id::before,
  .table.volunteer tbody tr td.id::before,
  .table.delivery tbody tr td.id::before,
  .table.dream_apply tbody tr td.id::before,
  table.book_info tbody tr td.id::before {
    content: "아이디";
  }
  .table.loan tbody tr td.apply_name::before,
  .table.interest tbody tr td.apply_name::before,
  .table.hope tbody tr td.apply_name::before,
  .table.volunteer tbody tr td.apply_name::before,
  .table.delivery tbody tr td.apply_name::before,
  .table.dream_apply tbody tr td.apply_name::before,
  table.book_info tbody tr td.apply_name::before {
    content: "신청인";
  }
  .table.loan tbody tr td.service_name::before,
  .table.interest tbody tr td.service_name::before,
  .table.hope tbody tr td.service_name::before,
  .table.volunteer tbody tr td.service_name::before,
  .table.delivery tbody tr td.service_name::before,
  .table.dream_apply tbody tr td.service_name::before,
  table.book_info tbody tr td.service_name::before {
    content: "서비스명";
  }
  .table.loan tbody tr td.box_num::before,
  .table.interest tbody tr td.box_num::before,
  .table.hope tbody tr td.box_num::before,
  .table.volunteer tbody tr td.box_num::before,
  .table.delivery tbody tr td.box_num::before,
  .table.dream_apply tbody tr td.box_num::before,
  table.book_info tbody tr td.box_num::before {
    content: "박스번호";
  }
  .table.loan tbody tr td.phone::before,
  .table.interest tbody tr td.phone::before,
  .table.hope tbody tr td.phone::before,
  .table.volunteer tbody tr td.phone::before,
  .table.delivery tbody tr td.phone::before,
  .table.dream_apply tbody tr td.phone::before,
  table.book_info tbody tr td.phone::before {
    content: "연락처";
  }
  .table.loan tbody tr td.apply_address::before,
  .table.interest tbody tr td.apply_address::before,
  .table.hope tbody tr td.apply_address::before,
  .table.volunteer tbody tr td.apply_address::before,
  .table.delivery tbody tr td.apply_address::before,
  .table.dream_apply tbody tr td.apply_address::before,
  table.book_info tbody tr td.apply_address::before {
    content: "신청주소";
  }
  .table.loan tbody tr td.apply_delivery_date::before,
  .table.interest tbody tr td.apply_delivery_date::before,
  .table.hope tbody tr td.apply_delivery_date::before,
  .table.volunteer tbody tr td.apply_delivery_date::before,
  .table.delivery tbody tr td.apply_delivery_date::before,
  .table.dream_apply tbody tr td.apply_delivery_date::before,
  table.book_info tbody tr td.apply_delivery_date::before {
    content: "신청일(배달일)";
  }
  .table.loan tbody tr td.author::before,
  .table.interest tbody tr td.author::before,
  .table.hope tbody tr td.author::before,
  .table.volunteer tbody tr td.author::before,
  .table.delivery tbody tr td.author::before,
  .table.dream_apply tbody tr td.author::before,
  table.book_info tbody tr td.author::before {
    content: "저자";
  }
  .table.loan tbody tr td.symbol::before,
  .table.interest tbody tr td.symbol::before,
  .table.hope tbody tr td.symbol::before,
  .table.volunteer tbody tr td.symbol::before,
  .table.delivery tbody tr td.symbol::before,
  .table.dream_apply tbody tr td.symbol::before,
  table.book_info tbody tr td.symbol::before {
    content: "청구기호";
  }
  .table.loan tbody tr td.isbn::before,
  .table.interest tbody tr td.isbn::before,
  .table.hope tbody tr td.isbn::before,
  .table.volunteer tbody tr td.isbn::before,
  .table.delivery tbody tr td.isbn::before,
  .table.dream_apply tbody tr td.isbn::before,
  table.book_info tbody tr td.isbn::before {
    content: "ISBN";
  }
  .table.loan tbody tr td.reg_num::before,
  .table.interest tbody tr td.reg_num::before,
  .table.hope tbody tr td.reg_num::before,
  .table.volunteer tbody tr td.reg_num::before,
  .table.delivery tbody tr td.reg_num::before,
  .table.dream_apply tbody tr td.reg_num::before,
  table.book_info tbody tr td.reg_num::before {
    content: "등록번호";
  }
  .table.loan tbody tr td.loan_yn::before,
  .table.interest tbody tr td.loan_yn::before,
  .table.hope tbody tr td.loan_yn::before,
  .table.volunteer tbody tr td.loan_yn::before,
  .table.delivery tbody tr td.loan_yn::before,
  .table.dream_apply tbody tr td.loan_yn::before,
  table.book_info tbody tr td.loan_yn::before {
    content: "대출상태";
  }
  .table.loan tbody tr td.library::before,
  .table.interest tbody tr td.library::before,
  .table.hope tbody tr td.library::before,
  .table.volunteer tbody tr td.library::before,
  .table.delivery tbody tr td.library::before,
  .table.dream_apply tbody tr td.library::before,
  table.book_info tbody tr td.library::before {
    content: "소장도서관";
  }
  .table.loan tbody tr td.library_name::before,
  .table.interest tbody tr td.library_name::before,
  .table.hope tbody tr td.library_name::before,
  .table.volunteer tbody tr td.library_name::before,
  .table.delivery tbody tr td.library_name::before,
  .table.dream_apply tbody tr td.library_name::before,
  table.book_info tbody tr td.library_name::before {
    content: "도서관명";
  }
  .table.loan tbody tr td.agency_name::before,
  .table.interest tbody tr td.agency_name::before,
  .table.hope tbody tr td.agency_name::before,
  .table.volunteer tbody tr td.agency_name::before,
  .table.delivery tbody tr td.agency_name::before,
  .table.dream_apply tbody tr td.agency_name::before,
  table.book_info tbody tr td.agency_name::before {
    content: "기관명";
  }
  .table.loan tbody tr td.loan_library::before,
  .table.interest tbody tr td.loan_library::before,
  .table.hope tbody tr td.loan_library::before,
  .table.volunteer tbody tr td.loan_library::before,
  .table.delivery tbody tr td.loan_library::before,
  .table.dream_apply tbody tr td.loan_library::before,
  table.book_info tbody tr td.loan_library::before {
    content: "대출도서관";
  }
  .table.loan tbody tr td.apply_library::before,
  .table.interest tbody tr td.apply_library::before,
  .table.hope tbody tr td.apply_library::before,
  .table.volunteer tbody tr td.apply_library::before,
  .table.delivery tbody tr td.apply_library::before,
  .table.dream_apply tbody tr td.apply_library::before,
  table.book_info tbody tr td.apply_library::before {
    content: "신청도서관";
  }
  .table.loan tbody tr td.data_room::before,
  .table.interest tbody tr td.data_room::before,
  .table.hope tbody tr td.data_room::before,
  .table.volunteer tbody tr td.data_room::before,
  .table.delivery tbody tr td.data_room::before,
  .table.dream_apply tbody tr td.data_room::before,
  table.book_info tbody tr td.data_room::before {
    content: "자료실";
  }
  .table.loan tbody tr td.library_num::before,
  .table.interest tbody tr td.library_num::before,
  .table.hope tbody tr td.library_num::before,
  .table.volunteer tbody tr td.library_num::before,
  .table.delivery tbody tr td.library_num::before,
  .table.dream_apply tbody tr td.library_num::before,
  table.book_info tbody tr td.library_num::before {
    content: "대출도서관 등록번호";
  }
  .table.loan tbody tr td.loan_date::before,
  .table.interest tbody tr td.loan_date::before,
  .table.hope tbody tr td.loan_date::before,
  .table.volunteer tbody tr td.loan_date::before,
  .table.delivery tbody tr td.loan_date::before,
  .table.dream_apply tbody tr td.loan_date::before,
  table.book_info tbody tr td.loan_date::before {
    content: "대출일";
  }
  .table.loan tbody tr td.apply_date::before,
  .table.interest tbody tr td.apply_date::before,
  .table.hope tbody tr td.apply_date::before,
  .table.volunteer tbody tr td.apply_date::before,
  .table.delivery tbody tr td.apply_date::before,
  .table.dream_apply tbody tr td.apply_date::before,
  table.book_info tbody tr td.apply_date::before {
    content: "신청일";
  }
  .table.loan tbody tr td.apply_due_date::before,
  .table.interest tbody tr td.apply_due_date::before,
  .table.hope tbody tr td.apply_due_date::before,
  .table.volunteer tbody tr td.apply_due_date::before,
  .table.delivery tbody tr td.apply_due_date::before,
  .table.dream_apply tbody tr td.apply_due_date::before,
  table.book_info tbody tr td.apply_due_date::before {
    content: "신청기간";
  }
  .table.loan tbody tr td.reserve_date::before,
  .table.interest tbody tr td.reserve_date::before,
  .table.hope tbody tr td.reserve_date::before,
  .table.volunteer tbody tr td.reserve_date::before,
  .table.delivery tbody tr td.reserve_date::before,
  .table.dream_apply tbody tr td.reserve_date::before,
  table.book_info tbody tr td.reserve_date::before {
    content: "예약일";
  }
  .table.loan tbody tr td.reserve_complete::before,
  .table.interest tbody tr td.reserve_complete::before,
  .table.hope tbody tr td.reserve_complete::before,
  .table.volunteer tbody tr td.reserve_complete::before,
  .table.delivery tbody tr td.reserve_complete::before,
  .table.dream_apply tbody tr td.reserve_complete::before,
  table.book_info tbody tr td.reserve_complete::before {
    content: "예약만기일";
  }
  .table.loan tbody tr td.reserve_end_date::before,
  .table.interest tbody tr td.reserve_end_date::before,
  .table.hope tbody tr td.reserve_end_date::before,
  .table.volunteer tbody tr td.reserve_end_date::before,
  .table.delivery tbody tr td.reserve_end_date::before,
  .table.dream_apply tbody tr td.reserve_end_date::before,
  table.book_info tbody tr td.reserve_end_date::before {
    content: "예약일";
  }
  .table.loan tbody tr td.tour_date::before,
  .table.interest tbody tr td.tour_date::before,
  .table.hope tbody tr td.tour_date::before,
  .table.volunteer tbody tr td.tour_date::before,
  .table.delivery tbody tr td.tour_date::before,
  .table.dream_apply tbody tr td.tour_date::before,
  table.book_info tbody tr td.tour_date::before {
    content: "견학일";
  }
  .table.loan tbody tr td.tour_time::before,
  .table.interest tbody tr td.tour_time::before,
  .table.hope tbody tr td.tour_time::before,
  .table.volunteer tbody tr td.tour_time::before,
  .table.delivery tbody tr td.tour_time::before,
  .table.dream_apply tbody tr td.tour_time::before,
  table.book_info tbody tr td.tour_time::before {
    content: "견학시간";
  }
  .table.loan tbody tr td.other_end_date::before,
  .table.interest tbody tr td.other_end_date::before,
  .table.hope tbody tr td.other_end_date::before,
  .table.volunteer tbody tr td.other_end_date::before,
  .table.delivery tbody tr td.other_end_date::before,
  .table.dream_apply tbody tr td.other_end_date::before,
  table.book_info tbody tr td.other_end_date::before {
    content: "타관대출 만료일";
  }
  .table.loan tbody tr td.return_due_date::before,
  .table.interest tbody tr td.return_due_date::before,
  .table.hope tbody tr td.return_due_date::before,
  .table.volunteer tbody tr td.return_due_date::before,
  .table.delivery tbody tr td.return_due_date::before,
  .table.dream_apply tbody tr td.return_due_date::before,
  table.book_info tbody tr td.return_due_date::before {
    content: "반납예정일";
  }
  .table.loan tbody tr td.return_delay_date::before,
  .table.interest tbody tr td.return_delay_date::before,
  .table.hope tbody tr td.return_delay_date::before,
  .table.volunteer tbody tr td.return_delay_date::before,
  .table.delivery tbody tr td.return_delay_date::before,
  .table.dream_apply tbody tr td.return_delay_date::before,
  table.book_info tbody tr td.return_delay_date::before {
    content: "연체일수";
  }
  .table.loan tbody tr td.return_date::before,
  .table.interest tbody tr td.return_date::before,
  .table.hope tbody tr td.return_date::before,
  .table.volunteer tbody tr td.return_date::before,
  .table.delivery tbody tr td.return_date::before,
  .table.dream_apply tbody tr td.return_date::before,
  table.book_info tbody tr td.return_date::before {
    content: "반납일";
  }
  .table.loan tbody tr td.state::before, .table.loan tbody tr td.loan_state:before,
  .table.interest tbody tr td.state::before,
  .table.interest tbody tr td.loan_state:before,
  .table.hope tbody tr td.state::before,
  .table.hope tbody tr td.loan_state:before,
  .table.volunteer tbody tr td.state::before,
  .table.volunteer tbody tr td.loan_state:before,
  .table.delivery tbody tr td.state::before,
  .table.delivery tbody tr td.loan_state:before,
  .table.dream_apply tbody tr td.state::before,
  .table.dream_apply tbody tr td.loan_state:before,
  table.book_info tbody tr td.state::before,
  table.book_info tbody tr td.loan_state:before {
    content: "상태";
  }
  .table.loan tbody tr td.loan_state::before,
  .table.interest tbody tr td.loan_state::before,
  .table.hope tbody tr td.loan_state::before,
  .table.volunteer tbody tr td.loan_state::before,
  .table.delivery tbody tr td.loan_state::before,
  .table.dream_apply tbody tr td.loan_state::before,
  table.book_info tbody tr td.loan_state::before {
    content: "대출상태";
  }
  .table.loan tbody tr td.book_state::before,
  .table.interest tbody tr td.book_state::before,
  .table.hope tbody tr td.book_state::before,
  .table.volunteer tbody tr td.book_state::before,
  .table.delivery tbody tr td.book_state::before,
  .table.dream_apply tbody tr td.book_state::before,
  table.book_info tbody tr td.book_state::before {
    content: "자료상태";
  }
  .table.loan tbody tr td.book_yn::before,
  .table.interest tbody tr td.book_yn::before,
  .table.hope tbody tr td.book_yn::before,
  .table.volunteer tbody tr td.book_yn::before,
  .table.delivery tbody tr td.book_yn::before,
  .table.dream_apply tbody tr td.book_yn::before,
  table.book_info tbody tr td.book_yn::before {
    content: "자료여부";
  }
  .table.loan tbody tr td.participant_num::before,
  .table.interest tbody tr td.participant_num::before,
  .table.hope tbody tr td.participant_num::before,
  .table.volunteer tbody tr td.participant_num::before,
  .table.delivery tbody tr td.participant_num::before,
  .table.dream_apply tbody tr td.participant_num::before,
  table.book_info tbody tr td.participant_num::before {
    content: "참여인원";
  }
  .table.loan tbody tr td.receipt_state::before,
  .table.interest tbody tr td.receipt_state::before,
  .table.hope tbody tr td.receipt_state::before,
  .table.volunteer tbody tr td.receipt_state::before,
  .table.delivery tbody tr td.receipt_state::before,
  .table.dream_apply tbody tr td.receipt_state::before,
  table.book_info tbody tr td.receipt_state::before {
    content: "접수현황";
  }
  .table.loan tbody tr td.apply_detail::before,
  .table.interest tbody tr td.apply_detail::before,
  .table.hope tbody tr td.apply_detail::before,
  .table.volunteer tbody tr td.apply_detail::before,
  .table.delivery tbody tr td.apply_detail::before,
  .table.dream_apply tbody tr td.apply_detail::before,
  table.book_info tbody tr td.apply_detail::before {
    content: "신청내역";
  }
  .table.loan tbody tr td.notice::before,
  .table.interest tbody tr td.notice::before,
  .table.hope tbody tr td.notice::before,
  .table.volunteer tbody tr td.notice::before,
  .table.delivery tbody tr td.notice::before,
  .table.dream_apply tbody tr td.notice::before,
  table.book_info tbody tr td.notice::before {
    content: "비고";
  }
  .table.loan tbody tr td.function::before,
  .table.interest tbody tr td.function::before,
  .table.hope tbody tr td.function::before,
  .table.volunteer tbody tr td.function::before,
  .table.delivery tbody tr td.function::before,
  .table.dream_apply tbody tr td.function::before,
  table.book_info tbody tr td.function::before {
    content: "기능";
  }
  .table.loan tbody tr td.book_name::before,
  .table.interest tbody tr td.book_name::before,
  .table.hope tbody tr td.book_name::before,
  .table.volunteer tbody tr td.book_name::before,
  .table.delivery tbody tr td.book_name::before,
  .table.dream_apply tbody tr td.book_name::before,
  table.book_info tbody tr td.book_name::before {
    content: "제목";
  }
  .table.loan tbody tr td.checkbox::before,
  .table.interest tbody tr td.checkbox::before,
  .table.hope tbody tr td.checkbox::before,
  .table.volunteer tbody tr td.checkbox::before,
  .table.delivery tbody tr td.checkbox::before,
  .table.dream_apply tbody tr td.checkbox::before,
  table.book_info tbody tr td.checkbox::before {
    content: "선택";
  }
  .table.loan tbody tr td.apply_check::before,
  .table.interest tbody tr td.apply_check::before,
  .table.hope tbody tr td.apply_check::before,
  .table.volunteer tbody tr td.apply_check::before,
  .table.delivery tbody tr td.apply_check::before,
  .table.dream_apply tbody tr td.apply_check::before,
  table.book_info tbody tr td.apply_check::before {
    content: "신청확인";
  }
  .table.loan tbody tr td.apply_check .btn,
  .table.interest tbody tr td.apply_check .btn,
  .table.hope tbody tr td.apply_check .btn,
  .table.volunteer tbody tr td.apply_check .btn,
  .table.delivery tbody tr td.apply_check .btn,
  .table.dream_apply tbody tr td.apply_check .btn,
  table.book_info tbody tr td.apply_check .btn {
    width: 100%;
  }
  .table.loan tbody tr td.return_delay::before,
  .table.interest tbody tr td.return_delay::before,
  .table.hope tbody tr td.return_delay::before,
  .table.volunteer tbody tr td.return_delay::before,
  .table.delivery tbody tr td.return_delay::before,
  .table.dream_apply tbody tr td.return_delay::before,
  table.book_info tbody tr td.return_delay::before {
    content: "반납연기";
  }
  .table.loan tbody tr td.return_delay .btn,
  .table.interest tbody tr td.return_delay .btn,
  .table.hope tbody tr td.return_delay .btn,
  .table.volunteer tbody tr td.return_delay .btn,
  .table.delivery tbody tr td.return_delay .btn,
  .table.dream_apply tbody tr td.return_delay .btn,
  table.book_info tbody tr td.return_delay .btn {
    width: 100%;
  }
  .table.loan tbody tr td.cancel::before, .table.loan tbody tr td.apply_cancel::before,
  .table.interest tbody tr td.cancel::before,
  .table.interest tbody tr td.apply_cancel::before,
  .table.hope tbody tr td.cancel::before,
  .table.hope tbody tr td.apply_cancel::before,
  .table.volunteer tbody tr td.cancel::before,
  .table.volunteer tbody tr td.apply_cancel::before,
  .table.delivery tbody tr td.cancel::before,
  .table.delivery tbody tr td.apply_cancel::before,
  .table.dream_apply tbody tr td.cancel::before,
  .table.dream_apply tbody tr td.apply_cancel::before,
  table.book_info tbody tr td.cancel::before,
  table.book_info tbody tr td.apply_cancel::before {
    content: "취소";
  }
  .table.loan tbody tr td.cancel .btn, .table.loan tbody tr td.apply_cancel .btn,
  .table.interest tbody tr td.cancel .btn,
  .table.interest tbody tr td.apply_cancel .btn,
  .table.hope tbody tr td.cancel .btn,
  .table.hope tbody tr td.apply_cancel .btn,
  .table.volunteer tbody tr td.cancel .btn,
  .table.volunteer tbody tr td.apply_cancel .btn,
  .table.delivery tbody tr td.cancel .btn,
  .table.delivery tbody tr td.apply_cancel .btn,
  .table.dream_apply tbody tr td.cancel .btn,
  .table.dream_apply tbody tr td.apply_cancel .btn,
  table.book_info tbody tr td.cancel .btn,
  table.book_info tbody tr td.apply_cancel .btn {
    width: 100%;
  }
  .table.loan tbody tr td.delete::before,
  .table.interest tbody tr td.delete::before,
  .table.hope tbody tr td.delete::before,
  .table.volunteer tbody tr td.delete::before,
  .table.delivery tbody tr td.delete::before,
  .table.dream_apply tbody tr td.delete::before,
  table.book_info tbody tr td.delete::before {
    content: "삭제";
  }
  .table.loan tbody tr td.delete .btn,
  .table.interest tbody tr td.delete .btn,
  .table.hope tbody tr td.delete .btn,
  .table.volunteer tbody tr td.delete .btn,
  .table.delivery tbody tr td.delete .btn,
  .table.dream_apply tbody tr td.delete .btn,
  table.book_info tbody tr td.delete .btn {
    width: 100%;
  }
  .table.loan tbody tr td.apply_date::before,
  .table.interest tbody tr td.apply_date::before,
  .table.hope tbody tr td.apply_date::before,
  .table.volunteer tbody tr td.apply_date::before,
  .table.delivery tbody tr td.apply_date::before,
  .table.dream_apply tbody tr td.apply_date::before,
  table.book_info tbody tr td.apply_date::before {
    content: "반납예정일";
  }
  .table.loan tbody tr td.loan_date::before,
  .table.interest tbody tr td.loan_date::before,
  .table.hope tbody tr td.loan_date::before,
  .table.volunteer tbody tr td.loan_date::before,
  .table.delivery tbody tr td.loan_date::before,
  .table.dream_apply tbody tr td.loan_date::before,
  table.book_info tbody tr td.loan_date::before {
    content: "대출일";
  }
  .table.loan tbody tr td:has(.btn),
  .table.interest tbody tr td:has(.btn),
  .table.hope tbody tr td:has(.btn),
  .table.volunteer tbody tr td:has(.btn),
  .table.delivery tbody tr td:has(.btn),
  .table.dream_apply tbody tr td:has(.btn),
  table.book_info tbody tr td:has(.btn) {
    min-height: 60px;
  }
  .table.loan tbody tr td.no_result,
  .table.interest tbody tr td.no_result,
  .table.hope tbody tr td.no_result,
  .table.volunteer tbody tr td.no_result,
  .table.delivery tbody tr td.no_result,
  .table.dream_apply tbody tr td.no_result,
  table.book_info tbody tr td.no_result {
    width: 100%;
    justify-content: center;
    padding: 40px 10px;
  }
  .table.loan tbody tr td.no_result::before,
  .table.interest tbody tr td.no_result::before,
  .table.hope tbody tr td.no_result::before,
  .table.volunteer tbody tr td.no_result::before,
  .table.delivery tbody tr td.no_result::before,
  .table.dream_apply tbody tr td.no_result::before,
  table.book_info tbody tr td.no_result::before {
    display: none;
  }
  .table.loan tbody tr:has(input[type=checkbox]) .title,
  .table.interest tbody tr:has(input[type=checkbox]) .title,
  .table.hope tbody tr:has(input[type=checkbox]) .title,
  .table.volunteer tbody tr:has(input[type=checkbox]) .title,
  .table.delivery tbody tr:has(input[type=checkbox]) .title,
  .table.dream_apply tbody tr:has(input[type=checkbox]) .title,
  table.book_info tbody tr:has(input[type=checkbox]) .title {
    width: calc(100% - 38px);
    padding: 15px 10px 15px 0;
  }
  main.main .container {
    padding: 0 20px;
  }
  main.main .container h2 {
    font-size: 28px;
    line-height: 1;
  }
  main.main .container h2 .slog {
    font-size: 18px;
  }
  main.main .container .main_search {
    width: 100%;
  }
  main.main .container .main_search .select_wrap {
    width: 40%;
    max-width: 80px;
    border-right: 0;
    height: 60px;
    border-right: 2px solid #2d41b3;
  }
  main.main .container .main_search .select_wrap select {
    font-size: 16px;
  }
  main.main .container .main_search input {
    width: 80%;
    height: 60px;
    border: 0;
    font-size: 16px;
  }
  main.main .container .main_search button {
    width: 15%;
    height: 60px;
    background: #fff url("../images/icon_search.svg") no-repeat center;
    text-indent: -99999px;
  }
  .main_section {
    padding: 0 20px 60px;
    flex-wrap: wrap;
  }
  .main_section .main_box .title {
    font-size: 20px;
  }
  .main_section .main_box.login_area {
    width: 100%;
  }
  .main_section .main_box.login_area #loginAfter {
    max-width: unset;
  }
  .main_section .main_box.login_area .login_complete {
    font-size: 20px;
  }
  .main_section .main_box.login_area .login {
    margin-top: 10px;
  }
  .main_section .main_box.login_area .login .button_area {
    width: 100%;
    flex-flow: row-reverse;
    justify-content: space-between;
    gap: 5px;
  }
  .main_section .main_box.login_area .login .button_area .btn {
    margin-top: 0;
  }
  .main_section .main_box.login_area .login .button_area button {
    min-width: unset;
  }
  .main_section .main_box.login_area .find_area {
    margin-top: 10px;
  }
  .main_section .main_box.favorit_area {
    width: 100%;
  }
  .main_section .main_box.favorit_area .sub_text {
    margin-top: 4px;
    font-size: 15px;
    word-break: keep-all;
  }
  .main_section .main_box.favorit_area .link_area {
    margin-top: 20px;
    justify-content: space-between;
  }
  .main_section .main_box.favorit_area .link_area li {
    width: 49%;
  }
  .main_section .main_box.date_area {
    width: 100%;
  }
  .main_section .main_box.date_area .holiday_area .top {
    flex-wrap: wrap;
    align-items: baseline;
  }
  .main_section .main_box.date_area .holiday_area .top p {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    line-height: 140%;
  }
  .main_section .main_box.date_area .holiday_area .bottom {
    margin-top: 16px;
    justify-content: center;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date button.left_btn {
    margin-right: 10px;
  }
  .main_section .main_box.date_area .holiday_area .bottom .select_date button.right_btn {
    margin-left: 10px;
  }
  .main_section .main_box.date_area .holiday_area .bottom .list_scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .main_section .main_box.date_area .holiday_area .bottom .list_scroll .choice_date li {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .main_section .main_box.share_area {
    width: 100%;
  }
  .main_section .main_box.share_area .tab_area li h3 {
    font-size: 20px;
  }
  .main_section .main_box.share_area .view_area ul li {
    flex-wrap: wrap;
    margin-top: 0;
    padding-top: 10px;
    align-items: center;
  }
  .main_section .main_box.share_area .view_area ul li a {
    max-width: 65%;
  }
  .main_section .main_box.share_area .view_area ul li a.new {
    padding-right: 5%;
  }
  .main_section .main_box.share_area .view_area ul li span {
    display: block;
    margin-top: 4px;
    font-size: 14px;
  }
  .main_section .main_box.share_area .view_area ul li:first-child {
    padding-top: 20px;
  }
  .join_choice_wrap a.type::before,
  .join_choice_wrap button.type::before {
    width: 100px;
    height: 100px;
    background-size: 100%;
  }
  .join_choice_wrap a > .type,
  .join_choice_wrap button > .type {
    font-size: 20px;
  }
  table.input_table td .check_wrap:has(input[type=radio]) .label_box, table.join td .check_wrap:has(input[type=radio]) .label_box {
    width: auto;
  }
  table.input_table .phone_input {
    width: 100%;
  }
  table.input_table .phone_input + .check_wrap {
    display: block;
    width: 100%;
  }
  table .flex {
    flex-wrap: wrap;
  }
  .event_tab_area {
    position: relative;
    margin-bottom: 20px;
  }
  .event_tab_area ul {
    height: 40px;
  }
  .event_tab_area .mobile_text {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url("../images/select_arrow.svg") no-repeat 98% center;
  }
  .event_tab_area .mobile_text.on {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  .event_tab_area .mobile_list {
    position: absolute;
    top: 37px;
    display: none;
    width: 100%;
    border: 0;
    background: #fff;
    z-index: 1;
  }
  .event_tab_area .mobile_list li {
    display: block;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    box-sizing: border-box;
  }
  .event_tab_area .mobile_list li button {
    text-align: left;
    padding-left: 10px;
  }
  .event_tab_area .mobile_list li:first-child {
    border-top: 1px solid #ddd;
  }
  .event_tab_area .mobile_list li:last-child {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .event_tab_area .mobile_list.on {
    display: block;
  }
  .h4_deco .sub_title {
    display: block;
  }
  .history_area .box .history_list.v2 li {
    flex-wrap: wrap;
    padding-left: 0;
  }
  .history_area .box .history_list.v2 li strong {
    display: block;
    width: 100%;
    padding: 0;
  }
  .history_area .box .history_list.v2 li > ul {
    padding: 10px 0 0 0;
  }
  .history_area .box .history_list.v2 > li {
    padding-left: 30px;
  }
  .intro_contents {
    padding-right: 0;
    background: none;
  }
  .event_tab_ area {
    margin-bottom: 20px;
  }
  .event_tab_ area ul {
    height: 40px;
  }
  .result_wrap.view2 .btn_wrap {
    text-align: center;
  }
  .search_wrap select {
    flex: 1;
    width: 100%;
    min-width: 50px;
  }
  .search_wrap .search_box {
    flex: auto;
  }
  .search_wrap .search_box .btn_search {
    width: 40px !important;
    text-indent: -99999px;
    background: #0080e6 url("../images/icon_search_white.svg") no-repeat center center;
  }
  .contents_header {
    padding-bottom: 20px;
  }
  .tab_view_area .overflow {
    overflow: auto;
  }
  .tab_view_area .view .result_wrap.newspaper > ul {
    flex-wrap: wrap;
  }
  .tab_view_area .view .result_wrap.newspaper > ul li {
    width: 33.3333%;
    min-height: 85px;
  }
  .tab_view_area .view .result_wrap.newspaper > ul li.logo_01, .tab_view_area .view .result_wrap.newspaper > ul li.logo_02, .tab_view_area .view .result_wrap.newspaper > ul li.logo_03, .tab_view_area .view .result_wrap.newspaper > ul li.logo_04, .tab_view_area .view .result_wrap.newspaper > ul li.logo_05, .tab_view_area .view .result_wrap.newspaper > ul li.logo_06, .tab_view_area .view .result_wrap.newspaper > ul li.logo_07, .tab_view_area .view .result_wrap.newspaper > ul li.logo_08, .tab_view_area .view .result_wrap.newspaper > ul li.logo_09, .tab_view_area .view .result_wrap.newspaper > ul li.logo_09, .tab_view_area .view .result_wrap.newspaper > ul li.logo_10, .tab_view_area .view .result_wrap.newspaper > ul li.logo_11 {
    background-size: 80px;
  }
  .tab_view_area .view .result_wrap.newspaper > ul li.logo_10 {
    border-bottom: 0;
  }
  .tab_view_area .hope_input .flex_jsb {
    flex-wrap: wrap;
  }
  .result_top select {
    min-width: 140px;
  }
  .result_top {
    align-items: center;
  }
  .result_top .count {
    width: 100%;
  }
  .result_top .btn_wrap {
    width: 40%;
    flex-flow: nowrap;
    justify-content: flex-end;
  }
  .result_top .btn_wrap select {
    min-width: unset;
    width: 100%;
  }
  .search_wrap .search_box {
    width: 100%;
    flex-wrap: wrap;
  }
  .search_wrap .search_box label {
    width: 80px;
  }
  .search_wrap .top_btn {
    display: flex;
    width: 100%;
  }
  .search_wrap .top_btn .btn {
    flex: 1;
  }
  .search_wrap.nospace .search_box input[type=text] {
    width: calc(100% - 80px);
  }
  .search_wrap .btn_wrap {
    flex-wrap: nowrap;
  }
  .result_wrap .book .btn_wrap {
    position: static;
    transform: unset;
  }
  .result_wrap .book .book_summary {
    gap: 4px 0;
  }
  .result_wrap .book .book_summary dt {
    width: 90px;
  }
  .result_wrap .book .book_summary dd.detail_book {
    width: calc(100% - 130px);
  }
  .result_wrap .book .btn_wrap .reserve_info br {
    display: none;
  }
  .result_wrap.book .book .book_summary {
    padding: 0;
  }
  .result_wrap.view2 {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .result_wrap.view2 .book {
    width: 100%;
    padding: 10px 0 10px 175px;
    box-sizing: border-box;
  }
  .result_wrap.view2 .book .cover {
    margin: 0 auto;
  }
  .result_wrap.view2 .book .bookSelectBtn .title {
    margin-top: 10px;
  }
  .result_wrap.view2 .btn.pri {
    width: 100%;
  }
  .result_wrap .book .cover:after {
    display: none;
  }
  .certification_layer {
    width: 80%;
  }
  .certification_layer .top .title {
    font-size: 20px;
  }
  .certification_layer .content {
    margin-top: 10px;
  }
  .certification_layer .content .profile_area img {
    max-width: 50px;
  }
  .certification_layer .content .profile_area p {
    font-size: 16px;
    line-height: 20px;
  }
  .certification_layer .content .certification_area {
    margin-top: 15px;
    padding: 10px;
  }
  .certification_layer .content .certification_area .event_tab_area ul li button {
    padding: 7px 15px;
  }
  .certification_layer .content .state_area ul {
    height: 30px;
  }
  .certification_layer .content .notice_list {
    padding-bottom: 10px;
  }
  .certification_layer .content .notice_list ul li {
    font-size: 14px;
    line-height: 20px;
    text-indent: -7px;
    padding-left: 7px;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box {
    display: block;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box > span {
    display: block;
    text-align: left;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box > span br {
    display: none;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div {
    display: block;
    border: 0;
    margin-top: 10px;
    text-align: left;
    padding-left: 0;
  }
  .main_section .main_box.date_area .biz_area .time_wrap .time_box div ul li {
    margin: 5px 0 0;
  }
  .result_wrap .number {
    display: none;
  }
  .result_wrap.view2 .book .btn_wrap {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .book_detail_wrap .book_summary dt {
    width: 80px;
  }
  .book_detail_wrap .book_summary dd {
    width: calc(100% - 80px);
  }
  .book_detail_wrap .btn_wrap {
    position: static;
    display: flex;
    transform: unset;
    flex-wrap: wrap;
  }
  .book_detail_wrap .btn_wrap .btn {
    margin: 0;
  }
  .book_detail_wrap .btn_wrap p.reserve_info {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
  .flex_jsb_ac {
    padding-bottom: 10px;
  }
  .no_result.search, .no_result.noting {
    height: auto;
  }
  .auto_x + .btn_wrap,
  .article + .btn_wrap {
    padding-top: 30px;
  }
  .faq_wrap > article .answer_wrap > * {
    font-size: 14px !important;
  }
  .flex_ac.padding_t10 {
    display: block;
  }
  .flex_ac.padding_t10 p {
    margin-top: 10px;
    padding-left: 0;
  }
  table.input_table .address_input .address1 {
    max-width: 100%;
  }
  .login_wrap {
    max-width: unset;
    padding: 40px 15px;
  }
  .login_wrap .login_header {
    padding: 0 0 25px;
  }
  .login_wrap .login_header h4 {
    font-size: 0;
  }
  .login_wrap .login_header h4:before {
    width: 215px;
    height: 60px;
  }
  .login_wrap .login_header p {
    font-size: 18px;
  }
  .login_wrap .login_body .btn_login {
    height: 45px;
    font-size: 16px;
  }
  .login_wrap .login_body .save_wrap {
    padding: 15px 0 25px;
  }
  .login_wrap .login_body .login_link_wrap {
    padding: 20px 0 0 0;
  }
  .find_id_area {
    padding: 20px;
  }
  .find_id_area ul li .title {
    width: 75px;
    font-size: 18px;
  }
  section.contents .privacy .privacy_notice {
    padding: 10px;
  }
  section.contents .privacy .com_box {
    margin-top: 40px;
  }
  section.contents .privacy .com_box.category > ul {
    margin-top: 10px;
  }
  section.contents .privacy .com_box.category > ul > li {
    width: 25%;
    padding: 20px;
  }
  section.contents .privacy .com_box.category > ul > li span {
    padding-top: 65%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_1 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_2 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_3 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_4 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_5 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_6 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_7 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_8 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_9 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_10 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_11 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_12 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_13 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_14 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_15 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li span.menu_16 {
    background-size: 50%;
  }
  section.contents .privacy .com_box.category > ul > li:hover:nth-of-type(8) {
    border-top-right-radius: 0;
  }
  section.contents .privacy .com_box.category .link_list {
    padding: 20px 10px;
  }
  section.contents .privacy .com_box.category .link_list ul li {
    padding: 5px 0;
  }
  section.contents .privacy .com_box.category .link_list ul li a {
    flex-wrap: wrap;
  }
  section.contents .privacy .com_box.category .link_list ul li a strong {
    width: 100%;
    margin-bottom: 5px;
  }
  section.contents .privacy .com_box p.right {
    text-align: left;
  }
  section.contents .privacy .com_box .table_area.v2 td,
  section.contents .privacy .com_box .table_area.v2 th {
    max-width: unset;
    width: auto;
  }
  section.contents .privacy .com_box .table_area.scroll {
    overflow: auto;
  }
  section.contents .privacy .com_box .table_area.scroll table {
    width: 600px;
  }
  .layer_popup {
    width: 95%;
  }
  .scroll {
    overflow: auto;
  }
  .scroll .table {
    width: 60rem;
  }
  .join_choice_wrap {
    flex-direction: column;
  }
  .join_choice_wrap .certify_phone {
    border-bottom: 1px solid #eee;
  }
}
@media screen and (max-width: 520px) {
  .result_wrap.teacher_exhibit {
    gap: 40px;
  }
  .result_wrap.teacher_exhibit .teacher_exhibit {
    width: 100%;
  }
  .member_certify_wrap {
    padding: 0;
    border: 0 none;
    border-radius: 0;
  }
  .member_certify_wrap label {
    font-size: 16px;
    word-break: keep-all;
    line-height: 1.2em;
  }
  .member_certify_wrap label::before {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
  }
  section.contents .privacy .com_box .sub_title {
    line-height: 140%;
  }
  section.contents .privacy .com_box.category > ul > li {
    width: 33%;
    padding: 15px;
  }
  section.contents .privacy .com_box.category .link_list {
    display: block;
  }
  section.contents .privacy .com_box.category .link_list ul {
    width: 100%;
  }
  section.contents .privacy .com_box.list .title {
    font-size: 16px;
  }
  section.contents .privacy .com_box.list .sub_text {
    font-size: 14px;
  }
  section.contents .privacy .com_box.list ul.step li {
    font-size: 14px;
  }
  section.contents .privacy .com_box.list ul.list > li > ul.sub_list > li {
    font-size: 14px;
  }
  .tab_view_area .view .result_wrap.newspaper > ul li {
    width: 50%;
  }
  .tab_view_area .view .result_wrap.newspaper > ul li.logo_10 {
    border-bottom: 1px solid #ddd;
  }
  .result_wrap.view2 .book {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }
  .result_wrap.view2 .book .cover {
    position: static;
  }
}
/* 반응형 520px end */

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