@charset "UTF-8";
/*main_css*/
.main-logo-div {
  display: flex;
  margin: 0 auto;
  gap: 0.5rem;
  color: rgb(var(--white));
  align-items: center;
}
.main-logo-div img {
  width: 2.5rem;
  flex-shrink: 0;
}
.main-logo-div > div {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.main-logo-div > div h2 {
  font-size: var(--ftRem);
}
.main-logo-div > div p {
  font-size: var(--ftUp);
  font-weight: bold;
}

/* 메인화면_검색창 */
#mainSearch {
  background: url(/common/img/main_back_01.png) no-repeat;
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: relative;
}
#mainSearch [data-main-title-texts] {
  font-size: var(--ftUp);
  color: rgb(var(--white));
  margin: 2.2rem 0 2.4rem;
  text-align: center;
}
#mainSearch:after {
  content: "";
  display: block;
  background-color: rgba(var(--bgBlack), 0.63);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mainSearchInner {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 9;
}

.main-search-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: rgba(var(--white), 1);
  margin: 3.8rem 0 0;
}
.main-search-title h2 {
  font-size: 2rem;
  letter-spacing: 2px;
}
.main-search-title p {
  font-size: var(--ftUp);
}

.main-search-bar {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  border: 1px solid rgba(var(--white), 1);
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(var(--white), 1);
  align-items: center;
}
.main-search-bar input {
  background-image: url(/common/img/search-line.svg);
  background-repeat: no-repeat;
  background-position: 0.9rem center;
  padding: 0.5rem 0.5rem 0.5rem 2.1rem;
  outline: 0;
  width: 16.4rem;
}
.main-search-bar input::-moz-placeholder {
  color: rgba(var(--bgBlack), 0.6);
}
.main-search-bar input::placeholder {
  color: rgba(var(--bgBlack), 0.6);
}
.main-search-bar button {
  color: rgba(var(--white), 1);
  padding: 0.8rem;
  cursor: pointer;
  border-radius: 0 0.5rem 0.5rem 0;
  background: rgb(var(--black));
  width: 4.4rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

/* 메인 - 아카이브 소개 */
#mainIntro {
  padding: 7.7rem 0 6.4rem;
  display: flex;
  flex-direction: column;
}

.main-intro-logo-div {
  display: flex;
  margin: 0 auto 1.5rem;
  gap: 0.5rem;
  color: rgb(var(--marineblue));
  align-items: center;
}
.main-intro-logo-div img {
  width: 2.5rem;
  flex-shrink: 0;
}
.main-intro-logo-div > div {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.main-intro-logo-div > div h2 {
  font-size: var(--ftRem);
}
.main-intro-logo-div > div p {
  font-size: var(--ftUp);
  font-weight: bold;
}

[data-main-intro-texts] {
  margin: 3.5rem auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.8rem 0.8rem;
}

[data-main-intro-item] {
  display: flex;
  flex-direction: column;
}
[data-main-intro-item] img {
  width: 100%;
  height: 14rem;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-main-intro-item] p {
  font-size: var(--ftMain);
  line-height: 1.65;
}
[data-main-intro-item] .main-item-subtitle {
  margin: 1.2rem 0 1rem;
}
[data-main-intro-item] .main-item-title {
  font-size: var(--ftTitleDown);
  margin-bottom: 0.5rem;
}

.main-more-button {
  margin: 0 auto;
  border: 1px solid rgba(var(--black), 1);
  padding: 0.4rem 0.85rem;
  display: flex;
  font-size: 0.8rem;
  align-items: center;
  cursor: pointer;
  font-family: "BN";
  font-weight: normal;
  isolation: isolate;
}

/* 분류별 기록물 */
#mainSubj {
  width: 100%;
  background-image: url(/common/img/main_cate_back.jpg);
  background-size: cover;
  color: rgb(var(--white));
  position: relative;
  padding: 6.3rem 0 5.8rem 0;
}
#mainSubj:after {
  content: "";
  display: block;
  background-color: rgba(var(--bgBlack), 0.63);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainSubj .web-common-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 9;
}
#mainSubj [data-section-head-title] {
  margin: 0 auto 4rem;
}

.main-subj-texts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.25rem;
}

[data-subj-list] {
  display: flex;
  flex-direction: column;
}

[data-subj-subtitle] {
  padding: 0.6rem 1.1rem;
  background-color: rgb(var(--bgBlack));
  border: 1px solid rgb(var(--white));
  border-radius: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

[data-subj-item] {
  padding: 0.85rem 1.2rem;
  width: 100%;
  background-image: url(/common/img/arr_r_w.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  cursor: pointer;
}
[data-subj-item]:hover {
  background-color: rgba(var(--white), 0.025);
}

/* 분류별 기록물_모바일 슬라이드 */
#mainSubjMob {
  display: none;
  flex-direction: column;
  width: 100vw;
  height: 26rem;
  background-image: url(/common/img/main_cate_back.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
#mainSubjMob:after {
  content: "";
  display: block;
  background-color: rgba(var(--bgBlack), 0.63);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

#mainSubjInnerMob {
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: column;
  color: rgb(var(--white));
}
#mainSubjInnerMob [data-section-head-title] {
  margin: 2.4rem auto 2.7rem;
}

.main-subj-texts-mob.swiper-wrapper {
  position: absolute;
  top: 6.5rem;
}

[data-subj-list-mob] {
  display: flex;
  flex-direction: column;
  padding: 1.2rem;
}
[data-subj-list-mob] [data-subj-item-mob] {
  width: 100%;
  padding: 0.8rem;
  background-image: url(/common/img/arr_r_w.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  cursor: pointer;
}
[data-subj-list-mob] [data-subj-subtitle-mob] {
  display: flex;
  justify-content: center;
  background-color: rgba(var(--bgBlack), 0.8);
  border-radius: 1rem;
  border: 1px solid rgb(var(--white));
  padding: 0.6rem 0;
  font-weight: bold;
  margin-bottom: 1.2rem;
}

.main-subj-slider-buttons {
  position: absolute;
  top: 8.5rem;
  z-index: 100;
  width: 100%;
}
.main-subj-slider-buttons button {
  position: absolute;
  width: 0.45rem;
  height: 0.65rem;
  background-image: url(/common/img/cate_slide_arr.svg);
  background-size: cover;
}

.main-subj-prev {
  left: 1.2rem;
}

.main-subj-next {
  right: 1.2rem;
  transform: rotate(180deg);
}

.swiper-pagination {
  position: absolute;
  bottom: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.4rem;
  z-index: 100;
}

.swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  border: 1px solid rgb(var(--white));
  border-radius: 1rem;
}

.swiper-pagination-bullet-active {
  background-color: rgb(var(--white));
}

/* 디지털 소장자료 */
#mainDigital {
  padding-bottom: 4.4rem;
}
#mainDigital [data-section-head-title] {
  margin: 7rem auto 3.4rem auto;
}
#mainDigital .web-common-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  padding: 0 1.6rem;
}

[data-main-digital-list] {
  position: relative;
  display: grid;
  grid-template-areas: "a b c d" "a b c e" "f h h i" "g h h i";
  gap: 0.8rem 0.8rem;
  width: 100%;
  max-width: 71rem;
  height: 33.8rem;
  grid-auto-rows: minmax(23%, 50%);
  grid-auto-columns: minmax(23%, 50%);
}
[data-main-digital-list] > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

[data-main-digit-item-container] {
  position: relative;
  cursor: pointer;
}
[data-main-digit-item-container] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-main-digit-item-container]:nth-child(1) {
  display: none;
}
[data-main-digit-item-container]:nth-child(2) {
  grid-area: a;
}
[data-main-digit-item-container]:nth-child(3) {
  grid-area: b;
}
[data-main-digit-item-container]:nth-child(4) {
  grid-area: c;
}
[data-main-digit-item-container]:nth-child(5) {
  grid-area: d;
}
[data-main-digit-item-container]:nth-child(6) {
  grid-area: e;
}
[data-main-digit-item-container]:nth-child(7) {
  grid-area: f;
}
[data-main-digit-item-container]:nth-child(8) {
  grid-area: g;
}
[data-main-digit-item-container]:nth-child(9) {
  grid-area: h;
}
[data-main-digit-item-container]:nth-child(10) {
  grid-area: i;
}

[data-main-digit-item-container]:hover [data-main-digital-texts] {
  display: flex;
}

