@charset "UTF-8";

/* ========================================================================= */
/* =============================== 메인페이지 =============================== */
/* ========================================================================= */

@media screen and (max-width: 1440px) {
  /* main_banner 메인배너 */
  .main_banner .main_banner_txt {
    font-size: 0.8em;
    padding: 0 10em;
  }

  /* second_section 두번째 섹션 */
  .second_section {
    font-size: 0.8em;
  }

  .second_section .right {
    width: 50%;
  }

  .second_section .right ul li {
    padding: 40px;
  }

  .second_section .right ul li img {
    max-height: 70px;
  }

  .second_section .left {
    width: 45%;
  }

  .second_section .right ul li span {
    font-family: 'arita-dodum-Medium';
  }

  /* 250917 메인배너수정 */

  .re_banner .left h2 {
    font-size: 4em;
  }
  .re_banner .right {
    width: 40%;
    right: 90px;
  }

  .re_banner .right ul li {
    padding: 30px;
  }

  .re_banner .right ul li img {
    max-height: 50px;
  }

  /* third_section 세번째 섹션 */
  .third_section .third_section_wrap {
    padding: 170px 30px;
    box-sizing: border-box;
  }

  /* fourth_section 네번째 섹션 */
  .fourth_section .fourth_section_wrap {
    padding: 120px 30px;
    box-sizing: border-box;
  }

  .fourth_section .main_gall .gall_li .gall_txt {
    background: white;
    padding: 30px 20px;
    margin-top: -100px;
  }

  .fourth_section .main_gall .gall_li .gall_txt span,
  .fourth_section .main_gall .gall_li .gall_txt a {
    opacity: 1;
  }

  .fourth_section .main_gall .gall_li .gall_img {
    border-radius: 0 200px 0 0;
  }

  .fourth_section .main_gall .gall_li .gall_txt p {
    white-space: normal;
    word-break: keep-all;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* temple 다섯번째 섹션 */
  .temple .temple_txt {
    font-size: 0.8em;
    padding: 0 100px;
  }

  /* main_faq 여섯번째 섹션 */
  .main_faq {
    height: unset;
  }

  .main_faq .main_faq_wrap {
    padding: 100px 30px;
    box-sizing: border-box;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl:nth-child(2) dd {
    max-height: 138px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl:nth-child(1) {
    box-sizing: border-box;
    height: 105px;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl:nth-child(1) dd {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}

@media screen and (max-width: 1280px) {
  /* main_banner 메인배너 */
  .main_banner .main_banner_txt {
    font-size: 0.8em;
    padding: 0 10em;
  }

  /* second_section 두번째 섹션 */
  .second_section_wrap {
    padding: 160px 100px;
    flex-wrap: Wrap;
  }

  .second_section {
    font-size: 0.7em;
  }

  .re_banner .main_banner_txt {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  /* third_section 세번째 섹션 */
  .third_section .third_section_wrap {
    font-size: 0.8em;
  }

  /* fourth_section 네번째 섹션 */
  .fourth_section .fourth_section_wrap {
    padding: 120px 30px;
    box-sizing: border-box;
  }

  .fourth_section .main_gall .gall_li .gall_img {
    border-radius: 0 150px 0 0;
    height: 400px;
  }

  .fourth_section .main_gall .gall_li .gall_txt a {
    font-size: 1.5em;
    padding: 15px;
  }

  .fourth_section .fourth_section_wrap h2 {
    font-size: 3.5em;
  }
}

@media screen and (max-width: 1024px) {
  /* main_banner 메인배너 */
  .main_banner .main_banner_txt {
    font-size: 0.6em;
    padding: 0 8em;
  }

  /* second_section 두번째 섹션 */
  .second_section {
    height: unset;
  }

  .second_section .left {
    width: 100%;
  }

  .second_section .left img {
    max-width: 200px;
  }

  .second_section .left h2 {
    margin: 15px 0 40px;
  }

  .second_section .right {
    width: 100%;
  }

  .second_section .right ul {
    flex-direction: row;
    justify-content: space-between;
  }

  .second_section .right ul li {
    flex-direction: column;
    align-items: baseline;
    gap: 15px;
    padding: 30px;
  }

  .second_section .right ul li span {
    width: 100%;
  }

  .second_section .right ul li img {
    max-height: 50px;
  }

  /* 250917 메인배너 수정 */

  .re_banner_wrap {
    gap: 20px;
  }
  .re_banner .left h2 {
    margin: 15px 0 10px;
  }

  /* third_section 세번째 섹션 */
  .third_section .third_section_wrap {
    font-size: 0.7em;
  }

  .third_section .third_section_wrap .top_conts > div p {
    padding: 0 35px 10px;
    line-height: 1.6;
  }

  .third_section .third_section_wrap .top_conts > div p a {
    margin-top: 30px;
  }

  /* fourth_section 네번째 섹션 */
  .fourth_section .main_gall .gall_li .gall_txt h4 {
    font-size: 1.7em;
  }

  .fourth_section .main_gall .gall_li .gall_txt p {
    /* font-size: 1.4em; */
  }

  .fourth_section .fourth_section_wrap h2 {
    font-size: 3em;
  }

  .fourth_section .main_gall .gall_li .gall_img {
    border-radius: 0 100px 0 0;
    height: 350px;
  }

  .fourth_section .main_gall .gall_li:nth-child(3) {
    display: none;
  }

  .fourth_section .main_gall .gall_li {
    width: 48%;
  }

  /* temple 다섯번째 섹션 */
  .temple .temple_txt h2 {
    padding: 20px;
    line-height: 1.2;
  }

  /* main_faq 여섯번째 섹션 */
  .main_faq .faq_slide .faq_slide_wrap .faq_conts {
    opacity: 1;
  }

  .main_faq .faq_slide .faq_slide_wrap {
    padding: 40px 0 80px;
  }

  .main_faq .main_faq_wrap h2 {
    font-size: 2.5em;
    padding: 20px 0 35px;
  }

  .main_faq .faq_slide .swiper-button-next,
  .main_faq .faq_slide .swiper-button-prev {
    background: #ffffff40;
    padding: 28px;
    font-size: 2em;
    opacity: 0.7;
  }

  .main_faq .faq_slide .swiper-button-prev,
  .main_faq .faq_slide .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0px);
  }

  .main_faq .faq_slide .swiper-button-next,
  .main_faq .faq_slide .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 0px);
  }

  .main_faq .faq_slide .swiper-button-next,
  .main_faq .faq_slide .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 43%);
  }
}

@media screen and (max-width: 950px) {
  .second_section_wrap {
    padding: 160px 70px;
  }
  .re_banner .right ul li span {
    font-size: 2.4em;
  }
}

