/*
* Functions
*/
/*
* Font
*/
/*
* Responsive web
*/
/* Ellipsis */
/* PUBLIC */
body {
  background-color: #f0f0ed;
  color: #000;
  overflow: visible;
}

.ellip {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.journal_container {
  position: relative;
  /* BOARD_VIEW */
}

.journal_container.journal_board_list {
  padding: 52.7777777778vw 0 11.1111111111vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list {
    padding: 17.5609756098vw 0 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list {
    padding: 288px 0 0;
  }
}

.journal_container.journal_board_list .board_list_wrap {
  position: relative;
  max-width: 100%;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap {
    margin: 0 auto;
    width: 100.6097560976vw;
    padding: 0 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap {
    width: 1650px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap {
    padding: 0 20px;
  }
}

.journal_container.journal_board_list .board_list_wrap .board_list_tit {
  text-align: center;
  font-size: 5vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 5vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 18px;
  }
}

@media (max-width: 300px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 18px;
  }
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    padding: 0 0 9.1463414634vw 14.3292682927vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 31px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 1.8902439024vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    font-size: 20.6666666667px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_tit {
    padding: 0 0 150px 235px;
  }
}

@media screen and (max-width: 720px) {
  .journal_container.journal_board_list .board_list_wrap .flex_top {
    display: block;
  }
}

.journal_container.journal_board_list .board_list_wrap .board_list_cate {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 13.8888888889vw auto 16.6666666667vw;
  gap: 3.6111111111vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate {
    display: block;
    position: sticky;
    left: 0;
    gap: 0;
    flex-shrink: 0;
    top: 6.0975609756vw;
    margin: -11.5853658537vw 4.2682926829vw 0 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate {
    top: 100px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate {
    margin: -190px 70px 0 0;
  }
}

.journal_container.journal_board_list .board_list_wrap .board_list_cate a {
  position: relative;
  align-items: center;
  font-size: 3.0555555556vw;
  font-weight: 400;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate a {
    display: flex;
    margin: 0 1.7073170732vw 1.4634146341vw;
    font-size: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate a {
    margin: 0 28px 24px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_cate a {
    font-size: 16px;
  }
}

.journal_container.journal_board_list .board_list_wrap .board_list_cate a img {
  width: 5.5555555556vw;
  margin: 0 auto 1.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a
    img {
    width: 2.4390243902vw;
    margin: 0 1.2195121951vw 0 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a
    img {
    width: 40px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a
    img {
    margin: 0 20px 0 0;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_cate
  a
  img.icon_on {
  display: none;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_cate
  a.on::before {
  content: "";
  display: block;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 5px);
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  top: -3.3333333333vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a.on::before {
    width: 0.487804878vw;
    height: 0.487804878vw;
    top: calc(50% - 4px);
    left: -1.6463414634vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a.on::before {
    width: 8px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a.on::before {
    height: 8px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_cate
    a.on::before {
    left: -27px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_cate
  a.on
  img.icon_on {
  display: block;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_cate
  a.on
  img.icon_off {
  display: none;
}

.journal_container.journal_board_list .board_list_wrap .board_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 16.6666666667vw 0;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list {
    gap: 6.0975609756vw 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list {
    gap: 100px 0;
  }
}

.journal_container.journal_board_list .board_list_wrap .board_list li {
  width: 100%;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list li {
    width: 45.6%;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .img_box {
  width: 100%;
  position: relative;
  background-color: #e3e2e2;
  overflow: hidden;
  height: 55.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box {
    height: 20.7317073171vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box {
    height: 340px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .img_box
  .cate {
  position: absolute;
  z-index: 1;
  filter: invert(1);
  width: 6.1111111111vw;
  height: 10.2777777778vw;
  left: 5.5555555556vw;
  top: 5.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box
    .cate {
    width: 2.3170731707vw;
    height: 3.6585365854vw;
    left: 1.0975609756vw;
    top: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box
    .cate {
    width: 38px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box
    .cate {
    height: 60px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box
    .cate {
    left: 18px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .img_box
    .cate {
    top: 20px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .img_box
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
  position: relative;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .txt_box {
  padding: 5.5555555556vw 5.5555555556vw 0;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box {
    margin-top: 1.4634146341vw;
    padding: 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box {
    margin-top: 24px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box {
    padding: 0;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .txt_box
  .sub_tit {
  font-size: 3.0555555556vw;
  margin-bottom: 3.3333333333vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .sub_tit {
    font-size: 0.9146341463vw;
    margin-bottom: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .sub_tit {
    font-size: 15px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .sub_tit {
    margin-bottom: 20px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .txt_box
  .tit {
  font-weight: 400;
  font-size: 4.1666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .tit {
    font-size: 1.5243902439vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .tit {
    font-size: 25px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a
  .txt_box
  .more_btn {
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #707070;
  padding: 7.2222222222vw 0 2.7777777778vw;
  font-size: 3.6111111111vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .more_btn {
    padding: 1.8292682927vw 0 0.6097560976vw;
    font-size: 1.1585365854vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .more_btn {
    padding: 30px 0 10px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list
    li
    a
    .txt_box
    .more_btn {
    font-size: 19px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li
  a:hover
  .img_box
  img {
  transform: scale(1.05);
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li.wood
  .img_box
  .cate {
  background: url(/resources/images/journal/icon_wood.svg) no-repeat center
    center/contain;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li.fire
  .img_box
  .cate {
  background: url(/resources/images/journal/icon_fire.svg) no-repeat center
    center/contain;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li.earth
  .img_box
  .cate {
  background: url(/resources/images/journal/icon_earth.svg) no-repeat center
    center/contain;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li.gold
  .img_box
  .cate {
  background: url(/resources/images/journal/icon_gold.svg) no-repeat center
    center/contain;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list
  li.water
  .img_box
  .cate {
  background: url(/resources/images/journal/icon_water.svg) no-repeat center
    center/contain;
}

.journal_container.journal_board_list .board_list_wrap .board_list_pagi {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  gap: 0 5.5555555556vw;
  font-size: 4.4444444444vw;
  margin-top: 11.1111111111vw;
  margin-bottom: 11.1111111111vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_pagi {
    justify-content: flex-end;
    gap: 0 1.2195121951vw;
    font-size: 1.2195121951vw;
    margin-top: 3.6585365854vw;
    margin-bottom: 7.3170731707vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_pagi {
    gap: 0 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_pagi {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_pagi {
    margin-top: 60px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list .board_list_wrap .board_list_pagi {
    margin-bottom: 120px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_pagi
  a.current {
  text-decoration: underline;
  touch-action: none;
  pointer-events: none;
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_pagi
  .arr_btn {
  background: url(/resources/images/common/prev_page_btn.svg) no-repeat center
    center/contain;
  width: 13.3333333333vw;
  height: 7.2222222222vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_pagi
    .arr_btn {
    width: 2.9268292683vw;
    height: 1.5853658537vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_pagi
    .arr_btn {
    width: 48px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_list
    .board_list_wrap
    .board_list_pagi
    .arr_btn {
    height: 26px;
  }
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_pagi
  .arr_btn.nxt {
  background-image: url(/resources/images/common/next_page_btn.svg);
}

.journal_container.journal_board_list
  .board_list_wrap
  .board_list_pagi
  .arr_btn.disabled {
  display: none;
}

.journal_container.journal_board_view .board_view_wrap {
  text-align: center;
  padding-bottom: 27.7777777778vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap {
    padding-bottom: 7.3170731707vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .board_view_wrap {
    padding-bottom: 120px;
  }
}

.journal_container.journal_board_view .board_view_wrap .font_en3 {
  font-style: italic;
}

.journal_container.journal_board_view .board_view_wrap .board_view_visual {
  position: relative;
  text-align: center;
  height: 100vh;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap .board_view_visual {
    height: 54.2682926829vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .board_view_wrap .board_view_visual {
    height: 890px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #f0f0ed 0%, transparent 70%);
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual
  .visual_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual
  .txt_box {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  font-weight: 300;
  bottom: 16.9444444444vw;
  padding: 0 5.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box {
    padding: 0;
    bottom: 4.8170731707vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box {
    bottom: 79px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual
  .txt_box
  .tit_sub {
  font-weight: 500;
  font-size: 4.1666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit_sub {
    font-size: 1.4634146341vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit_sub {
    font-size: 24px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual
  .txt_box
  .tit {
  margin: 11.1111111111vw 0 6.6666666667vw;
  font-size: 5.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit {
    margin: 2.1951219512vw 0;
    font-size: 3.0487804878vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit {
    margin: 36px 0;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit {
    font-size: 50px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_visual
  .txt_box
  .tit_eng {
  font-size: 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit_eng {
    font-size: 1.8292682927vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_visual
    .txt_box
    .tit_eng {
    font-size: 30px;
  }
}

.journal_container.journal_board_view .board_view_wrap .board_view_inner {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap .board_view_inner {
    width: 73.3536585366vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .board_view_wrap .board_view_inner {
    width: 1203px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field {
  font-weight: 300;
  margin-top: 44.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field {
    margin-top: 17.0731707317vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field {
    margin-top: 280px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .tit_box {
  line-height: 1.5;
}

@media (max-width: 720px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box {
    padding: 0 5.5555555556vw;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .tit_box
  .tit {
  font-size: 4.1666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box
    .tit {
    font-size: 1.8292682927vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box
    .tit {
    font-size: 30px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .tit_box
  .tit_eng {
  margin-top: 6.6666666667vw;
  font-size: 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box
    .tit_eng {
    margin-top: 2.1341463415vw;
    font-size: 1.4634146341vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box
    .tit_eng {
    margin-top: 35px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .tit_box
    .tit_eng {
    font-size: 24px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .img_box {
  margin-top: 8.3333333333vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .img_box {
    margin-top: 6.0975609756vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .img_box {
    margin-top: 100px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .img_box
  img {
  margin: 0 auto;
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .vid_box
  video {
  width: 100%;
}

.journal_container.journal_board_view
  .board_view_wrap
  .board_view_cont
  .view_txt_field
  .txt_box {
  line-height: 1.95;
  text-align: center;
  font-size: 3.8888888889vw;
  padding: 11.1111111111vw 5.5555555556vw 0;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .txt_box {
    padding: 0;
    text-align: left;
    font-size: 1.2195121951vw;
    margin-top: 4.8780487805vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .txt_box {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .board_view_cont
    .view_txt_field
    .txt_box {
    margin-top: 80px;
  }
}

.journal_container.journal_board_view .board_view_wrap .view_img_col2 {
  display: flex;
  justify-content: space-between;
  margin-top: 33.3333333333vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap .view_img_col2 {
    margin-top: 17.0731707317vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .board_view_wrap .view_img_col2 {
    margin-top: 280px;
  }
}

.journal_container.journal_board_view .board_view_wrap .view_img_col2 img {
  width: calc(50% - 3px);
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap .view_img_col2 img {
    width: calc(50% - 10px);
  }
}

.journal_container.journal_board_view .board_view_wrap .logo_btn_field {
  margin-top: 16.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .board_view_wrap .logo_btn_field {
    margin-top: 4.8780487805vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .board_view_wrap .logo_btn_field {
    margin-top: 80px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .logo_btn_field
  .logo_img {
  width: max-content;
  margin: 0 auto 16.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .logo_img {
    margin: 0 auto 6.7073170732vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .logo_img {
    margin: 0 auto 110px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .logo_btn_field
  .more_btn {
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  color: #fff;
  background-color: #000;
  width: max-content;
  margin: 0 auto;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 4.1666666667vw;
  padding: 3.6111111111vw 8.8888888889vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn {
    font-size: 1.2195121951vw;
    padding: 0.7926829268vw 2.4390243902vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn {
    padding: 13px 40px;
  }
}

.journal_container.journal_board_view
  .board_view_wrap
  .logo_btn_field
  .more_btn
  .link_ico {
  display: inline-block;
  background: url("/resources/images/common/ico_outlink.svg") no-repeat center
    center/contain;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin-left: 2.7777777778vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn
    .link_ico {
    width: 1.9512195122vw;
    height: 1.9512195122vw;
    margin-left: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn
    .link_ico {
    width: 32px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn
    .link_ico {
    height: 32px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view
    .board_view_wrap
    .logo_btn_field
    .more_btn
    .link_ico {
    margin-left: 16px;
  }
}

.journal_container.journal_board_view .page_btn {
  position: relative;
  padding-bottom: 27.7777777778vw;
  margin-top: 27.7777777778vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .page_btn {
    padding: 0;
    margin-top: 14.6341463415vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .page_btn {
    margin-top: 240px;
  }
}

.journal_container.journal_board_view .page_btn .back_btn_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.journal_container.journal_board_view .page_btn .back_btn_wrap button {
  font-weight: 300;
  border-bottom: 1px solid #000;
  font-size: 3.6111111111vw;
  padding: 0 1.6666666667vw 2.7777777778vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view .page_btn .back_btn_wrap button {
    font-size: 1.0365853659vw;
    padding: 0 0.9146341463vw 0.9146341463vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .page_btn .back_btn_wrap button {
    font-size: 17px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view .page_btn .back_btn_wrap button {
    padding: 0 15px 15px;
  }
}

.journal_container.journal_board_view.special_board_view .special_visual {
  width: 100%;
  padding-top: 15vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view .special_visual {
    padding-top: 4.8780487805vw;
    max-width: 117.0731707317vw;
    margin: 0 auto;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view .special_visual {
    padding-top: 80px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view .special_visual {
    max-width: 1920px;
  }
}

.journal_container.journal_board_view.special_board_view .special_visual img,
.journal_container.journal_board_view.special_board_view .special_visual video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journal_container.journal_board_view.special_board_view
  .special_visual
  .swiper {
  height: 71.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .special_visual
    .swiper {
    height: 49.3902439024vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .special_visual
    .swiper {
    height: 810px;
  }
}

.journal_container.journal_board_view.special_board_view .container {
  padding-top: 16.6666666667vw;
  margin: 0 5.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view .container {
    margin: 0 auto;
    max-width: 67.0731707317vw;
    padding-top: 6.8902439024vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view .container {
    max-width: 1100px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view .container {
    padding-top: 113px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .text_block
  .tit {
  font-weight: 300;
  border-bottom: 1px solid #000;
  font-size: 5.5555555556vw;
  padding-bottom: 11.1111111111vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .tit {
    padding-bottom: 2.4390243902vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .tit {
    padding-bottom: 40px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .tit {
    font-size: 32px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .tit {
    font-size: 1.9512195122vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .tit {
    font-size: 21.3333333333px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .text_block
  span {
  display: block;
  font-weight: bold;
  padding-top: 6.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    span {
    padding-top: 2.4390243902vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    span {
    padding-top: 40px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .text_block
  .txt {
  line-height: 175%;
  font-size: 3.8888888889vw;
  padding-bottom: 13.3333333333vw;
  padding-top: 3.3333333333vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 3.8888888889vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 14px;
  }
}

@media (max-width: 300px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 14px;
  }
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    padding-top: 1.2195121951vw;
    padding-bottom: 3.6585365854vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    padding-top: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    padding-bottom: 60px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 16px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .text_block
    .txt {
    font-size: 10.6666666667px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .period_block {
  display: flex;
  flex-direction: row;
  padding-bottom: 13.3333333333vw;
  gap: 5.5555555556vw;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period_block {
    gap: 0;
    padding-bottom: 3.6585365854vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period_block {
    padding-bottom: 60px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .period_block
  .period {
  flex: 1;
}

.journal_container.journal_board_view.special_board_view .container .period,
.journal_container.journal_board_view.special_board_view .container .notice {
  width: 100%;
}

.journal_container.journal_board_view.special_board_view
  .container
  .period
  span,
.journal_container.journal_board_view.special_board_view
  .container
  .notice
  span {
  display: block;
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid #000;
  font-size: 3.8888888889vw;
  padding-bottom: 3.6111111111vw;
  margin-bottom: 3.6111111111vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 3.8888888889vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 14px;
  }
}

@media (max-width: 300px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 14px;
  }
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    padding-bottom: 0.5487804878vw;
    margin-bottom: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    padding-bottom: 9px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    margin-bottom: 16px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 16px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .period
    span,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    span {
    font-size: 10.6666666667px;
  }
}

.journal_container.journal_board_view.special_board_view .container .period p,
.journal_container.journal_board_view.special_board_view .container .notice p {
  font-weight: 300;
  font-size: 3.8888888889vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 3.8888888889vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 14px;
  }
}

@media (max-width: 300px) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 14px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 16px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 0.9756097561vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.journal_board_view.special_board_view .container .period p,
  .journal_container.journal_board_view.special_board_view
    .container
    .notice
    p {
    font-size: 10.6666666667px;
  }
}

.journal_container.journal_board_view.special_board_view .container .page_btn {
  margin: 27.7777777778vw 0 16.6666666667vw;
  padding: 0;
}

@media (min-width: 721px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .page_btn {
    margin: 10.3658536585vw 0 7.1951219512vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.journal_board_view.special_board_view
    .container
    .page_btn {
    margin: 170px 0 118px;
  }
}

.journal_container.journal_board_view.special_board_view
  .container
  .page_btn
  button {
  font-family:
    "Gowun Batang",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

@media (min-width: 721px) {
  .journal_container.special_board_list .board_list_wrap {
    padding: 0;
    width: 84.0243902439vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .board_list_wrap {
    width: 1378px;
  }
}

.journal_container.special_board_list .board_list_wrap .board_list_tit {
  padding: 0 0 16.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit {
    padding: 0 0 4.8780487805vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit {
    padding: 0 0 80px;
  }
}

.journal_container.special_board_list .board_list_wrap .board_list_tit p {
  font-weight: 300;
  padding-top: 6.6666666667vw;
  font-size: 4.4444444444vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 4.4444444444vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 16px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 16px;
  }
}

@media (min-width: 721px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    padding-top: 1.9512195122vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    padding-top: 32px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 24px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 1.4634146341vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list .board_list_wrap .board_list_tit p {
    font-size: 16px;
  }
}

.journal_container.special_board_list .tabs {
  width: 100%;
}

.journal_container.special_board_list .tabs .tab-buttons {
  display: flex;
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #000000;
  margin: 0 5.5555555556vw 6.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list .tabs .tab-buttons {
    margin: 0 0 3.2317073171vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-buttons {
    margin: 0 0 53px;
  }
}

.journal_container.special_board_list .tabs .tab-buttons button {
  position: relative;
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  flex: 1;
  text-align: center;
  cursor: pointer;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  padding: 3.6111111111vw;
  font-size: 3.3333333333vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 3.3333333333vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 12px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 12px;
  }
}

@media (min-width: 721px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    padding: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    padding: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 24px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 1.4634146341vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list .tabs .tab-buttons button {
    font-size: 16px;
  }
}

.journal_container.special_board_list .tabs .tab-buttons button.active {
  border-bottom: 4px solid #000;
  font-weight: bold;
}

.journal_container.special_board_list .tabs .tab-buttons button.active::after {
  content: "";
  display: block;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2.2222222222vw;
  width: 2.2222222222vw;
  top: -0.8333333333vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-buttons
    button.active::after {
    top: 0;
    height: 0.487804878vw;
    width: 0.487804878vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-buttons
    button.active::after {
    height: 8px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-buttons
    button.active::after {
    width: 8px;
  }
}

.journal_container.special_board_list .tabs .tab-content {
  display: none;
}

.journal_container.special_board_list .tabs .tab-content.active {
  display: block;
}

.journal_container.special_board_list .tabs .tab-content .search-form {
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  gap: 3.3333333333vw;
  margin: 0 5.5555555556vw;
  padding-bottom: 16.6666666667vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list .tabs .tab-content .search-form {
    flex-direction: row;
    gap: 0.7317073171vw;
    padding-bottom: 2.5609756098vw;
    margin: 0 0 3.6585365854vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-content .search-form {
    gap: 12px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-content .search-form {
    padding-bottom: 42px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list .tabs .tab-content .search-form {
    margin: 0 0 60px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group {
  display: flex;
  background-color: #ffffff;
  color: #7f7f7f;
}

@media (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group {
    width: 100%;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group.selectbox {
  position: relative;
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 13.3333333333px;
  }
}

@media (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 3.8888888889vw;
  }
}

@media (max-width: 720px) and (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 3.8888888889vw;
  }
}

@media (max-width: 720px) and (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 14px;
  }
}

@media (max-width: 720px) and (max-width: 300px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox {
    font-size: 14px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group.selectbox::after {
  position: absolute;
  display: block;
  content: "";
  background-image: url("/resources/images/common/ico_down_black.svg");
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  right: 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox::after {
    width: 1.0975609756vw;
    height: 1.0975609756vw;
    right: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox::after {
    width: 18px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox::after {
    height: 18px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox::after {
    right: 20px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group.selectbox
  select {
  font-weight: 400;
  padding: 3.3333333333vw 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox
    select {
    padding: 1.0975609756vw 7.8658536585vw 1.0975609756vw 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox
    select {
    padding: 18px 129px 18px 20px;
  }
}

@media (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group.selectbox
    select {
    width: 100%;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group.checkin_out {
  position: relative;
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group.checkin_out::after {
  position: absolute;
  display: block;
  content: "-";
  color: #7f7f7f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group
  .input_box {
  display: flex;
  align-items: center;
  flex: 1;
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group
  .input_box
  .calendar-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  padding: 3.3333333333vw 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper {
    padding: 1.0975609756vw 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper {
    padding: 18px 20px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group
  .input_box
  .calendar-wrapper
  input {
  font-weight: 400;
  color: #000;
  width: 100%;
  font-size: 3.8888888889vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 3.8888888889vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 14px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 14px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    input {
    font-size: 13.3333333333px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .form-group
  .input_box
  .calendar-wrapper
  .calendar-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: auto;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  right: 4.4444444444vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    .calendar-icon {
    right: 1.2195121951vw;
    width: 1.7073170732vw;
    height: 1.7073170732vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    .calendar-icon {
    right: 20px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    .calendar-icon {
    width: 28px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .form-group
    .input_box
    .calendar-wrapper
    .calendar-icon {
    height: 28px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .search-form
  .btn_black {
  background-color: #000000;
  color: #ffffff;
  font-size: 3.8888888889vw;
  padding: 3.3333333333vw 4.4444444444vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 3.8888888889vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 14px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 14px;
  }
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    padding: 1.0975609756vw 5.0609756098vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    padding: 18px 83px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    font-size: 13.3333333333px;
  }
}

@media (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .search-form
    .btn_black {
    width: 100%;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .flex_top
  .board_list
  .txt_box
  .sub_tit {
  color: #7f7f7f;
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .flex_top
  .board_list
  .txt_box
  .price {
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid rgb(0, 0, 0);
  font-size: 4.7222222222vw;
  padding: 5.5555555556vw 0vw 4.4444444444vw;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 4.7222222222vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 17px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 17px;
  }
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    padding: 1.2195121951vw 0vw 1.9512195122vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 25px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 1.5243902439vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    font-size: 16.6666666667px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .price {
    padding: 20px 0px 32px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .flex_top
  .board_list
  .txt_box
  .period_box {
  display: flex;
  flex-direction: column;
  padding-top: 4.4444444444vw;
  gap: 2.2222222222vw;
}

@media (min-width: 721px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box {
    gap: 0.7317073171vw;
    padding-top: 1.4634146341vw;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box {
    gap: 12px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box {
    padding-top: 24px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .flex_top
  .board_list
  .txt_box
  .period_box
  .period {
  font-family:
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  font-size: 4.1666666667vw;
  justify-content: space-between;
}

@media (min-width: 301px) and (max-width: 720px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 4.1666666667vw;
  }
}

@media (min-width: 301px) and (max-width: 360pxpx) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 15px;
  }
}

@media (max-width: 300px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 15px;
  }
}

@media (min-width: 721px) and (min-width: 1641px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 20px;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1640px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 1.2195121951vw;
  }
}

@media (min-width: 721px) and (min-width: 721px) and (max-width: 1093.3333333333px) {
  .journal_container.special_board_list
    .tabs
    .tab-content
    .flex_top
    .board_list
    .txt_box
    .period_box
    .period {
    font-size: 13.3333333333px;
  }
}

.journal_container.special_board_list
  .tabs
  .tab-content
  .flex_top
  .board_list
  .txt_box
  .period_box
  .period
  .period_tit {
  font-weight: bold;
}

.ui-state-default {
  border: none !important;
  text-align: center !important;
}

.ui-state-default.ui-state-highlight {
  background: #000 !important;
  color: #fff !important;
}