@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@media (max-width: 991.98px) {
  html {
    /*font-size: 6px;*/
    /*font-size: 37.5%;*/
    font-size: 8px;
    font-size: 50%;
  }
  input, select, textarea {
    font-size: 16px;
  }
}
.xe_content {
  color: var(--bh_color_text) !important;
  font-size: 14px;
  /*line-height: 1.5 !important;*/
  font-family: inherit !important;
}
/* common */
.content_wrap {
  background: #fff;
}
/* header */
/* section */
/*.section1 */
.section1 .section_title_wrap {
  margin-top: 50px;
}
.section1 .section_title_wrap .hr-line {
  display: none;
}
.section1 .section_title_wrap h2 {
  font-size: 40px;
}
.section1 .section_title_wrap h5 {
  font-size: 20px;
}
.section1 .contents_1 .box_style {
  border-radius: 20px;
  overflow: hidden;
}
.section1 .contents_1 .box_style p {
  border-radius: 20px;
  border: 1px solid var(--bh_color_gray_200);
}
.section1 .contents_1 .img_box {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.section1 .contents_1 .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* section2 */
.section2 {
  overflow: visible;
}
.section2 > .bh_wrap {
  max-width: 100%;
  background-color: papayawhip;
}
.section2 .section_title_wrap {
  margin-top: 50px;
}
.section2 .section_title_wrap .hr-line {
  display: none;
}
.section2 .section_title_wrap h2 {
  font-size: 40px;
}
.section2 .section_title_wrap h5 {
  font-size: 20px;
}
.section2 .text_test.bh_wrap {
  max-width: 1200px;
}
.section2 .text_test .color_box {
  padding: 20px;
  background: peachpuff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
/* section3 */
.section3 .xe-widget-wrapper {
  overflow: visible;
}
.section3 .section_title_wrap {
  margin-top: 50px;
}
.section3 .section_title_wrap .hr-line {
  display: none;
}
.section3 .section_title_wrap h2 {
  font-size: 40px;
}
.section3 .section_title_wrap h5 {
  font-size: 20px;
}
.section3 .box_shadow_test {
  position: relative;
}
.section3 .box_shadow_test .bg {
  position: absolute;
  bottom: 30%;
  width: 99999px;
  height: 800px;
  margin: 0 -9999px;
  background: lavender;
}
.section3 .img_box {
  height: 300px;
  overflow: hidden;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.section3 .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* section4 */
.section4 .xe-widget-wrapper {
  overflow: visible;
}
.section4 .section_title_wrap {
  margin-top: 50px;
}
.section4 .section_title_wrap .hr-line {
  display: none;
}
.section4 .section_title_wrap h2 {
  font-size: 40px;
}
.section4 .section_title_wrap h5 {
  font-size: 20px;
}
.section4 .padding_test .box_wrap {
  margin: 0 -45px;
  justify-content: center;
}
.section4 .padding_test .box {
  position: relative;
  overflow: visible;
  margin-left: -15px;
  margin-right: -15px;
}
.section4 .padding_test .box:nth-of-type(1) {
  z-index: 3;
}
.section4 .padding_test .box:nth-of-type(2) {
  z-index: 2;
}
.section4 .padding_test .box:nth-of-type(3) {
  z-index: 1;
}
.section4 .padding_test .circle {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.section4 .padding_test .circle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section4 .padding_test .text_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  padding: 20px 60px;
  color: #000;
  background: #FFF;
  z-index: 999;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.section4 .padding_test .text_wrap .img_wrap {
  width: 100%;
  height: 100%;
}
.section4 .padding_test .text_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section4 .padding_test .text_wrap p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .section4 .padding_test .text_wrap {
    padding: 10px 20px;
  }
}
/* section5 */
.section5 .section_title_wrap {
  margin-top: 100px;
}
.section5 .section_title_wrap .hr-line {
  display: none;
}
.section5 .section_title_wrap h2 {
  font-size: 40px;
}
.section5 .section_title_wrap h5 {
  font-size: 20px;
}
.section5 .product_wrap .product_item {
  position: relative;
  height: 400px;
  overflow: hidden;
  background: #fff;
}
.section5 .product_wrap .product_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section5 .product_wrap .product_item:nth-child(even) .text_wrap {
  left: 0;
}
.section5 .product_wrap .product_item .text_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.section5 .product_wrap .product_item .text_wrap:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.section5 .product_wrap .product_item .text_wrap strong {
  position: relative;
  padding-top: 15px;
}
.section5 .product_wrap .product_item .text_wrap strong::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 4px;
  background: #fff;
}
.section5 .product_wrap .product_item .text_wrap p:nth-of-type(1) {
  border-bottom: 1px solid var(--bh_color_gray_100);
}
@media (max-width: 992px) {
  .section5 .product_wrap .product_item {
    height: 250px;
  }
  .section5 .product_wrap .product_item .text_wrap {
    width: 100%;
  }
}
/* section6 */
.section6 .section_title_wrap {
  margin-top: 100px;
}
.section6 .section_title_wrap .hr-line {
  display: none;
}
.section6 .section_title_wrap h2 {
  font-size: 40px;
}
/* section7 */
/* section8 */
/* section9 */
/* section10 */
/* sub */
/* footer */
.bh .footer .footer_menu > ul {
  border-bottom: 1px solid var(--bh_color_gray_400) !important;
}
.bh .footer .footer_menu > ul > li {
  margin-bottom: 5px;
}
.bh .footer .footer_menu > ul > li span {
  font-size: 16px !important;
}
@media (max-width: 992px) {
  .bh .footer .footer_menu > ul > li span {
    font-size: 14px !important;
  }
}
footer .footer {
  background-color: var(--bh_color_gray_100);
}
footer .footer .bh_wrap .copyright.col {
  position: static !important;
}
footer .footer .bh_wrap .copyright .footer_link {
  position: absolute;
  top: 0;
}
footer .footer .footer_logo {
  width: 200px;
  border-right: none !important;
  padding: 40px 30px 4px 0 !important;
}
footer .footer p {
  color: var(--bh_color_gray_100) !important;
}
footer .footer p span {
  color: var(--bh_color_gray_100) !important;
  font-weight: 400;
}
footer .footer p .line_color {
  color: var(--bh_color_gray_100) !important;
}
@media (max-width: 992px) {
  footer .footer p .line_color {
    display: none;
  }
}
/* slider */
.swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1 {
  display: inline-block;
  font-size: 60px;
  line-height: 1.4;
  position: relative;
  width: auto;
}
.swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #15458E, transparent 100%, transparent);
  z-index: -1;
}
@media (max-width: 992px) {
  .swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1:before {
    width: 100%;
    height: 15px;
    z-index: -1;
  }
}
.swiper-main .item.item1 .slider_content_wrap span.slider_content_text_2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 50px;
}
.swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1 {
  display: inline-block;
  font-size: 60px;
  line-height: 1.4;
  position: relative;
  width: auto;
}
.swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #15458E, transparent 100%, transparent);
  z-index: -1;
}
@media (max-width: 992px) {
  .swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1:before {
    width: 100%;
    height: 15px;
    z-index: -1;
  }
}
.swiper-main .item.item2 .slider_content_wrap span.slider_content_text_2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 50px;
}
.swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1 {
  display: inline-block;
  font-size: 60px;
  line-height: 1.4;
  position: relative;
  width: auto;
}
.swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #15458E, transparent 100%, transparent);
  z-index: -1;
}
@media (max-width: 992px) {
  .swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1:before {
    width: 100%;
    height: 15px;
    z-index: -1;
  }
}
.swiper-main .item.item3 .slider_content_wrap span.slider_content_text_2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 50px;
}
.swiper-main .swiper-pagination {
  width: auto;
  color: #fff;
  display: none;
}
.swiper-main .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 8px;
  border-radius: 5px;
}
.swiper-button-prev, .swiper-button-next {
  display: none;
}
.swiper_main_page_nav_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20%;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
  color: #fff;
}
.swiper_main_page_nav_wrap .swiper_main_pagination {
  font-size: 18px;
  font-weight: 500;
}
.swiper_main_page_nav_wrap .swiper_main_pagination i {
  font-size: 5px;
}
.swiper_main_page_nav_wrap .swiper_main_pagination .total {
  color: var(--bh_color_gray_500);
}
.swiper_main_page_nav_wrap .swiper_main_prev, .swiper_main_page_nav_wrap .swiper_main_next {
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}
.swiper_main_page_nav_wrap .pause-btn {
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.swiper_main_scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #fff;
  z-index: 1;
}
.swiper_main_scroll .ri-mouse-line {
  font-size: 36px;
  font-weight: 200;
}
.swiper_main_scroll .bounce {
  display: inline-block;
  animation: bounceUpDown 1s ease-in-out infinite alternate;
}
@keyframes bounceUpDown {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@media (max-width: 991.98px) {
  .swiper-main .item.item1 .slider_content_wrap span.slider_content_text_1 {
    font-size: 22px;
  }
  .swiper-main .item.item1 .slider_content_wrap span.slider_content_text_2 {
    font-size: 18px;
  }
  .swiper-main .item.item2 .slider_content_wrap span.slider_content_text_1 {
    font-size: 22px;
  }
  .swiper-main .item.item2 .slider_content_wrap span.slider_content_text_2 {
    font-size: 18px;
  }
  .swiper-main .item.item3 .slider_content_wrap span.slider_content_text_1 {
    font-size: 22px;
  }
  .swiper-main .item.item3 .slider_content_wrap span.slider_content_text_2 {
    font-size: 18px;
  }
}
.deco {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 20px;
  height: 10px;
  border-radius: 5px 0 0 5px;
  background: #000;
  transform: translateX(-50%);
}
.deco::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 20px;
  height: 10px;
  border-radius: 0 5px 5px 0;
  background: red;
}
.ad_link {
  display: block;
  position: relative;
  width: 130px;
}
.ad_link:hover .view {
  color: navy !important;
}
.ad_link:hover i {
  color: #fff;
}
.ad_link span {
  display: block;
  color: var(--bh_color_gray_500);
}
.ad_link i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--bh_color_gray_500);
  background-color: var(--bh_color_gray_300);
}
.swiper .xe-widget-wrapper {
  overflow: visible;
}
.center_wrap {
  margin-left: -10px;
  margin-right: -10px;
  overflow: visible;
}
.center_wrap .mySwiper {
  padding-right: 10px;
  padding-left: 10px;
  overflow: hidden;
}
.center_wrap .mySwiper .swiper-slide {
  position: relative;
  z-index: 10;
  border-radius: 20px;
  border: 1px solid var(--bh_color_gray_300);
}
.center_wrap .mySwiper .swiper-slide:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.center_wrap .mySwiper .swiper-slide:hover .text_wrap span:nth-of-type(1) {
  color: navy;
}
.center_wrap .mySwiper .swiper-slide:hover .text_wrap p {
  font-weight: bold !important;
}
.center_wrap .mySwiper .swiper-slide:hover .img_wrap img {
  transform: scale(1.2);
}
.center_wrap .mySwiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.center_wrap .mySwiper .swiper-slide a .img_wrap {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.center_wrap .mySwiper .swiper-slide a .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s;
  object-fit: cover;
}
.center_wrap .mySwiper .swiper-slide a .text_wrap {
  padding: 20px;
}
.center_wrap .mySwiper .swiper-slide a .text_wrap span {
  color: var(--bh_color_gray_300);
  transition: all 0.5s;
}
.center_wrap .mySwiper .swiper-slide a .text_wrap p {
  margin: 10px 0 15px;
  transition: all 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}