@media screen and (max-width: 768px) {
  /* main_banner 메인배너 */
  .main_banner .main_banner_txt {
    font-size: 0.5em;
    padding: 0 5em;
    text-align: Center;
    top: 50%;
  }

  .main_banner .main_banner_wrap {
    background: #0720050d;
  }

  /* second_section 두번째 섹션 */
  .second_section {
    font-size: 0.6em;
  }

  .second_section_wrap {
    padding: 130px 60px;
  }

  .second_section .right ul {
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
  }

  .second_section .right ul li {
    flex-direction: row;
    align-items: center;
    gap: 25px;
  }

  /* third_section 세번째 섹션 */
  .third_section .third_section_wrap {
    font-size: 0.6em;
  }

  .third_section .third_section_wrap .top_conts > div img {
    width: 100%;
  }

  .third_section .third_section_wrap .top_conts > div {
    flex-wrap: wrap;
  }

  .third_section .third_section_wrap .top_conts > div p {
    width: 100%;
    padding: 30px 0 0;
  }

  .third_section .third_section_wrap .top_conts > div p a {
    font-size: 15px;
  }

  .third_section .third_section_wrap .top_conts h2 {
    font-size: 7em;
  }

  .third_section .third_section_wrap .bottom_conts h2 {
    font-size: 7em;
  }

  .third_section .third_section_wrap .bottom_conts div {
    height: 350px;
  }

  .third_section .third_section_wrap .bottom_conts div p {
    font-size: 4em;
  }

  .third_section .third_section_wrap .bottom_conts div img {
    height: 100%;
    object-fit: cover;
  }

  /* fourth_section 네번째 섹션 */
  .fourth_section .fourth_section_wrap h2 {
    flex-wrap: Wrap;
  }

  .fourth_section .fourth_section_wrap h2 a {
    display: block;
    width: 100%;
  }

  /* temple 다섯번째 섹션 */
  .temple .temple_txt {
    font-size: 0.6em;
    padding: 0 30px;
  }

  .temple .temple_txt img {
    max-width: 190px;
  }

  .temple .temple_txt h2 {
    font-size: 6.4em;
  }

  /* main_faq 여섯번째 섹션 */
  .main_faq .faq_slide .faq_slide_wrap {
    padding: 40px 0 0;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl {
    min-height: unset;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl:nth-child(1) {
    height: unset;
    min-height: unset;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts a {
    font-size: 1.5em;
  }

  .main_faq .swiper-pagination {
    position: unset;
  }

  .main_faq .swiper-pagination-bullet {
    background: #ffffff40;
    margin-right: 5px;
  }

  .main_faq .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff8f;
  }

  .main_faq .faq_slide > a {
    margin: 80px auto 0;
  }

  .main_faq .faq_slide .swiper-button-prev,
  .main_faq .faq_slide .swiper-button-next {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  /* main_banner 메인배너 */
  .main_banner .main_banner_txt {
    font-size: 0.45em;
    padding: 0 4em;
    font-family: 'arita-dodum-SemiBold';
  }

  /* second_section 두번째 섹션 */
  .second_section {
    font-size: 0.5em;
  }

  .second_section_wrap {
    padding: 100px 20px;
  }

  .second_section .right ul li img {
    max-height: 40px;
  }

  /* third_section 세번째 섹션 */
  .third_section .third_section_wrap {
    padding: 100px 20px;
  }

  .third_section .third_section_wrap .top_conts {
    margin-bottom: 100px;
  }

  .third_section .third_section_wrap .top_conts h2 {
    font-size: 6em;
  }

  .third_section .third_section_wrap .bottom_conts h2 {
    font-size: 5.5em;
    margin-bottom: 30px;
    line-height: 1.2;
  }

  .third_section .third_section_wrap .bottom_conts div {
    height: 250px;
  }

  .third_section .third_section_wrap .bottom_conts div p {
    font-size: 3em;
  }

  /* fourth_section 네번째 섹션 */
  .fourth_section .fourth_section_wrap {
    padding: 100px 20px;
  }

  .fourth_section .fourth_section_wrap h2 {
    font-size: 2.5em;
    margin: 10px 0;
  }

  .fourth_section .fourth_section_wrap h2 a {
    margin-top: 40px;
  }

  .fourth_section .main_gall {
    flex-wrap: wrap;
    gap: 20px;
  }

  .fourth_section .main_gall .gall_li {
    width: 100%;
  }

  .fourth_section .main_gall .gall_li:nth-child(3) {
    display: block;
  }

  /* temple 다섯번째 섹션 */
  .temple .temple_txt {
    font-size: 0.55em;
    padding: 0 20px;
  }

  .temple .temple_txt img {
    max-width: 150px;
  }

  .temple .temple_txt h2 {
    font-size: 5.5em;
  }

  /* main_faq 여섯번째 섹션 */
  .main_faq .main_faq_wrap {
    padding: 100px 20px;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl {
    gap: 10px;
  }

  .main_faq .faq_slide .faq_slide_wrap .faq_conts dl:nth-child(1) dd {
    font-size: 1.7em;
  }

  .main_faq .faq_slide > a {
    margin-top: 50px;
    font-size: 1.5em;
  }

  .main_faq .swiper-pagination {
    margin-top: 15px;
  }
}

/* ========================================================================= */
/* ============================== 게시판 / 공통 ============================= */
/* ========================================================================= */

/* ============================= gallery_list ============================= */

@media screen and (max-width: 1440px) {
  /* sub_page */
  .sub_page {
    margin-top: 81px;
  }

  /* small_top_subject */
  .small_top_subject {
    font-size: 0.9em;
    border-radius: 0;
  }

  .stop_sub_wrap {
    height: unset;
    padding: 300px 50px 80px;
  }

  /* gallery_list */
  .gallery.board {
    margin: 0px auto;
  }

  .gallery_list_wrap {
    padding: 20px 20px 100px;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 1024px) {
  /* small_top_subject */
  .small_top_subject {
    font-size: 0.8em;
  }

  .stop_sub_wrap {
    padding: 200px 50px 50px;
  }

  /* gallery_list */
  .gallery_list_wrap {
    font-size: 0.85em;
  }

  .gallery.board .gallery_board_wrap h4 {
    font-size: 3em;
    margin: 50px 0 30px;
  }

  .gallery.board .image_list {
    gap: 20px;
  }

  .gallery.board .image_list li {
    width: calc(100% / 2 - 10px);
    border-radius: 20px;
    margin: 0;
  }

  .gallery.board .image_list li a .gall_txt span {
    right: 30px;
  }

  .gallery.board .image_list li a .gall_txt span img {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 768px) {
  /* sub_page */
  .sub_page {
    margin-top: 63px;
  }

  /* small_top_subject */
  .small_top_subject {
    font-size: 0.6em;
  }

  .stop_sub_wrap {
    padding: 180px 40px 40px;
  }

  .stop_sub_wrap h2 {
    font-family: 'arita-dodum-Medium';
  }

  /* gallery_list */
  .gallery.board .image_list li a .thum {
    height: 200px;
  }

  .paging-wrap ul {
    margin-top: 30px;
  }

  .gallery_list_wrap {
    padding: 20px 10px 60px;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 479px) {
  /* small_top_subject */
  .stop_sub_wrap {
    padding: 150px 25px 30px;
    font-size: 0.9em;
  }

  /* gallery_list */
  .gallery.board .image_list li {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .gallery.board .gallery_board_wrap h4 {
    font-size: 2.2em;
    padding-left: 5px;
  }

  .gallery.board .image_list li a .gall_txt {
    padding: 15px;
  }

  .gallery.board .image_list li a .thum {
    height: 150px;
  }

  .paging-wrap ul {
    gap: 3px;
  }
}

/* ============================= gallery_view ============================= */

@media screen and (max-width: 1440px) {
  /* gallery_view */
  .gallery.board .gallery_view {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 1024px) {
  /* gallery_view */
  .board_view .view_header .view_header_wrap {
    font-size: 0.8em;
    text-align: left;
    padding: 0px 0 30px;
  }

  .board_view .calendar_back {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* gallery_view/ */
  .board_view .view_header .view_header_wrap {
    font-size: 0.7em;
  }

  .board_view .calendar_back {
    width: 200px;
    padding: 10px;
    font-size: 1.8em;
  }

  .board_view .view_header .view_header_wrap .date {
    font-size: 2.8em;
    display: block;
    padding: 5px 0;
  }

  .view_list_path {
    font-size: 0.9em;
  }

  .board_view .list_path_item {
    border-radius: 10px;
    margin-top: 15px;
  }

  .board_view .list_path_item a {
    padding: 20px 30px;
    height: 80px;
  }

  .board_view .list_path_item a p {
    width: 200px;
  }

  .board_view .list_path_item a span {
    width: 50px;
    padding-right: 15px;
  }

  .gallery.board .gallery_view {
  }
}

@media screen and (max-width: 479px) {
  /* gallery_view/ */
  .board_view .list_path_item a em.date {
    display: none;
  }

  .board_view .list_path_item a {
    padding: 10px 20px;
    height: 50px;
  }

  .board_view .list_path_item a b {
    font-family: 'arita-dodum-SemiBold';
    font-weight: 100;
  }

  .board_view .list_path_item {
    margin-top: 10px;
  }

  .board_view .view_content_wrap {
    padding: 40px 0;
  }

  .board_view .view_content {
    margin-bottom: 40px;
  }
}

/* ========================================================================= */
/* =============================== 서브페이지 =============================== */
/* ========================================================================= */

/* ========================= [nature] - introduce ========================= */

@media screen and (max-width: 1440px) {
  /* sub_visual_txt */
  .nature .sub_visual {
    font-size: 0.8em;
  }

  /* explain */
  .nature .explain .explain_wrap {
    padding: 0 30px;
    box-sizing: border-box;
  }

  /* sight */
  .nature .sight .sight_wrap {
    padding: 150px 0;
    font-size: 0.9em;
  }

  .nature .sight ul {
    gap: 20px;
  }

  .nature .sight ul li {
    width: 500px;
    height: 300px;
  }

  /* tree */
  .nature .tree {
    margin-top: -100px;
  }

  .nature .tree_wrap {
    font-size: 0.9em;
  }

  .nature .tree .tree_txt {
    padding: 100px;
    box-sizing: border-box;
  }

  /* fee_link */
  .nature .fee_link {
    width: 95%;
  }

  .nature .fee_link .fee_link_wrap {
    font-size: 0.8em;
    padding: 150px 0;
  }
}

@media screen and (max-width: 1280px) {
  /* explain */
  .nature .explain {
    font-size: 0.8em;
  }

  /* sight */
  .nature .sight .sight_wrap {
    padding: 100px 0;
    font-size: 0.8em;
  }

  /* tree */
  .nature .tree_wrap {
    font-size: 0.8em;
  }

  .nature .tree .tree_txt {
    padding: 70px;
  }

  /* fee_link */
  .nature .fee_link .fee_link_wrap {
    font-size: 0.7em;
    padding: 120px 50px;
  }
}

@media screen and (max-width: 1024px) {
  /* explain */
  .nature .explain {
    height: unset;
  }

  .nature .explain .explain_wrap {
    height: unset;
    padding: 100px 20px;
  }

  .nature .explain .left {
    padding-right: 30px;
  }

  .nature .explain .left p {
    word-break: keep-all;
    white-space: normal;
  }

  /* sight */
  .nature .sight_wrap {
    font-size: 0.7em;
  }

  .nature .sight ul li {
    width: 400px;
    height: 250px;
  }

  /* tree */
  .nature .tree .tree_conts {
    display: flex;
    flex-wrap: Wrap;
  }

  .nature .tree .tree_txt {
    width: 100%;
  }

  .nature .tree .tree_img {
    width: 100%;
    display: block;
    height: 400px;
  }

  .nature .tree .tree_conts:nth-child(1) {
    flex-direction: column-reverse;
  }

  .nature .tree .tree_img img {
    object-fit: cover;
  }
}

@media screen and (max-width: 768px) {
  /* sub_visual_txt */
  .nature .sub_visual_wrap {
    background: #48410e7a;
  }

  .nature .sub_visual {
    font-size: 0.65em;
  }

  .nature .sub_visual_txt h2 {
    font-size: 5.5em;
  }

  .nature .sub_visual_txt {
    padding: 0 30px;
  }

  .nature .sub_visual_txt p {
    white-space: normal;
    word-break: keep-all;
  }

  .nature .sub_visual_txt p b {
    padding-top: 50px;
  }

  /* explain */
  .nature .explain {
    font-size: 0.7em;
  }

  .nature .explain .explain_wrap {
    flex-wrap: Wrap;
  }

  .nature .explain.active .left {
    width: 100%;
  }

  .nature .explain .right {
    width: 100%;
    height: 400px;
  }

  .nature .explain .left p b {
    display: block;
    margin: 20px 0 25px;
  }

  .nature .explain .left p {
    margin-bottom: 30px;
  }

  /* sight */
  .nature .sight .sight_wrap {
    padding: 100px 0;
    font-size: 0.6em;
  }

  .nature .sight ul {
    gap: 15px;
  }

  .nature .sight ul li {
    width: 300px;
    height: 250px;
  }

  /* tree */
  .nature .tree .tree_txt span {
    font-size: 4em;
  }

  .nature .tree .tree_txt h3 {
    font-size: 3.5em;
  }

  .nature .tree .tree_img {
    height: 300px;
  }

  .nature .tree .tree_img img {
    object-position: center -200px;
  }

  .nature .tree .tree_txt {
    padding: 50px;
  }

  /* fee_link */
  .nature .fee_link {
    border-radius: 30px;
  }

  .nature .fee_link .fee_link_wrap {
    font-size: 0.6em;
    padding: 80px 30px;
  }

  .nature .fee_link a {
    width: 300px;
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  /* sub_visual */
  .nature .sub_visual_txt h2 {
    font-size: 4.5em;
  }

  .nature .sub_visual_txt p b {
    font-size: 1.3em;
  }

  .nature .sub_visual_txt p b {
    padding-top: 30px;
  }

  /* explain */
  .nature .explain {
    font-size: 0.6em;
  }

  /* sight */
  .nature .sight .sight_wrap {
    padding: 100px 0;
    font-size: 0.55em;
  }

  .nature .sight h2 {
    font-family: 'arita-dodum-SemiBold';
    padding: 0 10px;
  }

  .nature .sight ul {
    gap: 10px;
    margin-top: 50px;
  }

  .nature .sight ul li {
    width: 250px;
    height: 180px;
  }

  .nature .sight ul li span {
    font-size: 15px;
  }

  /* tree */
  .nature .tree_wrap {
    font-size: 0.75em;
  }

  .nature .tree .tree_txt {
    padding: 30px 20px;
  }

  .nature .tree .tree_img img {
    object-position: center;
  }

  .nature .tree .tree_txt h3 {
    font-size: 3.3em;
  }

  .nature .tree .tree_txt span {
    font-size: 3.4em;
  }

  /* fee_link */
  .nature .fee_link.active {
    margin: 50px auto;
  }

  .nature .fee_link {
    border-radius: 20px;
  }

  .nature .fee_link .fee_link_wrap {
    font-size: 0.5em;
    padding: 35px 20px;
  }

  .nature .fee_link a {
    max-width: 300px;
    padding: 20px;
    width: 100%;
  }

  .nature .fee_link p {
    padding-bottom: 30px;
  }
}

/* ========================= [nature] - use_info ========================= */

@media screen and (max-width: 1440px) {
  /* top_subject */
  .nature .top_subject {
    font-size: 0.8em;
  }

  .nature .top_subject .top_subject_wrap {
    padding: 0 30px;
    box-sizing: border-box;
  }

  .nature .top_subject .right a {
    font-size: 15px;
  }

  /* middle_subject */
  .nature .middle_subject {
    font-size: 0.8em;
  }

  .nature .middle_subject .middle_subject_wrap {
    padding: 0 30px;
    box-sizing: border-box;
  }

  .nature .middle_subject .right a {
    font-size: 15px;
  }

  /* use_fee */
  .nature .use_fee .use_fee_wrap {
    padding: 100px 30px;
    box-sizing: border-box;
  }

  /* consult_reserve */
  .use_info .consult_reserve {
    width: 95%;
    height: unset;
  }

  .use_info .consult_reserve .consult_reserve_wrap {
    font-size: 0.8em;
    padding: 150px 0;
    box-sizing: border-box;
  }

  /* consult_step */
  .nature .consult_step {
    font-size: 0.9em;
  }

  .nature .consult_step .consult_step_wrap {
    justify-content: flex-start;
    padding: 140px 20px;
    box-sizing: border-box;
  }

  .nature .consult_step .step_conts {
    width: 33.3%;
    padding: 0 20px;
  }

  .nature .consult_step .step_conts span {
    font-size: 14px;
    white-space: normal;
    word-break: keep-all;
  }

  .nature .consult_step .step_conts p {
    font-size: 15px;
    white-space: normal;
    word-break: keep-all;
  }
}

@media screen and (max-width: 1280px) {
  /* consult_reserve */
  .use_info .consult_reserve .consult_reserve_wrap {
    font-size: 0.7em;
    padding: 120px 50px;
  }

  /* use_fee */
  .nature .use_fee .fee_conts.one {
    width: 48%;
  }

  .nature .use_fee .fee_conts.one:nth-child(6) {
    width: 100%;
  }

  .nature .use_fee .fee_conts {
    margin-bottom: 30px;
  }

  .nature .use_fee .fee_conts.four > div {
    width: 33%;
  }

  .nature .use_fee .fee_conts.four {
    margin: 0 0 30px 0;
  }

  .nature .use_fee .fee_caution {
    width: 100%;
  }

  .nature .use_fee .fee_conts.one p {
    padding: 20px;
  }

  /* consult_step */
  .nature .consult_step .step_conts {
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  /* top_subject */
  .nature .top_subject {
    height: unset;
    font-size: 0.7em;
  }

  .nature .top_subject .top_subject_wrap {
    flex-wrap: Wrap;
    padding: 100px 30px;
  }

  .nature .top_subject .left {
    width: 100%;
  }

  .nature .top_subject .left h2 {
    margin: 20px 0 30px;
    white-space: normal;
  }

  .nature .top_subject .left h3 {
    margin-bottom: 10px;
    font-size: 4em;
  }

  .nature .top_subject .right {
    width: 100%;
  }

  /* middle_subject */
  .nature .middle_subject {
    height: unset;
    font-size: 0.7em;
  }

  .nature .middle_subject .middle_subject_wrap {
    flex-wrap: Wrap;
    padding: 100px 30px;
  }

  .nature .middle_subject .left {
    width: 100%;
  }

  .nature .middle_subject .left h2 {
    margin: 20px 0 30px;
    white-space: normal;
  }

  .nature .middle_subject .left h3 {
    margin-bottom: 10px;
    font-size: 4em;
  }

  .nature .middle_subject .right {
    width: 100%;
  }

  /* explain */
  .nature .explain .left {
    padding-right: 30px;
  }

  .nature .explain .left p {
    word-break: keep-all;
    white-space: normal;
  }

  /* use_fee */
  .nature .use_fee .fee_conts h2 img {
    width: 30px;
    height: 30px;
  }

  .nature .use_fee .fee_conts h2 {
    font-size: 2.2em;
  }

  .nature .use_fee .fee_caution h2 {
    font-size: 2.2em;
  }

  .nature .use_fee .fee_caution img {
    width: 30px;
    height: 30px;
    margin-bottom: 4px;
  }

  .nature .use_fee .fee_conts > div {
    padding: 25px 20px;
  }
}

@media screen and (max-width: 768px) {
  /* top_subject */
  .nature .top_subject {
    font-size: 0.6em;
  }

  .nature .top_subject .top_subject_wrap {
    padding: 80px 20px;
  }

  /* middle_subject */
  .nature .middle_subject {
    font-size: 0.6em;
  }

  .nature .middle_subject .middle_subject_wrap {
    padding: 80px 20px;
  }

  /* consult_reserve */
  .use_info .consult_reserve {
    border-radius: 30px;
  }

  .nature .consult_reserve h2 {
    font-family: 'arita-dodum-Medium';
  }

  .use_info .consult_reserve .consult_reserve_wrap {
    font-size: 0.6em;
    padding: 80px 30px;
  }

  .use_info .consult_reserve a {
    width: 300px;
    padding: 20px;
  }

  /* use_fee */
  .nature .use_fee .use_fee_wrap {
    padding: 100px 20px;
    font-size: 0.95em;
  }

  .nature .use_fee .fee_conts.four > div {
    width: 50%;
    border-bottom: 1px solid #f7f7f7;
  }

  .nature .use_fee .fee_conts h2 {
    font-size: 2em;
    font-weight: 100;
  }

  .nature .use_fee .fee_conts div dl {
    line-height: 1.2;
  }

  .nature .use_fee .fee_conts div dl dt {
    width: 75px;
    margin-right: 20px;
  }

  .nature .use_fee .fee_caution h2 {
    font-size: 2em;
  }

  /* consult_step */
  .nature .consult_step .consult_step_wrap {
    padding: 100px 10px;
  }
}

@media screen and (max-width: 479px) {
  /* top_subject */
  .nature .top_subject {
    font-size: 0.55em;
  }

  .nature .top_subject .top_subject_wrap {
    padding: 50px 20px;
  }

  .nature .top_subject .left img {
    max-width: 150px;
  }

  .nature .top_subject .left h3 {
    font-size: 4em;
  }

  .nature .top_subject .left h2 {
    font-size: 6em;
  }

  /* middle_subject */
  .nature .middle_subject {
    font-size: 0.55em;
  }

  .nature .middle_subject .middle_subject_wrap {
    padding: 50px 20px;
  }

  .nature .middle_subject .left img {
    max-width: 150px;
  }

  .nature .middle_subject .left h3 {
    font-size: 4em;
  }

  .nature .middle_subject .left h2 {
    font-size: 6em;
  }

  /* consult_reserve */
  .use_info .consult_reserve.active {
    margin: 50px auto;
  }

  .use_info .consult_reserve {
    border-radius: 20px;
  }

  .use_info .consult_reserve .consult_reserve_wrap {
    font-size: 0.5em;
    padding: 40px 20px;
  }

  .use_info .consult_reserve a {
    max-width: 300px;
    width: 100%;
    padding: 20px;
    margin-top: 30px;
  }

  /* use_fee */
  .nature .use_fee .use_fee_wrap {
    padding: 80px 20px;
  }

  .nature .use_fee .fee_conts.one {
    width: 100%;
  }

  .nature .use_fee .fee_conts.four > div {
    width: 100%;
  }

  .nature .use_fee .fee_conts h2 {
    font-size: 1.8em;
    padding: 14px 20px;
  }

  .nature .use_fee .fee_conts h2 img {
    width: 25px;
    height: 25px;
  }

  /* consult_step */
  .nature .consult_step {
    font-size: 0.8em;
  }

  .nature .consult_step .consult_step_wrap {
    padding: 50px 0 0;
  }

  .nature .consult_step .step_conts {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 40px 20px 30px;
    margin: 0;
    border-left: 0;
  }

  .nature .consult_step .step_conts p,
  .nature .consult_step .step_conts span {
    min-height: unset;
  }

  .nature .consult_step .step_conts h3 {
    margin: 20px 0 10px;
  }

  .nature .consult_step .step_conts img {
    max-height: 40px;
  }

  .nature .consult_step .step_conts p,
  .nature .consult_step .step_conts span {
    padding: 10px 0;
  }
}

/* ========================= [company] - greeting ========================= */

@media screen and (max-width: 1440px) {
  /* greet */
  .company .greet {
    padding: 100px 30px;
    box-sizing: border-box;
  }

  .company .greet .greet_wrap {
    font-size: 0.8em;
  }

  /* thank */
  .company .thank .thank_wrap {
    font-size: 0.9em;
    padding: 150px 30px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1280px) {
  /* greet */
  .company .greet .greet_img h3 {
    width: 45%;
  }

  .company .greet .greet_img img {
    width: 55%;
  }

  .company .greet .greet_wrap {
    font-size: 0.7em;
  }

  .company .greet h2 {
    margin-bottom: 50px;
  }

  /* thank */
  .company .thank .thank_wrap {
    font-size: 0.8em;
    padding: 120px 30px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1024px) {
  /* greet */
  .company .greet .greet_wrap {
    flex-wrap: wrap;
  }

  .company .greet .greet_img {
    width: 100%;
    gap: 20px;
    border-radius: 30px;
  }

  .company .greet .greet_txt {
    width: 100%;
  }

  .company .greet .greet_img h3 {
    width: 30%;
  }

  .company .greet .greet_txt ul {
    padding-top: 25px;
    padding-left: 10px;
  }

  /* thank */
  .company .thank p {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  /* greet */
  .company .greet {
    padding: 80px 20px;
  }

  .company .greet .greet_wrap {
    font-size: 0.6em;
  }

  .company .greet .greet_img {
    gap: 0px;
    border-radius: 20px;
  }

  .company .greet .greet_img h3 {
    width: 45%;
    padding: 100px 20px 0 0;
  }

  .company .greet .greet_img:after {
    background: rgba(0, 0, 0, 0.2);
  }

  /* thank */
  .company .thank p {
    text-align: left;
  }

  .company .thank .thank_wrap {
    font-size: 0.7em;
    padding: 80px 20px;
  }
}

@media screen and (max-width: 479px) {
  /* greet */
  .company .greet .greet_img h3 {
    word-break: keep-all;
    padding: 40px 20px 0 0;
    text-align: center;
  }

  .company .greet h2 {
    font-size: 3.5em;
  }

  .company .greet h2 span {
    padding: 0 20px;
  }

  .company .greet .greet_txt ul {
    padding: 0;
    line-height: 1.4;
    margin-top: 30px;
  }

  .company .greet .greet_txt ul li {
    gap: 10px;
    margin-top: 15px;
    align-items: flex-start;
  }

  .company .greet .greet_txt ul li:before {
    width: 20px;
    height: 20px;
  }

  /* thank */
  .company .thank .thank_wrap {
    font-size: 0.6em;
  }
}

/* ========================= [company] - introduce ========================= */

@media screen and (max-width: 1440px) {
  /* sub_visual */
  .company .sub_visual {
    font-size: 0.8em;
  }

  /* meaning */
  .introduce .meaning .meaning_wrap {
    padding: 80px 30px;
    font-size: 0.9em;
  }

  .introduce .meaning .meaning_img {
    height: 700px;
  }

  /* company_site */
  .introduce .company_site {
    margin-top: -100px;
    padding: 0;
  }

  .introduce .company_site .company_site_wrap {
    padding: 30px;
    box-sizing: border-box;
    font-size: 0.7em;
  }

  .introduce .company_site .site_conts .site_img {
    height: 500px;
  }

  /* gallery */
  .company .gallery .gallery_wrap {
    padding: 150px 0 50px;
    font-size: 0.9em;
  }

  .company .gallery ul {
    gap: 20px;
  }

  .company .gallery ul li {
    width: 500px;
    height: 300px;
  }
}

@media screen and (max-width: 1280px) {
  /* gallery */
  .company .gallery .gallery_wrap {
    padding: 100px 0 50px;
    font-size: 0.8em;
  }
}

@media screen and (max-width: 1024px) {
  /* meaning */
  .introduce .meaning .meaning_wrap {
    font-size: 0.8em;
  }

  .introduce .meaning .meaning_img {
    height: 500px;
  }

  .introduce .meaning .meaning_txt p {
    white-space: normal;
    word-break: keep-all;
    line-height: 1.6;
  }

  .introduce .meaning .meaning_txt p b {
    display: block;
    margin-bottom: 10px;
  }

  /* company_site */
  .introduce .company_site .site_conts p {
    word-break: keep-all;
    white-space: normal;
  }

  /* gallery */
  .company .gallery_wrap {
    font-size: 0.7em;
  }

  .company .gallery ul li {
    width: 400px;
    height: 250px;
  }
}

@media screen and (max-width: 768px) {
  /* sub_visual */
  .company .sub_visual_wrap {
    background: #48410e7a;
  }

  .company .sub_visual {
    font-size: 0.65em;
  }

  .company .sub_visual_txt h2 {
    font-size: 5.5em;
  }

  .company .sub_visual_txt {
    padding: 0 30px;
  }

  .company .sub_visual_txt p {
    white-space: normal;
    word-break: keep-all;
  }

  .company .sub_visual_txt p b {
    padding-top: 50px;
  }

  /* meaning */
  .introduce .meaning .meaning_wrap {
    flex-wrap: wrap;
    font-size: 0.75em;
    padding: 70px 20px;
  }

  .introduce .meaning .meaning_img {
    width: 100%;
    height: 500px;
  }

  .introduce .meaning .meaning_img img {
    object-position: top;
  }

  .introduce .meaning .meaning_txt {
    width: 100%;
    padding-top: 30px;
  }

  .introduce .meaning .meaning_txt span {
    font-weight: bold;
  }

  /* company_site */
  .introduce .company_site .company_site_wrap {
    padding: 0 20px;
    font-size: 0.6em;
    line-height: 1.4;
  }

  .introduce .company_site .site_conts .site_img {
    height: 400px;
  }

  .introduce .company_site .site_conts span {
    padding: 10px 0 20px;
    margin-bottom: 20px;
  }

  .introduce .company_site .site_conts h2 {
    padding-top: 30px;
    font-family: 'arita-dodum-SemiBold';
  }

  .introduce .company_site .site_conts {
    padding-bottom: 50px;
  }

  /* gallery */
  .company .gallery .gallery_wrap {
    font-size: 0.6em;
  }

  .company .gallery ul {
    gap: 15px;
  }

  .company .gallery ul li {
    width: 300px;
    height: 250px;
  }
}

@media screen and (max-width: 479px) {
  /* sub_visual */
  .company .sub_visual_txt h2 {
    font-size: 4.5em;
  }

  .company .sub_visual_txt p b {
    font-size: 1.3em;
  }

  .company .sub_visual_txt p b {
    padding-top: 30px;
  }

  /* meaning */
  .introduce .meaning .meaning_img {
    width: 100%;
    height: 400px;
  }

  .introduce .meaning .meaning_txt span {
    font-size: 3.5em;
  }

  .introduce .meaning .meaning_txt h3 {
    font-size: 3.5em;
  }

  /* company_site */
  .introduce .company_site .company_site_wrap {
    font-size: 0.55em;
  }

  .introduce .company_site .site_conts .site_img {
    height: 300px;
  }

  /* gallery */
  .company .gallery .gallery_wrap {
    font-size: 0.55em;
  }
}

/* ========================= [company] - calendar ========================= */

@media screen and (max-width: 1440px) {
  /* calendar */
  .fc-view-harness {
    width: 100%;
    overflow-x: auto;
    height: unset !important;
  }

  .fc .fc-view-harness-active > .fc-view {
    min-width: 1000px;
    width: 100%;
  }

  .calendar {
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 0.9em;
  }

  .fc .fc-view-harness-active > .fc-view {
    position: relative;
  }
}

@media screen and (max-width: 1280px) {
  /* calendar_info */
  .calendar_info {
  }

  .calendar_info .calendar_info_conts {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 1024px) {
  /* calendar */
  .fc-view-harness {
    /* height: 800px !important; */
  }

  .fc .fc-view-harness-active > .fc-view {
    min-width: 900px;
    width: 100%;
  }

  #calendar_board .calendar_form .fc-col-header,
  #calendar_board .calendar_form .fc-scrollgrid-sync-table {
    border-spacing: 4px;
  }

  /* calendar_info */
  .calendar_info .calendar_info_conts {
    width: 48%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  /* calendar */
  .calendar {
    padding: 0 10px;
    font-size: 0.9em;
    margin: 80px auto;
  }

  .fc .fc-toolbar.fc-header-toolbar {
    padding: 0 10px 20px;
  }

  .fc .fc-button-group {
    gap: 15px;
  }

  /* calendar_info */
  .calendar_info .calendar_info_header {
    padding-bottom: 17px;
    margin-bottom: 20px;
  }

  .calendar_info .calendar_info_conts {
    width: 100%;
  }

  .calendar_info .calendar_info_list {
    gap: 5px;
    padding: 15px;
  }

  .calender_close {
    font-size: 1.7em;
    width: calc(100% - 30px);
    margin: 0 auto 20px;
  }

  .calendar_info .date {
    padding: 0px 0 0 8px;
    font-size: 1.6em;
  }

  .calendar_info .calendar_info_conts dl {
    padding: 7px 0;
  }
}

@media screen and (max-width: 479px) {
  /* calendar */
  #calendar_board .calendar_form .fc-col-header,
  #calendar_board .calendar_form .fc-scrollgrid-sync-table {
    border-spacing: 1px;
  }

  .calendar_info .calendar_info_header {
    gap: 15px;
    font-size: 0.8em;
  }

  .fc .fc-toolbar.fc-header-toolbar {
    padding: 0 10px 20px;
    justify-content: center;
    gap: 15px;
    font-size: 0.9em;
  }

  .fc .fc-toolbar-title {
    font-size: 2.7em;
  }

  .calendar_info .calendar_info_conts {
    padding: 2px 15px;
  }

  .calendar_info .calendar_info_list {
    padding: 10px;
  }

  .calendar_info .date {
    padding: 3px 0 3px 6px;
  }

  .calendar_info .calendar_info_header {
    margin-bottom: 15px;
  }

  .calender_close {
    font-size: 1.7em;
    width: calc(100% - 20px);
    margin: 0 auto 15px;
  }

  .calendar_info {
    width: calc(100% - 20px);
    border-radius: 5px;
  }

  .calendar_info .calendar_info_header {
    border-radius: 5px 5px 0 0;
    padding: 15px 15px 13px;
  }
}

/* ========================= [community] - notice ========================= */

@media screen and (max-width: 1440px) {
  /* .notice.board_list */
  .notice.board_list {
    margin-top: 0;
  }

  .notice_list_wrap {
    padding: 0 30px;
    font-size: 0.9em;
  }

  .notice .text_list li p.title {
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
  .notice .text_list li p.title {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  /* .notice.board_list */
  .notice_list_wrap {
    padding: 0 10px;
    font-size: 0.8em;
  }

  .notice .text_list li p.title {
    width: 200px;
  }

  .notice .text_list li {
    border-radius: 10px;
    margin-bottom: 15px;
  }

  .notice .text_list li a {
    padding: 25px 30px;
    gap: 5px;
  }
}

@media screen and (max-width: 479px) {
  /* .notice.board_list */
  .notice .text_list li a {
    padding: 20px 15px;
  }

  .notice .text_list li a em.date {
    display: none;
  }

  .notice .notice_board_wrap h4 {
    margin: 60px 0 30px;
    font-size: 2.9em;
  }

  .notice .text_list li p.title {
    width: 75%;
  }
}

/* ========================= [community] - notice_view ========================= */

@media screen and (max-width: 1440px) {
  /* notice_view board_view */
  .board_view {
    margin: 0;
    padding: 100px 30px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  /* notice_view board_view */
  .board_view {
    padding: 80px 20px;
  }
}

@media screen and (max-width: 479px) {
  .board_view {
    font-size: 0.9em;
  }
}

/* ========================= [community] - notice_view ========================= */

@media screen and (max-width: 1440px) {
  /* notice_view board_view */
  .board_view {
    margin: 0;
    padding: 100px 30px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  /* notice_view board_view */
  .board_view {
    padding: 70px 20px;
  }
}

@media screen and (max-width: 479px) {
  .board_view {
    font-size: 0.9em;
  }
}

/* ========================= [community] - faq ========================= */

@media screen and (max-width: 1440px) {
  /* sub_visual */
  .faq .sub_visual .sub_visual_wrap {
    font-size: 0.9em;
  }

  .faq .sub_visual .cal_txt p {
    white-space: normal;
    word-break: keep-all;
  }

  .faq .sub_visual .sub_visual_cal {
    width: calc(100% - 100px);
    padding-top: 20px;
  }

  /* faq_list */
  .faq_list .faq_list_wrap {
    padding: 150px 30px;
    box-sizing: border-box;
    font-size: 0.9em;
  }

  /* consult_reserve */
  .faq .consult_reserve {
    width: 95%;
    height: unset;
  }

  .faq .consult_reserve .consult_reserve_wrap {
    font-size: 0.8em;
    padding: 150px 0;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1280px) {
  /* sub_visual */
  .faq .sub_visual .sub_visual_wrap {
    width: 60%;
  }

  /* consult_reserve */
  .faq .consult_reserve .consult_reserve_wrap {
    font-size: 0.7em;
    padding: 120px 50px;
  }
}

@media screen and (max-width: 1024px) {
  /* sub_visual */
  .faq .sub_visual .sub_visual_wrap {
    font-size: 0.85em;
    width: 100%;
  }

  .faq .sub_visual .sub_visual_cal {
    padding: 0 50px;
    box-sizing: border-box;
  }

  /* faq_list */
  .faq_list .faq_list_wrap {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 768px) {
  /* sub_visual */
  .faq .sub_visual {
    height: unset;
  }

  .faq .sub_visual .sub_visual_wrap {
    height: 100%;
  }

  .faq .sub_visual .cal_result {
    padding: 40px 40px 10px;
  }

  .faq .sub_visual .sub_visual_cal {
    width: 100%;
    padding: 50px 30px;
  }

  /* faq_list */
  .faq_list .faq_list_wrap {
    font-size: 0.7em;
    padding: 80px 10px;
  }

  .faq_list #accordion div p {
    font-size: 15px;
  }

  .faq_list h2 {
    font-size: 5em;
    font-family: 'arita-dodum-SemiBold';
  }

  .faq_list #accordion h3 {
    padding: 14px 42px 14px 20px;
    gap: 15px;
  }

  .faq_list #accordion div {
    padding: 20px;
    gap: 15px;
  }

  .faq_list #accordion div p {
    white-space: normal;
    word-break: keep-all;
  }

  /* consult_reserve */
  .faq .consult_reserve {
    border-radius: 30px;
  }

  .faq .consult_reserve h2 {
    font-family: 'arita-dodum-Medium';
  }

  .faq .consult_reserve .consult_reserve_wrap {
    font-size: 0.6em;
    padding: 80px 30px;
  }

  .faq .consult_reserve a {
    width: 300px;
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  /* sub_visual */
  .faq .sub_visual .sub_visual_wrap {
    font-size: 0.8em;
  }

  .faq .sub_visual .sub_visual_cal {
    padding: 50px 10px;
  }

  .faq .sub_visual .cal_result {
    padding: 30px 30px 5px;
    box-sizing: border-box;
  }

  /* faq_list */
  .faq_list h2 {
    line-height: 1.1;
  }

  .faq_list h2 span {
    margin-top: 10px;
  }

  /* consult_reserve */
  .faq .consult_reserve .consult_reserve_wrap {
    font-size: 0.5em;
  }

  .faq .consult_reserve.active {
    margin: 50px auto;
  }

  .faq .consult_reserve .consult_reserve_wrap {
    font-size: 0.5em;
    padding: 60px 10px;
  }

  .faq .consult_reserve a {
    width: 300px;
    padding: 20px;
    margin-top: 30px;
  }
}

/* ========================= [community] - reserve_write ========================= */

@media screen and (max-width: 1440px) {
  /* reserve_write */
  .community .reserve_write {
    padding: 150px 30px;
    box-sizing: border-box;
    font-size: 0.9em;
  }

  .board_write .form_item_radio {
    flex-wrap: Wrap;
  }

  .policy_box_wrap {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
  /* reserve_write */
  .board_write .form_radio {
    width: 32%;
  }

  .board_write .checked-label {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* reserve_write */
  .community .reserve_write {
    padding: 80px 20px;
  }

  .bo_subject h2 {
    font-size: 4.5em;
    font-family: 'arita-dodum-SemiBold';
    font-weight: 100;
  }

  .bo_subject .bo_subject_ex {
    font-size: 2.7em;
    margin-top: 60px;
  }

  .board_write .bo_write_form .send_submit {
    margin: 50px auto 20px;
  }

  .board_write .bo_write_form .form_item {
    flex-wrap: Wrap;
  }

  .board_write .bo_write_form .half_item {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  /* reserve_write */
  .community .reserve_write {
    padding: 80px 10px;
  }

  .board_write .bo_write_form {
    padding: 15px;
  }

  .bo_subject h2 {
    font-size: 4.3em;
  }

  .bo_subject .bo_subject_ex {
    font-size: 2em;
    margin-top: 50px;
    padding: 0 10px;
  }

  .board_write .bo_write_form .send_submit {
    width: 100%;
    max-width: 400px;
    font-size: 16px;
    font-weight: bold;
  }

  .agree_chk_box .agree_chk label {
    min-width: unset;
    padding-right: 5px;
    font-size: 16px;
  }

  input[type='radio'],
  input[type='checkbox'] {
    margin-right: 5px;
  }
}

/* ========================= [map] - map ========================= */

@media screen and (max-width: 1440px) {
  /* howto */
  .map .howto .howto_wrap {
    font-size: 0.9em;
    padding: 100px 30px;
    box-sizing: border-box;
  }

  /* wayto */
  .map .wayto {
    padding: 30px 30px 70px;
    font-size: 0.8em;
  }

  .map .wayto h2 {
    margin-bottom: 30px;
  }

  .map .wayto .kakao_map .root_daum_roughmap .wrap_map {
    height: 500px !important;
    border-bottom: 1px solid #ddd;
  }

  .map .wayto .wayto_txt {
    box-sizing: border-box;
  }

  /* amenity */
  .map .amenity {
    font-size: 0.8em;
  }

  .map .amenity .amenity_wrap {
    padding: 0 30px;
    box-sizing: border-box;
  }

  .map .amenity .right a {
    font-size: 15px;
  }

  /* facility */
  .map .facility ul {
    padding: 50px 30px 0;
  }
}

@media screen and (max-width: 1280px) {
  /* howto */
  .map .howto .howto_wrap {
    font-size: 0.7em;
  }

  .map .howto .howto_conts dl dt {
    width: 120px;
  }

  /* wayto */
  .map .wayto .kakao_map .root_daum_roughmap .wrap_map {
    height: 400px !important;
  }

  .map .wayto .wayto_txt h3 {
    width: 230px;
  }

  .map .wayto .wayto_txt ul li span {
    padding: 8px 15px 5px;
  }
}

@media screen and (max-width: 1024px) {
  /* howto */
  .map .howto .howto_wrap {
    flex-wrap: Wrap;
    height: unset;
    flex-direction: column-reverse;
  }

  .map .howto .howto_txt {
    width: 100%;
  }

  .map .howto .howto_img {
    width: 100%;
    height: 500px;
  }

  .map .howto .howto_img img {
    object-position: top;
  }

  .map .howto .howto_conts {
    padding: 20px 0;
  }

  /* wayto */
  .map .wayto {
    font-size: 0.75em;
  }

  .map .wayto .wayto_txt {
    padding: 50px 10px 40px;
    flex-wrap: Wrap;
  }

  .map .wayto .wayto_txt > p {
    white-space: normal;
    word-break: keep-all;
  }

  .map .wayto .wayto_txt h3 {
    width: 100%;
    margin-bottom: 30px;
  }

  .map .wayto .wayto_txt ul {
    width: 100%;
  }

  .map .wayto .wayto_txt ul li {
    gap: 8px;
  }

  /* amenity */
  .map .amenity {
    height: unset;
    font-size: 0.7em;
  }

  .map .amenity .amenity_wrap {
    flex-wrap: Wrap;
    padding: 100px 30px;
  }

  .map .amenity .left {
    width: 100%;
  }

  .map .amenity .left h2 {
    margin: 20px 0 30px;
    white-space: normal;
  }

  .map .amenity .left h3 {
    margin-bottom: 10px;
    font-size: 4em;
  }

  .map .amenity .right {
    width: 100%;
  }

  /* facility */
  .map .facility ul li {
    height: 300px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  /* howto */
  .map .howto .howto_wrap {
    padding: 80px 20px;
  }

  .map .howto .howto_img {
    height: 400px;
  }

  .map .howto .howto_conts h2 {
    font-family: 'arita-dodum-SemiBold';
  }

  .map .howto .howto_conts dl {
    margin-top: 15px;
    line-height: 1.5;
  }

  .map .howto .howto_conts dl dd {
    width: 70%;
  }

  .map .howto .howto_conts dl dt {
    width: 30%;
    max-width: 120px;
  }

  /* wayto */
  .map .wayto {
    padding: 0 20px 70px;
  }

  .map .wayto h2 {
    font-family: 'arita-dodum-SemiBold';
  }

  .map .wayto h2 span {
    font-size: 0.6em;
  }

  .map .wayto .wayto_txt > p {
    font-size: 2.4em;
  }

  .map .wayto .wayto_txt ul li {
    flex-wrap: wrap;
  }

  .map .wayto .wayto_txt ul li span {
    padding: 8px 10px 5px;
    width: 42%;
    text-align: center;
    height: 58px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .map .wayto .wayto_txt ul li i {
    padding: 0 3px;
  }

  .map .wayto .terminal {
    text-align: center;
    margin-top: 10px;
  }

  .map .wayto .wayto_txt p.terminal b {
    margin: 10px 0 0 0;
  }

  /* amenity */
  .map .amenity {
    font-size: 0.6em;
  }

  .map .amenity .amenity_wrap {
    padding: 80px 20px;
  }

  /* facility */
  .map .facility ul {
    padding: 40px 20px 0;
  }

  .map .facility h4 {
    font-size: 2.5em;
    padding-top: 80px;
  }

  .map .facility ul li {
    height: 250px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  /* howto */
  .map .howto .howto_conts dl dd {
    width: 60%;
  }

  .map .howto .howto_conts dl dt {
    width: 40%;
  }

  .map .howto .howto_conts h5 {
    white-space: normal;
  }

  .map .howto .howto_conts p {
    white-space: normal;
  }

  .map .howto .howto_conts a {
    width: 280px;
  }

  .map .howto .howto_conts a i {
    font-size: 1.5em;
  }

  /* wayto */
  .map .wayto .wayto_txt {
    padding: 50px 0 40px;
  }

  .map .wayto .wayto_txt ul li span {
    width: 87%;
    height: unset;
  }

  .map .wayto .wayto_txt p.terminal b {
    max-width: 320px;
    width: 100%;
  }

  /* amenity */
  .map .amenity {
    font-size: 0.55em;
  }

  .map .amenity .amenity_wrap {
    padding: 50px 20px;
  }

  .map .amenity .left img {
    max-width: 150px;
  }

  .map .amenity .left h3 {
    font-size: 4em;
  }

  .map .amenity .left h2 {
    font-size: 6em;
  }

  /* facility */
  .map .facility ul {
    padding: 30px 10px 0;
  }

  .map .facility h4 {
    font-size: 2.3em;
  }

  .map .facility ul li {
    height: 200px;
    width: 100%;
  }

  .map .facility ul li img {
    border-radius: 10px;
  }
}

/* ========================= [memory] - letter ========================= */

@media screen and (max-width: 1440px) {
  /* top_subject */
  .memory .top_subject {
    font-size: 0.8em;
  }

  .memory .top_subject .top_subject_wrap {
    padding: 0 30px;
    box-sizing: border-box;
  }

  .memory .top_subject .right a {
    font-size: 15px;
  }

  /* letter_board */
  .memory .letter_list_wrap {
    padding: 100px 30px;
    box-sizing: border-box;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 1024px) {
  /* top_subject */
  .memory .top_subject {
    height: unset;
    font-size: 0.7em;
  }

  .memory .top_subject .top_subject_wrap {
    flex-wrap: Wrap;
    padding: 100px 30px;
  }

  .memory .top_subject .left {
    width: 100%;
  }

  .memory .top_subject .left h2 {
    margin: 20px 0 30px;
    white-space: normal;
  }

  .memory .top_subject .left h3 {
    margin-bottom: 10px;
    font-size: 4em;
  }

  .memory .top_subject .right {
    width: 100%;
  }

  /* letter_board */
  .memory .letter_board .board_sum {
    padding: 80px 0 20px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  /* top_subject */
  .memory .top_subject {
    font-size: 0.6em;
  }

  .memory .top_subject .top_subject_wrap {
    padding: 50px 20px;
  }

  /* letter_board */
  .memory .src-wrap {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .memory .letter_list_wrap {
    font-size: 0.8em;
    padding: 80px 20px;
  }

  .memory .letter_board .board_sum {
    padding: 50px 0 20px;
    margin-bottom: 30px;
  }

  .memory .letter_conts ul li > a {
    padding: 25px;
  }

  .memory .letter_conts ul li {
    width: 100%;
  }

  .memory .src-wrap a.btn-write {
    width: unset;
    padding: 15px 30px;
  }

  .memory .src-wrap a img {
    width: 30px;
  }

  .memory .src-wrap .src-box {
    max-width: 500px;
    width: 100%;
  }

  .memory .src-wrap .src-box input {
    height: 52px;
    text-indent: 10px;
  }

  .memory .src-wrap .src-box .btn-src {
    height: 52px;
    font-size: 3.5em;
  }

  .memory .letter_conts a .write_info img {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 479px) {
  /* top_subject */
  .memory .top_subject {
    font-size: 0.55em;
  }

  .memory .top_subject .top_subject_wrap {
    padding: 80px 20px;
  }

  .memory .top_subject .left img {
    max-width: 150px;
  }

  .memory .top_subject .left h3 {
    font-size: 4em;
  }

  .memory .top_subject .left h2 {
    font-size: 6em;
  }

  /* letter_board */
  .memory .letter_list_wrap {
    padding: 80px 10px;
  }

  .memory .src-wrap .src-box .btn-src {
    width: 25%;
  }

  .memory .letter_conts a h4 {
    margin-bottom: 20px;
    padding: 0;
  }

  .memory .letter_conts ul li {
    margin-bottom: 15px;
    border-radius: 10px;
  }

  .memory .letter_conts ul li.lock a .secret {
    right: 6px;
    bottom: 5px;
    padding: 5px 8px;
    font-size: 12px;
  }

  .memory .letter_conts ul li > a {
    padding: 25p 20px 20px;
  }
}

/* ========================= [memory] - letter_write ========================= */

@media screen and (max-width: 1440px) {
  /* letter_write */
  .memory .letter_write {
    padding: 150px 30px;
    box-sizing: border-box;
    font-size: 0.9em;
  }

  .memory .board_write .unlock .checked-label {
    width: 130px;
  }

  .memory .board_write .lock .checked-label {
    min-width: 130px;
    max-width: 130px;
  }

  .memory .board_write .bo_write_form .lock .txt_input {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  /* letter_write */
  .memory .letter_write {
    padding: 80px 10px;
    box-sizing: border-box;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 479px) {
  /* letter_write */
  .memory .board_write .unlock .checked-label {
    width: 80px;
  }

  .memory .board_write .lock .checked-label {
    min-width: 80px;
    max-width: 80px;
  }

  .memory .bo_subject .bo_subject_ex {
    white-space: normal;
    word-break: keep-all;
  }

  .memory .bo_subject h2 {
    line-height: 1;
    font-weight: 100;
  }

  .memory .bo_subject span {
    margin-top: 10px;
  }
}

/* ========================================================================= */
/* ============================== funeral 페이지 ============================ */
/* ========================================================================= */

@media (max-width: 1440px) {
  .funeral_visual {
    font-size: 0.9em;
  }

  .table_of_contents {
    font-size: 0.9em;
  }

  .preparation_steps {
    font-size: 0.9em;
  }

  .exhumation_day {
    font-size: 0.9em;
  }

  .detailed_process {
    font-size: 0.9em;
  }

  .detailed_left {
    padding: 50px 40px;
  }

  .detailed_left p {
    font-size: clamp(1.6em, 2.4vw, 2.2em);
  }

  .post_processing {
    font-size: 0.9em;
  }

  .required_documents {
    font-size: 0.9em;
  }

  .leap_month_guide {
    font-size: 0.9em;
  }

  .professional_service {
    font-size: 0.9em;
  }
}

@media (max-width: 1280px) {
  .funeral_visual {
    font-size: 0.85em;
  }

  .table_of_contents {
    font-size: 0.85em;
  }

  .preparation_steps {
    font-size: 0.85em;
  }

  .steps_flow {
    gap: 16px;
  }

  .step_content ul li {
    padding-left: 16px;
  }

  .exhumation_day {
    font-size: 0.85em;
  }

  .detailed_process {
    font-size: 0.85em;
  }

  .detailed_content {
    gap: 24px;
  }

  .detailed_left {
    padding: 40px 20px;
  }

  .detailed_left p {
    font-size: clamp(1.55em, 2.3vw, 2.1em);
  }

  .detailed_right {
    gap: 16px;
  }

  .detailed_process .process_item {
    padding: 40px 24px;
  }

  .process_item h3 {
    font-size: clamp(2em, 3vw, 2.2em);
  }

  .documents_content {
    gap: 24px;
  }

  .post_processing {
    font-size: 0.85em;
  }

  .required_documents {
    font-size: 0.85em;
  }

  .leap_month_guide {
    font-size: 0.85em;
  }

  .professional_service {
    font-size: 0.85em;
  }

  .toc_content {
    flex-direction: column;
    gap: 40px;
  }

  .toc_left {
    width: 100%;
    padding: 60px 40px;
  }

  .toc_right {
    width: 100%;
  }

  .toc_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 1024px) {
  .funeral_visual {
    font-size: 0.8em;
  }

  .table_of_contents {
    font-size: 0.9em;
  }

  .toc_content {
    flex-direction: column;
    gap: 40px;
  }

  .toc_left {
    width: 100%;
    padding: 60px 40px;
  }

  .toc_right {
    width: 100%;
  }

  .toc_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .preparation_steps {
    font-size: 0.9em;
  }

  .exhumation_day {
    font-size: 0.9em;
  }

  .detailed_process {
    font-size: 0.9em;
  }

  .post_processing {
    font-size: 0.9em;
  }

  .post_processing_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .post_item h3 {
    font-size: clamp(1.95em, 3.2vw, 2.35em);
    padding: 28px 25px 18px;
  }

  .post_item ul {
    padding: 0 25px 28px;
  }

  .post_item ul li {
    font-size: clamp(1.5em, 2.4vw, 1.8em);
    margin-bottom: 11px;
  }

  .required_documents {
    font-size: 0.9em;
  }

  .leap_month_guide {
    font-size: 0.9em;
  }

  .professional_service {
    font-size: 0.9em;
  }

  .steps_flow {
    flex-wrap: wrap;
  }

  .step_card {
    min-width: calc(50% - 15px);
  }

  .exhumation_content {
    gap: 25px;
  }

  .exhumation_item {
    flex-direction: column;
    gap: 20px;
    height: 100%;
  }

  .exhumation_img {
    width: 100%;
    height: 400px;
  }

  .detailed_content {
    flex-direction: column;
  }

  .detailed_left {
    width: 100%;
    padding: 50px 40px;
  }

  .detailed_right {
    width: 100%;
  }

  .documents_content {
    flex-direction: column;
    gap: 30px;
  }

  .documents_left {
    width: 100%;
  }

  .documents_box {
    padding: 0;
    box-shadow: none;
    background: transparent;
  }

  .documents_category {
    background: #fff;
    padding: 35px 30px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
  }

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

  .documents_category h3 {
    font-size: clamp(2.1em, 3.5vw, 2.5em);
  }

  .documents_category ul li {
    font-size: clamp(1.65em, 2.5vw, 1.95em);
  }

  .documents_category ul li > ul {
    margin-top: 8px;
  }

  .documents_category ul li > ul li {
    font-size: 0.9em;
    margin-bottom: 7px;
    padding-left: 32px;
  }

  .documents_category ul li > ul li:before {
    left: 18px;
  }

  .documents_right {
    width: 100%;
    min-height: 350px;
    order: -1;
  }

  .leap_month_content {
    flex-direction: column;
  }

  .leap_month_left {
    width: 100%;
  }

  .leap_month_right {
    width: 100%;
  }

  .service_content {
    flex-direction: column;
  }

  .service_left {
    width: 100%;
  }

  .service_right {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .funeral_visual {
    font-size: 0.65em;
  }

  .funeral_visual .sub_visual_txt h2 {
    font-size: 5.5em;
  }

  .funeral_visual .sub_visual_txt {
    padding: 0 30px;
  }

  .funeral_visual .sub_visual_txt p {
    white-space: normal;
    word-break: keep-all;
  }

  .funeral_visual .sub_visual_txt span {
    margin-top: 50px;
  }

  .table_of_contents {
    font-size: 1em;
    padding: 60px 0;
  }

  .table_of_contents_wrap {
    padding: 0 20px;
  }

  .toc_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .toc_left {
    padding: 40px 25px;
  }

  .preparation_steps {
    font-size: 1em;
    padding: 60px 0;
  }

  .preparation_steps_wrap {
    padding: 0 20px;
  }

  .exhumation_day {
    font-size: 1em;
    padding: 60px 0;
  }

  .exhumation_day_wrap {
    padding: 0 20px;
  }

  .exhumation_item {
    gap: 20px;
  }

  .exhumation_img {
    min-height: 200px;
  }

  .exhumation_step {
    padding: 35px 30px;
  }

  .exhumation_step h3 {
    font-size: clamp(1.95em, 3.5vw, 2.3em);
    margin-bottom: 18px;
  }

  .exhumation_step ul li {
    font-size: clamp(1.55em, 2.5vw, 1.85em);
  }

  .detailed_process {
    font-size: 1em;
    padding: 60px 0;
  }

  .detailed_process_wrap {
    padding: 0 20px;
  }

  .detailed_left {
    padding: 40px 30px;
  }

  .detailed_left p {
    font-size: clamp(1.65em, 2.8vw, 2.1em);
    word-break: keep-all;
  }

  .post_processing {
    font-size: 1em;
    padding: 60px 0;
  }

  .post_processing_wrap {
    padding: 0 20px;
  }

  .post_processing_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  .post_item h3 {
    font-size: clamp(1.9em, 3.5vw, 2.3em);
    padding: 25px 20px 18px;
  }

  .post_item ul {
    padding: 0 20px 25px;
  }

  .post_item ul li {
    font-size: clamp(1.45em, 2.5vw, 1.75em);
    line-height: 1.7;
    margin-bottom: 10px;
  }

  .required_documents {
    font-size: 1em;
    padding: 60px 0;
  }

  .required_documents_wrap {
    padding: 0 20px;
  }

  .documents_content {
    flex-direction: column;
    gap: 30px;
  }

  .documents_left {
    width: 100%;
  }

  .documents_box {
    padding: 0;
    box-shadow: none;
    background: transparent;
  }

  .documents_category {
    background: #fff;
    padding: 30px 25px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
  }

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

  .documents_category h3 {
    font-size: clamp(2.2em, 4vw, 2.6em);
    margin-bottom: 18px;
  }

  .documents_category ul li {
    font-size: clamp(1.7em, 3vw, 2em);
  }

  .documents_category ul li > ul {
    margin-top: 8px;
  }

  .documents_category ul li > ul li {
    font-size: 0.9em;
    margin-bottom: 7px;
    padding-left: 30px;
  }

  .documents_category ul li > ul li:before {
    left: 16px;
  }

  .documents_right {
    width: 100%;
    min-height: 350px;
    order: -1;
  }

  .leap_month_guide {
    font-size: 1em;
    padding: 60px 0;
  }

  .leap_month_guide_wrap {
    padding: 0 20px;
  }

  .professional_service {
    font-size: 1em;
    padding: 60px 0;
  }

  .professional_service_wrap {
    padding: 0 20px;
  }
}

@media (max-width: 479px) {
  .funeral_visual {
    font-size: 0.65em;
  }

  .funeral_visual .sub_visual_txt h2 {
    font-size: 4.5em;
  }

  .funeral_visual .sub_visual_txt span {
    margin-top: 30px;
  }

  .table_of_contents {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .table_of_contents_wrap {
    padding: 0 15px;
  }

  .toc_left {
    padding: 35px 20px;
  }

  .toc_left h2 {
    margin-bottom: 20px;
  }

  .toc_grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .toc_item {
    padding: 25px 20px;
    min-height: auto;
  }

  .preparation_steps {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .preparation_steps_wrap {
    padding: 0 15px;
  }

  .step_card {
    min-width: 100%;
  }

  .exhumation_day {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .exhumation_day_wrap {
    padding: 0 15px;
  }

  .exhumation_item {
    gap: 15px;
  }

  .exhumation_img {
    min-height: 180px;
  }

  .exhumation_step {
    padding: 30px 25px;
  }

  .exhumation_step h3 {
    font-size: clamp(1.85em, 4vw, 2.2em);
    margin-bottom: 16px;
  }

  .exhumation_step ul li {
    font-size: clamp(1.5em, 3vw, 1.8em);
  }

  .detailed_process {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .detailed_process_wrap {
    padding: 0 15px;
  }

  .detailed_left {
    padding: 35px 25px;
  }

  .detailed_left p {
    font-size: clamp(1.6em, 3vw, 2em);
    word-break: keep-all;
  }

  .detailed_right {
    grid-template-columns: 1fr;
  }

  .post_processing {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .post_processing_wrap {
    padding: 0 15px;
  }

  .post_processing_grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .post_item h3 {
    font-size: clamp(1.85em, 4vw, 2.2em);
    padding: 22px 18px 16px;
  }

  .post_item ul {
    padding: 0 18px 22px;
  }

  .post_item ul li {
    font-size: clamp(1.4em, 3vw, 1.7em);
    line-height: 1.6;
    margin-bottom: 9px;
  }

  .required_documents {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .required_documents_wrap {
    padding: 0 15px;
  }

  .documents_category {
    padding: 25px 20px;
    margin-bottom: 15px;
  }

  .documents_category h3 {
    font-size: clamp(2em, 4.5vw, 2.4em);
    margin-bottom: 15px;
  }

  .documents_category ul li {
    font-size: clamp(1.6em, 3.5vw, 1.9em);
    margin-bottom: 10px;
  }

  .documents_category ul li > ul {
    margin-top: 6px;
  }

  .documents_category ul li > ul li {
    font-size: 0.9em;
    margin-bottom: 6px;
    padding-left: 28px;
  }

  .documents_category ul li > ul li:before {
    left: 14px;
    width: 3px;
    height: 3px;
  }

  .documents_right {
    min-height: 280px;
  }

  .leap_month_guide {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .leap_month_guide_wrap {
    padding: 0 15px;
  }

  .professional_service {
    font-size: 0.95em;
    padding: 50px 0;
  }

  .professional_service_wrap {
    padding: 0 15px;
  }

  .leap_month_box {
    padding: 50px 20px;
  }

  .leap_month_box ul li {
    padding-left: 16px;
  }
}