@charset "UTF-8";
/*-------------------------------------------------

Title       : 공통 (폼/게시판/버튼)
Author      : EASESOFT
Create Date : 2026-01

-------------------------------------------------*/
/* Button ================================================================================== */
.btn_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.btn_box.center {
  justify-content: center;
}
.btn_box.right {
  justify-content: flex-end;
}
.btn_box.between {
  justify-content: space-between;
}
.btn_box.between .cut {
  margin-left: auto;
}
.btn_box.column {
  flex-direction: column;
}
.btn_box .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  min-height: 4.8rem;
  min-width: 15.8rem;
  padding: 0.5rem 1.6rem;
  border: 1px solid #8e8e8e;
  background: #FFFFFF;
  transition: 0.3s;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
}
.btn_box .btn.xsm {
  padding: 0.5rem 1.6rem;
  min-height: 3.2rem;
  min-width: 12.8rem;
  font-size: 1.4rem;
}
.btn_box .btn.sm {
  padding: 0.5rem 1.6rem;
  min-height: 4.2rem;
  min-width: 13.2rem;
  font-size: 1.5rem;
}
.btn_box .btn.lg {
  padding: 0.5rem 3.2rem;
  min-height: 5.6rem;
  min-width: 20rem;
  font-size: 1.8rem;
}
.btn_box .btn.wd_def {
  min-width: auto;
}
.btn_box .btn.flex1 {
  flex: 1;
  min-width: auto;
}
.btn_box .btn.center {
  justify-content: center;
}
.btn_box .btn.gray {
  border-color: transparent;
  background: #4C5D68;
  color: #FFFFFF;
}
.btn_box .btn.navy {
  border-color: transparent;
  background: #4C5D68;
  color: #FFFFFF;
}
.btn_box .btn.point {
  border-color: transparent;
  background: #000000;
  color: #FFFFFF;
}
.btn_box .btn.l_gray {
  background: #F8F9FA;
}
.btn_box .btn.flat {
  border: none;
  border-radius: 0;
}
.btn_box .btn.flat.gray {
  border-color: #F5F7F9;
  background: #F5F7F9;
}
.btn_box .btn.ic {
  justify-content: space-between;
  gap: 1.2rem;
}
.btn_box .btn.ic::after {
  font-family: "remixicon";
  position: relative;
  z-index: 1;
  font-weight: 400;
  text-align: center;
  font-size: 1.8rem;
}
.btn_box .btn.ic.down::after {
  content: "\ec5a";
}
.btn_box .btn.ic.check::after {
  content: "\eb7a";
}
.btn_box .btn.ic.refresh::after {
  content: "\f33f";
}
.btn_box .btn.ic.window::after {
  content: "\ea70";
}
.btn_box .btn.ic.search::after {
  content: "\f0d1";
}
.btn_box .btn.ic.new::after {
  content: "\ecaf";
}
.btn_box .btn.ic.plus::after {
  content: "\ea13";
}
.btn_box .btn.ic.go::after {
  content: "\ea6e";
}
.btn_box .btn.ic.arrow::after {
  content: "\ea6e";
}
.btn_box .btn.ic.arrow2::after {
  content: "\ea6c";
}
.btn_box .btn.ic.arrow_b::after {
  content: "\ea4e";
}
.btn_box .btn.ic.arrow_u::after {
  content: "\ea78";
}
.btn_box .btn.ic.arrow_l::after {
  content: "\ea64";
}
.btn_box .btn.ic.logout::after {
  content: "\eeda";
}
.btn_box .btn.ic.trash::after {
  content: "\ec2a";
}
.btn_box .btn.ic.close::after {
  content: "\eb99";
}
.btn_box .btn.ic.google::after {
  content: "\edd6";
}
.btn_box .btn.ic.apple::after {
  content: "\ea3d";
}
.btn_box .btn.ic.ai::after {
  content: "\f36c";
}
.btn_box .btn.ic.long::after {
  margin-left: 8rem;
}
.btn_box .btn.ic.center {
  justify-content: center;
}
.btn_box .btn.ic.left::after {
  order: -1;
}
.btn_box .btn.round {
  overflow: hidden;
  width: 4.2rem;
  min-width: 4.2rem;
  height: 4.2rem;
  min-height: 4.2rem;
  padding: 0;
  border-radius: 100%;
  font-size: 0;
}
.btn_box .btn.round::after {
  font-size: 2rem;
  margin: 0;
  width: 100%;
}
.btn_box .btn.txt {
  min-width: inherit;
  min-height: inherit;
  border-radius: 0;
  border: none;
  padding: 0;
}
.btn_box .btn.txt.ic::after {
  margin-left: 1rem;
}
.btn_box .btn.txt em {
  position: relative;
}
.btn_box .btn.txt em::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #1F3442;
  transition: 0.3s;
}
@media all and (min-width: 1025px) {
  .btn_box .btn:hover, .btn_box .btn:focus {
    border-color: transparent;
    background: #000000;
    color: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
  }
  .btn_box .btn.navy:hover, .btn_box .btn.navy:focus {
    border-color: #4C5D68;
    background: #4C5D68;
  }
  .btn_box .btn.point:hover, .btn_box .btn.point:focus {
    background: #333333;
    border-color: #333333;
  }
  .btn_box .btn.gray:hover, .btn_box .btn.gray:focus {
    background: #F2F6FC;
    border-color: #F2F6FC;
    color: #697780;
  }
  .btn_box .btn.txt:hover, .btn_box .btn.txt:focus {
    border-color: transparent;
    background: none;
    color: #1F3442;
    box-shadow: none;
  }
  .btn_box .btn.txt:hover em::before, .btn_box .btn.txt:focus em::before {
    width: 100%;
  }
  .btn_box .btn.flat:hover, .btn_box .btn.flat:focus {
    box-shadow: none;
  }
  .btn_box .btn.flat.gray:hover, .btn_box .btn.flat.gray:focus {
    background: #e2e8f2;
  }
  .btn_box .btn.flat.point:hover, .btn_box .btn.flat.point:focus {
    background: #293faa;
  }
}

/* Form ================================================================================== */
.form_radio {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  height: 2rem;
  gap: 0.5rem;
  align-items: center;
}
.form_radio input[type=radio] {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #dddddd;
  background: #FFFFFF;
  border-radius: 100%;
  box-sizing: border-box;
  transition: 0.3s;
  appearance: none;
}
.form_radio input[type=radio] + label {
  cursor: pointer;
  line-height: 1;
}
.form_radio input[type=radio] + label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #697780;
  transition: 0.3s;
  border-radius: 9rem;
  opacity: 0;
  visibility: hidden;
}
.form_radio input[type=radio]:checked {
  border: 3px solid #697780;
}
.form_radio input[type=radio]:checked + label::before {
  opacity: 1;
  visibility: visible;
}
.form_radio input[type=radio]:focus + label {
  outline: 1px dotted #000000;
}
.form_radio input[type=radio]:disabled {
  background: #dddddd;
}
.form_radio input[type=radio]:disabled + label {
  color: #8e8e8e;
}
.form_radio input[type=radio]:disabled + label::before {
  background: #dddddd;
}

.form_radio_box {
  position: relative;
  display: block;
}
.form_radio_box input[type=radio] {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.form_radio_box input[type=radio] + label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 4.8rem;
  min-width: 17.2rem;
  padding: 0 0.5rem;
  cursor: pointer;
  border: 1px solid #dddddd;
  color: #8e8e8e;
  transition: 0.3s;
  box-sizing: border-box;
  font-size: 1.6rem;
}
.form_radio_box input[type=radio] + label::after {
  display: none;
  content: "\eb7b";
  font-family: "remixicon";
  margin-left: 0.5rem;
}
.form_radio_box input[type=radio]:checked + label {
  background: #697780;
  color: #FFFFFF;
}
.form_radio_box input[type=radio]:checked + label::after {
  display: block;
}
@media screen and (min-width: 1025px) {
  .form_radio_box:hover input[type=radio]:not(:checked) + label {
    border: 1px solid #697780;
    color: #697780;
  }
}

.form_check {
  position: relative;
  display: inline-flex;
}
.form_check input[type=checkbox] {
  width: 0;
  height: 0;
}
.form_check input[type=checkbox] + label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.form_check input[type=checkbox] + label::before {
  content: "";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 2px solid #dddddd;
  background: #FFFFFF;
  font-family: "remixicon";
  color: #FFFFFF;
  box-sizing: border-box;
  transition: 0.3s;
  border-radius: 4px;
}
.form_check input[type=checkbox]:checked + label::before {
  content: "\eb7b";
  border-color: #697780;
  background: #697780;
}
.form_check input[type=checkbox]:focus + label {
  outline: 1px dotted #000000;
}
.form_check input[type=checkbox]:disabled + label {
  color: #8e8e8e;
}
.form_check input[type=checkbox]:disabled + label::before {
  background: #dddddd;
}
.form_check + .form_item {
  margin-left: 2rem;
}
.form_check.round input + label::before {
  border-radius: 100%;
  border: 1px solid #dddddd;
}

.form_check_box {
  position: relative;
}
.form_check_box input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.form_check_box input[type=checkbox] + label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  padding: 0 1.6rem;
  cursor: pointer;
  border: 1px solid #dddddd;
  transition: 0.3s;
  box-sizing: border-box;
  font-size: 1.6rem;
  border-radius: 0.2rem;
  color: #000000;
}
.form_check_box input[type=checkbox]:checked + label {
  background: rgba(156, 107, 47, 0.8);
  border-color: transparent;
  color: #FFFFFF;
}
.form_check_box input[type=checkbox]:focus + label {
  outline: 2px solid #000;
}
@media screen and (min-width: 1024px) {
  .form_check_box:hover input[type=checkbox]:not(:checked) + label {
    background: rgba(156, 107, 47, 0.3);
    border-color: transparent;
  }
}

input.form_input {
  height: 4.8rem;
  padding: 0 1.6rem;
  border: 1px solid #dddddd;
  transition: 0.2s;
  text-overflow: ellipsis;
}
input.form_input[readonly], input.form_input[disabled] {
  border-color: #dddddd;
  background: #FCFDFD;
  color: #8e8e8e;
}
input.form_input:focus {
  border-color: #131822;
  box-shadow: 0 3px 6px rgba(178, 178, 185, 0.2509803922);
}
input.form_input::placeholder {
  color: #8e8e8e;
}

textarea.form_textarea {
  padding: 1.6rem;
  border: 1px solid #dddddd;
  border-radius: 1.2rem;
  line-height: 1.6;
}
textarea.form_textarea[readonly], textarea.form_textarea[disabled] {
  border-color: #dddddd;
  background: #FCFDFD;
  color: #8e8e8e;
}
textarea.form_textarea:focus {
  border-color: #131822;
  box-shadow: 0 3px 6px rgba(178, 178, 185, 0.2509803922);
}
textarea.form_textarea::placeholder {
  color: #8e8e8e;
}