[data-main-digital-texts] {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(var(--white), 1);
  background-color: rgba(var(--black), 0.5);
  padding: 0 1.65rem;
}
[data-main-digital-texts] h4[data-lang-type].show {
  font-size: var(--font16);
  line-height: 1.35;
  font-weight: 400;
  word-break: keep-all;
}

ul[data-main-digital-textlist] {
  display: flex;
  flex-direction: column;
}
ul[data-main-digital-textlist] li {
  line-height: 1.6;
  font-size: var(--font13);
}
ul[data-main-digital-textlist] li:before {
  content: "-";
  display: inline-block;
  margin-right: 0.15rem;
}
ul[data-main-digital-textlist] li:first-child:before {
  content: "";
  display: none;
}

[data-main-digital-name] {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

[data-main-digital-item] {
  position: relative;
  cursor: pointer;
}
[data-main-digital-item] > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  position: absolute;
}

[data-main-digital-morebutton] {
  background-color: rgba(var(--black), 1);
  color: rgba(var(--white), 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 1rem;
  margin-top: 1.35rem;
}
[data-main-digital-morebutton] > span {
  background-image: url(/common/img/cate_arr.svg);
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-position: center right;
  cursor: pointer;
  width: 0.4rem;
  height: 0.75rem;
  margin-left: 0.5rem;
}
[data-main-digital-morebutton] > span[data-lang-type].show {
  display: contents;
}

[data-mobile-none] {
  display: inline-block;
  margin-left: 0.5rem;
}

/* main.css mediaquery */
@media (max-width: 1280px) {
  body .hd-search-bar, body [data-nav-exhibition], body nav {
    left: 2rem;
    width: calc(100% - 4rem);
  }
  body [data-subj-item] {
    padding: 0.85rem 0;
  }
  body .main-subj-texts {
    gap: 1.6rem;
  }
}
@media (max-width: 1024px) {
  [data-main-digital-texts] {
    padding: 0 1.2rem;
  }
}
@media (max-width: 768px) {
  #mainSubj {
    display: none;
  }
  #mainSubjMob {
    display: flex;
  }
  .span-block {
    display: block;
  }
  [data-mobile-none] {
    display: none;
  }
  #mainSearch {
    margin-top: 3rem;
    background-position: top;
  }
  #mainSearch [data-main-title-texts] {
    font-size: var(--ftMain);
    line-height: 1.8;
  }
  .main-logo-div img {
    width: 1.7rem;
  }
  .main-logo-div > div h2 {
    font-size: var(--ftUp);
  }
  .main-logo-div > div p {
    font-size: var(--ftMain);
  }
  .main-search-title {
    margin: 1.3rem 0 0;
  }
  .main-search-title h2 {
    font-size: var(--ftTitleM);
    text-align: center;
    line-height: 1.15;
  }
  .main-search-title .span-block {
    display: inline-block;
    width: 100%;
  }
  .main-search-bar {
    width: 100%;
    max-width: 19.2rem;
    border: none;
  }
  .main-search-bar button {
    width: 3.8rem;
    padding: 0.65rem 0.8rem;
  }
  [data-main-intro-item] {
    align-items: center;
  }
  [data-main-intro-item] * {
    padding: 0 1.2rem;
  }
  [data-main-intro-item] [data-lang-type].show {
    padding: 0;
  }
  [data-main-intro-item] img {
    padding: 0;
  }
  [data-main-intro-item] .main-item-title {
    font-size: var(--ftTitleSM);
    margin-bottom: 1rem;
  }
  body #wrap #mainIntro.web-common-inner {
    padding: 5rem 0 3.6rem 0;
  }
  [data-main-intro-texts] {
    grid-template-columns: repeat(1, 1fr);
  }
  [data-main-digital-texts] h4 {
    font-size: var(--ftUp);
  }
  [data-main-digital-morebutton] {
    font-size: var(--ftMin);
  }
  [data-main-digital-item] {
    display: none;
  }
  [data-main-digital-item]:nth-child(-n+4) {
    display: block;
  }
  #mainDigital [data-section-head-title] {
    margin: 4.4rem auto 1.8rem auto;
  }
  #mainDigital [data-main-digital-list] [data-main-digital-item] {
    aspect-ratio: 1/0.75;
    width: 100%;
  }
  [data-main-digital-list] {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  [data-main-digit-item-container] {
    width: 100%;
  }
  [data-main-digit-item-container]:nth-child(n+2) {
    aspect-ratio: 1/0.77;
  }
  [data-main-digit-item-container]:nth-child(n+5):nth-child(-n+10) {
    display: none;
  }
}
/*main.css End*/
/*digital.css*/
.dig-img {
  background-image: url(/common/img/digit_back.png);
  background-position: bottom;
}

.digit-texts-body {
  margin: 3.2rem auto;
  width: 100%;
  gap: 1.6rem;
  flex-direction: column;
}
.digit-texts-body #resultsearchResult {
  display: none;
}
.digit-texts-body #resultsearchResult.digit-selected-tab {
  display: flex;
  flex-direction: column;
}
.digit-texts-body .searchResult-content-box {
  margin-top: 0;
}
.digit-texts-body .searchResult-content-box + .searchResult-content-box {
  margin-top: 2rem;
}
.digit-texts-body #digital-content {
  display: none;
}
.digit-texts-body #digital-content.digit-selected-tab {
  display: flex;
}

#digit-list-type-select {
  display: flex;
  margin: 2rem 0 4.7rem 0;
  gap: 1rem 0.5rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#digit-list-type-select button {
  width: 6rem;
  background-color: rgba(var(--subBackGray), 1);
  border-radius: 1rem;
  padding: 0.4rem 0.5rem 0.3rem;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 2rem;
  font-size: var(--font14);
  line-height: 1.3;
  word-break: break-all;
  max-width: 8rem;
  font-weight: 400;
}
#digit-list-type-select button:hover {
  background-color: rgba(var(--bgBlack), 1);
  color: rgba(var(--white), 1);
}
#digit-list-type-select button.selected-type {
  background-color: rgba(var(--bgBlack), 1);
  color: rgba(var(--white), 1);
}

#digital-content {
  width: 100%;
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
}

.digital-content-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: calc((100% - 3.2rem) / 3);
}

.digital-content-box:nth-child(1) .digital-item:nth-child(1) {
  aspect-ratio: 1/1.125;
}
.digital-content-box:nth-child(1) .digital-item:nth-child(2) {
  aspect-ratio: 1/1.47;
}
.digital-content-box:nth-child(1) .digital-item:nth-child(3) {
  aspect-ratio: 1/1.19;
}
.digital-content-box:nth-child(1) .digital-item:nth-child(4) {
  aspect-ratio: 1/1.9;
}

.digital-content-box:nth-child(2) .digital-item:nth-child(1) {
  aspect-ratio: 1/1.47;
}
.digital-content-box:nth-child(2) .digital-item:nth-child(2) {
  aspect-ratio: 1/0.9;
}
.digital-content-box:nth-child(2) .digital-item:nth-child(3) {
  aspect-ratio: 1/1.625;
}
.digital-content-box:nth-child(2) .digital-item:nth-child(4) {
  aspect-ratio: 1/1.34;
}

.digital-content-box:nth-child(3) .digital-item:nth-child(1) {
  aspect-ratio: 1/0.9;
}
.digital-content-box:nth-child(3) .digital-item:nth-child(2) {
  aspect-ratio: 1/1.03;
}
.digital-content-box:nth-child(3) .digital-item:nth-child(3) {
  aspect-ratio: 1/1.218;
}
.digital-content-box:nth-child(3) .digital-item:nth-child(4) {
  aspect-ratio: 1/2.5;
}

.digital-content-box:nth-child(-n+3) .digital-item:nth-child(n+5):nth-child(-n+10) {
  display: none;
}

#digital-content-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.digit-content-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.digital-item {
  position: relative;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}
.digital-item h4 {
  font-size: var(--font18);
}
.digital-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.digital-item:hover [data-digit-texts] {
  display: flex;
}

[data-digit-texts] {
  display: none;
  position: absolute;
  inset: 0;
  color: rgba(var(--white), 1);
  background-color: rgba(var(--black), 0.5);
  padding: 0 1.65rem;
  justify-content: center;
}

