@charset "UTF-8";
/* scss 버튼 */
.btn {
  cursor: pointer;
  font-family: "Spoqa Han Sans Neo", sans-serif;
}
.btn.unactive {
  pointer-events: none;
}
.btn-wrap {
  cursor: pointer;
}
.btn-wrap:has(.btn-bg-brown) {
  background-color: #BA998C;
}
.btn-wrap:has(.btn-bg-brown) .btn {
  font-weight: 500;
  color: #fff;
}
.btn-wrap:has(.btn-bg-darkbrown) {
  background-color: #988C87;
}
.btn-wrap:has(.btn-bg-darkbrown) .btn {
  font-weight: 500;
  color: #fff;
}
.btn-wrap:has(.btn-bg-darkbrown.unactive) {
  background-color: #D8CFCB;
}
.btn-wrap:has(.btn-bd-brown) {
  background: #fff;
  border: 2px solid #D2B6AB;
}
.btn-wrap:has(.btn-bd-brown) .btn {
  font-weight: 500;
  color: #D2B6AB;
}
.btn-wrap:has(.btn-bg-brown.unactive) {
  background-color: #D8CFCB;
}
.btn-wrap:has(.btn-bd-black) {
  background: #fff;
  border: 2px solid #262626;
}
.btn-wrap:has(.btn-bd-black) .btn {
  font-weight: 600;
  color: #262626;
}
.btn-wrap:has(.btn-rounding) {
  border-radius: 10px;
}
.btn-wrap .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
}
.btn-wrap .txt {
  line-height: 1.4;
  padding-bottom: 2px;
  white-space: nowrap;
}
.btn-wrap .icon {
  margin-top: -4px;
}
.btn-bg-white {
  font-weight: 500;
  color: #BA998C;
}