.form_select {
  position: relative;
  display: block;
}
.form_select::after {
  content: "\ea4e";
  position: absolute;
  transform: translate(0, -50%);
  right: 1rem;
  top: 50%;
  z-index: 0;
  font-family: "remixicon";
  font-size: 2rem;
  pointer-events: none;
}
.form_select select {
  outline: none;
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem 0 1.6rem;
  border: 1px solid #dddddd;
  transition: 0.2s;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.form_select select:focus {
  border-color: #131822;
  box-shadow: 0 3px 6px rgba(178, 178, 185, 0.2509803922);
}

.form_list_select {
  position: relative;
  z-index: 10;
}
.form_list_select .btn_open {
  display: inline-flex;
  align-items: center;
  position: relative;
  outline: none;
  width: 33rem;
  max-width: 100%;
  height: 5rem;
  padding: 0 2rem 0 1.6rem;
  background: #FFFFFF;
  border: 1px solid #dddddd;
  border-radius: 4px;
  transition: 0.2s;
}
.form_list_select .btn_open::after {
  content: "\ea4e";
  position: absolute;
  transform: translate(0, -50%);
  right: 1rem;
  top: 50%;
  z-index: 1;
  font-family: "remixicon";
  font-size: 2rem;
}
.form_list_select > div {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateX(-2px);
  left: 0;
  top: 100%;
  z-index: 0;
  z-index: -1;
  width: 100%;
  max-height: 0;
  padding: 2rem;
  border: 1px solid #dddddd;
  background: #FFFFFF;
  border-radius: 4px;
}
.form_list_select > div ul {
  overflow-y: auto;
  max-height: 10rem;
}
.form_list_select > div ul::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
.form_list_select > div ul::-webkit-scrollbar {
  width: 0.5rem;
}
.form_list_select > div ul::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
.form_list_select > div ul li a {
  display: block;
  padding: 5px 3px;
  border-radius: 2px;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .form_list_select > div ul li a:hover {
    background: #F5F7FB;
  }
}
.form_list_select:focus .btn_open, .form_list_select.active .btn_open {
  border-color: #131822;
  box-shadow: 0 3px 6px rgba(178, 178, 185, 0.2509803922);
}
.form_list_select.active .btn_open::after {
  content: "\ea78";
}
.form_list_select.active > div {
  opacity: 1;
  visibility: visible;
  max-height: 50rem;
}

.form_file_upload {
  position: relative;
}
.form_file_upload label {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  top: 2rem;
  z-index: 1;
  background: #fff;
  border-radius: 1.6rem;
  padding: 0.5rem 1.6rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  pointer-events: none;
}
.form_file_upload label::before {
  content: "\f24a";
  font-family: "remixicon";
  margin-right: 1rem;
}
.form_file_upload input[type=file] {
  display: block;
  width: 100%;
  height: 10rem;
  border-radius: 1.6rem;
  background: #F5F7F9;
  transition: 0.3s;
  cursor: pointer;
  font-size: 0;
}
.form_file_upload input[type=file]::file-selector-button {
  display: none;
}
.form_file_upload input[type=file]:focus {
  outline: 2px solid #000;
}
.form_file_upload .tx {
  position: absolute;
  left: 0;
  top: 6rem;
  z-index: 1;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  word-break: keep-all;
  word-wrap: break-word;
  color: #555555;
  text-align: center;
  width: 100%;
  pointer-events: none;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .form_file_upload:hover input {
    filter: brightness(95%);
  }
}

.form_file_view {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
}
.form_file_view .tit {
  font-weight: 500;
  flex: none;
}
.form_file_view .txt {
  color: #555555;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form_file_view .file_delete {
  flex: none;
}
.form_file_view .file_delete::before {
  content: "\ec2a";
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  font-size: 1.5rem;
  background: #FFFFFF;
  border-radius: 100%;
  transition: 0.3s;
  border: 1px solid #dddddd;
}
@media screen and (min-width: 1024px) {
  .form_file_view .file_delete:hover::before {
    background: #C8A96A;
    border-color: #C8A96A;
    color: #FFFFFF;
  }
}

.form_image_upload {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #F5F7F9;
  border-radius: 1.6rem;
  padding: 1rem 0;
}
.form_image_upload .profile {
  position: relative;
}
.form_image_upload .profile i {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  background: #ddd;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.form_image_upload .profile i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form_image_upload .file_delete {
  position: absolute;
  right: calc(50% - 4rem);
  top: 0;
}
.form_image_upload .file_delete::before {
  content: "\ec2a";
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  font-size: 1.5rem;
  background: #FFFFFF;
  border-radius: 100%;
  transition: 0.3s;
  border: 1px solid #dddddd;
}
@media screen and (min-width: 1024px) {
  .form_image_upload .file_delete:hover::before {
    background: #C8A96A;
    border-color: #C8A96A;
    color: #FFFFFF;
  }
}

/* Board  ======================================================================================================================================================*/
.board_info {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-top: 1px solid #0E0E0E;
  margin: 0;
  padding: 2.4rem 1.6rem;
}
.board_info .page {
  font-size: 1.6rem;
}
.board_info .page .total b {
  padding-left: 0.5rem;
  font-weight: 400;
}
.board_info .page .current {
  margin-left: 2rem;
  position: relative;
}
.board_info .page .current::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background: #DCDCDC;
}
.board_info .page .current strong {
  padding-left: 0.5rem;
  font-weight: 400;
}
.board_info .page .current b {
  font-weight: 400;
}
.board_info form {
  margin-right: auto;
}
.board_info .form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  margin-right: auto;
}
.board_info .form .form_select {
  width: auto;
  font-size: 1.6rem;
}
.board_info .form .form_select select {
  padding-right: 4rem;
  border-color: #8e8e8e;
}
.board_info .form .form_input {
  padding-right: 3rem;
  width: 32rem;
  padding-right: 5rem;
  height: 4.8rem;
  font-size: 1.6rem;
  border-color: #8e8e8e;
}
.board_info .form .btn_box {
  margin-left: -5.2rem;
}
.board_info .form .btn_box .btn.round {
  background-color: transparent;
  border-color: transparent;
}
.board_info .form .btn_box .btn.round::after {
  color: #000000;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .board_info .form .btn_box .btn.round:hover {
    box-shadow: none;
  }
  .board_info .form .btn_box .btn.round:hover::after {
    color: #131822;
  }
}
.board_info .filter {
  border: 1px solid #dddddd;
  padding: 0.8rem;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
.board_info .filter a {
  background: #FCFDFD;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 3.2rem;
  gap: 0.5rem;
  padding: 0 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.board_info .filter a.active {
  background: #F5F7F9;
  font-weight: 600;
}
.board_info .filter a::before {
  content: "\eb7b";
  font-family: "remixicon";
}
.board_info .sort {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  padding: 0.8rem 1.6rem;
}
.board_info .sort .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.7;
}
.board_info .sort .btn.on {
  background-color: #F8F9FA;
  opacity: 1;
}
.board_info .sort .btn_table {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75H18.35' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3496 3.94996V0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 0.75V3.94996' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.35 3.94922H0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 7.14844H18.35' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3496 10.3484V7.14844' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 7.14844V10.3484' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.35 10.3516H0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 13.5508H18.35' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3496 16.7507V13.5508' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 13.5508V16.7507' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.35 16.75H0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.board_info .sort .btn_gallery {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75H7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 7.29545V0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.29492 0.75V7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 7.29688H7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 0.75H16.7505' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 7.29545V0.75' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.75 0.75V7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 7.29688H16.7505' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 10.2031H7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 16.7486V10.2031' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.29492 10.2031V16.7486' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 16.75H7.29545' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 10.2031H16.7505' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 16.7486V10.2031' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.75 10.2031V16.7486' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2051 16.75H16.7505' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.board_info form + .sort {
  margin-left: 0;
}

.board_pager {
  margin-top: 4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}
.board_pager a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  transition: 0.3s;
  letter-spacing: -1px;
}
.board_pager a.nav {
  border: 1px solid #4C5D68;
  font-size: 0;
}
.board_pager a.nav::before {
  font-family: "remixicon";
  font-size: 2.3rem;
}
.board_pager a.nav.first::before {
  content: "\f2e3";
}
.board_pager a.nav.prev::before {
  content: "\ea64";
}
.board_pager a.nav.next::before {
  content: "\ea6e";
}
.board_pager a.nav.last::before {
  content: "\f2e5";
}
@media screen and (min-width: 1025px) {
  .board_pager a.nav:hover {
    background: #4C5D68;
    border-color: transparent;
    color: #FFFFFF;
  }
}
.board_pager a:not(.nav) {
  font-size: 1.4rem;
  font-weight: 700;
  color: #151515;
  font-family: "Montserrat";
}
.board_pager a:not(.nav).on {
  background: #4C5D68;
  color: #FFFFFF;
}
@media screen and (min-width: 1025px) {
  .board_pager a:not(.nav):not(.on):hover {
    background: #4C5D68;
    color: #FFFFFF;
  }
}
.board_pager a.total {
  display: none;
}
.board_pager + .btn_box:has(.btn) {
  margin-top: 4rem;
}

.board_view {
  border-top: 2px solid #454B56;
}
.board_view h2.title {
  padding: 3.2rem 2rem;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
}
.board_view .info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem 1.6rem;
  padding: 2.4rem;
  border-bottom: 1px solid #E4E4E4;
  background: #F9F9FB;
}
.board_view .info li {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.board_view .info li strong {
  font-weight: 400;
}
.board_view .info li span {
  color: #8e8e8e;
}
.board_view .info li + li::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: calc(50% - 0.5rem);
  width: 1px;
  height: 1rem;
  background: #DBE0E3;
}
.board_view .contents {
  padding: 4rem 0;
  min-height: 30rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #E4E4E4;
  word-break: break-all;
}
.board_view .contents .youtube {
  aspect-ratio: 16/9;
  border-radius: 1.6rem;
  overflow: hidden;
}
.board_view .contents .youtube_subtitle {
  margin-top: 2.4rem;
  background: #F5F7F9;
  padding: 2.4rem;
  border-radius: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.board_view .contents .video {
  margin-bottom: 2rem;
}
.board_view .contents .no_data {
  padding: 3rem 0;
  text-align: center;
  background: #F5F7F9;
}
.board_view .contents .image_slide {
  margin-bottom: 5rem;
  border-bottom: 1px solid #E4E4E4;
}
.board_view .contents .image_slide .swiper {
  touch-action: auto !important;
  width: 80rem;
  max-width: 100%;
}
.board_view .contents .image_slide .swiper-wrapper {
  align-items: center;
}
.board_view .contents .image_slide .swiper-wrapper .swiper-slide {
  text-align: center;
}
.board_view .contents .image_slide .swiper-wrapper .swiper-slide a {
  display: block;
  position: relative;
}
.board_view .contents .image_slide .swiper-wrapper .swiper-slide a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  opacity: 0;
  visibility: hidden;
}
.board_view .contents .image_slide .swiper-wrapper .swiper-slide a:focus::before {
  opacity: 1;
  visibility: visible;
}
.board_view .contents .image_slide .detail {
  position: relative;
  border-radius: 1.6rem;
}
.board_view .contents .image_slide .detail .btn_thumb {
  position: absolute;
  top: calc(50% - 2.4rem);
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  background-size: 3rem;
  transition: 0.2s;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}
.board_view .contents .image_slide .detail .btn_thumb.prev {
  left: calc(50% - 38rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
}
.board_view .contents .image_slide .detail .btn_thumb.next {
  right: calc(50% - 38rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
}
@media screen and (min-width: 1025px) {
  .board_view .contents .image_slide .detail .btn_thumb:hover {
    background-color: #697780;
    border-color: #697780;
  }
}
.board_view .contents .image_slide .detail .page {
  width: 100%;
  margin-top: 3rem;
}
.board_view .contents .image_slide .detail .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.board_view .contents .image_slide .detail .pagination em {
  font-size: 1.2rem;
  opacity: 0.5;
  padding: 0 1rem;
}
.board_view .contents .image_slide .detail .pagination span {
  font-size: 1.6rem;
  font-weight: 600;
}
.board_view .contents .image_slide .detail .detail_slide {
  flex: 1;
  overflow: hidden;
}
.board_view .contents .image_slide .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  padding: 2.4rem 0;
}
.board_view .contents .image_slide .thumb .btn_thumb {
  flex: none;
  width: 4rem;
  height: 4rem;
  background-size: 2.8rem;
  transition: 0.2s;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}
.board_view .contents .image_slide .thumb .btn_thumb.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
}
.board_view .contents .image_slide .thumb .btn_thumb.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
}
@media screen and (min-width: 1025px) {
  .board_view .contents .image_slide .thumb .btn_thumb.prev:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006DAE'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
  }
  .board_view .contents .image_slide .thumb .btn_thumb.next:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23006DAE'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
  }
}
.board_view .contents .image_slide .thumb .thumb_slide {
  overflow: hidden;
  padding: 3px 0;
  margin: 0;
}
.board_view .contents .image_slide .thumb .thumb_slide .swiper-slide {
  position: relative;
}
.board_view .contents .image_slide .thumb .thumb_slide .swiper-slide a {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 0.4rem;
  aspect-ratio: 16/9;
  border: 3px solid transparent;
}
.board_view .contents .image_slide .thumb .thumb_slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board_view .contents .image_slide .thumb .thumb_slide .swiper-slide-thumb-active a {
  border-color: #697780;
}
.board_view .file {
  position: relative;
  padding: 2.5rem 0;
  border-bottom: 1px solid #E4E4E4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.board_view .file .title {
  align-self: flex-start;
  width: 16rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #333333;
}
.board_view .file .list {
  flex: 1;
}
.board_view .file .list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  gap: 1rem;
}
.board_view .file .list li + li {
  margin-top: 1rem;
}
.board_view .file .list li .btn_box {
  margin-left: auto;
  flex: none;
}
.board_view .file_cont {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: relative;
  padding-left: 3.5rem;
}
.board_view .file_cont img {
  position: absolute;
  left: 0;
  top: -0.2rem;
}
.board_view .file_cont .txt {
  font-weight: 400;
  color: #8e8e8e;
}
.board_view .view_modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10rem 2rem;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
}
.board_view .view_modal .slick-slider {
  touch-action: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board_view .view_modal .close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #0077D4;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
  width: 6rem;
  height: 6rem;
}
.board_view .view_modal .list {
  max-width: 144rem;
  height: 100%;
}
.board_view .view_modal .list .item {
  color: #FFFFFF;
  outline: none;
  text-align: center;
  height: 100%;
}
.board_view .view_modal .list .item span {
  font-size: 1.5rem;
}
.board_view .view_modal .list .fiqure {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.board_view .view_modal .list img {
  margin: 0 auto;
  width: inherit;
  height: inherit;
  max-width: 100%;
  max-height: 70vh;
}
.board_view .view_modal .slick-arrow {
  position: absolute;
  top: calc(50% - 2.5rem);
  z-index: 10;
  color: #FFFFFF;
  width: 5rem;
  height: 5rem;
  border: 1px solid #FFFFFF;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4rem;
  border-radius: 100%;
  opacity: 0.8;
  font-size: 0;
}
.board_view .view_modal .slick-arrow.slick-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
  left: calc(50% - 72rem);
}
.board_view .view_modal .slick-arrow.slick-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
  right: calc(50% - 72rem);
}
.board_view .view_modal.on {
  opacity: 1;
  visibility: visible;
}