[data-digit-texts-container] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 12.8rem;
}
[data-digit-texts-container] .digital-title {
  font-size: var(--font18);
  line-height: 1.35;
}
[data-digit-texts-container] .digital-subTitle {
  font-size: var(--font14);
  margin: 0.7rem 0;
  font-weight: 700;
}
[data-digit-texts-container] button[data-digital-morebutton].round_btnStyle {
  width: 100%;
}

.digital-data-list {
  display: none;
}
.digital-data-list li {
  display: flex;
  line-height: 1.75;
}
.digital-data-list li:before {
  content: "-";
  display: inline-block;
  margin-right: 0.15rem;
}
.digital-data-list li [data-lang-type].show {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  height: 1.1rem;
  overflow: hidden;
}

ul[data-digital-textlist] {
  display: flex;
  flex-direction: column;
}
ul[data-digital-textlist] li {
  line-height: 1.6;
  font-size: var(--font13);
}
ul[data-digital-textlist] li:before {
  content: "-";
  display: inline-block;
  margin-right: 0.15rem;
}
ul[data-digital-textlist] li:first-child:before {
  content: "";
  display: none;
}

button[data-digital-morebutton].round_btnStyle {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  color: rgb(var(--white));
  justify-content: space-between;
  box-sizing: border-box;
  font-size: var(--ftMain);
  font-weight: bold;
  grid-template-columns: 1fr 0.75rem;
  margin-top: 1.35rem;
  padding: 0 0.75rem;
}
button[data-digital-morebutton].round_btnStyle label {
  display: inline-block;
  background: url("/common/img/arrow-right-s-line.svg");
  width: 1.25rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/*  */
#digital-content-container .search-result-notify {
  margin: 2.4rem auto 0 auto;
  width: 100%;
}

.search-result-notify {
  display: none;
}

[data-digital-refresh] {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgb(var(--bgBlack));
  color: rgb(var(--white));
  height: 2rem;
  border-radius: 1rem;
  margin: 3rem auto 6rem;
  padding: 0 1.25rem;
}
[data-digital-refresh] svg {
  margin-right: 0.5rem;
  transition: all ease 1s;
}
[data-digital-refresh]:hover {
  opacity: 0.85;
}
[data-digital-refresh]:hover svg {
  transform: rotate(360deg);
}

/*digital.css media*/
@media (max-width: 768px) {
  #digital-content-container {
    gap: 0;
  }
  #digital-content-container #digital-content {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin: 0.8rem auto 0;
  }
  #digital-content-container #digital-content #digitCloumnM, #digital-content-container #digital-content #digitCloumnR {
    display: none;
  }
  #digital-content-container #digital-content .digit-content-box {
    gap: 0.8rem;
  }
  #digital-content-container #digital-content .digit-content-box li {
    height: 0;
    padding-bottom: 77%;
  }
  #digital-content-container #digital-content .digit-content-box li img {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .digital-data-list {
    display: block;
  }
  .digital-content-box {
    gap: 0.9rem;
    width: 100%;
  }
  body #wrap #digital-content-container .web-common-inner[data-board-pager] {
    padding: 0 1.2rem 0.5rem 1.2rem;
  }
  body #wrap #digital-content-container .web-common-inner[data-board-pager] .button-outta-focus {
    margin: 0;
  }
  .digital-content-box:nth-child(2), .digital-content-box:nth-child(3) {
    display: none;
  }
  .digital-content-box:nth-child(-n+2) .digital-item:nth-child(-n+3) {
    aspect-ratio: 1/0.77;
  }
  .digital-content-box:nth-child(-n+2) .digital-item:nth-child(-n+3) [data-digit-texts] {
    padding: 2rem;
  }
}
@media (max-width: 500px) {
  .digital-item {
    aspect-ratio: 1/1 !important;
  }
}
/*login.css*/
#login-page {
  width: 22.5rem;
  margin: 0 auto;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 1rem;
}

#login-page-inner {
  height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-title-img {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.login-title-img img {
  width: 2.2rem;
}
.login-title-img p {
  font-size: 1.2rem;
  color: rgba(var(--bgBlack), 1);
  font-weight: 700;
}

.login-form-text input {
  width: 100%;
  border: 1px solid rgba(var(--black), 0.1);
  background-color: rgba(var(--white), 0.9);
  padding: 0.75rem;
  outline: 0;
}
.login-form-text input:focus-within {
  border-color: rgba(var(--royalblue), 0.3);
  box-shadow: 0 0 0 0.1rem rgba(var(--royalblue), 0.1);
}
.login-form-text input::-moz-placeholder {
  color: rgba(var(--black), 0.4);
}
.login-form-text input::placeholder {
  color: rgba(var(--black), 0.4);
}
.login-form-text input + input {
  margin-top: 0.5rem;
}
.login-form-text button {
  width: 100%;
  margin-top: 2rem;
  font-weight: bold;
}

.chkbox-keeplog {
  align-self: flex-start;
  margin-top: 1.5rem;
}

/* login.css  media*/
@media (max-width: 1023px) {
  #login-page {
    width: 100%;
  }
}
/*archive.css*/
[data-subp-head-text] {
  margin: 5rem auto 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-subp-head-text] [data-subp-head-subt] {
  font-size: var(--font16);
}
[data-subp-head-text] h3 {
  margin: 0.6rem auto 2rem;
}

.arc-img {
  background-image: url(/common/img/main_archive_01.jpg);
  background-position: center;
}

#archiveThumnails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 20rem;
  margin-bottom: 3.25rem;
}
#archiveThumnails img {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#archive-content-inner {
  width: 1024px;
  margin: 0 auto;
}

.archive-top-text h3 {
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
}
.archive-top-text p {
  font-size: var(--font16);
  text-align: center;
  line-height: 1.5;
  white-space: inherit;
  word-break: break-word;
}

#archive-bottom-Builders {
  background-color: rgba(var(--black), 0.045);
  margin: 6.4rem auto 5rem;
  padding-bottom: 6rem;
}
#archive-bottom-Builders hgroup {
  margin: 6.4rem auto 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-arc-builders-container] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.archive-Builders-title [data-builders-title] {
  font-size: var(--ftTitle);
  margin-top: 0.8rem;
}
.archive-Builders-title [data-Builders-subt] {
  font-size: var(--font16);
}
.archive-Builders-title .archive-Builders-text::before {
  content: "";
  width: 2.2rem;
  height: 0.15rem;
  display: block;
  background-color: rgba(var(--royalblue), 1);
  margin-bottom: 1rem;
}

.archive-Builders-list {
  display: flex;
  font-size: var(--font16);
  padding-top: 0.7rem;
  width: 100%;
  justify-content: space-around;
}
.archive-Builders-list p {
  letter-spacing: 1px;
}

[data-arc-builders-column] {
  display: flex;
  flex-direction: column;
}
[data-arc-builders-column] h4 {
  font-size: var(--font20);
}

[data-builders-item] ul {
  display: flex;
  flex-direction: column;
  border-left: 0.25rem solid rgba(var(--black), 0.0975);
  padding: 0 0 0.4rem 0.9rem;
  margin: 1.3rem 0 0 0.5rem;
  gap: 0.8rem 0;
}
[data-builders-item] [data-builders-name] {
  font-weight: bold;
  margin-bottom: 0.6rem;
}
[data-builders-item] + [data-builders-item] {
  margin-top: 2rem;
}

[data-builders-editors] {
  display: flex;
  gap: 1.3rem;
}