/* scss 버튼 */
/* scss 해더 */
header {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  transition: background 0.3s;
  z-index: 1001;
  box-shadow: 0px 2px 6px #0000000D;
}
header.active {
  background-color: #F9F8F6;
}
header.active .logo .icon img {
  content: url("/images/user/common/icon-logo-black.svg");
}
header.active .menu {
  color: #262626;
}
header.active .btn-fullmenu .icon img {
  content: url("/images/user/common/icon-menu-bars-black.svg");
}
header .layout {
  display: flex;
}
@media only screen and (max-width: 767px) {
  header .layout {
  padding: 0 15px;
  }
}
@media only screen and (max-height: 425px) {
  header .layout {
    padding: 0 15px;
  }
}
header .layout > nav {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: max-width 0.3s;
}
@media only screen and (max-width: 1280px) {
  header .layout > nav {
    pointer-events: none;
    width: 0;
    opacity: 0;
  }
}
header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  max-width: 232px;
  height: 100%;
  font-family: "정부상징_부처명_16040911", "Spoqa Han Sans Neo", sans-serif;
  font-size: 24px;
  letter-spacing: -1.5px;
  color: #707070;
}
@media only screen and (max-width: 767px) {
  header .logo {
    padding-top: 3px;
    max-width: 150px;
  }
}
@media only screen and (max-height: 425px) {
  header .logo {
    padding-top: 3px;
    max-width: 150px;
  }
}
header .logo .icon {
  display: flex;
}
header .logo .icon img {
  width: 100%;
}
header .logo .txt {
  margin-top: 1rem;
}
header .logo-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
header .logo-wrap:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -15.5px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 100%;
  max-height: 24px;
  background-color: #E5E5E5;
  opacity: 0.2;
}
@media only screen and (max-width: 767px) {
  header .logo-wrap.logo-reservation {
    display: none;
  }
}
@media only screen and (max-height: 425px) {
  header .logo-wrap.logo-reservation {
    display: none;
  }
}
header .logo-plate {
  display: flex;
  align-items: center;
  gap: 31px;
}
header .more-menu {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  transition: right 0.3s;
}
@media only screen and (max-width: 425px) {
  header .more-menu .btn-wrap:not(.btn-fullmenu-wrap) {
    display: none;
  }
}
header .more-menu .btn-fullmenu-wrap {
  margin-left: 0.5rem;
}
header .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.1rem;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.54px;
  color: #fff;
  pointer-events: all;
}
@media only screen and (max-width: 1280px) {
  header .menu {
    pointer-events: none;
  }
}
header .menu .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .menu-list[data-level="1"] {
  gap: 8rem;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  transition: gap 0.6s;
  pointer-events: none;
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(1):last-of-type) > .menu-plate {
  max-width: calc(100% / 1);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(2):last-of-type) > .menu-plate {
  max-width: calc(100% / 2);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(3):last-of-type) > .menu-plate {
  max-width: calc(100% / 3);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(4):last-of-type) > .menu-plate {
  max-width: calc(100% / 4);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(5):last-of-type) > .menu-plate {
  max-width: calc(100% / 5);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(6):last-of-type) > .menu-plate {
  max-width: calc(100% / 6);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(7):last-of-type) > .menu-plate {
  max-width: calc(100% / 7);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(8):last-of-type) > .menu-plate {
  max-width: calc(100% / 8);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(9):last-of-type) > .menu-plate {
  max-width: calc(100% / 9);
}
header .menu-list[data-level="1"]:has(> li:nth-of-type(10):last-of-type) > .menu-plate {
  max-width: calc(100% / 10);
}
header .menu-list[data-level="1"] > .menu-plate {
  flex: 0 0 auto;
  min-width: 0;
  transition: flex-grow 0.3s, flex-basis 0.3s;
}
header .menu-list[data-level="1"] > .menu-plate.current > .menu-wrap > .menu {
  color: #BA998C;
}
header .menu-list[data-level="1"] > .menu-plate.current > .menu-wrap > .menu::before {
  transform: translateX(-50%) scale(1);
}
header .menu-list[data-level="1"] > .menu-plate > .menu-wrap {
  height: 100px;
}
@media only screen and (max-width: 767px) {
  header .menu-list[data-level="1"] > .menu-plate > .menu-wrap {
    height: 50px;
  }
}
@media only screen and (max-height: 425px) {
  header .menu-list[data-level="1"] > .menu-plate > .menu-wrap {
    height: 50px;
  }
}
header .menu-list[data-level="1"] > .menu-plate > .menu-wrap > .menu {
  height: 100%;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -1px;
}
header .menu-list[data-level="1"] > .menu-plate > .menu-wrap > .menu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% - 20px);
  transform: translate(-50%, -50%) scale(0);
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #BA998C;
  transition: transform 0.3s;
}
header .menu-list[data-level="1"] > .menu-plate > .menu-wrap > .menu .txt {
  position: relative;
  padding-bottom: 1px;
}
header .menu-list[data-level="1"] .menu-list {
  display: none;
}
header .menu-list[data-level="1"] .menu-list[data-level="2"] {
  flex: 0 0 auto;
  position: absolute;
  left: 50%;
  top: calc(100% + 1.5rem);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s, flex-grow 0.3s, flex-basis 0.3s;
}
header .menu-list[data-level="1"] .menu-list[data-level="2"]::before {
  content: "";
  position: absolute;
  right: 0;
  top: 1.5rem;
  display: block;
  width: 1px;
  height: 0;
  background-color: #E8E8E8;
  transition: height 0.3s;
}
header .menu-wrap {
  text-align: center;
}
header .header-tit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  display: none;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -1.4px;
}
@media only screen and (max-width: 767px) {
  header .header-tit {
    display: block;
  }
}
header .header-btns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  header .header-btns {
    width: 20px;
  }
}
header .header-btns .btn {
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  header .header-btns .btn {
    padding: 0 10px;
  }
}
header .header-btns .btn-wrap:has(.btn-rounding) .btn {
  height: 54px;
}
@media only screen and (max-width: 767px) {
  header .header-btns .btn-wrap:has(.btn-rounding) .btn {
    height: 54px;
  }
}
@media only screen and (max-height: 425px) {
  header .header-btns .btn-wrap:has(.btn-rounding) .btn {
    height: 54px;
  }
}
header .header-btns .btn-wrap:has(.btn-fullmenu) {
  display: none;
  padding: unset;
}
@media only screen and (max-width: 1280px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    width: 60px;
    height: 60px;
    padding: unset;
  }
}
@media only screen and (max-width: 767px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) {
    right: 0px;
    display: block;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-height: 425px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) {
    right: 0px;
    display: block;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) .btn {
    padding: 0;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) .btn img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) .btn .icon {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header .header-btns .btn-wrap:has(.btn-fullmenu) .btn .icon {
    padding: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1280px) {
  header .header-btns .btn-wrap:not(:has(.btn-fullmenu)) {
    display: none;
  }
}

/* //scss 해더 */
/* nav 공통 */
.menu {
  position: relative;
}
.menu-wrap {
  position: relative;
}
.menu-list {
  position: relative;
  display: flex;
}

/* //nav 공통 */
/* scss 모달 공통 */
.modal {
  position: relative;
  background: transparent;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: all;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.modal.close {
  opacity: 0;
}
.modal .btn-wrap:has(.btn-close) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  aspect-ratio: 1/1;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .modal .btn-wrap:has(.btn-close) {
    width: 40px;
  }
}
@media only screen and (max-height: 425px) {
  .modal .btn-wrap:has(.btn-close) {
    width: 40px;
  }
}
.modal .btn-close {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .btn-close .icon {
  aspect-ratio: 1/1;
}
.modal .btn-close .icon img {
  width: 100%;
  aspect-ratio: 1/1;
}
.modal .btn-close .txt {
  display: none;
}
.modal .layout {
  flex-direction: column;
}
.modal-wrap {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  z-index: 1010;
  transition: all 0.6s;
  overflow: hidden;
}
@media only screen and (max-width: 1120px) {
  .modal-wrap {
    overflow: auto;
  }
}
.modal-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #000000B3;
  transition: all 0.3s;
  pointer-events: none;
}
.modal-wrap.move-to-up {
  left: 0;
  top: calc(var(--vh, 1vh) * 100);
}
.modal-wrap.move-to-up.active {
  top: 0;
}
.modal-wrap.move-to-left {
  left: 110dvw;
  top: 0;
  opacity: 0;
}
.modal-wrap.move-to-left.active {
  left: 0;
  opacity: 1;
}
.modal-wrap.move-to-right {
  left: unset;
  right: 110dvw;
  top: 0;
  opacity: 0;
}
.modal-wrap.move-to-right.active {
  right: 0;
  opacity: 1;
}
.modal-wrap.move-to-down {
  left: 0;
  top: -100dvh;
}
.modal-wrap.move-to-down.active {
  top: 0;
}
.modal-wrap.active::before {
  opacity: 1;
}
.modal-top {
  position: relative;
  z-index: 99;
}
.modal-controller {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .modal-controller {
    margin-bottom: 10px;
  }
}
.modal-main {
  flex: 1;
  width: 100%;
  height: 0;
  position: relative;
}
.modal-bottom {
  position: relative;
}
.modal-layout {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.modal-layout::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1760px) {
  .modal-layout {
    max-width: 100%;
  }
}
.modal-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 4px 30px 0;
  font-size: 20px;
  line-height: 1;
  word-break: keep-all;
}
@media only screen and (max-width: 1120px) {
  .modal-tab {
    height: 48px;
    padding: 0 14px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-tab {
    height: 40px;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 425px) {
  .modal-tab {
    height: 32px;
    padding: 0 14px;
    padding: 1px 16px 0 14px;
    font-weight: 700;
    font-size: 14px;
  }
}
@media only screen and (max-height: 767px) {
  .modal-tab {
    height: 40px;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 700;
  }
}
@media only screen and (max-height: 767px) and (max-width: 425px) {
  .modal-tab {
    height: 32px;
    padding: 0 14px;
    padding: 1px 16px 0 14px;
    font-weight: 700;
    font-size: 14px;
  }
}
.modal-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .modal-tabs {
    gap: 5px;
  }
}
.modal-tab-wrap {
  border-radius: 800px;
  border: 2px solid #333333;
  color: #333333;
  transition: all 0.3s;
}
.modal-tab-wrap.active {
  color: #fff;
}
.modal-tab-wrap.active .modal-tab {
  color: #fff;
}

/* //scss 모달 공통 */
/* scss 메뉴창 */
.modal-menu {
  display: flex;
  flex-direction: column;
  background: #F5F3F0;
    height: auto;
    background: #F9F8F6;
    background: #F9F8F6;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.039);
  margin-top: -100%;
  transition: margin 0.3s;
}
.modal-menu .btn-wrap:has(.btn-close) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: unset;
}
.modal-menu .btn-close {
  width: 100%;
  height: 100%;
  margin-right: -40px;
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .modal-menu .btn-close {
    width: 38px;
    height: 38px;
    margin-right: -20px;
  }
}
@media only screen and (max-height: 425px) {
  .modal-menu .btn-close {
    width: 38px;
    height: 38px;
    margin-right: -20px;
  }
}
.modal-menu .btn-close .icon {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .modal-menu .btn-close .icon {
    padding-bottom: unset;
  }
}
@media only screen and (max-height: 425px) {
  .modal-menu .btn-close .icon {
    padding-bottom: unset;
  }
}
.modal-menu .btn-close img {
  width: 100%;
  height: 100%;
}
.modal-menu .logo {
  display: block;
}
@media only screen and (max-width: 767px) {
.modal-menu .logo {
    max-width: 150px;
  }
}
@media only screen and (max-height: 425px) {
  .modal-menu .logo {
    max-width: 150px;
  }
}
.modal-menu .logo .icon {
  width: 100%;
}
.modal-menu .logo img {
  width: 100%;
}
.modal-menu .modal-top {
  height: 100px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .modal-menu .modal-top {
    height: 50px;
  }
}
@media only screen and (max-height: 425px) {
  .modal-menu .modal-top {
    height: 50px;
  }
}
.modal-menu .modal-top > .layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 100%;
    padding: 0 20px;
}
.modal-menu .modal-main {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modal-menu .modal-main > .layout {
  padding-top: 60px;
  padding-bottom: 165px;
}
.modal-menu .modal-main .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -1.68px;
  white-space: nowrap;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .modal-menu .modal-main .menu {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -1.4px;
  }
}
@media only screen and (max-height: 425px) {
  .modal-menu .modal-main .menu {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -1.4px;
  }
}
.modal-menu .modal-main .menu .icon {
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/user/common/icon-arrow-tail-menu-gray.svg") no-repeat center;
  margin-left: auto;
}
.modal-menu .modal-bottom {
  padding: 0px 0;
}
.modal-menu .modal-bottom .btn {
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .modal-menu .modal-bottom .btn {
    height: 54px;
  }
}
.modal-menu .modal-bottom .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
  .modal-menu .modal-bottom .btn-wrap {
    flex: 1;
}
.modal-menu .modal-bottom .btn-wrap .txt {
  font-weight: 500;
  padding-bottom: 1px;
}
.modal-menu .menu-list {
  width: 100%;
    padding: 20px;
}
.modal-menu .menu-list[data-level="1"] {
  flex-direction: column;
}
.modal-menu .menu-list[data-level="1"] > .menu-plate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-menu .menu-list[data-level="1"] > .menu-plate > .menu-wrap {
  width: 100%;
  height: 100%;
}
.modal-menu .menu-list[data-level="2"] {
  display: none;
}
.modal-menu .menu-wrap {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  transition: left 0.2s ease-in-out;
}
  .modal-menu .menu-plate:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.modal-menu .menu-plate.current > .menu-wrap .icon {
  background: url("/images/user/common/icon-arrow-tail-menu-brown.svg") no-repeat center;
}
.modal-menu .menu-plate.current > .menu-wrap .txt {
  color: #BA998C;
}
  .modal-menu-wrap {
    align-items: flex-start;
  transition: top 0.3s 0.9s, opacity 0.3s 0.3s;
}
.modal-menu-wrap.active {
  transition: top 0.1s, opacity 0.3s 0.15s;
}
.modal-menu-wrap.active .modal {
  margin-top: 0;
  transition: margin 0.6s 0.6s;
  }