.board_view_etc {
  border-bottom: 1px solid #E4E4E4;
  padding: 4rem 2rem;
}
.board_view_etc .like {
  margin-bottom: 3.2rem;
}
.board_view_etc .like a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 5.6rem;
  margin: 0 auto;
  border: 1px solid #AAAAAA;
  border-radius: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  transition: 0.3s;
}
.board_view_etc .like a::before {
  content: "\ee0b";
  font-family: "remixicon";
  font-size: 2.8rem;
  font-weight: 400;
  margin-right: 0.5rem;
}
.board_view_etc .like.on a::before {
  content: "\ee0a";
}
.board_view_etc .sns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
.board_view_etc .sns a em {
  display: block;
  top: 0;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 1rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4rem auto;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.board_view_etc .sns a span {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: -1px;
  transition: 0.3s;
}
.board_view_etc .sns a.youtube em {
  background-color: #ff0000;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
}
.board_view_etc .sns a.instagram em {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z'%3E%3C/path%3E%3C/svg%3E");
}
.board_view_etc .sns a.instagram em::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #F89600 20%, #EC2978, #C02BD5);
}
.board_view_etc .sns a.kakao em {
  background-color: #FAE300;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='37' viewBox='0 0 35 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9388 0.342773C8.53976 0.342773 0.919922 7.3908 0.919922 16.0853C0.919922 22.5054 3.60792 25.5712 7.29148 28.3664L7.30935 28.3741V35.9097C7.30935 36.2645 7.71523 36.4687 8.00114 36.2568L14.4544 31.4628L14.5922 31.5241C15.6746 31.7232 16.7927 31.8279 17.9363 31.8279C27.3354 31.8279 34.9552 24.7799 34.9552 16.0853C34.9552 7.3908 27.3354 0.342773 17.9363 0.342773M12.2335 20.0727C13.903 20.0727 15.33 19.0746 15.7588 17.5302H18.2273C17.6248 20.499 15.3121 22.4467 12.2361 22.4467C8.65973 22.4467 5.82368 19.7791 5.82368 16.0675C5.82368 12.3558 8.65973 9.68824 12.2361 9.68824C15.3453 9.68824 17.6708 11.6742 18.2452 14.6941H15.7843C15.4091 13.0527 13.9336 12.0291 12.2361 12.0291C9.83143 12.0291 8.23088 13.7445 8.23088 16.07C8.23088 18.3955 10.051 20.0778 12.2361 20.0778M28.4917 22.2016H26.23V17.1013C26.23 15.9271 25.5459 15.2965 24.4942 15.2965C23.3199 15.2965 22.5669 16.0139 22.5669 17.4689V22.2016H20.3052V9.72653H22.5669V14.4184C23.1106 13.5939 23.9862 13.1906 25.1783 13.1906C26.1432 13.1906 26.932 13.5071 27.5447 14.1555C28.1752 14.8039 28.4917 15.6794 28.4917 16.8205V22.2016Z' fill='%23000'/%3E%3C/svg%3E");
  background-size: 3rem;
}
@media screen and (min-width: 1025px) {
  .board_view_etc .like a:hover {
    border-color: #697780;
  }
  .board_view_etc .like a:hover::before {
    color: #ff0000;
  }
  .board_view_etc .sns a:hover em {
    top: -10px;
  }
}

/* 연관 게시글/유사 콘텐츠 */
#dataSimilar {
  margin-top: 5rem;
}
#dataSimilar .similar_slide .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
#dataSimilar .similar_slide .top .title {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
}
#dataSimilar .similar_slide .top .ctrl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
#dataSimilar .similar_slide .top .btn_ctrl {
  font-size: 0;
}
#dataSimilar .similar_slide .top .btn_ctrl::before {
  font-family: "remixicon";
  font-size: 1.8rem;
  font-weight: 800;
}
#dataSimilar .similar_slide .top .btn_ctrl.prev::before {
  content: "\ea60";
}
#dataSimilar .similar_slide .top .btn_ctrl.next::before {
  content: "\ea6c";
}
#dataSimilar .similar_slide .top .paging {
  min-width: 60px;
  height: inherit;
  margin: 0 5px;
  text-align: center;
  font-size: 1.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: "Montserrat";
}
#dataSimilar .similar_slide .top .paging span {
  color: #151515;
}
#dataSimilar .similar_slide .top .paging em {
  margin: 0 3px;
  font-size: 80%;
  color: #777;
}
#dataSimilar .similar_slide .link_box {
  display: block;
  height: 100%;
  padding: 3rem 3rem 2.5rem;
  border: 1px solid #DDD;
  box-sizing: border-box;
  transition: all 0.2s;
}
#dataSimilar .similar_slide .link_box .cate {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #767676;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#dataSimilar .similar_slide .link_box .tt {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.05em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 8rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}
#dataSimilar .similar_slide .link_box .date {
  display: none;
}
#dataSimilar .similar_slide .link_box .percente {
  color: #0048C8;
  font-weight: 500;
}
#dataSimilar .similar_slide .link_box .percente::before {
  content: "유사율";
  display: block;
  font-size: 1.4rem;
  color: #767676;
  line-height: 1.2;
}
@media screen and (min-width: 1024px) {
  #dataSimilar .similar_slide .link_box:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}

.board_comment {
  border-bottom: 1px solid #E4E4E4;
  padding: 4rem 0;
}
.board_comment .form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 1rem;
  width: 100%;
}
.board_comment .form textarea.form_textarea {
  height: 10rem;
}
.board_comment .form .length {
  position: absolute;
  right: 16rem;
  bottom: 1rem;
  font-size: 1.4rem;
  color: #8e8e8e;
}
.board_comment .form .btn_box .btn {
  height: 10rem;
}
.board_comment .list {
  margin-top: 3rem;
}
.board_comment .list .title {
  font-size: 1.6rem;
}
.board_comment .list .title::before {
  content: "\ef46";
  font-family: "remixicon";
  margin-right: 0.5rem;
}
.board_comment .list ul {
  margin-top: 2rem;
}
.board_comment .list ul li {
  background: #FAFAFA;
  padding: 4rem;
}
.board_comment .list ul li + li {
  margin-top: 1rem;
}
.board_comment .list ul li .info {
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: right;
}
.board_comment .list ul li .info .date {
  position: relative;
  margin-left: 2rem;
}
.board_comment .list ul li .info .date::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background: #ddd;
}
.board_comment .list ul li .form {
  margin-top: 3rem;
  transition: none;
}

.board_answer {
  margin-top: 4rem;
}
.board_answer .top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.board_answer .top .title {
  font-size: 1.6rem;
}
.board_answer .top .title::before {
  content: "\ef44";
  font-family: "remixicon";
  margin-right: 0.5rem;
}
.board_answer .top .info {
  margin-left: auto;
  font-size: 1.4rem;
  text-align: right;
}
.board_answer .top .info span + span {
  position: relative;
  margin-left: 2rem;
}
.board_answer .top .info span + span::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: calc(50% - 5px);
  width: 1px;
  height: 10px;
  background: #ddd;
}
.board_answer .contents {
  background: #FAFAFA;
  padding: 4rem;
  margin-top: 1rem;
}
.board_answer .list {
  margin-top: 3rem;
}
.board_answer .list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.board_answer .list li + li {
  margin-top: 1rem;
}
.board_answer .list li .btn_box {
  margin-left: auto;
}

.board_prevnext {
  margin-top: 4rem;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}
.board_prevnext li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 1rem;
}
.board_prevnext li .txt {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 16rem;
  font-size: 1.4rem;
  margin-right: 2rem;
}
.board_prevnext li .txt::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
  background-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.5rem;
  font-family: "remixicon";
}
.board_prevnext li a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #8e8e8e;
}
@media screen and (min-width: 1025px) {
  .board_prevnext li a:hover {
    text-decoration: underline;
  }
}
.board_prevnext li .date {
  display: none;
}
.board_prevnext li.next .txt::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
}
.board_prevnext li + li {
  border-top: 1px solid #E4E4E4;
}