/*archive.css media*/
@media (max-width: 1280px) {
  #archiveThumnails {
    grid-template-columns: repeat(3, 1fr);
  }
  #archiveThumnails img:nth-child(1) {
    display: none;
  }
}
@media (max-width: 1023px) {
  #digtal-content-inner,
  #archive-bottom-inner {
    width: 100%;
  }
}
@media (max-width: 768px) {
  body #wrap #archivIntros.web-common-inner {
    padding: 0;
  }
  body #wrap #archivIntros.web-common-inner [data-main-intro-item] {
    padding-bottom: 2.8rem;
  }
  body #wrap #archivIntros.web-common-inner [data-main-intro-item] .main-item-subtitle {
    margin: 1.2rem 0 0.3rem;
  }
  body #wrap #archivIntros.web-common-inner [data-main-intro-texts] {
    grid-template-columns: 1fr;
    gap: 0;
    width: 100%;
    margin: 0 auto;
  }
  #archiveThumnails {
    height: 11.6rem;
    margin-bottom: 2.4rem;
  }
  .archive-top-text h3 {
    font-size: var(--font30);
    padding-bottom: 0;
    padding-top: 0;
    margin: 0.3rem auto 2rem;
  }
  .archive-top-text p {
    white-space: inherit;
    line-height: 2;
    font-size: var(--font14);
    padding: 0 0.25rem;
  }
  [data-subp-head-text] {
    margin: 3rem auto;
  }
  body #wrap .archive-top-text.web-common-inner {
    padding: 0 1.2rem;
  }
  #archive-bottom-Builders {
    margin: 2rem auto 0;
    padding-bottom: 3rem;
  }
  #archive-bottom-Builders hgroup {
    margin: 2.4rem auto 1.5rem;
    align-items: flex-start;
  }
  #archive-bottom-inner {
    padding: 2rem 1rem 5rem;
    flex-direction: column;
  }
  .archive-Builders-list {
    flex-direction: column;
  }
  .archive-Builders-list p {
    padding: 0.1rem;
    font-size: var(--font16);
    line-height: 1;
  }
  .archive-middle-icon {
    margin-bottom: 4rem;
  }
  .archive-sub-routes {
    font-size: var(--font16);
  }
  .archive-Builders-title [data-builders-title] {
    font-size: var(--font24);
    margin-top: 0.6rem;
    letter-spacing: 2px;
    line-height: 1.35;
  }
  .archive-Builders-title p {
    font-size: var(--font18);
  }
  [data-arc-builders-column] + [data-arc-builders-column] {
    margin-top: 1.6rem;
  }
  [data-builders-item] + [data-builders-item] {
    margin-top: 1.6rem;
  }
  [data-builders-item] [data-builders-name] {
    margin-bottom: 0.2rem;
  }
  [data-builders-editors] {
    flex-direction: column;
    gap: 0;
  }
  [data-builders-editors] ul + ul {
    margin: 0 0 0 0.5rem;
  }
}
@media (max-width: 479px) {
  .archive-icon-imgs {
    width: 6rem;
    height: 6rem;
  }
  .archive-icon-img {
    width: 3rem;
  }
  .archive-record-box {
    height: 18rem;
  }
}
/*dataUse.css*/
.dataUse-top-text {
  padding: 4.5rem 0 5rem;
  background-color: rgb(var(--subBackGray));
}

#dataUse-content [data-subp-head-text] {
  font-size: var(--ftTitle);
  margin: 5rem auto 1rem;
}

.dataUse-list-box {
  max-width: 43.2rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
}
.dataUse-list-box li {
  padding: 0;
  font-size: var(--font16);
  display: flex;
  line-height: 1.5;
}
.dataUse-list-box li::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: rgba(var(--black), 0.7);
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  margin: 0.4rem 0.3rem 0 0;
}
.dataUse-list-box li + li {
  margin-top: 1rem;
}
.dataUse-list-box li[data-use-policy-title] {
  font-size: var(--ftTitle);
  margin: 0 auto 0.9rem;
  font-weight: bold;
}
.dataUse-list-box li[data-use-policy-title]::before {
  width: 0;
  height: 0;
}

.dataUse-bottom-table {
  width: 100%;
  margin-bottom: 3rem;
  padding-top: 5rem;
  display: flex;
  flex-direction: column;
}

.dataUse-table-info {
  font-weight: bold;
  margin-bottom: 2.2rem;
  font-size: var(--font22);
}

.Questions {
  padding: 1rem 0.5rem;
  background: rgba(var(--black), 0.05);
  font-size: var(--font16);
  font-weight: bold;
}

[data-use-table-head] {
  display: grid;
  grid-template-columns: 0.45fr repeat(3, 1fr);
  gap: 0.8rem;
  justify-content: center;
}
[data-use-table-head] p {
  background-color: rgba(var(--subBackGray), 1);
  font-weight: bold;
  font-size: var(--font18);
  padding: 0.6rem 0;
  border-radius: 0.3rem;
  text-align: center;
}
[data-use-table-head] p [data-lang-type].show {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

[data-use-table-body] {
  display: flex;
  flex-direction: column;
}

[data-use-table-item] {
  display: grid;
  grid-template-columns: 0.45fr repeat(3, 1fr);
  gap: 0.8rem;
  margin: 1.2rem 0;
}
[data-use-table-item] div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  padding: 0 0.8rem;
  font-size: var(--font16);
}
[data-use-table-item] div * {
  line-height: 1.4;
}
[data-use-table-item] div:nth-child(3) {
  align-items: flex-start;
}
[data-use-table-item] div:nth-child(4) {
  padding: 0 1.5rem;
  justify-content: center;
}
[data-use-table-item] div:nth-child(4) img {
  width: 100%;
  max-width: 10.8rem;
}

/*dataUse.css media*/
@media (max-width: 1280px) {
  .dataUse-top-text.web-common-inner {
    max-width: 100%;
  }
  .dataUse-bottom-table.web-common-inner {
    padding: 5rem 2.4rem 0;
  }
  .dataUse-bottom-table.web-common-inner td {
    padding: 0.85rem 0.8rem;
  }
  .dataUse-bottom-table.web-common-inner td:nth-child(1) {
    width: 3.2rem;
  }
}
@media (max-width: 1023px) {
  #digtal-content-inner {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #dataUse-content [data-subp-head-text] {
    font-size: var(--font24);
    margin: 2rem auto 0;
  }
  #dataUse-content [data-subp-head-text] h3 {
    margin: 0.6rem auto 0;
  }
  .dataUse-top-text h3 {
    font-size: var(--font18);
    margin-bottom: 1.5rem;
  }
  .dataUse-top-text p {
    font-size: var(--font14);
  }
  .dataUse-list-box li {
    line-height: 1.4;
    text-indent: 0;
    font-size: var(--font14);
  }
  .dataUse-list-box li::before {
    flex-shrink: 0;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
  }
  .dataUse-list-box li[data-use-policy-title] {
    font-size: var(--font24);
  }
  .dataUse-table-info {
    font-size: var(--font18);
    margin-top: 2rem;
  }
  .dataUse-table-info span.show {
    display: block;
  }
  .dataUse-bottom-table {
    font-size: var(--font14);
  }
  [data-use-table-head] {
    display: flex;
  }
  [data-use-table-head] p {
    flex-shrink: 0;
  }
  [data-use-table-head] p:nth-child(1) {
    width: 3.2rem;
  }
  [data-use-table-head] p:nth-child(2) {
    width: calc(100% - 4rem);
  }
  [data-use-table-head] p:nth-child(3), [data-use-table-head] p:nth-child(4) {
    display: none;
  }
  [data-use-table-item] {
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(var(--subBackGray), 0.5);
    border-radius: 0.35rem;
    padding: 1rem;
    margin: 0.5rem 0;
  }
  [data-use-table-item] > div {
    flex-wrap: wrap;
    font-size: var(--font16);
  }
  [data-use-table-item] > div:nth-child(1) {
    width: 3.2rem;
  }
  [data-use-table-item] > div:nth-child(2) {
    width: calc(100% - 4rem);
  }
  [data-use-table-item] > div:nth-child(3) {
    width: 100%;
    background-color: rgba(var(--subBackGray), 1);
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  [data-use-table-item] > div:nth-child(4) {
    display: none;
  }
}
/*digital.css*/
.searchArchive-img {
  background-image: url(/common/img/main_subject_back3.jpg);
}

#searchArchive {
  margin: 2.4rem 0;
  min-height: 30vh;
}

#searchArc-content-inner {
  flex-direction: column;
}

.searchArc-content-title {
  font-size: var(--font22);
  color: rgb(var(--bgBlack));
  font-weight: 700;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: baseline;
}
.searchArc-content-title .Small-font {
  font-size: var(--font14);
  font-weight: normal;
  padding-left: 0.25rem;
}

