.sub_visual {
  z-index: 0;
  font-size: 1rem;
  position: relative;
  height: 40rem;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.sub_visual.video {
  -webkit-aspect-ratio: 16 / 9; -ms-aspect-ratio: 16 / 9; -o-aspect-ratio: 16 / 9; -moz-aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
}
.sub_visual.video.ratio {
  height: auto;
}
.sub_visual.ios {
  position: relative !important;
}
.sub_visual .number {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  padding: 0.375em 0.6875em;
  border: solid 1px hsla(0, 0%, 100%, 0.3);
  white-space: nowrap;
  font-size: 1em;
  font-weight: 300;
  color: hsla(0, 0%, 100%, 0.6);
}
.sub_visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sub_visual.st_1 .sv_img {
  background-image: url("../images/sub/sub_visual_1.jpg?var=2");
}
.sub_visual.st_2 .sv_img {
  background-image: url("../images/sub/sub_visual_2.jpg?var=2");
}
.sub_visual.st_3 .sv_img {
  background-image: url("../images/sub/sub_visual_3.jpg?var=2");
}
.sub_visual.st_4 .sv_img {
  background-image: url("../images/sub/sub_visual_4.jpg?var=2");
}
.sub_visual.st_5 .sv_img {
  background-image: url("../images/sub/sub_visual_5.jpg?var=2");
}
.sub_visual.st_6 .sv_img {
  background-image: url("../images/sub/sub_visual_6.jpg?var=2");
}
.sub_visual.st_7 .sv_img {
  background-image: url("../images/sub/sub_visual_7.jpg?var=2");
}
.sub_visual.st_8 .sv_img {
  background-image: url("../images/sub/sub_visual_8.jpg?var=2");
}
.sub_visual.st_9 .sv_img {
  background-image: url("../images/sub/sub_visual_9.jpg?var=2");
}
.sub_visual.st_10 .sv_img {
  background-image: url("../images/sub/sub_visual_10.jpg?var=2");
}
.sub_visual.st_11 .sv_img {
  background-image: url("../images/sub/sub_visual_11.jpg?var=2");
}
.sub_visual.st_12 .sv_img {
  background-image: url("../images/sub/sub_visual_12.jpg?var=2");
}
.sub_visual.st_13 .sv_img {
  background-image: url("../images/sub/sub_visual_13.jpg?var=2");
}
.sub_visual.st_14 .sv_img {
  background-image: url("../images/sub/sub_visual_14.jpg?var=2");
}
.sub_visual.st_15 .sv_img {
  background-image: url("../images/sub/sub_visual_15.jpg?var=2");
}
.sub_visual.st_16 .sv_img {
  background-image: url("../images/sub/sub_visual_16.jpg?var=2");
}
.sub_visual.st_17 .sv_img {
  background-image: url("../images/sub/sub_visual_17.jpg?var=2");
}
.sub_visual.st_18 .sv_img {
  background-image: url("../images/sub/sub_visual_18.jpg?var=2");
}
.sub_visual.st_19 .sv_img {
  background-image: url("../images/sub/sub_visual_19.jpg?var=2");
}
.sub_visual.st_20 .sv_img {
  background-image: url("../images/sub/sub_visual_20.jpg?var=2");
}
.sub_visual.st_21 .sv_img {
  background-image: url("../images/sub/sub_visual_21.jpg?var=2");
}
.sub_visual.st_22 .sv_img {
  background-image: url("../images/sub/sub_visual_22.jpg?var=2");
}
.sub_visual.st_23 .sv_img {
  background-image: url("../images/sub/sub_visual_23.jpg?var=2");
}
.sub_visual.st_24 .sv_img {
  background-image: url("../images/sub/sub_visual_24.jpg?var=2");
}
.sub_visual.st_25 .sv_img {
  background-image: url("../images/sub/sub_visual_25.jpg?var=2");
}
.sub_visual.st_26 .sv_img {
  background-image: url("../images/sub/sub_visual_26.jpg?var=2");
}
.sub_visual.st_27 .sv_img {
  background-image: url("../images/sub/sub_visual_27.jpg?var=2");
}
.sub_visual.st_28 .sv_img {
  background-image: url("../images/sub/sub_visual_28.jpg?var=2");
}
.sub_visual.st_29 .sv_img {
  background-image: url("../images/sub/sub_visual_29.jpg?var=2");
}
.sub_visual .sv_img,
.sub_visual .sv_video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) !important;
  opacity: 1 !important;
  width: 100%;
  height: 40rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ddd;
  transition: width 1s ease-out;
}
.sub_visual.video .sv_video {
  height: 100%;
}
.sub_visual .sv_video::before {
  content: ''; display: block;
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; z-index: 2;
}
.sub_visual .sv_video video {
  z-index: 1;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); 
  width: 100%;
  -webkit-aspect-ratio: 16 / 9; -ms-aspect-ratio: 16 / 9; -o-aspect-ratio: 16 / 9; -moz-aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
  object-fit: cover; 
  pointer-events: none;
}
.sub_visual.video .sv_text_box { align-self: end; padding: 0; }
.sub_visual.video .sv_video:has(.ended)::before {
  background: url('/resource/video/magspeed_video_ended.jpg?v=2') no-repeat;
  background-size: cover;
}
.sub_visual .sv_img.aos-animate {
  width: 102%;
}
.ios.sub_visual .sv_img {
  position: absolute !important;
}
.sub_visual .sv_text_box {
  width: 100%;
  text-align: left;
  color: #fff;
  position: relative;
  padding: 7.1428571429%;
}
.sub_visual .sv_text_box .pharmacy_button {
  display: block;
  z-index: 10;
  background-color: #111;
  margin-top: 2.2222222222em;
  width: 7.5em;
  height: 3.6111111111em;
  line-height: 3.6111111111em;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  transition-delay: 0.4s;
}
.sub_visual.video .sv_text_box .pharmacy_button {
  background-color: rgba(17,17,17,0.5);
}
.sub_visual .sv_text_box .pharmacy_button > * {
  vertical-align: middle;
}
.sub_visual .sv_tit {
  font-size: 5em;
  font-weight: 800;
  transition-delay: 0.2s;
}
.sub_visual .sv_tit_sub {
  font-size: 2.5em;
  line-height: 1.35;
}
.sub_visual.lalaola .sv_text_box {
  width: auto;
  color: #111;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
.sub_visual.lalaola .sv_text_box .pharmacy_button {
  background-color: #fff;
  margin-top: 0;
  color: #111;
}
.sub_visual.lalaola .sv_text_box .pharmacy_button svg path {
  fill: #111;
}
.sub_visual.lalaola .sv_tit {
  display: none;
}
.sub_visual.lalaola .sv_tit_sub {
  display: none;
}
@media screen and (max-width: 1440px) {
  .sub_visual {
    font-size: 0.75rem;
    height: 25rem;
  }
  .sub_visual .sv_img {
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .sub_visual {
    margin-top: 5.625rem;
  }
}
@media screen and (max-width: 800px) {
  .sub_visual {
    font-size: 0.5em;
    margin-top: 3.75rem;
    height: auto;
    padding-top: 106.6666666667%;
    padding-bottom: 2.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .sub_visual.video {
    padding-top: 0;  padding-bottom: 0;
    height: calc((100vw * 9 / 16) + 2.8125rem);
  }
  .sub_visual.video.ratio {
    height: calc((100vw * 9 / 16) + 2.8125rem);
  }
  .sub_visual.video .sv_video {
    height: calc(100% - 2.8125rem);
  }
  .sub_visual .number {
    font-size: 1.5em;
    bottom: calc(2.8125rem + 1.25em);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .sub_visual.st_1 .sv_img {
    background-image: url("../images/sub/sub_visual_m_1.jpg?var=2");
  }
  .sub_visual.st_2 .sv_img {
    background-image: url("../images/sub/sub_visual_m_2.jpg?var=2");
  }
  .sub_visual.st_3 .sv_img {
    background-image: url("../images/sub/sub_visual_m_3.jpg?var=2");
  }
  .sub_visual.st_4 .sv_img {
    background-image: url("../images/sub/sub_visual_m_4.jpg?var=2");
  }
  .sub_visual.st_5 .sv_img {
    background-image: url("../images/sub/sub_visual_m_5.jpg?var=2");
  }
  .sub_visual.st_6 .sv_img {
    background-image: url("../images/sub/sub_visual_m_6.jpg?var=2");
  }
  .sub_visual.st_7 .sv_img {
    background-image: url("../images/sub/sub_visual_m_7.jpg?var=2");
  }
  .sub_visual.st_8 .sv_img {
    background-image: url("../images/sub/sub_visual_m_8.jpg?var=2");
  }
  .sub_visual.st_9 .sv_img {
    background-image: url("../images/sub/sub_visual_m_9.jpg?var=2");
  }
  .sub_visual.st_10 .sv_img {
    background-image: url("../images/sub/sub_visual_m_10.jpg?var=2");
  }
  .sub_visual.st_11 .sv_img {
    background-image: url("../images/sub/sub_visual_m_11.jpg?var=2");
  }
  .sub_visual.st_12 .sv_img {
    background-image: url("../images/sub/sub_visual_m_12.jpg?var=2");
  }
  .sub_visual.st_13 .sv_img {
    background-image: url("../images/sub/sub_visual_m_13.jpg?var=2");
  }
  .sub_visual.st_14 .sv_img {
    background-image: url("../images/sub/sub_visual_m_14.jpg?var=2");
  }
  .sub_visual.st_15 .sv_img {
    background-image: url("../images/sub/sub_visual_m_15.jpg?var=2");
  }
  .sub_visual.st_16 .sv_img {
    background-image: url("../images/sub/sub_visual_m_16.jpg?var=2");
  }
  .sub_visual.st_17 .sv_img {
    background-image: url("../images/sub/sub_visual_m_17.jpg?var=2");
  }
  .sub_visual.st_18 .sv_img {
    background-image: url("../images/sub/sub_visual_m_18.jpg?var=2");
  }
  .sub_visual.st_19 .sv_img {
    background-image: url("../images/sub/sub_visual_m_19.jpg?var=2");
  }
  .sub_visual.st_20 .sv_img {
    background-image: url("../images/sub/sub_visual_m_20.jpg?var=2");
  }
  .sub_visual.st_21 .sv_img {
    background-image: url("../images/sub/sub_visual_m_21.jpg?var=2");
  }
  .sub_visual.st_22 .sv_img {
    background-image: url("../images/sub/sub_visual_m_22.jpg?var=2");
  }
  .sub_visual .sv_img {
    top: 0;
    height: calc(100% - 2.8125rem);
    background-position: top 50% left 50%;
  }
  .sub_visual .sv_text_box {
    top: 0;
    left: 0;
    position: absolute;
    padding: 16% 7.1428571429% 0;
    height: 100%;
  }
  .sub_visual .sv_text_box .pharmacy_button {
    transition: none !important;
    opacity: 1 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    font-size: 0.8125rem;
  }
  .sub_visual .sv_tit {
    font-size: 10vw;
    margin-top: 0.25em;
    text-align: center;
  }
  .sub_visual .sv_tit_sub {
    font-size: 5vw;
    text-align: center;
  }
  .sub_visual.lalaola .number {
    border: solid 1px rgba(17, 17, 17, 0.5);
    color: rgba(17, 17, 17, 0.8);
  }
  .sub_visual.lalaola .sv_text_box .pharmacy_button {
    background-color: #111;
    color: #fff;
  }
  .sub_visual.lalaola .sv_text_box .pharmacy_button svg path {
    fill: #fff;
  }
}
.location {
  font-size: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 12em;
  width: 100%;
  pointer-events: none;
  z-index: 100;
}
.location .lcb_mo {
  display: none;
}
.location .lcb_pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.location .lcb_pc .home::after {
  display: block;
  width: 1em;
  height: 1em;
  background: no-repeat center center;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M20.374 22.96h-3.825a.728.728 0 0 1-.727-.727v-4.094h-1.267v4.094a.728.728 0 0 1-.727.727H10a.728.728 0 0 1-.727-.727v-6.939H7.914A.727.727 0 0 1 7.465 14l7.273-5.727a.724.724 0 0 1 .9 0L22.91 14a.727.727 0 0 1-.45 1.3H21.1v6.939a.728.728 0 0 1-.726.721zm-3.1-1.455h2.371v-6.939a.727.727 0 0 1 .715-.727l-5.173-4.074-5.173 4.074a.727.727 0 0 1 .715.727v6.939H13.1v-4.094a.728.728 0 0 1 .727-.727h2.721a.728.728 0 0 1 .727.727z' style='fill:%23fff' transform='translate(-7.188 -8.112)'/%3E%3C/svg%3E%0A");
}
.location .lcb_pc > li {
  position: relative;
  pointer-events: visible;
  padding-left: 1.1875em;
  padding-right: 1.1875em;
}
.location .lcb_pc > li:not(:first-child)::before {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 0;
  display: block;
  width: 0.625em;
  height: 0.625em;
  background: no-repeat center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 123' style='fill:none' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath data-name='Path 836' d='m-8671.436-3917.779 6.56 6.559-6.56 6.56' transform='translate(8680.317 3923.279)' style='stroke:%23fff;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  transform-origin: center center;
}
.location .lcb_pc > li:not(.no_depth):not(.home) > a::after {
  display: block;
  font-size: 1rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' data-png-path='../images/common/sect_arrow_down.png' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23ffffff' d='M8.125,3.638c-0.979,1.12-1.959,2.24-3.269,3.736 C3.548,5.878,2.569,4.758,1.589,3.638C3.768,3.638,5.946,3.638,8.125,3.638z'/%3E%3C/svg%3E");
  background-position: center center;
  background-size: 0.625em 0.625em;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 1.625em;
  height: 1.625em;
  margin-left: 0.5em;
}
.location .lcb_pc > li > a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.location .lcb_pc > li > a > span {
  font-size: 1.125em;
  line-height: 1.17;
}
.location .lcb_pc > li > ul {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #fff;
  padding: 1.5em;
  margin-top: 0.5625em;
  top: 100%;
  right: 0;
  min-width: 9.375em;
  border-radius: 0.625em;
  box-shadow: 0 0.3125em 0.9375em 0 rgba(0, 0, 0, 0.1);
}
.location .lcb_pc > li > ul > li:not(:first-child) {
  margin-top: 0.5em;
}
.location .lcb_pc > li > ul > li a {
  display: block;
}
.location .lcb_pc > li > ul > li a:hover {
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .location {
    position: absolute;
    left: 0;
    transform: none;
    top: 21.875rem;
    width: 100%;
  }
  .location .lcb_pc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .location {
    pointer-events: visible;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    border-bottom: 1px solid #ddd;
  }
  .location .wrap {
    padding: 0;
    opacity: 1 !important;
    transform: translate(0) !important;
  }
  .location .lcb_pc {
    display: none;
  }
  .location .lcb_mo {
    background-color: #fff;
    display: block;
    height: 4em;
  }
  .location .lcb_mo ul {
    display: none;
  }
  .location .lcb_mo li {
    position: relative;
  }
  .location .lcb_mo a {
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4em;
    width: 100%;
  }
  .location .lcb_mo a.no_link:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center center;
    right: 1em;
    width: 1em;
    height: 1em;
    background: no-repeat center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 123' style='fill:none' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath data-name='Path 836' d='m-8671.436-3917.779 6.56 6.559-6.56 6.56' transform='translate(8680.317 3923.279)' style='stroke:%23222;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E");
    transition: transform 0.3s ease-out;
  }
  .location .lcb_mo a.on:after {
    transform: translateY(-50%) rotate(-90deg);
  }
  .location .lcb_mo > ul {
    position: absolute;
    max-height: 16.65625rem;
    overflow-y: auto;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #f6f6f6;
    border-top: 1px solid #ddd;
  }
  .location .lcb_mo > ul > li {
    border-bottom: 1px solid #ddd;
  }
  .location .lcb_mo > ul > li > a.no_link:after {
    right: 1em;
    width: 0.75em;
    height: 0.75em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath data-name='Rectangle 1 copy 6' d='M.5 5.5h12v2H.5z'  fill='%23222' stroke='transparent' stroke-miterlimit='10'/%3E%3Cpath data-name='Rectangle 1 copy 4' d='M5.5.5h2v12h-2z'  fill='%23222' stroke='transparent' stroke-miterlimit='10'/%3E%3C/svg%3E");
  }
  .location .lcb_mo > ul > li > a.on:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath data-name='Rectangle 1 copy 6' d='M.5 5.5h12v2H.5z' fill='%23222' stroke='transparent' stroke-miterlimit='10'/%3E%3C/svg%3E");
    transform: translateY(-50%) rotate(0);
  }
  .location .lcb_mo > ul > li > ul {
    border-top: 1px solid #ddd;
    background-color: #eee;
  }
  .location .lcb_mo > ul > li > ul > li {
    border-bottom: 0;
  }
}
[data-ani] {
  transition:
    opacity 0.5s ease-out,
    transform 0.5s ease-out;
}
[data-ani="up"] {
  opacity: 0;
  transform: translateY(3.125rem);
}
[data-ani="down"] {
  opacity: 0;
  transform: translateY(-6.25rem);
}
[data-ani="right"] {
  opacity: 0;
  transform: translateX(-6.25rem);
}
[data-ani="left"] {
  opacity: 0;
  transform: translateX(3.125rem);
}
[data-ani-delay="100"] {
  transition-delay: 0.1s;
}
[data-ani-delay="200"] {
  transition-delay: 0.2s;
}
[data-ani-delay="300"] {
  transition-delay: 0.3s;
}
[data-ani-delay="400"] {
  transition-delay: 0.4s;
}
[data-ani-delay="500"] {
  transition-delay: 0.5s;
}
[data-ani-delay="600"] {
  transition-delay: 0.6s;
}
[data-ani-delay="700"] {
  transition-delay: 0.7s;
}
[data-ani-delay="800"] {
  transition-delay: 0.8s;
}
[data-ani-delay="900"] {
  transition-delay: 0.9s;
}
[data-ani-delay="1000"] {
  transition-delay: 1s;
}
[data-ani-delay="1100"] {
  transition-delay: 1.1s;
}
[data-ani-delay="1200"] {
  transition-delay: 1.2s;
}
[data-ani-delay="1300"] {
  transition-delay: 1.3s;
}
[data-ani-delay="1400"] {
  transition-delay: 1.4s;
}
[data-ani-delay="1500"] {
  transition-delay: 1.5s;
}
[data-ani-delay="1600"] {
  transition-delay: 1.6s;
}
[data-ani-delay="1700"] {
  transition-delay: 1.7s;
}
[data-ani-delay="1800"] {
  transition-delay: 1.8s;
}
[data-ani-delay="1900"] {
  transition-delay: 1.9s;
}
.con {
  padding-left: 15rem;
  width: 100%;
  background-color: #fff;
  word-break: keep-all;
}
@media screen and (max-width: 1280px) {
  .con {
    padding-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .con {
    padding-left: 0;
  }
}
.con section:not(.sub_visual) {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.con section:not(.sub_visual) .inner {
  padding: 0 7.1428571429%;
}
.con .inner.adv_inner {
  padding: 0 7.1428571429% 1.25rem;
}
@media screen and (max-width: 1440px) {
  .con section:not(.sub_visual) .inner {
    padding: 0 2.5rem;
  }
  .con .inner.adv_inner {
    padding: 0 2.5rem 1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .con section:not(.sub_visual) {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .con section:not(.sub_visual) .inner {
    padding: 0 1.25rem;
  }
  .con .inner.adv_inner {
    padding: 0 1.25rem 1.25rem;
  }
}
.con [class*="con_tit"] {
  line-height: 1.5;
}
.con [class*="con_tit"].first {
  margin-top: 0;
}
.con_tit {
  font-size: 3rem;
  margin-bottom: 1.25em;
}
.con_tit:has(span) {
  margin-right: -4em;
}
.con_tit span {
  font-size: 1.125rem;
  color: #555;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .con_tit {
    font-size: 1.75rem;
    margin-bottom: 1.0714285714em;
  }
  .con_tit:has(span) {
    margin-right: 0;
  }
  .con_tit span {
    display: block;
    font-size: 0.9375rem;
  }
}
.con_text {
  font-size: 1.125rem;
  line-height: 1.67;
  margin-top: 0.6666666667em;
  margin-bottom: 0.6666666667em;
}
.tab {
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.con section.tab {
  padding: 0;
  margin-bottom: 5em;
}
.tab.fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 15rem !important;
}
.tab .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.tab ul li {
  text-align: center;
  padding: 0 3%;
}
.tab ul li img {
  max-width: 100%;
  filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
  opacity: 0.2;
}
.tab ul li span {
  display: none;
}
.tab ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 6em;
  position: relative;
}
.tab ul li > a::before {
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #c20909;
  transition: 0.3s width;
}
.tab ul li > a:hover img {
  filter: none;
  opacity: 1;
}
.tab ul li > a:hover::before {
  width: 100%;
}
.tab ul li.on img {
  filter: none;
  opacity: 1;
}
.tab ul li.on a::before {
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .tab ul li {
    padding: 0 1.5625em;
  }
}
@media screen and (min-width: 1281px), print {
  .tab_mo {
    display: none !important;
  }
  .tab ul {
    display: flex !important;
  }
  .tab ul:has(li:nth-child(7)) {
    flex-wrap: wrap;
    max-width: 64rem;
  }
}
@media screen and (max-width: 1280px) {
  .tab {
    font-size: 0.7rem;
    position: relative;
  }
  .tab.fixed {
    margin-top: 0 !important;
    position: relative;
    padding-left: 0 !important;
  }
  .tab_dummy {
    display: none !important;
  }
  .tab_mo {
    display: block;
    padding: 1.4em 1.4em;
    height: 4em;
    font-size: 1.875em;
    font-weight: bold;
    position: relative;
  }
  .tab_mo:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center center;
    right: 1em;
    width: 1em;
    height: 1em;
    background: no-repeat center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 123' style='fill:none' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath data-name='Path 836' d='m-8671.436-3917.779 6.56 6.559-6.56 6.56' transform='translate(8680.317 3923.279)' style='stroke:%23222;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/svg%3E");
    transition: transform 0.3s ease-out;
  }
  .tab_mo.on:after {
    transform: translateY(-50%) rotate(-90deg);
  }
  section.tab.tab .inner {
    padding: 0;
  }
  .tab ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    top: 100%;
    background-color: #fff;
  }
  .tab ul li {
    display: block;
    padding: 0 2.625em;
    border-bottom: 1px solid #ddd;
  }
  .tab ul li img {
    display: none;
  }
  .tab ul li span {
    display: block;
    font-size: 1.875em;
    font-weight: bold;
  }
  .tab ul li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7.5em;
  }
  .tab ul li > a::before {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .tab {
    font-size: 0.5rem;
  }
}
@keyframes zoom-out {
  from {
    width: 100%;
    height: 100%;
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
  }
}
@-moz-keyframes zoom-out {
  from {
    width: 100%;
    height: 100%;
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
  }
}
@-webkit-keyframes zoom-out {
  from {
    width: 100%;
    height: 100%;
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
  }
}
@-o-keyframes zoom-out {
  from {
    width: 100%;
    height: 100%;
  }
  to {
    width: 400%;
    height: 400%;
    opacity: 0;
  }
}
.dot_ani {
  font-size: 1rem;
  position: relative;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 1.375em auto;
}
.dot_ani .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid #c20909;
  animation: zoom-out 3s infinite linear;
  -o-animation: zoom-out 3s infinite linear;
  -moz-animation: zoom-out 3s infinite linear;
  -webkit-animation: zoom-out 3s infinite linear;
}
.dot_ani .line1 {
  animation-delay: 0;
  background-color: #c20909;
  animation: none;
  -o-animation: none;
  -moz-animation: none;
  -webkit-animation: none;
}
.dot_ani .line2 {
  animation-delay: 1s;
}
.dot_ani .line3 {
  animation-delay: 2s;
}
.dot_ani .line4 {
  animation-delay: 3s;
}
.lalaola .dot_ani .line {
  border: 1px solid #90e114;
}
.lalaola .dot_ani .line1 {
  background-color: #90e114;
}
.step_box {
  font-size: 1rem;
}
.step_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-lines: single;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  min-width: 100%;
  margin: -0.625rem;
}
.step_box ul li {
  flex: 0 1 auto;
  padding: 0.625rem;
  width: 20%;
}
.step_box ul li:nth-child(1) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.step_box ul li:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.step_box ul li:nth-child(3) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.step_box ul li:nth-child(4) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.step_box ul li:nth-child(5) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.step_box ul li:nth-child(6) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.step_box ul li:nth-child(7) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.step_box ul li:nth-child(8) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.step_box ul li:nth-child(9) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.step_box ul li:nth-child(10) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.step_box ul li .step_box_item {
  height: 100%;
  background-color: #fff;
  border: solid 1px #e2e2e2;
  padding: 3.5em 0.625em;
  transition:
    border 0.3s,
    box-shadow 0.3s;
}
.step_box ul li .step_box_item:hover {
  border: solid 1px #111;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.05);
}
.step_box ul li .step_box_img {
  position: relative;
}
.step_box ul li .step_box_img::before {
  display: block;
  padding-top: 68%;
}
.step_box ul li .step_box_img_con {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  max-width: 13.75rem;
  width: 100%;
  background: no-repeat center center;
  background-size: contain;
  display: block;
  margin: 0 auto;
}
.step_box ul li .step_box_txt {
  margin-top: 0.8333333333em;
  font-size: 1.5em;
  line-height: 1.25;
  text-align: center;
}
.step_box_item:hover .step_box_txt {
  font-weight: bold;
}
.step_box ul li .step_box_txt span {
  font-size: 0.75em;
  color: #555;
  font-weight: normal !important;
}
@media screen and (max-width: 1700px) {
  .step_box .inner {
    max-width: 65rem;
    margin-left: auto;
    margin-right: auto;
  }
  .step_box ul {
    -ms-flex-wrap: wap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .step_box ul li {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .step_box ul li:nth-child(3n) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .step_box ul li:nth-child(3n-1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .step_box ul li:nth-child(3n-2) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
}
@media screen and (max-width: 800px) {
  .step_box {
    font-size: 0.5rem;
  }
  .step_box ul {
    margin: -0.3125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .step_box ul li {
    width: 50%;
    padding: 0.3125rem;
  }
  .step_box ul li:nth-child(2n) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .step_box ul li:nth-child(2n-1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .step_box ul li .step_box_item {
    padding: 4.5em 0.625em 5.25em;
    min-height: 31.375em;
  }
  .step_box ul li .step_box_txt {
    margin-top: 0.6666666667em;
    font-size: 1.875em;
  }
  .step_box ul li .step_box_txt span {
    font-size: 0.8666666667em;
  }
}
.products_box_1 {
  font-size: 1rem;
}
.products_box_1 .products_img {
  width: 100%;
  padding-top: 100%;
  background: #f6f7f9 no-repeat center center;
  background-size: contain;
  display: block;
  margin: 0 auto;
}
.products_box_1 .products_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 12.5%;
}
.products_box_1 .products_text ul {
  width: 100%;
  position: relative;
}
.products_box_1 .products_text ul::before {
  position: absolute;
  top: 3.5625em;
  bottom: 3.3125em;
  left: -1px;
  display: block;
  width: 1px;
  border-left: 2px dotted #c20909;
}
.products_box_1 .products_text ul li {
  width: 100%;
  position: relative;
  padding: 1.5625em 0 1.5625em 2.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.products_box_1 .products_text ul li .dot_ani {
  position: absolute;
  left: -0.25em;
  top: 2.1875em;
}
.products_box_1 .products_text ul li b {
  display: block;
  font-size: 3.5em;
  font-weight: bold;
  color: #e2e2e2;
  margin-right: 0.0892857143em;
  min-width: 2em;
}
.products_box_1 .products_text ul li > span {
  display: block;
  font-size: 1.5em;
  line-height: 1.25;
  color: #111;
}
@media screen and (max-width: 1440px) {
  .products_box_1 .inner {
    margin: 0 auto;
    max-width: 50rem;
  }
  .products_box_1 .col_12 {
    width: 100% !important;
  }
  .products_box_1 .products_img {
    padding-top: 60%;
  }
  .products_box_1 .products_text {
    padding: 4.5625em 3.625em 0;
  }
}
@media screen and (max-width: 800px) {
  .products_box_1 {
    font-size: 0.5rem;
  }
  .products_box_1 .products_text ul::before {
    top: 3.5625em;
    bottom: 3.3125em;
    left: 0px;
    border-left: 1px dotted #c20909;
  }
  .products_box_1 .products_text ul li {
    padding: 1.5625em 0 1.5625em 3.625em;
  }
  .products_box_1 .products_text ul li .dot_ani {
    left: -0.25em;
    top: 0.375em;
  }
  .products_box_1 .products_text ul li b {
    font-size: 4em;
    margin-right: 0.078125em;
  }
  .products_box_1 .products_text ul li span {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 800px) and (max-width: 601px) {
  .products_box_1 .products_img {
    padding-top: 100%;
  }
}
.products_box_2 {
  font-size: 1rem;
  display: block;
  background-color: #f6f7f9;
  position: relative;
  z-index: 1;
  margin-top: 20em;
}
.products_box_2 .products_list_item:nth-child(6) ~ .products_list_item {
  display: none;
}
.products_box_2 .btn.evt_open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.products_box_2 .btn.evt_close {
  display: none;
}
.step_box + .products_box_2 {
  margin-top: 16.25em;
}
.products_box_2.__open .products_list_item:nth-child(6) ~ .products_list_item {
  display: block;
}
.products_box_2.__open .btn.evt_open {
  display: none;
}
.products_box_2.__open .btn.evt_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.products_box_2 .con_tit {
  margin-bottom: 0.7291666667em;
}
.products_box_2 .inner {
  margin: 0 auto;
  max-width: 75rem;
}
.products_box_2 .btn {
  display: block;
  width: 100%;
  height: 3.1111111111em;
  font-size: 1.125em;
  color: #555;
  border: solid 1px #e2e2e2;
  background-color: rgba(0, 0, 0, 0);
  margin-top: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.products_box_2 .btn:hover {
  background-color: #fff;
}
.products_box_2 .dummy {
  padding-top: 2.5em;
}
.products_box_2 .products_img {
  max-width: 45em;
  width: 100%;
  margin: -20em auto 0;
}
.products_box_2 .products_img_con {
  padding-top: 66.6666666667%;
  background: no-repeat center center;
  background-size: contain;
  display: block;
}
.products_box_2 .products_list_wrap {
  overflow: hidden;
  width: 100%;
}
.products_box_2 .products_list {
  width: 100%;
  width: calc(100% + 1px);
  border-top: 3px solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wap;
  flex-wrap: wrap;
}
.products_box_2 .products_list_item {
  flex: 1 1 auto;
  width: 50%;
  position: relative;
  padding: 1.875em 0.625em 1.875em 2.5em;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.products_box_2 .products_list_item::before {
  position: absolute;
  display: block;
  width: 1px;
  left: -1px;
  top: 1.875em;
  bottom: 1.875em;
  background-color: #e2e2e2;
}
.products_box_2 .products_list_item h3 {
  font-size: 1.5em;
}
.products_box_2 .products_list_item .list_dash {
  font-size: 1.375em;
  color: #555;
}
@media screen and (max-width: 1024px) {
  .products_box_2 .products_img {
    max-width: 36.875rem;
    margin: -31.5789473684% auto 0;
  }
  .products_box_2 .products_img_con {
    padding-top: 65.7894736842%;
  }
  .products_box_2 .products_list_item {
    flex: 1 1 100%;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .products_box_2 {
    font-size: 0.5rem;
    margin-top: 36.875% !important;
    padding-top: 1px !important;
  }
  .products_box_2 .btn {
    height: 4em;
    font-size: 1.875em;
  }
  .products_box_2 .products_list_item {
    flex: 1 1 100%;
    width: 100%;
    padding: 2.5em 2.5em;
  }
  .products_box_2 .products_list_item::before {
    top: 2.5em;
    bottom: 2.5em;
  }
  .products_box_2 .products_list_item h3 {
    font-size: 1.875em;
  }
  .products_box_2 .products_list_item .list_dash {
    font-size: 1.875em;
  }
}
.drug {
  font-size: 1rem;
  background-color: #e4eaef;
}
.drug .inner {
  margin: 0 auto;
  max-width: 75rem;
}
.drug h2 {
  font-size: 3em;
  font-weight: bold;
}
.drug p {
  font-size: 1.5em;
  padding: 0.4166666667em 0;
}
.drug p::before {
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center center;
  background-size: contain;
  background-image: url(../images/sub/checked_icon.png);
  width: 1.0833333333em;
  height: 1.0833333333em;
  margin-right: 0.625em;
}
@media screen and (max-width: 1280px) {
  .drug {
    text-align: center;
  }
  .drug .inner {
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 800px) {
  .drug {
    font-size: 0.5rem;
    text-align: center;
  }
  .drug .inner {
    margin-top: 2.5em;
  }
  .drug h2 {
    font-size: 3.5em;
    margin-bottom: 0.2678571429em;
  }
  .drug p {
    font-size: 1.875em;
    padding: 0.3333333333em 0;
  }
  .drug p::before {
    width: 0.8666666667em;
    height: 0.8666666667em;
    margin-right: 0.5em;
  }
}
.drug2 {
  background-color: #e4eaef;
}
.drug2 .inner {
  margin: 0 auto;
}
.drug2 ul {
  display: flex;
  width: 100%;
}
.drug2 ul li {
  display: flex;
  gap: 0 1.5rem;
  width: 100%;
  font-size: 1.5rem;
  padding: 2.75rem 3.75rem;
  border-left: 1px solid #c8c8c8;
}
.drug2 ul li::before {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  background: no-repeat center center;
  background-size: contain;
  width: 3.75rem;
  height: 3.75rem;
  content: "";
}
.drug2 ul li:nth-child(1) {
  border-left: none;
  padding-left: 0;
}
.drug2 ul li:nth-child(1)::before {
  background-image: url(../images/sub/ic_bottle.svg);
}
.drug2 ul li:nth-child(2)::before {
  background-image: url(../images/sub/ic_bed.svg);
}
.drug2 ul li:nth-child(3) {
  padding-right: 0;
}
.drug2 ul li:nth-child(3)::before {
  background-image: url(../images/sub/ic_water.svg);
}
.drug2 ul li p {
  color: #555;
  line-height: 1.6;
}
.drug2 ul li p span {
  display: inline-block;
  padding: 0 0.25rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  background-color: #94d22a;
}
@media screen and (max-width: 1700px) {
  .drug2 {
    text-align: center;
  }
  .drug2 .inner {
    margin-top: 2.5rem;
  }
  .drug2 ul li {
    flex-flow: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem 3.75rem;
  }
}
@media screen and (max-width: 1440px) {
  .drug2 {
    text-align: left;
  }
  .drug2 ul {
    flex-wrap: wrap;
  }
  .drug2 ul li {
    flex-flow: row;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    border-left: none;
    border-top: 1px solid #c8c8c8;
    padding: 3.75rem 2.5rem !important;
  }
  .drug2 ul li:nth-child(1) {
    border-top: none;
  }
  .drug2 ul li p br {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .drug2 .inner {
    margin-top: 1.25rem;
  }
  .drug2 h2 {
    font-size: 1.75rem;
    margin-bottom: 0.2678571429em;
  }
  .drug2 ul li {
    gap: 0.75rem;
    padding: 1.875rem 1.25rem !important;
    line-height: 1.6;
  }
  .drug2 ul li::before {
    width: 2.625rem;
    height: 2.625rem;
  }
  .drug2 ul li p {
    font-size: 0.9375rem;
  }
}
#con.history {
  background-color: rgba(0, 0, 0, 0);
}
#con.history section.panel {
  padding-top: 0;
  padding-bottom: 0;
}
.mobile .history_bg {
  pointer-events: none;
}
.history_bg {
  position: fixed;
  top: 0;
  left: 15rem;
  width: calc(100% - 15rem);
  height: 100%;
  background: no-repeat top 50% left 50%;
  background-size: cover;
  background-image: url("/resource/images/sub/history_bg.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.history_bg .inner {
  width: 100%;
  transform: translateY(-9.375em);
}
.history_bg ._obj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.history_bg ._obj [class*="img_"] {
  position: absolute;
  overflow: hidden;
  transition:
    width 0.5s,
    opacity 0.7s;
}
.history_bg ._obj [class*="img_"]::before {
  display: block;
}
.history_bg ._obj [class*="img_"] img {
  display: block;
  width: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 100%;
}
.history_bg ._obj [class*="img_"].off {
  width: 0 !important;
  opacity: 0;
  will-change: opacity, width;
}
.history_bg ._obj .img_1 {
  top: 0;
  left: 6.25vw;
  width: 18.75vw;
  max-width: 22.5rem;
}
.history_bg ._obj .img_1::before {
  padding-top: 18.75vw;
}
.history_bg ._obj .img_1 img {
  max-height: 22.5rem;
}
.history_bg ._obj .img_2 {
  bottom: 0;
  left: 18.75vw;
  width: 10.9375vw;
  max-width: 13.125rem;
}
.history_bg ._obj .img_2::before {
  padding-top: 15.1041666667vw;
}
.history_bg ._obj .img_2 img {
  max-height: 18.125rem;
}
.history_bg ._obj .img_3 {
  bottom: 10.9895833333vw;
  right: 6.25vw;
  width: 15.625vw;
  max-width: 18.75rem;
}
.history_bg ._obj .img_3::before {
  padding-top: 10.4166666667vw;
}
.history_bg ._obj .img_3 img {
  left: auto;
  right: 0;
  max-height: 12.5rem;
}
@media screen and (max-width: 1280px) {
  .history_bg {
    top: 5.625rem;
    height: calc(100% - 5.625rem);
    left: 0;
    width: 100%;
  }
  .history_bg .inner {
    transform: translateY(-12.5em);
  }
}
@media screen and (max-width: 800px) {
  .history_bg {
    top: 3.75rem;
    height: calc(100% - 3.75rem);
    left: 0;
    width: 100%;
  }
  .history_bg .inner {
    transform: translateY(-9.375em);
  }
  .history_bg ._obj .img_1 {
    top: 0;
    left: 0;
    width: 35vw;
    max-width: 17.5rem;
    transform: translate(0, 0) !important;
  }
  .history_bg ._obj .img_1::before {
    padding-top: 35vw;
  }
  .history_bg ._obj .img_1 img {
    max-height: 17.5rem;
  }
  .history_bg ._obj .img_2 {
    bottom: 0;
    left: 10vw;
    width: 26.25vw;
    max-width: 13.125rem;
    transform: translate(0, 0) !important;
  }
  .history_bg ._obj .img_2::before {
    padding-top: 36.25vw;
  }
  .history_bg ._obj .img_2 img {
    max-height: 18.125rem;
  }
  .history_bg ._obj .img_3 {
    bottom: 31.25vw;
    right: 0;
    width: 30vw;
    max-width: 15rem;
    transform: translate(0, 0) !important;
  }
  .history_bg ._obj .img_3::before {
    padding-top: 20vw;
  }
  .history_bg ._obj .img_3 img {
    max-height: 10rem;
  }
}
.number {
  z-index: 1;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  padding: 0.375em 0.6875em;
  border: solid 1px hsla(0, 0%, 100%, 0.3);
  white-space: nowrap;
  font-size: 1em;
  font-weight: 300;
  color: hsla(0, 0%, 100%, 0.6);
}
@media screen and (max-width: 800px) {
  .number {
    font-size: 0.75em;
    bottom: 0.9090909091em;
    right: 0.9090909091em;
  }
}
.history_text {
  font-size: 1rem;
  text-align: center;
  color: #fff;
}
.history_text h2 {
  margin: 0 0 2.0833333333em;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.0072em;
  color: #c20909;
}
.history_text svg {
  width: 4em;
  height: 2.5em;
  margin: 0 auto;
}
.history_text .text1 {
  margin: 0.6em 0 1em;
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.45;
  font-family: "KoPub Batang", serif;
}
.history_text .text2 {
  margin: 1.5em 0 0;
  font-size: 1.5em;
  color: #9e9e9e;
}
.history_text .text3 {
  margin: 0.4545454545em 0 0;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 2;
}
.history_text .history_text_box_1,
.history_text .history_text_box_2 {
  overflow: hidden;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 1280px) {
  .history_text {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 800px) {
  .history_text {
    font-size: 0.5rem;
  }
  .history_text h2 {
    margin: 0 0 1.9230769231em;
    font-size: 1.625em;
  }
  .history_text .text1 {
    margin: 0.3125em 0 0.75em;
    font-size: 3em;
  }
  .history_text .text2 {
    margin: 1.2em 0 0;
    font-size: 1.875em;
  }
  .history_text .text3 {
    margin: 0.3846153846em 0 0;
    font-size: 1.625em;
  }
}
.history3 {
  font-size: 1rem;
}
.history3 .inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.history3_con {
  min-width: auto;
  width: 100%;
  max-width: 80rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.history3_text {
  margin-left: 2.5em;
}
.history3_text .history3_tit {
  font-size: 11em;
  font-weight: 600;
}
.history3_text .history3_txt {
  font-size: 2.5em;
  line-height: 1.35;
}
.history3_img {
  overflow: hidden;
  max-width: 28.125rem;
  position: relative;
  margin-left: auto;
  margin-right: 1.875em;
}
.history3_img::before {
  display: block;
  padding-top: 108.8888888889%;
}
.history3_img_con {
  display: block;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.history3_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.history3_link {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25em;
  height: 4.4em;
  font-weight: bold;
  background-color: #c20909;
  color: #fff;
}
.history3_link svg {
  margin-left: 0.9em;
  width: 0.8em;
  height: 0.8em;
}
.history3_slide_dot {
  font-size: 1rem;
  position: absolute;
  width: 100%;
  left: 0;
  top: 9.375em;
  z-index: 2;
}
.history3_slide_dot .line_bar {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  background: #ccc;
}
.history3_slide_dot .line_bar_fill {
  will-change: width;
  transition: width 0.3s linear;
  width: 0;
  height: 100%;
  background-color: #c20909;
}
.history3_slide_dot ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.history3_slide_dot ul li {
  margin-left: auto;
  margin-right: auto;
}
.history3_slide_dot ul li:first-child {
  margin-left: 9.5238095238%;
}
.history3_slide_dot ul li:last-child {
  margin-right: 9.5238095238%;
}
.history3_slide_dot ul li a {
  display: block;
  width: 0.75em;
  height: 0.75em;
  position: relative;
}
.history3_slide_dot ul li a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 0.75em;
  height: 0.75em;
  border-radius: 100%;
  transition:
    background 0.2s linear,
    opacity 0.2s linear;
  background-color: #c20909;
}
.history3_slide_dot ul li span {
  display: block;
  padding-bottom: 0.9375rem;
  line-height: 1;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  font-size: 1.25em;
  font-weight: bold;
  color: #c20909;
  transition:
    font-size 0.2s linear,
    color 0.2s linear;
}
.history3_slide_dot ul li.on a::before {
  transition-delay: 0.3s;
}
.history3_slide_dot ul li.on span {
  transition-delay: 0.3s;
  font-size: 2em;
}
.history3_slide_dot ul li.on ~ li a::before {
  background-color: #ccc;
}
.history3_slide_dot ul li.on ~ li span {
  color: #ccc;
}
@media screen and (max-width: 1700px) {
  .history3 {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 1280px) {
  .history3_con {
    max-width: 40rem;
    transform: translateX(1.875em);
  }
  .history3_text .history3_txt {
    font-size: 3em;
  }
  .history3_img {
    max-width: none;
  }
  .history3_img img {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
  }
  .history3_link {
    font-size: 1.40625rem;
    height: 4em;
  }
  .history3_link svg {
    margin-left: 0.3333333333em;
    width: 0.8em;
    height: 0.8em;
  }
  .history3_slide_dot {
    font-size: 0.75rem;
    top: 13.125em;
  }
  .history3_slide_dot ul li a {
    width: 0.75em;
    height: 0.75em;
  }
  .history3_slide_dot ul li a::before {
    width: 0.75em;
    height: 0.75em;
    opacity: 0;
  }
  .history3_slide_dot ul li span {
    padding-bottom: 1.25rem;
    font-size: 1.5em;
  }
  .history3_slide_dot ul li.on span {
    font-size: 2em;
  }
  .history3_slide_dot ul li.on a::before {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 800px) {
  .history3 {
    font-size: 0.5rem;
  }
  .history3_con {
    max-width: 26.25rem;
    width: 56%;
    transform: translateX(0);
  }
  .history3_text {
    text-align: center;
    margin-left: 0;
  }
  .history3_img {
    max-width: 26.25em;
    margin-right: auto;
    margin-bottom: 1.875em;
  }
  .history3_link {
    font-size: 1.875em;
  }
  .history3_slide_dot {
    font-size: 0.5rem;
  }
  .history3_slide_dot ul li span {
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-height: 600px) {
  .history3_text .history3_tit {
    font-size: 7.5em;
  }
}
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {
  border: 0;
  width: 5em;
  height: 5em;
  transform-origin: center center;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='none' stroke='%23ccc' stroke-width='2' d='M23.27 5.5 57.5 39.73 23.27 73.96'/%3E%3C/svg%3E");
}
.fp-controlArrow.fp-next {
  right: 7.1428571429%;
}
.fp-controlArrow.fp-prev {
  left: 7.1428571429%;
  transform: scaleX(-1);
}
.fp-slidesNav {
  z-index: 10;
}
.fp-slidesNav ul li a span {
  background-color: #111;
}
@media screen and (max-width: 1700px) {
  .fp-controlArrow.fp-next {
    right: 2.5rem;
  }
  .fp-controlArrow.fp-prev {
    left: 2.5rem;
  }
}
@media screen and (max-width: 1280px) {
  .fp-controlArrow.fp-next {
    right: 1.25rem;
  }
  .fp-controlArrow.fp-prev {
    left: 1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .fp-controlArrow.fp-next,
  .fp-controlArrow.fp-prev {
    display: none;
  }
}
.scroll_his {
  position: fixed;
  z-index: 1;
  bottom: 2.5em;
  width: calc(100% - 15rem);
  left: 15rem;
  text-align: center;
  color: #fff;
  opacity: 0.5;
}
.scroll_his svg {
  margin: 0.625em 0;
}
.scroll_his path {
  fill: #fff;
}
.scroll_his ._text {
  font-size: 0.875rem;
  font-weight: normal;
}
.scroll_his .svg3 {
  width: 1em;
  height: 1em;
  transform: rotate(-180deg);
}
@media screen and (max-width: 1280px) {
  .scroll_his {
    left: 0;
    width: 100%;
  }
  .scroll_his ._text {
    display: none;
  }
}
.unit_box {
  width: 30rem;
  margin: 0 auto;
}
.unit_box .unit-swiper {
  position: relative;
  padding: 2em 0;
}
.unit_box .swiper-container {
  overflow: visible;
  width: 100%;
}
.unit_box .swiper-slide {
  position: relative;
}
.unit_box .swiper-slide:after {
  display: block;
  padding-top: 100%;
  content: "";
}
.unit_box .swiper-slide:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 100%;
  background-color: #f3f3f3;
  transition: transform 0.4s;
  content: "";
}
.unit_box .swiper-slide .unit_item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.unit_box .swiper-slide .unit_item img {
  max-width: 100%;
  opacity: 0.6;
  transform: scale(0.7);
  transition: transform 0.4s;
}
.unit_box .swiper-slide .unit_item p {
  display: none;
  width: 100%;
  margin-top: 1rem;
  color: #2a470c;
  font-size: 2.25rem;
  font-weight: bold;
}
.unit_box .swiper-slide-active:before {
  transform: scale(1.2);
}
.unit_box .swiper-slide-active .unit_item img {
  opacity: 1;
  transform: scale(1);
}
.unit_box .swiper-slide-active .unit_item p {
  display: block;
}
.unit_box .swiper-btn {
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222222; %7D .cls-2 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %23222222; %7D %3C/style%3E%3C/defs%3E%3Cg id='_' data-name='>' transform='translate(-667 -1975)'%3E%3Cg id='그룹_11' data-name='그룹 11' transform='translate(667 1975)'%3E%3Cg id='패스_3497' data-name='패스 3497' class='cls-1' transform='translate(0 0)'%3E%3Cpath class='cls-3' d='M 23.99982643127441 47.49965667724609 C 20.82714653015137 47.49965667724609 17.74963569641113 46.87839508056641 14.85278606414795 45.65312576293945 C 12.05450630187988 44.46955490112305 9.541286468505859 42.77505493164062 7.382936477661133 40.61671829223633 C 5.224596500396729 38.45836639404297 3.530096530914307 35.94514465332031 2.346526384353638 33.14686584472656 C 1.121256470680237 30.2500171661377 0.4999964237213135 27.17250633239746 0.4999964237213135 23.99982643127441 C 0.4999964237213135 20.82714653015137 1.121256470680237 17.74963569641113 2.346526384353638 14.85278606414795 C 3.530096530914307 12.05450630187988 5.224596500396729 9.541286468505859 7.382936477661133 7.382936477661133 C 9.541286468505859 5.224596500396729 12.05450630187988 3.530096530914307 14.85278606414795 2.346526384353638 C 17.74963569641113 1.121256470680237 20.82714653015137 0.4999964237213135 23.99982643127441 0.4999964237213135 C 27.17250633239746 0.4999964237213135 30.2500171661377 1.121256470680237 33.14686584472656 2.346526384353638 C 35.94514465332031 3.530096530914307 38.45836639404297 5.224596500396729 40.61671829223633 7.382936477661133 C 42.77505493164062 9.541286468505859 44.46955490112305 12.05450630187988 45.65312576293945 14.85278606414795 C 46.87839508056641 17.74963569641113 47.49965667724609 20.82714653015137 47.49965667724609 23.99982643127441 C 47.49965667724609 27.17250633239746 46.87839508056641 30.2500171661377 45.65312576293945 33.14686584472656 C 44.46955490112305 35.94514465332031 42.77505493164062 38.45836639404297 40.61671829223633 40.61671829223633 C 38.45836639404297 42.77505493164062 35.94514465332031 44.46955490112305 33.14686584472656 45.65312576293945 C 30.2500171661377 46.87839508056641 27.17250633239746 47.49965667724609 23.99982643127441 47.49965667724609 Z'/%3E%3Cpath class='cls-4' d='M 23.99982643127441 0.9999961853027344 C 20.8944263458252 0.9999961853027344 17.88245582580566 1.607967376708984 15.04756546020508 2.807025909423828 C 12.30887603759766 3.965396881103516 9.849075317382812 5.623905181884766 7.736484527587891 7.736484527587891 C 5.623905181884766 9.849075317382812 3.965396881103516 12.30887603759766 2.807025909423828 15.04756546020508 C 1.607967376708984 17.88245582580566 0.9999961853027344 20.8944263458252 0.9999961853027344 23.99982643127441 C 0.9999961853027344 27.10522651672363 1.607967376708984 30.11719703674316 2.807025909423828 32.95208740234375 C 3.965396881103516 35.69077682495117 5.623905181884766 38.15057754516602 7.736484527587891 40.26316833496094 C 9.849075317382812 42.37574768066406 12.30887603759766 44.03425598144531 15.04756546020508 45.192626953125 C 17.88245582580566 46.39168548583984 20.8944263458252 46.99965667724609 23.99982643127441 46.99965667724609 C 27.10522651672363 46.99965667724609 30.11719703674316 46.39168548583984 32.95208740234375 45.192626953125 C 35.69077682495117 44.03425598144531 38.15057754516602 42.37574768066406 40.26316833496094 40.26316833496094 C 42.37574768066406 38.15057754516602 44.03425598144531 35.69077682495117 45.192626953125 32.95208740234375 C 46.39168548583984 30.11719703674316 46.99965667724609 27.10522651672363 46.99965667724609 23.99982643127441 C 46.99965667724609 20.8944263458252 46.39168548583984 17.88245582580566 45.192626953125 15.04756546020508 C 44.03425598144531 12.30887603759766 42.37574768066406 9.849075317382812 40.26316833496094 7.736484527587891 C 38.15057754516602 5.623905181884766 35.69077682495117 3.965396881103516 32.95208740234375 2.807025909423828 C 30.11719703674316 1.607967376708984 27.10522651672363 0.9999961853027344 23.99982643127441 0.9999961853027344 M 23.99982643127441 -3.814697265625e-06 C 37.25456619262695 -3.814697265625e-06 47.99965667724609 10.74508666992188 47.99965667724609 23.99982643127441 C 47.99965667724609 37.25456619262695 37.25456619262695 47.99965667724609 23.99982643127441 47.99965667724609 C 10.74508666992188 47.99965667724609 -3.814697265625e-06 37.25456619262695 -3.814697265625e-06 23.99982643127441 C -3.814697265625e-06 10.74508666992188 10.74508666992188 -3.814697265625e-06 23.99982643127441 -3.814697265625e-06 Z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='패스_3794' data-name='패스 3794' class='cls-2' d='M1509.743,3633l4.507,4.507-4.507,4.507' transform='translate(-820.243 -1638.5)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.unit_box .swiper-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2390e114; %7D .cls-2 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D .cls-3, .cls-4 %7B stroke: none; %7D .cls-4 %7B fill: %2390e114; %7D %3C/style%3E%3C/defs%3E%3Cg id='_' data-name='>' transform='translate(-667 -1975)'%3E%3Cg id='그룹_11' data-name='그룹 11' transform='translate(667 1975)'%3E%3Cg id='패스_3497' data-name='패스 3497' class='cls-1' transform='translate(0 0)'%3E%3Cpath class='cls-3' d='M 23.99982643127441 47.49965667724609 C 20.82714653015137 47.49965667724609 17.74963569641113 46.87839508056641 14.85278606414795 45.65312576293945 C 12.05450630187988 44.46955490112305 9.541286468505859 42.77505493164062 7.382936477661133 40.61671829223633 C 5.224596500396729 38.45836639404297 3.530096530914307 35.94514465332031 2.346526384353638 33.14686584472656 C 1.121256470680237 30.2500171661377 0.4999964237213135 27.17250633239746 0.4999964237213135 23.99982643127441 C 0.4999964237213135 20.82714653015137 1.121256470680237 17.74963569641113 2.346526384353638 14.85278606414795 C 3.530096530914307 12.05450630187988 5.224596500396729 9.541286468505859 7.382936477661133 7.382936477661133 C 9.541286468505859 5.224596500396729 12.05450630187988 3.530096530914307 14.85278606414795 2.346526384353638 C 17.74963569641113 1.121256470680237 20.82714653015137 0.4999964237213135 23.99982643127441 0.4999964237213135 C 27.17250633239746 0.4999964237213135 30.2500171661377 1.121256470680237 33.14686584472656 2.346526384353638 C 35.94514465332031 3.530096530914307 38.45836639404297 5.224596500396729 40.61671829223633 7.382936477661133 C 42.77505493164062 9.541286468505859 44.46955490112305 12.05450630187988 45.65312576293945 14.85278606414795 C 46.87839508056641 17.74963569641113 47.49965667724609 20.82714653015137 47.49965667724609 23.99982643127441 C 47.49965667724609 27.17250633239746 46.87839508056641 30.2500171661377 45.65312576293945 33.14686584472656 C 44.46955490112305 35.94514465332031 42.77505493164062 38.45836639404297 40.61671829223633 40.61671829223633 C 38.45836639404297 42.77505493164062 35.94514465332031 44.46955490112305 33.14686584472656 45.65312576293945 C 30.2500171661377 46.87839508056641 27.17250633239746 47.49965667724609 23.99982643127441 47.49965667724609 Z'/%3E%3Cpath class='cls-4' d='M 23.99982643127441 0.9999961853027344 C 20.8944263458252 0.9999961853027344 17.88245582580566 1.607967376708984 15.04756546020508 2.807025909423828 C 12.30887603759766 3.965396881103516 9.849075317382812 5.623905181884766 7.736484527587891 7.736484527587891 C 5.623905181884766 9.849075317382812 3.965396881103516 12.30887603759766 2.807025909423828 15.04756546020508 C 1.607967376708984 17.88245582580566 0.9999961853027344 20.8944263458252 0.9999961853027344 23.99982643127441 C 0.9999961853027344 27.10522651672363 1.607967376708984 30.11719703674316 2.807025909423828 32.95208740234375 C 3.965396881103516 35.69077682495117 5.623905181884766 38.15057754516602 7.736484527587891 40.26316833496094 C 9.849075317382812 42.37574768066406 12.30887603759766 44.03425598144531 15.04756546020508 45.192626953125 C 17.88245582580566 46.39168548583984 20.8944263458252 46.99965667724609 23.99982643127441 46.99965667724609 C 27.10522651672363 46.99965667724609 30.11719703674316 46.39168548583984 32.95208740234375 45.192626953125 C 35.69077682495117 44.03425598144531 38.15057754516602 42.37574768066406 40.26316833496094 40.26316833496094 C 42.37574768066406 38.15057754516602 44.03425598144531 35.69077682495117 45.192626953125 32.95208740234375 C 46.39168548583984 30.11719703674316 46.99965667724609 27.10522651672363 46.99965667724609 23.99982643127441 C 46.99965667724609 20.8944263458252 46.39168548583984 17.88245582580566 45.192626953125 15.04756546020508 C 44.03425598144531 12.30887603759766 42.37574768066406 9.849075317382812 40.26316833496094 7.736484527587891 C 38.15057754516602 5.623905181884766 35.69077682495117 3.965396881103516 32.95208740234375 2.807025909423828 C 30.11719703674316 1.607967376708984 27.10522651672363 0.9999961853027344 23.99982643127441 0.9999961853027344 M 23.99982643127441 -3.814697265625e-06 C 37.25456619262695 -3.814697265625e-06 47.99965667724609 10.74508666992188 47.99965667724609 23.99982643127441 C 47.99965667724609 37.25456619262695 37.25456619262695 47.99965667724609 23.99982643127441 47.99965667724609 C 10.74508666992188 47.99965667724609 -3.814697265625e-06 37.25456619262695 -3.814697265625e-06 23.99982643127441 C -3.814697265625e-06 10.74508666992188 10.74508666992188 -3.814697265625e-06 23.99982643127441 -3.814697265625e-06 Z'/%3E%3C/g%3E%3C/g%3E%3Cpath id='패스_3794' data-name='패스 3794' class='cls-2' d='M1509.743,3633l4.507,4.507-4.507,4.507' transform='translate(-820.243 -1638.5)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.unit_box .swiper-btn.prev {
  left: -8.5rem;
  transform: translateY(-50%) rotate(180deg);
}
.unit_box .swiper-btn.next {
  right: -8.5rem;
}
@media screen and (max-width: 800px) {
  .unit_box {
    width: 18.75rem;
  }
  .unit_box .swiper-slide .unit_item img {
    max-height: 60%;
  }
  .unit_box .swiper-slide .unit_item p {
    margin-top: 0.75rem;
    font-size: 1.5rem;
  }
  .unit_box .swiper-btn {
    width: 1.875rem;
    height: 1.875rem;
  }
  .unit_box .swiper-btn.prev {
    left: -4rem;
  }
  .unit_box .swiper-btn.next {
    right: -4rem;
  }
}
@media screen and (max-width: 450px) {
  .unit_box {
    width: 11.25rem;
  }
  .unit_box .unit-swiper {
    padding: 1rem 0;
  }
  .unit_box .swiper-slide .unit_item p {
    font-size: 1rem;
  }
  .unit_box .swiper-btn.prev {
    left: -3.75rem;
  }
  .unit_box .swiper-btn.next {
    right: -3.75rem;
  }
}
.adv_numb {
  display: inline-flex; 
  padding: 0.375em 0.6875em;
  border: solid 1px #666;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 300;
  color: #666;
}
@media screen and (max-width: 800px) {
  .adv_numb {
      font-size: 0.75rem;
  }
}