/* FORM ================================================================== */
.board_form {
  border-top: 1px solid #000000;
  font-size: 1.8rem;
}
.board_form tr {
  border-bottom: 1px solid #E4E4E4;
}
.board_form th, .board_form td {
  padding: 1rem;
}
.board_form th {
  text-align: left;
  padding-left: 2rem;
  font-weight: 500;
  white-space: nowrap;
}
.board_form td.row_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.board_form td.row_box.birth .form_select {
  width: 10rem;
}
.board_form td.row_box.email input#email_1 {
  width: 20rem;
}
.board_form td.row_box.email input#email_2 {
  width: 25rem;
}
.board_form td.row_box.email .form_select {
  width: inherit;
}
.board_form td.row_box.tel .form_select {
  width: 12rem;
}
.board_form td.row_box.tel input.form_input {
  width: 12rem;
}
.board_form td.row_box.address {
  flex-wrap: wrap;
}
.board_form td.row_box.address .btn_box {
  gap: 1rem;
}
.board_form td.row_box.address .map {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1rem;
}
.board_form td.row_box.address .map .btn::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  flex: none;
}
.board_form td.row_box.address .map .kakao::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00053 0C3.58113 0 0 3.08232 0 6.88407C0 9.35843 1.51712 11.5282 3.79545 12.7407C3.62758 13.4211 3.18944 15.2047 3.10181 15.5863C2.99307 16.0598 3.26123 16.054 3.43649 15.9264C3.57374 15.8265 5.62824 14.306 6.51508 13.6498C7.00706 13.7291 7.50327 13.7681 8.00053 13.7681C12.4189 13.7681 16.0011 10.6858 16.0011 6.88292C16.0011 3.08002 12.4178 0 7.99947 0' fill='%23391B1B'/%3E%3Cpath d='M4.78055 4.85693H2.44099C2.22139 4.85693 2.04297 5.05001 2.04297 5.28906C2.04297 5.5281 2.22034 5.72233 2.43993 5.72233H3.20113V8.77361C3.20113 9.00691 3.37533 9.19539 3.58965 9.19654H3.67411C3.88843 9.19654 4.06158 9.00691 4.06158 8.77361V5.72233H4.77949C4.99909 5.72233 5.17751 5.52925 5.17751 5.2902C5.17751 5.05116 5.00014 4.85693 4.78055 4.85693Z' fill='%23FAE300'/%3E%3Cpath d='M10.4036 8.38257H9.31617V5.26692C9.31617 5.00719 9.12296 4.79688 8.88542 4.79688C8.64682 4.79688 8.45361 5.00719 8.45361 5.26577V8.62506C8.45361 8.65034 8.45572 8.67563 8.45995 8.69976C8.45572 8.7239 8.45361 8.74918 8.45361 8.77446C8.45361 8.99167 8.61409 9.16751 8.81363 9.16751H10.4047C10.6042 9.16751 10.7657 8.99167 10.7657 8.77446C10.7657 8.55725 10.6042 8.38142 10.4047 8.38142L10.4036 8.38257Z' fill='%23FAE300'/%3E%3Cpath d='M13.8791 8.52525L12.6671 6.79216L13.7629 5.59923C13.915 5.44178 13.9213 5.17975 13.7767 5.01426C13.632 4.84876 13.3913 4.84187 13.2393 4.99932C13.2351 5.00391 13.2298 5.00966 13.2255 5.01426L11.87 6.48991V5.26595C11.87 5.00621 11.6768 4.7959 11.4382 4.7959C11.1996 4.7959 11.0063 5.00621 11.0063 5.26595V8.72752C11.0063 8.98725 11.1996 9.19756 11.4382 9.19756C11.6768 9.19756 11.87 8.98725 11.87 8.72752V7.65985L12.1159 7.39208L13.2625 9.02977C13.3881 9.2171 13.6299 9.25848 13.802 9.12171C13.9741 8.98495 14.0121 8.72177 13.8865 8.53444C13.8843 8.53099 13.8822 8.52755 13.8801 8.5241L13.8791 8.52525Z' fill='%23FAE300'/%3E%3Cpath d='M8.12811 8.63772L6.96255 5.1658L6.95833 5.16235C6.86226 4.9302 6.64583 4.7854 6.4125 4.79689C6.15279 4.7808 5.91735 4.96238 5.84556 5.23361C5.83712 5.252 5.82973 5.27153 5.82339 5.29107L4.67684 8.63886C4.60294 8.85722 4.70535 9.09857 4.90594 9.17902C5.10653 9.25947 5.32824 9.14799 5.40214 8.92963C5.4032 8.92503 5.40531 8.92158 5.40637 8.91699L5.60485 8.30098H7.2001L7.39858 8.91699C7.46615 9.13764 7.68575 9.25602 7.8874 9.18247C8.0901 9.10891 8.19885 8.86987 8.13128 8.65036C8.13022 8.64576 8.12917 8.64231 8.12705 8.63772H8.12811ZM5.85718 7.51374L6.3935 5.84846C6.39984 5.84846 6.40511 5.85076 6.41039 5.85076L6.94672 7.51489H5.85718V7.51374Z' fill='%23FAE300'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}
.board_form td.row_box.address .map .naver::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1226_6406)'%3E%3Cpath d='M10.5432 0V8.07013L5.47789 0H0V16H5.45684V7.92519L10.5221 15.9953H15.9958V0H10.5389H10.5432Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1226_6406'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}
.board_form td.row_box.form_txt {
  flex-wrap: wrap;
}
.board_form td.row_box.form_txt p {
  flex: none;
  width: 100%;
}
.board_form td.row_box.radio {
  gap: 0.5rem 2rem;
  padding: 1.5rem 1rem;
}
.board_form .only_text {
  display: inline-block;
  padding: 1rem 0;
  font-size: 1.8rem;
}
.board_form .required {
  color: #C8A96A;
}
.board_form .file_active .thumb_list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.board_form .file_active .btn_delete::before {
  content: "\eb97";
  font-family: "remixicon";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.board_form .form_file_upload + .form_file_upload {
  margin-top: 1rem;
}
.board_form .form_file_upload + .cont_list {
  font-size: 1.4rem;
}
.board_form .view_file {
  width: 100%;
}
.board_form .view_file li + li {
  margin-top: 1.5rem;
}
.board_form .view_file li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
.board_form .view_file .btn_box {
  margin-left: auto;
  flex: none;
}
.board_form .file_cont {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: relative;
  padding-left: 3.5rem;
}
.board_form .file_cont img {
  position: absolute;
  left: 0;
  top: -0.2rem;
}
.board_form .file_cont .txt {
  font-weight: 400;
  color: #8e8e8e;
}
.board_form .captcha {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.board_form .captcha img {
  display: block;
  height: 4.8rem;
}
.board_form .captcha .btn {
  border: 1px solid #1B2539;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 4.8rem;
  font-size: 1.5rem;
  padding: 0 1rem;
  transition: 0.3s;
}
.board_form .captcha .btn::after {
  font-family: "remixicon";
  margin-left: 1rem;
}
.board_form .captcha .btn.refresh::after {
  content: "\f064";
}
.board_form .captcha .btn.audio::after {
  content: "\f29c";
}
@media screen and (min-width: 1025px) {
  .board_form .captcha .btn:hover {
    background: #1B2539;
    color: #FFFFFF;
  }
}

/* List (모양) ============================================= */
.board_list table {
  border-top: 2px solid #454B56;
  border-bottom: 1px solid #AAAAAA;
  font-size: 1.8rem;
  overflow: hidden;
  table-layout: fixed;
}
.board_list thead {
  border-bottom: 1px solid #dddddd;
}
.board_list thead th {
  padding: 1.5rem 0.5rem;
  font-weight: 500;
  text-align: center;
}
.board_list tbody tr {
  border-bottom: 1px solid #DDD;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .board_list tbody tr:not(:has(.no_data)):hover {
    border-color: #1F3442;
  }
}
.board_list tbody tr.notice {
  background: #F4F7FB;
}
.board_list tbody td {
  padding: 2rem 0.5rem;
  text-align: center;
  overflow: hidden;
}
.board_list tbody td.subject {
  text-align: left;
  overflow: hidden;
}
.board_list tbody td.subject a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.board_list tbody td.subject i {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
  margin: 0;
}
.board_list tbody td.subject i::before {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-family: "remixicon";
  box-sizing: border-box;
  border-radius: 100%;
}
.board_list tbody td.subject i.reply::before {
  content: "\f309";
}
.board_list tbody td.subject i.lock::before {
  content: "\eece";
}
.board_list tbody td.subject i.new::before {
  content: "N";
  background: #697780;
  width: 2rem;
  font-family: "Montserrat";
  font-size: 1.2rem;
  font-weight: 500;
  color: #FFFFFF;
}
.board_list tbody td.subject .title {
  font-weight: 400;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board_list tbody td.subject .category {
  display: none;
}
.board_list tbody td.date {
  font-family: "Montserrat";
}
.board_list tbody td.hit {
  font-family: "Montserrat";
}
.board_list tbody td .icon_notice {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto;
  background: #697780;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 100%;
  color: #FFFFFF;
}
.board_list tbody td .state {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 10rem;
  padding: 0.5rem;
  margin: 0 auto;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  background: #C6D8FA;
  font-weight: 500;
}
.board_list tbody td .state.ing {
  background: #11279E;
  color: #FFFFFF;
}
.board_list tbody td .state.end {
  background: #000000;
  color: #FFFFFF;
}
.board_list tbody td .state.cancel {
  background: #CD1B1B;
  color: #FFFFFF;
}
.board_list td.no_data {
  padding: 6rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  color: #717171;
  display: table-cell;
}
.board_list td.no_data::before {
  content: "";
  display: block;
  margin: 0 auto 2rem;
  width: 5rem;
  height: 5rem;
  background: url("/error/img/board_no_data.png") no-repeat center center;
}

.faq_list {
  border-top: 2px solid #454B56;
}
.faq_list li {
  border-bottom: 1px solid #dddddd;
  transition: 0.3s;
}
.faq_list li .icon {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 5rem;
  font-family: "Montserrat";
  font-size: 2.4rem;
  font-weight: 700;
}
.faq_list li .question {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1.6rem 2.5rem;
  gap: 1.6rem;
}
.faq_list li .question .cate {
  flex: none;
  font-size: 1.8rem;
  font-weight: 600;
  color: #8e8e8e;
}
.faq_list li .question .title {
  font-size: 1.8rem;
  font-weight: 600;
  padding-right: 1rem;
  word-break: keep-all;
  word-wrap: break-word;
}
.faq_list li .question::after {
  content: "";
  margin-left: auto;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.121' height='8.811' viewBox='0 0 16.121 8.811'%3E%3Cpath id='down' d='M23,20.5l-7-7-7,7' transform='translate(-7.939 -12.75)' fill='none' stroke='%23373737' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg);
  transition: 0.3s;
  opacity: 0.5;
}
.faq_list li .answer {
  max-height: 0;
  transition: 0.3s;
  font-size: 1.6rem;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.faq_list li .answer .inner {
  border-top: 1px solid #CED6DC;
  padding: 1.6rem 2.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
  gap: 1.6rem;
  max-height: 50rem;
  overflow: hidden;
}
.faq_list li .answer .inner .text {
  width: 100%;
  max-height: 40rem;
  align-self: center;
  overflow-y: auto;
}
.faq_list li .answer .inner .text::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
.faq_list li .answer .inner .text::-webkit-scrollbar {
  width: 0.5rem;
}
.faq_list li .answer .inner .text::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
.faq_list li .answer .file {
  padding: 1rem 0;
  margin: 0 2.5rem;
  border-top: 1px dotted #dddddd;
}
.faq_list li .answer .file li {
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 0.5rem;
  font-size: 1.6rem;
}
.faq_list li .answer .file li .btn_box {
  margin-left: auto;
}
.faq_list li .answer .file li + li {
  border-top: 1px dotted #ddd;
}
.faq_list li .answer .icon {
  height: 3rem;
}
.faq_list li.active {
  background: #F8F9FA;
}
.faq_list li.active .question::after {
  transform: rotate(0);
  opacity: 1;
}
.faq_list li.active .answer {
  max-height: 50rem;
  opacity: 1;
  visibility: visible;
}
.faq_list:has(.no_data) {
  border-top: none;
}
.faq_list .no_data {
  padding: 6rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  color: #717171;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.faq_list .no_data::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background: url("/error/img/board_no_data.png") no-repeat center center;
}
.faq_list .cont_table table {
  font-size: 1.4rem;
  background: #FFFFFF;
}

.gallery_list {
  border-top: 2px solid #454B56;
  padding-top: 4rem;
}
.gallery_list.no_line {
  border-top: none;
  padding-top: 0;
}
.gallery_list > ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4rem;
}
.gallery_list .line {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid #dddddd;
  border-radius: 1.2rem;
  padding: 1.6rem;
  transition: 0.3s;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  .gallery_list .line:hover {
    border-color: #697780;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  .gallery_list .line:hover .thumb img {
    transform: scale(1.05);
  }
  .gallery_list .line:hover .thumb.video::before {
    opacity: 0;
    visibility: hidden;
  }
  .gallery_list .line:hover .thumb.video::after {
    opacity: 0;
    visibility: hidden;
  }
}
.gallery_list .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  margin-bottom: 2.4rem;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
  border-radius: 1.2rem;
  border: 1px solid rgba(221, 221, 221, 0.5);
}
.gallery_list .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  will-change: transform;
}
.gallery_list .thumb.long {
  aspect-ratio: 3/4;
}
.gallery_list .thumb.short {
  aspect-ratio: 16/9;
}
.gallery_list .thumb.video {
  position: relative;
}
.gallery_list .thumb.video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  transition: 0.3s;
}
.gallery_list .thumb.video::after {
  content: "";
  position: absolute;
  left: calc(50% - 1.7rem);
  top: calc(50% - 1.7rem);
  width: 3.4rem;
  height: 3.4rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M8 18.3915V5.60846L18.2264 12L8 18.3915ZM6 3.80421V20.1957C6 20.9812 6.86395 21.46 7.53 21.0437L20.6432 12.848C21.2699 12.4563 21.2699 11.5436 20.6432 11.152L7.53 2.95621C6.86395 2.53993 6 3.01878 6 3.80421Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3rem;
  border-radius: 100%;
  box-sizing: border-box;
  transition: 0.3s;
}
.gallery_list .desc {
  display: block;
  padding: 0 0.5rem;
}
.gallery_list .desc .title {
  flex: none;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 4.4rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
}
.gallery_list .desc .title .new {
  position: relative;
}
.gallery_list .desc .title .new::before {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  content: "N";
  background: #697780;
  font-family: "Pretendard";
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 100%;
}
.gallery_list .desc .txt {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 4rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  margin-top: 0.6rem;
}
.gallery_list .desc .info {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  color: #8e8e8e;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.gallery_list .desc .info .label {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  margin: 0;
}
.gallery_list .desc .info .name {
  display: block;
}
.gallery_list .desc .info .date {
  font-variant-numeric: tabular-nums;
}
.gallery_list .desc .info .hit {
  position: relative;
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3rem;
}
.gallery_list .desc .info .hit::before {
  content: "\ecb5";
  font-family: "remixicon";
  font-size: 1.3rem;
  color: #8e8e8e;
}
.gallery_list .desc .info .like {
  position: relative;
  margin-left: 1rem;
  font-variant-numeric: tabular-nums;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.3rem;
}
.gallery_list .desc .info .like::before {
  content: "\ee0b";
  font-family: "remixicon";
  font-size: 1.3rem;
  color: #8e8e8e;
}
.gallery_list.webzine > ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
  gap: 4rem 2rem;
}
.gallery_list.webzine > ul li a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2rem;
}
.gallery_list.webzine .thumb {
  flex: none;
  width: 22rem;
  aspect-ratio: 1/1;
  margin: 0;
}
.gallery_list.webzine .desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.gallery_list.webzine .desc .txt {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  height: 11rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 1.5rem;
}
.gallery_list.webzine .desc .info {
  margin-top: auto;
}
.gallery_list.ebook ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gallery_list.ebook li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.gallery_list.ebook .box {
  display: block;
  box-sizing: border-box;
  transition: 0.3s;
  height: 100%;
}
.gallery_list.ebook .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3/4;
  margin-bottom: 2.4rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.8rem;
}
.gallery_list.ebook .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.gallery_list.ebook .desc {
  display: block;
  padding: 0 0.5rem;
}
.gallery_list.ebook .desc .title {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 5rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 1.8rem;
  font-weight: 600;
}
.gallery_list.ebook .desc .title .new {
  position: relative;
  display: inline-block;
}
.gallery_list.ebook .desc .title .new::before {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  content: "N";
  background: #697780;
  font-family: "Pretendard";
  box-sizing: border-box;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 100%;
  transform: translateY(-2px);
}
.gallery_list.ebook .desc .txt {
  display: none;
}
.gallery_list.ebook .desc .date {
  font-size: 1.5rem;
}
.gallery_list.ebook .desc .btn_box {
  gap: 0.5rem;
}
.gallery_list.ebook .desc .btn_box .btn {
  flex: 1;
}
.gallery_list.art ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}
.gallery_list.art a {
  padding: 3.2rem 4rem;
  border-radius: 1.6rem;
  position: relative;
  border: 1px solid #ddd;
}
.gallery_list.art a .desc .title {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 3rem;
}
.gallery_list.art a .desc .txt {
  color: #8e8e8e;
  font-size: 1.6rem;
  height: 5.2rem;
}
.gallery_list.art a .desc .info {
  margin-top: 1.6rem;
  gap: 1rem;
}
.gallery_list.art a .desc .info .news {
  font-weight: 500;
}
.gallery_list.art a .desc .info .hit {
  margin: 0;
}
.gallery_list.art a.linkWindow::after {
  content: "\ea70";
  font-family: "remixicon";
  position: absolute;
  right: 4rem;
  bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .gallery_list.art a:hover {
    border-color: #334FD5;
  }
  .gallery_list.art a:hover::after {
    opacity: 1;
    visibility: visible;
    right: 3rem;
    bottom: 2rem;
  }
}
.gallery_list .no_data {
  padding: 6rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
  color: #717171;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.gallery_list .no_data::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background: url("/error/img/board_no_data.png") no-repeat center center;
}
.gallery_list.no_line .no_data {
  border-top: 2px solid #454B56;
  padding-top: 13rem;
  background-position: center 5rem;
}