.searchArc-content-box {
  display: flex;
  flex-flow: row wrap;
  gap: 2.4rem;
}
.searchArc-content-box .searchArc-item-title {
  font-size: var(--font20);
  font-weight: normal;
  padding: 0.75rem 1rem;
  text-align: left;
  background: rgba(var(--black), 0.075);
  width: 100%;
}
.searchArc-content-box p {
  padding: 0.8rem 0 0.8rem;
  color: rgba(var(--black), 0.9);
  font-size: var(--font16);
  line-height: 1.5;
}
.searchArc-content-box p.show {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  height: 6rem;
}
.searchArc-content-box .searchArc-item-buttons {
  margin: 0.5rem 0 2.5rem;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
  justify-content: right;
  margin-left: auto;
}
.searchArc-content-box .searchArc-item-buttons button {
  width: 10rem;
  height: 2.25rem;
  border-radius: 2rem;
  color: rgba(var(--white), 1);
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
  padding-left: 1rem;
}
.searchArc-content-box .searchArc-item-buttons button:hover {
  opacity: 0.9;
}
.searchArc-content-box .searchArc-item-buttons button svg {
  fill: rgba(var(--white), 1);
}
.searchArc-content-box .searchArc-item-buttons button:first-child {
  background: rgba(var(--royalblue), 1);
}
.searchArc-content-box .searchArc-item-buttons button:last-child {
  background: #b1b1b1;
}
.searchArc-content-box + .searchArc-content-box {
  margin-top: 2rem;
}

.searchResult-content-list > button[data-searcharc-return] {
  margin-top: 0.8rem;
  background-color: rgb(var(--subColor));
}

.searchArchive-img #back_img_inner hgroup h3 {
  display: block;
}

/*searchArchive.css media*/
@media (max-width: 1024px) {
  #searchArc-content-inner {
    width: 100%;
    padding: 0.5rem;
    font-size: var(--font14);
  }
}
@media (max-width: 768px) {
  #searchArc-content-inner [data-board-pager] {
    position: relative;
  }
  #searchArc-content-inner [data-board-pager] .button-outta-focus {
    position: absolute;
    bottom: -0.5rem;
    margin: 0;
  }
  #searchArc-content-inner [data-board-pager] [data-board-pager-prev] {
    left: 0;
  }
  #searchArc-content-inner [data-board-pager] [data-board-pager-next] {
    right: 0;
  }
  #searchArc-content-inner [data-board-pager] a {
    display: flex;
    justify-content: center;
  }
  #searchArc-content-inner #paging {
    width: 100%;
    justify-content: center;
    gap: 0;
  }
  #searchArc-content-inner #paging li {
    flex-basis: 10%;
  }
  #searchArchive {
    margin: 2rem 0;
  }
  .searchArc-content-title {
    font-size: var(--font18);
  }
  .searchArc-content-box {
    flex-direction: column;
    gap: 0;
  }
  .searchArc-content-box .searchArc-item-buttons button {
    width: 8.5rem;
    height: 2rem;
  }
  .searchArc-content-box .searchArc-item-title {
    font-size: var(--font16);
  }
  .searchArc-content-box p {
    font-size: var(--font14);
    padding: 0.5rem 0;
  }
  .searchArc-content-box + .searchArc-content-box {
    margin-top: 2.5rem;
  }
  .searchResult-content-list > button[data-searcharc-return] {
    margin-top: 0.25rem;
  }
  .searchResult-data-list {
    margin-bottom: 0.8rem;
  }
  #searchArc-content-inner {
    font-size: var(--font14);
  }
}
/*digital.css*/
.cate-img {
  background-image: url(/common/img/main_cate_back.jpg);
  background-position: center;
}

#back_img[data-cate-hero-back] hgroup h3 {
  display: none;
}

#categoricalArchive {
  margin: 2.8rem auto 0;
  flex-direction: column;
}
#categoricalArchive [data-board-pager] {
  margin: 5rem auto 4.7rem;
}
#categoricalArchive [data-board-pager] .button-outta-focus {
  font-size: 13px;
}
#categoricalArchive [data-board-pager] #paging li {
  font-size: 13px;
}

.categoricalArc-content-title {
  font-size: var(--font28);
  color: rgba(var(--royalblue), 1);
  font-weight: 700;
  margin-bottom: 2.5rem;
}

#categoricalTab {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 2rem;
}
#categoricalTab li {
  text-align: center;
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
}
#categoricalTab li.categorical-tab-selected {
  font-weight: bold;
}

/*분류별 내 검색 바*/
.cate-in-Search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  background-color: rgba(var(--white), 1);
  border-radius: 1rem;
  filter: drop-shadow(2px 4px 6px rgba(var(--royalblue), 0.25));
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-bottom: 1rem;
}
.cate-in-Search input {
  height: 1.75rem;
  min-width: 10rem;
  outline: 0;
  padding-left: 1rem;
}
.cate-in-Search svg {
  margin-right: 0.5rem;
}

.categoricalArc-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 4.3rem;
  padding: 0.8rem 1.2rem;
  box-sizing: content-box;
}

/* 검색결과 표출영역 */
.categoricalArc-content-flexBox {
  position: relative;
}
.categoricalArc-content-flexBox > div {
  display: none;
}
.categoricalArc-content-flexBox > div.cate-selected-show {
  display: block;
}
.categoricalArc-content-flexBox > div.cate-selected-show > div + div {
  margin-top: 2rem;
}

.categoricalArc-content-box {
  display: flex;
  flex-flow: row wrap;
}
.categoricalArc-content-box .categoricalArc-item-title {
  font-size: var(--ftTitleSM);
  padding: 0.7rem 1rem 0.8rem;
  text-align: left;
  background: rgba(var(--black), 0.045);
  width: 100%;
}
.categoricalArc-content-box .categoricalArc-item-title > span {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.categoricalArc-content-box p {
  padding: 0 1rem;
  color: rgba(var(--black), 1);
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 4.3rem;
  margin: 0.8rem 0;
}
.categoricalArc-content-box .categoricalArc-item-buttons {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  width: 100%;
  justify-content: flex-end;
}
.categoricalArc-content-box .categoricalArc-item-buttons button {
  width: 4.25rem;
  height: 2rem;
  border-radius: 2rem;
  color: rgb(var(--subColor));
  display: grid;
  grid-template-columns: 1fr 0.3rem;
  align-items: center;
  padding-left: 1rem;
  box-sizing: content-box;
  justify-items: flex-start;
  font-size: var(--ftMinUp);
}
.categoricalArc-content-box .categoricalArc-item-buttons button:hover {
  opacity: 0.9;
}
.categoricalArc-content-box .categoricalArc-item-buttons button label {
  background: url(/common/img/arr_right.svg);
  background-repeat: no-repeat;
  width: 0.3rem;
  height: 0.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

#categoricalArchive .categoricalArc-content-box .categoricalArc-content p {
  padding: 0;
  margin: 0;
}
#categoricalArchive .categoricalArc-content-box .categoricalArc-item-buttons button.round_btnStyle {
  max-width: 9.2rem;
  width: 100%;
  color: rgb(var(--white));
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.8rem 0 0.8rem;
  font-size: var(--ftMain);
  font-weight: bold;
  grid-template-columns: 1fr 0.75rem;
}
#categoricalArchive .categoricalArc-content-box .categoricalArc-item-buttons button.round_btnStyle label {
  display: inline-block;
  background: url("/common/img/arrow-right-s-line.svg");
  width: 1.25rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
#categoricalArchive .categoricalArc-content-box .categoricalArc-item-buttons button.round_btnStyle:last-child {
  background-color: rgb(var(--subColor));
}

[data-cat-book-list] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 30rem;
}

[data-cata-result-area] > ul[data-national-divide] > li:first-child {
  background: rgba(var(--royalblue), 1);
  color: rgba(var(--white), 1);
  font-size: var(--font18);
  cursor: auto;
}
[data-cata-result-area] > ul[data-national-divide] > li:first-child:hover {
  filter: none;
}

[data-cata-result-area] > ul {
  display: flex;
  margin: 2rem 0 4.7rem 0;
  gap: 1rem 0.5rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}
[data-cata-result-area] > ul#data-national-divide li:first-child, [data-cata-result-area] > ul#data-national-divide2 li:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: bold;
  font-size: 20px;
  color: #000 !important;
}
[data-cata-result-area] > ul > li {
  width: 6rem;
  background-color: rgba(var(--subBackGray), 1);
  border-radius: 1rem;
  padding: 0.4rem 0.5rem 0.3rem;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 2rem;
  font-size: var(--font14);
  line-height: 1.3;
  word-break: break-all;
  max-width: 8rem;
  font-weight: 400;
}
[data-cata-result-area] > ul > li > span.show {
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  max-height: 1.95rem;
  overflow: hidden;
}
[data-cata-result-area] > ul > li[data-owner-gure] {
  width: 8rem;
  max-width: auto;
}
[data-cata-result-area] > ul > li:hover {
  background-color: rgba(var(--bgBlack), 1);
  color: rgba(var(--white), 1);
}
[data-cata-result-area] > ul > li [data-lang-type].show {
  word-break: keep-all;
}
[data-cata-result-area] > ul > li.selected-tab {
  background-color: rgba(var(--bgBlack), 1);
  color: rgba(var(--white), 1);
}
[data-cata-result-area] > ul + ul {
  padding-top: 1rem;
  border-top: 1px solid rgba(var(--black), 0.25);
}