.modal-menu-wrap::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.full-menu {
  position: fixed;
  top: 0%;
  left: 100%;
  width: 100%;
  height: 100vh;
  min-height: 100%;
  overflow: hidden;
  z-index: 101;
  background-color: #fff;
  transition: left 0.2s ease-in-out;
  display: flex;
  justify-content: space-between;
}
.full-menu.active {
  left: 0;
}
.full-menu .body {
  width: calc(100% - 80px);
  background-color: #FFFFFF;
}
.full-menu .body .depth-1 {
  padding-left: 135px;
  padding-top: 10px;
  padding-bottom: 40px;
  overflow: auto;
  height: calc(100% - 90px);
}
.full-menu .body .depth-1 > li {
  padding: 50px 0;
  display: flex;
}
.full-menu .body .depth-1 > li > a {
  color: #004A9C;
  font-size: 35px;
  font-weight: 600;
  width: 380px;
  min-width: 380px;
}
.full-menu .body .depth-1 > li > ul.depth-2 {
  width: calc(100% - 380px);
  display: flex;
}
.full-menu .body .depth-1 > li > ul.depth-2 > li {
  width: 25%;
}
.full-menu .body .depth-1 > li > ul.depth-2 > li > a {
  color: #222222;
  font-size: 22px;
  font-weight: 600;
}
.full-menu .body .depth-1 > li > ul.depth-2 > li > ul.depth-3 {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  color: #333333;
  font-size: 18px;
}