/* 완료 */
.complete_box {
  padding: 6rem 2rem;
  word-break: keep-all;
  word-wrap: break-word;
}
.complete_box .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 15.6rem;
  height: 15.6rem;
  margin: 0 auto 4rem;
  background: #F6F9FF;
  border-radius: 100%;
}
.complete_box strong {
  font-size: 3.6rem;
  font-weight: 700;
}
.complete_box p {
  margin-top: 3.2rem;
  font-size: 1.8rem;
  color: #8e8e8e;
}

/* Form 개인정보 수집 */
.privacy_agree .cont {
  overflow: hidden;
  margin-top: 2.4rem;
  border: 1px solid #dddddd;
  padding: 4rem;
  border-radius: 1.6rem;
}
.privacy_agree .cont .inner {
  overflow-y: auto;
}
.privacy_agree .cont .inner::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
.privacy_agree .cont .inner::-webkit-scrollbar {
  width: 5px;
}
.privacy_agree .cont .inner::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
.privacy_agree .cont .inner {
  max-height: 26rem;
}
.privacy_agree .cont .inner .cont_table table {
  font-size: 1.6rem;
}
.privacy_agree .agree_form {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.privacy_agree .agree_form.border_top {
  border-top: 1px dotted #dddddd;
  padding-top: 2rem;
}
.privacy_agree .agree_form .form_box {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

/* 로딩 모달 */
#loading_modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
#loading_modal .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#loading_modal .spinner {
  width: 14.4px;
  height: 14.4px;
  border-radius: 14.4px;
  animation: spinner_lotate 0.8s infinite linear;
  box-shadow: 36px 0px 0 0 rgba(244, 123, 30, 0.2), 29.2px 21.2px 0 0 rgba(244, 123, 30, 0.4), 11.16px 34.2px 0 0 rgba(244, 123, 30, 0.6), -11.16px 34.2px 0 0 rgba(244, 123, 30, 0.8), -29.2px 21.2px 0 0 #f47b1e;
}
@keyframes spinner_lotate {
  to {
    transform: rotate(360deg);
  }
}

/* 꾸리에 기사 */
#sub_wrap:has(.article_view) {
  padding: 0;
}
#sub_wrap:has(.article_view) > .layout_fix {
  width: 100%;
  max-width: 100%;
}
#sub_wrap:has(.article_view) #contents_util,
#sub_wrap:has(.article_view) .contents_nav {
  display: none;
}
#sub_wrap:has(.article_view) #contents_body {
  padding: 0;
}