[data-cata-result-area] ul li#more {
  background: rgba(var(--royalblue), 1);
  color: rgba(var(--white), 1);
}

#cateTextContainer {
  display: flex;
  gap: 2.4rem;
}

#cateTextL {
  width: 100%;
  margin-bottom: 1rem;
}

#cateTextR {
  position: sticky;
  top: 30px;
  width: 100%;
  max-width: 15.6rem;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  z-index: 99;
  padding-bottom: 250px;
}
#cateTextR > * {
  border-radius: 0.3rem;
  filter: drop-shadow(0 0 0.6rem rgba(var(--bgBlack), 0.1));
  background-color: rgb(var(--white));
}

.cate-floating-right {
  width: 100%;
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  min-width: 13.6rem;
}

[data-cate-random-item] + [data-cate-random-item] {
  margin-top: 1.4rem;
}

.cate-floating-title {
  font-size: var(--font18);
  margin-bottom: 1rem;
}

h3[data-random-title] {
  font-size: var(--font16);
  margin-bottom: 0.8rem;
  line-height: 1.25rem;
}

[data-random-content] {
  font-size: var(--font12);
}
[data-random-content] > p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}

.random-item-buttons {
  display: flex;
  gap: 0.8rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
}
.random-item-buttons .round_btnStyle {
  height: 2rem;
}
.random-item-buttons .round_btnStyle:last-child {
  background-color: rgb(var(--subColor));
  color: rgb(var(--white));
}

[data-cate-floating-list] {
  display: flex;
  flex-direction: column;
}
[data-cate-floating-list] li {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  height: 2rem;
  transition: all 0.25s;
  border-radius: 1rem;
  cursor: pointer;
  font-weight: 700;
}
[data-cate-floating-list] li:hover {
  background-color: rgba(var(--black), 0.045);
}

/*categorical.css media*/
@media (max-width: 1280px) {
  #categoricalArchive .categoricalArc-content-box .categoricalArc-item-buttons button.round_btnStyle {
    max-width: 40%;
  }
  [data-cata-result-area] > ul {
    margin: 2rem 0 3.5rem 0;
  }
  #cateTextR {
    min-width: 13.6rem;
  }
}
@media (max-width: 1024px) {
  [data-cata-result-area] > ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  [data-cat-book-list] {
    max-width: 100%;
  }
  .categoricalArc-content {
    padding: 0.8rem 0.8rem;
  }
  #categoricalArchive .categoricalArc-content-box p {
    height: 4.8rem;
    line-height: 1.65;
    -webkit-line-clamp: 4;
    font-size: var(--ftMain);
  }
  body #wrap .web-common-inner[data-board-pager] {
    padding: 1.2rem 0;
    justify-content: space-between;
    margin: 2.5rem auto 1.2rem;
  }
  #categoricalTab {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1.2rem;
  }
  #categoricalTab li {
    border: 1px solid rgba(var(--subBackGray), 1);
  }
  #categoricalTab li.categorical-tab-selected {
    background-color: rgba(var(--reMainBlue), 1);
    color: rgba(var(--white), 1);
  }
  [data-cata-result-area] > ul {
    margin: 0 0 2.8rem 0;
    display: flex;
  }
  [data-cata-result-area] > ul li {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
  }
  #wrap #totalSearchBack {
    height: 4.8rem;
  }
  body #wrap #categoricalArchive.web-common-inner {
    padding: 0 1.2rem 1.2rem 1.2rem;
  }
  #cateTextR {
    display: none;
  }
}
@media (max-width: 480px) {
  #categoricalArchive .categoricalArc-content-box .categoricalArc-item-buttons button.round_btnStyle {
    max-width: 50%;
  }
}
/*searchResult.css*/
.sr-img {
  background-image: url(/common/img/main_back_01.png);
  background-position: bottom;
}

.Small-font {
  font-size: var(--font14);
}

.search-result-notify {
  margin: 2.4rem auto 5rem auto;
  font-size: var(--ftTitleM);
  font-weight: bold;
}
.search-result-notify label {
  font-size: var(--ftMain);
  font-weight: 400;
}
.search-result-notify > span {
  margin-right: 0.5rem;
}

.search-result-notify[data-search-result-notify] {
  display: flex;
}

[data-search-subtitle] {
  background-color: rgb(219, 219, 219);
  padding: 0.5rem 1.6rem;
  border-radius: 1rem;
  font-size: var(--ftMain);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
}

#searchResult {
  margin: 1rem auto;
}

#searchResult-content-inner {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
#searchResult-content-inner > section {
  min-height: 6rem;
}

.searchResult-content-title {
  font-size: var(--ftTitleM);
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.searchResult-content-box {
  display: flex;
  flex-flow: row wrap;
  gap: 2.4rem;
  margin-top: 1.6rem;
}

#resultsearchResult .searchResult-content-title {
  margin-bottom: 1.8rem;
}

.searchResult-content-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 1;
}
.searchResult-content-list > button {
  display: flex;
  max-width: 11.6rem;
  width: 100%;
  margin-top: auto;
  padding: 0.5rem 0.4rem 0.5rem 0.8rem;
  justify-content: space-between;
}
.searchResult-content-list > button label {
  background: url(/common/img/arrow-right-s-line.svg);
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: 100%;
  background-position: center;
}

.searchResult-content-img {
  width: 43.8%;
  aspect-ratio: 1/0.81;
}
.searchResult-content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.searchResult-title {
  font-size: var(--ftTitleSM);
  font-weight: 700;
  padding-top: 1rem;
}

.searchResult-subTitle {
  padding: 0.7rem 0 0.8rem;
  font-size: var(--ftMain);
  font-weight: bold;
}

.searchResult-data-list li {
  line-height: 1.65;
  display: flex;
  font-size: var(--ftMinUp);
}
.searchResult-data-list li::before {
  content: "- ";
}
.searchResult-data-list button {
  width: 100%;
  max-width: 11.6rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}
.searchResult-data-list button label {
  background: url(/common/img/arr_right.svg);
  background-repeat: no-repeat;
  width: 0.3rem;
  height: 0.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

[data-search-more-button] {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: 2rem;
}
[data-search-more-button] button {
  max-width: 11.6rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 2rem;
  border-radius: 1rem;
  background-color: rgb(var(--bgBlack));
  padding: 0.5rem 0.8rem;
  color: rgb(var(--white));
}

@media (max-width: 768px) {
  .search-result-notify {
    font-size: var(--ftRem);
    margin: 0.8rem auto 2.2rem auto;
  }
  body #wrap #searchResult.web-common-inner {
    padding: 0 1.2rem;
  }
  .categoricalArc-content-box p {
    -webkit-line-clamp: 3;
    height: 3.2rem;
    margin: 0.8rem 0 0;
    padding: 0 0.5rem;
    font-size: var(--font13);
  }
  #searchResult-content-inner {
    gap: 3rem;
  }
  .searchResult-content-img {
    aspect-ratio: 1/0.5385;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .searchResult-content-title {
    font-size: var(--font20);
  }
  .searchResult-content-box {
    flex-direction: column;
    gap: 1.3rem;
    margin-top: 2rem;
  }
  .searchResult-content-box .searchResult-title {
    padding-top: 0;
  }
  .searchResult-content-box .searchResult-subTitle {
    padding: 0.45rem 0 0.5rem;
  }
  .searchResult-content-box .searchResult-content-list > button {
    margin-top: 0.8rem;
  }
  [data-board-pager].search-result-pager {
    margin: 0 auto;
    padding: 1.6rem 0;
  }
}
/*cateResult.css*/ /*header.css*/
body header.web-common-inner {
  width: 21.5rem;
  position: fixed;
  background-color: rgba(var(--bgBlack), 1);
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 4rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
}