.hover_after .full-menu {
  display: none;
}

/* //scss 메뉴창 */
/* footer start */
.footer {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 1000;
  border-top: 1px solid #EADFD9;
}
@media only screen and (max-width: 1760px) {
  .footer {
    min-height: unset;
  }
}
.footer .layout {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .footer .layout {
    padding: 0 15px;
  }
}
.footer .logo .icon {
  max-width: 232px;
}
@media only screen and (max-width: 767px) {
  .footer .logo .icon {
    max-width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .logo img {
    width: 100%;
  }
}
.footer .circle-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #6B7B8F;
}
.footer .circle-list > li {
  position: relative;
  margin-left: 7.1428571429px;
}
.footer .circle-list > li::before {
  content: "";
  position: absolute;
  left: -7.1428571429px;
  top: 8.8px;
  transform: translateY(-50%);
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #6B7B8F;
}
.footer .select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  width: 100%;
}
.footer .select::-webkit-inner-spin-button, .footer .select::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.footer .select-wrap {
  border-radius: 10px;
  background-color: #F9F8F6;
  border: 1px solid rgba(38, 38, 38, 0.102);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.footer .select-wrap::before {
  content: url("/images/user/common/icon-arrow-black.svg");
}
.footer .policy-list {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer .policy-link {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -1.6px;
}
@media only screen and (max-width: 767px) {
  .footer .policy-link {
    font-size: 15px;
    letter-spacing: -1.5px;
  }
}
.footer .policy-link.privacy {
  color: #BA998C;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px 0 60px;
  gap: 60px;
}
@media only screen and (max-width: 1760px) {
  .footer-container {
    gap: 0px;
    align-items: stretch;
  }
}
@media only screen and (max-width: 767px) {
  .footer-container {
    flex-wrap: wrap;
    padding: 15px 0;
  }
}
.footer-plate {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 1760px) {
  .footer-plate {
    position: inherit;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .footer-plate {
    width: 100%;
  }
}
.footer-plate:first-child {
  margin-right: auto;
}
.footer-plate:has(.copy) .tit {
  margin-top: 20px;
}
.footer-plate:has(.copy) .cont {
  margin-top: 10px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.42px;
  color: #6B7B8F;
}
.footer-plate:has(.copy) .dlist {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.9px;
}
@media only screen and (max-width: 767px) {
  .footer-plate:has(.copy) .dlist {
    font-size: 14px;
    letter-spacing: -0.84px;
    margin-bottom: 0px;
    padding-bottom: 2px;
  }
}
.footer-plate:has(.copy) .dlist:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.122);
}
@media only screen and (max-width: 767px) {
  .footer-plate:has(.copy) .dlist:not(:first-child)::before {
    display: none;
  }
}
.footer-plate:has(.copy) .dlist.address dt {
  display: none;
}
.footer-plate:has(.copy) .dlists {
  display: flex;
  align-items: center;
  gap: 2px 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .footer-plate:has(.copy) .dlists {
    gap: 0 10px;
  }
}
.footer-plate:has(.copy) .copy {
  font-size: 13px;
  letter-spacing: 0;
  color: rgba(38, 38, 38, 0.502);
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .footer-plate:has(.copy) .copy {
    font-size: 12px;
    margin: 0;
    padding: 20px 0 20px;
  }
}
.footer-plate:has(.copy) .copy .en {
  letter-spacing: 0.6px;
}
@media only screen and (max-width: 767px) {
  .footer-plate:has(.copy) .copy .en {
    letter-spacing: 0.55px;
  }
}
.footer-plate.site .select {
  min-width: 290px;
  min-height: 50px;
  padding: 12px 17px 15px;
  font-size: 16px;
  letter-spacing: -0.96px;
}
@media only screen and (max-width: 767px) {
  .footer-plate.site .select {
    width: 100%;
  }
}
.footer-plate.site .select-wrap {
  position: relative;
  max-width: 290px;
}
@media only screen and (max-width: 767px) {
  .footer-plate.site .select-wrap {
    max-width: unset;
  }
}
.footer-plate.site .select-wrap:has(> .select:open)::before {
  transform: translateY(-50%) rotate(180deg);
}
.footer-plate.site .select-wrap::before {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: url("/images/user/common/icon-arrow-top-black.svg") no-repeat center;
  width: 12px;
  aspect-ratio: 12/7;
  transition: transform 0.3s;
}
.footer-plate .tit {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .footer-plate .tit {
    font-size: 17px;
    letter-spacing: -0.51px;
  }
}
.footer-plate .tit-sub {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  letter-spacing: -0.48px;
}
@media only screen and (max-width: 767px) {
  .footer-plate .tit-sub {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.footer-plate .tit-sub + * {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .footer-plate .tit-sub + * {
    margin: 0;
  }
}
.footer-plate .cont {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .footer-plate .cont {
    width: calc(100vw - 30px);
    overflow-x: auto;
    margin-top: 0px;
  }
}
.footer-plates {
  display: flex;
  gap: 60px;
}
@media only screen and (max-width: 1760px) {
  .footer-plates {
    width: 1120px;
  }
}

/* footer end */
/* scss 폼 */
.check-wrap {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.check-wrap:has(input:checked) .check-icon {
  border: 2.5px solid #9D7C6D;
  background-color: #9D7C6D;
}
.check-wrap:has(input:checked) .check-icon::before {
  content: "";
  background: url("/images/user/pages/sub/icon-check-white.svg") no-repeat center;
  background-size: contain;
}
.check-wrap:has(input:checked) .check-txt::before {
  content: "선택";
}
.check-wrap:has(input:not(:checked)) .check-txt::before {
  content: "해제";
}
.check-wrap input {
  display: none;
}
.check-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2.5px solid #C8BDB6;
  background-color: #fff;
}
.check-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  top: calc(50% + 1px);
  width: 54%;
  height: 54%;
  background: url("/images/user/pages/sub/icon-check-darkbrown.svg") no-repeat center;
  background-size: contain;
}
.check-txt::before {
  content: "선택";
  line-height: 1;
}

.typing {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  outline: transparent;
}
.typing::-webkit-inner-spin-button, .typing::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.file {
  display: none;
}
.file-wrap {
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* scss 폼 */
/* scss 게시판 */
.board {
  display: grid;
  grid-template-columns: 1fr;
  font-size: 17px;
  color: #26262680;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .board {
    font-size: 14px;
    letter-spacing: -0.75px;
  }
}
.board[data-type=list][data-list-type=normal] .board-card {
  min-height: 66px;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list][data-list-type=normal] .board-card {
    min-height: 50px;
  }
}
.board[data-type=list][data-list-type=normal] .board-card.head {
  min-height: 66px;
  font-weight: 700;
  color: #262626;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list][data-list-type=normal] .board-card.head {
    min-height: 50px;
  }
}
.board[data-type=list][data-list-type=normal] .board-col {
  gap: 5px;
}
.board[data-type=list][data-list-type=normal] .board-col[data-col-idx=num] .img-wrap.notice {
  display: block;
  height: 22px;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list][data-list-type=normal] .board-col[data-col-idx=num] .img-wrap.notice {
    height: 16px;
  }
}
.board[data-type=list][data-list-type=normal] .board-col[data-col-idx=num] .img-wrap.notice img {
  height: 100%;
}
.board[data-type=list][data-list-type=normal] .board-col:not([data-col-idx=tit]) {
  flex: 0.0694444444 0.0694444444 70px;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list][data-list-type=normal] .board-col:not([data-col-idx=tit]) {
    flex: 0.0651890482 0.0651890482 30px;
  }
}
.board[data-type=list][data-list-type=normal] .board-col .img-wrap {
  display: flex;
}
.board[data-type=list][data-list-type=lefthead] dt.board-col {
  flex: 0.05 0.05 120px;
  position: relative;
  padding-left: 14px;
  color: rgba(38, 38, 38, 0.5);
}
.board[data-type=list][data-list-type=lefthead] dt.board-col::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #8E8E8E;
}
.board[data-type=list][data-list-type=lefthead] .board-card {
  min-height: 64px;
  padding: 5px 20px;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list][data-list-type=lefthead] .board-card {
    min-height: 60px;
  }
}
.board[data-type=list][data-list-type=lefthead] .board-col {
  justify-content: flex-start;
}
.board[data-type=list][data-list-type=lefthead] .board-col .img-wrap {
  display: flex;
}
.board[data-type=list][data-list-type=lefthead] .board-cols {
  font-weight: 500;
  color: #262626;
}
.board[data-type=list] .board-card {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
}
.board[data-type=list] .board-card.head {
  min-height: 30px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list] .board-card.head {
    display: none;
  }
}
.board[data-type=list] .board-card.head .board-col[data-col-idx=tit] {
  justify-content: center;
}
.board[data-type=list] .board-card[data-idx=empty] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  height: auto;
  padding: 100px 30px;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list] .board-card[data-idx=empty] {
    gap: 10px;
    padding: 30px 10px;
  }
}
.board[data-type=list] .board-card[data-idx=empty] .txt {
  font-size: 16px;
  letter-spacing: -0.64px;
  color: rgba(38, 38, 38, 0.3);
}
@media only screen and (max-width: 767px) {
  .board[data-type=list] .board-card[data-idx=empty] .txt {
    font-size: 13px;
  }
}
.board[data-type=list] .board-col {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board[data-type=list] .board-col[data-col-idx=tit] {
  justify-content: flex-start;
}
.board[data-type=list] .board-col[data-col-idx=tit] .col-plate {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board[data-type=list] .board-col[data-col-idx=tit] .info-list {
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .board[data-type=list] .board-col[data-col-idx=tit] .info-list {
    font-size: 13px;
  }
}
.board[data-type=list] .board-col[data-col-idx=tit] .info-list dt {
  color: rgba(38, 38, 38, 0.4);
}
.board[data-type=list] .board-col[data-col-idx=tit] .info-list dd {
  color: #6B7B8F;
}
.board[data-type=list] .board-col .col-plate {
  font-weight: 500;
}
.board[data-type=list] .board-cols {
  display: flex;
  gap: 5px;
  height: 100%;
}
.board[data-type=grid] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.board[data-type=grid][data-grid-type=normal] .board-card {
  border: 2px solid #ddd;
  padding: 15px 10px;
}
.board[data-type=grid][data-grid-type=normal] .board-col[data-col-idx=num] {
  display: none;
}
.board[data-type=grid][data-grid-type=normal] .board-col[data-col-idx=thumbnail] {
  aspect-ratio: 300/240;
  overflow: hidden;
}
.board[data-type=grid][data-grid-type=normal] .board-col[data-col-idx=thumbnail] img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  object-fit: cover;
  min-width: 360px;
  min-height: 288px;
  height: 100%;
}
.board[data-type=grid][data-grid-type=normal] .board-col[data-col-idx=tit] {
  margin-top: 10px;
  margin-bottom: 6px;
}
.board[data-type=grid] .board-card.head {
  display: none;
}
.board-wrap {
  position: relative;
}
.board-wrap:has(.board[data-type=list]) {
  border-top: 1px solid #262626;
}
.board-card {
  min-width: 0;
  transition: all 0.3s;
}
.board-col {
  position: relative;
  transition: all 0.3s;
}
.board-col[data-col-idx=tit] {
  color: #262626;
  overflow: hidden;
}
.board-col[data-col-idx=tit] p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-col > img {
  width: 100%;
}
.board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 0 10px;
}
.board-total {
  font-size: 16px;
  color: rgba(38, 38, 38, 0.7);
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .board-total {
    font-size: 13px;
  }
}
.board-total-num {
  font-weight: 700;
  color: #00155E;
}
.board-controller {
  display: flex;
  align-items: center;
  gap: 8px;
}
.board-controller .icon {
  font-size: 18px;
}