.article_view {
  border: none;
  position: relative;
}
.article_view .top_title {
  background: rgba(0, 0, 0, 0.12);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 50rem;
}
.article_view .top_title.bg_img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.article_view .top_title .layout_fix_n {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 15rem 0 4rem;
  height: 100%;
}
.article_view .top_title .cate {
  color: #FFFFFF;
  font-size: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
.article_view .top_title .tit {
  color: #FFFFFF;
  font-size: 4.8rem;
  width: 78rem;
  max-width: 100%;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.1;
  margin-bottom: auto;
}
.article_view .top_title .name {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem 2.4rem;
  flex-wrap: wrap;
}
.article_view .top_title .name a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  flex-wrap: wrap;
  font-size: 1.8rem;
}
.article_view .top_title .name a span i {
  margin-left: 0.5rem;
}
.article_view .article_header {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
.article_view .article_header .inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 2rem 4rem;
}
.article_view .article_header .title {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 700;
}
.article_view .article_header .date {
  font-size: 1.4rem;
  font-weight: 700;
}
.article_view .article_header .scrollbar {
  background: #F5F7F9;
  height: 2px;
}
.article_view .article_header .scrollbar .scroll {
  width: 0;
  height: 100%;
  background: #0077D5;
}
.article_view .article_header.active {
  opacity: 1;
  visibility: visible;
}
.article_view .article_nav {
  width: calc(100% - 3.2rem);
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0;
}
.article_view .article_nav .go_list {
  color: #555555;
  font-size: 1.7rem;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.article_view .article_nav .go_list i {
  font-size: 2.4rem;
}
.article_view .article_nav .date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.article_view .article_util {
  position: absolute;
  left: calc(50% - 50rem - 10rem);
  top: 60rem;
}
.article_view .article_util .util_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.article_view .article_util .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.article_view .article_util .btn.share_open {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.01874C16.8807 7.01874 18 5.89945 18 4.51874C18 3.13803 16.8807 2.01874 15.5 2.01874C14.1193 2.01874 13 3.13803 13 4.51874C13 5.89945 14.1193 7.01874 15.5 7.01874Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 12.8521C6.88071 12.8521 8 11.7328 8 10.3521C8 8.97134 6.88071 7.85205 5.5 7.85205C4.11929 7.85205 3 8.97134 3 10.3521C3 11.7328 4.11929 12.8521 5.5 12.8521Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 18.6854C16.8807 18.6854 18 17.5661 18 16.1854C18 14.8047 16.8807 13.6854 15.5 13.6854C14.1193 13.6854 13 14.8047 13 16.1854C13 17.5661 14.1193 18.6854 15.5 18.6854Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.65833 11.6104L13.35 14.9271' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3417 5.77704L7.65833 9.09371' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.article_view .article_util .btn.audio {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12 4C7.58172 4 4 7.58172 4 12H7C8.10457 12 9 12.8954 9 14V19C9 20.1046 8.10457 21 7 21H4C2.89543 21 2 20.1046 2 19V12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12V19C22 20.1046 21.1046 21 20 21H17C15.8954 21 15 20.1046 15 19V14C15 12.8954 15.8954 12 17 12H20C20 7.58172 16.4183 4 12 4ZM4 14V19H7V14H4ZM17 14V19H20V14H17Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2rem;
}
.article_view .article_util .btn.print {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.16652V2.33319H15V8.16652' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.00033 15.6665H3.33366C2.89163 15.6665 2.46771 15.4909 2.15515 15.1783C1.84259 14.8658 1.66699 14.4419 1.66699 13.9998V9.83317C1.66699 9.39114 1.84259 8.96722 2.15515 8.65466C2.46771 8.3421 2.89163 8.1665 3.33366 8.1665H16.667C17.109 8.1665 17.5329 8.3421 17.8455 8.65466C18.1581 8.96722 18.3337 9.39114 18.3337 9.83317V13.9998C18.3337 14.4419 18.1581 14.8658 17.8455 15.1783C17.5329 15.4909 17.109 15.6665 16.667 15.6665H15.0003' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12.3332H5V18.9999H15V12.3332Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.article_view .article_util .btn.facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27778 9.22578V16.4258H5.6358V9.32578H7.90741L8.5 6.32578H5.6358C5.6358 6.32578 5.6358 4.92578 5.6358 4.12578C5.6358 3.82578 5.73457 3.42578 6.2284 3.42578C6.91975 3.42578 7.80864 3.42578 7.80864 3.42578V0.425781C7.80864 0.425781 6.32716 0.425781 4.74691 0.425781C3.75926 0.425781 2.27778 1.72578 2.27778 3.22578C2.27778 4.72578 2.27778 6.32578 2.27778 6.32578H0.5V9.32578L2.27778 9.22578Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-color: #1877F2;
  background-size: 1rem;
}
.article_view .article_util .btn.twitter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.28191 0.70459H0.775146L8.45392 10.943L1.19339 19.2952H3.65669L9.59488 12.4642L14.7182 19.2953H21.225L13.2232 8.62639L20.1096 0.70459H17.6463L12.0823 7.10518L7.28191 0.70459ZM15.6477 17.4363L4.4933 2.56366H6.35237L17.5068 17.4363H15.6477Z' fill='%23fff'/%3E%3C/svg%3E");
  background-color: #000;
}
.article_view .article_util .btn.instagram {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center, url("/kor/img/sub/insta.png") no-repeat center center;
  background-size: 3rem, cover;
}
.article_view .article_util .btn.kakao {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M10.9999 0C17.075 0 22 3.79756 22 8.48201C22 13.1665 17.075 16.964 10.9999 16.964C10.3837 16.964 9.77964 16.9242 9.19098 16.8492L4.57299 19.8372C4.04771 20.1123 3.86226 20.0817 4.07851 19.4092L5.01257 15.598C1.99544 14.0856 0 11.4637 0 8.48201C0 3.79756 4.92481 0 10.9999 0ZM17.1883 8.35185L18.7286 6.87723C18.9248 6.68933 18.93 6.3798 18.7401 6.18564C18.5503 5.99174 18.2374 5.98652 18.0409 6.1743L16.0209 8.10811V6.51047C16.0209 6.24046 15.7997 6.02144 15.5266 6.02144C15.2537 6.02144 15.0322 6.24046 15.0322 6.51047V9.16039C15.0135 9.23604 15.014 9.31439 15.0322 9.39025V10.8814C15.0322 11.1515 15.2537 11.3705 15.5266 11.3705C15.7997 11.3705 16.0209 11.1515 16.0209 10.8814V9.46922L16.4689 9.04049L17.9647 11.1472C18.061 11.2828 18.2142 11.3553 18.3697 11.3553C18.468 11.3553 18.5671 11.3263 18.6535 11.2663C18.8769 11.1112 18.9308 10.8061 18.7739 10.585L17.1883 8.35185ZM14.0898 10.3466H12.5603V6.52576C12.5603 6.25576 12.339 6.03674 12.0659 6.03674C11.793 6.03674 11.5717 6.25576 11.5717 6.52576V10.8355C11.5717 11.1057 11.793 11.3245 12.0659 11.3245H14.0898C14.3629 11.3245 14.5841 11.1057 14.5841 10.8355C14.5841 10.5655 14.3629 10.3466 14.0898 10.3466ZM7.95373 9.21552L8.68288 7.4459L9.35054 9.21552H7.95373ZM10.5966 9.72094C10.5968 9.71534 10.5982 9.71027 10.5982 9.70467C10.5982 9.57617 10.5471 9.4603 10.4653 9.37305L9.37013 6.47057C9.26704 6.18054 9.00901 5.98804 8.71265 5.97989C8.42128 5.97211 8.15013 6.15237 8.02847 6.44251L6.28833 10.6663C6.18536 10.9163 6.30676 11.2018 6.5596 11.3038C6.81245 11.4058 7.10099 11.2856 7.20396 11.0354L7.55075 10.1937H9.71951L10.032 11.0219C10.1063 11.2186 10.2948 11.3401 10.4954 11.34C10.5528 11.34 10.6111 11.33 10.6681 11.309C10.924 11.2147 11.0539 10.9329 10.9583 10.6797L10.5966 9.72094ZM7.11697 6.53086C7.11697 6.26086 6.89557 6.04184 6.62262 6.04184H3.22377C2.95069 6.04184 2.7293 6.26086 2.7293 6.53086C2.7293 6.80088 2.95069 7.01988 3.22377 7.01988H4.43903V10.8917C4.43903 11.1617 4.66042 11.3806 4.93338 11.3806C5.20645 11.3806 5.42786 11.1617 5.42786 10.8917V7.01988H6.62262C6.89557 7.01988 7.11697 6.80088 7.11697 6.53086Z' fill='%23000'/%3E%3C/svg%3E");
  background-color: #FAE300;
}
.article_view .article_util .btn.url {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.4751 13.5972L15.0362 12.1583L16.4751 10.7195C18.4618 8.73277 18.4618 5.51166 16.4751 3.52496C14.4884 1.53824 11.2672 1.53824 9.28055 3.52496L7.84165 4.96385L6.40275 3.52496L7.84165 2.08605C10.6231 -0.695349 15.1326 -0.695349 17.914 2.08605C20.6954 4.86744 20.6954 9.37692 17.914 12.1583L16.4751 13.5972ZM13.5972 16.4751L12.1583 17.914C9.37701 20.6953 4.86744 20.6953 2.08605 17.914C-0.695349 15.1326 -0.695349 10.623 2.08605 7.84166L3.52494 6.40275L4.96385 7.84166L3.52494 9.28057C1.53824 11.2673 1.53824 14.4883 3.52494 16.4751C5.51165 18.4618 8.73275 18.4618 10.7194 16.4751L12.1583 15.0361L13.5972 16.4751ZM12.8778 5.68331L14.3168 7.12221L7.12221 14.3167L5.6833 12.8778L12.8778 5.68331Z' fill='%23fff'/%3E%3C/svg%3E");
  background-color: #555;
  background-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
  .article_view .article_util .btn:hover {
    border-color: #1F3442;
  }
}
.article_view .article_util.scroll_active {
  position: fixed;
  top: 10rem;
}
.article_view .article_util .share_modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
}
.article_view .article_util .share_modal .inner {
  position: fixed;
  left: calc(50% - 20rem);
  top: 50%;
  z-index: 301;
  transform: translate(0, -50%);
  width: 40rem;
  background: #ffffff;
  border-radius: 1.6rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 3.2rem;
}
.article_view .article_util .share_modal .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.4rem;
}
.article_view .article_util .share_modal .title {
  font-size: 1.8rem;
  font-weight: 700;
}
.article_view .article_util .share_modal .close {
  display: block;
  width: 3rem;
  height: 3rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 2rem;
}
.article_view .article_util .share_modal .info_tx {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
  text-align: center;
}
.article_view .article_util .share_modal .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.article_view .article_util .share_modal .list .btn {
  box-shadow: none;
  border: none;
}
.article_view .article_util .share_modal.show {
  opacity: 1;
  visibility: visible;
}
.article_view .article_util .all_open {
  display: none;
}
.article_view .article_util .cont_modal_open {
  display: none;
}
.article_view .article_contents {
  width: calc(100% - 3.2rem);
  max-width: 100rem;
  margin: 0 auto;
  word-break: keep-all;
  text-align: justify;
  line-height: 1.8;
  font-size: 105%;
}
.article_view .article_contents .def_figure {
  margin-bottom: 4rem;
  padding: 0;
  width: 100%;
  text-align: left;
}
.article_view .article_contents .def_figure img {
  width: 100%;
}
.article_view .article_contents .def_figure figcaption {
  margin-top: 5px;
  font-size: 1.6rem;
  color: #717171;
  word-break: keep-all;
}
.article_view .article_contents .ai_summary {
  background: #F2F6FC;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 4rem 0;
  border-radius: 1.6rem;
}
.article_view .article_contents .ai_summary .tit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  color: #0B50D0;
  width: 100%;
}
.article_view .article_contents .ai_summary .tit i {
  font-weight: 400;
}
.article_view .article_contents .ai_summary .tit::after {
  content: "\ea4e";
  font-family: "remixicon";
  transition: 0.3s;
}
.article_view .article_contents .ai_summary ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
.article_view .article_contents .ai_summary li {
  color: #004175;
  padding-left: 1.6rem;
  position: relative;
  line-height: 1.2;
  font-size: 1.6rem;
}
.article_view .article_contents .ai_summary li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.7rem;
  height: 0.7rem;
  background: #CDD1D5;
  border-radius: 100%;
}
.article_view .article_contents .ai_summary .summary_cont {
  overflow: hidden;
  max-height: 0;
  width: 100%;
  transition: 0.3s;
}
.article_view .article_contents .ai_summary.open .tit::after {
  transform: rotate(180deg);
}
.article_view .article_contents .ai_summary.open .summary_cont {
  max-height: 100rem;
  padding-top: 2.4rem;
}
.article_view .article_contents::after {
  content: "";
  display: block;
  clear: both;
}
.article_view .article_contents .def_table {
  overflow: hidden;
  width: auto;
  background: #f6f6f6;
}
.article_view .article_contents .def_table th {
  background: #f6f6f6;
  padding: 2rem;
  border: 1px solid #dcdcdc;
}
.article_view .article_contents .def_table td {
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}
.article_view .article_contents .def_table tr:nth-child(even) {
  background: #fff;
}
.article_view .ai_hashtag {
  padding: 3.2rem 0;
  border-bottom: 1px solid #AAAAAA;
  width: calc(100% - 3.2rem);
  max-width: 100rem;
  margin: 0 auto;
  margin-top: 4rem;
}
.article_view .ai_hashtag div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.article_view .ai_hashtag a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1.6rem;
  border-radius: 2px;
  height: 3.4rem;
  border: 1px solid #dddddd;
  font-size: 1.4rem;
  color: #717171;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .article_view .ai_hashtag a:hover {
    background: rgba(200, 169, 106, 0.3);
    border-color: #C8A96A;
    color: #9C6B2F;
  }
}
.article_view.eng_view .article_contents {
  text-align: left;
}
.article_view.kor_view .top_title .tit {
  font-size: 5.2rem;
  line-height: 1.2;
}

/* 구독신청 */
.newsletter .agree_box {
  border: 1px solid #0E0E0E;
  padding: 4rem;
}
.newsletter .agree_box .scroll {
  max-height: 20rem;
  overflow-y: auto;
}
.newsletter .agree_box .scroll::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
.newsletter .agree_box .scroll::-webkit-scrollbar {
  width: 0.5rem;
}
.newsletter .agree_box .scroll::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
.newsletter .ment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 2.4rem;
}
.newsletter .ment .radio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
.newsletter .form_box {
  border-top: 1px solid #0E0E0E;
}
.newsletter .row_box {
  border-bottom: 1px solid #dddddd;
  padding: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.newsletter .row_box .label {
  flex: none;
  width: 20rem;
  font-size: 1.8rem;
  font-weight: 500;
}
.newsletter .row_box .require {
  color: #D63D4A;
  margin-right: 0.5rem;
}
.newsletter .row_box .form_input {
  width: 100%;
}
.newsletter .row_box .radio {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.newsletter .row_box .email {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.newsletter .row_box .email .form_select {
  flex: none;
  width: 20rem;
}
.newsletter .row_box .email button {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background: #1F3442;
  color: #FFFFFF;
  padding: 0 2.4rem;
  white-space: nowrap;
}
.newsletter .row_box .addr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
}
.newsletter .row_box .addr div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.newsletter .row_box .addr #zipcode {
  width: 20rem;
}
.newsletter .row_box .addr a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  background: #1F3442;
  color: #FFFFFF;
  padding: 0 2.4rem;
}
.newsletter .row_box .captcha {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.newsletter .row_box .captcha div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  flex: none;
}

.this_volume_btn {
  position: fixed;
  right: 0;
  bottom: 21rem;
  z-index: 2;
}
.this_volume_btn button {
  width: 8rem;
  height: 8rem;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #000;
  border-bottom: 2px solid #0E0E0E;
  border-right: 0;
  background: #ffffff;
  transition: 0.3s;
}
.this_volume_btn button em {
  font-size: 1.4rem;
  line-height: 1;
}
.this_volume_btn button i {
  display: flex;
  height: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .this_volume_btn button:hover {
    background-color: #F6F4EF;
  }
}
.this_volume_btn.is_bottom {
  bottom: 40rem;
}