[data-nav-have-sublist] {
  position: relative;
}
[data-nav-have-sublist] [data-nav-plus-icon] {
  position: absolute;
  top: 0.75rem;
  right: 1.3rem;
}
[data-nav-have-sublist] [data-nav-plus-icon] span {
  display: block;
  width: 0.55rem;
  height: 2px;
  background-color: rgb(var(--white));
  position: absolute;
  top: 0;
  right: 0;
}
[data-nav-have-sublist] [data-nav-plus-icon] span:nth-child(2) {
  transform: rotate(90deg);
}

[data-nav-have-sublist] [data-nav-plus-icon] span.nav-plus-opacity.plus-display-none {
  display: none;
}

.header-web-links {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}

.hd-logo-div {
  position: absolute;
  top: 15.5%;
  left: 4.8rem;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.hd-logo-div img {
  width: 5.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.hd-logo-div h2 {
  font-size: 1rem;
  color: rgb(var(--white));
}
.hd-logo-div p {
  color: rgba(var(--white), 1);
  font-size: 10px;
  font-weight: bold;
}

.hd-search-bar {
  position: absolute;
  bottom: calc(50% + 2rem);
  left: 4.8rem;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 2rem;
  justify-content: space-between;
  width: calc(100% - 9.6rem);
  background-color: rgba(var(--white), 1);
}
.hd-search-bar input {
  outline: 0;
  border: none;
  padding: 0.6rem 1.2rem 0.6rem 0;
  width: 100%;
}
.hd-search-bar button {
  outline: 0;
  border: none;
  font-size: var(--font13);
  padding: 0.3rem 0.8rem;
}
.hd-search-bar button svg {
  width: 1.2rem;
  height: 1.2rem;
}

.hd-language-select {
  padding: 0.3rem 1.2rem 0.2rem 0.7rem;
  background: rgba(var(--marineblue), 1);
  color: rgba(var(--white), 1);
  font-size: var(--font13);
  border-radius: 1rem;
  background: url(/common/img/arrow-down-w.svg) no-repeat rgba(var(--marineblue), 1);
  background-position: 88% center;
}

[data-nav-exhibition] {
  position: absolute;
  bottom: 6.5rem;
  left: 4.8rem;
  border: 2px solid rgba(var(--white), 1);
  border-radius: 2rem;
  color: rgba(var(--white), 1);
  padding: 0.5rem 0;
  width: calc(100% - 9.6rem);
  font-weight: bold;
  display: flex;
  justify-content: center;
}

nav {
  width: calc(100% - 9.6rem);
  position: absolute;
  top: 50%;
  left: 4.8rem;
}
nav > ul.web-common-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  border-right: 3px solid rgb(var(--white));
}
nav li {
  color: #fff;
  font-size: var(--ftMain);
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  padding: 0.5rem 0 0.5rem 0.25rem;
}
nav li:hover {
  background-color: rgba(var(--white), 0.1);
  border-radius: 0.25rem;
}
nav li a {
  color: rgba(var(--white), 0.8);
  padding-left: 0.4rem;
  display: flex;
}
nav li a span {
  margin-left: 0.4rem;
  font-weight: normal;
}

[data-nav-sublist].hd-subnav-show ul {
  display: block;
  animation: navAnimation 0.35s;
}
[data-nav-sublist] ul {
  margin-top: 0.5rem;
  display: none;
}
[data-nav-sublist] ul li {
  padding: 0.3rem 0;
}

.hd-subnav-show {
  display: block;
  animation: navAnimation 0.35s;
}

@keyframes navAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 모바일전용헤더 */
#mobile-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 3rem;
  background: rgb(var(--bgBlack));
  z-index: 998;
  justify-content: center;
  align-items: center;
}
#mobile-header .mob-logo-img {
  width: 1.5rem;
}

#mobile-header-close {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem;
}

.mob-logo-div {
  display: flex;
  gap: 0.5rem;
}
.mob-logo-div > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.15rem;
  color: rgb(var(--white));
}
.mob-logo-div h2 {
  font-size: var(--ftMain);
}
.mob-logo-div p {
  font-size: var(--ftMin);
}

#mobile-burger-button {
  position: absolute;
  top: 50%;
  left: 3.5rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
}
#mobile-burger-button span {
  display: block;
  width: 1.2rem;
  height: 0.2rem;
  background: rgb(var(--white));
  border-radius: 1rem;
}

.mob-menu-show {
  display: block !important;
}

[data-hover-sample-record] [data-hover-sample-imgbox] img {
  flex-basis: 50%;
}

[data-hover-sample-record], [data-hover-sample-collection] {
  display: none;
  width: calc(100% - 21.5rem);
  height: 100vh;
  background-color: rgba(42, 42, 42, 0.925);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}
[data-hover-sample-record] .web-common-inner, [data-hover-sample-collection] .web-common-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 90vh;
  height: 100%;
  justify-content: center;
}
[data-hover-sample-record] [data-hover-sample-imgbox], [data-hover-sample-collection] [data-hover-sample-imgbox] {
  width: 100%;
  padding: 2.2rem 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}
[data-hover-sample-record] [data-hover-sample-title], [data-hover-sample-collection] [data-hover-sample-title] {
  background-color: rgb(var(--white));
  border-radius: 0.5rem;
  width: 100%;
  height: 2.4rem;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0.8rem;
  font-weight: 700;
  font-size: var(--font18);
  flex-shrink: 0;
}
[data-hover-sample-record] [data-hover-sample-text], [data-hover-sample-collection] [data-hover-sample-text] {
  color: rgb(var(--white));
  font-size: var(--font13);
  padding: 1rem 0.8rem;
}
[data-hover-sample-record] [data-hover-sample-buttons], [data-hover-sample-collection] [data-hover-sample-buttons] {
  display: flex;
  margin: 2.5rem 0 0 auto;
  gap: 1.2rem;
}
[data-hover-sample-record] button, [data-hover-sample-collection] button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 2rem;
  border: 1px solid rgb(var(--white));
  background-color: rgb(var(--bgBlack));
  color: rgb(var(--white));
  width: 9rem;
  height: 2rem;
  padding: 0 0.25rem 0 0.85rem;
}
[data-hover-sample-record] label, [data-hover-sample-collection] label {
  background: url(/common/img/arr_r_w.svg);
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}
[data-hover-sample-record] label[data-hover-sample-close], [data-hover-sample-collection] label[data-hover-sample-close] {
  background: url(/common/img/close-line-w.svg);
}

/* mediaquery */
@media (max-width: 1440px) {
  header [data-nav-exhibition] {
    bottom: 5.2rem;
  }
}
@media (max-width: 1280px) {
  [data-hover-sample-record], [data-hover-sample-collection] {
    width: calc(100% - 16rem);
  }
  body header.web-common-inner {
    width: 16rem;
  }
  body .hd-logo-div {
    left: 2rem;
    gap: 0.15rem;
  }
}
@media (max-width: 1024px) {
  [data-hover-sample-record], [data-hover-sample-collection] {
    display: none !important;
  }
  #mobile-header {
    display: flex;
  }
  header #mobile-header-close {
    display: block;
  }
  body header.web-common-inner {
    display: none;
    position: fixed;
    width: 16rem;
    height: 100%;
    z-index: 999;
    height: 100vh !important;
  }
}
@media (max-width: 800px) {
  #mobile-burger-button {
    left: 0.7rem;
  }
  .mob-logo-div {
    display: none;
  }
  .hd-logo-div {
    top: 12.5%;
    gap: 0.15rem;
  }
  .hd-logo-div h2 {
    margin-top: 0.15rem;
    font-size: var(--ftUp);
  }
  .hd-logo-div img {
    width: 4rem;
  }
  header [data-nav-exhibition] {
    bottom: 2.8rem;
  }
}
/* Components - Total Search*/
#totalSearchBack {
  height: 7.2rem;
  width: 100%;
  background-color: rgba(var(--bgBlack), 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
}

#total-search-box {
  height: 15.5rem;
  margin: 0 auto;
  background-color: rgba(var(--black), 0.05);
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
}

.search-title-box {
  width: 1000px;
  margin: 0 auto;
  padding-left: 1.8rem;
}
.search-title-box .search-title-text {
  font-size: 1.4rem;
  color: rgba(var(--royalblue), 1);
  align-self: flex-start;
  margin-bottom: 1.7rem;
  font-weight: 900;
}