.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-list li:has(> button), .pagination-list li:has(> a) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  border: 2px solid transparent;
}
@media only screen and (max-width: 767px) {
  .pagination-list li:has(> button), .pagination-list li:has(> a) {
    border-width: 1px;
  }
}
.pagination-list li:not(.pagination-num) li:has(> button), .pagination-list li:not(.pagination-num) li:has(> a) {
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.pagination-list li:not(.pagination-num) :has(> .on) {
  display: flex;
}
.pagination-num ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-num ul > li:has(.on) > a {
  font-size: 18px;
  letter-spacing: 0;
}
.pagination-style-1 .pagination-num li:has(> button) > button, .pagination-style-1 .pagination-num li:has(> button) > a, .pagination-style-1 .pagination-num li:has(> a) > button, .pagination-style-1 .pagination-num li:has(> a) > a {
  color: #262626;
  font-weight: 500;
  font-size: 18px;
}
.pagination-style-1 .pagination-num li:has(> .on) {
  border-color: #BA998C;
  background-color: #BA998C;
}
.pagination-style-1 .pagination-num li:has(> .on) > a {
  color: #fff;
}

/* scss 게시판 */
/* scss 게시판 상세 */
.detail-sect {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.detail-sect:has(+ .detail-sect:not(.sect-link)) {
  border-bottom: unset;
}
.detail-sect.sect-navi {
  border-top: unset;
  border-bottom: unset;
}
.detail-sect.sect-detail {
  border-top: 1px solid #262626;
  border-bottom: unset;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] {
  border-top: unset;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail]:has(.sect-top:last-of-type) {
  border-bottom: unset;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail]:has(.sect-cont) {
  border-bottom: unset;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .sect-top {
  display: flex;
  gap: 40px;
  border-top: unset;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .sect-top {
    flex-direction: column;
    gap: 30px;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .sect-cont {
  border-top: 1px solid #262626;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .sect-cont-tit {
  position: relative;
  font-weight: 600;
  font-size: 46px;
  padding-top: 70px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .sect-cont-tit {
    font-size: 20px;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .thumbnail {
  position: relative;
  width: 100%;
  max-width: 510px;
}
@media only screen and (max-width: 1120px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .thumbnail {
    max-width: calc(40% - 40px);
  }
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .thumbnail {
    max-width: unset;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .thumbnail .img-wrap {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .thumbnail .img-wrap img {
  width: 100%;
  height: 100%;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] dt.board-col {
  flex-basis: 100px;
}
@media only screen and (max-width: 1120px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] dt.board-col {
    flex: unset;
    padding-left: 0;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-card {
  padding: 20px;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-card:last-of-type {
  border-bottom: unset;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-col {
    width: 100%;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-col::before {
  display: none;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-cols {
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .board-cols {
    flex-direction: column;
  }
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board[data-type=list][data-list-type=lefthead] .attachment-wrap {
  border-radius: 5px;
  background-color: #F4F4F4;
}
.detail-sect.sect-detail[data-detail-type=topthumbnail] .board-wrap {
  width: 100%;
}
.detail-sect.sect-top {
  border-bottom: unset;
}
.detail-sect.sect-link {
  border-top: unset;
  border-bottom: unset;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-link {
    font-size: 15px;
  }
}
.detail-sect.sect-tit:has(+ .sect-detail) {
  border-top: unset;
}
.detail-sect.sect-tit:has(+ .sect-detail) .detail-plate:has(.tit) {
  border-bottom: unset;
}
.detail-sect.sect-tit:has(+ .sect-detail) .detail-plate:has(.tit) {
  padding: 0;
  padding-bottom: 40px;
}
.detail-sect.sect-tit .tit {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: -3px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-tit .tit {
    font-size: 24px;
    letter-spacing: -1.44px;
  }
}
.detail-sect.sect-info {
  display: flex;
  flex-wrap: wrap;
  border-top: unset;
  border-bottom: unset;
}
.detail-sect.sect-info .tit {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -3px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-info .tit {
    font-size: 24px;
    letter-spacing: -1.44px;
  }
}
.detail-sect.sect-cont {
  width: 100%;
}
.detail-sect.sect-cont .cont {
  max-width: 100%;
  line-height: 1.2;
}
.detail-sect.sect-cont .cont * {
  max-width: 100%;
  font-weight: 500;
}
.detail-sect.sect-navi {
  display: flex;
  flex-direction: column;
}
.detail-sect.sect-navi .detail-plate {
  padding: 20px 40px 21px 40px;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-navi .detail-plate {
    padding: 15px;
    padding: 15px 0;
  }
}
.detail-sect.sect-navi .btn-navi-line {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-navi .btn-navi-line {
    gap: 15px;
  }
}
.detail-sect.sect-navi .btn-navi-line .cate {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #9D9EA2;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-navi .btn-navi-line .cate {
    gap: 8px;
    font-size: 15px;
  }
}
.detail-sect.sect-navi .btn-navi-line .cate .img-wrap {
  position: relative;
  display: flex;
  width: 9px;
}
.detail-sect.sect-navi .btn-navi-line .cate img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .detail-sect.sect-navi .btn-navi-line .tit {
    font-size: 15px;
  }
}
.detail-sect.sect-navi .btn-navi-line .tit.empty {
  pointer-events: none;
  color: #9D9EA2;
}
.detail-plate {
  display: flex;
  gap: 41px;
  padding: 20px 40px 21px 40px;
  padding: 20px 30px 21px 30px;
}
@media only screen and (max-width: 767px) {
  .detail-plate {
    padding: 15px;
    padding: 15px 0;
  }
}
.detail-plate:has(.tit) {
  flex: 0 0 100%;
  padding: 30px 40px;
  padding: 20px 30px;
  border-bottom: 1px solid #E5E5E5;
}
@media only screen and (max-width: 767px) {
  .detail-plate:has(.tit) {
    padding: 15px;
    padding: 15px 0;
  }
}
.detail-plate:has(.cont) {
  padding: 40px;
  padding: 40px 30px;
}
@media only screen and (max-width: 767px) {
  .detail-plate:has(.cont) {
    padding: 15px;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .detail-plate:has(.detail-list) {
    gap: 5px 20px;
    flex-wrap: wrap;
  }
}
.detail-plate:has(.attachment-wrap) {
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .detail-plate:has(.attachment-wrap) {
    padding: 15px 0px;
  }
}
.detail-plate .detail-box {
  position: relative;
}
.detail-plate .detail-box:has(+ .detail-box)::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 100%;
  max-height: calc(100% - 1px * 2);
  background-color: #DEE1E3;
}
@media only screen and (max-width: 767px) {
  .detail-plate .detail-box:has(+ .detail-box)::before {
    display: none;
  }
}
.detail-list {
  display: flex;
  gap: 15px;
}
.detail-list.date dd, .detail-list.hit dd {
  letter-spacing: 0;
}
.detail-list dt {
  color: #666;
}
@media only screen and (max-width: 767px) {
  .detail-list dt {
    font-size: 15px;
    letter-spacing: -0.75px;
  }
}
.detail-list dd {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.85px;
}
@media only screen and (max-width: 767px) {
  .detail-list dd {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
}

/* scss 게시판 상세 */
/* scss 달력 */
.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px 11px;
}
@media only screen and (max-width: 767px) {
  .calendar {
    gap: 5px 8px;
  }
}
@media only screen and (max-width: 320px) {
  .calendar {
    gap: 3px 6px;
  }
}
.calendar:has(+ .calendar-legend) {
  padding-bottom: 20px;
}
.calendar-top-date {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
.calendar-top-date .date-plate {
  font-family: "Spoqa Han Sans Neo", sans-serif;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0;
  color: #262626;
}
@media only screen and (max-width: 767px) {
  .calendar-top-date .date-plate {
    font-size: 24px;
  }
}
.calendar-top .btn-wrap {
  width: 50px;
}
.calendar-bottom .tel-plate {
  display: flex;
  align-items: center;
  border-radius: 800px;
  border: 1px solid #00155E;
  background-color: #F9F9F9;
  padding: 8px 20px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .calendar-bottom .tel-plate {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
}
.calendar-bottom .tel-plate dl {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.calendar-bottom .tel-plate dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: 1.2;
}
.calendar-bottom .tel-plate dt .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-bottom .tel-plate a {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .calendar-bottom .tel-plate a {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
}
.calendar-bottom-container {
  display: flex;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .calendar-bottom-container {
    padding-top: 15px;
  }
}
.calendar-head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  width: 50px;
  height: 50px;
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .calendar-head {
    width: 100%;
    height: 36px;
    font-size: 14px;
  }
}
.calendar-head.date-sun {
  color: #BA473D;
}
.calendar-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .calendar-box {
    width: 100%;
    height: 36px;
  }
}
.calendar-box::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  top: calc(50% + 1px);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.calendar-box.today::before {
  background: url("/images/user/pages/sub/icon-calendar-today-brown.svg") no-repeat center;
  background-size: contain;
}
.calendar-box.date-sun .calendar-date {
  color: #BA473D;
}
.calendar-box.box-before .calendar-date, .calendar-box.box-after .calendar-date {
  color: #DCD7D5;
}
.calendar-box.due {
  pointer-events: none;
}
.calendar-box.due::before {
  background: url("/images/user/pages/sub/icon-calendar-due-brown.svg") no-repeat center;
  background-size: contain;
}
.calendar-box.due .calendar-date {
  color: #DCD7D5;
}
.calendar-box.unactive {
  pointer-events: none;
}
.calendar-box.unactive::before {
  background: url("/images/user/pages/sub/icon-calendar-unactive-brown.svg") no-repeat center;
  background-size: contain;
}
.calendar-box.unactive .calendar-date {
  color: #DCD7D5;
}
.calendar-box:has(.check:checked)::before {
  background: url("/images/user/pages/sub/icon-calendar-checked-brown.svg") no-repeat center;
  background-size: contain;
}
.calendar-box:has(.check:checked) .calendar-date {
  color: #FFFFFF;
}
.calendar-box:has(.check:checked) .calendar-date-wrap {
  z-index: 1;
}
.calendar-box .check {
  display: none;
}
.calendar-date {
  font-family: "Spoqa Han Sans Neo", serif;
  font-size: 20px;
  letter-spacing: 0;
  color: #444;
}
@media only screen and (max-width: 767px) {
  .calendar-date {
    font-size: 14px;
  }
}
.calendar-date-wrap {
  position: relative;
  z-index: 0;
}
.calendar-date-sun {
  color: #BA473D;
}
.calendar-day {
  display: none;
  font-family: "Spoqa Han Sans Neo", serif;
}
@media only screen and (max-width: 767px) {
  .calendar-day {
    display: flex;
    font-size: 13px;
    color: rgba(38, 38, 38, 0.3);
  }
}
.calendar-event {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  font-size: 17px;
}
.calendar-event:not(.btn) .txt {
  font-weight: 500;
}
.calendar-event .icon {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.calendar-event .icon img {
  width: 100%;
  height: 100%;
}
.calendar-event .txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
@media only screen and (max-width: 1120px) {
  .calendar-event .txt {
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 767px) {
  .calendar-event .txt {
    font-size: 15px;
    line-height: 20px;
  }
}
.calendar-event .tag-wrap {
  margin-top: 3px;
}
.calendar-events {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .calendar-events {
    justify-content: center;
    gap: 12px;
    margin-top: unset;
  }
}
.calendar-legend {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .calendar-legend {
    font-size: 15px;
  }
}
.calendar-legend-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

/* scss 달력 */
/* scss 수정 */
.cover-ls-0 {
  letter-spacing: 0 !important;
}

/* scss 수정 */
/* //scss 수정 */

/* css 수정 */
/* //css 수정 */