.story_summary {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6.4rem;
  overflow: hidden;
  max-height: calc(100vh - 6rem);
}
.story_summary .this_cover {
  flex: none;
  width: 41rem;
  border: 1px solid #0e0e0e;
  max-height: calc(100vh - 12rem);
  overflow-y: auto;
}
.story_summary .this_cover .scroll {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.story_summary .this_cover .scroll::-webkit-scrollbar-track {
  background-color: #F6F4EF;
  border-radius: 0;
}
.story_summary .this_cover .scroll::-webkit-scrollbar {
  width: 3px;
}
.story_summary .this_cover .scroll::-webkit-scrollbar-thumb {
  background-color: #8A5C00;
  border-radius: 0;
}
.story_summary .this_cover .thumb {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
}
.story_summary .this_cover .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story_summary .this_cover .desc {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
  padding: 2.4rem 1.4rem 2.4rem 2.4rem;
  width: 100%;
  transition: 0.3s;
}
.story_summary .this_cover .top {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.story_summary .this_cover .volume {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 1.8rem;
}
.story_summary .this_cover .date {
  font-family: "Montserrat";
  font-size: 1.5rem;
  color: #555;
}
.story_summary .this_cover .subject {
  font-size: 2rem;
  font-weight: 700;
}
.story_summary .this_cover .cont {
  font-size: 1.6rem;
  color: #555;
  word-break: keep-all;
}
.story_summary .menu_list {
  height: 100%;
  overflow: hidden;
  flex: 1;
}
.story_summary .menu_list .scroll_box {
  overflow-y: auto;
  max-height: calc(100vh - 12rem);
  padding-top: 4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
  width: 100%;
}
.story_summary .menu_list .scroll_box::-webkit-scrollbar-track {
  background-color: #F6F4EF;
  border-radius: 0;
}
.story_summary .menu_list .scroll_box::-webkit-scrollbar {
  width: 3px;
}
.story_summary .menu_list .scroll_box::-webkit-scrollbar-thumb {
  background-color: #8A5C00;
  border-radius: 0;
}
.story_summary .menu_list .section {
  flex: 1;
}
.story_summary .menu_list a {
  display: block;
}
.story_summary .menu_list a + a {
  margin-top: 2.4rem;
}
.story_summary .menu_list .sec_tit {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  font-weight: 700;
}
.story_summary .menu_list .menu_tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #9C6B2F;
}
.story_summary .menu_list .menu_tx {
  font-size: 1.6rem;
  color: #555555;
  word-break: keep-all;
  margin-top: 1rem;
}
.story_summary .menu_list .menu_tx + .menu_tit {
  margin-top: 2.4rem;
}

#sub_wrap:has(.audio_article) {
  padding: 0;
}
#sub_wrap:has(.audio_article) > .layout_fix {
  width: 100%;
  max-width: 100%;
}
#sub_wrap:has(.audio_article) #contents_util {
  display: none;
}
#sub_wrap:has(.audio_article) .contents_nav {
  display: none;
}
#sub_wrap:has(.audio_article) #contents_body {
  padding: 0;
}

.audio_top {
  background: url("/html/a2/img/0400000000.jpg") no-repeat center center;
  background-size: cover;
}
.audio_top .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4rem;
  padding: 16rem 0;
}
.audio_top .svg_icon {
  width: 12.8rem;
  height: 12.8rem;
  background: #0B50D0;
  border-radius: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: none;
}
.audio_top .tit {
  font-size: 4.8rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.audio_top .tit em {
  font-size: 80%;
  transform: translateY(-1.5rem);
}
.audio_top .tx {
  font-size: 1.8rem;
  color: #FFFFFF;
}
.audio_top .tx em {
  font-style: italic;
}

.audio_contents {
  padding-top: 5rem;
}
.audio_contents .gallery_list ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.4rem;
}
.audio_contents .gallery_list li {
  border: 1px solid #0E0E0E;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition: 0.3s;
  background: #ffffff;
  gap: 0;
}
@media screen and (min-width: 1024px) {
  .audio_contents .gallery_list li:hover {
    background: #F6F4EF;
  }
}
.audio_contents .gallery_list .thumb {
  aspect-ratio: auto;
  width: 22rem;
  height: 100%;
  min-height: 22rem;
  flex: none;
  border-radius: 0;
  margin: 0;
  border: none;
}
.audio_contents .gallery_list .desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.6rem;
  padding: 1.6rem;
  flex: 1;
}
.audio_contents .gallery_list .cate {
  font-size: 1.5rem;
  color: #8A5C00;
  font-weight: 500;
}
.audio_contents .gallery_list .subject {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  word-break: keep-all;
}
.audio_contents .gallery_list .bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  color: #555555;
  width: 100%;
}
.audio_contents .gallery_list button {
  margin-left: auto;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  background: #000000;
  color: #FFFFFF;
  padding: 0 2.4rem;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .audio_contents .gallery_list button:hover {
    background: #9C6B2F;
  }
}