@media (max-width: 992px) {
  .center_wrap .mySwiper .swiper-slide a .text_wrap p {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
.center_wrap .mySwiper .swiper-slide span {
  display: block;
}
.data_wrap .dataSwiper {
  position: relative;
}
.data_wrap .dataSwiper .swiper-slide {
  background-color: #fff;
}
.data_wrap .dataSwiper .swiper-slide .img_wrap {
  height: 400px;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
}
.data_wrap .dataSwiper .swiper-slide .img_wrap img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.data_wrap .dataSwiper .swiper-slide .text_wrap {
  padding: 0;
}
.data_wrap .dataSwiper .swiper-slide .text_wrap strong {
  display: block;
  margin: 70px 0 40px;
}
.data_wrap .dataSwiper .swiper-slide a {
  display: block;
  position: relative;
  width: 110px;
  padding: 5px 20px;
  border: 1px solid var(--bh_color_gray_500);
  border-radius: 20px;
  margin-top: 60px;
}
.data_wrap .dataSwiper .swiper-slide a span {
  display: block;
  font-weight: bold;
}
.data_wrap .dataSwiper .swiper-slide a i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.swiper_btn {
  position: absolute;
  top: -5%;
  right: 0;
  gap: 15px;
  cursor: pointer;
  transform: translate(-40%, -50%);
}
.swiper_btn .swiper_next {
  width: 40px;
  height: 40px;
  background: grey;
  color: #fff;
}
.swiper_btn .swiper_prev {
  width: 40px;
  height: 40px;
  background: brown;
  color: #fff;
}
.form .xe-widget-wrapper {
  overflow: visible;
}
.ask_wrap table {
  border-collapse: collapse;
}
.ask_wrap table tr:nth-of-type(1) {
  border-top: 2px solid #000;
}
.ask_wrap table tr {
  height: 65px;
  border-bottom: 2px solid var(--bh_color_gray_200);
}
.ask_wrap table th {
  width: 15%;
  background: var(--bh_color_gray_100);
}
.ask_wrap table th label > span {
  color: brown;
}
.ask_wrap table td {
  height: 65px;
}
.ask_wrap table td input {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  padding-left: 10px;
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 5px;
}
.ask_wrap table td textarea {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 5px;
}
.ask_wrap .agree_wrap {
  margin: 60px 0;
  padding: 15px;
  background: var(--bh_color_gray_100);
  border-radius: 10px;
}
.ask_wrap .agree_wrap a {
  display: inline-block;
  padding: 5px;
  color: #fff;
  background: var(--bh_color_gray_400);
}
.ask_wrap .agree_wrap .ds-f input {
  cursor: pointer;
}
.ask_wrap .agree_wrap .ds-f label {
  cursor: pointer;
}
.ask_wrap .question {
  display: block;
  margin: 0 auto;
  padding: 10px 40px;
  color: white;
  background: navy;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}
.online_wrap form {
  border: 1px solid var(--bh_color_gray_100);
  box-shadow: 2px 1px 30px rgba(0, 0, 0, 0.1);
}
.online_wrap form label {
  margin-bottom: 5px;
  font-weight: 600;
}
.online_wrap form label > span {
  color: skyblue;
}
.online_wrap form input {
  border: 1px solid var(--bh_color_gray_200);
  padding: 10px;
  margin-bottom: 20px;
}
.online_wrap form input::placeholder {
  color: var(--bh_color_gray_300);
}
.online_wrap form textarea {
  border: 1px solid var(--bh_color_gray_200);
  padding: 10px;
  resize: none;
  height: 200px;
}
.online_wrap form textarea::placeholder {
  color: var(--bh_color_gray_300);
}
.online_wrap .agree {
  border-bottom: 1px solid var(--bh_color_gray_300);
  vertical-align: text-top;
}
.online_wrap .agree input {
  cursor: pointer;
}
.online_wrap .agree label {
  font-weight: 400;
  cursor: pointer;
}
.online_wrap .agree a {
  color: var(--bh_color_gray_500);
  font-weight: 400;
}
.online_wrap button {
  display: block;
  width: 200px;
  padding: 10px 20px;
  background: navy;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  border: none;
}
.select_car_wrap h2 {
  padding-top: 20px;
  position: relative;
  color: #0A52A4;
}
.select_car_wrap h2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 6px;
  background: #0A52A4;
}
.select_car_wrap input[type="radio"] {
  display: none;
}
.select_car_wrap label {
  cursor: pointer;
}
.select_car_wrap input[type="radio"]:checked + .card {
  border: 3px solid #047CFC;
  color: #047CFC;
}
.select_car_wrap input[type="radio"]:checked + .card .time {
  background: #047CFC;
}
.select_car_wrap input[type="radio"]:checked + .card .circle {
  background: #047CFC;
}
.select_car_wrap input[type="radio"]:checked + .card .circle::after {
  border: 1px solid #047CFC;
}
.select_car_wrap .card {
  border: 3px solid var(--bh_color_gray_400);
  border-radius: 10px;
  color: var(--bh_color_gray_800);
}
.select_car_wrap .card .circle {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bh_color_gray_300);
}
.select_car_wrap .card .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--bh_color_gray_300);
}
.select_car_wrap .card .time {
  background: var(--bh_color_gray_400);
  border-radius: 10px;
  padding: 10px 25px;
  color: #fff;
}
.select_car_wrap .time_check_style label {
  color: var(--bh_color_gray_600);
}
.select_car_wrap .time_check_style input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.select_car_wrap .car_select_btn {
  display: inline-block;
  border: none;
  border-radius: 10px;
  padding: 15px 50px;
  margin: 0 auto;
  background: var(--bh_color_gray_800);
  color: #fff;
  cursor: pointer;
}
.flex #content {
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .flex #content {
    padding-bottom: 70px;
  }
}
.program_wrap .card {
  height: 400px;
  text-align: center;
  padding: 20px;
  background: #E0BFB6;
  border-radius: 20px;
  background-image: url("../../../../../assets/images/sub/img_back.jpg");
  transition: all 0.5s;
}
.program_wrap .card:hover {
  box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
  background-image: none;
}
.program_wrap .card:hover .front {
  opacity: 0;
}
.program_wrap .card:hover .back {
  animation: change 0.3s linear 0.1s 1 forwards;
}
.program_wrap .card strong {
  display: block;
  height: 20%;
  font-size: 30px;
  padding: 30px 0 0;
}
.program_wrap .card div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 80%;
}
.program_wrap .card div .front {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 600;
}
.program_wrap .card div .back {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  font-weight: 400;
  color: var(--bh_color_gray_600);
}
@keyframes change {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.technic_wrap {
  position: relative;
  z-index: 1;
}
.technic_wrap .box_style {
  position: relative;
  overflow: hidden;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.technic_wrap .box_style .img_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.technic_wrap .box_style .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technic_wrap .box_style .text_box {
  position: relative;
  margin-top: 280px;
  color: #fff;
}
@media (max-width: 992px) {
  .technic_wrap .box_style .text_box {
    margin-top: 100px;
  }
}
.payment .box_wrap {
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
}
.payment .text_box {
  width: 100%;
  margin: auto 0;
  padding: 0;
}
.payment .text_box span {
  color: navy;
}
.payment .text_box p:nth-of-type(1) {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.payment .text_box p:nth-of-type(2) {
  color: var(--bh_color_gray_600);
}
.payment .img_box {
  width: 100%;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
}
.payment .img_box img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.wrap .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.service_wrap {
  position: relative;
}
.service_wrap .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: #FFEEE7;
}
.service_wrap .point_c {
  color: brown;
}
.service_wrap p:nth-of-type(2) {
  color: var(--bh_color_gray_500);
}
.service_wrap .box:nth-of-type(1) > div {
  background-image: url("../../../../../assets/images/sub/img_2.jpg");
  background-size: cover;
}
.service_wrap .box:nth-of-type(2) > div {
  background-image: url("../../../../../assets/images/sub/img_3.jpg");
  background-size: cover;
}
.service_wrap .box:nth-of-type(3) > div {
  background-image: url("../../../../../assets/images/sub/img_4.jpg");
  background-size: cover;
}
.service_wrap .box > div {
  position: relative;
  padding: 30px;
  height: 400px;
  color: #fff;
  border-radius: 20px;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.5);
}
.service_wrap .box > div .ds-f {
  position: absolute;
  right: 0;
  top: 0;
  margin: 30px;
  width: 55px;
  height: 55px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.service_wrap .box > div p {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 30px;
}
.about_wrap > .bh_wrap .bh_row {
  width: 100%;
  margin: 0;
}
.about_wrap > .bh_wrap h2 {
  color: #113A65;
}
.about_wrap > .bh_wrap .color {
  color: var(--bh_color_gray_500);
}
.about_wrap .bottom_wrap {
  margin: 0 auto;
}
.about_wrap .bottom_wrap .img_wrap {
  max-width: 1474px;
  width: 100%;
  margin: 0 auto;
}
.about_wrap .bottom_wrap .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.about_wrap .bottom_wrap .bh_wrap {
  position: relative;
  margin-top: -80px;
  color: #fff;
}
.about_wrap .bottom_wrap .bh_wrap .bh_row {
  max-width: 1170px;
  margin: 0;
  padding: 20px;
  background: #113A65;
}
.about_wrap .bottom_wrap .bh_wrap .bh_row .bd_style {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 992px) {
  .about_wrap .bottom_wrap .bh_wrap .bh_row .bd_style {
    border-right: none;
  }
}
.about_wrap .bottom_wrap .bh_wrap .bh_row .img_box {
  min-width: 65px;
  height: 65px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.about_wrap .bottom_wrap .bh_wrap .bh_row .img_box img {
  display: block;
  width: 50%;
  height: 50%;
  object-fit: cover;
  object-position: 50% 50%;
}
.about_wrap .bottom_wrap .bh_wrap .bh_row .col-12 p {
  width: 215px;
}
@media (max-width: 992px) {
  .about_wrap .bottom_wrap .bh_wrap {
    margin-top: 20px;
  }
}
.mission_wrap {
  position: relative;
}
.mission_wrap .mission_item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 200px;
  border-radius: 20px;
}
.mission_wrap .mission_item img {
  position: absolute;
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mission_wrap .mission_item .text_item {
  position: relative;
  z-index: 1;
  width: 100%;
  color: #fff;
}
.mission_wrap .mission_item .text_item p {
  line-height: 1.6;
}
.mission_wrap .mission_item .text_item p i {
  font-size: 6px;
  vertical-align: middle;
  margin-right: 5px;
}
.mission_wrap .mission_item .text_item .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  width: 140px;
  height: 140px;
  border-radius: 10px;
  background-color: darkslategrey;
}
@media (max-width: 992px) {
  .mission_wrap .mission_item .text_item .box {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 992px) {
  .mission_wrap .mission_item {
    height: 150px;
  }
  .mission_wrap .mission_item img {
    height: 150px;
  }
  .mission_wrap .mission_item:nth-child(2) .box {
    top: -10px;
  }
}
.mission_wrap .mission_item:nth-child(even) {
  justify-content: flex-start;
}
.mission_wrap .mission_item:nth-child(even) img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.mission_wrap .mission_item:nth-child(even) .text_item .box {
  right: 0;
  background: darkkhaki;
}
.tab .xe-widget-wrapper {
  overflow: visible;
}
.product_wrap h2 {
  position: relative;
  color: #000;
}
.product_wrap h2::before {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  top: 10%;
  transform: translateX(50%);
  width: 30px;
  height: 5px;
  background: #000;
}
.product_wrap .tab_btn {
  display: flex;
  justify-content: center;
  height: 70px;
  border: 1px solid lightgray;
  background: var(--bh_color_gray_100);
  border-radius: 30px;
}
.product_wrap .tab_btn button {
  display: block;
  border-radius: 30px;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  color: #000;
  background: none;
  cursor: pointer;
  margin: -1px 1px;
}
.product_wrap .tab_btn .proclick {
  background: lightblue;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  color: #fff;
}
@media (max-width: 992px) {
  .product_wrap .tab_btn {
    height: 50px;
  }
}
.product_wrap .product_item {
  position: relative;
  height: auto;
  background: var(--bh_color_gray_100);
}
.product_wrap .product_item .product_img_wrap {
  width: 100%;
  overflow: hidden;
}
.product_wrap .product_item .product_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .product_wrap .product_item .product_img_wrap {
    height: 260px;
  }
}
.product_wrap .product_item .view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 140px;
}
.product_wrap .product_item .view > span {
  vertical-align: text-top;
}
.product_wrap .product_item .view .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
}
.product_wrap .product_item .view .arrow i {
  display: block;
  color: #fff;
}
@media (max-width: 992px) {
  .product_wrap .product_item .view {
    width: 110px;
  }
  .product_wrap .product_item .view .arrow {
    width: 25px;
    height: 25px;
  }
}
.product_wrap .product_item .mb-size {
  min-height: 100px;
}
.product_wrap .product_item .character {
  border-spacing: 0;
}
.product_wrap .product_item .character .top td {
  border-bottom: 1px solid var(--bh_color_gray_300);
}
.product_wrap .product_item .character td {
  height: 80px;
  border-right: 1px solid var(--bh_color_gray_300);
}
.product_wrap .product_item .character .bd_n {
  border-right: none;
}
.product_wrap .hide {
  display: none;
}
.tab_menu_wrap {
  background: #fff;
}
.tab_menu_wrap .bh_tab_wrap .active {
  border: 1px solid #000;
  color: #000;
  font-weight: bold;
}
.tab_menu_wrap .bh_tab3 ul {
  margin-right: -15px;
  margin-left: -15px;
}
.tab_menu_wrap .btn_style {
  padding-left: 15px;
  padding-right: 15px;
}
.tab_menu_wrap .btn_style a {
  display: block;
  padding: 20px 0;
  border: 1px solid var(--bh_color_gray_300);
  text-align: center;
  color: var(--bh_color_gray_300);
  cursor: pointer;
}
@media (max-width: 992px) {
  .tab_menu_wrap .btn_style a {
    padding: 10px 0;
  }
}
.tab_menu_wrap .tab_item {
  margin: 0 auto;
  padding: 15px;
  border: 1px solid var(--bh_color_gray_100);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.tab_menu_wrap .tab_item .img_box {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.tab_menu_wrap .tab_item .img_box .name_tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 20px;
  background: saddlebrown;
  font-style: 14px;
  color: #fff;
  z-index: 1;
}
.tab_menu_wrap .tab_item .img_box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .tab_menu_wrap .tab_item .img_box {
    height: 150px;
  }
}
.tab_menu_wrap .tab_item strong {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.tab_menu_wrap .tab_item .line {
  position: relative;
  vertical-align: top;
}
.tab_menu_wrap .tab_item .line::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(50%);
  width: 1px;
  height: 10px;
  border: 1px solid var(--bh_color_gray_300);
}
.tab_menu_wrap .tab_item .line_1 {
  display: inline-block;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.faq_wrap .list_item {
  background: var(--bh_color_gray_200);
  border-radius: 20px;
}
.faq_wrap .list_item .question .question_icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #F5F5F5;
  color: #000;
}
.faq_wrap .list_item .question .arrow {
  display: inline-block;
  border: none;
  background: none;
  color: var(--bh_color_gray_500);
  cursor: pointer;
  transition: all 0.3s;
}
.faq_wrap .list_item .answer {
  display: flex;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-in;
}
.faq_wrap .list_item .answer .answer_icon {
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #011379;
  color: #fff;
}
.faq_wrap .list_item .active {
  max-height: 500px;
  opacity: 1;
}
.faq_wrap .list_item .answer_pd {
  width: 100%;
  border-top: 1px solid var(--bh_color_gray_300);
  padding-top: 20px;
  margin-top: 20px;
}
.product_spec_wrap h2 > i {
  color: #005BAA;
  font-weight: 600;
}
.product_spec_wrap table {
  border-spacing: 0;
}
.product_spec_wrap table tr:nth-child(even) td {
  background: var(--bh_color_gray_200);
}
.product_spec_wrap table th {
  height: 50px;
  background: #005BAA;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 500;
}
.product_spec_wrap table td {
  height: 50px;
  border: 1px solid var(--bh_color_gray_300);
  border-left: none;
  border-top: none;
}
.product_spec_wrap table .bd_style_1 {
  border-top: 1px solid var(--bh_color_gray_300);
}
.product_spec_wrap table .bd_style_2 {
  border-bottom: none;
}
.product_spec_wrap table .font_color {
  color: #005BAA;
  font-weight: 500;
  background: #fff !important;
}
@media (max-width: 992px) {
  .product_spec_wrap table th {
    width: 25%;
  }
}
.about .xe-widget-wrapper {
  overflow: visible;
}
.about_hsm_wrap table {
  border-bottom-right-radius: 50px;
  background-color: var(--bh_color_gray_100);
  border-spacing: 0;
}
.about_hsm_wrap table tr:nth-last-child(1) td {
  border-bottom: none;
}
.about_hsm_wrap table tr:nth-last-child(1) th {
  border-bottom: none;
}
.about_hsm_wrap table td {
  height: 60px;
  border-bottom: 1px solid var(--bh_color_gray_300);
}
.about_hsm_wrap table th {
  color: #005BAA;
  border-bottom: 1px solid var(--bh_color_gray_300);
}
.about_hsm_wrap .img_box {
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.about_hsm_wrap .img_box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .about_hsm_wrap .img_box {
    height: 300px;
  }
}
.about_hsm_wrap .text_box i {
  color: var(--bh_color_gray_300);
}
.history_wrap h2 {
  color: #E53E18;
}
.history_wrap table {
  border-spacing: 0px;
  padding-top: 40px;
}
.history_wrap table tr td:nth-last-child(1) {
  color: var(--bh_color_gray_500);
}
.history_wrap table tr .bd_style_2 {
  border-bottom: none;
}
.history_wrap table tr:nth-last-child(1) td {
  border-bottom: none;
}
.history_wrap table tr:nth-child(1) th {
  border: none;
}
.history_wrap table th {
  width: 15%;
  vertical-align: text-top;
  text-align: left;
  color: #E53E18;
}
@media (max-width: 992px) {
  .history_wrap table th {
    width: 25%;
  }
}
.history_wrap table .circle_line {
  border-left: 1px solid var(--bh_color_gray_300);
}
.history_wrap table .circle_1 {
  border-left: 1px solid var(--bh_color_gray_300);
  top: 10px;
  position: relative;
}
.history_wrap table .circle_1::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e53e184d;
}
.history_wrap table .circle_1::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  transform: translate(-50%, 50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E53E18;
  z-index: 1;
}
.history_wrap table .circle_2 {
  position: relative;
}
.history_wrap table .circle_2::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e53e184d;
}
.history_wrap table .circle_2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E53E18;
  z-index: 1;
}
.history_wrap table .circle_3 {
  position: relative;
}
.history_wrap table .circle_3::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e53e184d;
}
.history_wrap table .circle_3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E53E18;
  z-index: 1;
}
.history_wrap table .bd_style_1 {
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.history_wrap table .pd_style_1 {
  padding-bottom: 40px;
}
.history_wrap table .pd_style_2 {
  padding: 40px 0;
}
.history_wrap table .pd_style_3 {
  padding-top: 40px;
}
.history_wrap table .va-t {
  vertical-align: top;
}
.value_wrap .value_item_wrap {
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 200px;
}
@media (max-width: 992px) {
  .value_wrap .value_item_wrap {
    border-radius: 100px;
  }
}
.value_wrap .value_item_wrap .value_item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 100%;
  background: #093492;
  color: #fff;
  border-radius: 50%;
}
.value_wrap .value_item_wrap .value_item.noIcon::after {
  display: none;
}
.value_wrap .value_item_wrap .value_item::after {
  content: "+";
  position: absolute;
  right: -10%;
  top: 50%;
  font-size: 40px;
  font-weight: 300;
  display: block;
  color: #000;
  transform: translate(50%, -50%);
}
.value_wrap .value_item_wrap .value_item .value_inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.value_wrap .value_item_wrap .value_item .img_box {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}
.value_wrap .value_item_wrap .value_item .img_box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .value_wrap .value_item_wrap .value_item {
    border-radius: 120px;
    height: 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .value_wrap .value_item_wrap .value_item::after {
    content: "+";
    position: absolute;
    right: 50%;
    bottom: -40%;
    font-size: 30px;
    font-weight: 300;
    display: block;
    color: #000;
    transform: translate(50%, 50%);
  }
  .value_wrap .value_item_wrap .value_item .img_box {
    width: 40px;
    height: 40px;
  }
}
.value_wrap .text_wrap div {
  border-right: 1px solid var(--bh_color_gray_200);
}
.value_wrap .text_wrap div p {
  letter-spacing: 0.8px;
  word-break: break-all;
}
.value_wrap .text_wrap div:nth-last-child(1) {
  border-right: none;
}
@media (max-width: 992px) {
  .value_wrap .text_wrap div {
    border-right: none;
  }
}
.vision_wrap .bh_row {
  margin: 0 -90px;
}
.vision_wrap .vision_style {
  margin: 0 -30px;
}
.vision_wrap .vision_style:nth-child(even) .vision_item {
  background: #def2b5a6;
}
.vision_wrap .vision_item {
  position: relative;
  background: #e6e6f0c0;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
}
.vision_wrap .vision_item .vision_inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.vision_wrap .vision_item span {
  width: 0.5px;
  height: 20px;
  margin: 5px auto;
  border: 1px solid;
  border-image: linear-gradient(0deg, #000 0%, #fff 100%);
  border-image-slice: 1;
}
@media (max-width: 992px) {
  .vision_wrap .bh_row {
    margin: 0;
  }
  .vision_wrap .vision_style {
    margin-bottom: 10px;
  }
  .vision_wrap .vision_item {
    border-radius: 20px;
    padding: 100px 0;
  }
}
.intro_wrap .year {
  color: #0678AD;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 120px;
}
.intro_wrap .text {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 120px;
}
.intro_wrap .middle_line {
  position: relative;
  border-right: 2px solid #9AC9E5;
}
.intro_wrap .middle_line::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #9AC9E5;
}
@media (max-width: 992px) {
  .intro_wrap .year {
    font-size: 24px;
  }
  .intro_wrap .text {
    font-size: 16px;
  }
  .intro_wrap .middle_line::after {
    width: 18px;
    height: 18px;
  }
}
.directions_wrap {
  position: relative;
}
.directions_wrap .directions_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 99999px;
  margin: 0 -9999px;
  height: 70%;
  z-index: -1;
  background: #EFF5F3;
}
.directions_wrap .map_box {
  border-radius: 10px;
  overflow: hidden;
}
.directions_wrap .map_box .map_border {
  display: none;
}
.directions_wrap .map_box .wrap_controllers {
  display: none;
}
.directions_wrap .map_box .map_text {
  background: #00723F;
  color: #fff;
}
.directions_wrap .contect_item {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--bh_color_gray_200);
}
.directions_wrap .contect_item .icon_style {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #4C4C4A;
  color: #fff;
  font-size: 28px;
}
.directions_wrap .contect_item a {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-radius: 20px;
  background: #90BD22;
  color: #fff;
}
.widget .xe-widget-wrapper {
  overflow: visible;
}
.widget .footer_logo {
  background: #fff;
}
.widget .copyright strong {
  opacity: 0.8;
}
.widget .copyright p span {
  position: relative;
  padding-right: 20px;
  font-weight: lighter;
  opacity: 0.8;
}
.widget .copyright p span::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  transform: translateY(50%);
  width: 0.5px;
  height: 10px;
  border: 1px solid var(--bh_color_gray_500);
}
.widget .copyright p span:nth-child(1) {
  padding-left: 0px;
}
.widget .copyright p span:nth-last-child(1)::after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(50%);
  width: 0.5px;
  height: 10px;
  border: 1px solid var(--bh_color_gray_500);
}
.popup_1_wrap {
  text-align: center;
}
.popup_1_wrap .popup_btn {
  display: inline-block;
  border: none;
  background: papayawhip;
  color: #de3838;
  padding: 10px 30px;
  border-radius: 20px;
  cursor: pointer;
}
.popup_1_wrap .popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 9999;
}
.popup_1_wrap .popup_overlay .popup_content {
  border: 5px solid #c1564c;
  background: papayawhip;
  border-radius: 20px;
}
.popup_1_wrap .popup_overlay .popup_content .close_btn {
  top: 20px;
  border: none;
  background: none;
  color: #c6b79e;
  cursor: pointer;
}
@media (max-width: 992px) {
  .popup_1_wrap .popup_overlay .popup_content {
    max-height: 450px;
  }
  .popup_1_wrap .popup_overlay .popup_content p {
    max-height: 250px;
    overflow: scroll;
  }
}
.popup_1_wrap .show {
  opacity: 1;
  visibility: visible;
}
.bh .scrollTop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: none;
  background: #624A30 !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  width: 60px;
  height: 60px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  opacity: 1 !important;
  right: 10px !important;
}
.middle_sub_menu {
  display: none;
}
.Hanamon .middle_sub_menu {
  display: none;
}
.Hanamon #content {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .Hanamon #content {
    padding-bottom: 70px;
  }
}
.bh .middle_sub_menu {
  background-color: transparent !important;
  border-top: none;
}
.bh .middle_sub_menu ul li {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  border-left: none;
}
.bh .middle_sub_menu ul li:last-child {
  border-right: none;
}
.bh .middle_sub_menu ul li a {
  padding: 15px 0;
}
@media (max-width: 992px) {
  .bh .middle_sub_menu ul li a {
    font-size: 1.4rem;
  }
}
.bh .middle_sub_menu ul li.active a {
  color: #fff !important;
  background-color: #CB222E;
}
.sub_top_banner .sub_top_banner_content_wrap span {
  font-size: 40px !important;
}
.sub_top_banner .sub_top_banner_content_wrap .hr-line {
  display: none;
}
.Hanamon .outline_wrap h3, .Hanamon .skill_wrap h3, .Hanamon .pros_wrap h3, .Hanamon .ex_wrap h3 {
  position: relative;
  z-index: 1;
}
.Hanamon .outline_wrap h3::after, .Hanamon .skill_wrap h3::after, .Hanamon .pros_wrap h3::after, .Hanamon .ex_wrap h3::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 28px;
  background: #CB222E;
}
.Hanamon .outline_wrap .outline_text_box .outline_icon, .Hanamon .ex_wrap .ex_box_top .ex_icon {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--bh_color_gray_200);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.Hanamon .outline_wrap .outline_text_box .outline_icon i, .Hanamon .ex_wrap .ex_box_top .ex_icon i {
  color: #CB222E;
  line-height: 28px;
}
.Hanamon .outline_wrap .outline_text_box .outline_icon i::before, .Hanamon .ex_wrap .ex_box_top .ex_icon i::before {
  vertical-align: baseline;
}
.Hanamon {
  font-family: "GmarketSansHana", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;
}
@font-face {
  font-family: "GmarketSansHana";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0041-005A, U+0061-007A;
}
.Hanamon body, .Hanamon input, .Hanamon textarea, .Hanamon select, .Hanamon button, .Hanamon table {
  font-family: "GmarketSansHana", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;
  color: var(--bh_color_text);
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.Hanamon .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.Hanamon .outline_wrap {
  position: relative;
}
.Hanamon .outline_wrap .outline_bg {
  position: absolute;
  width: 100%;
  height: 60%;
  object-fit: cover;
  overflow: hidden;
}
.Hanamon .outline_wrap .outline_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Hanamon .outline_wrap h2 {
  position: relative;
  z-index: 1;
}
.Hanamon .outline_wrap .outline_text_box {
  position: relative;
  background: var(--bh_color_gray_100);
  border: 1px solid var(--bh_color_gray_200);
  border-radius: 20px;
  overflow: hidden;
}
.Hanamon .outline_wrap .outline_text_box .outline_icon {
  position: absolute;
  left: 0;
  transform: translateX(-50%);
}
.Hanamon .outline_wrap .outline_text_box .outline_text {
  position: relative;
  padding: 30px 40px;
  z-index: 2;
  background: #fff;
}
.Hanamon .outline_wrap .outline_text_box .outline_text span {
  color: #CB222E;
}
.Hanamon .outline_wrap .outline_img_box {
  position: relative;
  border-radius: 20px;
  background: #F8FAFE;
  overflow: hidden;
}
.Hanamon .outline_wrap .outline_img_box .img_box {
  width: 100%;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.Hanamon .outline_wrap .outline_img_box .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Hanamon .outline_wrap .outline_img_box strong span {
  color: #CB222E;
}
.Hanamon .outline_wrap .outline_img_box p {
  word-break: break-all;
}
.Hanamon .outline_wrap a {
  display: inline-block;
  padding: 15px 25px;
  border-radius: 30px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.Hanamon .outline_wrap a i {
  color: #CB222E;
}
.Hanamon .skill_wrap .bh_wrap {
  position: relative;
  z-index: 1;
}
.Hanamon .skill_wrap .skill_bg_style {
  position: absolute;
  width: 350px;
  height: 350px;
  overflow: hidden;
  z-index: -1;
}
.Hanamon .skill_wrap .skill_bg_style img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Hanamon .skill_wrap .skill_bg_style.skill_bg_top {
  top: 0;
  right: -150px;
}
.Hanamon .skill_wrap .skill_bg_style.skill_bg_bottom {
  bottom: 0;
  left: -150px;
}
@media (max-width: 992px) {
  .Hanamon .skill_wrap .skill_bg_style {
    width: 250px;
    height: 250px;
  }
}
.Hanamon .skill_wrap .skill_img_box {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.Hanamon .skill_wrap .skill_img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Hanamon .skill_wrap .skill_text_wrap {
  position: relative;
  z-index: 1;
}
.Hanamon .skill_wrap .skill_text_wrap .skill_text_box {
  background: #fff;
  border: 1px solid var(--bh_color_gray_200);
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}
.Hanamon .skill_wrap .skill_text_wrap .skill_text_box .skill_text_left span {
  vertical-align: text-bottom;
  padding: 5px;
  background: #CB222E;
  border-radius: 50%;
  color: #fff;
  box-shadow: 1px 1px 20px 8px #cb222d35;
}
.Hanamon .skill_wrap .skill_text_wrap .skill_text_box .skill_text_right p {
  position: relative;
}
.Hanamon .skill_wrap .skill_text_wrap .skill_text_box .skill_text_right p::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--bh_color_gray_200);
  position: absolute;
  left: 0;
  top: 3px;
  transform: translateY(50%);
}
.Hanamon .skill_wrap .skill_text_wrap .skill_text_box .skill_text_right i {
  vertical-align: text-top;
  color: var(--bh_color_gray_300);
}
.Hanamon .pros_wrap {
  position: relative;
  z-index: 1;
}
.Hanamon .pros_wrap .pros_bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(var(--bh_color_gray_50), #fff);
}
.Hanamon .pros_wrap .pros_box_wrap .pros_box {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid var(--bh_color_gray_200);
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.Hanamon .pros_wrap .pros_box_wrap .pros_box ul li {
  list-style-type: square;
  margin-bottom: 10px;
}
.Hanamon .pros_wrap .pros_box_wrap .pros_box ul li::marker {
  color: var(--bh_color_gray_300);
  font-size: 24px;
}
.Hanamon .ex_wrap .ex_box_top {
  position: relative;
  border: 1px solid var(--bh_color_gray_200);
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.Hanamon .ex_wrap .ex_box_top ul {
  list-style-type: disc;
}
.Hanamon .ex_wrap .ex_box_top ul li::marker {
  font-size: 6px;
  vertical-align: middle;
}
.Hanamon .ex_wrap .ex_box_bottom {
  color: #fff;
  background-image: url("../../../../assets/images/sub/img2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}
.work3 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work3 #content {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work3 #content {
    padding-bottom: 70px;
  }
}
.work3 .header_wrap {
  z-index: 5 !important;
}
.work3 .sub_top_banner {
  display: none;
}
.work3 p span {
  color: #CB222E;
}
.work3 .work3_visual_wrap {
  position: relative;
  background: #fff;
  height: 600px;
}
.work3 .work3_visual_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../../../assets/images/sub/img6.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  pointer-events: none;
}
.work3 .work3_visual_wrap .main_visual_text {
  position: absolute;
  height: 100%;
  top: 150px;
  z-index: 3;
}
.work3 .work3_visual_wrap .main_visual_img_wrap {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: 100%;
  z-index: 1;
}
@media (max-width: 992px) {
  .work3 .work3_visual_wrap {
    height: auto;
  }
  .work3 .work3_visual_wrap .main_visual_text {
    position: relative;
    padding-top: 50px;
    top: unset;
  }
  .work3 .work3_visual_wrap .main_visual_img_wrap {
    position: relative;
    bottom: unset;
    right: unset;
    width: 120%;
    margin-left: -20%;
  }
}
.work3 .propose_wrap .propose_top .propose_top_box {
  border-radius: 20px;
  background: var(--bh_color_gray_100);
}
.work3 .propose_wrap .propose_top .propose_top_box ul li {
  position: relative;
  padding: 5px 0 5px 40px;
}
.work3 .propose_wrap .propose_top .propose_top_box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url("../../../../assets/images/sub/check.png");
  background-size: cover;
  width: 30px;
  height: 30px;
}
@media (max-width: 992px) {
  .work3 .propose_wrap .propose_top .propose_top_box ul li::before {
    width: 23px;
    height: 23px;
  }
}
.work3 .propose_wrap .propose_bottom .propose_box {
  position: relative;
  padding: 50px 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
.work3 .propose_wrap .propose_bottom .propose_box .number {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(to bottom right, #FDB161, #FE5468);
}
.work3 .propose_wrap .propose_bottom .propose_box .number span {
  color: #fff;
}
.work3 .creal_ex {
  position: relative;
}
.work3 .creal_ex .creal_ex_bg {
  position: absolute;
  height: 40%;
  width: 100%;
  background: linear-gradient(#FFEDE9, #fff);
}
.work3 .creal_ex .bh_wrap {
  position: relative;
  z-index: 1;
}
.work3 .creal_ex .ex_img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.work3 .creal_ex .ex_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.work3 .creal_ex .img_hashtag {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 20px;
  background: #F7E7E8;
}
.work3 .creal_ex .img_hashtag span {
  font-weight: 500;
  color: #CB222E;
}
.work3 .creal_ex .price_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.work3 .creal_ex .price_box .price_title {
  width: 100%;
  background: var(--bh_color_gray_900);
}
.work3 .creal_ex .price_box .price_title strong {
  color: #fff;
}
.work3 .creal_ex .price_box .price_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 30px;
}
.work3 .creal_ex .price_box .price_item ul li {
  padding: 5px 0;
  list-style-type: disc;
}
.work3 .creal_ex .price_box .price_item ul li::marker {
  color: #CB222E;
}
.work3 .creal_ex .price_box .price_item ul .price_text {
  display: inline-block;
  width: 120px;
}
.work3 .creal_ex .price_box .price_item ul .price {
  color: #CB222E;
}
.work3 .creal_ex .price_box .price_item .price_2 {
  position: relative;
  width: 100%;
  color: #CB222E;
  text-align: center;
}
.work3 .creal_ex .price_box .price_item .price_2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border: 1px solid var(--bh_color_gray_200);
}
.work3 .creal_ex .caution {
  padding: 20px 40px;
  background: var(--bh_color_gray_200);
  border-radius: 20px;
}
.work3 .creal_ex .caution ul li {
  padding: 3px 0;
  list-style-type: disc;
}
.work3 .creal_ex .caution ul li::marker {
  color: var(--bh_color_gray_400);
  font-size: 10px;
}
.work4 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work4 #content {
  padding: 0;
  padding-bottom: 0;
}
.work4 .sub_top_banner {
  display: none;
}
.work4 .main_visual_wrap {
  position: relative;
  height: 1000px;
  width: 100%;
  overflow: hidden;
  background-image: url("../../../../assets/images/sub/work4_main.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .work4 .main_visual_wrap {
    height: 350px;
  }
  .work4 .main_visual_wrap .visual_line {
    display: none;
  }
}
.work4 .main_visual_wrap .visual_text_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.work4 .main_visual_wrap .visual_text_wrap p:nth-of-type(1) {
  letter-spacing: 2px;
}
.work4 .main_visual_wrap .visual_line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(30%);
  width: 2px;
  height: 500px;
  margin: 0 auto;
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.work4 .about_js_wrap .sub_name {
  position: relative;
  display: inline-block;
}
.work4 .about_js_wrap .sub_name::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../../../../assets/images/sub/arrow.png");
  background-repeat: no-repeat;
}
.work4 .about_js_wrap .sub_name::after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../../../../assets/images/sub/arrow.png");
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.work4 .about_js_wrap .about_banner_img {
  max-width: 1790px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.work4 .about_js_wrap .about_banner_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: #624A30;
  padding: 0 15px;
}
.work4 .about_js_wrap .about_banner_img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background: #624A30;
  padding: 0 15px;
}
.work4 .about_js_wrap .about_banner_img img {
  width: 100%;
  height: 100%;
}
.work4 .about_js_wrap .about_text_wrap .first_title {
  position: relative;
}
.work4 .about_js_wrap .about_text_wrap .first_title::before {
  content: "THE FIRST";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  font-size: 72px;
  font-weight: 300;
  letter-spacing: 4px;
  color: #624A30;
}
.work4 .about_js_wrap .about_text_wrap .first_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: #624A30;
}
@media (max-width: 992px) {
  .work4 .about_js_wrap .about_text_wrap .first_title::before {
    font-size: 50px;
  }
}
.work4 .about_js_wrap .about_text_wrap .about_logo_wrap {
  position: relative;
  width: 220px;
  height: 220px;
}
.work4 .about_js_wrap .about_text_wrap .about_logo_wrap .about_logo_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: logoRotate 10s linear infinite;
}
@keyframes logoRotate {
  100% {
    transform: rotate(360deg);
  }
}
.work4 .about_js_wrap .about_text_wrap .about_logo_wrap .about_logo_top {
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg {
  position: relative;
  height: 700px;
  width: 100%;
  border-right: 1px solid var(--bh_color_gray_300);
  border-left: 1px solid var(--bh_color_gray_300);
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 500px;
  width: 100%;
  transition: all 1s;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item:hover {
  transform: translateY(-53%);
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item:hover::after {
  opacity: 1;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item::before {
  content: "";
  position: absolute;
  right: -14px;
  top: 0;
  background-image: url("../../../../assets/images/sub/about_vertical_text.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 250px;
  z-index: 1;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transition: all 0.5s;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_1::after {
  background: #7E6C53;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_2 {
  top: 55%;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_2::after {
  background: #597F75;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_2::before {
  top: 50%;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_3::after {
  background: #617187;
}
.work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item .about_care_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  color: #fff;
}
@media (max-width: 992px) {
  .work4 .about_js_wrap .about_care_wrap .about_care_bg {
    height: auto;
    border: none;
  }
  .work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item {
    top: 0;
    transform: translateY(0);
    height: 250px;
  }
  .work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item:hover {
    transform: translateY(-3%);
  }
  .work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item::before {
    right: -22px;
  }
  .work4 .about_js_wrap .about_care_wrap .about_care_bg .about_care_item.care_item_2::before {
    top: 0;
    left: -22px;
    transform: rotate(180deg);
  }
}
.work4 .cooperative_wrap {
  width: 100%;
  height: 100%;
  background-image: url("../../../../assets/images/sub/cooperative_background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 40%;
}
.work4 .cooperative_wrap p {
  letter-spacing: 2px;
}
.work4 .cooperative_wrap .bh_wrap {
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work4 .cooperative_wrap .bh_wrap {
    padding-bottom: 80px;
  }
}
:root {
  --work5_main_color: #FEE600;
}
.work5 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work5 #content {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .work5 #content {
    padding-bottom: 70px;
  }
}
.work5 .service_ex_wrap .service_ex_1 {
  position: relative;
}
.work5 .service_ex_wrap .service_ex_1 .service_wrap_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work5 .service_ex_wrap .service_ex_1 .service_wrap_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% top;
}
.work5 .service_ex_wrap .service_ex_1 .service_ex_text_wrap {
  position: absolute;
  top: 50%;
  right: 65%;
  transform: translate(50%, -50%);
}
@media (max-width: 1500px) {
  .work5 .service_ex_wrap .service_ex_1 .service_ex_text_wrap {
    right: 50%;
  }
}
.work5 .service_ex_wrap .service_ex_1 p {
  color: #fff;
}
.work5 .service_ex_wrap .service_ex_1 p span {
  color: var(--work5_main_color);
}
@media (max-width: 1500px) {
  .work5 .service_ex_wrap .service_ex_1 .service_ex_text_wrap {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    margin-top: 20px;
  }
  .work5 .service_ex_wrap .service_ex_1 .service_ex_text_wrap p {
    color: #000;
  }
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text {
  padding: 150px 200px;
  width: 100%;
  height: 100%;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text > .bh_row {
  margin: 0;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 5px solid var(--work5_main_color);
  border-radius: 50%;
  width: 200px;
  height: 200px;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box strong {
  color: #011379;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .icon_img {
  min-width: 50px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .icon_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work5 .service_ex_wrap .service_ex_2 .service_ex_2_text p span {
  color: #011379;
}
@media (max-width: 1600px) {
  .work5 .service_ex_wrap .service_ex_2 .service_ex_2_text {
    padding: 120px 30px;
  }
  .work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 992px) {
  .work5 .service_ex_wrap .service_ex_2 .service_ex_2_text {
    padding: 0px 15px 20px;
  }
  .work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box {
    width: 150px;
    height: 150px;
  }
  .work5 .service_ex_wrap .service_ex_2 .service_ex_2_text .service_ex_box .service_mu_img {
    width: 30px;
    height: 30px;
  }
}
.work5 .service_ex_wrap .service_ex_3 {
  position: relative;
}
.work5 .service_ex_wrap .service_ex_3 .service_ex_3_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bh_color_gray_200);
}
.work5 .service_ex_wrap .service_ex_3 .bh_wrap {
  position: relative;
  z-index: 1;
}
.work5 .service_ex_wrap .service_ex_3 p span {
  background: linear-gradient(to top, var(--work5_main_color) 50%, transparent 50%);
}
.work5 .service_ex_wrap .service_ex_3 .service_progress .progress_item .progress_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--bh_color_gray_50);
  border-radius: 50%;
  border: 2px solid var(--bh_color_gray_600);
  color: var(--bh_color_gray_600);
  position: relative;
}
.work5 .service_ex_wrap .service_ex_3 .service_progress .progress_item .progress_num::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 47%;
  bottom: -100%;
  width: 1px;
  height: 50px;
  border-left: 3px dashed var(--bh_color_gray_400);
}
.work5 .service_ex_wrap .service_ex_3 .service_progress .progress_item:nth-last-child(1) .progress_num::before {
  display: none;
}
.work5 .snack_wrap p span {
  color: var(--work5_main_color);
}
.work5 .snack_wrap .snack_item_wrap {
  position: relative;
}
.work5 .snack_wrap .snack_item_wrap .snack_line {
  position: absolute;
  top: -10px;
  left: 15px;
  right: 15px;
  height: 15px;
  background: #FFD600;
  margin: 0 auto;
  max-width: 1300px;
}
.work5 .snack_wrap .snack_item_wrap .snack_line::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #032255;
}
.work5 .snack_wrap .snack_item_wrap .snack_line::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #032255;
}
@media (max-width: 992px) {
  .work5 .snack_wrap .snack_item_wrap .snack_line {
    top: -20px;
    height: 10px;
  }
  .work5 .snack_wrap .snack_item_wrap .snack_line::before {
    left: 5px;
    width: 15px;
    height: 15px;
  }
  .work5 .snack_wrap .snack_item_wrap .snack_line::after {
    right: 5px;
    width: 15px;
    height: 15px;
  }
}
.work5 .snack_wrap .snack_item_wrap .bh_wrap .snack_card {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.work5 .snack_wrap .snack_item_wrap .bh_wrap .snack_card .card_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto;
  background: #FFF9E4;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.work5 .snack_intro_wrap {
  position: relative;
  margin-bottom: 150px;
}
@media (max-width: 992px) {
  .work5 .snack_intro_wrap {
    height: auto;
    margin-bottom: 70px;
  }
}
.work5 .snack_intro_wrap .snack_intro_bg {
  position: relative;
}
.work5 .snack_intro_wrap .snack_intro_bg div {
  position: absolute;
  top: 20px;
  left: 15px;
  width: 100%;
  height: 450px;
  background: var(--work5_main_color);
}
.work5 .snack_intro_wrap .snack_intro_bg div::before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 25px;
  background: #fff;
}
@media (max-width: 1300px) {
  .work5 .snack_intro_wrap .snack_intro_bg div {
    right: 0;
  }
}
@media (max-width: 992px) {
  .work5 .snack_intro_wrap .snack_intro_bg div {
    left: 0;
  }
  .work5 .snack_intro_wrap .snack_intro_bg div::before {
    display: none;
  }
}
.work5 .snack_intro_wrap .snackSwiper {
  position: relative;
  right: 0;
  width: 70%;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 50px;
  overflow: hidden;
}
.work5 .snack_intro_wrap .snackSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.work5 .snack_intro_wrap .snackSwiper .swiper-slide .snack_img {
  width: 100%;
}
.work5 .snack_intro_wrap .snackSwiper .swiper-slide .snack_img img {
  width: 100%;
  object-fit: cover;
}
.work5 .snack_intro_wrap .snackSwiper .swiper-slide .snack_title {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work5 .snack_intro_wrap .snackSwiper .snack_btn {
  position: absolute;
  bottom: 0;
  left: 20px;
  cursor: pointer;
  z-index: 2;
}
.work5 .snack_intro_wrap .snackSwiper .snack_btn .swiper_next {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: var(--bh_color_gray_500);
}
.work5 .snack_intro_wrap .snackSwiper .snack_btn .swiper_next i {
  color: #fff;
}
.work5 .snack_intro_wrap .snackSwiper .snack_btn .swiper_prev {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: var(--bh_color_gray_500);
}
.work5 .snack_intro_wrap .snackSwiper .snack_btn .swiper_prev i {
  color: #fff;
}
@media (max-width: 992px) {
  .work5 .snack_intro_wrap .snackSwiper .snack_btn {
    bottom: -50px;
    left: 30px;
  }
}
@media (max-width: 992px) {
  .work5 .snack_intro_wrap .snackSwiper {
    width: 100%;
    margin-top: 50px;
    padding: 0 15px;
    overflow: visible;
  }
}
.work6 .sub_top_banner {
  display: none;
}
.work6 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work6 #content {
  padding: 0 0 150px 0;
}
@media (max-width: 992px) {
  .work6 #content {
    padding: 0 0 70px 0;
  }
}
.work6 .header_wrap {
  position: fixed !important;
}
.work6 .son_main_visual {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../../../../assets/images/sub/work6_bg_1.jpg");
  background-size: cover;
  background-position: 50% bottom;
}
.work6 .son_main_visual .bh_wrap {
  height: 100%;
}
.work6 .son_main_visual .bh_wrap .son_main_text {
  height: 100%;
  transform: translateY(15%);
}
.work6 .son_main_visual .son_scroll {
  position: absolute;
  right: 5%;
  bottom: 100px;
  animation: scroll 1s infinite alternate;
  transform: rotate(-90deg);
}
.work6 .son_main_visual .son_scroll span {
  display: block;
}
@keyframes scroll {
  0% {
    bottom: 100px;
  }
  100% {
    bottom: 95px;
  }
}
@media (max-width: 992px) {
  .work6 .son_main_visual {
    height: 400px;
  }
  .work6 .son_main_visual .son_scroll {
    right: -10px;
    bottom: 60px;
    animation: scroll2 1s infinite alternate;
  }
  .work6 .son_main_visual .son_scroll span {
    display: block;
  }
  @keyframes scroll2 {
    0% {
      bottom: 60px;
    }
    100% {
      bottom: 55px;
    }
  }
}
.work6 .son_banner_1 {
  width: 100%;
  height: 350px;
  background: url("../../../../assets/images/sub/work6_bg_2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.work6 .son_banner_1 .banner_1_text {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.work6 .son_banner_1 .banner_1_text p span {
  color: #00A7CB;
}
.work6 .son_banner_1 .banner_1_text::before {
  content: "";
  position: absolute;
  top: -10px;
  width: 1px;
  height: 30%;
  background-image: linear-gradient(#fff, #00a7cb);
}
@media (max-width: 992px) {
  .work6 .son_banner_1 {
    height: 250px;
  }
}
.work6 .son_service {
  background: var(--bh_color_gray_50);
}
@media (max-width: 992px) {
  .work6 .son_service {
    margin-bottom: 50px;
  }
}
.work6 .son_service h2 {
  color: #00a7cb;
}
.work6 .son_vision .son_vision_item {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.work6 .son_vision .son_vision_item img {
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: cover;
}
.work6 .son_vision .son_vision_item .son_vision_text {
  position: absolute;
  top: 0;
  left: 0;
}
.work6 .son_vision .son_vision_item .son_vision_text .vision_text_num {
  position: relative;
}
.work6 .son_vision .son_vision_item .son_vision_text .vision_text_num span {
  position: absolute;
  top: 5px;
  left: 0;
}
.work6 .son_vision .son_vision_item .son_vision_style {
  position: absolute;
  bottom: 50%;
  right: 50px;
  transform: translateY(50%);
}
.work6 .son_vision .son_vision_item .son_vision_style .vision_text_num {
  position: relative;
}
.work6 .son_vision .son_vision_item .son_vision_style .vision_text_num span {
  position: absolute;
  top: 5px;
  left: -30px;
}
@media (max-width: 992px) {
  .work6 .son_vision .son_vision_item {
    height: 300px;
  }
  .work6 .son_vision .son_vision_item .son_vision_style {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    transform: translateY(0);
  }
  .work6 .son_vision .son_vision_item .son_vision_style .vision_text_num {
    position: relative;
  }
  .work6 .son_vision .son_vision_item .son_vision_style .vision_text_num span {
    position: absolute;
    top: 5px;
    left: -25px;
  }
}
.work6 .son_business {
  position: relative;
  height: 100%;
}
.work6 .son_business .son_business_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--bh_color_gray_50);
}
.work6 .son_business .bh_wrap {
  position: relative;
}
.work6 .son_business .son_business_item {
  background: #FFF;
  border-radius: 20px;
}
.work6 .son_business .son_business_item .business_img {
  width: 70px;
  height: 70px;
}
.work6 .son_business .son_business_item .business_img img {
  width: 100%;
  height: 100%;
  object-fit: conver;
}
.work6 .son_business .son_business_item a {
  display: inline-block;
  padding: 8px 25px;
  border: 1px solid #00a7cb;
  border-radius: 30px;
  color: #00a7cb;
  transition: all 0.5s;
}
.work6 .son_business .son_business_item a:hover {
  color: #fff;
  background: #00a7cb;
}
.work6 .son_banner_2 {
  width: 100%;
  height: 350px;
  background: url("../../../../assets/images/sub/work6_banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.work6 .son_banner_2 .banner_line_left {
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to left, #fff 10%, rgba(255, 255, 255, 0));
}
.work6 .son_banner_2 .banner_line_right {
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0));
}
.work6 .son_notice .son_faq {
  height: 100%;
}
.work6 .son_notice .son_faq .son_faq_box {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(50% - 10px);
  background: var(--bh_color_gray_200);
  border-radius: 20px;
}
.work6 .son_notice .son_faq .son_faq_box .son_faq_icon {
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  padding: 20px;
}
.work6 .son_notice .son_faq .son_faq_box strong {
  color: #00a7cb;
}
@media (max-width: 992px) {
  .work7 .sub_top_banner {
    height: 250px !important;
  }
}
.work7 .sub_top_banner .sub_top_banner_content_wrap .bh_row {
  max-width: 1200px;
  margin: 0 auto !important;
  text-align: left;
  align-items: end !important;
}
.work7 .sub_top_banner .sub_top_banner_content_wrap .bh_row .col-12 {
  margin-bottom: 50px;
}
.work7 .sub_top_banner .sub_top_banner_content_wrap .bh_row .col-12 span {
  position: relative;
  padding-left: 20px;
  margin-left: -1px;
  border-left: 1px solid var(--bh_color_gray_500);
}
.work7 .sub_top_banner .sub_top_banner_content_wrap .bh_row .col-12 span::before {
  content: "company";
  position: absolute;
  top: -30px;
  left: -1px;
  font-size: 16px;
  font-weight: 400;
  border-left: 1px solid #fff;
  padding-left: 22px;
  padding-bottom: 6px;
}
.work7 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work7 .xe-widget-wrapper {
  margin-top: -30px;
  margin-bottom: -30px;
}
.work7 {
  font-family: "Pretendard";
}
.work7 .harin_visual {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../../assets/images/sub/about_bg.jpg");
  z-index: -1;
}
.work7 .harin_visual .harin_visual_top {
  position: relative;
}
.work7 .harin_visual .harin_visual_top .harin_visual_text {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 900px) {
  .work7 .harin_visual .harin_visual_top .harin_visual_text {
    position: relative;
    transform: translateY(0);
  }
}
.work7 .harin_visual .harin_visual_top .harin_top_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work7 .harin_visual .harin_visual_top::before {
  content: "";
  position: absolute;
  left: -100%;
  transform: translateX(-20px);
  top: 50%;
  width: 100%;
  height: 1px;
  border: 1px solid var(--bh_color_gray_800);
}
@media (max-width: 992px) {
  .work7 .harin_visual .harin_visual_top::before {
    display: none;
  }
}
.work7 .harin_visual .harin_visual_text {
  position: relative;
  color: #fff;
  z-index: 1;
  font-size: 133px;
}
@media (max-width: 1200px) {
  .work7 .harin_visual .harin_visual_text {
    font-size: 90px;
  }
}
@media (max-width: 992px) {
  .work7 .harin_visual .harin_visual_text {
    font-size: 60px;
  }
}
.work7 .harin_visual .harin_visual_bottom {
  position: relative;
}
.work7 .harin_visual .harin_visual_bottom .harin_bottom_img {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.work7 .harin_visual .harin_visual_bottom .harin_bottom_img img {
  width: 100%;
  object-fit: cover;
}
.work7 .harin_visual .harin_visual_bottom::before {
  content: "";
  position: absolute;
  right: -100%;
  transform: translateX(20px);
  top: 50%;
  width: 100%;
  height: 1px;
  border: 1px solid var(--bh_color_gray_800);
}
@media (max-width: 992px) {
  .work7 .harin_visual .harin_visual_bottom::before {
    display: none;
  }
}
.work7 .about_harin {
  position: relative;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work7 .about_harin {
    padding-bottom: 70px;
  }
}
.work7 .about_harin::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  height: 300px;
  background: var(--bh_color_gray_100);
}
@media (max-width: 992px) {
  .work7 .about_harin::after {
    display: none;
  }
}
.work7 .about_harin .about_harin_top {
  position: relative;
  overflow: hidden;
}
.work7 .about_harin .about_harin_top .bh_wrap {
  padding: 100px 15px;
  height: 100%;
}
.work7 .about_harin .about_harin_top .bh_wrap .about_top_img {
  position: absolute;
  left: 15%;
  top: 0;
}
@media (max-width: 1600px) {
  .work7 .about_harin .about_harin_top .bh_wrap .about_top_img {
    left: 0;
  }
}
@media (max-width: 1200px) {
  .work7 .about_harin .about_harin_top .bh_wrap .about_top_img {
    position: static;
  }
}
@media (max-width: 1200px) {
  .work7 .about_harin .about_harin_top .bh_wrap .about_top_text_wrap {
    justify-content: flex-start !important;
  }
  .work7 .about_harin .about_harin_top .bh_wrap .about_top_text_wrap .about_top_text {
    margin-top: 20px;
  }
}
.work7 .about_harin .about_harin_top .bh_wrap .about_top_text {
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .work7 .about_harin .about_harin_top .bh_wrap {
    padding: 20px 15px;
  }
}
.work7 .about_harin .about_harin_bottom {
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .work7 .about_harin .about_harin_bottom .about_bottom_img_left img {
    width: 85%;
  }
}
.work7 .about_harin .about_harin_deco_img {
  position: absolute;
  right: 10%;
  bottom: 10%;
  z-index: -1;
  opacity: 0.6;
}
@media (max-width: 992px) {
  .work7 .about_harin .about_harin_deco_img {
    top: 0;
    right: 15px;
    width: 50px;
    opacity: 1;
  }
}
@media (max-width: 500px) {
  .work7 .about_harin .about_harin_deco_img {
    width: 40px;
  }
}
.work8 #content {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work8 #content {
    padding-bottom: 80px;
  }
}
.work8 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work8 .sub_top_banner {
  display: none;
}
.work8 {
  font-family: "GmarketSans";
}
@font-face {
  font-family: "GmarketSans";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSans";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSans";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
.work8 body, .work8 input, .work8 textarea, .work8 select, .work8 button, .work8 table {
  font-family: "GmarketSans";
  color: var(--bh_color_text);
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.work8 .kfa_banner_wrap {
  width: 100%;
  height: 100%;
  background: url("../../../../assets/images/sub/work8_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.work8 .kfa_banner_wrap .kfa_banner_left .kfa_banner_text p:nth-child(1) {
  letter-spacing: 2px;
  background-image: linear-gradient(0deg, #2f6bbb 35%, #00d4ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.work8 .kfa_banner_wrap .kfa_banner_left .kfa_banner_text p:nth-child(2) {
  background-image: linear-gradient(0deg, #2f6bbb 35%, #00d4ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.work8 .kfa_banner_wrap .kfa_banner_left .kfa_banner_text p:nth-child(3) {
  font-weight: 400;
  font-size: 48px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #37A1D4, 0px -1px #37A1D4, 4px 2px 0 #37A1D4, 4px 3px 0 #37A1D4, -1px 0px 0 #37A1D4;
}
.work8 .kfa_notice_banner {
  border-bottom: 1px solid var(--bh_color_gray_200);
  overflow: hidden;
}
.work8 .kfa_notice_banner .notice_banner_title {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background: #EBF5FB;
}
.work8 .insurance_wrap .insurance_price p span {
  color: #37A1D4;
}
.work8 .insurance_wrap .insurance_price table {
  border-spacing: 0;
  border-collapse: collapse;
  border-radius: 10px;
  border-style: hidden;
  box-shadow: 0 0 0 1px var(--bh_color_gray_200);
  overflow: hidden;
}
.work8 .insurance_wrap .insurance_price table th, .work8 .insurance_wrap .insurance_price table td {
  height: 50px;
  border: 1px solid var(--bh_color_gray_200);
}
.work8 .insurance_wrap .insurance_price table th {
  background: #EBF5FB;
}
.work8 .insurance_wrap .insurance_price table .insurance_style {
  color: #F3552A;
  background: var(--bh_color_gray_100);
}
.work8 .insurance_wrap .insurance_description .description_box {
  border-radius: 10px;
  border: 1px solid var(--bh_color_gray_200);
  overflow: hidden;
}
.work8 .insurance_wrap .insurance_description .description_box .description_item {
  border-collapse: collapse;
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.work8 .insurance_wrap .insurance_description .description_box .description_item:nth-last-child(1) {
  border-bottom: none;
}
.work8 .insurance_wrap .insurance_description .description_box .description_item .description_left {
  background: #EBF5FB;
  border-right: 1px solid var(--bh_color_gray_200);
}
.work8 .insurance_wrap .insurance_description .description_box .description_item .description_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.work8 .insurance_wrap .insurance_description .description_box .description_item .description_right li {
  list-style-type: disc;
}
.work8 .insurance_wrap .insurance_description .description_box .description_item .description_right li::marker {
  font-size: 16px;
}
.work8 .insurance_wrap .insurance_description .insurance_download .download_box {
  border-radius: 10px;
  border: 1px solid #37A1D4;
  transition: all 1s;
}
.work8 .insurance_wrap .insurance_description .insurance_download .download_box a {
  position: relative;
  display: inline-block;
  padding: 10px 30px;
  background-color: #37A1D4;
  border-radius: 25px;
  font-family: "GmarketSans";
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  z-index: 1;
  transition: background-color 0.3s;
}
.work8 .insurance_wrap .insurance_description .insurance_download .download_box a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #3699D0, #2D6BB6);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 20px;
}
.work8 .insurance_wrap .insurance_description .insurance_download .download_box a:hover::before {
  opacity: 1;
}
.work8 .insurance_wrap .insurance_description .insurance_download .download_box:hover {
  box-shadow: 5px 5px 15px #C4EFFF, -5px -5px 15px #C4EFFF;
}
.work8 .insurance_wrap .insurance_information .inform_box {
  background: #EBF5FB;
  border-radius: 10px;
  padding: 20px 0;
}
.work8 .insurance_wrap .insurance_information .inform_box > p {
  color: #E53E18;
}
.work8 .insurance_wrap .insurance_information .inform_box .inform_bd {
  position: relative;
}
.work8 .insurance_wrap .insurance_information .inform_box .inform_bd::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 5px;
  width: 1px;
  height: 20px;
  border-right: 1px solid var(--bh_color_gray_500);
}
@media (max-width: 992px) {
  .work8 .insurance_wrap .insurance_information .inform_box .inform_style {
    display: none;
  }
  .work8 .insurance_wrap .insurance_information .inform_box .inform_bd::after {
    display: none;
  }
}
.work9 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work9 .sub_top_banner {
  display: none;
}
.work9 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work9 .header_wrap {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 0;
  box-shadow: none;
}
.work9 {
  font-family: "Noto Sans KR";
}
.work9 .about_cyberdigm {
  width: 100%;
  height: 100%;
  background: url("../../../../assets/images/sub/work9_about_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% bottom;
}
@media (max-width: 992px) {
  .work9 .about_cyberdigm {
    height: auto;
  }
}
.work9 .about_cyberdigm .cyber_item {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
}
.work9 .about_cyberdigm .cyber_item .cyber_item_top {
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.work9 .about_cyberdigm .cyber_item p {
  color: var(--bh_color_red);
}
.work9 .about_cyberdigm .cyber_item .cyber_bd {
  border-bottom: none;
}
.work9 .cyberdigm_point {
  background-color: var(--bh_color_gray_100);
}
.work9 .cyberdigm_point .cyber_point_item {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.work9 .cyberdigm_point .cyberdigm_recruit {
  position: relative;
  background: #fff;
  border-radius: 20px;
  height: 100%;
}
.work9 .cyberdigm_point .cyberdigm_recruit .cyberdigm_recruit_link a {
  background: var(--bh_color_red);
  color: #fff;
  padding: 10px 30px;
  border-radius: 30px;
}
.work9 .cyberdigm_point .cyberdigm_recruit .cyberdigm_recruit_link a:hover {
  background: var(--bh_color_red_point);
  font-weight: bold;
}
.work9 .cyberdigm_point .cyberdigm_recruit .cyberdigm_recruit_img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  .work9 .cyberdigm_point .cyberdigm_recruit .cyberdigm_recruit_img {
    position: relative;
    display: flex;
    justify-content: center;
  }
}
.work9 .cyberdigm_history .bh_wrap {
  position: relative;
}
.work9 .cyberdigm_history .cyber_swiper_navigations {
  position: absolute;
  top: 5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 992px) {
  .work9 .cyberdigm_history .cyber_swiper_navigations {
    top: 50px;
    width: 40px;
    height: 40px;
  }
}
.work9 .cyberdigm_history .cyber_swiper_navigations.cyberdigm_prev {
  left: 0;
  background: var(--bh_color_red);
  color: #fff;
}
@media (max-width: 992px) {
  .work9 .cyberdigm_history .cyber_swiper_navigations.cyberdigm_prev {
    left: 15px;
  }
}
.work9 .cyberdigm_history .cyber_swiper_navigations.cyberdigm_next {
  right: 0;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  color: var(--bh_color_gray_400);
}
@media (max-width: 992px) {
  .work9 .cyberdigm_history .cyber_swiper_navigations.cyberdigm_next {
    right: 15px;
  }
}
.work9 .cyberdigm_history .cyberdigmSwiper {
  position: relative;
}
.work9 .cyberdigm_history .cyberdigmSwiper::after {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  left: calc(-1*((100vw - 1200px) / 2) - 30px);
  width: 100vw;
  height: 1px;
  border: 1px solid var(--bh_color_gray_200);
}
@media (max-width: 1200px) {
  .work9 .cyberdigm_history .cyberdigmSwiper::after {
    left: -30px;
  }
}
@media (max-width: 992px) {
  .work9 .cyberdigm_history .cyberdigmSwiper::after {
    top: 47px;
  }
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.4s ease;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide .history_year {
  position: relative;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide .history_year::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid var(--bh_color_gray_400);
  background: #fff;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide .history_content {
  list-style: disc outside;
  padding-left: 1.2em;
  color: var(--bh_color_gray_400);
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide .history_content li {
  list-style: disc;
  padding-bottom: 2px;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide .history_content li::marker {
  font-size: 10px;
  color: var(--bh_color_gray_400);
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-active, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next + .swiper-slide {
  opacity: 1;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-active .history_year::after, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next .history_year::after, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next + .swiper-slide .history_year::after {
  border: 3px solid var(--bh_color_red);
  background: #fff;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-active .history_year p, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next .history_year p, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next + .swiper-slide .history_year p {
  color: var(--bh_color_red) !important;
}
.work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-active .history_content, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next .history_content, .work9 .cyberdigm_history .cyberdigmSwiper .swiper-wrapper .swiper-slide-next + .swiper-slide .history_content {
  color: var(--bh_color_gray_800);
}
.work9 .cyberdigm_business {
  background-color: var(--bh_color_gray_100);
}
.work9 .cyberdigm_business .bh_wrap {
  position: relative;
}
.work9 .cyberdigm_business .bh_wrap .cyberdigm_line {
  bottom: 0;
  left: 15px;
  right: 15px;
}
@media (max-width: 992px) {
  .work9 .cyberdigm_business .bh_wrap .cyberdigm_line {
    display: none;
  }
}
.work9 .cyberdigm_business .cyber_business_item {
  position: relative;
  width: 90%;
  padding-bottom: 90%;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
}
.work9 .cyberdigm_business .cyber_business_item.item_1 {
  left: 20px;
}
.work9 .cyberdigm_business .cyber_business_item.item_3 {
  right: 20px;
}
.work9 .cyberdigm_business .cyber_business_item > .po-a {
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work9 .cyberdigm_business .cyber_business_item > .po-a strong {
  border-bottom: 1px solid var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work9 .cyberdigm_business .cyber_business_item > .po-a {
    top: 50%;
  }
}
@media (max-width: 992px) {
  .work9 .cyberdigm_business .cyber_business_item {
    width: 300px;
    height: 300px;
    padding-bottom: 0;
    margin: 0 auto;
  }
}
.work9 .cyberdigm_certificate .bh_wrap {
  position: relative;
}
.work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations {
    top: -50px;
    width: 40px;
    height: 40px;
  }
}
.work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_prev {
  left: -20px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_prev {
    left: 15px;
  }
}
.work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_prev:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_next {
  right: -20px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_next {
    right: 15px;
  }
}
.work9 .cyberdigm_certificate .bh_wrap .certifi_swiper_navigations.certificate_next:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_certificate .bh_wrap .certificateSwiper {
  width: calc(100% - 160px);
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .work9 .cyberdigm_certificate .bh_wrap .certificateSwiper {
    width: 100%;
  }
}
.work9 .cyberdigm_certificate .bh_wrap .certificate_img {
  border: 1px solid var(--bh_color_gray_200);
}
.work9 .cyberdigm_certificate .bh_wrap .certificate_img > div {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.work9 .cyberdigm_news {
  background-color: var(--bh_color_gray_100);
}
.work9 .cyberdigm_news .bh_wrap {
  position: relative;
}
.work9 .cyberdigm_news .cyberdigm_news_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_news .cyberdigm_news_button {
    top: -50px;
    width: 40px;
    height: 40px;
  }
}
.work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_prev {
  left: -100px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_prev {
    left: 15px;
  }
}
.work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_prev:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_next {
  right: -100px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_next {
    right: 15px;
  }
}
.work9 .cyberdigm_news .cyberdigm_news_button.cyberdigm_news_button_next:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_blog .bh_wrap {
  position: relative;
}
.work9 .cyberdigm_blog .cyberdigm_blog_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_blog .cyberdigm_blog_button {
    top: -50px;
    width: 40px;
    height: 40px;
  }
}
.work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_prev {
  left: -100px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_prev {
    left: 15px;
  }
}
.work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_prev:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_next {
  right: -100px;
  background-color: #fff;
  box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.05);
  color: var(--bh_color_gray_400);
}
@media (max-width: 1400px) {
  .work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_next {
    right: 15px;
  }
}
.work9 .cyberdigm_blog .cyberdigm_blog_button.cyberdigm_blog_button_next:hover {
  background-color: var(--bh_color_red);
  color: #fff;
}
.work9 .cyberdigm_banner {
  width: 100%;
  height: 100%;
  background-image: url("../../../../assets/images/sub/about_inquiry_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.work9 .cyberdigm_banner .cyberdigm_banner_link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.work9 .cyberdigm_banner .cyberdigm_banner_link a {
  display: inline-block;
  border-radius: 30px;
  padding: 15px 60px;
  color: #fff;
  background: var(--bh_color_red);
}
@media (max-width: 992px) {
  .work9 .cyberdigm_banner .cyberdigm_banner_link a {
    padding: 10px 40px;
  }
}
.work9 .cyberdigm_banner .cyberdigm_banner_link a:hover {
  background: var(--bh_color_red_point);
  font-weight: bold;
}
.work10 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work10 #content {
  padding-top: 100px;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work10 #content {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.work10 .cotton_color {
  color: #EE8106;
}
.work10 .cotton_float {
  width: 100%;
  position: absolute;
  top: 73px;
  z-index: 9;
}
@media (max-width: 992px) {
  .work10 .cotton_float {
    top: 50px;
  }
}
.work10 .cotton_float .cotton_float_left {
  width: calc(100% - 250px);
  padding: 5px 10px;
  background: #fff;
}
.work10 .cotton_float .cotton_float_left .cotton_left_box {
  position: relative;
  border: 1px solid var(--bh_color_red);
  padding: 5px 0;
}
.work10 .cotton_float .cotton_float_left .cotton_left_box .float_line_1 {
  width: 1px;
  height: 14px;
  background: var(--bh_color_gray_400);
  margin: 0 5px;
}
.work10 .cotton_float .cotton_float_left .cotton_left_box .cotton_float_plus {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .work10 .cotton_float .cotton_float_left {
    width: 100%;
  }
}
.work10 .cotton_float .cotton_float_right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px !important;
  background: #EE8106;
  color: #fff;
}
.work10 .cotton_float .cotton_float_right a {
  width: 100%;
  text-align: center;
}
.work10 .cotton_float .cotton_float_right .float_line_2 {
  width: 1px;
  height: 14px;
  background: #fff;
  margin: 0 5px;
}
@media (max-width: 992px) {
  .work10 .cotton_float .cotton_float_right {
    display: none;
  }
}
.work10 .about_cotton .about_cotton_bar {
  width: 1px;
  height: 12px;
  background: var(--bh_color_gray_200);
}
@media (max-width: 992px) {
  .work10 .about_cotton .about_cotton_bar {
    height: 10px;
  }
}
.work10 .cotton_process {
  position: relative;
}
.work10 .cotton_process .cotton_video_wrap {
  position: relative;
}
.work10 .cotton_process .cotton_video_wrap .cotton_video_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
}
.work10 .cotton_process .cotton_video_wrap .cotton_video_btn.hidden {
  display: none;
}
@media (max-width: 992px) {
  .work10 .cotton_process .cotton_video_wrap .cotton_video_btn {
    width: 60px;
    height: 60px;
  }
}
.work10 .cotton_process video {
  position: relative;
  z-index: 1;
}
.work10 .cotton_process .cottonSwiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.work10 .cotton_process .cottonSwiper .cotton_slide_style {
  position: relative;
}
.work10 .cotton_process .cottonSwiper .cotton_slide_style p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 15px 15px;
  background-image: linear-gradient(to bottom, rgba(164, 149, 137, 0), #9E805D 100%);
}
.work10 .cotton_process .cottonSwiper .cotton_slide_style p span {
  margin-left: 5px;
}
@media (max-width: 992px) {
  .work10 .cotton_process .cottonSwiper .cotton_slide_style p {
    padding: 20px 10px 10px;
  }
}
@media (max-width: 992px) {
  .work10 .cotton_process .cottonSwiper {
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
  }
}
.work10 .cotton_process .cotton_process_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: var(--bh_color_gray_100);
}
.work10 .cotton_patent .bh_wrap .patent_box {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.work10 .cotton_patent .bh_wrap .patent_box .patent_border {
  border: 2px solid var(--bh_color_red);
}
.work10 .cotton_patent .bh_wrap .patent_box .patent_border strong {
  position: relative;
}
.work10 .cotton_patent .bh_wrap .patent_box .patent_border strong::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 25px;
  background: var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work10 .cotton_patent .bh_wrap .patent_box .patent_border strong::after {
    display: none;
  }
}
.work10 .cotton_work_process .cotton_work_title {
  border-bottom: 1px dashed var(--bh_color_gray_300);
}
.work10 .cotton_work_process .cotton_step_box p {
  width: 100%;
  margin-top: 5px;
  word-break: break-all;
  word-wrap: break-word;
}
.work10 .cotton_work_process .cotton_step_box p span {
  word-break: keep-all;
}
.work10 .cotton_work_process .cotton_work_text_1 {
  position: relative;
}
.work10 .cotton_work_process .cotton_work_text_1 p {
  position: relative;
  z-index: 1;
}
.work10 .cotton_work_process .cotton_work_text_1 .cotton_work_deco_1 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.work10 .cotton_work_process .cotton_work_text_1 .cotton_work_deco_1 img {
  width: 290px;
  height: 290px;
}
.work10 .cotton_work_process .cotton_work_text_1 .cotton_work_deco_1 .cotton_deco_1_img {
  margin-left: -110px;
}
@media (max-width: 992px) {
  .work10 .cotton_work_process .cotton_work_text_1 .cotton_work_deco_1 img {
    width: 120px;
    height: 120px;
  }
  .work10 .cotton_work_process .cotton_work_text_1 .cotton_work_deco_1 .cotton_deco_1_img {
    margin-left: -60px;
  }
}
.work10 .cotton_work_process .cotton_work_text_2 {
  position: relative;
}
.work10 .cotton_work_process .cotton_work_text_2 p {
  position: relative;
  z-index: 1;
}
.work10 .cotton_work_process .cotton_work_text_2 .cotton_work_deco_2 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.work10 .cotton_work_process .cotton_work_text_2 .cotton_work_deco_2 img {
  width: 160px;
  height: 160px;
}
.work10 .cotton_work_process .cotton_work_text_2 .cotton_work_deco_2 .cotton_deco_2_img {
  margin-right: -80px;
}
@media (max-width: 992px) {
  .work10 .cotton_work_process .cotton_work_text_2 .cotton_work_deco_2 img {
    width: 80px;
    height: 80px;
  }
  .work10 .cotton_work_process .cotton_work_text_2 .cotton_work_deco_2 .cotton_deco_2_img {
    margin-right: -30px;
  }
}
.work10 .cotton_contact {
  background-image: url("../../../../assets/images/sub/work10_info_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% bottom;
  margin-right: 50px;
  margin-left: 50px;
}
@media (max-width: 992px) {
  .work10 .cotton_contact {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.work10 .cotton_contact .cotton_line {
  border-right: 1px solid var(--bh_color_gray_400);
}
@media (max-width: 992px) {
  .work10 .cotton_contact .cotton_line {
    border-right: none;
  }
}
.work10 .cotton_contact .cotton_number .cotton_number_link {
  background: rgba(255, 255, 255, 0.7);
  padding: 15px 25px;
}
@media (max-width: 992px) {
  .work10 .cotton_contact .cotton_number .cotton_number_link {
    padding: 10px 20px;
  }
}
.work10 .cotton_contact .find_cotton .find_cotton_form {
  position: relative;
}
.work10 .cotton_contact .find_cotton .find_cotton_form .find_icon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.work10 .cotton_contact .find_cotton input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  caret-color: var(--bh_color_gray_50);
  color: #fff;
}
.work10 .cotton_contact .find_cotton input::-webkit-input-placeholder {
  color: var(--bh_color_gray_300);
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 5px;
}
@media (max-width: 992px) {
  .work10 .cotton_contact .find_cotton input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
.work10 .cotton_contact .find_cotton input:focus {
  outline: none;
}
.work11 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work11 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work11 .sub_top_banner {
  display: none;
}
.work11 .yanggu_color_1 {
  color: #75A001;
}
.work11 .yanggu_color_2 {
  color: #578836;
}
.work11 .yanggu_about .text_line {
  width: 6px;
  height: 1px;
  background: var(--bh_color_gray_500);
  vertical-align: middle;
}
.work11 .yanggu_about .yanggu_about_content {
  position: relative;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_img {
  left: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .work11 .yanggu_about .yanggu_about_content .yanggu_about_img {
    right: 15px;
    left: unset;
  }
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_text .yanggu_circle_box .yanggu_circle_front {
  position: relative;
  width: 110px;
  height: 110px;
  background-image: url("../../../../assets/images/sub/work11_cyber_circle.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  z-index: 1;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_text .yanggu_circle_box .yanggu_circle_back {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #75A001;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_text .yanggu_about_link .yanggu_link_box {
  background: #fff;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_text .yanggu_about_link .yanggu_link_box a {
  padding: 15px 24px;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_text .yanggu_about_link .yanggu_link_box a:hover i {
  font-weight: 600 !important;
  transform: translateX(5px);
  transition: transform 0.3s;
}
.work11 .yanggu_about .yanggu_about_content .yanggu_about_line {
  width: 100%;
  border-top: 3px dashed var(--bh_color_gray_300);
}
.work11 .yanggu_benefit {
  position: relative;
  width: 100%;
  padding-bottom: 150px;
  background-image: url("../../../../assets/images/sub/work11_cyber_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .work11 .yanggu_benefit {
    padding-bottom: 70px;
  }
}
.work11 .yanggu_benefit .benefit_list {
  border-top: 2px solid #75A001;
}
.work11 .yanggu_benefit .benefit_list .benefit_list_box {
  padding: 15px 0;
  border-bottom: 1px solid var(--bh_color_gray_100);
}
.work11 .yanggu_benefit .benefit_list .benefit_list_box .bh-flex-shrink {
  white-space: nowrap;
}
.work11 .yanggu_benefit .benefit_card_wrap .benefit_card {
  position: relative;
  top: 60px;
  z-index: 1;
}
.work11 .yanggu_benefit .benefit_card_wrap .yanggu_benefit_link {
  position: relative;
  display: inline-block;
  background: #fff;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  z-index: 1;
}
.work11 .yanggu_benefit .benefit_card_wrap .yanggu_benefit_link a {
  padding: 15px 24px;
}
.work11 .yanggu_benefit .benefit_card_wrap .yanggu_benefit_link a:hover i {
  font-weight: 600 !important;
  transform: translateX(5px);
  transition: transform 0.3s;
}
@media (max-width: 992px) {
  .work11 .yanggu_benefit .benefit_card_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .work11 .yanggu_benefit .benefit_card_wrap .benefit_card {
    top: 40px;
  }
  .work11 .yanggu_benefit .benefit_card_wrap .yanggu_benefit_link {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  }
  .work11 .yanggu_benefit .benefit_card_wrap .yanggu_benefit_link a {
    padding: 12px 20px;
  }
}
.work11 .yanggu_benefit .yanggu_benefit_bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .work11 .yanggu_benefit .yanggu_benefit_bg {
    display: none;
  }
}
.work12 #content {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work12 #content {
    padding-bottom: 80px;
  }
}
.work12 .xe-widget-wrapper {
  overflow: visible;
}
.work12 .oz_color {
  color: #F7B25B;
}
.work12 .oz_sec_01 .oz_sec_num span {
  display: inline-block;
  background: var(--bh_color_gray_800);
  color: #fff;
  padding: 25px 10px 10px;
}
@media (max-width: 992px) {
  .work12 .oz_sec_01 .oz_sec_num span {
    padding: 15px 5px 5px;
  }
}
.work12 .oz_sec_01 .disease_01 img {
  object-fit: cover;
}
.work12 .oz_sec_01 .disease_01 .oz_check {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.work12 .oz_sec_01 .disease_01 .oz_check_box {
  height: 100%;
  padding: 40px 20px;
  border: 1px solid var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work12 .oz_sec_01 .disease_01 .oz_check_box {
    padding: 20px 15px;
  }
}
.work12 .oz_sec_02 {
  position: relative;
}
.work12 .oz_sec_02 .oz_sec_02_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 99999px;
  margin: 0 -9999px;
  height: 100%;
  background: var(--bh_color_gray_50);
}
.work12 .oz_sec_02 .oz_process {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.work12 .oz_sec_02 .oz_process_box {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #FFEED3;
}
.work12 .oz_sec_02 .oz_process_box:nth-child(3) {
  background: #FFE0B1;
}
.work12 .oz_sec_02 .oz_process_box:nth-child(5) {
  background: #FDCE88;
}
.work12 .oz_sec_02 .oz_process_box:nth-child(7) {
  background: #FFC46A;
}
.work12 .oz_sec_02 .oz_process_box:nth-child(9) {
  background: #FFB74B;
}
.work12 .oz_sec_02 .oz_process_box:nth-child(11) {
  background: #F7AA36;
}
@media (max-width: 992px) {
  .work12 .oz_sec_02 .oz_process_box {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.work12 .oz_sec_02 .process_arrow {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .work12 .oz_sec_02 .process_arrow {
    width: 30px;
    height: 30px;
    margin: 5px auto;
  }
  .work12 .oz_sec_02 .process_arrow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.work12 .oz_sec_03 .oz_dangerous_wrap .oz_dangerous {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.work12 .oz_sec_03 .oz_dangerous_wrap .oz_dan_box_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .work12 .oz_sec_03 .oz_dangerous_wrap .oz_dan_box_wrap {
    justify-content: start;
    gap: 10px;
  }
}
.work12 .oz_sec_03 .oz_dangerous_wrap .oz_dan_box_wrap .oz_dan_box {
  padding: 8px 20px;
  background: var(--bh_color_gray_200);
  border-radius: 20px;
}
.work12 .oz_sec_03 .oz_standard_wrap .oz_standard {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.work12 .oz_sec_03 .oz_standard_wrap .oz_standard_box {
  padding: 25px 40px;
  background: #FFEED3;
}
@media (max-width: 992px) {
  .work12 .oz_sec_03 .oz_standard_wrap .oz_standard_box {
    padding: 15px 20px;
  }
}
.work12 .oz_sec_03 .oz_calculation_wrap .oz_calculation {
  border-bottom: 1px solid var(--bh_color_gray_500);
}
.work12 .oz_sec_03 .oz_calculation_wrap .oz_cal_box_wrap .oz_cal_box {
  height: 100%;
  padding: 40px 30px;
  border: 1px solid var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work12 .oz_sec_03 .oz_calculation_wrap .oz_cal_box_wrap .oz_cal_box {
    padding: 20px;
  }
}
.work12 .oz_sec_03 .oz_calculation_wrap .oz_cal_box_wrap span i {
  font-size: 7px;
}
@media (max-width: 992px) {
  .work12 .oz_sec_03 .oz_calculation_wrap .oz_cal_box_wrap span i {
    font-size: 5px;
  }
}
.work13 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work13 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work13 .xe-widget-wrapper {
  overflow: visible;
}
.work13 .bh_tab3 .sk_tab_btn_wrap {
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 992px) {
  .work13 .bh_tab3 .sk_tab_btn_wrap {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.work13 .bh_tab3 ul li a {
  display: block;
  width: 100%;
  padding: 13px 0;
  border-radius: 30px;
  border: 1px solid var(--bh_color_gray_200);
  color: var(--bh_color_gray_600);
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.5s;
}
.work13 .bh_tab3 ul li a.active {
  background: #D72E36;
  color: #fff;
  border: 1px solid #D72E36;
  font-weight: 600;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.work13 .bh_tab3 ul li a:hover {
  background: #D72E36;
  color: #fff;
}
@media (max-width: 992px) {
  .work13 .bh_tab3 ul li a {
    padding: 10px 0;
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .work13 .bh_tab3 ul li a {
    padding: 6px 0;
    font-size: 14px;
  }
}
.work13 .sk_greeting {
  margin-top: 150px;
}
.work13 .sk_greeting .sk_greeting_sec_01 {
  position: relative;
  padding: 100px 0;
  border: 1px solid #D72E36;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
}
.work13 .sk_greeting .sk_greeting_sec_01::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
}
.work13 .sk_greeting .sk_greeting_sec_01::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
}
.work13 .sk_greeting .sk_greeting_sec_01 .greeting_logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  padding: 0 20px;
  background-color: #fff;
}
.work13 .sk_greeting .sk_greeting_sec_02 {
  position: relative;
  height: 100%;
  padding-bottom: 150px;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_greeting_sec_02_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 99999px;
  margin: 0 -9999px;
  background: var(--bh_color_gray_100);
  height: 100%;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box {
  position: relative;
  height: 400px;
  border-radius: 0 20px 0 20px;
  overflow: hidden;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 60px solid #D72E36;
  border-left: 60px solid transparent;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num {
  position: absolute;
  padding: 20px 0px 0px 20px;
  top: 0;
  left: 0;
  z-index: 1;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 180px solid #D72E36;
  border-right: 180px solid transparent;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num .sk_num_img {
  position: relative;
  width: 20px;
  height: 20px;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num .sk_num_text {
  position: relative;
  width: 100%;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_text {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_img img {
  object-fit: cover;
}
@media (max-width: 992px) {
  .work13 .sk_greeting {
    margin-top: 50px;
  }
  .work13 .sk_greeting .sk_greeting_sec_01 {
    padding: 50px 10px;
  }
  .work13 .sk_greeting .sk_greeting_sec_02 {
    padding-bottom: 70px;
  }
  .work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box {
    height: 250px;
  }
  .work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num {
    padding: 12px 0px 0px 12px;
  }
  .work13 .sk_greeting .sk_greeting_sec_02 .sk_promise_box .sk_promise_num::before {
    border-top: 140px solid #D72E36;
    border-right: 140px solid transparent;
  }
}
.work13 .sk_advantage {
  margin-top: 100px;
}
@media (max-width: 992px) {
  .work13 .sk_advantage {
    margin-top: 50px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_01 {
  position: relative;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap {
  position: relative;
  z-index: 2;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box {
  position: relative;
  padding: 20px 40px 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box.sk_ad_box_2 {
  background: #D72E36;
  color: #fff;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_box_bubble {
  position: absolute;
  top: 0;
  left: 10px;
  transform: translateY(-50%);
  width: 250px;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_box_bubble img {
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.15));
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_box_bubble {
    top: 20px;
    right: 10px;
    left: unset;
    transform: translate(0, -50%);
    width: 160px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .double_quotes {
  position: relative;
  z-index: 2;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .double_quotes::before {
  content: "";
  position: absolute;
  width: 54px;
  height: 33px;
  top: 8px;
  left: -10px;
  background-image: url("../../../../assets/images/sub/work13_advantage_context_stuff.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .double_quotes.double_2::before {
  opacity: 0.5;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_img {
  width: 230px;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_img img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .sk_ad_img {
    width: 150px;
  }
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box {
    padding: 10px 10px 15px;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box .double_quotes::before {
    width: 24px;
    height: 15px;
    top: -2px;
    left: -10px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .ad_arrow_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .ad_arrow_wrap .ad_arrow {
  position: relative;
  width: 30px;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .ad_arrow_wrap .arrow_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .ad_arrow_wrap {
    width: 60px;
    height: 60px;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .ad_arrow_wrap .ad_arrow {
    width: 20px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title {
  position: relative;
  z-index: 2;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title p span {
  color: #D72E36;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap {
  position: relative;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_ad_main_img {
  width: 500px;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p {
  position: absolute;
  padding: 18px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  background: var(--bh_color_gray_100);
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_1 {
  left: 13%;
  top: 27%;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_2 {
  top: 40%;
  left: 3%;
  background: #fff;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_3 {
  right: 17%;
  top: 15%;
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_4 {
  right: 1%;
  top: 40%;
  background: #fff;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble {
    width: 100%;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p {
    position: relative;
    padding: 10px;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_1 {
    left: unset;
    top: unset;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_2 {
    top: unset;
    left: unset;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_3 {
    right: unset;
    top: unset;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_main_bubble p.main_bubble_4 {
    right: unset;
    top: unset;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_main_title .sk_ad_main_img_wrap .sk_ad_main_img {
    width: 300px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box_1 {
    padding: 15px 20px;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box_1 .sk_ad_img {
    width: 150px;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_box_wrap .sk_ad_box_1 .sk_ad_img img {
    width: 100%;
    object-fit: cover;
  }
  .work13 .sk_advantage .sk_advantage_sec_01 .sk_ad_bg {
    display: none;
  }
}
.work13 .sk_advantage .sk_advantage_sec_02 {
  position: relative;
  padding-bottom: 150px;
}
.work13 .sk_advantage .sk_advantage_sec_02 p > span {
  color: #D72E36;
}
.work13 .sk_advantage .sk_advantage_sec_02 .bh_wrap {
  position: relative;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_advantage_02_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bh_color_gray_50);
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item {
  display: inline-block;
  position: relative;
  width: 220px;
  padding: 15px 0;
  background: var(--bh_color_gray_300);
  color: var(--bh_color_gray_600);
  border-radius: 10px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 30px;
  height: 20px;
  background-image: url("../../../../assets/images/sub/work13_reason_down.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item:nth-last-child(1)::after {
  display: none;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap {
  position: relative;
  height: 249px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_2_arrow {
  height: 100%;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_2_arrow img {
  height: 100%;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_coin {
  position: absolute;
  bottom: 70px;
  right: 30px;
  transform: translate(50%, 0);
  z-index: 2;
  animation: upDown 2s ease-in-out infinite;
}
@keyframes upDown {
  0% {
    transform: translate(50%, 0);
  }
  50% {
    transform: translate(50%, -10px);
  }
  100% {
    transform: translate(50%, 0);
  }
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_caption {
  position: absolute;
  top: 0;
  right: -30px;
  transform: translateX(50%);
  z-index: 2;
  width: 180px;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_caption img {
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.15));
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item {
  display: inline-block;
  width: 220px;
  padding: 15px 0;
  background: #D72E36;
  color: #fff;
  border-radius: 10px;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap {
    flex-direction: column;
    gap: 20px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item_wrap {
    gap: 15px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item_wrap .sk_list_item {
    padding: 7px 0;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_1 .sk_list_item_wrap .sk_list_item::after {
    width: 15px;
    height: 10px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap {
    gap: 15px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_item {
    padding: 7px 0;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap {
    position: relative;
    height: 200px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_2_arrow {
    height: 100%;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_2_arrow img {
    height: 100%;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_coin {
    position: absolute;
    bottom: 60px;
    right: -30px;
    transform: translate(-50%, 0);
    z-index: 2;
    width: 60px;
    animation: upDown2 2s ease-in-out infinite;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_coin img {
    width: 100%;
  }
  @keyframes upDown2 {
    0% {
      transform: translate(-50%, 0);
    }
    50% {
      transform: translate(-50%, -10px);
    }
    100% {
      transform: translate(-50%, 0);
    }
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_list_wrap .sk_list_2 .sk_list_item_wrap .sk_list_2_img_wrap .sk_list_caption {
    right: -20px;
    width: 120px;
  }
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box {
  padding: 40px;
  border-radius: 20px;
  background: #D72E36;
  color: #fff;
  height: 100%;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box.benefit_box_2 {
  background: #757575;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box.benefit_box_3 {
  background: #424242;
}
.work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box .sk_box_img {
  width: 100px;
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box {
    padding: 20px;
  }
  .work13 .sk_advantage .sk_advantage_sec_02 .sk_benefit_box_wrap .sk_benefit_box .sk_box_img {
    width: 65px;
  }
}
@media (max-width: 992px) {
  .work13 .sk_advantage .sk_advantage_sec_02 {
    padding-bottom: 70px;
  }
}
.work13 .sk_map {
  margin-top: 100px;
  margin-bottom: 150px;
}
@media (max-width: 992px) {
  .work13 .sk_map {
    margin-top: 50px;
    margin-bottom: 70px;
  }
}
.work13 .sk_map .root_daum_roughmap .border1, .work13 .sk_map .root_daum_roughmap .border2, .work13 .sk_map .root_daum_roughmap .border3, .work13 .sk_map .root_daum_roughmap .border4 {
  display: none !important;
}
.work13 .sk_map .sk_map_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 40px;
  background: var(--bh_color_gray_100);
}
.work13 .sk_map .sk_map_text .sk_address {
  display: flex;
}
.work13 .sk_map .sk_map_text .sk_address span {
  color: #D72E36;
}
.work13 .sk_map .sk_map_text .sk_number {
  border-radius: 40px;
  border: 1px solid #D72E36;
  background: #fff;
  overflow: hidden;
}
.work13 .sk_map .sk_map_text .sk_number a {
  display: block;
  padding: 10px 22px;
}
.work13 .sk_map .sk_map_text .sk_number a span {
  color: #D72E36;
}
@media (max-width: 992px) {
  .work13 .sk_map .sk_map_text {
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
  }
  .work13 .sk_map .sk_map_text .sk_number {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
  }
  .work13 .sk_map .sk_map_text .sk_number a {
    padding: 5px;
    width: 100%;
  }
}
.work13 .sk_map .root_daum_roughmap .cont .section.lst {
  display: none;
}
.work13 .sk_map .root_daum_roughmap .wrap_controllers {
  display: none;
}
.work14 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work14 .xe-widget-wrapper {
  overflow: visible;
}
.work14 .bh_tab3 {
  text-align: center;
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.work14 .bh_tab3 .bh_tab_btn {
  display: block;
  padding: 20px 0;
  width: 100%;
  cursor: pointer;
}
.work14 .bh_tab3 .bh_tab_btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../../../assets/images/sub/breadcrumb_bar.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 10px;
  opacity: 0;
  transition: all 0.3s;
  transform: scaleX(0);
}
.work14 .bh_tab3 .bh_tab_btn:hover {
  color: #7CC44A;
}
.work14 .bh_tab3 .bh_tab_btn:hover::after {
  opacity: 1;
  transform: scaleX(1);
}
.work14 .bh_tab3 .bh_tab_btn span {
  font-size: 20px;
  font-weight: 600;
}
.work14 .bh_tab3 .bh_tab_btn.active {
  position: relative;
  color: #7CC44A;
}
.work14 .bh_tab3 .bh_tab_btn.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../../../assets/images/sub/breadcrumb_bar.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 10px;
  opacity: 1;
  transform: scaleX(1);
}
@media (max-width: 992px) {
  .work14 .bh_tab3 .bh_tab_btn {
    padding: 12px;
  }
  .work14 .bh_tab3 .bh_tab_btn span {
    font-size: 16px;
  }
  .work14 .bh_tab3 .bh_tab_btn::after {
    height: 6px;
  }
  .work14 .bh_tab3 .bh_tab_btn.active::after {
    width: 100%;
    height: 6px;
  }
}
@media (max-width: 500px) {
  .work14 .bh_tab3 .bh_tab_btn {
    padding: 10px;
  }
  .work14 .bh_tab3 .bh_tab_btn span {
    font-size: 14px;
  }
}
.work14 .ue_about {
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work14 .ue_about {
    padding-bottom: 70px;
  }
}
.work14 .ue_about .ue_about_intro .ue_intro_img {
  width: 430px;
}
.work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main {
  position: relative;
  max-width: 380px;
  width: 100%;
  border-radius: 50%;
  background: #79C44A;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main::before {
  position: absolute;
  content: "";
  top: -10px;
  left: -50px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #36B552;
  z-index: -1;
}
.work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #F05D2A;
  z-index: -1;
}
@media (max-width: 992px) {
  .work14 .ue_about .ue_about_intro .ue_intro_img {
    width: auto;
  }
}
@media (max-width: 500px) {
  .work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main {
    width: 250px;
  }
  .work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main::before {
    top: 0;
    left: -20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #36B552;
    z-index: -1;
  }
  .work14 .ue_about .ue_about_intro .ue_intro_img .ue_intro_img_main::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #F05D2A;
    z-index: -1;
  }
}
.work14 .ue_about .ue_about_intro .ue_intro_text span {
  color: #F25E2A;
}
.work14 .ue_about .ue_department {
  position: relative;
  height: 100%;
}
.work14 .ue_about .ue_department .ue_department_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100vw;
  height: 100%;
}
.work14 .ue_about .ue_department p span {
  color: #36B552;
}
.work14 .ue_about .ue_mission .ue_mission_item {
  position: relative;
}
.work14 .ue_about .ue_mission .ue_mission_item .ue_mission_hover {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px;
  background: rgba(54, 181, 82, 0.8);
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
}
.work14 .ue_about .ue_mission .ue_mission_item:hover .ue_mission_hover {
  opacity: 1;
}
@media (max-width: 992px) {
  .work14 .ue_about .ue_mission .ue_mission_item {
    max-height: 450px;
    height: 100%;
  }
  .work14 .ue_about .ue_mission .ue_mission_item img {
    object-fit: cover;
  }
  .work14 .ue_about .ue_mission .ue_mission_item .ue_mission_hover {
    padding: 30px;
  }
}
@media (max-width: 500px) {
  .work14 .ue_about .ue_mission .ue_mission_item {
    max-height: 200px;
    height: 100%;
  }
  .work14 .ue_about .ue_mission .ue_mission_item .ue_mission_hover {
    height: 100%;
    padding: 20px;
  }
  .work14 .ue_about .ue_mission .ue_mission_item .ue_mission_hover .ue_mission_icon {
    width: 65px;
    height: 65px;
  }
}
.work14 .ue_greeting {
  margin-bottom: 150px;
  background: #F1F7F7;
}
@media (max-width: 992px) {
  .work14 .ue_greeting {
    margin-bottom: 70px;
  }
}
.work14 .ue_greeting h2 {
  color: #F25E2A;
}
.work14 .ue_greeting .greeting_top {
  padding: 50px 50px 0 50px;
}
@media (max-width: 992px) {
  .work14 .ue_greeting .greeting_top {
    padding: 20px 20px 0 20px;
  }
  .work14 .ue_greeting .greeting_top div {
    width: 250px;
  }
}
.work14 .ue_greeting .greeting_bottom {
  display: flex;
  gap: 20px;
}
.work14 .ue_greeting .greeting_bottom .greeting_bottom_text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.work14 .ue_greeting .greeting_bottom .greeting_bottom_text .bottom_text {
  border-bottom: 1px solid var(--bh_color_gray_400);
}
@media (max-width: 992px) {
  .work14 .ue_greeting .greeting_bottom {
    flex-direction: column-reverse;
  }
  .work14 .ue_greeting .greeting_bottom .greeting_bottom_text {
    padding: 0 20px 0 20px;
  }
}
.work14 .ue_history_wrap {
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work14 .ue_history_wrap {
    padding-bottom: 70px;
  }
}
.work14 .ue_history_wrap .ue_history_title span {
  color: #F25E2A;
}
.work14 .ue_history_wrap .history_btn {
  margin-top: 20px;
}
.work14 .ue_history_wrap .history_btn .history_btn_items.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1200px;
  z-index: 999;
  background: #fff;
  margin: 0 auto;
  padding: 20px 15px;
}
@media (max-width: 992px) {
  .work14 .ue_history_wrap .history_btn .history_btn_items.fixed {
    padding: 10px 15px;
  }
}
.work14 .ue_history_wrap .history_btn a {
  display: block;
  position: relative;
  padding: 15px 0;
  width: 100%;
  background: var(--bh_color_gray_200);
  border-radius: 50px;
}
.work14 .ue_history_wrap .history_btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-image: linear-gradient(to right, #91C948, #3EB651 80%);
  opacity: 0;
  transition: all 0.5s;
}
.work14 .ue_history_wrap .history_btn a:hover::before {
  opacity: 1;
}
.work14 .ue_history_wrap .history_btn a:hover span {
  position: relative;
  color: #fff !important;
}
.work14 .ue_history_wrap .history_btn a.active::before {
  opacity: 1;
}
.work14 .ue_history_wrap .history_btn a.active span {
  position: relative;
  color: #fff !important;
}
@media (max-width: 992px) {
  .work14 .ue_history_wrap .history_btn a {
    padding: 10px 0;
  }
}
.work14 .ue_history_wrap .ue_history_table {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item {
  display: flex;
  flex-wrap: nowrap;
  gap: 100px;
  color: var(--bh_color_gray_600);
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item:nth-last-of-type(1) .ue_history p::before {
  display: none;
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_year span {
  display: inline-block;
  position: relative;
  color: #164821;
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_year span::after {
  content: "";
  position: absolute;
  right: -60px;
  top: 18px;
  width: 18px;
  height: 18px;
  background-image: url("../../../../assets/images/sub/history_dot.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_history {
  flex-grow: 1;
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_history p {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_history p::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 25px;
  width: 1px;
  height: calc(100% + 40px);
  background: var(--bh_color_gray_200);
}
@media (max-width: 992px) {
  .work14 .ue_history_wrap .ue_history_table {
    gap: 20px;
  }
  .work14 .ue_history_wrap .ue_history_table .ue_history_item {
    gap: 50px;
  }
  .work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_year span {
    padding-top: 10px;
  }
  .work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_year span::after {
    right: -35px;
    top: 15px;
  }
  .work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_history p {
    padding: 8px 0;
  }
  .work14 .ue_history_wrap .ue_history_table .ue_history_item .ue_history p::before {
    left: -25px;
    height: calc(100% + 20px);
  }
}
.work14 .ue_certification .ue_certifi_title span {
  color: #F25E2A;
}
.work14 .ue_certification .ue_certifi_boxes .ue_certifi_box:hover .ue_certifi_img img {
  transition: all 0.5s;
  transform: scale(1.1);
}
.work14 .ue_certification .ue_certifi_boxes .ue_certifi_img {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--bh_color_gray_200);
}
.work14 .ue_certification .ue_certifi_boxes .ue_certifi_img img {
  width: 100%;
}
.work14 .ue_certification .ue_intell_boxes {
  position: relative;
  padding-bottom: 150px;
}
.work14 .ue_certification .ue_intell_boxes p {
  z-index: 2;
}
@media (max-width: 992px) {
  .work14 .ue_certification .ue_intell_boxes {
    padding-bottom: 70px;
  }
}
.work14 .ue_certification .ue_intell_boxes .bh_row {
  z-index: 2;
}
.work14 .ue_certification .ue_intell_boxes .ue_intell_box span {
  color: var(--bh_color_gray_600);
}
.work14 .ue_certification .ue_intell_boxes .ue_intell_box:hover .ue_intell_img img {
  transition: all 0.5s;
  transform: scale(1.1);
}
.work14 .ue_certification .ue_intell_boxes .ue_intell_box .ue_intell_img {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--bh_color_gray_200);
}
.work14 .ue_certification .ue_intell_boxes .ue_intell_box .ue_intell_img img {
  width: 100%;
}
.work14 .ue_certification .ue_intell_boxes .ue_intell_bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  bottom: -105px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--bh_color_gray_100);
}
@media (max-width: 992px) {
  .work14 .ue_certification .ue_intell_boxes .ue_intell_bg {
    bottom: -55px;
  }
}
@font-face {
  font-family: "Cafe24Shiningstar";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gmarketsans_eye";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Gmarketsans_eye";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gmarketsans_eye";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
.work15 #content {
  padding: 0;
}
.work15 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work15 .xe-widget-wrapper {
  overflow: visible;
}
.work15 .sub_top_banner {
  display: none;
}
.work15 .bh_tab3 {
  position: relative;
  z-index: 2;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .work15 .bh_tab3 {
    max-width: auto;
    padding: 0 10px;
    margin: 0;
  }
}
.work15 .bh_tab3 li:nth-of-type(1) a.active {
  background: #E8ECF4;
  background-image: url("../../../../assets/images/sub/nose2_tab_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: none;
  height: 88px;
}
.work15 .bh_tab3 li:nth-of-type(1) a.active span {
  font-weight: 700;
  color: #143B8C;
}
.work15 .bh_tab3 a {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 22px 0;
  text-align: center;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.work15 .bh_tab3 a span {
  color: var(--bh_color_gray_600);
  font-size: 18px;
}
.work15 .bh_tab3 a.active {
  background-image: url("../../../../assets/images/sub/nose2_tab_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: none;
  height: 88px;
  background-color: transparent;
}
.work15 .bh_tab3 a.active span {
  font-weight: 700;
  color: #143B8C;
}
@media (max-width: 992px) {
  .work15 .bh_tab3 li:nth-of-type(1) a.active {
    background: #FFD700;
    border: 2px solid #143B8C;
    height: 100%;
  }
  .work15 .bh_tab3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 100%;
  }
  .work15 .bh_tab3 a.active {
    background: #FFD700;
    border: 2px solid #143B8C;
    height: 100%;
  }
  .work15 .bh_tab3 a.active span {
    font-weight: 700;
    color: #143B8C;
  }
  .work15 .bh_tab3 a span {
    font-size: 14px;
  }
}
.work15 .eye_tab_1 .sec_01 {
  position: relative;
  background: #E8ECF4;
}
.work15 .eye_tab_1 .sec_01::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 500px;
  top: -500px;
  left: 0;
  background: #E8ECF4;
}
.work15 .eye_tab_1 .sec_01 .sec_01_title strong {
  font-family: "Gmarketsans_eye";
  font-weight: bold;
}
.work15 .eye_tab_1 .sec_01 .sec_01_title p {
  display: inline-block;
  padding: 15px 45px;
  border-radius: 30px;
  background: #FFD700;
}
.work15 .eye_tab_1 .sec_01 .sec_01_title p span {
  color: #143B8C;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_title p {
    padding: 10px 25px;
    border-radius: 30px;
    background: #FFD700;
  }
}
.work15 .eye_tab_1 .sec_01 .sec_01_box {
  display: flex;
  flex-direction: column;
  padding: 60px 20px 60px;
  height: 100%;
  border-radius: 20px;
  background: #fff;
}
.work15 .eye_tab_1 .sec_01 .sec_01_box.box_blue {
  border: 1px solid rgba(20, 59, 140, 0.7);
  box-shadow: 5px 5px 20px rgba(20, 59, 140, 0.2), -5px -5px 20px rgba(20, 59, 140, 0.2), inset 15px 15px 30px rgba(20, 59, 140, 0.2), inset -15px -15px 30px rgba(20, 59, 140, 0.2);
}
.work15 .eye_tab_1 .sec_01 .sec_01_box.box_yellow {
  border: 1px solid rgba(255, 215, 0, 0.7);
  box-shadow: 5px 5px 20px rgba(255, 215, 0, 0.3), -5px -5px 20px rgba(255, 215, 0, 0.3), inset 15px 15px 30px rgba(255, 215, 0, 0.3), inset -15px -15px 30px rgba(255, 215, 0, 0.3);
}
.work15 .eye_tab_1 .sec_01 .sec_01_box .box_title {
  font-family: "Gmarketsans_eye";
  min-height: 105px;
}
.work15 .eye_tab_1 .sec_01 .sec_01_box .sec_01_line {
  width: 100%;
  height: 1px;
  background: var(--bh_color_gray_400);
  margin: 10px 0;
}
.work15 .eye_tab_1 .sec_01 .sec_01_box .box_content p {
  padding: 15px 40px 0 40px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_box {
    padding: 30px 20px 30px;
  }
  .work15 .eye_tab_1 .sec_01 .sec_01_box .box_title {
    min-height: auto;
  }
  .work15 .eye_tab_1 .sec_01 .sec_01_box .box_content p {
    padding: 0px 20px;
  }
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend {
  margin-top: 190px;
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text .recommed_title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text .recommed_title span {
  font-family: "Gmarketsans_eye" !important;
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text p span {
  color: #143B8C;
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text .text_wrap {
  border-top: 1px solid var(--bh_color_gray_400);
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text .text_wrap p {
  margin-left: 35px;
  padding: 5px 0;
  position: relative;
}
.work15 .eye_tab_1 .sec_01 .sec_01_recommend .recommend_text .text_wrap p::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 6px;
  width: 24px;
  height: 24px;
  background-image: url("../../../../assets/images/sub/work15_check.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_recommend {
    margin-top: 0;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_recommend .recomment_text .text_wrap p::before {
    width: 15px;
    height: 15px;
    left: -25px;
  }
}
.work15 .eye_tab_1 .sec_01 .sec_01_bg_img {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(50%);
  z-index: 1;
}
@media (max-width: 1800px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_bg_img {
    transform: translateX(-10%);
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_01 .sec_01_bg_img {
    position: static;
    transform: translateX(0);
    width: 350px;
  }
}
.work15 .eye_tab_1 .eye_tab_1_banner {
  position: relative;
  padding: 150px 0;
  background-image: url("../../../../assets/images/sub/eye1_tab1_back.png");
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .eye_tab_1_banner .banner_title {
  line-height: 1.3;
}
.work15 .eye_tab_1 .eye_tab_1_banner .tab_1_banner_img {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(-30%);
}
@media (max-width: 1800px) {
  .work15 .eye_tab_1 .eye_tab_1_banner .tab_1_banner_img {
    transform: translateX(0);
  }
}
@media (max-width: 1400px) {
  .work15 .eye_tab_1 .eye_tab_1_banner {
    padding: 100px 0;
  }
  .work15 .eye_tab_1 .eye_tab_1_banner .banner_title {
    font-size: 36px !important;
  }
  .work15 .eye_tab_1 .eye_tab_1_banner .tab_1_banner_img {
    transform: translateX(0);
    width: 500px;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .eye_tab_1_banner {
    padding: 30px 0 0 0;
  }
  .work15 .eye_tab_1 .eye_tab_1_banner .banner_title {
    font-size: 28px !important;
  }
  .work15 .eye_tab_1 .eye_tab_1_banner .tab_1_banner_img {
    position: static;
    width: 400px;
    margin: auto;
  }
}
.work15 .eye_tab_1 .sec_02 .sec_02_title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_02 .sec_02_versus {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 2;
  background: #fff;
}
.work15 .eye_tab_1 .sec_02 .sec_02_versus span {
  color: #143B8C;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_02 .sec_02_versus {
    top: 45%;
    width: 55px;
    height: 55px;
  }
}
.work15 .eye_tab_1 .sec_02 .sec_02_strong {
  font-family: "Cafe24Shiningstar";
  color: #143B8C;
  z-index: 1;
}
.work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_1 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -8px;
  width: calc(100% + 8px);
  height: 30px;
  background: rgba(255, 249, 217, 0.8);
  z-index: -1;
}
.work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_2 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -8px;
  width: calc(100% + 8px);
  height: 30px;
  background: rgba(255, 249, 217, 0.8);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_1::after {
    right: 0;
    width: 100%;
    height: 20px;
  }
  .work15 .eye_tab_1 .sec_02 .sec_02_strong .strong_2::after {
    left: 0;
    width: 100%;
    height: 20px;
  }
}
.work15 .eye_tab_1 .sec_02 p span {
  color: #143B8C;
}
.work15 .eye_tab_1 .sec_03 {
  background: var(--bh_color_gray_50);
}
.work15 .eye_tab_1 .sec_03 .bh_wrap {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_1 .sec_03 .bh_wrap .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_03 .procedure_01 .procedure_title, .work15 .eye_tab_1 .sec_03 .procedure_02 .procedure_title {
  display: flex;
  justify-content: center;
  background-image: url("../../../../assets/images/sub/eye1_tab1_union.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 338px;
  height: 72px;
}
.work15 .eye_tab_1 .sec_03 .procedure_01 .procedure_title p, .work15 .eye_tab_1 .sec_03 .procedure_02 .procedure_title p {
  font-family: "Gmarketsans_eye";
  transform: translateY(16px);
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_03 .procedure_01 .procedure_title, .work15 .eye_tab_1 .sec_03 .procedure_02 .procedure_title {
    width: 250px;
    height: 53px;
  }
  .work15 .eye_tab_1 .sec_03 .procedure_01 .procedure_title p, .work15 .eye_tab_1 .sec_03 .procedure_02 .procedure_title p {
    transform: translateY(12px);
  }
}
.work15 .eye_tab_1 .sec_03 .procedure_01 p span, .work15 .eye_tab_1 .sec_03 .procedure_02 p span {
  color: #143B8C;
}
.work15 .eye_tab_1 .sec_04 {
  background: #E8ECF4;
}
.work15 .eye_tab_1 .sec_04 .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap {
  position: relative;
  max-width: 992px;
  margin: auto;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_04 .reason_item_wrap {
    max-width: none;
    margin: 0 -5px;
  }
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_bd {
  position: relative;
  z-index: 2;
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_bd:nth-child(even) .reason_item {
  border: 1px solid rgba(255, 215, 0, 0.6);
  box-shadow: 2px 2px 20px rgba(255, 215, 0, 0.1), -2px -2px 20px rgba(255, 215, 0, 0.1), inset 2px 2px 20px rgba(255, 215, 0, 0.1), inset -2px -2px 20px rgba(255, 215, 0, 0.1);
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  border: 1px solid rgba(20, 59, 140, 0.7);
  box-shadow: 2px 2px 20px rgba(20, 59, 140, 0.1), -2px -2px 20px rgba(20, 59, 140, 0.1), inset 2px 2px 20px rgba(20, 59, 140, 0.1), inset -2px -2px 20px rgba(20, 59, 140, 0.1);
  background: rgba(255, 255, 255, 0.6);
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_item .reason_text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_item .reason_text span {
  font-family: "Gmarketsans_eye";
  color: #15458E;
}
@media (max-width: 499px) {
  .work15 .eye_tab_1 .sec_04 .reason_item_wrap .reason_item .reason_text {
    font-size: 12px !important;
    padding: 0 15px;
  }
}
.work15 .eye_tab_1 .sec_05 {
  background: #FFD700;
  padding-bottom: 30px;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_title p {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_caption {
  display: flex;
  justify-content: center;
  background-image: url("../../../../assets/images/sub/eye1_tab1_union_w.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 457px;
  height: 72px;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_caption p {
  font-family: "Gmarketsans_eye";
  transform: translateY(18px);
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_caption p {
    transform: translateY(20px);
  }
}
@media (max-width: 499px) {
  .work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_caption {
    width: 300px;
    height: 47px;
  }
  .work15 .eye_tab_1 .sec_05 .sec_05_num .num_title_wrap .num_title_text .num_caption p {
    font-size: 14px !important;
    transform: translateY(10px);
  }
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_it_color:nth-child(even) .item_caption {
  background: #fff !important;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_it_color:nth-child(even) .item_caption span {
  color: #143B8C !important;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_item_img {
  display: flex;
  justify-content: center;
  position: relative;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_item_img img {
  width: 90%;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_item_img .item_caption {
  position: absolute;
  bottom: 0;
  left: 20px;
  transform: translateY(50%);
  border-radius: 20px;
  padding: 5px 14px;
  background: #143B8C;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_item_img .item_caption span {
  font-family: "Gmarketsans_eye";
  color: #FFD700;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 992px) {
  .work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_item_img .item_caption span {
    font-size: 14px;
    line-height: 1.2;
  }
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_text {
  padding: 0 20px;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_text strong {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_item_wrap .num_item .num_text p {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_3_plan_wrap .num_plan_item {
  height: 100%;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_3_plan_wrap .num_3_plan:nth-child(even) .num_plan_item div {
  background: #FFD700 !important;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_3_plan_wrap .num_3_plan:nth-child(even) .num_plan_item div span {
  color: #15458E;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_plan_item {
  border-radius: 20px;
  background: #fff;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_plan_item div {
  display: inline-block;
  border-radius: 30px;
  padding: 5px 12px;
  background: #15458E;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_plan_item div span {
  font-family: "Gmarketsans_eye";
  color: #FFD700;
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_plan_item strong {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_1 .sec_05 .sec_05_num .num_plan_item p {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work15 .eye_tab_1 .sec_05 .sec_05_caution {
  width: 100%;
  padding: 10px;
  border: 1px solid #000;
}
.work15 .eye_tab_2 .tab_2_main {
  position: relative;
  width: 100%;
  height: 500px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .tab_2_main {
    height: auto;
  }
}
.work15 .eye_tab_2 .tab_2_main .tab_2_main_bg {
  position: absolute;
  width: 100%;
  height: 200%;
  bottom: 0;
  left: 0;
  background-image: url("../../../../assets/images/sub/eye1_tab2_back.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work15 .eye_tab_2 .tab_2_main .tab_2_main_img {
  position: absolute;
  bottom: 0;
  left: 120px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .tab_2_main .tab_2_main_img {
    position: relative;
    left: 0;
  }
}
.work15 .eye_tab_2 .tab_2_main .tab_2_main_text {
  max-width: 1800px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .tab_2_main .tab_2_main_text .tab_2_main_inner {
  position: relative;
  padding: 0 15px;
  z-index: 2;
}
.work15 .eye_tab_2 .tab_2_main .tab_2_main_text .tab_2_main_inner p span {
  color: #143B8C;
}
@media (max-width: 1200px) {
  .work15 .eye_tab_2 .tab_2_main .tab_2_main_text {
    justify-content: flex-start;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .tab_2_main .tab_2_main_text {
    align-items: start;
  }
}
.work15 .eye_tab_2 .sec_01 .sec_01_title span {
  display: inline-block;
  position: relative;
  color: #143B8C;
  z-index: 1;
  font-family: "Cafe24Shiningstar";
}
.work15 .eye_tab_2 .sec_01 .sec_01_title span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 30px;
  background: rgba(255, 249, 217, 0.8);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_01 .sec_01_title span::before {
    height: 20px;
  }
}
.work15 .eye_tab_2 .sec_01 .sec_01_title p {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .sec_01 .sec_01_item_wrap .sec_01_item {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.work15 .eye_tab_2 .sec_01 .sec_01_item_wrap .sec_01_item p {
  position: relative;
  flex-grow: 1;
}
.work15 .eye_tab_2 .sec_01 .sec_01_item_wrap .sec_01_item p::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 1px;
  height: 80%;
  background: var(--bh_color_gray_200);
}
.work15 .eye_tab_2 .sec_01 .sec_01_item_wrap .sec_01_item div {
  flex-shrink: 0;
}
.work15 .eye_tab_2 .sec_02 {
  position: relative;
  background: #FFFDF2;
  padding-top: 150px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_02 {
    padding-top: 50px;
  }
}
.work15 .eye_tab_2 .sec_02 .triangle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-top: calc(35px * 1.732) solid #fff;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  z-index: 1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_02 .triangle {
    border-top: 30px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
  }
}
.work15 .eye_tab_2 .sec_02 .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .sec_02 p span {
  color: #143B8C;
}
.work15 .eye_tab_2 .sec_02 .sec_02_line {
  font-family: "Cafe24Shiningstar";
  color: #143B8C;
}
.work15 .eye_tab_2 .sec_02 .sec_02_line .line_1 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_2 .sec_02 .sec_02_line .line_1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -5px;
  width: calc(100% + 5px);
  height: 30px;
  background: rgba(255, 249, 217, 0.9);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_02 .sec_02_line .line_1::after {
    width: 100%;
    right: 0;
    height: 20px;
  }
}
.work15 .eye_tab_2 .sec_02 .sec_02_line .line_2 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_2 .sec_02 .sec_02_line .line_2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -8px;
  width: calc(100% + 8px);
  height: 30px;
  background: rgba(255, 249, 217, 0.9);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_02 .sec_02_line .line_2::after {
    width: 100%;
    left: 0;
    height: 20px;
  }
}
.work15 .eye_tab_2 .sec_02 .sec_02_versus {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.work15 .eye_tab_2 .sec_02 .sec_02_versus span {
  color: #143B8C;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_02 .sec_02_versus {
    top: 45%;
    width: 55px;
    height: 55px;
  }
}
.work15 .eye_tab_2 .sec_02 .sec_02_img {
  width: 100%;
}
.work15 .eye_tab_2 .sec_02 .sec_02_img img {
  width: 90%;
  object-fit: cover;
}
.work15 .eye_tab_2 .sec_03 {
  position: relative;
  padding: 170px 0;
  background: var(--bh_color_gray_50);
  overflow: hidden;
}
.work15 .eye_tab_2 .sec_03 .title {
  font-family: "Gmarketsans_eye";
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_03 {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 50px;
  }
  .work15 .eye_tab_2 .sec_03 .sec_03_main_img {
    position: relative !important;
    bottom: unset;
    top: 0;
  }
}
.work15 .eye_tab_2 .sec_03 .sec_03_main_img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
}
.work15 .eye_tab_2 .sec_03 .sec_03_main_img img {
  height: 100%;
  object-fit: cover;
}
.work15 .eye_tab_2 .sec_03 .sec_02_item_wrap .sec_02_item {
  display: flex;
  align-items: center;
  padding: 22px 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_03 .sec_02_item_wrap .sec_02_item {
    padding: 15px 20px;
  }
}
.work15 .eye_tab_2 .sec_03 .sec_02_item_wrap .sec_02_item p {
  position: relative;
  flex-grow: 1;
}
.work15 .eye_tab_2 .sec_03 .sec_02_item_wrap .sec_02_item p::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 1px;
  height: 80%;
  background: var(--bh_color_gray_200);
}
.work15 .eye_tab_2 .sec_04 .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .sec_04 .sec_04_color:nth-child(even) .sec_04_caption {
  background: #FFD700 !important;
}
.work15 .eye_tab_2 .sec_04 .sec_04_color:nth-child(even) .sec_04_caption span {
  color: #143B8C !important;
}
.work15 .eye_tab_2 .sec_04 .sec_04_caption {
  bottom: -10px;
  left: 0;
  padding: 5px 14px;
  background: #143B8C;
  border-radius: 20px;
}
.work15 .eye_tab_2 .sec_04 .sec_04_caption span {
  color: #FFD700;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_04 .sec_04_caption span {
    font-size: 12px;
  }
}
.work15 .eye_tab_2 .sec_04 .sec_04_item {
  height: 100%;
}
.work15 .eye_tab_2 .sec_04 .sec_04_item .sec_04_img img {
  width: 100%;
}
.work15 .eye_tab_2 .sec_04 .sec_04_item .sec_04_bg_img img {
  background: #FBE7E1;
  border-radius: 50%;
}
.work15 .eye_tab_2 .sec_05 {
  background: #FFD700;
  padding-bottom: 30px;
}
.work15 .eye_tab_2 .sec_05 .item_title_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_caption {
  display: flex;
  justify-content: center;
  font-family: "Gmarketsans_eye";
  background-image: url("../../../../assets/images/sub/eye1_tab1_union_w.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 457px;
  height: 72px;
}
.work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_caption p {
  transform: translateY(18px);
}
@media (max-width: 992px) {
  .work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_caption p {
    transform: translateY(20px);
  }
}
@media (max-width: 499px) {
  .work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_caption {
    width: 300px;
    height: 47px;
  }
  .work15 .eye_tab_2 .sec_05 .item_title_wrap .item_title_text .item_caption p {
    font-size: 14px !important;
    transform: translateY(10px);
  }
}
.work15 .eye_tab_2 .sec_05 .item_img_color:nth-child(even) .item_img_caption {
  font-family: "Gmarketsans_eye";
  background: #fff;
  color: #143B8C;
}
.work15 .eye_tab_2 .sec_05 .item_img_wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}
.work15 .eye_tab_2 .sec_05 .item_img_wrap img {
  width: 90%;
}
.work15 .eye_tab_2 .sec_05 .item_img_wrap .item_img_caption {
  position: absolute;
  bottom: -10px;
  left: 15px;
  padding: 5px 12px;
  background: #143B8C;
  color: #FFD700;
  border-radius: 30px;
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item_wrap:nth-child(even) .plan_item div {
  background: #FFD700 !important;
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item_wrap:nth-child(even) .plan_item div span {
  font-family: "Gmarketsans_eye";
  color: #15458E;
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item {
  height: 100%;
  border-radius: 20px;
  background: #fff;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item div {
  display: inline-block;
  border-radius: 30px;
  padding: 5px 12px;
  background: #15458E;
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item div span {
  color: #FFD700;
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item strong {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_2 .sec_05 .sec_05_plan .plan_item p {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work15 .eye_tab_2 .sec_05 .sec_05_caution {
  width: 100%;
  padding: 10px;
  border: 1px solid #000;
}
.work15 .eye_tab_3 .tab_3_main {
  position: relative;
  width: 100%;
  height: 500px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .tab_3_main {
    height: auto;
  }
}
.work15 .eye_tab_3 .tab_3_main .tab_3_main_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background-image: url("../../../../assets/images/sub/eye_slide_back.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.work15 .eye_tab_3 .tab_3_main .tab_3_main_img {
  position: absolute;
  bottom: 0;
  left: 160px;
}
@media (max-width: 1400px) {
  .work15 .eye_tab_3 .tab_3_main .tab_3_main_img {
    left: 0;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .tab_3_main .tab_3_main_img {
    position: relative;
    top: 0;
  }
}
.work15 .eye_tab_3 .tab_3_main .bh_wrap {
  position: relative;
}
.work15 .eye_tab_3 .tab_3_main .bh_wrap .tab_3_main_text {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .tab_3_main .bh_wrap .tab_3_main_text p span {
  color: #11398E;
}
.work15 .eye_tab_3 .sec_01 .title_text .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_01 .title_text .title_line {
  font-family: "Cafe24Shiningstar";
  color: #143B8C;
}
.work15 .eye_tab_3 .sec_01 .title_text .title_line .line_1 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_3 .sec_01 .title_text .title_line .line_1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  width: calc(100% + 10px);
  height: 22px;
  background: rgba(255, 249, 217, 0.9);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .title_text .title_line .line_1::after {
    right: 0;
    width: 100%;
    height: 15px;
  }
}
.work15 .eye_tab_3 .sec_01 .title_text .title_line .line_2 {
  position: relative;
  z-index: 1;
}
.work15 .eye_tab_3 .sec_01 .title_text .title_line .line_2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -15px;
  width: calc(100% + 15px);
  height: 22px;
  background: rgba(255, 249, 217, 0.9);
  z-index: -1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .title_text .title_line .line_2::after {
    width: 100%;
    left: 0;
    height: 15px;
  }
}
.work15 .eye_tab_3 .sec_01 .point_img {
  position: absolute;
  z-index: 2;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .point_img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.work15 .eye_tab_3 .sec_01 .point_text p:nth-child(2)::before {
  background: linear-gradient(to right, #DEEAFD, #fff 90%) !important;
}
.work15 .eye_tab_3 .sec_01 .point_text p {
  position: relative;
  padding: 55px 0 55px 80px;
  z-index: 1;
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_01 .point_text p::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150%;
  height: 100%;
  background: linear-gradient(to right, #BAC5DE, #fff 90%);
  z-index: -1;
}
.work15 .eye_tab_3 .sec_01 .point_text p span {
  position: relative;
}
.work15 .eye_tab_3 .sec_01 .point_text p span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  background-image: url("../../../../assets/images/sub/work15_check.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
@media (max-width: 1200px) {
  .work15 .eye_tab_3 .sec_01 .point_text p {
    padding: 40px 0 40px 50px;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .point_text p {
    padding: 25px 0 25px 50px;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .point_text {
    width: 100%;
  }
}
.work15 .eye_tab_3 .sec_01 .sec_01_why {
  position: relative;
  overflow: hidden;
}
.work15 .eye_tab_3 .sec_01 .sec_01_why .bh_wrap {
  position: relative;
  padding-top: 200px;
  padding-bottom: 150px;
  z-index: 1;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .sec_01_why .bh_wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.work15 .eye_tab_3 .sec_01 .sec_01_why .bh_wrap .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_01 .sec_01_why .why_caption {
  background-image: url("../../../../assets/images/sub/chat_back.png");
  width: 212px;
  height: 72px;
  background-size: cover;
  background-repeat: no-repeat;
}
.work15 .eye_tab_3 .sec_01 .sec_01_why .why_caption span {
  font-family: "Gmarketsans_eye";
  transform: translateY(-5px);
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_01 .sec_01_why .why_caption {
    width: 162px;
    height: 55px;
  }
}
.work15 .eye_tab_3 .sec_01 .sec_01_why .why_img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.work15 .eye_tab_3 .sec_02 {
  background: #ECF1F2;
}
.work15 .eye_tab_3 .sec_02 .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_02 .benefit_color:nth-child(even) .benefit_caption {
  background: #FFD700 !important;
  color: #15458E !important;
}
.work15 .eye_tab_3 .sec_02 .benefit_img {
  display: flex;
  justify-content: center;
}
.work15 .eye_tab_3 .sec_02 .benefit_img img {
  width: 90%;
}
.work15 .eye_tab_3 .sec_02 .benefit_img .benefit_caption {
  display: inline-block;
  left: 20px;
  bottom: -10px;
  border-radius: 30px;
  padding: 5px 12px;
  background: #15458E;
  color: #FFD700;
}
.work15 .eye_tab_3 .sec_02 .benefit_wrap .benefit_text strong {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_02 .benefit_wrap .benefit_text p {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work15 .eye_tab_3 .sec_03 {
  position: relative;
  padding-bottom: 150px;
}
.work15 .eye_tab_3 .sec_03 .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_03 .commend_img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.work15 .eye_tab_3 .sec_03 .commend_img .commend_text_img_1 {
  position: absolute;
  bottom: 100px;
  right: 120px;
}
.work15 .eye_tab_3 .sec_03 .commend_item_wrap .commend_item {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.9);
}
.work15 .eye_tab_3 .sec_03 .commend_item_wrap .commend_item p {
  position: relative;
  flex-grow: 1;
}
.work15 .eye_tab_3 .sec_03 .commend_item_wrap .commend_item p::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 1px;
  height: 80%;
  background: var(--bh_color_gray_200);
}
.work15 .eye_tab_3 .sec_03 .commend_text_img_2 {
  position: absolute;
  bottom: -50px;
  left: 100px;
}
@media (max-width: 1400px) {
  .work15 .eye_tab_3 .sec_03 .commend_img {
    right: -100px;
  }
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_03 {
    padding-bottom: 50px;
  }
  .work15 .eye_tab_3 .sec_03 .commend_img {
    position: relative;
    right: unset;
  }
  .work15 .eye_tab_3 .sec_03 .commend_img .commend_text_img_1 {
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
  }
  .work15 .eye_tab_3 .sec_03 .commend_text_img_2 {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 15px;
  }
}
.work15 .eye_tab_3 .sec_04 {
  background: #2F5983;
}
.work15 .eye_tab_3 .sec_04 .title_text_wrap .title {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_04 .title_text_wrap .title .title_2 {
  font-family: "Cafe24Shiningstar";
  vertical-align: middle;
}
.work15 .eye_tab_3 .sec_04 .title_text_wrap p span {
  color: #FFD700;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .sec_04_tab .sec_04_tab_btn {
  position: relative;
  padding: 0 20px;
  cursor: pointer;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .sec_04_tab .sec_04_tab_btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 15px;
  background: var(--bh_color_gray_400);
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .sec_04_tab .sec_04_tab_btn.tab_btn_3::after {
  display: none;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .sec_04_tab .sec_04_tab_btn span {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .sec_04_tab .sec_04_tab_btn.active span {
  color: #FFD700;
  font-weight: 600;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content {
  display: none;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content.active {
  display: block;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_title .step_img {
  width: 166px;
  height: 72px;
  background-image: url("../../../../assets/images/sub/step_chat.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_title .step_img span {
  font-family: "Gmarketsans_eye";
  color: var(--bh_color_gray_800);
  transform: translateY(-5px);
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_title .step_img {
    width: 130px;
    height: 56px;
  }
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .bh_row p {
  font-family: "Gmarketsans_eye";
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_box {
  position: relative;
  width: 100%;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: none;
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_box span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background: #2F5983;
  color: #FFD700;
  font-family: "Gmarketsans_eye";
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .text_box {
    height: 30px;
  }
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .caution {
  margin-top: 150px;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .caution p {
  padding: 10px 15px;
}
@media (max-width: 992px) {
  .work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .caution {
    margin-top: 50px;
  }
}
.work15 .eye_tab_3 .sec_04 .sec_04_tab_wrap .tab_content .main_img {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}
:root {
  --work16_main_color: #00428A;
  --work16_main_bg: #F2F5F9;
}
.work16 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work16 .xe-widget-wrapper {
  overflow: visible;
}
.work16 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work16 {
  font-family: "Pretendard", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif !important;
}
.work16 .enix_color {
  color: var(--work16_main_color);
}
.work16 .bh_tab3 {
  margin: 0 15px;
}
.work16 .bh_tab3 ul {
  width: 100%;
  max-width: 600px;
  border-radius: 30px;
  background: var(--bh_color_gray_100);
  margin: 0 auto;
  padding: 5px;
}
.work16 .bh_tab3 ul li {
  width: 100%;
}
.work16 .bh_tab3 ul li .bh_tab_btn {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--bh_color_gray_600);
  padding: 10px 0;
  cursor: pointer;
}
.work16 .bh_tab3 ul li .bh_tab_btn.active {
  width: 100%;
  color: #fff;
  background: var(--work16_main_color);
  border-radius: 30px;
}
.work16 .solution_about .about_img {
  width: 630px;
  height: 372px;
  background: var(--work16_main_bg);
  border: 1px solid var(--bh_color_gray_200);
  border-bottom-right-radius: 50px;
  padding: 40px 60px;
}
.work16 .solution_about .about_img img {
  display: block;
  margin: 0 auto;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 992px) {
  .work16 .solution_about .about_img {
    width: 100%;
    height: 280px;
    padding: 20px 30px;
  }
}
.work16 .solution_about .about_item p {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work16 .solution_about .about_item .about_tool span {
  display: inline-block;
  padding: 8px;
  background: var(--work16_main_bg);
  border-radius: 10px;
}
.work16 .solution_about .about_item a {
  border: 1px solid var(--work16_main_color);
  border-radius: 30px;
  padding: 10px 0;
  color: var(--work16_main_color);
  transition: all 0.3s;
}
.work16 .solution_about .about_item a:hover {
  background: var(--work16_main_color);
  color: #fff;
}
.work16 .solution_title strong {
  position: relative;
}
.work16 .solution_title strong:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 5px;
  height: 80%;
  background: var(--work16_main_color);
}
.work16 .solution_1_outline .outline_item {
  gap: 30px;
  height: 100%;
  padding: 30px 30px;
  background: var(--work16_main_bg);
  border: 1px solid var(--bh_color_gray_200);
}
.work16 .solution_1_outline .outline_item img {
  max-width: none;
}
@media (max-width: 992px) {
  .work16 .solution_1_outline .outline_item {
    gap: 15px;
    padding: 20px 20px;
  }
  .work16 .solution_1_outline .outline_item img {
    width: 70px;
  }
}
.work16 .solution_mf {
  position: relative;
}
.work16 .solution_mf .mf_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .work16 .solution_mf .mf_bg {
    display: none;
  }
}
.work16 .solution_mf .bh_wrap {
  position: relative;
}
.work16 .solution_mf .bh_wrap .mf_bg_logo {
  position: absolute;
  bottom: 0;
  right: 15px;
}
@media (max-width: 992px) {
  .work16 .solution_mf .bh_wrap .mf_bg_logo {
    display: none;
  }
}
.work16 .solution_mf .mf_item {
  height: 100%;
  border: 1px solid var(--bh_color_gray_300);
  background-color: #fff;
}
.work16 .solution_mf .mf_item .mf_title {
  padding: 15px 0;
  background: var(--work16_main_color);
  color: #fff;
}
@media (max-width: 992px) {
  .work16 .solution_mf .mf_item .mf_title {
    padding: 10px 0;
  }
}
.work16 .solution_mf .mf_item p img {
  position: relative;
  top: 5px;
  flex-shrink: 0;
  width: auto;
  height: auto;
  max-width: none;
}
.work16 .solution_effect .effect_wrap .effect_item {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 20px;
  border: 1px solid var(--bh_color_gray_300);
  overflow: hidden;
}
.work16 .solution_effect .effect_wrap .effect_item p {
  padding: 20px 0;
  width: 100%;
  text-align: center;
  background: var(--bh_color_gray_50);
}
@media (max-width: 992px) {
  .work16 .solution_effect .effect_wrap .effect_item p {
    padding: 10px 0;
  }
}
.work16 .solution_client {
  padding-bottom: 150px;
  background: var(--bh_color_gray_100);
}
@media (max-width: 992px) {
  .work16 .solution_client {
    padding-bottom: 70px;
  }
}
.work16 .solution_client .logo_img {
  background: #fff;
  border: 1px solid var(--bh_color_gray_300);
}
.work16 .solution_ex_wrap .solution_ex_title .number {
  padding: 10px 12px;
  border-bottom-right-radius: 10px;
  background: var(--work16_main_color);
}
.work16 .solution_ex_wrap .solution_ex_img {
  padding: 50px;
  background: var(--bh_color_gray_50);
  border: 1px solid var(--bh_color_gray_200);
}
.work16 .solution_ex_wrap .solution_ex {
  padding: 30px 20px;
  background: var(--work16_main_bg);
}
.work16 .solution_ex_wrap .solution_ex strong {
  position: relative;
}
.work16 .solution_ex_wrap .solution_ex strong:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 2px;
  background: #A9BFD8;
}
.work16 .solution_ex_wrap .solution_ex p span {
  position: relative;
  bottom: 5px;
  line-height: 1;
}
.work16 .solution_ex_wrap .solution_ex .solution_ex_bottom {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work16 .solution_2 .solution_mf {
  position: relative;
}
.work16 .solution_2 .solution_mf .solution_2_bg {
  position: absolute;
  width: 99999px;
  margin: 0 -9999px;
  top: 0;
  height: 100%;
  background: var(--bh_color_gray_50);
}
.work16 .solution_2 .solution_client {
  background: none;
}
.work16 .solution_3 .solution_3_outline .outline_title {
  padding: 15px 0;
  background: var(--work16_main_color);
  color: #fff;
}
@media (max-width: 992px) {
  .work16 .solution_3 .solution_3_outline .outline_title {
    padding: 10px 0;
  }
}
.work16 .solution_3 .solution_3_outline .outline_box_wrap {
  background: #fff;
  border: 1px solid var(--bh_color_gray_200);
}
.work16 .solution_3 .solution_3_outline .outline_box_wrap .outline_box {
  height: 100%;
  padding: 25px 15px;
  background: var(--work16_main_bg);
  border: 1px solid var(--bh_color_gray_200);
}
.work16 .solution_3 .solution_3_outline .outline_box_wrap .outline_box.box_color_2 {
  background: var(--bh_color_gray_50);
}
.work16 .solution_3 .solution_3_outline .outline_box_wrap .outline_box.box_color_3 {
  background: #EDF9FC;
}
@media (max-width: 992px) {
  .work16 .solution_3 .solution_3_outline .outline_box_wrap .outline_box {
    padding: 15px 15px;
  }
}
.work16 .solution_3 .solution_3_outline .outline_bottom .outline_box_wrap {
  padding: 20px 15px;
}
.work16 .solution_3 .solution_3_outline .outline_bottom .outline_list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 992px) {
  .work16 .solution_3 .solution_3_outline .outline_bottom .outline_list {
    gap: 10px;
  }
}
.work16 .solution_3 .solution_3_outline .outline_bottom .outline_list p {
  width: 100%;
  padding: 15px 0;
  background: var(--work16_main_bg);
  border: 1px solid var(--bh_color_gray_200);
}
@media (max-width: 992px) {
  .work16 .solution_3 .solution_3_outline .outline_bottom .outline_list p {
    padding: 10px 0;
  }
}
.work16 .solution_3 .solution_3_outline .outline_bottom .outline_list.list_color_2 p {
  background: var(--bh_color_gray_50);
}
.work16 .solution_3 .solution_3_outline .outline_bottom .outline_list.list_color_3 p {
  background: #EDF9FC;
}
.work16 .solution_3 .solution_3_outline p img {
  position: relative;
  top: 5px;
  flex-shrink: 0;
  width: auto;
  height: auto;
  max-width: none;
}
.work16 .solution_3 .solution_mf .solution_3_bg {
  position: absolute;
  width: 99999px;
  margin: 0 -9999px;
  top: 0;
  height: 100%;
  background: var(--bh_color_gray_50);
}
.work16 .solution_3 .solution_mf .mf_item_inner {
  flex: 1;
  padding: 0 20px;
}
.work16 .solution_3 .solution_mf .mf_item_inner.left {
  border-right: 1px solid var(--bh_color_gray_200);
}
.work16 .solution_3 .solution_client {
  background: none;
}
:root {
  --work17_main_color: #C3A580;
  --work17_point_color: #474440;
}
.work17 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work17 .xe-widget-wrapper {
  overflow: visible;
}
.work17 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work17 strong {
  font-family: "Playfair Display" !important;
}
.work17 strong span {
  font-family: sans-serif;
}
.work17 .work17_tab ul {
  width: 800px;
  margin-right: -10px;
  margin-left: -10px;
}
@media (max-width: 992px) {
  .work17 .work17_tab ul {
    width: 100%;
  }
}
.work17 .work17_tab ul .work17_tab_btn {
  display: block;
  width: 100%;
  border: 1px solid var(--bh_color_gray_300);
  color: var(--bh_color_gray_400);
  text-align: center;
  padding: 18px 5px;
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .work17 .work17_tab ul .work17_tab_btn {
    padding: 14px 5px;
  }
}
.work17 .work17_tab ul .work17_tab_btn.active {
  border: 1px solid var(--bh_color_gray_800);
  color: var(--bh_color_gray_800);
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
}
.work17 .work17_tab ul .work17_tab_btn.work17_tab_btn3:hover {
  background: var(--work17_point_color);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 700;
}
.work17 .work17_tab ul .work17_tab_btn.work17_tab_btn3.active {
  background: var(--work17_point_color);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 700;
}
.work17 .work17_tab ul .work17_tab_btn.work17_tab_btn4:hover {
  background: var(--work17_point_color);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 700;
}
.work17 .work17_tab ul .work17_tab_btn.work17_tab_btn4.active {
  background: var(--work17_point_color);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 700;
}
.work17 .work17_tab_content {
  display: none;
}
.work17 .work17_tab_content.active {
  display: block;
}
.work17 .work17_swiper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.work17 .name_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: var(--work17_main_color);
  width: 145px;
  height: 90px;
  color: #fff;
  font-family: "Playfair display";
}
@media (max-width: 992px) {
  .work17 .name_tag {
    width: 100px;
    height: 50px;
  }
}
.work17 .swiper-pagination {
  bottom: 30px;
}
.work17 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  border-radius: 50%;
  margin: 0 5px;
  transition: all 0.3s ease;
}
.work17 .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  height: 10px;
  background-color: var(--work17_main_color);
  border-radius: 20px;
}
@media (max-width: 992px) {
  .work17 .swiper-pagination {
    bottom: 10px;
  }
  .work17 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }
  .work17 .swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 8px;
    border-radius: 12px;
  }
}
.work17 .room_title .title_text_box {
  background: #FCFAF9;
  padding: 25px 20px;
}
.work17 .room_fa p {
  padding: 10px 0;
}
.work17 .room_fa .list_style {
  position: relative;
  top: 7px;
  width: 10px;
  height: 10px;
  background: var(--work17_main_color);
}
.work17 .room_fa img {
  margin: 0 auto;
}
.work17 .room_fa .room_fa_item {
  min-width: 145px;
}
@media (max-width: 992px) {
  .work17 .room_fa .room_fa_item {
    min-width: auto;
  }
}
.work17 .room_service {
  border-top: 1px dashed var(--bh_color_gray_300);
}
.work17 .room_service img {
  margin: 0 auto;
}
.work17 .dt_notice {
  background: #FCFAF9;
}
.work17 .dt_notice .dt_notice_inner img {
  object-fit: cover;
}
@media (max-width: 992px) {
  .work17 .dt_notice .dt_notice_inner {
    margin-right: 15px;
    margin-left: 15px;
  }
  .work17 .dt_notice .dt_notice_inner img {
    height: 400px !important;
  }
}
.work17 .dt_notice .notice_table .table_row {
  border-bottom: 1px solid #fff;
}
.work17 .dt_notice .notice_table .table_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  padding: 15px 0;
  background: var(--work17_main_color);
  color: #fff;
}
.work17 .dt_notice .notice_table .table_content {
  width: 100%;
  padding: 15px 20px;
  background: #F1E9E1;
}
.work17 .dt_notice .notice_link {
  display: flex;
  width: 500px;
}
@media (max-width: 550px) {
  .work17 .dt_notice .notice_link {
    width: 100%;
  }
}
.work17 .dt_notice .notice_link a {
  flex: 1;
  display: block;
  text-align: center;
  padding: 15px 0;
  color: #fff;
}
.work17 .dt_notice .notice_link a.charge {
  background: var(--work17_main_color);
}
.work17 .dt_notice .notice_link a.reservation {
  background: var(--work17_point_color);
}
.work18 #content {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .work18 #content {
    padding-bottom: 70px;
  }
}
.work18 .xe-widget-wrapper {
  overflow: visible;
}
.work18 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
  position: relative;
}
.work18 .scrollTop {
  background: var(--bh_color_blue) !important;
  width: 80px;
  height: 80px;
  font-size: 16px;
}
.work18 h2 {
  font-family: "Montserrat", sans-serif;
}
.work18 .work18_wrap {
  position: relative;
}
.work18 .work18_wrap .ng_btn_wrap {
  position: absolute;
  left: 80px;
  transition: all 0.5s ease;
}
@media (max-width: 1800px) {
  .work18 .work18_wrap .ng_btn_wrap {
    left: 15px;
  }
}
@media (max-width: 1500px) {
  .work18 .work18_wrap .ng_btn_wrap {
    display: none !important;
  }
}
.work18 .work18_wrap .ng_btn_wrap .ng_btn.active span {
  color: var(--bh_color_blue);
  border-bottom: 1px solid var(--bh_color_blue);
}
.work18 .work18_wrap .ng_btn_wrap.fixed {
  position: fixed;
  top: 100px;
  left: 80px;
}
.work18 .k_ng_ex_img {
  border-top: 1px solid var(--bh_color_gray_200);
  border-bottom: 1px solid var(--bh_color_gray_200);
}
.work18 .point_box {
  display: flex;
  gap: 100px;
}
@media (max-width: 992px) {
  .work18 .point_box {
    flex-direction: column;
    gap: 10px;
  }
}
.work18 .point_box .point_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border: 1px solid var(--bh_color_gray_200);
  transition: all 0.3s;
}
.work18 .point_box .point_item:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
.work18 .ng_title strong {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
}
.work18 .ng_system {
  background: url("../../../../assets/images/sub/K-RBOC-NG_bg1.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work18 .ng_system .system_item {
  position: relative;
}
.work18 .ng_system .system_item p {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
}
.work18 .ng_system .system_item .system_img {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 992px) {
  .work18 .ng_system .system_item .system_img {
    max-width: 370px;
    width: 100%;
  }
}
@media (max-width: 449px) {
  .work18 .ng_system .system_item .system_img {
    max-width: 250px;
    width: 100%;
  }
}
.work18 .newest_tec .newest_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  height: 100%;
  padding: 40px 60px;
  background: #F5F5F5;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  .work18 .newest_tec .newest_item {
    padding: 25px 30px;
    justify-content: center;
    gap: 30px;
  }
}
.work18 .core_tec {
  background: url("../../../../assets/images/sub/K-RBOC-NG_bg2.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work18 .ng_price {
  background: url("../../../../assets/images/sub/K-RBOC-NG_bg3.png");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 60% 0%;
}
@media (max-width: 992px) {
  .work18 .ng_price {
    background-size: 100%;
    background-position: unset;
  }
}
.work18 .ng_price .price_text .price_text_item {
  border-top: 1px solid var(--bh_color_gray_100);
}
.work18 .ng_price .price_text .price_text_item div {
  flex: 1;
}
@media (max-width: 992px) {
  .work18 .ng_price .price_text .price_text_item {
    flex-direction: column;
  }
}
.work18 .ng_price .decoys {
  border-top: 1px solid var(--bh_color_gray_100);
}
.work18 .ng_price .ng_video {
  border-top: 1px solid var(--bh_color_gray_100);
}
@font-face {
  font-family: "SUIT-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.work19 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work19 .xe-widget-wrapper {
  overflow: hidden;
}
.work19 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work19 .sub_top_banner {
  display: none;
}
.work19 .header_wrap {
  position: fixed;
  z-index: 5 !important;
}
.work19 {
  font-family: "SUIT-Regular", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;
}
.work19 #vimeoWrap {
  position: relative;
  width: 100%;
  height: 93vh;
  overflow: hidden;
  margin: 0;
}
.work19 #vimeoWrap .vimeo_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.work19 #vimeoWrap .viemo_text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 40%;
  z-index: 3;
}
.work19 #vimeoWrap .viemo_text span {
  letter-spacing: 10px;
}
@media (max-width: 1500px) {
  .work19 #vimeoWrap {
    height: 60vh;
  }
}
@media (max-width: 992px) {
  .work19 #vimeoWrap {
    height: 500px;
  }
}
@media (max-width: 780px) {
  .work19 #vimeoWrap {
    height: 350px;
  }
  .work19 #vimeoWrap .viemo_text {
    top: 55%;
  }
}
@media (max-width: 499px) {
  .work19 #vimeoWrap {
    height: 270px;
  }
  .work19 #vimeoWrap .viemo_text {
    top: 45%;
  }
}
.work19 #vimeoWrap iframe, .work19 #vimeoWrap object, .work19 #vimeoWrap embed {
  position: absolute;
  top: -30%;
  left: -48%;
  width: 150%;
  height: 100vw;
}
@media (max-width: 1800px) {
  .work19 #vimeoWrap iframe, .work19 #vimeoWrap object, .work19 #vimeoWrap embed {
    width: 300%;
    left: -100%;
  }
}
.work19 .about_newgen {
  padding: 150px 0;
  background: #fff;
}
@media (max-width: 992px) {
  .work19 .about_newgen {
    padding: 7rem 0;
  }
}
.work19 .newgen_item_box {
  background-color: var(--bh_color_gray_100);
}
.work19 .newgen_item_box .bh_wrap .bh_row {
  background: url("../../../../assets/images/sub/work19_img_8.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.work19 .newgen_item_box .bh_wrap .newgen_item {
  padding: 70px 30px;
  transition: all 0.5s;
}
.work19 .newgen_item_box .bh_wrap .newgen_item.new_bd {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
@media (max-width: 992px) {
  .work19 .newgen_item_box .bh_wrap .newgen_item.new_bd {
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  }
}
.work19 .newgen_item_box .bh_wrap .newgen_item span {
  border-bottom: 1px solid #fff;
}
.work19 .newgen_item_box .bh_wrap .newgen_item:hover {
  background: rgba(0, 0, 0, 0.2);
}
.work19 .newgen_care .bh_row .care_item_wrap .care_item {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  transition: all 0.3s;
}
.work19 .newgen_care .bh_row .care_item_wrap .care_item img {
  filter: brightness(70%);
  object-fit: cover;
}
.work19 .newgen_care .bh_row .care_item_wrap .care_item div {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 195px;
}
.work19 .newgen_care .bh_row .care_item_wrap .care_item div .item_title {
  transition: all 0.5s;
  transform: translateY(0);
}
.work19 .newgen_care .bh_row .care_item_wrap .care_item div .care_icon {
  transition: all 0.5s;
  opacity: 0;
}
@media (max-width: 992px) {
  .work19 .newgen_care .bh_row .care_item_wrap .care_item {
    height: 250px;
  }
  .work19 .newgen_care .bh_row .care_item_wrap .care_item div {
    height: auto;
  }
}
.work19 .newgen_care .bh_row .care_item_wrap:hover .care_item img {
  filter: brightness(100%);
}
.work19 .newgen_care .bh_row .care_item_wrap:hover .care_item div .item_title {
  transform: translateY(-50px);
}
.work19 .newgen_care .bh_row .care_item_wrap:hover .care_item div .care_icon {
  opacity: 1;
}
.work19 .newgen_tec {
  background-image: url("../../../../assets/images/sub/work19_img_4.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: 0 50%;
  width: 100%;
  height: 100%;
}
.work19 .newgen_tec .tec_item {
  width: 100%;
  height: 100%;
  background: #fff;
}
.work19 .newgen_tec .tec_item .item_img {
  width: 100%;
}
.work19 .newgen_tec .tec_item .tec_text {
  padding: 30px 15px 40px;
}
.work19 .newgen_tec .tec_item .tec_text p {
  color: var(--bh_color_gray_500);
}
@media (max-width: 992px) {
  .work19 .newgen_tec .tec_item {
    display: flex;
  }
  .work19 .newgen_tec .tec_item .item_img {
    flex: 1;
    width: 100%;
  }
  .work19 .newgen_tec .tec_item .item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .work19 .newgen_tec .tec_item .tec_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-shrink: 0;
    padding: 20px 15px;
  }
}
.work20 .sub_top_banner {
  display: none;
}
.work20 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work20 .xe-widget-wrapper {
  overflow: visible;
}
.work20 #content {
  padding-top: 0;
  padding-bottom: 0;
}
:root {
  --work20_main_color: #0F307E;
}
.work20 .header_wrap {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: none;
}
.work20 .cm_title span {
  color: var(--work20_main_color);
  letter-spacing: 3px;
}
.work20 .cm_main_visual {
  position: relative;
  height: 100vh;
}
@media (max-width: 992px) {
  .work20 .cm_main_visual {
    top: -50px;
  }
}
@media (max-width: 500px) {
  .work20 .cm_main_visual {
    height: 500px;
  }
}
.work20 .cmSwiper {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work20 .cmSwiper .swiper-slide {
  position: relative;
}
.work20 .cmSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work20 .cmSwiper .swiper-slide .cm_main_text {
  position: absolute;
  top: 37%;
  width: 100%;
}
@media (max-width: 992px) {
  .work20 .cmSwiper .swiper-slide .cm_main_text {
    top: 35%;
  }
}
@media (max-width: 500px) {
  .work20 .cmSwiper .swiper-slide .cm_main_text {
    top: 25%;
  }
}
.work20 .cm_pagination {
  position: absolute;
  top: calc(37% + 250px);
  width: 100%;
  z-index: 2;
}
@media (max-width: 992px) {
  .work20 .cm_pagination {
    top: calc(35% + 150px);
  }
}
@media (max-width: 500px) {
  .work20 .cm_pagination {
    top: calc(25% + 120px);
  }
}
.work20 .Swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1;
  border-radius: 50%;
  margin: 0 5px;
  transition: all 0.3s ease;
}
.work20 .Swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  height: 10px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .work20 .Swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }
  .work20 .Swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 8px;
    border-radius: 12px;
  }
}
.work20 .cm_link_wrap {
  position: absolute;
  bottom: 100px;
  z-index: 2;
  padding: 0;
  width: 100%;
}
.work20 .cm_link_wrap .link_item_wrap {
  display: flex;
  gap: 15px;
  padding: 15px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 500px) {
  .work20 .cm_link_wrap .link_item_wrap {
    padding: 10px;
    gap: 10px;
  }
}
.work20 .cm_link_wrap .link_item {
  width: calc((100% - 30px) / 3);
  height: 100%;
  flex-shrink: 0;
}
@media (max-width: 500px) {
  .work20 .cm_link_wrap .link_item {
    width: calc((100% - 20px) / 3);
  }
}
.work20 .cm_link_wrap .link_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 10px 20px;
  border: 1px solid #fff;
  transition: all 0.4s;
}
.work20 .cm_link_wrap .link_item a:hover {
  background: rgba(255, 255, 255, 0.8);
}
.work20 .cm_link_wrap .link_item a .link_name {
  min-height: 30px;
  flex-wrap: wrap;
}
.work20 .cm_link_wrap .link_item a .link_name span {
  margin-left: 5px;
}
@media (max-width: 992px) {
  .work20 .cm_link_wrap .link_item a {
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding: 5px;
  }
}
@media (max-width: 499px) {
  .work20 .cm_link_wrap .link_item a {
    justify-content: space-between;
  }
  .work20 .cm_link_wrap .link_item a .link_text {
    height: 25px;
  }
}
.work20 .cm_link_wrap .link_item span {
  color: var(--work20_main_color);
}
.work20 .cm_link_wrap .link_down {
  background: var(--work20_main_color);
  width: 100%;
  height: 100%;
  padding: 15px;
}
@media (max-width: 500px) {
  .work20 .cm_link_wrap .link_down {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .work20 .cm_link_wrap {
    bottom: 50px;
  }
}
.work20 .about_cm {
  position: relative;
  z-index: 1;
}
.work20 .about_cm .about_cm_bg_text {
  position: absolute;
  top: 200px;
  left: 50px;
  z-index: -1;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_bg_text {
    display: none;
  }
}
.work20 .about_cm .about_cm_bg {
  position: absolute;
  z-index: -1;
  top: 380px;
  left: 0;
  width: 100%;
}
.work20 .about_cm .about_cm_bg .about_bg_right {
  position: absolute;
  right: 15px;
  top: 15px;
}
.work20 .about_cm .about_cm_bg .about_bg_left {
  position: absolute;
  left: 50px;
  top: 170px;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_bg {
    display: none;
  }
}
.work20 .about_cm .about_cm_box {
  display: flex;
  justify-content: space-between;
  gap: 90px;
  padding-bottom: 100px;
  border-bottom: 1px solid var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_box {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 50px;
  }
}
.work20 .about_cm .about_cm_box .about_cm_text {
  flex-grow: 1;
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link {
  flex-wrap: wrap;
  gap: 25px;
  height: 100%;
  border: 1px solid var(--bh_color_gray_300);
  background: #fff;
  padding: 20px 15px;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link {
    flex-wrap: nowrap;
    gap: 15px;
    padding: 15px 10px;
  }
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link:hover {
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link:hover .link_img {
  background: var(--work20_main_color);
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link:hover span {
  color: var(--work20_main_color);
}
.work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link .link_img {
  flex-shrink: 0;
  display: inline-block;
  background: var(--bh_color_gray_400);
  border-radius: 50%;
  padding: 10px;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_box .about_cm_text .about_cm_item .about_link .link_img img {
    width: 25px;
  }
}
.work20 .about_cm .about_cm_box .about_cm_img {
  position: relative;
  flex-shrink: 0;
  padding: 20px 0 0 20px;
  height: 100%;
}
.work20 .about_cm .about_cm_box .about_cm_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_box .about_cm_img img {
    height: 300px;
  }
}
.work20 .about_cm .about_cm_box .about_cm_img .about_download {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../../../assets/images/sub/section1_catalog_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  width: 150px;
  height: 150px;
}
@media (max-width: 992px) {
  .work20 .about_cm .about_cm_box .about_cm_img .about_download {
    width: 100px;
    height: 100px;
  }
}
.work20 .pd_swiper_wrap {
  overflow: visible;
}
.work20 .custom-navigation button {
  background: none;
  border: none;
  font-size: 30px;
  color: var(--bh_color_gray_500);
  cursor: pointer;
  transition: color 0.3s;
}
.work20 .custom-navigation button:hover {
  color: var(--work20_main_color);
}
.work20 .cm_project {
  position: relative;
  z-index: 1;
}
.work20 .cm_project .project_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 85%;
}
.work20 .cm_project .project_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work20 .cm_project .swiper-wrapper .swiper-slide {
  transform: translateY(0);
  transition: all 0.5s;
}
.work20 .cm_project .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: translateY(-40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
@media (max-width: 500px) {
  .work20 .cm_project .pj_swiper {
    margin: 3rem 15px 0 !important;
  }
  .work20 .cm_project .pj_swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: translateY(0);
  }
}
.work20 .cm_certifi {
  position: relative;
}
.work20 .cm_certifi .certifi_bg {
  position: absolute;
  bottom: 0;
  left: 50px;
}
.work20 .cm_certifi .bh_wrap .certifi_bd {
  border-top: 1px solid var(--bh_color_gray_300);
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more {
  transition: all 0.5s;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more span {
  cursor: pointer;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more .ct_icon {
  background: var(--bh_color_gray_600);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  color: #fff;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more:hover span {
  color: var(--work20_main_color);
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more:hover .ct_icon {
  background: var(--work20_main_color) !important;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .ct_more:hover .ct_icon i {
  color: #fff !important;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .certi_img_wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .certi_img_wrap img {
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15), -4px 4px 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
  .work20 .cm_certifi .bh_wrap .certifi_bd .certi_wrap .certi_img_wrap {
    justify-content: center;
  }
}
.work20 .cm_banner {
  padding: 100px 0 150px 0;
  background: url("../../../../assets/images/sub/work20_banner.png");
}
.work20 .cm_banner .banner_link {
  width: 300px;
  padding: 20px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.3s;
}
.work20 .cm_banner .banner_link .banner_icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.3s;
}
.work20 .cm_banner .banner_link .banner_icon i {
  color: var(--work20_main_color);
  transition: all 0.3s;
}
.work20 .cm_banner .banner_link:hover {
  background: #fff;
  color: var(--work20_main_color);
}
.work20 .cm_banner .banner_link:hover p {
  font-weight: 700 !important;
}
.work20 .cm_banner .banner_link:hover .banner_icon {
  background: var(--work20_main_color);
}
.work20 .cm_banner .banner_link:hover .banner_icon i {
  color: #fff;
}
@media (max-width: 992px) {
  .work20 .cm_banner {
    padding: 5rem 0 7rem 0;
  }
  .work20 .cm_banner .banner_link {
    width: 100%;
    padding: 15px;
  }
  .work20 .cm_banner .banner_link .banner_icon {
    width: 25px;
    height: 25px;
  }
}
:root {
  --work21_main_color: #061637;
  --work21_font_color: #0E368A;
}
.work21 #content {
  padding: 0;
}
.work21 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work21 .xe-widget-wrapper {
  overflow: visible;
}
.work21 {
  font-family: "Pretendard", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif !important;
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.work21 .quote_l {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 992px) {
  .work21 .quote_l {
    position: relative;
    display: block;
  }
  .work21 .quote_l img {
    width: 60px;
  }
}
.work21 .quote_r {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 992px) {
  .work21 .quote_r {
    position: relative;
    display: block;
  }
  .work21 .quote_r img {
    width: 60px;
  }
}
.work21 .ls_sec_01 h2 {
  color: var(--work21_font_color);
}
.work21 .ls_sec_01 .sec_1_box {
  position: relative;
  max-width: 1720px;
  width: 100%;
  background: var(--bh_color_gray_100);
  margin: 5rem auto 0;
}
.work21 .ls_sec_01 .sec_1_box .sec_1_arr {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
@media (max-width: 992px) {
  .work21 .ls_sec_01 .sec_1_box .sec_1_arr {
    width: 38px;
    bottom: 5px;
  }
}
.work21 .ls_sec_01 .sec_1_box .bh_wrap {
  position: relative;
  z-index: 1;
}
.work21 .ls_sec_01 .sec_1_box .bh_wrap .sec_1_left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transform: translateX(-50%);
}
.work21 .ls_sec_01 .sec_1_box .bh_wrap .sec_1_right {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%);
  z-index: -1;
}
.work21 .ls_sec_01 .sec_1_box .box_title {
  position: relative;
  border-bottom: 1px solid var(--bh_color_gray_300);
}
.work21 .ls_sec_01 .sec_1_box .box_title .square {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.work21 .ls_sec_01 .sec_1_box .box_title .square div {
  width: 8px;
  height: 8px;
  background: var(--work21_font_color);
}
.work21 .ls_sec_01 .sec_1_box .box_all {
  display: flex;
  flex-direction: column;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap {
  height: 100%;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item {
  display: flex;
  align-items: center;
  min-height: 141px;
  background: #fff;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 30px 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner {
  align-items: center;
  gap: 25px;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner .box_num {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner .box_num .po-a {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner .box_num .po-a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner .box_text p span {
  color: var(--work21_font_color);
}
@media (max-width: 1200px) {
  .work21 .ls_sec_01 .sec_1_box .box_all {
    gap: 30px;
  }
  .work21 .ls_sec_01 .sec_1_box .box_all .box_item {
    min-height: 195px;
    height: 100%;
  }
}
@media (max-width: 992px) {
  .work21 .ls_sec_01 .sec_1_box .box_all {
    gap: 0;
  }
  .work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item {
    min-height: unset;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}
@media (max-width: 500px) {
  .work21 .ls_sec_01 .sec_1_box .box_all {
    gap: 0;
  }
  .work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item {
    padding: 15px 20px;
  }
  .work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner {
    flex-direction: column;
    align-items: unset;
    gap: 0;
  }
  .work21 .ls_sec_01 .sec_1_box .box_all .box_wrap .box_item .box_inner .box_num {
    width: 50px;
  }
}
.work21 .ls_sec_01 .sec_1_find div p span {
  color: var(--work21_font_color);
}
.work21 .ls_sec_01 .sec_1_find .find_img .bh_wrap {
  position: relative;
  z-index: 1;
}
.work21 .ls_sec_01 .sec_1_find .find_img .bh_wrap::before {
  content: "";
  width: 492px;
  height: 438px;
  background: url("../../../../assets/images/sub/p_area2_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
  z-index: -1;
}
.work21 .ls_sec_01 .sec_1_find .find_img .bh_wrap::after {
  content: "";
  width: 492px;
  height: 438px;
  background: url("../../../../assets/images/sub/p_area2_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 992px) {
  .work21 .ls_sec_01 .sec_1_find .find_img .bh_wrap::after {
    display: none;
  }
  .work21 .ls_sec_01 .sec_1_find .find_img .bh_wrap::before {
    display: none;
  }
}
.work21 .ls_sec_01 .sec_1_find .find_img .find_main {
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
  padding: 50px 80px;
  background: #fff;
}
.work21 .ls_sec_02 {
  background: var(--work21_main_color);
}
.work21 .ls_sec_02 .sec_02_caption {
  position: relative;
}
.work21 .ls_sec_02 .sec_02_caption .sec_02_coin {
  position: absolute;
  left: 30px;
  top: 20px;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.work21 .ls_sec_02 .sec_02_caption img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work21 .ls_sec_02 .sec_02_caption .po-a {
  width: 100%;
  top: 60px;
  left: 0;
  transform: translateY(-50%);
  color: var(--work21_font_color);
}
.work21 .ls_sec_02 .sec_02_swiper_wrap {
  position: relative;
  margin: 0 -30px;
}
.work21 .ls_sec_02 .sec_02_swiper_wrap .sec_02_bg {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent 50%, var(--work21_main_color));
  z-index: 3;
}
.work21 .ls_sec_02 .sec_02_swiper_wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 300px;
  background: linear-gradient(to right, transparent 10%, var(--work21_main_color));
  z-index: 3;
}
.work21 .ls_sec_02 .sec_02_swiper_wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 300px;
  background: linear-gradient(to left, transparent 10%, var(--work21_main_color));
  z-index: 3;
}
@media (max-width: 992px) {
  .work21 .ls_sec_02 .sec_02_swiper_wrap .sec_02_bg {
    background: linear-gradient(to bottom, transparent 70%, var(--work21_main_color));
  }
  .work21 .ls_sec_02 .sec_02_swiper_wrap::after {
    width: 100px;
  }
  .work21 .ls_sec_02 .sec_02_swiper_wrap::before {
    width: 100px;
  }
}
.work21 .ls_sec_02 .sec_02_swiper_wrap .userSwiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  background: var(--work21_main_color);
}
.work21 .ls_sec_02 .sec_02_swiper_wrap .userSwiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
}
.work21 .ls_sec_02 .sec_02_dot_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.work21 .ls_sec_02 .sec_02_dot_wrap span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
}
.work21 .ls_sec_02 .sec_02_dot_wrap span:nth-of-type(1) {
  background: rgba(255, 255, 255, 0.4);
}
.work21 .ls_sec_02 .sec_02_dot_wrap span:nth-of-type(2) {
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 992px) {
  .work21 .ls_sec_02 .sec_02_dot_wrap span {
    width: 10px;
    height: 10px;
  }
}
.work21 .ls_sec_02 .person_wrap .person_item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px;
  height: 100%;
  border-radius: 30px;
  box-shadow: inset 10px 10px 15px rgba(255, 255, 255, 0.3), inset -10px -10px 15px rgba(255, 255, 255, 0.3);
}
@media (max-width: 992px) {
  .work21 .ls_sec_02 .person_wrap .person_item {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
    padding: 20px;
  }
}
.work21 .ls_sec_03 {
  background: url("../../../../assets/images/sub/p_area4_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.work21 .ls_sec_03 .sec_03_title span {
  color: var(--work21_font_color);
}
.work21 .ls_sec_03 .pettern_slider_wrap {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .work21 .ls_sec_03 .pettern_slider_wrap {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.work21 .ls_sec_03 .pettern_slider_wrap .pattern_nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 350px;
  min-height: 350px;
  padding: 60px 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0 30px 0 30px;
  background: #fff;
  z-index: -1;
}
.work21 .ls_sec_03 .pettern_slider_wrap .pattern_nav li {
  width: 170px;
  text-align: center;
  border-radius: 50px;
  padding: 10px;
  border: 1px solid var(--bh_color_gray_100);
  cursor: pointer;
}
.work21 .ls_sec_03 .pettern_slider_wrap .pattern_nav li.active {
  background: #002f87;
  color: #fff;
}
@media (max-width: 992px) {
  .work21 .ls_sec_03 .pettern_slider_wrap .pattern_nav {
    position: relative;
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
    padding: 20px;
    border-radius: 0 20px 0 20px;
  }
  .work21 .ls_sec_03 .pettern_slider_wrap .pattern_nav li {
    width: 100%;
  }
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper {
  position: relative;
  width: 80%;
  overflow: hidden;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide {
  border-radius: 50px;
  background: var(--work21_font_color);
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide .pattern_title {
  padding: 20px 10px;
  color: #fff;
  text-align: center;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide .pattern_img {
  border-radius: 50px;
  padding: 60px 150px;
  background: #fff;
  margin: -1px;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide .pattern_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-next, .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  background: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  top: 50%;
  color: var(--work21_font_color);
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-next {
  right: 40px;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-prev {
  left: 40px;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-next::after, .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-prev::after {
  display: none;
}
.work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-next.disabled, .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-prev.disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width: 992px) {
  .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper {
    width: 100%;
    border-radius: 20px;
  }
  .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
  }
  .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide .pattern_title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    min-height: 45px;
    height: 100%;
  }
  .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-slide .pattern_img {
    flex-grow: 1;
    border-radius: 15px;
    padding: 15px;
    height: 100%;
  }
  .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-next, .work21 .ls_sec_03 .pettern_slider_wrap .patternSwiper .swiper-button-prev {
    display: none;
  }
}
.work21 .ls_sec_04 .evt_title_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.work21 .ls_sec_04 .evt_title_wrap .evt_title strong {
  color: var(--work21_font_color);
}
.work21 .ls_sec_04 .evt_title_wrap .evt_title p span {
  color: var(--work21_font_color);
}
.work21 .ls_sec_04 .evt_title_wrap .evt_history {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.work21 .ls_sec_04 .evt_title_wrap .evt_history .history_item {
  width: 100%;
  gap: 10px;
}
.work21 .ls_sec_04 .evt_title_wrap .evt_history .history_item .history_year {
  width: 60px;
  color: var(--work21_font_color);
}
@media (max-width: 992px) {
  .work21 .ls_sec_04 .evt_title_wrap {
    gap: 40px;
  }
  .work21 .ls_sec_04 .evt_title_wrap .evt_history .history_item .history_year {
    width: 50px;
  }
}
.work21 .ls_sec_04 .evt_sales_wrap .evt_sales .sale_box {
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  overflow: hidden;
}
.work21 .ls_sec_04 .evt_sales_wrap .evt_sales .sale_box .sale_bg {
  background: var(--bh_color_gray_400);
  padding: 15px 0;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap {
  position: relative;
  top: -20px;
  z-index: 1;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box {
  width: 60%;
  margin: 0 auto;
  background: #fff;
  border-radius: 30px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1), inset 5px 5px 15px rgba(28, 66, 145, 0.2), inset -5px -5px 15px rgba(28, 66, 145, 0.2);
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title {
  position: relative;
  padding: 80px 0;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .sale_star {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  z-index: 2;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .sale_star span {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .ing_line {
  display: inline-block;
  background: linear-gradient(to bottom, transparent 50%, var(--bh_color_gray_100));
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .ing_color {
  color: #0B2B6E;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale {
  position: relative;
  padding: 30px 0;
  background: #0B2B6E;
  border-radius: 0 0 30px 30px;
  box-shadow: inset 5px 5px 15px rgba(255, 255, 255, 0.4), inset -5px -5px 15px rgba(255, 255, 255, 0.4);
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale .sale_caption {
  position: absolute;
  bottom: -20px;
  right: -50%;
  transform: translate(-50%, 50%);
  width: 500px;
  height: 98px;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale .sale_caption img {
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.1));
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale .sale_caption span {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: var(--work21_font_color);
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .back_1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .back_2 {
  position: absolute;
  bottom: -50px;
  right: 50px;
  z-index: -1;
}
@media (max-width: 992px) {
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap {
    top: 0;
    margin-top: 20px;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box {
    width: 100%;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title {
    padding: 40px 0;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .sale_star {
    width: 80px;
    height: 80px;
    top: 20px;
    left: 60px;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale {
    padding: 15px 0;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_sale .sale_caption {
    bottom: -50%;
    right: 50%;
    transform: translate(50%, 50%);
    width: 250px;
    height: 49px;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .back_1, .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .back_2 {
    display: none;
  }
}
@media (max-width: 499px) {
  .work21 .ls_sec_04 .evt_sales_wrap .sale_ing_wrap .sale_ing_box .ing_title .sale_star {
    width: 70px;
    height: 70px;
    left: 50px;
  }
}
.work21 .ls_sec_04 .evt_sales_wrap .counsel_box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 150px;
  padding: 50px 40px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  background: url("../../../../assets/images/sub/p_area5_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.work21 .ls_sec_04 .evt_sales_wrap .counsel_box a {
  display: flex;
  align-items: center;
  color: var(--work21_font_color);
}
.work21 .ls_sec_04 .evt_sales_wrap .counsel_box a span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--work21_font_color);
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.work21 .ls_sec_04 .evt_sales_wrap .counsel_box a:hover i {
  animation: move 0.8s ease-in-out infinite 0s;
}
@media (max-width: 992px) {
  .work21 .ls_sec_04 .evt_sales_wrap .counsel_box {
    margin-top: 70px;
    padding: 30px 20px;
  }
  .work21 .ls_sec_04 .evt_sales_wrap .counsel_box a span {
    width: 25px;
    height: 25px;
  }
}
.work21 .ls_sec_04 .evt_sales_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work21 .ls_sec_05 {
  position: relative;
  background-image: url("../../../../assets/images/sub/p_area6_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.work21 .ls_sec_05 .sec_05_arr {
  position: relative;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 992px) {
  .work21 .ls_sec_05 .sec_05_arr {
    width: 38px;
    bottom: 5px;
    bottom: -5px;
  }
}
.work21 .ls_sec_05 .ad_box_wrap {
  margin: 50px -45px 0 -45px;
}
.work21 .ls_sec_05 .ad_box_wrap .bh_row {
  justify-content: center;
}
.work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box {
  margin: 0 -15px;
}
.work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box .ad_box_inner {
  position: relative;
  padding: 40px 5px;
  border-radius: 80px;
  box-shadow: inset 2px 2px 15px rgba(255, 255, 255, 0.3), inset -2px -2px 15px rgba(255, 255, 255, 0.3);
}
.work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box .ad_box_inner .ad_icon {
  position: absolute;
  top: -20px;
  left: 0;
  background: #fff;
  border-radius: 50%;
  padding: 15px;
}
@media (max-width: 992px) {
  .work21 .ls_sec_05 .ad_box_wrap {
    margin: 30px -15px 0 -15px;
  }
  .work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box {
    margin: 0;
    padding: 0 15px;
  }
  .work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box .ad_box_inner {
    padding: 25px 5px;
    border-radius: 20px;
  }
  .work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box .ad_box_inner .ad_icon {
    position: absolute;
    top: -10px;
    left: 0;
    padding: 10px;
  }
  .work21 .ls_sec_05 .ad_box_wrap .bh_row .ad_box .ad_box_inner .ad_icon img {
    width: 35px;
  }
}
.work21 .ls_sec_05 .ad_swiper_wrap {
  width: 100%;
  overflow: visible;
}
.work21 .ls_sec_05 .adSwiper {
  width: 100%;
  overflow: visible;
  position: relative;
}
.work21 .ls_sec_05 .adSwiper .swiper-slide {
  width: 100%;
  height: 270px;
}
.work21 .ls_sec_05 .adSwiper .swiper-slide .slide_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 30px;
  height: 100%;
  border-top: 1px solid #fff;
  border-radius: 20px;
  background: linear-gradient(to right, #3B4761 10%, #1B2A48);
}
.work21 .ls_sec_05 .adSwiper .swiper-slide .ad_num {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 5px 30px;
  border-radius: 0 50px 50px 0;
  background: var(--work21_font_color);
  box-shadow: inset -3px -3px 20px rgba(255, 255, 255, 0.4), inset 3px 3px 20px rgba(255, 255, 255, 0.4);
}
.work21 .ls_sec_05 .adSwiper .swiper-slide .slide_item::before, .work21 .ls_sec_05 .adSwiper .swiper-slide .slide_item::after {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 0;
  width: 1px;
  border-radius: 12px;
}
.work21 .ls_sec_05 .adSwiper .swiper-slide .slide_item::before {
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
}
.work21 .ls_sec_05 .adSwiper .swiper-slide .slide_item::after {
  right: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
}
@media (max-width: 992px) {
  .work21 .ls_sec_05 .adSwiper .swiper-slide .item_img img {
    width: 70px;
  }
}
.work21 .ls_sec_06 .buy_step_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.work21 .ls_sec_06 .buy_step_wrap .step strong {
  color: var(--work21_font_color);
}
.work21 .ls_sec_06 .buy_step_wrap .step_arrow {
  color: var(--work21_font_color);
}
@media (max-width: 992px) {
  .work21 .ls_sec_06 .buy_step_wrap {
    flex-wrap: wrap;
    gap: 15px;
  }
  .work21 .ls_sec_06 .buy_step_wrap .step {
    padding: 20px;
    width: calc((100% - 15px) / 2);
    border: 1px solid var(--bh_color_gray_200);
    border-radius: 20px;
  }
}
@media (max-width: 499px) {
  .work21 .ls_sec_06 .buy_step_wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
  .work21 .ls_sec_06 .buy_step_wrap .step {
    padding: 20px;
    width: 100%;
  }
}
.work21 .ls_sec_06 .buy_banner {
  padding: 50px;
  background-image: url("../../../../assets/images/sub/p_area7_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.work21 .ls_sec_06 .buy_banner .title {
  display: inline-block;
  position: relative;
}
@media (max-width: 992px) {
  .work21 .ls_sec_06 .buy_banner .title {
    display: block;
  }
}
.work21 .ls_sec_06 .buy_banner .title .buy_limited {
  position: absolute;
  top: -10px;
  right: -60px;
  padding: 2px 20px;
  box-shadow: inset 5px 5px 15px rgba(255, 255, 255, 0.4), inset -5px -5px 15px rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  background: linear-gradient(var(--work21_font_color), var(--work21_font_color)) padding-box, linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)) border-box;
  border: 1px solid transparent;
  transform: rotate(15deg);
}
@media (max-width: 992px) {
  .work21 .ls_sec_06 .buy_banner .title .buy_limited {
    display: inline-block;
    position: relative;
    top: unset;
    right: unset;
    margin-top: 10px;
    transform: rotate(0);
    padding: 2px 15px;
  }
}
.work21 .ls_sec_06 .buy_banner .buy_link {
  display: inline-block;
}
.work21 .ls_sec_06 .buy_banner .buy_link a {
  display: flex;
  align-items: center;
}
.work21 .ls_sec_06 .buy_banner .buy_link a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
}
.work21 .ls_sec_06 .buy_banner .buy_link a span i {
  color: var(--work21_font_color) !important;
}
.work21 .ls_sec_06 .buy_banner .buy_link a:hover i {
  animation: move 0.8s ease-in-out infinite 0s;
}
@media (max-width: 992px) {
  .work21 .ls_sec_06 .buy_banner {
    padding: 25px;
    background-position: top right;
  }
  .work21 .ls_sec_06 .buy_banner .buy_link a span {
    width: 30px;
    height: 30px;
  }
}
.work21 .ls_sec_06 .buy_swiper_wrap {
  position: relative;
  z-index: 1;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_swiper_wrap_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_swiper_wrap_bg img {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  object-fit: cover;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item {
  display: flex;
  justify-content: space-between;
  height: 390px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px 0 0 0;
  background: #fff;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item .buy_text {
  padding: 50px 0 0 50px;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item .buy_text span {
  color: var(--work21_font_color);
}
.work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item .buy_img {
  height: 100%;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item .buy_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item {
    height: 275px;
    border-radius: 20px 0 0 0;
  }
  .work21 .ls_sec_06 .buy_swiper_wrap .buySwiper .buy_item .buy_text {
    padding: 25px 25px;
  }
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control {
  position: relative;
  width: 100%;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control .buy_btn_wrap {
  gap: 10px;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control .buy_btn_wrap .buy-button-prev, .work21 .ls_sec_06 .buy_swiper_wrap .buy_control .buy_btn_wrap .buy-button-next {
  cursor: pointer;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control .buy_btn_wrap i {
  color: var(--work21_font_color);
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control .swiper-scrollbar {
  position: absolute;
  top: 50%;
  right: 0;
  left: unset;
  width: calc(100% - 100px);
  height: 1px;
  background: var(--bh_color_gray_300);
  overflow: hidden;
}
.work21 .ls_sec_06 .buy_swiper_wrap .buy_control .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--work21_font_color);
}
.work21 .ls_sec_07 .bh_wrap {
  position: relative;
  z-index: 1;
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 65%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .work21 .ls_sec_07 .bh_wrap .faq_wrap {
    gap: 10px;
    width: 100%;
  }
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item {
  background: #fff;
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 20px;
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item.active .faq_answer {
  display: block;
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item.active button span {
  background: var(--bh_color_gray_300);
}
@media (max-width: 992px) {
  .work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item {
    border-radius: 10px;
  }
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 30px 30px;
  border: none;
  background: none;
  color: var(--bh_color_gray_800);
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item button span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--work21_font_color);
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 992px) {
  .work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item button {
    padding: 15px;
    font-size: 16px;
  }
  .work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item button span {
    width: 25px;
    height: 25px;
    font-size: 15px;
  }
}
.work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item .faq_answer {
  display: none;
  color: var(--bh_color_gray_600);
  padding: 0 30px 30px 30px;
}
@media (max-width: 992px) {
  .work21 .ls_sec_07 .bh_wrap .faq_wrap .faq_item .faq_answer {
    padding: 0 15px 15px 15px;
  }
}
.work21 .ls_sec_07 .bh_wrap .ls_sec_07_left, .work21 .ls_sec_07 .bh_wrap .ls_sec_07_right {
  position: absolute;
  z-index: -1;
}
.work21 .ls_sec_07 .bh_wrap .ls_sec_07_left {
  top: 0;
  left: 0;
}
.work21 .ls_sec_07 .bh_wrap .ls_sec_07_right {
  bottom: 0;
  right: 0;
}
.work21 .ls_sec_08 {
  padding-bottom: 150px;
  background: var(--bh_color_gray_100);
}
@media (max-width: 992px) {
  .work21 .ls_sec_08 {
    padding-bottom: 7rem;
  }
}
.work21 .ls_sec_08 .bh_wrap {
  position: relative;
  z-index: 1;
}
.work21 .ls_sec_08 .warning_bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.work21 .ls_sec_08 .warning_bg img {
  filter: brightness(98%);
}
@media (max-width: 992px) {
  .work21 .ls_sec_08 .warning_bg {
    display: none;
  }
}
.work21 .ls_sec_08 .warning {
  display: flex;
  align-items: center;
}
.work21 .ls_sec_08 .warning img {
  width: 44px;
  height: 50px;
  object-fit: cover;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.2));
}
.work21 .ls_sec_08 .warning span {
  color: var(--work21_font_color);
}
@media (max-width: 992px) {
  .work21 .ls_sec_08 .warning img {
    width: 33px;
    height: 38px;
  }
}
.work21 .ls_sec_08 .warning_list_wrap .warning_list .warning_dot {
  position: relative;
  bottom: 3px;
}
@media (max-width: 992px) {
  .work21 .ls_sec_08 .warning_list_wrap .warning_list .warning_dot {
    bottom: 0;
    width: 20px;
    height: 20px;
  }
}
:root {
  --work22_main_color: #000813;
  --work22_font_color: #002560;
}
.work22 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work22 .xe-widget-wrapper {
  overflow: visible;
}
.work22 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work22 .sub_top_banner {
  display: none;
}
.work22 .header_wrap {
  position: fixed;
  z-index: 5;
}
.work22 .float_banner {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 73px;
  right: 0;
  background: #fff;
  z-index: 3;
  transition: all 0.3s ease;
}
.work22 .float_banner.active {
  right: -260px;
}
.work22 .float_banner .resize_btn {
  position: relative;
  width: 50px;
  background-color: var(--work22_font_color);
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.work22 .float_banner .resize_btn span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.work22 .float_banner .resize_btn span .rotate_icon {
  transition: all 0.3s ease;
}
.work22 .float_banner .resize_btn span .rotate_icon.rotate {
  transform: rotate(180deg);
}
.work22 .float_banner .form_wrap {
  width: 260px;
}
@media (max-width: 992px) {
  .work22 .float_banner {
    width: 100%;
    flex-direction: column;
    top: unset;
    bottom: -316px;
    left: 0;
    right: 0;
  }
  .work22 .float_banner.active {
    bottom: 0;
  }
  .work22 .float_banner .resize_btn {
    width: 100%;
    text-align: center;
  }
  .work22 .float_banner .resize_btn span {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    padding: 15px 0;
  }
  .work22 .float_banner .form_wrap {
    width: 100%;
  }
}
.work22 .city_main_visual {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.work22 .city_main_visual .video_wrap {
  position: relative;
}
.work22 .city_main_visual .video_wrap video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.work22 .city_main_visual .city_title_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
  .work22 .city_main_visual {
    height: 350px;
  }
  .work22 .city_main_visual .video_wrap video {
    width: 100%;
    height: 100%;
    min-height: 350px;
  }
  .work22 .city_main_visual .city_title_wrap .city_logo {
    width: 280px;
    margin: 0 auto;
  }
}
.work22 .city_process {
  position: relative;
  padding: 150px 0;
  background-image: url("../../../../assets/images/sub/work22_p_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% bottom;
}
@media (max-width: 992px) {
  .work22 .city_process {
    padding: 5rem 0;
  }
}
.work22 .city_process::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 35, 50, 0.2);
  z-index: 1;
}
.work22 .city_process .bh_wrap {
  position: relative;
  z-index: 2;
}
.work22 .city_process .square img {
  width: 14px;
  height: 62px;
}
@media (max-width: 992px) {
  .work22 .city_process .square img {
    width: 8px;
    height: 40px;
  }
}
.work22 .city_process .process .process_box {
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 2px solid #fff;
  height: 100%;
}
.work22 .city_process .process .process_box .title {
  padding: 20px 30px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
}
.work22 .city_process .process .process_box .title div {
  display: inline-block;
  padding: 2px 18px;
  border-radius: 20px;
  background: #fff;
}
.work22 .city_process .process .process_box .title div span {
  color: var(--work22_font_color);
}
@media (max-width: 1100px) {
  .work22 .city_process .process .process_box .title {
    min-height: 98px;
  }
}
@media (max-width: 992px) {
  .work22 .city_process .process .process_box .title {
    min-height: unset;
    padding: 15px 20px;
  }
}
.work22 .city_process .process .process_box .content {
  padding: 30px 30px;
  background: linear-gradient(to bottom, rgba(3, 3, 4, 0.8) 30%, rgba(35, 41, 53, 0.5));
  backdrop-filter: blur(5px);
  height: 100%;
}
@media (max-width: 992px) {
  .work22 .city_process .process .process_box .content {
    padding: 20px 20px;
  }
}
.work22 .city_process .process .process_box .arrow {
  position: absolute;
  top: 15px;
  right: -40px;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 2;
}
.work22 .city_process .process .process_box .arrow i {
  vertical-align: sub;
}
.work22 .city_lawyers {
  padding: 150px 0;
  background-image: url("../../../../assets/images/sub/work22_dark_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .work22 .city_lawyers {
    padding: 5rem 0;
  }
}
.work22 .city_lawyers .title_banner {
  padding: 15px 0;
  background: linear-gradient(to right, transparent 0%, #002560 20%, #002560 80%, transparent 100%);
}
.work22 .city_lawyers .lawyer_box {
  display: flex;
  flex-direction: column;
  padding: 30px 30px;
  height: 100%;
  min-height: 435px;
  background: var(--work22_main_color);
  border: 1px solid;
  border-image: linear-gradient(180deg, #fff, transparent) 1;
}
.work22 .city_lawyers .lawyer_box .line {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
}
.work22 .city_lawyers .lawyer_box .history {
  position: relative;
  flex-grow: 1;
}
.work22 .city_lawyers .lawyer_box .history:hover .lawyer_img {
  opacity: 1;
}
.work22 .city_lawyers .lawyer_box .history .lawyer_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s;
}
.work22 .city_lawyers .lawyer_box .history .lawyer_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work22 .city_lawyers .lawyer_box .history p {
  margin-top: 5px;
  word-wrap: break-word;
  word-break: break-all;
}
.work22 .city_lawyers .lawyer_box .history p span {
  margin-right: 5px;
}
@media (max-width: 992px) {
  .work22 .city_lawyers .lawyer_box {
    padding: 20px 20px;
    min-height: 300px;
  }
  .work22 .city_lawyers .lawyer_box .history {
    overflow: hidden;
  }
  .work22 .city_lawyers .lawyer_box .history .lawyer_img {
    height: 444px;
    top: -150px;
  }
}
@media (max-width: 600px) {
  .work22 .city_lawyers .lawyer_box .history .lawyer_img {
    height: 100%;
    top: unset;
  }
}
@media (max-width: 500px) {
  .work22 .city_lawyers .lawyer_inner {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .work22 .city_lawyers .lawyer_inner .lawyer_box {
    min-height: unset;
  }
  .work22 .city_lawyers .lawyer_inner .lawyer_img {
    display: none !important;
  }
}
.work22 .city_works {
  padding-top: 150px;
  background-image: url("../../../../assets/images/sub/work22_light_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .work22 .city_works {
    padding-top: 5rem;
  }
}
.work22 .city_works .title strong {
  color: var(--work22_font_color);
}
.work22 .city_works .works_banner {
  padding: 20px 0;
  background: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
}
.work22 .city_qna {
  padding: 150px 0 20px 0;
  background-image: url("../../../../assets/images/sub/work22_c_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 992px) {
  .work22 .city_qna {
    padding: 5rem 0 2rem 0;
  }
}
.work22 .city_qna .title strong {
  color: var(--work22_font_color);
}
.work22 .city_qna .qna_wrap .qna_item {
  background: #fff;
  padding: 25px 30px;
  border: 1px solid var(--bh_color_gray_200);
}
@media (max-width: 992px) {
  .work22 .city_qna .qna_wrap .qna_item {
    padding: 15px 15px;
  }
  .work22 .city_qna .qna_wrap .qna_item.active {
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
  }
  .work22 .city_qna .qna_wrap .qna_item.active .qna_question p {
    font-size: 18px !important;
  }
}
.work22 .city_qna .qna_wrap .qna_item.active {
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
}
.work22 .city_qna .qna_wrap .qna_item.active .qna_question p {
  font-size: 22px;
  font-weight: 800;
}
.work22 .city_qna .qna_wrap .qna_item.active .qna_question .icon {
  background: var(--work22_font_color);
}
.work22 .city_qna .qna_wrap .qna_item.active .qna_question .icon i {
  transform: translateY(-2px) rotate(180deg);
  color: #fff;
}
.work22 .city_qna .qna_wrap .qna_item.active .qna_answer {
  display: block;
}
.work22 .city_qna .qna_wrap .qna_item.active .qna_answer span {
  margin-right: 5px;
}
.work22 .city_qna .qna_wrap .qna_item .qna_question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.work22 .city_qna .qna_wrap .qna_item .qna_question p {
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s;
}
.work22 .city_qna .qna_wrap .qna_item .qna_question p span {
  margin-right: 5px;
}
@media (max-width: 992px) {
  .work22 .city_qna .qna_wrap .qna_item .qna_question p {
    font-size: 16px;
  }
}
.work22 .city_qna .qna_wrap .qna_item .qna_question .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bh_color_gray_200);
  flex-shrink: 0;
}
.work22 .city_qna .qna_wrap .qna_item .qna_question .icon i {
  transition: all 0.3s;
  color: var(--bh_color_gray_600);
}
.work22 .city_qna .qna_wrap .qna_item .qna_question .icon i::before {
  vertical-align: middle;
}
@media (max-width: 992px) {
  .work22 .city_qna .qna_wrap .qna_item .qna_question .icon {
    width: 30px;
    height: 30px;
  }
}
.work22 .city_qna .qna_wrap .qna_answer {
  display: none;
  padding-top: 20px;
}
.work22 .city_ex {
  margin-top: 150px;
  padding-bottom: 150px;
  background: linear-gradient(to bottom, #fff 60%, var(--bh_color_gray_200));
}
@media (max-width: 992px) {
  .work22 .city_ex {
    margin-top: 5rem;
    padding-bottom: 5rem;
  }
}
.work22 .city_ex .title strong {
  color: var(--work22_font_color);
}
.work22 .city_ex .city_widget_wrap {
  position: relative;
}
@media (max-width: 992px) {
  .work22 .city_ex .city_widget_wrap {
    padding: 0 15px;
  }
}
.work22 .city_ex .city_widget_wrap .ex_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}
@media (max-width: 992px) {
  .work22 .city_ex .city_widget_wrap .ex_btn {
    display: none;
  }
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap {
  position: relative;
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-prev {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: all 0.2s;
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-prev i {
  color: var(--bh_color_gray_600);
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-prev:hover {
  background: #fff;
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-prev:hover i {
  color: var(--work21_font_color);
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-next {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: all 0.2s;
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-next i {
  color: var(--bh_color_gray_600);
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-next:hover {
  background: #fff;
}
.work22 .city_ex .city_widget_wrap .ex_btn .bh_wrap .swiper-next:hover i {
  color: var(--work21_font_color);
}
.work22 .city_customer {
  margin-top: 150px;
}
@media (max-width: 992px) {
  .work22 .city_customer {
    margin-top: 5rem;
  }
}
.work22 .city_customer .title strong {
  color: var(--work22_font_color);
}
.work22 .city_customer .bh_write_form_wrap {
  height: 100%;
  padding: 40px 40px;
  background-image: url("../../../../assets/images/sub/contact_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .work22 .city_customer .bh_write_form_wrap {
    padding: 30px 25px;
  }
}
.work22 .city_customer .customer_box {
  height: 100%;
}
.work22 .city_customer .customer_box.map {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 470px;
}
@media (max-width: 992px) {
  .work22 .city_customer .customer_box.map {
    width: 100%;
  }
}
.work22 .city_customer .customer_box .map_wrap {
  width: 100%;
  border: none;
  padding: 0;
}
.work22 .city_customer .customer_box .map_wrap .cont {
  display: none !important;
}
.work22 .city_customer .customer_box .map_wrap .wrap_controllers {
  display: none !important;
}
.work22 .city_customer .customer_box .map_wrap .border1, .work22 .city_customer .customer_box .map_wrap .border2, .work22 .city_customer .customer_box .map_wrap .border3, .work22 .city_customer .customer_box .map_wrap .border4 {
  display: none !important;
}
.work22 .city_customer .customer_box .map_wrap .wrap_btn_zoom {
  z-index: 2 !important;
}
.work22 .city_customer .customer_box .map_text .text_inner {
  padding-top: 30px;
}
.work22 .city_customer .customer_box .map_text .text_inner p {
  color: var(--work22_font_color);
}
@media (max-width: 992px) {
  .work22 .city_customer .customer_box .map_text .text_inner {
    padding-top: 20px;
  }
}
.work22 .city_customer .customer_box .map_text .line {
  width: 100%;
  height: 1px;
  margin-top: 30px;
  background: linear-gradient(to right, transparent 0%, var(--work22_font_color) 20%, var(--work22_font_color) 80%, transparent 100%);
}
@media (max-width: 992px) {
  .work22 .city_customer .customer_box .map_text .line {
    margin-top: 20px;
  }
}
.work22 .city_service {
  margin-top: 150px;
  padding-bottom: 150px;
  background-image: url("../../../../assets/images/sub/work22_b_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .work22 .city_service {
    margin-top: 5rem;
    padding-bottom: 7rem;
  }
}
.work22 .city_service .service_text {
  padding: 30px 45px;
  border-left: 1px solid #fff;
  background: linear-gradient(to right, var(--work22_font_color) 30%, transparent);
}
@media (max-width: 992px) {
  .work22 .city_service .service_text {
    padding: 20px 20px;
  }
}
.work22 .city_service .service_logo {
  position: relative;
  right: 50px;
}
@media (max-width: 992px) {
  .work22 .city_service .service_logo {
    display: none;
  }
}
:root {
  --work23_font_color: #FDD100;
  --work23_title_color: #E6B425;
}
.work23 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.work23 #content {
  padding-top: 0;
  padding-bottom: 0;
}
.work23 .xe-widget-wrapper {
  overflow: visible;
}
.work23 .header_wrap {
  position: fixed !important;
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
@media (max-width: 992px) {
  .work23 .header_wrap {
    display: none;
  }
}
.work23 .sub_top_banner {
  display: none;
}
.work23 button {
  border: none;
  background: none;
}
@media (max-width: 992px) {
  .work23 .fp-overflow {
    max-height: unset !important;
  }
  .work23 .m_hight {
    height: auto;
  }
}
@keyframes rotate_logo {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 992px) {
  .work23 .section {
    min-height: auto !important;
  }
}
.work23 .section_inner {
  display: flex;
  align-items: center;
  height: 100vh;
}
@media (max-width: 992px) {
  .work23 .section_inner {
    height: 100%;
    padding: 50px 0;
  }
}
.work23 .yellow {
  color: var(--work23_font_color);
}
.work23 .yellow_t {
  color: var(--work23_title_color);
}
.work23 .more {
  display: inline-block;
  position: relative;
  padding: 5px;
  text-align: center;
  z-index: 1;
}
.work23 .more i {
  color: var(--bh_color_gray_500);
}
.work23 .more::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #D4D4DD;
  z-index: -1;
  transition: all 0.5s;
}
@media (max-width: 992px) {
  .work23 .more::after {
    width: 33px;
    height: 33px;
  }
}
.work23 .more:hover::after {
  width: 100%;
  border-radius: 50px;
}
.work23 .main_visual {
  position: relative;
  z-index: 1;
}
.work23 .main_visual .video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.work23 .main_visual .video_wrap video {
  width: 100%;
  height: 100vh;
  background: #fff;
  object-fit: cover;
}
@media (max-width: 992px) {
  .work23 .main_visual .video_wrap video {
    height: 100%;
  }
}
.work23 .main_visual .video_wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.work23 .main_visual .main_text {
  color: var(--bh_color_white);
  text-align: center;
}
.work23 .main_visual .main_text .yellow_line {
  position: relative;
}
.work23 .main_visual .main_text .yellow_line::after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../../../../assets/images/sub/two_line_main.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 276px;
  height: 39px;
}
@media (max-width: 992px) {
  .work23 .main_visual .main_text .yellow_line::after {
    width: 125px;
    height: 18px;
  }
}
.work23 .main_visual .main_text .line {
  margin: 0 auto;
  width: 1px;
  height: 45px;
  background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 992px) {
  .work23 .main_visual .main_text .line {
    height: 25px;
  }
}
@media (max-width: 992px) {
  .work23 .main_visual .main_text {
    height: 500px;
  }
  .work23 .main_visual .main_text .main_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
  }
}
.work23 .main_visual .scroll {
  position: absolute;
  left: 50%;
  bottom: 70px;
  animation: y_scroll 1s ease-in infinite;
  color: var(--bh_color_white);
}
@media (max-width: 992px) {
  .work23 .main_visual .scroll {
    bottom: 35px;
  }
}
@keyframes y_scroll {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 10px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
.work23 .info {
  position: relative;
  background-image: url("../../../../assets/images/sub/work23_bg_3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  color: var(--bh_color_gray_800);
}
.work23 .info .line {
  display: inline-block;
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, var(--bh_color_gray_300), var(--bh_color_gray_500));
}
@media (max-width: 992px) {
  .work23 .info .line {
    height: 30px;
  }
}
.work23 .info .red_line {
  position: relative;
  z-index: 1;
}
.work23 .info .red_line::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  background-image: url("../../../../assets/images/sub/two_line_red.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 232px;
  height: 32px;
}
@media (max-width: 992px) {
  .work23 .info .red_line::after {
    bottom: -20px;
    width: 135px;
    height: 19px;
  }
}
.work23 .info .circle_wrap {
  position: absolute;
  top: 100px;
  left: 80px;
  z-index: -1;
}
@media (max-width: 992px) {
  .work23 .info .circle_wrap {
    left: unset;
    right: 15px;
  }
}
.work23 .info .circle_wrap span {
  display: inline-block;
}
.work23 .info .circle_wrap span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../../../assets/images/sub/about_logo_img.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 99px;
  height: 62px;
}
@media (max-width: 992px) {
  .work23 .info .circle_wrap span::before {
    width: 65px;
    height: 42px;
  }
}
.work23 .info .circle_wrap span img {
  animation: rotate_logo 7s linear infinite both;
}
@media (max-width: 992px) {
  .work23 .info .circle_wrap span img {
    width: 120px;
  }
}
.work23 .business {
  position: relative;
  z-index: 1;
  color: var(--bh_color_gray_800);
}
.work23 .business .bg_img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.work23 .business .bg_text {
  position: absolute;
  right: 15px;
  top: 15px;
  bottom: 15px;
  height: calc(100% - 30px);
}
.work23 .business .bg_color {
  position: absolute;
  top: 0;
  right: 0;
  width: 39.9%;
  height: 100%;
  background: #EAE9E5;
}
.work23 .business .item_wrap {
  position: relative;
  gap: 30px;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap {
    gap: 2rem;
  }
}
.work23 .business .item_wrap .item_box {
  flex-grow: 1;
}
.work23 .business .item_wrap .item_box .item {
  display: block;
  position: relative;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  text-align: right;
  z-index: 1;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap .item_box .item {
    background: rgba(255, 255, 255, 0.6);
  }
}
.work23 .business .item_wrap .item_box .item:hover .b_btn {
  background: var(--work23_font_color);
}
.work23 .business .item_wrap .item_box .item span {
  position: absolute;
  left: 20px;
  bottom: 15px;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap .item_box .item span {
    left: 15px;
  }
}
.work23 .business .item_wrap .item_box .item .b_btn {
  position: absolute;
  right: 20px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(158, 158, 158, 0.6);
  backdrop-filter: blur(5px);
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap .item_box .item .b_btn {
    right: 15px;
    bottom: 20px;
    width: 30px;
    height: 30px;
  }
}
.work23 .business .item_wrap .item_box .item .b_btn i:before {
  letter-spacing: -2px;
}
.work23 .business .item_wrap .item_box .item_bg {
  position: relative;
  z-index: 1;
  background: #F5F5F5;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap .item_box .item_bg {
    background: rgba(255, 255, 255, 0.6);
  }
}
.work23 .business .item_wrap .item_box .b_circle {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: -1;
}
.work23 .business .item_wrap .item_box .b_circle img {
  animation: rotate_logo 7s linear infinite both;
}
@media (max-width: 992px) {
  .work23 .business .item_wrap .item_box .b_circle {
    display: none;
  }
}
.work23 .lawyers {
  position: relative;
}
.work23 .lawyers .section_inner .ml-bh_wrap {
  overflow: hidden;
}
.work23 .lawyers .lawyer_bg {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_bg {
    display: none;
  }
}
.work23 .lawyers .fp-overflow {
  overflow-y: unset !important;
}
.work23 .lawyers .lawyerSwiper {
  position: relative;
  overflow: visible;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyerSwiper {
    width: 60%;
    margin: 50px auto 0 auto;
  }
}
@media (max-width: 500px) {
  .work23 .lawyers .lawyerSwiper {
    width: 100%;
    margin: unset;
  }
}
.work23 .lawyers .swiper_btn_wrap {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: 45px;
  z-index: 3;
}
.work23 .lawyers .swiper_btn_wrap .swiper-prev, .work23 .lawyers .swiper_btn_wrap .swiper-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid var(--bh_color_gray_300);
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.work23 .lawyers .swiper_btn_wrap .swiper-prev:hover, .work23 .lawyers .swiper_btn_wrap .swiper-next:hover {
  background: #000;
  border: 1px solid #000;
}
.work23 .lawyers .swiper_btn_wrap .swiper-prev:hover i, .work23 .lawyers .swiper_btn_wrap .swiper-next:hover i {
  color: #fff;
}
@media (max-width: 992px) {
  .work23 .lawyers .swiper_btn_wrap .swiper-prev, .work23 .lawyers .swiper_btn_wrap .swiper-next {
    width: 35px;
    height: 35px;
  }
}
.work23 .lawyers .swiper-slide.swiper-slide-next .lawyer_box .img_wrap {
  opacity: 70%;
}
.work23 .lawyers .lawyer_link {
  width: 100%;
  height: 100%;
}
.work23 .lawyers .lawyer_link:hover .img_wrap img {
  transform: scale(1.1);
}
.work23 .lawyers .lawyer_link:hover .more::after {
  width: 100%;
  border-radius: 50px;
}
.work23 .lawyers .lawyer_link .lawyer_box {
  padding-bottom: 20px;
  gap: 70px;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_link .lawyer_box {
    flex-direction: column;
    gap: 20px;
  }
}
.work23 .lawyers .lawyer_link .lawyer_box .img_wrap {
  height: 450px;
  flex: 0 0 40%;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.work23 .lawyers .lawyer_link .lawyer_box .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  object-position: 50% top;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_link .lawyer_box .img_wrap {
    flex: unset;
  }
}
@media (max-width: 769px) {
  .work23 .lawyers .lawyer_link .lawyer_box .img_wrap {
    height: 320px;
  }
  .work23 .lawyers .lawyer_link .lawyer_box .img_wrap img {
    object-position: 50% 20%;
  }
}
.work23 .lawyers .lawyer_link .lawyer_box .text_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  flex: 0 0 45%;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_link .lawyer_box .text_wrap {
    flex: unset;
  }
  .work23 .lawyers .lawyer_link .lawyer_box .text_wrap .text {
    height: 50px;
  }
}
.work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap {
  width: 100%;
  background: #2F318B;
  padding: 10px;
}
@media (max-width: 500px) {
  .work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap {
    height: 136px;
  }
}
.work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap .lawyer_name {
  padding: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap .lawyer_name p {
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 7px;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap .lawyer_name {
    height: 100%;
    padding: 15px;
  }
  .work23 .lawyers .lawyer_link .lawyer_box .text_wrap .lawyer_name_wrap .lawyer_name p {
    letter-spacing: 3px;
  }
}
.work23 .lawyers .lawyer_scroll {
  position: relative;
  width: 100%;
}
.work23 .lawyers .lawyer_scroll .swiper-scrollbar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 1 !important;
}
@media (max-width: 992px) {
  .work23 .lawyers .lawyer_scroll {
    width: 60%;
    margin: 20px auto 0 auto;
  }
}
@media (max-width: 500px) {
  .work23 .lawyers .lawyer_scroll {
    width: 100%;
    margin: 20px auto 0 auto;
  }
}
.work23 .news {
  background-image: url("../../../../assets/images/sub/work23_bg_1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.work23 .news .news_box {
  display: block;
  padding: 45px 25px;
  background: rgba(165, 165, 165, 0.3);
  backdrop-filter: blur(5px);
  transition: all 0.3s;
  height: 100%;
}
@media (max-width: 992px) {
  .work23 .news .news_box {
    padding: 25px 15px;
  }
}
.work23 .news .news_box:hover {
  background: var(--work23_font_color);
}
.work23 .news .news_box:hover p {
  color: #000;
}
.work23 .news .news_box:hover span {
  color: #000 !important;
}
.work23 .news .news_box p {
  height: 200px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  color: var(--bh_color_white);
}
@media (max-width: 992px) {
  .work23 .news .news_box p {
    height: 60px;
  }
}
.work23 .news .more::after {
  background: rgba(165, 165, 165, 0.3);
}
.work23 .service {
  position: relative;
  z-index: 1;
  color: var(--bh_color_gray_800) !important;
}
.work23 .service .service_bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.work23 .service .step_wrap .step {
  position: relative;
  padding: 20px 20px;
  background: #fff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.work23 .service .step_wrap .step .step_arrow {
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
}
.work23 .service .service_form .form_caution {
  text-align: right;
  margin-bottom: 10px;
  color: var(--bh_color_gray_600);
}
.work23 .service .service_form .form_caution em {
  font-weight: bold;
  font-style: normal;
  color: var(--bh_color_red);
}
.work23 .map {
  color: var(--bh_color_white);
  background-image: url(/assets/images/sub/work23_bg_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.work23 .map .section_inner > .bh_wrap {
  max-width: 1375px;
  padding: 0;
}
.work23 .map .map_box {
  height: 100%;
}
.work23 .map .map_box .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.work23 .map .map_box .root_daum_roughmap .wrap_map {
  height: 100%;
}
.work23 .map .map_box .root_daum_roughmap .wrap_controllers {
  display: none;
}
.work23 .map .map_box .root_daum_roughmap .cont {
  display: none;
}
.work23 .map .map_box .root_daum_roughmap .border1, .work23 .map .map_box .root_daum_roughmap .border2, .work23 .map .map_box .root_daum_roughmap .border3, .work23 .map .map_box .root_daum_roughmap .border4 {
  display: none;
}
.work23 .map .map_contact .contact_box div {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 20px;
}
.work23 .map .map_contact .contact_box div:last-child {
  margin-bottom: 0;
}
.work23 .map .map_contact .contact_box div strong {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  min-width: 55px;
}
.work23 .map .map_contact .contact_box div strong span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin-right: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  font-size: 30px;
  flex-shrink: 0;
}
.work23 .map .map_contact .contact_box div p {
  font-size: 24px;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SUIT";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
.common_field {
  font-family: "SUIT";
}
.common_field body, .common_field input, .common_field textarea, .common_field select, .common_field button, .common_field table {
  font-family: "SUIT", "Roboto", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;
  color: var(--bh_color_text);
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.common_field .title_logo {
  position: relative;
  display: inline-block;
}
.common_field .title_logo::before {
  content: "";
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 1px;
  background-image: url(/assets/images/sub/title_logo_line.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .common_field .title_logo::before {
    left: -30px;
    width: 25px;
  }
}
.common_field .title_logo::after {
  content: "";
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 1px;
  background-image: url(/assets/images/sub/title_logo_line.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .common_field .title_logo::after {
    right: -30px;
    width: 25px;
  }
}
.common_field .title_logo span {
  display: inline-block;
  position: relative;
  padding: 0 26px;
}
.common_field .title_logo span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background-image: url(/assets/images/sub/logo_img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.common_field .title_logo span::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  width: 6px;
  height: 10px;
  background-image: url(/assets/images/sub/logo_img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.common_field .title_logo .logo_line {
  width: 50px;
  height: 1px;
}
@media (max-width: 992px) {
  .common_field .title_logo .logo_line {
    width: 25px;
  }
}
.common_field .subject {
  position: relative;
  z-index: 1;
}
.common_field .subject::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  background-image: url(/assets/images/sub/title_img.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: -1;
}
@media (max-width: 992px) {
  .common_field .subject::before {
    width: 20px;
    height: 20px;
  }
}
.common_field .respond_wrap {
  border-top: 1px solid var(--bh_color_gray_300);
}
.common_field .respond_wrap .respond_img {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.common_field .respond_wrap .respond_img.img_size {
  max-width: 456px;
  width: 100%;
}
@media (max-width: 992px) {
  .common_field .respond_wrap .respond_img.img_size {
    max-width: none;
  }
}
.common_field .respond_wrap .respond_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .common_field .respond_wrap .respond_img {
    max-height: 400px;
  }
}
.common_field .case_wrap {
  border: 1px solid #d5f0ee;
  border-radius: 10px;
  padding: 60px;
  background-color: var(--bh_color_gray_50);
  background-position: -60px 50%;
}
@media (max-width: 992px) {
  .common_field .case_wrap {
    padding: 20px;
  }
}
.common_field .case_wrap p {
  position: relative;
  margin-top: 10px;
  padding-left: 25px;
}
.common_field .case_wrap p:nth-child(1) {
  margin-top: 0;
}
@media (max-width: 992px) {
  .common_field .case_wrap p {
    padding-left: 15px;
  }
}
.common_field .case_wrap p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url(/assets/images/sub/dot.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
}
@media (max-width: 992px) {
  .common_field .case_wrap p::before {
    top: 2px;
  }
}
.common_field .case_wrap p .dot {
  display: inline-block;
  flex-shrink: 0;
}
.common_field .case_wrap p .dot img {
  width: 12px;
  height: 12px;
}
.common_field .case_wrap .case_wrap_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
.intro_1 .content_wrap > .bh_wrap {
  max-width: 100%;
  padding: 0;
}
.intro_1 .xe-widget-wrapper {
  overflow: visible;
}
.intro_1 .intro {
  position: relative;
  z-index: 1;
}
.intro_1 .intro .intro_bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.intro_box {
  width: 100%;
  padding: 80px 50px;
  background-image: url("../../../../assets/river/intro_1.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  background-position: 50% 50%;
}
@media (max-width: 992px) {
  .intro_box {
    padding: 40px 25px;
    background-image: linear-gradient(to left, rgba(42, 24, 24, 0.9) 10%, #2a1818);
  }
}
.intro_box p {
  color: rgba(255, 255, 255, 0.8);
}
.number_wrap .number_box.reverse .bh_row {
  flex-direction: row-reverse;
}
.number_wrap .number_box.reverse .number_img img {
  border-radius: 10px;
  width: calc(100% - 20px);
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .number_wrap .number_box.reverse .number_img img {
    width: calc(100% - 10px);
  }
}
.number_wrap .number_box.reverse .number_img div {
  right: unset;
  left: 0;
}
.number_wrap .number_box .number_img {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.number_wrap .number_box .number_img img {
  border-radius: 10px;
  width: calc(100% - 20px);
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .number_wrap .number_box .number_img img {
    width: calc(100% - 10px);
  }
}
.number_wrap .number_box .number_img div {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 280px;
  height: 54px;
  padding: 12px 15px;
  background: #1c6d66;
}
@media (max-width: 992px) {
  .number_wrap .number_box .number_img div {
    width: 180px;
    height: 35px;
  }
}
.number_wrap .number_box .number_text strong {
  color: #2eb6aa;
}
.trust {
  padding: 50px 0;
  border-top: 1px solid var(--bh_color_gray_300);
}
.trust p span {
  color: #2eb6aa;
}
/*# sourceMappingURL=ead690348ecf3fcdcf55b9e124292f83c0c46758.page.scss.map */