#totalSearch {
  flex-shrink: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-inline-start: auto;
  width: 100%;
  height: 3.2rem;
  margin: 0 auto;
  filter: drop-shadow(3px 5px 8px rgba(var(--bgBlack), 0.25));
}
#totalSearch > hr {
  height: 0.8rem;
  background-color: rgba(var(--black), 0.1);
}
#totalSearch #inputSearch {
  flex: 1 1 auto;
  outline: 0;
  padding: 0.8rem 0.8rem 0.8rem 5rem;
  background-color: rgb(var(--white));
  background-image: url(/common/img/search-line.svg);
  background-position: 1.5rem center;
  background-size: 1.8rem;
  background-repeat: no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 100%;
  height: inherit;
}
#totalSearch #btnSearch {
  color: rgba(var(--white), 1);
  cursor: pointer;
  background-color: rgb(var(--bgBlack));
  padding: 1.5rem;
  width: 7.6rem;
  border-radius: 0 0.5rem 0.5rem 0;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

#slctFilter {
  outline: 0;
  flex: 0 0 6rem;
  padding-inline-end: 1.25rem;
  padding-inline-start: 1.25rem;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14px" height="14px"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="currentColor" d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right center;
}

#totalSearch:is([data-prod-search]) {
  position: relative;
}

.ago-search-box {
  width: 1000px;
  margin: 1.5rem auto 0;
  padding-left: 1.8rem;
  display: flex;
}
.ago-search-box .Recent_searches {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}
.ago-search-box .Recent_searches::after {
  content: "";
  height: 1rem;
  background-color: rgba(var(--black), 0.5);
  margin-left: 1rem;
  padding-left: 0.05rem;
}
.ago-search-box ul {
  font-size: var(--font14);
  display: flex;
  gap: 1rem;
}
.ago-search-box ul li {
  color: rgba(var(--black), 0.5);
  display: flex;
  gap: 0.5rem;
}
.ago-search-box ul li svg {
  cursor: pointer;
}

@media (max-width: 768px) {
  #totalSearch {
    height: 2.4rem;
  }
  #totalSearch #btnSearch {
    padding: 0;
    width: 4rem;
    flex-shrink: 0;
  }
  #totalSearch #inputSearch {
    background-size: 0.8rem;
    background-position: 0.8rem center;
    padding: 0.8rem 0.8rem 0.8rem 2rem;
  }
}
#btmSlider {
  height: 5.6rem;
  width: 100%;
  display: flex;
  background: rgba(var(--white), 1);
}
#btmSlider .web-common-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
}
#btmSlider .web-common-inner h2 {
  flex-shrink: 0;
  font-size: var(--font16);
  width: 7rem;
  text-align: center;
  letter-spacing: 2px;
  color: rgba(var(--black), 0.7);
}
#btmSlider .web-common-inner .common-slider-container {
  max-width: 1140px;
  padding: 0 5rem;
  position: relative;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider {
  width: 100%;
  overflow: hidden;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-wrapper {
  display: flex;
  align-items: center;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-wrapper > div {
  cursor: pointer;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-wrapper img {
  height: 1.5rem;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-wrapper img.common-slideimg-height {
  height: 3rem;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-wrapper img.common-slideimg-height02 {
  height: 1.75rem;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-button-prev, #btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-button-next {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-button-prev {
  background: url(/common/img/arr_left.svg) no-repeat;
  background-size: contain;
  left: 2rem;
}
#btmSlider .web-common-inner .common-slider-container .common-bottom-slider .swiper-button-next {
  background: url(/common/img/arr_right.svg) no-repeat;
  background-size: contain;
  right: 1.5rem;
}

/* btmSlider mediaquery */
@media (max-width: 767px) {
  #btmSlider {
    height: 4.5rem;
  }
  #btmSlider .web-common-inner {
    flex-direction: column;
    padding: 0.25rem 0 0.25rem;
  }
  #btmSlider .web-common-inner .common-slider-container {
    width: 100%;
    padding: 0 3rem;
  }
  #btmSlider .web-common-inner h2 {
    font-size: var(--font16);
    font-weight: normal;
    padding: 0.5rem 0;
  }
  .common-bottom-slider .swiper-button-next {
    right: 0.5rem !important;
  }
  .common-bottom-slider .swiper-button-prev {
    left: 0.75rem !important;
  }
}
/* custom_checkbox.css */
[data-input-chkbox] > input[type=checkbox] {
  display: none;
}

[data-input-chkbox] > input[type=checkbox]:checked + label {
  color: rgba(var(--black), 0.5);
}

[data-input-chkbox] > input[type=checkbox] + label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: rgba(var(--black), 0.5);
  cursor: pointer;
}

[data-input-chkbox] > input[type=checkbox] + label > [data-check-icon] {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  border: 0.5px solid rgba(var(--black), 0.1);
  border-radius: 50%;
  font-size: 0.8rem;
}

[data-input-chkbox] > input[type=checkbox]:checked + label > [data-check-icon] {
  background-color: rgba(var(--royalblue), 1);
  color: rgba(var(--white), 1);
}

/*footer.css*/
footer {
  display: flex;
  justify-content: start;
  width: 100%;
  background-color: rgb(var(--bgBlack));
  color: rgb(var(--white));
  padding: 4rem 0 3.2rem 0;
  letter-spacing: 1px;
}
footer [data-lang-type].show {
  word-break: keep-all;
}
footer .footer-text-bold {
  margin-right: 0.35rem;
}
footer .web-common-inner {
  width: 100%;
  box-sizing: content-box;
}
footer img {
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 9rem;
  box-sizing: content-box;
}
footer .footer-text-side {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 0.1rem 1.7rem;
}
footer .footer-text-side p {
  font-size: var(--ftMain);
  text-align: left;
  color: rgb(var(--white));
  font-family: "PT";
  font-weight: 300;
  word-break: keep-all;
}
footer .footer-text-side p.footer-text-bold {
  font-weight: bold;
}
footer .footer-right-side {
  margin-left: auto;
  min-width: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .footer-right-side a {
  color: rgb(var(--white));
}
footer .footer-web-links {
  display: flex;
  align-items: flex-end;
  align-items: center;
}
footer .footer-outer-link {
  padding: 0.35rem 0;
  cursor: pointer;
  display: flex;
}
footer .footer-outer-link:last-child:before {
  content: "";
  display: inline-block;
  padding: 0.05rem 0 0.05rem 0.5rem;
  width: 1px;
  height: inherit;
  margin: 0 0.5rem 0 1rem;
  border-left: 1px solid rgb(var(--white));
}
footer .footer-outer-link:hover {
  opacity: 0.75;
}
footer #langSelector {
  display: flex;
  justify-content: flex-end;
  gap: 0.3rem;
  margin-top: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  grid-template-columns: repeat(3, 1fr);
}
footer #langSelector button {
  width: 1.4rem;
}
footer #langSelector button img {
  width: 100%;
  height: auto;
  width: 1.4rem;
  padding: 0;
}

[data-footer-logo] {
  cursor: pointer;
}

@media (max-width: 1280px) {
  footer .footer-web-links {
    flex-direction: column;
    align-items: flex-end;
  }
  footer .footer-web-links .footer-outer-link {
    padding: 0.05rem 0;
    font-size: var(--font13);
    font-weight: bold;
    line-height: 1.35;
  }
  footer .footer-web-links .footer-outer-link:last-child:before {
    display: none;
  }
}
@media (max-width: 768px) {
  body footer {
    height: auto;
    padding-top: 1.75rem;
  }
  body footer img {
    width: 7.6rem;
  }
  body footer .web-common-inner {
    flex-direction: column;
    gap: 1.8rem;
    padding: 1.2rem;
  }
  body footer .footer-text-side {
    padding: 0;
    gap: 0.25rem;
  }
  body footer .footer-text-side > p {
    font-size: var(--font13);
    line-height: 1.5;
  }
  body footer .footer-text-side > p [data-lang-type].show {
    word-break: keep-all;
  }
  body footer .footer-right-side {
    align-items: flex-start;
    margin-left: 0;
  }
  body footer .footer-web-links {
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 1rem;
  }
  body footer .footer-web-links .footer-outer-link {
    font-size: var(--font16);
  }
  body footer .footer-web-links .footer-outer-link:last-child:before {
    display: inline-block;
    margin: 0.15rem 0 0 0.5rem;
  }
}/*# sourceMappingURL=style.css.map */