.archive_board_info form {
  width: 100%;
  margin: 0;
}
.archive_board_info fieldset {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.archive_board_info .page {
  order: 2;
  margin-left: auto;
  height: 4.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.archive_board_info .form {
  margin: 0;
}
.archive_board_info .form .btn_box {
  gap: 0.5rem;
}

.archive_search_depth {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.archive_search_depth .form_check_box {
  line-height: 1;
  word-break: keep-all;
  text-align: center;
}

.search_filter_box {
  flex: none;
  width: 100%;
  order: 3;
  gap: 1.6rem;
  border: 1px solid #dddddd;
  padding: 2.4rem;
}
.search_filter_box .article + .article {
  margin-top: 1.6rem;
}
.search_filter_box .article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.search_filter_box .check_list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.search_filter_box .check_list .form_check_box label {
  line-height: 1.1;
  height: 3.4rem;
  padding: 0 1.2rem;
  text-align: center;
  font-size: 1.4rem;
  word-break: keep-all;
}
.search_filter_box .nation_select_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.search_filter_box .nation_select_box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.6rem;
  border: 1px solid #8e8e8e;
  height: 4.8rem;
  padding: 0 1.6rem;
  background: #000;
  color: #FFFFFF;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  .search_filter_box .nation_select_box button:hover {
    background-color: #333;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
  }
}
.search_filter_box .nation_select {
  flex: 1;
}
.search_filter_box .nation_select .ts-control {
  height: 4.8rem;
  border-radius: 0;
  border-color: #8e8e8e;
  padding: 0 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.search_filter_box .nation_select .ts-control::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 1.6rem;
}
.search_filter_box .nation_select .ts-control input {
  font-size: 1.6rem;
}
.search_filter_box .nation_select .ts-dropdown .option {
  font-size: 1.6rem;
  padding: 1rem 1.6rem;
}
.search_filter_box .nation_selected {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.search_filter_box .nation_selected .form_check_box {
  flex: none;
}
.search_filter_box .nation_selected .form_check_box.active input[type=checkbox]:checked + label {
  background: #1F3442;
  padding: 0 1.6rem;
}
.search_filter_box .nation_selected .form_check_box.active input[type=checkbox]:checked + label::after {
  content: "\eb99";
  font-family: "remixicon";
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1440px) {
  .board_view .view_modal .list {
    max-width: 100%;
  }
  .board_view .view_modal .slick-arrow.slick-prev {
    left: -1.5rem;
  }
  .board_view .view_modal .slick-arrow.slick-next {
    right: -1.5rem;
  }
  .board_view .view_modal .list .img {
    padding: 0 5rem;
  }
  .board_view .view_modal .list .img img {
    max-height: 70vh;
  }
}
@media (max-width: 1280px) {
  .gallery_list.road .line {
    flex-direction: column-reverse;
  }
  .gallery_list.road .thumb {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
  }
  .audio_contents .gallery_list .thumb {
    width: 20rem;
    min-height: 20rem;
  }
  .audio_contents .gallery_list .bottom {
    flex-wrap: wrap;
  }
  .article_view .article_util {
    position: fixed;
    right: 0.2rem;
    bottom: 17rem;
    z-index: 5;
    left: auto;
    top: auto;
  }
  .article_view .article_util.scroll_active {
    top: auto;
  }
  .article_view .article_util.is_bottom {
    bottom: 54rem;
  }
  .article_view .article_util .all_open {
    display: flex;
  }
  .article_view .article_util .all_open.open {
    border-color: #C8A96A;
    background: #C8A96A;
    color: #FFFFFF;
  }
  .article_view .article_util .cont_modal_open {
    display: flex;
  }
  .article_view .article_util .btn {
    width: 5.5rem;
    height: 5.5rem;
  }
  .article_view .article_util .btn.print {
    display: none;
  }
  .article_view .article_util .cont_modal_open {
    font-size: 1.2rem;
    line-height: 0.9;
    margin-bottom: 1rem;
    word-break: keep-all;
  }
  .article_view .article_util .util_box {
    overflow: hidden;
    padding: 0 1rem;
    margin: 0 -1rem;
    max-height: 0;
  }
  .article_view .article_util .util_box.open {
    max-height: 50rem;
  }
  .this_volume_btn {
    display: none;
  }
  .story_summary {
    flex-direction: column;
    gap: 2.4rem;
    max-height: inherit;
  }
  .story_summary .this_cover {
    max-height: inherit;
    width: 100%;
  }
  .story_summary .this_cover .scroll {
    flex-direction: row;
    align-items: stretch;
  }
  .story_summary .this_cover .thumb {
    width: 40%;
  }
  .story_summary .this_cover .desc {
    justify-content: center;
    flex: 1;
  }
  .story_summary .this_cover .desc .btn_box {
    margin-top: auto;
  }
  .story_summary .menu_list {
    max-height: inherit;
  }
  .story_summary .menu_list .scroll_box {
    padding-top: 0;
    overflow: visible;
    max-height: inherit;
  }
  .archive_search_depth {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  input.form_input {
    width: 100%;
  }
  .form_select {
    width: 100%;
  }
  .form_list_select .btn_open {
    width: 100%;
  }
  .board_info:has(.cate) {
    margin-top: -1.5rem;
  }
  .board_info .page {
    display: none;
  }
  .board_info form, .board_info .form {
    margin-left: 0;
    flex: 1;
  }
  .board_info .form {
    width: 100%;
    padding: 0;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .board_info .form .form_select {
    display: none;
  }
  .board_info .form input.form_input {
    width: 100%;
    padding: 0 1rem;
  }
  .board_view h2.title {
    padding: 3rem 1rem;
    font-size: 2rem;
  }
  .board_view .info {
    flex-wrap: wrap;
    gap: 1rem 3rem;
    padding: 2rem 1rem;
    font-size: 1.4rem;
  }
  .board_view .info li + li::before {
    display: none;
  }
  .board_view .contents {
    font-size: 1.6rem;
  }
  .board_view .file {
    flex-direction: column;
  }
  .board_view .file .title {
    margin-bottom: 1rem;
  }
  .board_view .file .list {
    width: 100%;
  }
  .board_view .file .list li {
    flex-direction: column;
    align-items: flex-start;
  }
  .board_view .file .list li .btn_box {
    margin: 0 auto;
    gap: 1rem;
  }
  .board_view .file_cont {
    display: block;
  }
  .board_view .file_cont .txt {
    font-size: 1.3rem;
  }
  .board_comment {
    padding: 3rem 0;
  }
  .board_comment .form .length {
    right: 10rem;
    font-size: 1.3rem;
  }
  .board_comment .form .btn_box .btn {
    min-width: 8rem;
  }
  .board_comment .list ul li {
    padding: 3rem 2rem;
  }
  .board_comment .list ul li .text {
    font-size: 1.4rem;
  }
  .board_answer .top {
    flex-wrap: wrap;
  }
  .board_answer .contents {
    padding: 3rem 2rem;
  }
  .board_prevnext li {
    font-size: 1.4rem;
  }
  .board_prevnext li .txt {
    width: 8rem;
  }
  .board_form tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem 0;
  }
  .board_form th, .board_form td {
    padding: 0;
    width: 100%;
  }
  .board_form th {
    padding-left: 0;
    margin-bottom: 1rem;
  }
  .board_form td.row_box {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .board_form td.row_box .empha_txt {
    flex: none;
    width: 100%;
  }
  .board_form td.row_box.email .form_select {
    width: inherit;
  }
  .board_form td.row_box.address .btn_box .btn {
    min-width: 9rem;
    font-size: 1.4rem;
  }
  .board_form td.row_box.address input.form_input.wd100 {
    width: 100% !important;
    flex: none !important;
  }
  .board_form td.row_box.radio {
    gap: 0.5rem 2rem;
    padding: 0;
  }
  .board_form input.form_input {
    width: 100% !important;
    flex: 1 !important;
  }
  .board_form .file_active td {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
  .board_form .file_active .btn_delete::before {
    content: "\eb97";
    font-family: "remixicon";
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .board_form .view_file li {
    flex-direction: column;
    font-size: 1.4rem;
  }
  .board_form .view_file .btn_box {
    margin: 0 auto;
  }
  .board_form .captcha {
    flex-wrap: wrap;
  }
  .board_form .captcha input.form_input {
    width: 100%;
    flex: none !important;
  }
  .board_list thead, .board_list colgroup {
    display: none;
  }
  .board_list tbody tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    width: 100%;
    padding: 1.5rem 1rem;
    position: relative;
  }
  .board_list tbody tr.notice {
    background: #F4FAFD;
  }
  .board_list tbody td {
    padding: 0;
    overflow: hidden;
    font-size: 1.4rem;
  }
  .board_list tbody td::before {
    font-family: "remixicon";
    margin-right: 0.5rem;
    color: #8e8e8e;
  }
  .board_list tbody td.number {
    display: none;
  }
  .board_list tbody td.category {
    display: none;
  }
  .board_list tbody td.subject {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .board_list tbody td.subject a {
    align-items: flex-start;
    overflow: hidden;
  }
  .board_list tbody td.subject a .title {
    font-size: 1.6rem;
    color: #151515;
    font-weight: 600;
  }
  .board_list tbody td.subject .category {
    display: none;
  }
  .board_list tbody td.name {
    display: none;
  }
  .board_list tbody td.date {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .board_list tbody td.date::after {
    content: "";
    display: block;
    width: 1px;
    background: #ddd;
    height: 10px;
    margin-left: 1rem;
  }
  .board_list tbody td.hit::before {
    content: "\ecb5";
  }
  .board_list tbody td.file {
    display: none;
  }
  .board_list tbody td.state {
    position: absolute;
    right: 1rem;
    bottom: 1.5rem;
  }
  .board_list tbody td .state {
    width: 8rem;
    padding: 0.3rem 0;
  }
  .board_list .no_data {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12rem 0 4rem;
    font-size: 1.8rem;
    font-weight: 600;
    border: none;
    background-position-y: 3rem;
  }
  .board_list.pri tbody td.date::before {
    content: "";
    display: block;
    width: 1px;
    background: #ddd;
    height: 10px;
    margin-right: 1rem;
  }
  .board_list.pri tbody td.date::after {
    display: none;
  }
  .faq_list li .icon {
    width: 3rem;
    height: 3rem;
    margin-right: 0;
    font-size: 2rem;
  }
  .faq_list li .question {
    padding: 1.6rem 0.5rem;
    position: relative;
    gap: 1rem;
  }
  .faq_list li .question .cate {
    font-size: 1.4rem;
  }
  .faq_list li .question .title {
    font-size: 1.7rem;
    font-weight: 700;
    padding-right: 3rem;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .faq_list li .question::after {
    position: absolute;
    right: 1rem;
    top: calc(50% - 1.5rem);
    height: 3rem;
  }
  .faq_list li .answer .inner {
    padding: 1.6rem 1rem 1.6rem 0.5rem;
  }
  .gallery_list.down ul {
    gap: 3rem 2rem;
    padding: 0;
  }
  .gallery_list.down .down_box {
    padding: 2rem;
  }
  .gallery_list.art a {
    padding: 3rem 2rem;
  }
  .complete_box {
    padding: 4rem 2rem;
  }
  .complete_box .icon {
    width: 13rem;
    height: 13rem;
    margin: 0 auto 3rem;
  }
  .complete_box strong {
    font-size: 2.8rem;
  }
  .complete_box p {
    margin-top: 3rem;
    font-size: 1.6rem;
  }
  .newsletter .agree_box {
    padding: 2.4rem;
  }
  .newsletter .ment {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .newsletter .ment .radio {
    margin-left: auto;
  }
  .newsletter .row_box {
    flex-direction: column;
    align-items: stretch;
    padding: 1.6rem 0;
  }
  .newsletter .row_box .label {
    height: 4rem;
    width: auto;
  }
  .newsletter .row_box .email .form_select {
    flex: none;
    width: 13rem;
  }
  .audio_top .layout_fix {
    padding: 8rem 0;
    gap: 2.4rem;
  }
  .audio_top .svg_icon {
    width: 10rem;
    height: 10rem;
  }
  .audio_top .tit {
    font-size: 3.2rem;
  }
  .audio_top .tx {
    font-size: 1.6rem;
  }
  .audio_top .tx br {
    display: none;
  }
  .audio_contents .gallery_list ul {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .article_view .top_title {
    height: inherit;
  }
  .article_view .top_title .layout_fix_n {
    padding: 10rem 0 4rem;
    min-height: 50rem;
    justify-content: center;
  }
  .article_view .top_title .tit {
    width: 100%;
    font-size: 3.8rem;
    margin-bottom: 0;
  }
  .article_view .article_header .inner {
    padding: 1rem 1.6rem;
    flex-wrap: wrap;
  }
  .article_view .article_header .title {
    font-size: 2rem;
  }
  .article_view .article_header .date {
    display: none;
  }
  .article_view .ai_hashtag {
    padding: 0 0 1.6rem;
    margin-top: 0;
  }
  .article_view .ai_hashtag a {
    height: 2.8rem;
    padding: 0 1rem;
  }
  .article_view.kor_view .top_title .tit {
    font-size: 3.8rem;
    line-height: 1.2;
  }
  .archive_board_info fieldset {
    flex-direction: column;
  }
  .archive_board_info .page {
    display: none !important;
  }
  .archive_board_info .form {
    flex: none;
    width: 100%;
    position: relative;
  }
  .archive_board_info .form .form_select {
    flex: none !important;
    width: 10rem !important;
  }
  .archive_board_info .form .form_input {
    flex: 1;
  }
  .archive_board_info .form .btn_box {
    margin: 0;
    padding: 0;
    flex: none;
    width: 100%;
  }
  .archive_board_info .form .btn_box .btn.round {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.8rem;
    height: 4.8rem;
    padding: 0;
    gap: 0;
  }
  .archive_board_info .form .btn_box .btn {
    flex: 1;
  }
  .search_filter_box {
    padding: 1.6rem;
  }
  .search_filter_box .label {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  .gallery_list.art ul {
    grid-template-columns: 1fr;
  }
  .story_summary .menu_list .scroll_box {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .btn_box {
    gap: 1.2rem;
  }
  .btn_box .btn {
    min-width: 12rem;
    padding: 0.5rem 1.2rem;
  }
  .btn_box .btn.xsm {
    min-width: 9rem;
  }
  .btn_box .btn.sm {
    min-width: 11rem;
  }
  .btn_box .btn.lg {
    min-width: 16rem;
    min-height: 5.2rem;
    font-size: 1.5rem;
  }
  .form_radio {
    align-items: center;
  }
  .form_radio input[type=radio] {
    width: 2rem;
    height: 2rem;
  }
  .form_check input[type=checkbox] + label {
    padding-left: 24px;
  }
  .form_check input[type=checkbox] + label::before {
    width: 2rem;
    height: 2rem;
    top: -1px;
  }
  .board_pager a {
    flex: none;
    width: 3.8rem;
    height: 3.8rem;
  }
  .board_pager a:not(.nav):not(.on, .total) {
    display: none;
  }
  .board_pager a:not(.nav).on {
    background: none;
    width: inherit;
    font-size: 1.4rem;
    font-weight: 600;
    color: #151515;
  }
  .board_pager a:not(.nav).on::after {
    content: "/";
    margin: 0 0.5rem 0 1rem;
    transform: scale(0.8);
  }
  .board_pager a.prev {
    margin-right: 2rem;
  }
  .board_pager a.next {
    margin-left: 2rem;
  }
  .board_pager a.total {
    display: flex;
    width: inherit;
    font-weight: 600;
  }
  .board_view .contents .image_slide .detail {
    padding: 0 2rem;
  }
  .board_view .contents .image_slide .detail .btn_thumb {
    width: 4rem;
    height: 4rem;
    top: calc(50% - 4rem);
    background-color: #FFFFFF;
    z-index: 2;
  }
  .board_view .contents .image_slide .detail .btn_thumb.prev {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    background-position-x: 40%;
  }
  .board_view .contents .image_slide .detail .btn_thumb.next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%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");
    background-position-x: 60%;
  }
  .board_view .contents .image_slide .detail .page {
    margin-top: 2rem;
  }
  .board_view .contents .image_slide .thumb {
    gap: 2rem;
  }
  .board_view .view_modal {
    padding: 3vh 3rem;
  }
  .board_view .view_modal .slick-arrow {
    width: 3rem;
    border: none;
  }
  .board_view .view_modal .slick-arrow.slick-prev {
    left: -3rem;
  }
  .board_view .view_modal .slick-arrow.slick-next {
    right: -3rem;
  }
  .board_view .view_modal .list .img {
    padding: 0;
  }
  .board_view .view_modal .list .item span {
    display: none;
  }
  .board_view .file .list li .btn_box {
    width: 100%;
  }
  .board_view .file .list li .btn_box .btn {
    flex: 1;
    justify-content: center;
  }
  .board_view_etc .like a {
    width: 15rem;
  }
  .board_view_etc .sns {
    gap: 2rem;
  }
  .board_form {
    font-size: 1.6rem;
  }
  .board_form .address {
    position: relative;
  }
  .board_form .address .btn_box .map {
    position: absolute;
    transform: translate(0, -100%);
    right: 0;
    top: -0.5rem;
    z-index: 0;
  }
  .board_form .address .btn_box .map .btn {
    height: 28px;
    min-height: inherit;
    font-size: 1.3rem;
    padding: 0.7px 1rem 0;
  }
  .board_form .address .btn_box .map em {
    display: none;
  }
  .faq_list ul li .question .title {
    font-size: 1.6rem;
  }
  .faq_list ul li .answer {
    font-size: 1.4rem;
  }
  .faq_list ul li .answer .file li {
    font-size: 1.4rem;
    flex-wrap: wrap;
  }
  .faq_list ul li .answer .file li .btn_box {
    flex: none;
    width: 100%;
  }
  .gallery_list ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6rem;
  }
  .gallery_list.down ul {
    gap: 1.6rem;
  }
  .gallery_list.ebook ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .privacy_agree .cont {
    padding: 3rem 2rem;
  }
  .privacy_agree .cont .inner {
    max-height: 28rem;
  }
  .newsletter .row_box .email {
    flex-wrap: wrap;
  }
  .newsletter .row_box .email .form_input {
    flex: 1;
    width: auto;
  }
  .newsletter .row_box .email .form_select {
    flex: none;
    width: calc(100% - 14rem);
  }
  .newsletter .row_box .email button {
    width: 13rem;
  }
  .newsletter .row_box .email #mail_code {
    flex: none;
    width: calc(100% - 15rem);
  }
  .newsletter .row_box .email_del .form_select {
    width: 100%;
  }
  .newsletter .row_box .captcha {
    flex-wrap: wrap;
  }
  .newsletter .row_box .captcha .form_input {
    flex: none;
    width: 100%;
  }
  .audio_contents .gallery_list .thumb {
    width: 16rem;
    min-height: 16rem;
  }
  .audio_contents .gallery_list .subject {
    font-size: 1.8rem;
  }
  .audio_contents .gallery_list .desc {
    gap: 1rem;
  }
  .archive_search_depth {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .archive_search_depth .form_check_box input[type=checkbox] + label {
    font-size: 1.5rem;
  }
  .search_filter_box .check_list.region {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .search_filter_box .nation_select_box button {
    font-size: 1.5rem;
  }
  .search_filter_box .check_list.year {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .btn_box.m_flex1 {
    flex-wrap: nowrap;
  }
  .btn_box.m_flex1 .btn {
    width: auto;
    min-width: 0;
    flex: 1;
  }
  .gallery_list.down .down_box .title {
    font-size: 1.5rem;
  }
  .story_summary .this_cover .scroll {
    flex-direction: column;
    overflow: visible;
  }
  .story_summary .this_cover .thumb {
    width: 100%;
  }
  .story_summary .this_cover .desc {
    padding: 1.6rem;
  }
}
@media (max-width: 480px) {
  .board_form .captcha {
    gap: 0.5rem;
  }
  .board_form .captcha .btn {
    flex: 1;
    padding: 0 1rem;
    font-size: 1.3rem;
  }
  .board_form .captcha .btn::after {
    margin-left: auto;
  }
  .board_list tbody tr {
    padding: 1.5rem 0.3rem;
  }
  .gallery_list ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .gallery_list.ebook ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .complete_box strong {
    font-size: 2.4rem;
  }
  .article_view .top_title .tit {
    font-size: 3.2rem;
  }
  .article_view.kor_view .top_title .tit {
    font-size: 3.2rem;
    line-height: 1.2;
  }
}