/* /assets/css/style.css */
@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fade-down {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slideUp {
  from {
    transform: translate(0, 100%);
  }
  to {
    transform: translate(0, 0%);
  }
}
*,
*:before,
*:after {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  letter-spacing: -0.02em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}
*::-webkit-scrollbar-thumb {
  background-color: #de2027;
}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
*::-moz-selection {
  background-color: rgba(222, 32, 39, 0.7);
  color: #fff;
}
*::selection {
  background-color: rgba(222, 32, 39, 0.7);
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0;
}
legend {
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table,
thead,
tbody,
tr,
th,
td {
  vertical-align: middle;
}
input,
textarea,
button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: none;
  resize: none;
  font-family: inherit;
}
input[type="button"],
input[type="checkbox"],
input[type="raido"],
input[type="file"],
input[type="submit"],
button {
  cursor: pointer;
}
input.hidden {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
input::placeholder,
option,
textarea::placeholder {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
}
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  border-color: rgba(0, 0, 0, 0);
  background-image: url("/assets/images/common/input_check.svg");
}
input[type="number"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
em,
i {
  font-style: normal;
}
ol,
ul,
li {
  list-style: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
a,
address {
  text-decoration: none;
  font-style: normal;
  color: inherit;
}
body {
  width: 100%;
  overflow-x: hidden;
  color: #0a0a0a;
  background-color: #fff;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
body.stop_scroll,
body:has(#menuicon.active) {
  height: 100%;
  overflow-y: hidden;
}
body.black {
  color: #fff;
  background-color: #0a0a0a;
}
.displaynone,
[displaynone] {
  display: none !important;
}
.swiper.linear-banner .swiper-wrapper,
.swiper-wrapper.linear {
  transition-timing-function: linear;
}
.bullet_style {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.bullet_style .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0;
  background-color: #fff;
  opacity: 1;
}
.bullet_style .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #de2027;
}
span.aos-init {
  display: inline-block;
}
.ellipsis_01 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: wrap;
}
.ellipsis_02 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: wrap;
}
.ellipsis_03 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: wrap;
}
.mo_only {
  display: none;
}
.ta_only {
  display: none;
}
.pc_only {
  display: none;
}
.full_only {
  display: block;
}
/* 메인 하단 CTA(START YOUR PROJECT) 아래 작은 소개 문구 — Zone(메인페이지/main_intro)로 관리자에서 수정.
   .title_wrap > span(20px, inline-block) 규칙과 겹치지 않도록 span이 아닌 별도 클래스로 두고 선택자를 구체적으로 지정한다. */
main#main_page section.c6 article .wrap .title_wrap .intro_note {
  display: block;
  max-width: 760px;
  margin: 28px auto 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: #8c8c8c;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 767px) {
  main#main_page section.c6 article .wrap .title_wrap .intro_note {
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.7;
  }
}
/* FAQ(/ko/contact/faq.html) — 접고 펴는 방식은 <details>/<summary>(JS 불필요, 답변 텍스트가 HTML에 그대로 있어 검색/AI가 읽을 수 있음).
   범위는 main#sub_page.faq 안으로 한정해 다른 페이지에 영향이 없다. */
main#sub_page.faq section.c2 article .wrap .faq_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /* 스크롤하면 화면 상단에 고정. 위아래 패딩(12px)만큼 음수 여백으로 상쇄해 기존 간격(70px)을 유지 */
  position: sticky;
  top: 0;
  z-index: 50;
  padding-block: 12px;
  margin: -12px 0 58px;
  background-color: #fff;
  transition: top 0.5s;
}
/* 헤더가 내려와 있을 땐(스크롤을 올릴 때) 헤더 바로 아래에 붙인다. --header-h 는 index.js(headerPosSet)가 헤더 높이로 채운다 */
body:has(#header.active) main#sub_page.faq section.c2 article .wrap .faq_tabs {
  top: var(--header-h, 91px);
}
main#sub_page.faq section.c2 article .wrap .faq_tabs a {
  padding: 10px 22px;
  border: 1px solid #e1e1e1;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 500;
  color: #0a0a0a;
  transition: 0.3s;
}
main#sub_page.faq section.c2 article .wrap .faq_tabs a:hover {
  color: #fff;
  background-color: #0a0a0a;
  border-color: #0a0a0a;
}
main#sub_page.faq section.c2 article .wrap .faq_group {
  margin-bottom: 90px;
  scroll-margin-top: 170px;
}
main#sub_page.faq section.c2 article .wrap .faq_group > h2 {
  margin-bottom: 26px;
  font-size: 32px;
  font-weight: 700;
}
main#sub_page.faq section.c2 article .wrap .faq_list {
  border-bottom: 1px solid #e1e1e1;
}
main#sub_page.faq section.c2 article .wrap .faq_item {
  border-top: 1px solid #e1e1e1;
}
main#sub_page.faq section.c2 article .wrap .faq_item > summary {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 28px 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
main#sub_page.faq section.c2 article .wrap .faq_item > summary::-webkit-details-marker {
  display: none;
}
main#sub_page.faq section.c2 article .wrap .faq_item > summary::after {
  content: "";
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  margin: 6px 6px 0 auto;
  border-right: 2px solid #0a0a0a;
  border-bottom: 2px solid #0a0a0a;
  transform: rotate(45deg);
  transition: transform 0.3s;
}
main#sub_page.faq section.c2 article .wrap .faq_item[open] > summary::after {
  margin-top: 12px;
  transform: rotate(-135deg);
}
main#sub_page.faq section.c2 article .wrap .faq_item > summary:focus-visible {
  outline: 2px solid #de2027;
  outline-offset: -2px;
}
main#sub_page.faq section.c2 article .wrap .faq_item .q_mark {
  flex: 0 0 auto;
  color: #de2027;
  font-weight: 700;
}
main#sub_page.faq section.c2 article .wrap .faq_item .q_text {
  flex: 1 1 auto;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_body {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 0 4px 30px;
  font-size: 17px;
  line-height: 1.8;
  color: #3c3c3c;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_mark {
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #8c8c8c;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content {
  flex: 1 1 auto;
  min-width: 0;
  word-break: keep-all;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content p {
  margin: 0 0 10px;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content ul,
main#sub_page.faq section.c2 article .wrap .faq_item .a_content ol {
  margin: 0 0 10px;
  padding-left: 1.3em;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content ul {
  list-style: disc;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content ol {
  list-style: decimal;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content li {
  margin-bottom: 4px;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content a {
  color: #de2027;
  text-decoration: underline;
  text-underline-offset: 3px;
}
main#sub_page.faq section.c2 article .wrap .faq_item .a_content > :last-child {
  margin-bottom: 0;
}
main#sub_page.faq section.c2 article .wrap .faq_more {
  padding: 50px 0 10px;
  text-align: center;
}
main#sub_page.faq section.c2 article .wrap .faq_more > p:first-child {
  font-size: 24px;
  font-weight: 600;
}
main#sub_page.faq section.c2 article .wrap .faq_more .faq_more_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
main#sub_page.faq section.c2 article .wrap .faq_more .faq_more_links a {
  padding: 14px 28px;
  border: 1px solid #0a0a0a;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
}
main#sub_page.faq section.c2 article .wrap .faq_more .faq_more_links a:hover {
  color: #fff;
  background-color: #de2027;
  border-color: #de2027;
}
@media (max-width: 1024px) {
  main#sub_page.faq section.c2 article .wrap .faq_group > h2 {
    font-size: 28px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_item > summary {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  main#sub_page.faq section.c2 article .wrap .faq_tabs {
    gap: 8px;
    /* 모바일은 한 줄 가로 스크롤(고정 영역이 화면을 많이 가리지 않도록) */
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-block: 10px;
    margin: -10px 0 36px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_tabs::-webkit-scrollbar {
    display: none;
  }
  main#sub_page.faq section.c2 article .wrap .faq_tabs a {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 8px 16px;
    font-size: 14px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_group {
    scroll-margin-top: 150px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_group {
    margin-bottom: 60px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_group > h2 {
    margin-bottom: 18px;
    font-size: 24px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_item > summary {
    gap: 12px;
    padding: 20px 0;
    font-size: 16px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_item .a_body {
    gap: 12px;
    padding: 0 0 22px;
    font-size: 15px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_item .a_mark {
    font-size: 16px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_more > p:first-child {
    font-size: 20px;
  }
  main#sub_page.faq section.c2 article .wrap .faq_more .faq_more_links a {
    padding: 12px 22px;
    font-size: 15px;
  }
}
/* 문의 페이지 상단의 FAQ 안내 링크 */
main#sub_page.contact .sub_visual_title_wrap .right_text_wrap .faq_link {
  display: inline-block;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 500;
  color: #de2027;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: calc(1720px + 6vw)) {
  .pc_only {
    display: block !important;
  }
  .full_only,
  .ta_only,
  .mo_only {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .ta_only {
    display: block !important;
  }
  .full_only,
  .pc_only,
  .mo_only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mo_only {
    display: block !important;
  }
  .full_only,
  .pc_only,
  .ta_only {
    display: none !important;
  }
}
@media (max-width: 450px) {
  .mo_only {
    display: block !important;
  }
  .full_only,
  .pc_only,
  .ta_only {
    display: none !important;
  }
}
#header {
  width: 100%;
  position: fixed;
  z-index: 100;
  top: -100px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background-color: #fff;
  color: #0a0a0a;
  padding: 20px 0;
}
#header #header_wrap {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
#header #header_wrap #header_left .logo {
  width: 100px;
  min-width: 100px;
}
#header #header_wrap #header_left .logo a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#header #header_wrap #header_left .logo a img {
  width: 100%;
  object-fit: contain;
}
#header #header_wrap #header_right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
#header #header_wrap #header_right #gnb_wrap {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
#header #header_wrap #header_right #gnb_wrap #gnb {
  display: flex;
  align-items: center;
  gap: 40px;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li {
  position: relative;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li > a {
  font-size: 18px;
  font-weight: 500;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li > a .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  font-size: 11px;
  color: #fff;
  background-color: #de2027;
  padding: 3px 8px;
  font-weight: 500;
  border-radius: 500px;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li .sub_menu {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  padding-top: 34px;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li .sub_menu ul {
  border-top: 1px solid #de2027;
  padding: 15px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li .sub_menu ul li a {
  font-size: 16px;
  font-weight: 400;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li .sub_menu ul li a:hover {
  color: #de2027;
}
#header #header_wrap #header_right #gnb_wrap #gnb > li.hover .sub_menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#header #header_wrap #header_right #menuicon {
  width: 22px;
  height: 17px;
  position: relative;
  cursor: pointer;
}
#header #header_wrap #header_right #menuicon span {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background-color: #0a0a0a;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  left: 50%;
  transform-origin: center;
  transform: translateX(-50%);
}
#header #header_wrap #header_right #menuicon span:nth-child(1) {
  top: 0px;
}
#header #header_wrap #header_right #menuicon span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
#header #header_wrap #header_right #menuicon span:nth-child(3) {
  top: calc(100% - 2px);
}
#header #header_wrap #header_right #menuicon.active span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
#header #header_wrap #header_right #menuicon.active span:nth-child(2) {
  opacity: 0;
}
#header #header_wrap #header_right #menuicon.active span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#header.active {
  top: 0 !important;
}
#header.white {
  background-color: rgba(0, 0, 0, 0);
}
#footer {
  padding-block: 60px 20px;
  background-color: #0a0a0a;
}
#footer #footer_wrap {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #8c8c8c;
}
#footer #footer_wrap #footer_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#footer #footer_wrap #footer_top #top_left {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#footer #footer_wrap #footer_top #top_left .info {
  display: flex;
  gap: 50px;
}
#footer #footer_wrap #footer_top #top_left .info dl dt {
  color: #5a5a5a;
}
#footer #footer_wrap #footer_top #top_left .info dl dd {
  margin-top: 5px;
  color: #fff;
}
#footer #footer_wrap #footer_top #top_left address div {
  display: flex;
  gap: 20px;
}
#footer #footer_wrap #footer_top #top_left address div p {
  position: relative;
}
#footer #footer_wrap #footer_top #top_left address div p + p::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #8c8c8c;
}
#footer #footer_wrap #footer_top #top_left address div + div {
  margin-top: 3px;
}
#footer #footer_wrap #footer_top #top_left .sns {
  display: flex;
  gap: 20px;
}
#footer #footer_wrap #footer_top #top_left .sns li {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer #footer_wrap #footer_top #top_left .sns li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#footer #footer_wrap #footer_top #top_left .sns li a img {
  width: 100%;
  object-fit: contain;
}
#footer #footer_wrap #footer_top #top_right {
  width: 705px;
  min-width: 705px;
}
#footer #footer_wrap #footer_top #top_right h2 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
#footer #footer_wrap #footer_bottom {
  width: 100%;
  padding-top: 20px;
  margin-top: 100px;
  border-top: 1px solid #3c3c3c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#footer #footer_wrap #footer_bottom .copyright {
  color: #fff;
}
#footer #footer_wrap #footer_bottom ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
#footer #footer_wrap #footer_bottom ul li {
  height: 20px;
}
#footer #footer_wrap #footer_bottom ul li img {
  height: 100%;
  object-fit: contain;
}
#drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  background-color: #fff;
  color: #0a0a0a;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
#drawer #drawer_wrap {
  width: 100%;
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  padding-block: 160px 60px;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#drawer #drawer_wrap .gnb > li {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 60px;
}
#drawer #drawer_wrap .gnb > li > a {
  font-size: 68px;
  font-weight: 700;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
#drawer #drawer_wrap .gnb > li > a .count {
  font-size: 24px;
  color: #fff;
  background-color: #de2027;
  padding: 6px 15px;
  font-weight: 500;
  border-radius: 500px;
}
#drawer #drawer_wrap .gnb > li > a:hover {
  color: #de2027;
}
#drawer #drawer_wrap .gnb > li .sub_menu ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
#drawer #drawer_wrap .gnb > li .sub_menu ul li a {
  font-size: 36px;
  font-weight: 500;
  color: #8c8c8c;
}
#drawer #drawer_wrap .gnb > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
#drawer #drawer_wrap .gnb > li.active > a,
#drawer #drawer_wrap .gnb > li.hover > a {
  color: #de2027;
}
#drawer #drawer_wrap .info_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#drawer #drawer_wrap .info_wrap address p {
  color: #8c8c8c;
}
#drawer #drawer_wrap .info_wrap address p + p {
  margin-top: 5px;
}
#drawer #drawer_wrap .info_wrap .info {
  display: flex;
  gap: 50px;
}
#drawer #drawer_wrap .info_wrap .info dl dt {
  color: #de2027;
}
#drawer #drawer_wrap .info_wrap .info dl dd {
  margin-top: 5px;
}
#top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  /* 스크롤 위치와 무관하게 항상 떠 있음(예전엔 스크롤을 내려야 나타났음 — opacity/visibility 토글 제거) */
}
#top a {
  border-radius: 50%;
  background-color: #0a0a0a;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
body:has(#menuicon.active) #header #header_wrap #header_left {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body:has(#menuicon.active) #header #header_wrap #header_right #gnb_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body:has(#menuicon.active) #drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: calc(1720px + 6vw)) {
  #header #header_wrap {
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
  }
  #footer #footer_wrap {
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
  }
  #footer #footer_wrap #footer_top #top_left .info {
    gap: 20px;
  }
  #footer #footer_wrap #footer_top #top_right {
    width: 600px;
    min-width: 600px;
  }
  #footer #footer_wrap #footer_top #top_right h2 {
    font-size: 24px;
  }
  #footer #footer_wrap #footer_bottom {
    margin-top: 80px;
  }
  #drawer #drawer_wrap {
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
    padding-block: 140px 50px;
  }
  #drawer #drawer_wrap .gnb > li > a {
    font-size: 50px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul {
    gap: 30px;
  }
  #drawer #drawer_wrap .info_wrap .info {
    gap: 30px;
  }
  #top {
    right: 3%;
    bottom: 30px;
  }
}
@media (max-width: 1024px) {
  #header #header_wrap #header_right #gnb_wrap {
    display: none;
  }
  #footer #footer_wrap #footer_top {
    flex-direction: column-reverse;
    gap: 30px;
  }
  #footer #footer_wrap #footer_top #top_left .info {
    gap: 50px;
  }
  #footer #footer_wrap #footer_top #top_right {
    width: 100%;
    min-width: 100%;
  }
  #footer #footer_wrap #footer_top #top_right h2 {
    font-size: 20px;
  }
  #footer #footer_wrap #footer_bottom {
    gap: 20px;
  }
  #drawer #drawer_wrap {
    padding-block: 100px;
  }
  #drawer #drawer_wrap .gnb > li {
    display: block;
  }
  #drawer #drawer_wrap .gnb > li > a {
    font-size: 30px;
  }
  #drawer #drawer_wrap .gnb > li > a .count {
    font-size: 14px;
    padding: 5px 15px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu {
    padding-block: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul li a {
    font-size: 27px;
  }
  #drawer #drawer_wrap .info_wrap {
    display: none;
  }
  #top {
    bottom: 20px;
  }
  #top a {
    width: 50px;
    height: 50px;
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  #header #header_wrap #header_left .logo {
    width: 90px;
    min-width: 90px;
  }
  #footer {
    padding-block: 20px;
  }
  #footer #footer_wrap {
    font-size: 15px;
  }
  #footer #footer_wrap #footer_top #top_left address div {
    gap: 15px;
  }
  #footer #footer_wrap #footer_top #top_left address div p + p::before {
    left: -7.5px;
  }
  #footer #footer_wrap #footer_top #top_left .info {
    gap: 20px;
  }
  #footer #footer_wrap #footer_top #top_left .sns {
    gap: 15px;
  }
  #footer #footer_wrap #footer_top #top_left .sns li {
    width: 25px;
  }
  #footer #footer_wrap #footer_top #top_right h2 {
    font-size: 18px;
  }
  #footer #footer_wrap #footer_bottom {
    margin-top: 30px;
    gap: 20px;
  }
  #drawer #drawer_wrap {
    padding-block: 100px;
  }
  #drawer #drawer_wrap .gnb > li {
    display: block;
  }
  #drawer #drawer_wrap .gnb > li > a {
    font-size: 30px;
  }
  #drawer #drawer_wrap .gnb > li > a .count {
    font-size: 16px;
    padding: 5px 15px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu {
    padding-block: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul li a {
    font-size: 24px;
  }
  #drawer #drawer_wrap .info_wrap {
    display: none;
  }
  #top {
    bottom: 20px;
  }
  #top a {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  #header {
    padding: 15px 0;
  }
  #footer #footer_wrap {
    font-size: 14px;
  }
  #footer #footer_wrap #footer_top #top_left .info {
    flex-wrap: wrap;
    gap: 15px;
  }
  #footer #footer_wrap #footer_top #top_left .info dl {
    width: calc(50% - 10px);
  }
  #footer #footer_wrap #footer_top #top_right h2 {
    font-size: 16px;
  }
  #footer #footer_wrap #footer_bottom {
    margin-top: 20px;
    gap: 20px;
  }
  #footer #footer_wrap #footer_bottom ul li {
    height: 15px;
  }
  #drawer #drawer_wrap {
    padding-block: 80px;
  }
  #drawer #drawer_wrap .gnb > li {
    margin-bottom: 25px;
  }
  #drawer #drawer_wrap .gnb > li > a .count {
    padding: 5px 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu {
    padding-block: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul {
    gap: 10px;
  }
  #drawer #drawer_wrap .gnb > li .sub_menu ul li a {
    font-size: 24px;
  }
  #top {
    bottom: 15px;
  }
  #top a {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}
.editor-content figure.image {
  max-width: 100%;
  margin: 0 auto;
}
.editor-content figure[class="image"] {
  text-align: center;
}
.editor-content img {
  max-width: 100%;
  height: auto;
}
.editor-content figure.image.image-style-align-left {
  float: left;
  margin: 0 20px 20px 0;
}
.editor-content figure.image.image-style-align-center {
  margin: 20px auto;
  text-align: center;
}
.editor-content figure.image.image-style-align-right {
  float: right;
  margin: 0 0 20px 20px;
}
.editor-content figure.image.image-style-side {
  float: right;
  width: 50%;
  margin: 0 0 20px 20px;
}
.editor-content figure.image.image-style-block-align-left {
  margin-right: auto;
  margin-left: 0;
  display: block;
  text-align: left;
}
.editor-content figure.image.image-style-block-align-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}
.editor-content figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  display: block;
  text-align: right;
}
.editor-content figure.image figcaption {
  font-size: 13px;
  color: #777;
  text-align: center;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .editor-content figure.image {
    width: 100% !important;
  }
}
main {
  width: 100%;
}
main section {
  width: 100%;
}
main section article {
  width: 100%;
}
main section article .wrap {
  position: relative;
  width: 100%;
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
}
main section article .wrap.fullwrap {
  max-width: 100%;
  padding: 0;
}
main section article .wrap .contents {
  padding-top: 30px;
}
main section article .wrap .contents strong {
  color: #de2027;
  font-weight: inherit;
}
main section article .wrap .portfolio_gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}
main section article .wrap .portfolio_gallery > li {
  width: calc(33.3333333333% - 13.3333333333px);
}
main section article .wrap .portfolio_gallery > li a {
  display: block;
  width: 100%;
}
main section article .wrap .portfolio_gallery > li a figure {
  width: 100%;
}
main section article .wrap .portfolio_gallery > li a figure .img_wrap {
  width: 100%;
}
main section article .wrap .portfolio_gallery > li a figure .img_wrap img {
  width: 100%;
  object-fit: contain;
}
main section article .wrap .portfolio_gallery > li a figure figcaption {
  margin-top: 15px;
}
main section article .wrap .portfolio_gallery > li a figure figcaption h3 {
  font-size: 24px;
  font-weight: 600;
}
main section article .wrap .portfolio_gallery > li a figure figcaption p {
  font-size: 20px;
  color: #8c8c8c;
  margin-top: 5px;
}
main section article .wrap .portfolio_list {
  width: 100%;
  border-top: 1px solid #0a0a0a;
}
main section article .wrap .portfolio_list > li {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
main section article .wrap .portfolio_list > li a {
  display: block;
  width: 100%;
  padding-block: 30px;
}
main section article .wrap .portfolio_list > li a figure {
  width: 100%;
  display: flex;
  gap: 160px;
}
main section article .wrap .portfolio_list > li a figure figcaption {
  width: 270px;
  min-width: 270px;
}
main section article .wrap .portfolio_list > li a figure figcaption .left {
  width: 100%;
}
main section article .wrap .portfolio_list > li a figure figcaption .left h2 {
  font-size: 28px;
  font-weight: 600;
}
main section article .wrap .portfolio_list > li a figure figcaption .left p {
  margin-top: 10px;
  font-size: 18px;
  color: #8c8c8c;
}
main section article .wrap .portfolio_list > li a figure .right {
  display: flex;
  gap: 160px;
  width: 100%;
}
main section article .wrap .portfolio_list > li a figure .right .right_text {
  width: 100%;
}
main section article .wrap .portfolio_list > li a figure .right .right_text h3 {
  font-size: 18px;
  color: #8c8c8c;
}
main
  section
  article
  .wrap
  .portfolio_list
  > li
  a
  figure
  .right
  .right_text
  .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
main
  section
  article
  .wrap
  .portfolio_list
  > li
  a
  figure
  .right
  .right_text
  .tag
  li {
  padding: 8px 20px;
  font-size: 18px;
  color: #8c8c8c;
  background-color: #f8f8f8;
  border-radius: 500px;
}
main section article .wrap .portfolio_list > li a figure .right .img_wrap {
  width: 270px;
  min-width: 270px;
  aspect-ratio: 270/183;
}
main section article .wrap .portfolio_list > li a figure .right .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section article .wrap .list_title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}
main section article .wrap .list_title .view_toggle {
  display: flex;
  border-radius: 500px;
  overflow: hidden;
  background-color: #f5f5f5;
}
main section article .wrap .list_title .view_toggle .view_btn {
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 500px;
}
main section article .wrap .list_title .view_toggle .view_btn svg {
  width: 20px;
  object-fit: contain;
}
main section article .wrap .list_title .view_toggle .view_btn svg rect {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
main section article .wrap .list_title .view_toggle .view_btn.active {
  background-color: #0a0a0a;
}
main section article .wrap .list_title .view_toggle .view_btn.active svg rect {
  fill: #fff;
}
main section article .wrap .list_title .count {
  margin-left: auto;
  font-size: 32px;
  font-weight: 500;
}
main section article .wrap .circle_btn {
  position: relative;
  display: inline-block;
  width: 180px;
  min-width: 180px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
main section article .wrap .circle_btn .circle_bg,
main section article .wrap .circle_btn .circle_ring,
main section article .wrap .circle_btn .circle_arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section article .wrap .circle_btn .circle_ring {
  z-index: 2;
  animation: rotate 12s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  padding: 2px;
}
main section article .wrap .circle_btn .circle_ring text {
  font-size: 12px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
main section article .wrap .circle_btn .circle_arrow {
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
main section article .wrap .circle_btn .circle_arrow svg {
  width: 50%;
  object-fit: contain;
}
main section article .wrap .circle_btn.circle_grow .circle_bg {
  display: flex;
  justify-content: center;
  align-items: center;
}
main section article .wrap .circle_btn.circle_grow .circle_bg:before {
  content: "";
  width: 70%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #de2027;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
main section article .wrap .circle_btn:hover .circle_arrow {
  transform: rotate(-45deg);
}
main section article .wrap .circle_btn:hover.circle_grow .circle_ring text {
  fill: #fff;
}
main section article .wrap .circle_btn:hover.circle_grow .circle_bg::before {
  width: 100%;
}
main section article .wrap .circle_btn.big {
  width: 240px;
}
main section article .wrap .circle_btn.center {
  display: block;
  margin: 0 auto;
}
main section article .wrap .back_btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main section article .wrap .back_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background-color: #0a0a0a;
  padding: 15px;
  min-width: 270px;
}
main section article .wrap [data-aos="custom1"] > * {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
main section article .wrap [data-aos="custom1"].aos-animate > * {
  transform: translateY(0);
  opacity: 1;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(1) {
  transition-delay: 0s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(2) {
  transition-delay: 0.15s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(3) {
  transition-delay: 0.3s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(4) {
  transition-delay: 0.45s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(5) {
  transition-delay: 0.6s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(6) {
  transition-delay: 0.75s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(7) {
  transition-delay: 0.9s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(8) {
  transition-delay: 1.05s;
}
main section article .wrap [data-aos="custom1"].aos-animate > *:nth-of-type(9) {
  transition-delay: 1.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(10) {
  transition-delay: 1.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(11) {
  transition-delay: 1.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(12) {
  transition-delay: 1.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(13) {
  transition-delay: 1.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(14) {
  transition-delay: 1.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(15) {
  transition-delay: 2.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(16) {
  transition-delay: 2.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(17) {
  transition-delay: 2.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(18) {
  transition-delay: 2.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(19) {
  transition-delay: 2.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(20) {
  transition-delay: 2.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(21) {
  transition-delay: 3s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(22) {
  transition-delay: 3.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(23) {
  transition-delay: 3.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(24) {
  transition-delay: 3.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(25) {
  transition-delay: 3.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(26) {
  transition-delay: 3.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(27) {
  transition-delay: 3.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(28) {
  transition-delay: 4.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(29) {
  transition-delay: 4.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(30) {
  transition-delay: 4.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(31) {
  transition-delay: 4.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(32) {
  transition-delay: 4.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(33) {
  transition-delay: 4.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(34) {
  transition-delay: 4.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(35) {
  transition-delay: 5.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(36) {
  transition-delay: 5.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(37) {
  transition-delay: 5.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(38) {
  transition-delay: 5.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(39) {
  transition-delay: 5.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(40) {
  transition-delay: 5.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(41) {
  transition-delay: 6s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(42) {
  transition-delay: 6.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(43) {
  transition-delay: 6.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(44) {
  transition-delay: 6.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(45) {
  transition-delay: 6.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(46) {
  transition-delay: 6.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(47) {
  transition-delay: 6.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(48) {
  transition-delay: 7.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(49) {
  transition-delay: 7.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(50) {
  transition-delay: 7.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(51) {
  transition-delay: 7.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(52) {
  transition-delay: 7.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(53) {
  transition-delay: 7.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(54) {
  transition-delay: 7.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(55) {
  transition-delay: 8.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(56) {
  transition-delay: 8.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(57) {
  transition-delay: 8.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(58) {
  transition-delay: 8.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(59) {
  transition-delay: 8.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(60) {
  transition-delay: 8.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(61) {
  transition-delay: 9s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(62) {
  transition-delay: 9.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(63) {
  transition-delay: 9.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(64) {
  transition-delay: 9.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(65) {
  transition-delay: 9.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(66) {
  transition-delay: 9.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(67) {
  transition-delay: 9.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(68) {
  transition-delay: 10.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(69) {
  transition-delay: 10.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(70) {
  transition-delay: 10.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(71) {
  transition-delay: 10.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(72) {
  transition-delay: 10.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(73) {
  transition-delay: 10.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(74) {
  transition-delay: 10.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(75) {
  transition-delay: 11.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(76) {
  transition-delay: 11.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(77) {
  transition-delay: 11.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(78) {
  transition-delay: 11.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(79) {
  transition-delay: 11.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(80) {
  transition-delay: 11.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(81) {
  transition-delay: 12s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(82) {
  transition-delay: 12.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(83) {
  transition-delay: 12.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(84) {
  transition-delay: 12.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(85) {
  transition-delay: 12.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(86) {
  transition-delay: 12.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(87) {
  transition-delay: 12.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(88) {
  transition-delay: 13.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(89) {
  transition-delay: 13.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(90) {
  transition-delay: 13.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(91) {
  transition-delay: 13.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(92) {
  transition-delay: 13.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(93) {
  transition-delay: 13.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(94) {
  transition-delay: 13.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(95) {
  transition-delay: 14.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(96) {
  transition-delay: 14.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(97) {
  transition-delay: 14.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(98) {
  transition-delay: 14.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom1"].aos-animate
  > *:nth-of-type(99) {
  transition-delay: 14.7s;
}
main section article .wrap [data-aos="custom2"] > * {
  transform: translateY(50px) rotateY(115deg);
  opacity: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
main section article .wrap [data-aos="custom2"].aos-animate > * {
  transform: translateY(0) rotateY(0);
  opacity: 1;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(1) {
  transition-delay: 0s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(2) {
  transition-delay: 0.15s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(3) {
  transition-delay: 0.3s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(4) {
  transition-delay: 0.45s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(5) {
  transition-delay: 0.6s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(6) {
  transition-delay: 0.75s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(7) {
  transition-delay: 0.9s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(8) {
  transition-delay: 1.05s;
}
main section article .wrap [data-aos="custom2"].aos-animate > *:nth-of-type(9) {
  transition-delay: 1.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(10) {
  transition-delay: 1.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(11) {
  transition-delay: 1.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(12) {
  transition-delay: 1.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(13) {
  transition-delay: 1.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(14) {
  transition-delay: 1.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(15) {
  transition-delay: 2.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(16) {
  transition-delay: 2.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(17) {
  transition-delay: 2.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(18) {
  transition-delay: 2.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(19) {
  transition-delay: 2.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(20) {
  transition-delay: 2.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(21) {
  transition-delay: 3s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(22) {
  transition-delay: 3.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(23) {
  transition-delay: 3.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(24) {
  transition-delay: 3.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(25) {
  transition-delay: 3.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(26) {
  transition-delay: 3.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(27) {
  transition-delay: 3.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(28) {
  transition-delay: 4.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(29) {
  transition-delay: 4.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(30) {
  transition-delay: 4.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(31) {
  transition-delay: 4.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(32) {
  transition-delay: 4.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(33) {
  transition-delay: 4.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(34) {
  transition-delay: 4.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(35) {
  transition-delay: 5.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(36) {
  transition-delay: 5.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(37) {
  transition-delay: 5.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(38) {
  transition-delay: 5.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(39) {
  transition-delay: 5.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(40) {
  transition-delay: 5.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(41) {
  transition-delay: 6s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(42) {
  transition-delay: 6.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(43) {
  transition-delay: 6.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(44) {
  transition-delay: 6.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(45) {
  transition-delay: 6.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(46) {
  transition-delay: 6.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(47) {
  transition-delay: 6.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(48) {
  transition-delay: 7.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(49) {
  transition-delay: 7.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(50) {
  transition-delay: 7.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(51) {
  transition-delay: 7.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(52) {
  transition-delay: 7.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(53) {
  transition-delay: 7.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(54) {
  transition-delay: 7.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(55) {
  transition-delay: 8.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(56) {
  transition-delay: 8.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(57) {
  transition-delay: 8.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(58) {
  transition-delay: 8.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(59) {
  transition-delay: 8.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(60) {
  transition-delay: 8.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(61) {
  transition-delay: 9s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(62) {
  transition-delay: 9.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(63) {
  transition-delay: 9.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(64) {
  transition-delay: 9.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(65) {
  transition-delay: 9.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(66) {
  transition-delay: 9.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(67) {
  transition-delay: 9.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(68) {
  transition-delay: 10.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(69) {
  transition-delay: 10.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(70) {
  transition-delay: 10.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(71) {
  transition-delay: 10.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(72) {
  transition-delay: 10.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(73) {
  transition-delay: 10.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(74) {
  transition-delay: 10.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(75) {
  transition-delay: 11.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(76) {
  transition-delay: 11.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(77) {
  transition-delay: 11.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(78) {
  transition-delay: 11.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(79) {
  transition-delay: 11.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(80) {
  transition-delay: 11.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(81) {
  transition-delay: 12s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(82) {
  transition-delay: 12.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(83) {
  transition-delay: 12.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(84) {
  transition-delay: 12.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(85) {
  transition-delay: 12.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(86) {
  transition-delay: 12.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(87) {
  transition-delay: 12.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(88) {
  transition-delay: 13.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(89) {
  transition-delay: 13.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(90) {
  transition-delay: 13.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(91) {
  transition-delay: 13.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(92) {
  transition-delay: 13.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(93) {
  transition-delay: 13.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(94) {
  transition-delay: 13.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(95) {
  transition-delay: 14.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(96) {
  transition-delay: 14.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(97) {
  transition-delay: 14.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(98) {
  transition-delay: 14.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom2"].aos-animate
  > *:nth-of-type(99) {
  transition-delay: 14.7s;
}
main section article .wrap [data-aos="custom3"] > * {
  transform: translateY(50px) rotateX(115deg);
  opacity: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
main section article .wrap [data-aos="custom3"].aos-animate > * {
  transform: translateY(0) rotateX(0);
  opacity: 1;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(1) {
  transition-delay: 0s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(2) {
  transition-delay: 0.15s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(3) {
  transition-delay: 0.3s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(4) {
  transition-delay: 0.45s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(5) {
  transition-delay: 0.6s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(6) {
  transition-delay: 0.75s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(7) {
  transition-delay: 0.9s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(8) {
  transition-delay: 1.05s;
}
main section article .wrap [data-aos="custom3"].aos-animate > *:nth-of-type(9) {
  transition-delay: 1.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(10) {
  transition-delay: 1.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(11) {
  transition-delay: 1.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(12) {
  transition-delay: 1.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(13) {
  transition-delay: 1.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(14) {
  transition-delay: 1.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(15) {
  transition-delay: 2.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(16) {
  transition-delay: 2.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(17) {
  transition-delay: 2.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(18) {
  transition-delay: 2.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(19) {
  transition-delay: 2.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(20) {
  transition-delay: 2.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(21) {
  transition-delay: 3s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(22) {
  transition-delay: 3.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(23) {
  transition-delay: 3.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(24) {
  transition-delay: 3.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(25) {
  transition-delay: 3.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(26) {
  transition-delay: 3.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(27) {
  transition-delay: 3.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(28) {
  transition-delay: 4.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(29) {
  transition-delay: 4.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(30) {
  transition-delay: 4.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(31) {
  transition-delay: 4.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(32) {
  transition-delay: 4.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(33) {
  transition-delay: 4.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(34) {
  transition-delay: 4.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(35) {
  transition-delay: 5.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(36) {
  transition-delay: 5.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(37) {
  transition-delay: 5.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(38) {
  transition-delay: 5.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(39) {
  transition-delay: 5.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(40) {
  transition-delay: 5.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(41) {
  transition-delay: 6s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(42) {
  transition-delay: 6.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(43) {
  transition-delay: 6.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(44) {
  transition-delay: 6.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(45) {
  transition-delay: 6.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(46) {
  transition-delay: 6.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(47) {
  transition-delay: 6.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(48) {
  transition-delay: 7.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(49) {
  transition-delay: 7.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(50) {
  transition-delay: 7.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(51) {
  transition-delay: 7.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(52) {
  transition-delay: 7.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(53) {
  transition-delay: 7.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(54) {
  transition-delay: 7.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(55) {
  transition-delay: 8.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(56) {
  transition-delay: 8.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(57) {
  transition-delay: 8.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(58) {
  transition-delay: 8.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(59) {
  transition-delay: 8.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(60) {
  transition-delay: 8.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(61) {
  transition-delay: 9s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(62) {
  transition-delay: 9.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(63) {
  transition-delay: 9.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(64) {
  transition-delay: 9.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(65) {
  transition-delay: 9.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(66) {
  transition-delay: 9.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(67) {
  transition-delay: 9.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(68) {
  transition-delay: 10.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(69) {
  transition-delay: 10.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(70) {
  transition-delay: 10.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(71) {
  transition-delay: 10.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(72) {
  transition-delay: 10.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(73) {
  transition-delay: 10.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(74) {
  transition-delay: 10.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(75) {
  transition-delay: 11.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(76) {
  transition-delay: 11.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(77) {
  transition-delay: 11.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(78) {
  transition-delay: 11.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(79) {
  transition-delay: 11.7s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(80) {
  transition-delay: 11.85s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(81) {
  transition-delay: 12s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(82) {
  transition-delay: 12.15s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(83) {
  transition-delay: 12.3s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(84) {
  transition-delay: 12.45s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(85) {
  transition-delay: 12.6s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(86) {
  transition-delay: 12.75s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(87) {
  transition-delay: 12.9s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(88) {
  transition-delay: 13.05s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(89) {
  transition-delay: 13.2s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(90) {
  transition-delay: 13.35s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(91) {
  transition-delay: 13.5s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(92) {
  transition-delay: 13.65s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(93) {
  transition-delay: 13.8s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(94) {
  transition-delay: 13.95s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(95) {
  transition-delay: 14.1s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(96) {
  transition-delay: 14.25s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(97) {
  transition-delay: 14.4s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(98) {
  transition-delay: 14.55s;
}
main
  section
  article
  .wrap
  [data-aos="custom3"].aos-animate
  > *:nth-of-type(99) {
  transition-delay: 14.7s;
}
main section:not(.c1) {
  padding-top: 160px;
}
main section:not(.c1):last-of-type {
  padding-bottom: 200px;
}
main#main_page section article .wrap .title_wrap h2 {
  font-size: 24px;
  font-weight: 500;
}
main#main_page section article .wrap .title_wrap h2 + p {
  margin-top: 15px;
}
main#main_page section article .wrap .title_wrap h4 {
  font-size: 68px;
  font-weight: 700;
}
main#main_page section article .wrap .title_wrap h4 + span {
  margin-top: 30px;
}
main#main_page section article .wrap .title_wrap > p {
  font-size: 44px;
  font-weight: 600;
}
main#main_page section article .wrap .title_wrap > p + span {
  margin-top: 30px;
}
main#main_page section article .wrap .title_wrap > span {
  display: inline-block;
  font-size: 20px;
}
main#main_page section article .wrap .title_wrap.center {
  text-align: center;
}
main#main_page section article .wrap .title_wrap.pt_160 {
  padding-top: 160px;
}
main#main_page section article .wrap .lr_wrap {
  display: flex;
  align-items: flex-start;
  gap: 160px;
}
main#main_page section article .wrap .lr_wrap .left_wrap {
  width: 560px;
  min-width: 560px;
}
main#main_page section article .wrap .lr_wrap .right_wrap {
  width: 100%;
}
main#main_page section.pt_200 {
  padding-top: 200px;
}
main#main_page section.pb_160 {
  padding-bottom: 200px;
}
main#main_page section.ptb_160 {
  padding-block: 160px;
}
main#main_page section.c1 {
  position: relative;
  overflow-x: hidden;
  height: 100vh;
  height: var(--c1-vh, 100vh);
  min-height: var(--c1-vh, 100vh);
}
main#main_page section.c1 article {
  position: relative;
  width: 100%;
  height: 100%;
}
main#main_page section.c1 article .wrap {
  width: 100%;
  height: 100%;
}
main#main_page section.c1 article .wrap .main_visual_title_wrap {
  position: relative;
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  padding-bottom: 100px;
  gap: 130px;
  z-index: 2;
  height: 50%;
}
main#main_page section.c1 article .wrap .main_visual_title_wrap > div {
  width: 600px;
  min-width: 600px;
}
main#main_page section.c1 article .wrap .main_visual_title_wrap > div h1 {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
  opacity: 0;
}
main#main_page section.c1 article .wrap .main_visual_title_wrap > div h1 br {
  flex-basis: 100%;
  width: 100%;
  height: 0;
}
main#main_page
  section.c1
  article
  .wrap
  .main_visual_title_wrap
  > div
  h1
  .char_break {
  display: block;
  flex-basis: 100%;
  width: 100%;
  height: 0;
  min-width: 100%;
}
main#main_page
  section.c1
  article
  .wrap
  .main_visual_title_wrap
  > div
  h1
  .char_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  vertical-align: middle;
}
main#main_page
  section.c1
  article
  .wrap
  .main_visual_title_wrap
  > div
  h1
  .char_wrap
  span {
  display: inline-block;
  transform: translate(0, 110%);
  transition: 1s 1.7s;
  -webkit-transition: 1s 1.7s;
  -moz-transition: 1s 1.7s;
  -ms-transition: 1s 1.7s;
  -o-transition: 1s 1.7s;
  font-size: 86px;
  font-weight: 600;
}
main#main_page
  section.c1
  article
  .wrap
  .main_visual_title_wrap
  > div
  h1
  .char_wrap
  span.active {
  transform: translate(0, 0%);
}
main#main_page
  section.c1
  article
  .wrap
  .main_visual_title_wrap
  > div
  h1.split-ready {
  opacity: 1;
}
main#main_page section.c1 article .wrap .main_visual_title_wrap > p {
  font-size: 24px;
  font-weight: 400;
  animation: fade-up 1s 1.7s both;
}
main#main_page section.c1 article .wrap .bg_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(0 0 0 0);
  transition: clip-path 1.7s;
}
main#main_page section.c1 article .wrap .bg_wrap img {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--c1-wd, 200%);
  height: 100%;
  margin-left: calc(var(--c1-wd, 200%) / -2);
  object-fit: cover;
  transform: translateY(0) scale(1);
  transition: transform 1.7s;
}
main#main_page section.c1 article .wrap .bg_wrap video {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--c1-wd, 200%);
  height: 100%;
  margin-left: calc(var(--c1-wd, 200%) / -2);
  object-fit: cover;
  transform: translateY(0) scale(1);
  transition: transform 1.7s;
}
main#main_page section.c1 article .wrap .bg_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  transition: none;
  pointer-events: none;
}
/* c1 인트로: 배경 영상이 하단 절반으로 줄어드는 연출. 예전에는 img/video의 height와 ::before 높이를 애니메이션해서
   Chrome이 레이아웃 이동(CLS 0.37)으로 집계했다. 같은 결과를 clip-path(위쪽 절반 가리기) + transform(확대율 변경)으로
   만든다 — 둘 다 레이아웃을 건드리지 않는다. --c1-wd/--c1-m은 assets/js/index.js(setC1VideoTransform)가 화면 비율에 맞춰 계산. */
main#main_page section.c1.aos-animate article .wrap .bg_wrap {
  clip-path: inset(50% 0 0 0);
}
main#main_page section.c1.aos-animate article .wrap .bg_wrap img,
main#main_page section.c1.aos-animate article .wrap .bg_wrap video {
  transform: translateY(25%) scale(var(--c1-m, 0.5));
}
main#main_page section.c1 article .wrap .sound_toggle_btn {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 3;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
main#main_page section.c1 article .wrap .sound_toggle_btn img {
  display: block;
  width: 100%;
  height: 100%;
}
main#main_page section.c1 article .wrap .sound_toggle_btn .icon_on {
  display: none;
}
main#main_page section.c1 article .wrap .sound_toggle_btn.active .icon_off {
  display: none;
}
main#main_page section.c1 article .wrap .sound_toggle_btn.active .icon_on {
  display: block;
}
main#main_page section.c2 article .wrap .lr_wrap {
  gap: 300px;
  align-items: flex-start;
}
main#main_page section.c2 article .wrap .lr_wrap .left_wrap {
  width: 415px;
  min-width: 415px;
  aspect-ratio: 1/1;
  position: sticky;
  top: calc(50vh - 207.5px);
}
main#main_page section.c2 article .wrap .lr_wrap .left_wrap .left_img {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .left_img
  .img_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .left_img
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .left_img
  .img_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents {
  padding-top: 40px;
}
main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul {
  width: 100%;
}
main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul li {
  width: 100%;
  padding-block: 60px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .haha {
  display: flex;
  gap: 100px;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .haha
  .num {
  font-size: 20px;
  font-weight: 500;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .haha
  .text
  h3 {
  font-size: 32px;
  font-weight: 600;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .haha
  .text
  p {
  margin-top: 30px;
  font-size: 20px;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .img_wrap {
  display: none;
  aspect-ratio: 1/1;
  width: 200px;
  min-width: 200px;
}
main#main_page
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .contents
  ul
  li
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#main_page section.c3 {
  overflow-x: hidden;
}
main#main_page section.c3 article .wrap .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}
main#main_page section.c4 {
  overflow-x: hidden;
}
main#main_page section.c4 article {
  overflow-y: hidden;
}
main#main_page section.c4 article .wrap .title_wrap h2 {
  color: #646464;
}
main#main_page section.c4 article .wrap .contents .count_aos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
main#main_page section.c4 article .wrap .contents .count_aos li {
  position: relative;
  width: calc(25% - 15px);
  text-align: center;
}
main#main_page section.c4 article .wrap .contents .count_aos li div {
  font-size: 60px;
  font-weight: 700;
}
main#main_page section.c4 article .wrap .contents .count_aos li div sub {
  font-size: 40px;
  font-weight: 600;
}
main#main_page section.c4 article .wrap .contents .count_aos li p {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  color: #646464;
}
main#main_page
  section.c4
  article
  .wrap
  .contents
  .count_aos
  li:not(:first-of-type)::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #3c3c3c;
}
main#main_page section.c4 article .wrap .contents .boxs {
  max-width: 1285px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
main#main_page section.c4 article .wrap .contents .boxs li {
  width: calc(33.3333333333% - 13.3333333333px);
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 20px;
}
main#main_page section.c4 article .wrap .contents .boxs li .icon_wrap {
  width: 100px;
  min-width: 100px;
}
main#main_page section.c4 article .wrap .contents .boxs li .icon_wrap img {
  width: 100%;
  object-fit: contain;
}
main#main_page section.c4 article .wrap .contents .boxs li .text {
  font-size: 24px;
  font-weight: 600;
  color: #8c8c8c;
}
body.black main#main_page section.c4 article .wrap .contents .boxs li {
  background-color: #191919;
}
body.black main#main_page section.c4 article .wrap .contents .boxs li .text {
  color: #fff;
}
main#main_page section.c4 article .wrap .splide_wrap {
  padding-top: 60px;
  width: 100%;
}
main#main_page section.c4 article .wrap .splide_wrap .splide {
  width: 100%;
}
main#main_page section.c4 article .wrap .splide_wrap .splide .splide__track {
  width: 100%;
}
main#main_page
  section.c4
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list {
  width: 100%;
  /* gap: 30px; */
}
main#main_page
  section.c4
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list
  .splide__slide {
  height: 100px;
}
main#main_page
  section.c4
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list
  .splide__slide
  img {
  height: 100px;
  width: auto;
  object-fit: contain;
}
main#main_page section.c4 article .wrap .splide_wrap .splide + .splide {
  margin-top: 0px;
}
main#main_page section.c5 {
  overflow-x: hidden;
}
main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul {
  width: 100%;
}
main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li {
  width: 100%;
}
main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 40px;
  border-bottom: 1px solid #e1e1e1;
}
main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a p {
  width: 100%;
  font-size: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: wrap;
}
main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a
  .icon_wrap {
  width: 30px;
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a
  .icon_wrap
  svg {
  width: 100%;
  object-fit: contain;
}
main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a
  .icon_wrap
  svg
  path
  stroke {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
body.black
  main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a {
  border-bottom: 1px solid #8c8c8c;
}
body.black
  main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a
  p {
  font-size: #fff;
}
body.black
  main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a
  .icon_wrap
  svg
  path {
  stroke: #fff;
}
main#main_page
  section.c5
  article
  .wrap
  .lr_wrap
  .right_wrap
  ul
  li
  a:hover
  .icon_wrap {
  transform: rotate(-45deg);
}
main#sub_page section.sub_banner {
  padding-block: 250px 160px;
}
main#sub_page section.sub_banner:has(.board_detail_title_wrap) {
  padding-bottom: 0;
}
main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap {
  position: relative;
  display: flex;
  gap: 130px;
}
main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap > div {
  width: 500px;
  min-width: 500px;
}
main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap > div h1 {
  display: flex;
  flex-wrap: wrap;
  font-size: 86px;
  font-weight: 600;
  line-height: 1.1;
  gap: 5px 0;
  opacity: 0;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1
  br {
  flex-basis: 100%;
  width: 100%;
  height: 0;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1
  .char_break {
  display: block;
  flex-basis: 100%;
  width: 100%;
  height: 0;
  min-width: 100%;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1
  .char_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  vertical-align: middle;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1
  .char_wrap
  span {
  display: inline-block;
  transform: translate(0, 110%);
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1
  .char_wrap
  span.active {
  transform: translate(0, 0%);
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1.portfolio_detail
  .char_wrap
  span {
  font-size: 44px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  h1.split-ready {
  opacity: 1;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  > div
  > p {
  margin-top: 20px;
  font-size: 28px;
  font-weight: 500;
  color: #8c8c8c;
}
main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap .right {
  width: 100%;
  animation: fade-up 1s 1s both;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  p {
  font-size: 32px;
  font-weight: 500;
  color: #0a0a0a;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  p
  + span {
  margin-top: 20px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  p.big {
  font-size: 36px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  p
  strong {
  font-size: inherit;
  font-weight: inherit;
  color: #de2027;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  span {
  display: block;
  font-size: 20px;
  color: #8c8c8c;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  span.dot {
  display: flex;
  position: relative;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  span.dot::before {
  content: "·";
  font-size: inherit;
  color: inherit;
  margin-right: 10px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  span
  + span {
  margin-top: 3px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  .tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  .tag
  li {
  padding: 8px 20px;
  font-size: 16px;
  color: #8c8c8c;
  background-color: #f8f8f8;
  border-radius: 500px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  .portfolio_link {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 30px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  .portfolio_link
  a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  .portfolio_link
  a
  svg {
  flex-shrink: 0;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .sub_visual_title_wrap
  .right
  .right_text_wrap
  + .right_text_wrap {
  margin-top: 60px;
}
main#sub_page section.sub_banner article .wrap .board_detail_title_wrap {
  text-align: center;
}
main#sub_page section.sub_banner article .wrap .board_detail_title_wrap h2 {
  font-size: 32px;
  font-weight: 600;
}
main#sub_page section.sub_banner article .wrap .board_detail_title_wrap ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-left: auto;
}
main#sub_page section.sub_banner article .wrap .board_detail_title_wrap ul li {
  position: relative;
  font-size: 18px;
  color: #8c8c8c;
}
main#sub_page
  section.sub_banner
  article
  .wrap
  .board_detail_title_wrap
  ul
  li:not(:first-of-type)::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #e1e1e1;
}
main#sub_page section.c2 {
  padding-top: 0;
}
main#sub_page.company.overview section.c2 {
  overflow: hidden;
}
main#sub_page.company.overview section.c2 article .wrap .splide_wrap {
  width: 100%;
}
main#sub_page.company.overview section.c2 article .wrap .splide_wrap .splide {
  width: 100%;
}
main#sub_page.company.overview
  section.c2
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track {
  width: 100%;
}
main#sub_page.company.overview
  section.c2
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list {
  width: 100%;
  gap: 20px;
}
main#sub_page.company.overview
  section.c2
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list
  .splide__slide {
  min-width: 340px;
  width: 340px;
  aspect-ratio: 1/1;
}
main#sub_page.company.overview
  section.c2
  article
  .wrap
  .splide_wrap
  .splide
  .splide__track
  .splide__list
  .splide__slide
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.overview
  section.c2
  article
  .wrap
  .splide_wrap
  .splide
  + .splide {
  margin-top: 20px;
}
main#sub_page.company.overview section.c3 {
  padding-bottom: 360px;
}
main#sub_page.company.overview section.c3 article .wrap .lr_wrap {
  display: flex;
  gap: 200px;
}
main#sub_page.company.overview section.c3 article .wrap .lr_wrap .left_wrap h3 {
  font-size: 36px;
  font-weight: 600;
}
main#sub_page.company.overview
  section.c3
  article
  .wrap
  .lr_wrap
  .right_wrap
  div {
  font-size: 18px;
  line-height: 1.5;
}
main#sub_page.company.overview section.c3 article .wrap .lr_wrap .right_wrap p {
  margin-top: 30px;
  font-size: 18px;
}
main#sub_page.company.overview
  section.c3
  article
  .wrap
  .lr_wrap
  .right_wrap
  p
  strong {
  color: #0a0a0a;
  font-size: 24px;
  font-weight: 600;
}
main#sub_page.company.mission section.c2 {
  height: 100dvh;
  min-height: 100dvh;
  height: var(--c2-vh, 100vh);
  min-height: var(--c2-vh, 100vh);
  padding-bottom: 0;
  position: relative;
}
main#sub_page.company.mission section.c2 article {
  position: relative;
  height: 100%;
}
main#sub_page.company.mission section.c2 article .bg_wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
main#sub_page.company.mission section.c2 article .bg_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.mission section.c2 article .color_bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
main#sub_page.company.mission section.c2 article .color_bg.dark {
  background-color: #0a0a0a;
  opacity: 1;
}
main#sub_page.company.mission section.c2 article .color_bg.light {
  background-color: #fff;
  opacity: 1;
}
main#sub_page.company.mission section.c2 article .wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
main#sub_page.company.mission section.c2 article .wrap .scene {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
main#sub_page.company.mission section.c2 article .wrap .scene.active,
main#sub_page.company.mission section.c2 article .wrap .scene.exiting {
  opacity: 1;
}
main#sub_page.company.mission section.c2 article .wrap .scene.active {
  pointer-events: auto;
  z-index: 2;
}
main#sub_page.company.mission section.c2 article .wrap .scene.intro {
  flex-direction: column;
  gap: 20px;
}
main#sub_page.company.mission section.c2 article .wrap .scene.intro .line_mask {
  overflow: hidden;
}
main#sub_page.company.mission section.c2 article .wrap .scene.intro h3 {
  font-size: 68px;
  font-weight: 600;
  color: #fff;
}
main#sub_page.company.mission section.c2 article .wrap .scene.intro p {
  font-size: 28px;
  color: #fff;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.chang_logo
  .line_mask {
  display: inline-block;
  overflow: hidden;
}
main#sub_page.company.mission section.c2 article .wrap .scene.chang_logo span {
  display: inline-block;
  font-size: 200px;
  font-weight: 800;
  color: #fff;
}
main#sub_page.company.mission section.c2 article .wrap .scene.value_item {
  flex-direction: row;
  gap: 20px;
  color: #fff;
}
main#sub_page.company.mission section.c2 article .wrap .scene.value_item.light {
  color: #0a0a0a;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item.light
  .line_mask
  span {
  color: #de2027;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .left_text,
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .right_text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .big_letter {
  display: block;
  font-size: 200px;
  font-weight: 800;
  line-height: 1;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .line_mask {
  flex: 1;
  overflow: hidden;
  text-align: center;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .line_mask
  h4,
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .line_mask
  p {
  display: block;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .line_mask
  h4 {
  font-size: 68px;
  font-weight: 600;
}
main#sub_page.company.mission
  section.c2
  article
  .wrap
  .scene.value_item
  .line_mask
  p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
main#sub_page.company.partners section.c2 article .wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
main#sub_page.company.partners section.c2 article .wrap ul li {
  width: calc(16.6666666667% - 16.6666666667px);
  aspect-ratio: 270/139;
}
main#sub_page.company.partners section.c2 article .wrap ul li .img_wrap {
  background-color: #f8f8f8;
  width: 100%;
  height: 100%;
  /* opacity: 0.5; */
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
main#sub_page.company.partners section.c2 article .wrap ul li .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}
main#sub_page.company.partners section.c2 article .wrap ul li:hover .img_wrap {
  background-color: #000;
  opacity: 1;
}
main#sub_page.company.partners
  section.c2
  article
  .wrap
  ul
  li:hover
  .img_wrap
  img {
  filter: brightness(0) invert(1);
}
main#sub_page.company.location section.c2 article .wrap .address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 150px;
}
main#sub_page.company.location section.c2 article .wrap .address dl dt {
  font-size: 18px;
}
main#sub_page.company.location section.c2 article .wrap .address dl dt strong {
  font-size: inherit;
  font-weight: inherit;
  color: #de2027;
}
main#sub_page.company.location section.c2 article .wrap .address dl dd {
  margin-top: 5px;
  font-size: 20px;
  color: #8c8c8c;
}
main#sub_page.company.location section.c2 article .wrap .location_desc {
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.7;
  color: #8c8c8c;
}
main#sub_page.company.location section.c2 article .wrap .contents .map_wrap {
  width: 100%;
  aspect-ratio: 1720/640;
}
main#sub_page.company.location
  section.c2
  article
  .wrap
  .contents
  .map_wrap
  iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.history section.c2 article .wrap .lr_wrap {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
main#sub_page.company.history section.c2 article .wrap .lr_wrap .left_wrap {
  position: sticky;
  top: calc(50vh - 170px);
  transform: none;
  min-width: 820px;
  width: 820px;
  height: 340px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .year_wrap {
  display: flex;
  gap: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .year_wrap
  .year {
  font-size: 68px;
  font-weight: 600;
  width: 200px;
  min-width: 200px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .year_wrap
  .img_wrap {
  width: 520px;
  /* aspect-ratio: 520/340; */
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .year_wrap
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  .year_wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#sub_page.company.history section.c2 article .wrap .lr_wrap .right_wrap {
  width: 100%;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap {
  width: 100%;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap {
  width: 100%;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  padding-block: 60px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  h3 {
  font-size: 28px;
  font-weight: 600;
  color: #de2027;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  .img_wrap {
  display: none;
  margin-top: 15px;
  width: 100%;
  /* aspect-ratio: 520/340; */
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  ul {
  margin-top: 15px;
  padding-left: 20px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  ul
  li {
  font-size: 18px;
  display: list-item;
  list-style: disc;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  ul
  li
  .date {
  flex-shrink: 0;
  width: 60px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap
  .text
  .content_wrap
  ul
  li
  + li {
  margin-top: 5px;
}
main#sub_page.company.history
  section.c2
  article
  .wrap
  .lr_wrap
  .right_wrap
  .list_wrap
  .text_wrap:first-of-type
  .text {
  padding-top: 0;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li {
  width: calc(16.6666666667% - 16.6666666667px);
}
main#sub_page.company.awards
  section.c2
  article
  .wrap
  .awards_wrap
  ul
  li
  .img_wrap {
  width: 100%;
  aspect-ratio: 270/376;
  border: 1px solid #ebebeb;
}
main#sub_page.company.awards
  section.c2
  article
  .wrap
  .awards_wrap
  ul
  li
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li p {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li .meta {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #8c8c8c;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li .links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 8px;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li .links a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li .links a:hover {
  color: #de2027;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide
  .portfolio_gallery
  > li,
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide
  .portfolio_list
  > li {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li,
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li {
  transform: translateY(0) rotate(0);
  opacity: 1;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(1),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(1) {
  transition-delay: 0s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(2),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(2) {
  transition-delay: 0.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(3),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(3) {
  transition-delay: 0.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(4),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(4) {
  transition-delay: 0.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(5),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(5) {
  transition-delay: 1.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(6),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(6) {
  transition-delay: 1.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(7),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(7) {
  transition-delay: 1.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(8),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(8) {
  transition-delay: 2.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(9),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(9) {
  transition-delay: 2.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(10),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(10) {
  transition-delay: 2.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(11),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(11) {
  transition-delay: 3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(12),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(12) {
  transition-delay: 3.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(13),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(13) {
  transition-delay: 3.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(14),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(14) {
  transition-delay: 3.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(15),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(15) {
  transition-delay: 4.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(16),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(16) {
  transition-delay: 4.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(17),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(17) {
  transition-delay: 4.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(18),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(18) {
  transition-delay: 5.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(19),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(19) {
  transition-delay: 5.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(20),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(20) {
  transition-delay: 5.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(21),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(21) {
  transition-delay: 6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(22),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(22) {
  transition-delay: 6.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(23),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(23) {
  transition-delay: 6.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(24),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(24) {
  transition-delay: 6.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(25),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(25) {
  transition-delay: 7.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(26),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(26) {
  transition-delay: 7.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(27),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(27) {
  transition-delay: 7.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(28),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(28) {
  transition-delay: 8.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(29),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(29) {
  transition-delay: 8.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(30),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(30) {
  transition-delay: 8.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(31),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(31) {
  transition-delay: 9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(32),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(32) {
  transition-delay: 9.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(33),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(33) {
  transition-delay: 9.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(34),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(34) {
  transition-delay: 9.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(35),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(35) {
  transition-delay: 10.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(36),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(36) {
  transition-delay: 10.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(37),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(37) {
  transition-delay: 10.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(38),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(38) {
  transition-delay: 11.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(39),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(39) {
  transition-delay: 11.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(40),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(40) {
  transition-delay: 11.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(41),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(41) {
  transition-delay: 12s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(42),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(42) {
  transition-delay: 12.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(43),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(43) {
  transition-delay: 12.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(44),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(44) {
  transition-delay: 12.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(45),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(45) {
  transition-delay: 13.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(46),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(46) {
  transition-delay: 13.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(47),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(47) {
  transition-delay: 13.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(48),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(48) {
  transition-delay: 14.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(49),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(49) {
  transition-delay: 14.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(50),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(50) {
  transition-delay: 14.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(51),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(51) {
  transition-delay: 15s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(52),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(52) {
  transition-delay: 15.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(53),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(53) {
  transition-delay: 15.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(54),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(54) {
  transition-delay: 15.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(55),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(55) {
  transition-delay: 16.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(56),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(56) {
  transition-delay: 16.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(57),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(57) {
  transition-delay: 16.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(58),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(58) {
  transition-delay: 17.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(59),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(59) {
  transition-delay: 17.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(60),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(60) {
  transition-delay: 17.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(61),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(61) {
  transition-delay: 18s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(62),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(62) {
  transition-delay: 18.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(63),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(63) {
  transition-delay: 18.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(64),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(64) {
  transition-delay: 18.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(65),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(65) {
  transition-delay: 19.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(66),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(66) {
  transition-delay: 19.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(67),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(67) {
  transition-delay: 19.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(68),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(68) {
  transition-delay: 20.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(69),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(69) {
  transition-delay: 20.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(70),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(70) {
  transition-delay: 20.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(71),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(71) {
  transition-delay: 21s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(72),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(72) {
  transition-delay: 21.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(73),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(73) {
  transition-delay: 21.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(74),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(74) {
  transition-delay: 21.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(75),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(75) {
  transition-delay: 22.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(76),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(76) {
  transition-delay: 22.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(77),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(77) {
  transition-delay: 22.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(78),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(78) {
  transition-delay: 23.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(79),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(79) {
  transition-delay: 23.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(80),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(80) {
  transition-delay: 23.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(81),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(81) {
  transition-delay: 24s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(82),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(82) {
  transition-delay: 24.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(83),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(83) {
  transition-delay: 24.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(84),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(84) {
  transition-delay: 24.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(85),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(85) {
  transition-delay: 25.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(86),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(86) {
  transition-delay: 25.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(87),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(87) {
  transition-delay: 25.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(88),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(88) {
  transition-delay: 26.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(89),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(89) {
  transition-delay: 26.4s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(90),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(90) {
  transition-delay: 26.7s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(91),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(91) {
  transition-delay: 27s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(92),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(92) {
  transition-delay: 27.3s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(93),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(93) {
  transition-delay: 27.6s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(94),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(94) {
  transition-delay: 27.9s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(95),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(95) {
  transition-delay: 28.2s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(96),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(96) {
  transition-delay: 28.5s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(97),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(97) {
  transition-delay: 28.8s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(98),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(98) {
  transition-delay: 29.1s;
}
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_gallery
  > li:nth-of-type(99),
main#sub_page.portfolio.list
  section.c2
  article
  .wrap
  .contents
  .portfolio_swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .portfolio_list
  > li:nth-of-type(99) {
  transition-delay: 29.4s;
}
main#sub_page.portfolio.detail section.c2 article .wrap .portfolio_detail_top {
  width: 100%;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_top
  .img_wrap {
  width: 100%;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_top
  .img_wrap
  img {
  display: block;
  width: 100%;
  height: auto;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_top
  .media_wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  background: #000;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_top
  .media_wrap iframe,
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_top
  .media_wrap model-viewer {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center {
  display: flex;
  align-items: flex-start;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .left_text {
  width: 50%;
  position: sticky;
  top: 50px;
  padding: 100px;
  padding-left: calc((100vw - 1720px) / 2);
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .left_text
  h2 {
  font-size: 36px;
  font-weight: 600;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .left_text
  p {
  margin-top: 20px;
  font-size: 18px;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .right_img {
  width: 50%;
  display: flex;
  flex-direction: column;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .right_img
  .img_wrap {
  width: 100%;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_center
  .right_img
  .img_wrap
  img {
  display: block;
  width: 100%;
  height: auto;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_gallery {
  display: flex;
  width: 100%;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_gallery
  .img_wrap {
  width: 50%;
}
main#sub_page.portfolio.detail
  section.c2
  article
  .wrap
  .portfolio_detail_gallery
  .img_wrap
  img {
  display: block;
  width: 100%;
  height: auto;
}
main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap {
  width: 100%;
}
main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap h3 {
  font-size: 32px;
  font-weight: 500;
}
main#sub_page.portfolio.detail section.c3 article .wrap .contents {
  padding-top: 20px;
}
main#sub_page.portfolio.detail section.c3 article .wrap .contents .next {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
main#sub_page.portfolio.detail section.c3 article .wrap .contents .next li {
  width: calc(33.3333333333% - 13.3333333333px);
}
main#sub_page.portfolio.detail section.c3 article .wrap .contents .next li a {
  display: block;
  width: 100%;
  height: 100%;
}
main#sub_page.portfolio.detail
  section.c3
  article
  .wrap
  .contents
  .next
  li
  a
  .img_wrap {
  width: 100%;
  aspect-ratio: 560/380;
}
main#sub_page.portfolio.detail
  section.c3
  article
  .wrap
  .contents
  .next
  li
  a
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.portfolio.detail
  section.c3
  article
  .wrap
  .contents
  .next
  li
  a
  .text {
  margin-top: 15px;
}
main#sub_page.portfolio.detail
  section.c3
  article
  .wrap
  .contents
  .next
  li
  a
  .text
  h4 {
  font-size: 20px;
  font-weight: 600;
}
main#sub_page.portfolio.detail
  section.c3
  article
  .wrap
  .contents
  .next
  li
  a
  .text
  p {
  margin-top: 3px;
  font-size: 16px;
  color: #8c8c8c;
}
main#sub_page.board.news section.c1 {
  overflow-x: hidden;
}
main#sub_page.board.news
  section.c1
  article
  .wrap
  .sub_visual_title_wrap
  .circle_btn {
  position: absolute;
  right: 0;
  bottom: -130px;
}
main#sub_page.board.news
  section.c1
  article
  .wrap
  .sub_visual_title_wrap
  .circle_btn
  .circle_arrow {
  transform: rotate(90deg);
}
/* 뉴스레터 구독 버튼 중앙: 화살표 아이콘 대신 '구독' 문구(.subscribe_text). 위 90deg 회전과
   .circle_btn:hover .circle_arrow의 -45deg 회전(공용 규칙, 화살표 아이콘 전용)이 글자에는
   적용되지 않도록 각각 취소한다. */
main#sub_page.board.news
  section.c1
  article
  .wrap
  .sub_visual_title_wrap
  .circle_btn
  .circle_arrow.subscribe_text {
  transform: none;
  font-size: 18px;
  font-weight: 600;
  color: #0a0a0a;
}
main#sub_page.board.news
  section.c1
  article
  .wrap
  .sub_visual_title_wrap
  .circle_btn:hover
  .circle_arrow.subscribe_text {
  transform: none;
}
main#sub_page.board.news section.c2 {
  overflow-x: hidden;
}
main#sub_page.board.news section.c2 article .wrap .contents .news_wrap {
  width: 100%;
}
main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}
main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul li {
  width: calc(33.3333333333% - 13.3333333333px);
}
main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul li a {
  display: block;
  width: 100%;
}
main#sub_page.board.news
  section.c2
  article
  .wrap
  .contents
  .news_wrap
  ul
  li
  a
  .img_wrap {
  width: 100%;
  aspect-ratio: 560/560;
  overflow: hidden;
}
main#sub_page.board.news
  section.c2
  article
  .wrap
  .contents
  .news_wrap
  ul
  li
  a
  .img_wrap
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main#sub_page.board.news
  section.c2
  article
  .wrap
  .contents
  .news_wrap
  ul
  li
  a
  .text_wrap {
  margin-top: 15px;
}
main#sub_page.board.news
  section.c2
  article
  .wrap
  .contents
  .news_wrap
  ul
  li
  a
  .text_wrap
  .title {
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: wrap;
}
main#sub_page.board.news
  section.c2
  article
  .wrap
  .contents
  .news_wrap
  ul
  li
  a
  .text_wrap
  .date {
  margin-top: 5px;
  font-size: 16px;
  color: #8c8c8c;
}
main#sub_page.contact.inquiry section.c2 {
  overflow-x: hidden;
}
main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap {
  display: flex;
  gap: 310px;
}
main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap {
  width: 270px;
  min-width: 270px;
}
main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #0a0a0a;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .text_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .text_wrap
  .icon_wrap {
  position: relative;
  width: 26px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .text_wrap
  .icon_wrap
  img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: contain;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .text_wrap
  .icon_wrap
  img.on {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .text_wrap
  p {
  font-size: 20px;
  font-weight: 600;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .arrow_icon {
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  .arrow_icon
  svg {
  width: 100%;
  object-fit: contain;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a.on
  .text_wrap
  .icon_wrap
  img {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a.on
  .text_wrap
  .icon_wrap
  img.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a.on
  .text_wrap
  p {
  color: #de2027;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a.on
  .arrow_icon
  svg
  path {
  stroke: #de2027;
}
main#sub_page.contact.inquiry
  section.c2
  article
  .wrap
  .lr_wrap
  .left_wrap
  a
  + a {
  margin-top: 30px;
}
main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .right_wrap {
  width: 100%;
}
/* FAQ(/ko/contact/faq.html) 좌우 레이아웃 — 상세문의(quote_inquiry.html)와 같은 사이드 메뉴(FAQ/견적·상담 문의).
   .contact.inquiry의 lr_wrap 값을 그대로 옮겨왔다. 단 .contact.inquiry는 section.c2에 overflow(-x):hidden을
   걸어두는데, 그러면 아래 .faq_tabs의 position:sticky가 조상의 overflow 때문에 깨진다 — 그래서 main#sub_page.faq
   범위에는 그 overflow 선언을 넣지 않는다. */
main#sub_page.faq section.c2 article .wrap .lr_wrap {
  display: flex;
  gap: 310px;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap {
  width: 270px;
  min-width: 270px;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #0a0a0a;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap .icon_wrap {
  position: relative;
  width: 26px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap .icon_wrap img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: contain;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap .icon_wrap img.on {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap p {
  font-size: 20px;
  font-weight: 600;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .arrow_icon {
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .arrow_icon svg {
  width: 100%;
  object-fit: contain;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a.on .text_wrap .icon_wrap img {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a.on .text_wrap .icon_wrap img.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a.on .text_wrap p {
  color: #de2027;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a.on .arrow_icon svg path {
  stroke: #de2027;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a + a {
  margin-top: 30px;
}
main#sub_page.faq section.c2 article .wrap .lr_wrap .right_wrap {
  width: 100%;
}
main#sub_page.board_detail section.c1 {
  padding-bottom: 200px;
}
main#sub_page.board_detail section.c1 article .wrap .contents .board_wrap {
  border-top: 1px solid #0a0a0a;
  width: 100%;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_content {
  font-size: 18px;
  padding-block: 60px;
  border-bottom: 1px solid #e1e1e1;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom {
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div {
  display: flex;
  align-items: center;
  padding: 20px 0;
  gap: 50px;
  border-bottom: 1px solid #ebebeb;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .left_wrap {
  display: flex;
  align-items: center;
  gap: 25px;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .left_wrap
  .arrow {
  width: 12px;
  min-width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .left_wrap
  .arrow
  img {
  width: 100%;
  object-fit: contain;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .left_wrap
  span {
  width: 50px;
  min-width: 50px;
  font-size: 18px;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .right_wrap {
  width: 100%;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div
  .right_wrap
  a {
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: wrap;
  color: #8c8c8c;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div.next {
  border-bottom: 0;
}
main#sub_page.board_detail
  section.c1
  article
  .wrap
  .contents
  .board_wrap
  .board_bottom
  > div.next
  .left_wrap
  .arrow
  img {
  transform: rotate(180deg);
}
/* 공지·정부 지원사업 목록(표): 검색 영역 아래의 "(N) Total" 줄을 없앴으므로 목록 위 여백(.contents 기본 padding-top)도 없앤다.
   포트폴리오 목록은 같은 자리에 보기 전환 버튼(.list_title)이 있어 해당 없음. 소식(news)은 이미지 격자라 구분선에 붙지 않게 기본 여백을 유지한다. */
main#sub_page.board_list section article .wrap .filter_wrap + .contents {
  padding-top: 0px;
}
.filter_wrap {
  position: relative;
  width: 100%;
  border-top: 1px solid #0a0a0a;
  z-index: 5;
}
.filter_wrap .searchForm {
  width: 100%;
}
.filter_wrap .searchForm .row {
  display: flex;
  align-items: center;
  gap: 100px;
  padding-block: 30px;
  border-bottom: 1px solid #e1e1e1;
}
.filter_wrap .searchForm .row .title {
  font-size: 24px;
  font-weight: 600;
  width: 100px;
  min-width: 100px;
}
.filter_wrap .searchForm .row .input_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.filter_wrap .searchForm .row .input_wrap .select_wrap {
  position: relative;
  max-width: 150px;
  width: 100%;
  z-index: 10;
}
.filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select {
  position: relative;
  width: 100%;
  z-index: 10;
}
.filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .current {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 500px;
  background-color: #f8f8f8;
  font-size: 18px;
  padding: 18px 30px;
  color: #8c8c8c;
  cursor: pointer;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select
  .current::before {
  content: "";
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 14px;
  aspect-ratio: 14/8;
  background-image: url("/assets/images/common/search_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list {
  position: absolute;
  width: 100%;
  padding: 15px 20px;
  background-color: #f8f8f8;
  border-radius: 0 0 15px 15px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
  z-index: 100;
}
.filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list li {
  font-size: 16px;
  margin-bottom: 15px;
  color: #8c8c8c;
  cursor: pointer;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select
  .list
  li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select
  .list
  li.selected {
  color: #0a0a0a;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select
  .list
  li:hover {
  color: #0a0a0a;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select
  .list
  li.disabled {
  display: none;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select.open
  .current {
  border-radius: 15px 15px 0 0;
  border-bottom-color: rgba(0, 0, 0, 0);
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .select_wrap
  .nice-select.open
  .current::before {
  transform: translateY(-50%) rotate(180deg);
}
.filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select.open .list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.filter_wrap .searchForm .row .input_wrap .search_input {
  max-width: 560px;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 500px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.filter_wrap .searchForm .row .input_wrap .search_input label {
  width: 100%;
  display: block;
  padding: 18px 30px;
}
.filter_wrap .searchForm .row .input_wrap .search_input label input {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  outline: unset;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .search_input
  label
  input::placeholder {
  color: #8c8c8c;
}
.filter_wrap .searchForm .row .input_wrap .search_input .button_wrap {
  width: 20px;
  min-width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter_wrap .searchForm .row .input_wrap .search_input .button_wrap button {
  width: 100%;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .search_input
  .button_wrap
  button
  svg {
  width: 100%;
  height: auto;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .search_input
  .button_wrap
  button
  svg
  path {
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.filter_wrap
  .searchForm
  .row
  .input_wrap
  .search_input
  .button_wrap:hover
  button
  svg
  path {
  stroke: #de2027;
}
.filter_wrap .searchForm .row .input_wrap .toggle_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #0a0a0a;
  color: #fff;
  border-radius: 500px;
  padding: 18px 30px;
  margin-left: auto;
  font-size: 18px;
}
.filter_wrap .searchForm .row .filter_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filter_wrap .searchForm .row .filter_list label {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #8c8c8c;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
  border-radius: 500px;
  cursor: pointer;
}
.filter_wrap .searchForm .row .filter_list label input {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 0;
  opacity: 0;
}
.filter_wrap .searchForm .row .filter_list label:has(input:checked) {
  color: #fff;
  background-color: #de2027;
}
.filter_wrap .searchForm .row:first-of-type {
  padding-block: 20px;
}
.filter_wrap .searchForm .filter_rows {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.filter_wrap .searchForm .filter_rows.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: 1000px;
}
.form_wrap {
  width: 100%;
}
.form_wrap form {
  width: 100%;
}
.form_wrap form fieldset {
  width: 100%;
}
.form_wrap form fieldset legend {
  font-size: 26px;
  font-weight: 700;
}
.form_wrap form fieldset legend .required {
  color: #de2027;
}
.form_wrap form fieldset .inquiry_wrap {
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field {
  position: relative;
  width: 100%;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  pointer-events: none;
  color: #8c8c8c;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .label .required {
  color: #de2027;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field input,
.form_wrap form fieldset .inquiry_wrap .inquiry_field textarea,
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name {
  width: 100%;
  font-size: 18px;
  outline: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field input::placeholder,
.form_wrap form fieldset .inquiry_wrap .inquiry_field textarea::placeholder,
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name::placeholder {
  color: #8c8c8c;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field input:focus ~ .label,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  input:not(:placeholder-shown)
  ~ .label,
.form_wrap form fieldset .inquiry_wrap .inquiry_field textarea:focus ~ .label,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  textarea:not(:placeholder-shown)
  ~ .label,
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name:focus ~ .label,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .file_name:not(:placeholder-shown)
  ~ .label {
  opacity: 0;
}
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field:has(.label)
  input::placeholder,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field:has(.label)
  textarea::placeholder,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field:has(.label)
  .file_name::placeholder {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field textarea {
  height: 200px;
  overflow-y: auto;
  padding-bottom: 0;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field:has(.file_input) {
  display: flex;
  align-items: center;
  gap: 20px;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  cursor: pointer;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_name {
  flex: 1;
  color: #8c8c8c;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_btn {
  flex-shrink: 0;
  padding: 10px 30px;
  background-color: #0a0a0a;
  color: #fff;
  font-size: 16px;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .option_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background-color: #f8f8f8;
  color: #8c8c8c;
  padding: 25px;
  cursor: pointer;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn:has(input:checked) {
  background-color: #ffeded;
}
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn:has(input:checked)
  .option_text,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn:has(input:checked)
  .option_title,
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn:has(input:checked)
  .option_sub {
  color: #de2027;
}
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn:has(.option_title) {
  align-items: flex-start;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .option_btn .option_text {
  font-size: 20px;
  font-weight: 400;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.form_wrap
  form
  fieldset
  .inquiry_wrap
  .inquiry_field
  .option_btn
  .option_title {
  font-size: 20px;
  font-weight: 600;
  color: #0a0a0a;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.form_wrap form fieldset .inquiry_wrap .inquiry_field .option_btn .option_sub {
  margin-top: 5px;
  display: block;
  font-size: 16px;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.form_wrap form fieldset .inquiry_wrap.flex_2 .inquiry_field {
  width: calc(50% - 10px);
}
.form_wrap form fieldset .inquiry_wrap.flex_3 .inquiry_field {
  width: calc(33.3333333333% - 13.3333333333px);
}
.form_wrap form fieldset .inquiry_wrap:has(.option_btn) {
  gap: 20px;
}
.form_wrap form fieldset .inquiry_wrap.detail_group {
  display: none;
}
.form_wrap form fieldset .inquiry_wrap.referral_etc_field {
  display: none;
}
.form_wrap form fieldset .check_wrap {
  position: relative;
  width: 100%;
}
.form_wrap form fieldset .check_wrap label {
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.form_wrap form fieldset .check_wrap label .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20px;
  min-width: 20px;
}
.form_wrap form fieldset .check_wrap label .icon img {
  width: 100%;
  object-fit: contain;
  transition: 0.15s;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -ms-transition: 0.15s;
  -o-transition: 0.15s;
}
.form_wrap form fieldset .check_wrap label .icon img.active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.form_wrap form fieldset .check_wrap label p {
  width: 100%;
  font-size: 16px;
  color: #8c8c8c;
}
.form_wrap form fieldset .check_wrap label p a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.form_wrap form fieldset .check_wrap input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.form_wrap form fieldset .check_wrap:has(input:checked) label .icon img {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.form_wrap form fieldset .check_wrap:has(input:checked) label .icon img.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.form_wrap form fieldset .check_wrap:has(input:checked) label p {
  color: #fff;
}
.form_wrap form fieldset + fieldset {
  margin-top: 60px;
}
.form_wrap form .detail_groups {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form_wrap form .detail_groups .inquiry_wrap {
  margin-top: 0;
}
.form_wrap
  form:not(:has(input[name="f_serviceType[]"]:checked))
  .detail_group[data-target="service_branding"],
.form_wrap
  form:has(#service_branding:checked)
  .detail_group[data-target="service_branding"],
.form_wrap
  form:has(#service_print:checked)
  .detail_group[data-target="service_print"],
.form_wrap
  form:has(#service_package:checked)
  .detail_group[data-target="service_package"],
.form_wrap
  form:has(#service_web:checked)
  .detail_group[data-target="service_web"],
.form_wrap
  form:has(#service_ad:checked)
  .detail_group[data-target="service_ad"],
.form_wrap
  form:has(#service_dev:checked)
  .detail_group[data-target="service_dev"],
.form_wrap
  form:has(#service_etc:checked)
  .detail_group[data-target="service_etc"] {
  display: flex;
}
.form_wrap form:has(#referral_etc:checked) .referral_etc_field {
  display: flex;
}
.form_wrap form .submit_btn {
  margin-top: 100px;
  padding: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a0a0a;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.form_wrap.footer_form form fieldset .inquiry_wrap .inquiry_field input {
  border-color: #3c3c3c;
  color: #fff;
}
.form_wrap.footer_form form fieldset .inquiry_wrap .inquiry_field .label {
  color: #fff;
}
.form_wrap.footer_form form .submit_btn {
  margin-top: 30px;
  background-color: #de2027;
}
/* 뉴스레터 구독 모달(newsletter_popup.html) — footer_form과 같은 짧은 2필드 폼이라 여백은 동일하게 좁히지만,
   footer_form의 글자색 흰색 오버라이드는 쓰지 않는다(흰 배경 모달이라 기본 진한 글자색을 그대로 써야 보인다). */
.newsletter_popup .form_wrap form .submit_btn {
  margin-top: 30px;
  background-color: #de2027;
}
.table_wrap {
  width: 100%;
  border-top: 1px solid #0a0a0a;
}
.table_wrap table {
  width: 100%;
}
.table_wrap table tbody {
  width: 100%;
}
.table_wrap table tbody tr {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.table_wrap table tbody tr td {
  font-size: 16px;
  color: #8c8c8c;
  padding: 30px 50px;
  text-align: center;
}
.table_wrap table tbody tr td.num {
  width: 8%;
}
.table_wrap table tbody tr td.category {
  width: 5%;
}
.table_wrap table tbody tr td.category.category_1 {
  color: #e99a24;
}
.table_wrap table tbody tr td.category.category_2 {
  color: #1a93e3;
}
.table_wrap table tbody tr td.category.category_3 {
  color: #45c217;
}
.table_wrap table tbody tr td.category.category_4 {
  color: #dd2525;
}
.table_wrap table tbody tr td.subject {
  width: auto;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: #0a0a0a;
  padding-inline: 10px;
}
.table_wrap table tbody tr td.subject a {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: wrap;
}
.table_wrap table tbody tr td.download {
  width: 7%;
  padding-inline: 10px;
}
.table_wrap table tbody tr td.download a {
  width: 30px;
  display: inline-block;
}
.table_wrap table tbody tr td.download a img {
  width: 100%;
  object-fit: contain;
}
.table_wrap table tbody tr td.date {
  width: 7%;
  padding-inline: 20px;
}
.table_wrap table tbody tr td.view {
  width: 7%;
  padding-inline: 20px;
}
.popup_style {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.4);
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 0 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_style .popup_wrap {
  width: 100%;
  max-width: 785px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 60px 25px 25px 60px;
  min-height: 300px;
}
.popup_style .popup_wrap .close {
  width: 18px;
  position: absolute;
  right: 25px;
  top: 25px;
}
.popup_style .popup_wrap .close img {
  width: 100%;
  object-fit: contain;
}
.popup_style .popup_wrap .scroll_wrap {
  width: 100%;
  max-height: 80vh;
  height: 100%;
  overflow-y: auto;
  padding: 0 35px 35px 0;
}
.popup_style .popup_wrap .scroll_wrap .title {
  width: 100%;
}
.popup_style .popup_wrap .scroll_wrap .title p {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
.popup_style .popup_wrap .scroll_wrap .title span {
  font-size: 20px;
  font-weight: 400;
}
.popup_style .popup_wrap .scroll_wrap .title span strong {
  font-weight: inherit;
}
.popup_style .popup_wrap .scroll_wrap .title.center {
  text-align: center;
}
.popup_style .popup_wrap .scroll_wrap .content {
  width: 100%;
  height: 100%;
  margin-top: 40px;
}
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li {
  margin-bottom: 20px;
}
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li h6 {
  font-size: 16px !important;
  font-weight: 500;
  margin-bottom: 10px;
}
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li p,
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li span {
  font-size: 16px !important;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1.5;
}
.popup_style
  .popup_wrap
  .scroll_wrap
  .content
  .privacy_content
  > li
  p:nth-last-of-type(1),
.popup_style
  .popup_wrap
  .scroll_wrap
  .content
  .privacy_content
  > li
  span:nth-last-of-type(1) {
  margin-bottom: 0;
}
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li ol li,
.popup_style .popup_wrap .scroll_wrap .content .privacy_content > li ul li {
  margin-bottom: 5px;
}
.popup_style
  .popup_wrap
  .scroll_wrap
  .content
  .privacy_content
  > li
  ol
  li:nth-last-of-type(1),
.popup_style
  .popup_wrap
  .scroll_wrap
  .content
  .privacy_content
  > li
  ul
  li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.popup_style .popup_wrap .scroll_wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.popup_style .popup_wrap .scroll_wrap::-webkit-scrollbar-track {
  background-color: #ebebeb;
  border-radius: 10px;
}
.popup_style .popup_wrap .scroll_wrap::-webkit-scrollbar-thumb {
  background-color: #de2027;
  border-radius: 10px;
}
.popup_style.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pagination_style {
  margin-top: 100px;
}
.pagination_style .page_btn {
  font-size: 18px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.pagination_style .page_btn .btn_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0a0a0a;
}
.pagination_style .page_btn .btn_box a svg path {
  stroke: #0a0a0a;
}
.pagination_style .page_btn .btn_box a:hover {
  color: #de2027;
}
.pagination_style .page_btn .btn_box a:hover svg path {
  color: #de2027;
}
.pagination_style .page_btn .num_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 0;
}
.pagination_style .page_btn .num_box a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 1;
  border: none;
  color: #8c8c8c;
}
.pagination_style .page_btn .num_box a.active {
  background-color: #de2027;
  color: #fff;
}
.pagination_style .page_btn .num_box a.active:hover {
  background-color: #de2027;
  color: #fff;
}
.pagination_style .page_btn .num_box a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #de2027;
}
@media (max-width: 1024px) {
  .pagination_style {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .pagination_style {
    margin-top: 60px;
  }
  .pagination_style .num_box a {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 450px) {
  .pagination_style {
    margin-top: 40px;
  }
  .pagination_style .page_btn {
    font-size: 14px;
  }
}
@media (max-width: calc(1720px + 6vw)) {
  main section article .wrap {
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
  }
  main section article .wrap .contents {
    padding-top: 30px;
  }
  main section article .wrap .portfolio_gallery {
    gap: 60px 20px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption h3 {
    font-size: 22px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption p {
    font-size: 18px;
  }
  main section article .wrap .portfolio_list > li a figure {
    gap: 80px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption {
    width: 200px;
    min-width: 200px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left h2 {
    font-size: 26px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left p {
    margin-top: 10px;
    font-size: 16px;
  }
  main section article .wrap .portfolio_list > li a figure .right {
    gap: 80px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    h3 {
    font-size: 16px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    .tag
    li {
    font-size: 16px;
  }
  main section article .wrap .list_title .count {
    font-size: 30px;
  }
  main section article .wrap .circle_btn {
    width: 150px;
    min-width: 150px;
  }
  main section article .wrap .circle_btn.big {
    width: 220px;
  }
  main section article .wrap .back_btn {
    margin-top: 60px;
  }
  main section article .wrap .back_btn a {
    font-size: 18px;
  }
  main section:not(.c1) {
    padding-top: 140px;
  }
  main section:not(.c1):last-of-type {
    padding-bottom: 180px;
  }
  main#main_page section article .wrap .title_wrap h2 {
    font-size: 22px;
  }
  main#main_page section article .wrap .title_wrap h4 {
    font-size: 52px;
  }
  main#main_page section article .wrap .title_wrap > p {
    font-size: 42px;
  }
  main#main_page section article .wrap .title_wrap > span {
    font-size: 18px;
  }
  main#main_page section article .wrap .title_wrap.pt_160 {
    padding-top: 140px;
  }
  main#main_page section article .wrap .lr_wrap {
    gap: 80px;
  }
  main#main_page section article .wrap .lr_wrap .left_wrap {
    width: 300px;
    min-width: 300px;
  }
  main#main_page section.pt_200 {
    padding-top: 180px;
  }
  main#main_page section.pb_160 {
    padding-bottom: 180px;
  }
  main#main_page section.ptb_160 {
    padding-block: 140px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap {
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
    gap: 50px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > div {
    width: 400px;
    min-width: 400px;
  }
  main#main_page
    section.c1
    article
    .wrap
    .main_visual_title_wrap
    > div
    h1
    .char_wrap
    span {
    font-size: 56px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > p {
    font-size: 22px;
  }
  main#main_page section.c2 article .wrap .lr_wrap {
    gap: 50px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .left_wrap {
    width: 300px;
    min-width: 300px;
    top: calc(50vh - 150px);
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul li {
    padding-block: 60px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha {
    gap: 50px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .num {
    font-size: 18px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    h3 {
    font-size: 30px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    p {
    font-size: 18px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div {
    font-size: 48px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div sub {
    font-size: 38px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li p {
    font-size: 22px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .icon_wrap {
    width: 80px;
    min-width: 80px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .text {
    font-size: 22px;
  }
  main#main_page section.c4 article .wrap .splide_wrap {
    padding-top: 40px;
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a p {
    font-size: 18px;
  }
  main#sub_page section.sub_banner {
    padding-block: 250px 140px;
  }
  main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap {
    flex-direction: column;
    gap: 50px;
  }
  main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap > div {
    width: 100%;
    min-width: 100%;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1 {
    font-size: 56px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1.portfolio_detail
    .char_wrap
    span {
    font-size: 42px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    p {
    font-size: 26px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p {
    font-size: 30px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p.big {
    font-size: 34px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    span {
    font-size: 18px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag
    li {
    font-size: 16px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link
    a {
    font-size: 18px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    + .right_text_wrap {
    margin-top: 60px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap h2 {
    font-size: 30px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    min-width: 300px;
    width: 300px;
  }
  main#sub_page.company.overview section.c3 {
    padding-bottom: 300px;
  }
  main#sub_page.company.overview section.c3 article .wrap .lr_wrap {
    gap: 50px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .left_wrap
    h3 {
    font-size: 34px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    div {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p
    strong {
    font-size: 22px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro h3 {
    font-size: 52px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro p {
    font-size: 26px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.chang_logo
    span {
    font-size: 160px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.value_item {
    flex-direction: column;
    justify-content: space-around;
    gap: 20px;
    color: #fff;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .left_text,
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .right_text {
    flex: none;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .big_letter {
    font-size: 160px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask {
    flex: none;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    h4 {
    font-size: 52px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    p {
    font-size: 18px;
  }
  main#sub_page.company.partners section.c2 article .wrap ul li {
    width: calc(20% - 16px);
  }
  main#sub_page.company.location section.c2 article .wrap .address {
    gap: 50px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dt {
    font-size: 16px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dd {
    font-size: 18px;
  }
  main#sub_page.company.location section.c2 article .wrap .location_desc {
    font-size: 16px;
  }
  main#sub_page.company.history section.c2 article .wrap .lr_wrap {
    gap: 150px;
  }
  main#sub_page.company.history section.c2 article .wrap .lr_wrap .left_wrap {
    min-width: 400px;
    width: 400px;
    height: 370px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    .year_wrap {
    gap: 20px;
    flex-direction: column;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    .year_wrap
    .year {
    font-size: 52px;
    width: 100%;
    min-width: 100%;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    .year_wrap
    .img_wrap {
    width: 400px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text {
    padding-block: 50px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    h3 {
    font-size: 26px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul
    li {
    font-size: 16px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul {
    gap: 60px 20px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li {
    width: calc(20% - 16px);
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li p {
    font-size: 18px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text {
    padding-left: 3%;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    h2 {
    font-size: 34px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    p {
    font-size: 16px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap h3 {
    font-size: 30px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    h4 {
    font-size: 18px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    p {
    font-size: 16px;
  }
  main#sub_page.board.news
    section.c1
    article
    .wrap
    .sub_visual_title_wrap
    .circle_btn {
    bottom: -120px;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul {
    gap: 60px 20px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .title {
    font-size: 18px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .date {
    font-size: 16px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap {
    gap: 80px;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    p {
    font-size: 18px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap {
    gap: 80px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap p {
    font-size: 18px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
  }
  main#sub_page.board_detail section.c1 {
    padding-bottom: 180px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_content {
    font-size: 16px;
    padding-block: 60px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap
    span {
    font-size: 16px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .right_wrap
    a {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row {
    gap: 50px;
  }
  .filter_wrap .searchForm .row .title {
    font-size: 22px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .current {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list li {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input label input {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .filter_list label {
    font-size: 16px;
  }
  .form_wrap form fieldset legend {
    font-size: 18px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .label {
    font-size: 16px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field input,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name {
    font-size: 16px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_btn {
    font-size: 16px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_text {
    font-size: 18px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_title {
    font-size: 18px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_sub {
    font-size: 16px;
  }
  .form_wrap form fieldset .check_wrap label p {
    font-size: 16px;
  }
  .form_wrap form fieldset + fieldset {
    margin-top: 60px;
  }
  .form_wrap form .submit_btn {
    margin-top: 100px;
    font-size: 18px;
  }
  .table_wrap table tbody tr td {
    font-size: 16px;
  }
  .table_wrap table tbody tr td.subject {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  main section article .wrap .contents {
    padding-top: 50px;
  }
  main section article .wrap .portfolio_gallery {
    gap: 50px 20px;
  }
  main section article .wrap .portfolio_gallery > li {
    width: calc(50% - 10px);
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption h3 {
    font-size: 20px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption p {
    font-size: 17px;
  }
  main section article .wrap .portfolio_list > li a figure {
    flex-direction: column;
    gap: 20px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption {
    width: 100%;
    min-width: 100%;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left h2 {
    display: inline-block;
    font-size: 22px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left p {
    display: inline-block;
    margin-top: 0px;
    margin-left: 10px;
    font-size: 16px;
  }
  main section article .wrap .portfolio_list > li a figure .right {
    gap: 50px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    h3 {
    font-size: 16px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    .tag
    li {
    font-size: 16px;
  }
  main section article .wrap .portfolio_list > li a figure .right .img_wrap {
    width: 250px;
    min-width: 250px;
  }
  main section article .wrap .list_title .view_toggle .view_btn {
    padding: 12px 20px;
  }
  main section article .wrap .list_title .view_toggle .view_btn svg {
    width: 18px;
  }
  main section article .wrap .list_title .count {
    font-size: 26px;
  }
  main section article .wrap .circle_btn {
    width: 140px;
    min-width: 140px;
  }
  main section article .wrap .circle_btn.big {
    width: 180px;
  }
  main section article .wrap .back_btn {
    margin-top: 50px;
  }
  main section article .wrap .back_btn a {
    font-size: 17px;
  }
  main section:not(.c1) {
    padding-top: 100px;
  }
  main section:not(.c1):last-of-type {
    padding-bottom: 120px;
  }
  main#main_page section article .wrap .title_wrap h2 {
    font-size: 20px;
  }
  main#main_page section article .wrap .title_wrap h4 {
    font-size: 44px;
  }
  main#main_page section article .wrap .title_wrap h4 + span {
    margin-top: 25px;
  }
  main#main_page section article .wrap .title_wrap > p {
    font-size: 33px;
  }
  main#main_page section article .wrap .title_wrap > p + span {
    margin-top: 25px;
  }
  main#main_page section article .wrap .title_wrap > span {
    font-size: 17px;
  }
  main#main_page section article .wrap .title_wrap.pt_160 {
    padding-top: 100px;
  }
  main#main_page section article .wrap .lr_wrap {
    flex-direction: column;
    gap: 40px;
  }
  main#main_page section article .wrap .lr_wrap .left_wrap {
    width: 100%;
    min-width: 100%;
  }
  main#main_page section.pt_200 {
    padding-top: 120px;
  }
  main#main_page section.pb_160 {
    padding-bottom: 120px;
  }
  main#main_page section.ptb_160 {
    padding-block: 100px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap {
    padding-bottom: 80px;
    gap: 40px;
  }
  main#main_page
    section.c1
    article
    .wrap
    .main_visual_title_wrap
    > div
    h1
    .char_wrap
    span {
    font-size: 50px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > p {
    font-size: 20px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .left_wrap {
    display: none;
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul li {
    padding-block: 50px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha {
    gap: 50px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .num {
    font-size: 17px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    h3 {
    font-size: 26px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    p {
    font-size: 17px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .img_wrap {
    display: block;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div {
    font-size: 38px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div sub {
    font-size: 30px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li p {
    font-size: 20px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li {
    flex-direction: column;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .text {
    text-align: center;
    font-size: 20px;
  }
  main#main_page section.c4 article .wrap .splide_wrap {
    padding-top: 20px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list {
    /* gap: 10px; */
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a {
    padding-block: 30px;
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a p {
    font-size: 17px;
  }
  main#sub_page section.sub_banner {
    padding-block: 200px 100px;
  }
  main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap {
    gap: 40px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1 {
    font-size: 50px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1.portfolio_detail
    .char_wrap
    span {
    font-size: 33px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    p {
    font-size: 22px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p {
    font-size: 26px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p.big {
    font-size: 28px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    span {
    font-size: 17px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag {
    margin-top: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag
    li {
    font-size: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link {
    margin-top: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link
    a {
    font-size: 17px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    + .right_text_wrap {
    margin-top: 50px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap h2 {
    font-size: 26px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    min-width: 250px;
    width: 250px;
  }
  main#sub_page.company.overview section.c3 {
    padding-bottom: 240px;
  }
  main#sub_page.company.overview section.c3 article .wrap .lr_wrap {
    flex-direction: column;
    gap: 40px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .left_wrap
    h3 {
    font-size: 28px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    div {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p {
    font-size: 16px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p
    strong {
    font-size: 20px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro h3 {
    font-size: 44px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro p {
    font-size: 22px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.chang_logo
    span {
    font-size: 100px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .big_letter {
    font-size: 100px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    h4 {
    font-size: 44px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    p {
    font-size: 17px;
  }
  main#sub_page.company.partners section.c2 article .wrap ul li {
    width: calc(25% - 15px);
  }
  main#sub_page.company.location section.c2 article .wrap .address {
    gap: 40px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dt {
    font-size: 16px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dd {
    font-size: 17px;
  }
  main#sub_page.company.location section.c2 article .wrap .location_desc {
    font-size: 16px;
  }
  main#sub_page.company.history section.c2 article .wrap .lr_wrap {
    flex-direction: column;
    gap: 0px;
  }
  main#sub_page.company.history section.c2 article .wrap .lr_wrap .left_wrap {
    display: none;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text {
    padding-block: 40px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    h3 {
    font-size: 22px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap {
    display: flex;
    align-items: flex-start;
    gap: 50px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    .img_wrap {
    display: block;
    width: 30%;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul {
    width: calc(70% - 20px);
    margin-top: 15px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul
    li {
    font-size: 16px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul {
    gap: 50px 20px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li {
    width: calc(25% - 15px);
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li p {
    font-size: 17px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text {
    padding: 40px;
    padding-left: 3%;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    h2 {
    font-size: 28px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    p {
    font-size: 16px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap h3 {
    font-size: 26px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    h4 {
    font-size: 17px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    p {
    font-size: 15px;
  }
  main#sub_page.board.news
    section.c1
    article
    .wrap
    .sub_visual_title_wrap
    .circle_btn {
    bottom: -80px;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul {
    gap: 50px 20px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .title {
    font-size: 17px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .date {
    font-size: 15px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap {
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap {
    display: flex;
    gap: 50px;
    width: 100%;
    min-width: 100%;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap a {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    p {
    font-size: 17px;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    + a {
    margin-top: 0px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap {
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap {
    display: flex;
    gap: 50px;
    width: 100%;
    min-width: 100%;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap p {
    font-size: 17px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a + a {
    margin-top: 0px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.board_detail section.c1 {
    padding-bottom: 120px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_content {
    font-size: 16px;
    padding-block: 50px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap
    span {
    font-size: 16px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .right_wrap
    a {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-block: 20px;
  }
  .filter_wrap .searchForm .row .title {
    display: none;
    font-size: 20px;
    width: 100%;
    min-width: 100%;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .current {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list li {
    font-size: 15px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input {
    max-width: 420px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input label input {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input .button_wrap {
    width: 20px;
    min-width: 20px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn svg {
    width: 18px;
  }
  .filter_wrap .searchForm .row .filter_list label {
    font-size: 16px;
  }
  .form_wrap form fieldset legend {
    font-size: 17px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .label {
    font-size: 16px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field input,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name {
    font-size: 16px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea {
    height: 180px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_btn {
    font-size: 15px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_text {
    font-size: 17px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_title {
    font-size: 17px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_sub {
    font-size: 15px;
  }
  .form_wrap form fieldset .check_wrap label p {
    font-size: 15px;
  }
  .form_wrap form fieldset + fieldset {
    margin-top: 50px;
  }
  .form_wrap form .submit_btn {
    margin-top: 80px;
    font-size: 17px;
  }
  .table_wrap table tbody tr td {
    font-size: 15px;
    padding: 20px 35px;
  }
  .table_wrap table tbody tr td.subject {
    font-size: 17px;
  }
  .table_wrap table tbody tr td.download a {
    width: 25px;
  }
}
@media (max-width: 767px) {
  main section article .wrap .contents {
    padding-top: 40px;
  }
  main section article .wrap .portfolio_gallery {
    gap: 40px 20px;
  }
  main section article .wrap .portfolio_gallery > li {
    width: calc(50% - 10px);
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption h3 {
    font-size: 18px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption p {
    font-size: 16px;
  }
  main section article .wrap .portfolio_list > li a {
    padding-block: 20px;
  }
  main section article .wrap .portfolio_list > li a figure {
    gap: 20px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left h2 {
    font-size: 20px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left p {
    font-size: 15px;
  }
  main section article .wrap .portfolio_list > li a figure .right {
    gap: 20px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    h3 {
    font-size: 15px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    .tag
    li {
    font-size: 15px;
  }
  main section article .wrap .portfolio_list > li a figure .right .img_wrap {
    width: 150px;
    min-width: 150px;
    min-height: 0;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    overflow: hidden;
  }
  main section article .wrap .list_title .view_toggle .view_btn svg {
    width: 15px;
  }
  main section article .wrap .list_title .count {
    font-size: 22px;
  }
  main section article .wrap .circle_btn {
    width: 120px;
    min-width: 120px;
  }
  main section article .wrap .circle_btn .circle_arrow svg {
    width: 35%;
  }
  main section article .wrap .circle_btn.big {
    width: 180px;
  }
  main section article .wrap .back_btn {
    margin-top: 40px;
  }
  main section article .wrap .back_btn a {
    font-size: 16px;
  }
  main section:not(.c1) {
    padding-top: 80px;
  }
  main section:not(.c1):last-of-type {
    padding-bottom: 100px;
  }
  main#main_page section article .wrap .title_wrap h2 {
    font-size: 18px;
  }
  main#main_page section article .wrap .title_wrap h4 {
    font-size: 30px;
  }
  main#main_page section article .wrap .title_wrap h4 + span {
    margin-top: 20px;
  }
  main#main_page section article .wrap .title_wrap > p {
    font-size: 25px;
  }
  main#main_page section article .wrap .title_wrap > p + span {
    margin-top: 20px;
  }
  main#main_page section article .wrap .title_wrap > span {
    font-size: 16px;
  }
  main#main_page section article .wrap .title_wrap.pt_160 {
    padding-top: 80px;
  }
  main#main_page section article .wrap .lr_wrap {
    gap: 30px;
  }
  main#main_page section.pt_200 {
    padding-top: 100px;
  }
  main#main_page section.pb_160 {
    padding-bottom: 100px;
  }
  main#main_page section.ptb_160 {
    padding-block: 80px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap {
    padding-bottom: 60px;
    gap: 30px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > div {
    width: 100%;
    min-width: 100%;
  }
  main#main_page
    section.c1
    article
    .wrap
    .main_visual_title_wrap
    > div
    h1
    .char_wrap
    span {
    font-size: 42px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > p {
    font-size: 18px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents {
    padding-top: 30px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul li {
    padding-block: 40px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha {
    gap: 30px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .num {
    font-size: 16px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    h3 {
    font-size: 22px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    p {
    margin-top: 20px;
    font-size: 16px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .img_wrap {
    width: 150px;
    min-width: 150px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos {
    gap: 0px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li {
    padding: 20px 40px;
    width: 50%;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div {
    font-size: 28px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div sub {
    font-size: 24px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li p {
    margin-top: 10px;
    font-size: 18px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .contents
    .count_aos
    li:not(:first-of-type)::before {
    content: none;
    top: 0%;
    left: 0px;
    transform: translateY(0%);
    width: 1px;
    height: 100%;
    background-color: #3c3c3c;
  }
  main#main_page
    section.c4
    article
    .wrap
    .contents
    .count_aos
    li:nth-of-type(1)::after,
  main#main_page
    section.c4
    article
    .wrap
    .contents
    .count_aos
    li:nth-of-type(2)::after {
    content: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #3c3c3c;
  }
  main#main_page
    section.c4
    article
    .wrap
    .contents
    .count_aos
    li:nth-of-type(odd)::before {
    content: none;
  }
  main#main_page section.c4 article .wrap .contents .boxs li {
    padding: 20px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .text {
    font-size: 18px;
  }
  main#main_page section.c4 article .wrap .splide_wrap {
    padding-top: 10px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list {
    gap: 0px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    height: 80px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide
    img {
    height: 100%;
    object-fit: contain;
  }
  main#main_page section.c4 article .wrap .splide_wrap .splide + .splide {
    margin-top: 0px;
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a {
    padding-block: 25px;
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a p {
    font-size: 16px;
  }
  main#main_page
    section.c5
    article
    .wrap
    .lr_wrap
    .right_wrap
    ul
    li
    a
    .icon_wrap {
    width: 25px;
    min-width: 25px;
  }
  main#sub_page section.sub_banner {
    padding-block: 180px 80px;
  }
  main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap {
    gap: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1 {
    font-size: 42px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1.portfolio_detail
    .char_wrap
    span {
    font-size: 25px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    p {
    margin-top: 6px;
    font-size: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p {
    font-size: 22px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p
    + span {
    margin-top: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p.big {
    font-size: 21px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    span {
    font-size: 16px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag {
    margin-top: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag
    li {
    padding: 8px 15px;
    font-size: 14px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link {
    margin-top: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link
    a {
    font-size: 16px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    + .right_text_wrap {
    margin-top: 40px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap h2 {
    font-size: 22px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap ul {
    gap: 30px;
    margin-left: 0;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li {
    font-size: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li:not(:first-of-type)::before {
    left: -15px;
  }
  main#sub_page section.sub_banner:has(.circle_btn) {
    padding-bottom: 40px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list {
    gap: 15px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    min-width: 200px;
    width: 200px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    + .splide {
    margin-top: 15px;
  }
  main#sub_page.company.overview section.c3 {
    padding-bottom: 200px;
  }
  main#sub_page.company.overview section.c3 article .wrap .lr_wrap {
    gap: 30px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .left_wrap
    h3 {
    font-size: 21px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    div {
    font-size: 15px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p {
    margin-top: 20px;
    font-size: 15px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p
    strong {
    font-size: 18px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro h3 {
    font-size: 30px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro p {
    font-size: 20px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.chang_logo
    span {
    font-size: 100px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .big_letter {
    font-size: 120px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    h4 {
    font-size: 30px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    p {
    font-size: 16px;
  }
  main#sub_page.company.partners section.c2 article .wrap ul li {
    width: calc(33.3333333333% - 13.3333333333px);
  }
  main#sub_page.company.location section.c2 article .wrap .address {
    gap: 30px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dt {
    font-size: 15px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dd {
    font-size: 16px;
  }
  main#sub_page.company.location section.c2 article .wrap .location_desc {
    font-size: 15px;
  }
  main#sub_page.company.location section.c2 article .wrap .contents .map_wrap {
    height: 250px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text {
    padding-block: 30px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    h3 {
    font-size: 20px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap {
    gap: 30px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    .img_wrap {
    display: none;
    margin-top: 20px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul {
    width: 100%;
    margin-top: 20px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul
    li {
    font-size: 15px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul {
    gap: 40px 20px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li {
    width: calc(25% - 15px);
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li p {
    font-size: 16px;
    margin-top: 10px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center {
    flex-direction: column;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text {
    width: 100%;
    padding-inline: 3%;
    margin: 0;
    max-width: 100%;
    padding-block: 80px;
    position: static;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    h2 {
    font-size: 21px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    p {
    font-size: 15px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .right_img {
    width: 100%;
    flex-direction: row;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_gallery {
    flex-direction: column;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_gallery
    .img_wrap {
    width: 100%;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap h3 {
    font-size: 22px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .contents {
    padding-top: 15px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .contents .next {
    gap: 40px 20px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .contents .next li {
    width: calc(50% - 10px);
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text {
    margin-top: 5px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    h4 {
    font-size: 16px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    p {
    font-size: 14px;
  }
  main#sub_page.board.news
    section.c1
    article
    .wrap
    .sub_visual_title_wrap
    .circle_btn {
    position: relative;
    bottom: initial;
    align-self: flex-end;
  }
  main#sub_page.board.news
    section.c1
    article
    .wrap
    .sub_visual_title_wrap
    .circle_btn
    .circle_arrow
    svg {
    width: 35%;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul {
    gap: 40px 20px;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul li {
    width: calc(50% - 10px);
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap {
    margin-top: 10px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .title {
    font-size: 16px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .date {
    font-size: 14px;
  }
  main#sub_page.board.notice
    section.c2
    article
    .wrap
    .contents
    .table_wrap
    table
    tbody
    tr
    td.num {
    display: flex;
  }
  main#sub_page.contact.inquiry section.c2 {
    overflow: hidden;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap {
    gap: 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap {
    gap: 30px;
    min-width: 0;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap a {
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    .icon_wrap {
    width: 25px;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    p {
    font-size: 16px;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .arrow_icon {
    width: 15px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap {
    gap: 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap {
    gap: 30px;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a {
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap .icon_wrap {
    width: 25px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap p {
    font-size: 16px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .arrow_icon {
    width: 15px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.board_detail section.c1 {
    padding-bottom: 100px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_content {
    font-size: 15px;
    padding-block: 40px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div {
    gap: 30px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap {
    gap: 15px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap
    span {
    width: 40px;
    min-width: 40px;
    font-size: 15px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .right_wrap
    a {
    font-size: 15px;
  }
  .filter_wrap .searchForm .row {
    gap: 20px;
    padding-block: 20px;
  }
  .filter_wrap .searchForm .row .title {
    font-size: 18px;
  }
  .filter_wrap .searchForm .row .input_wrap {
    flex-wrap: nowrap;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap {
    max-width: 130px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .current {
    font-size: 15px;
  }
  .filter_wrap
    .searchForm
    .row
    .input_wrap
    .select_wrap
    .nice-select
    .current::before {
    width: 13px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list li {
    font-size: 14px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input {
    width: calc(100% - 130px - 20px);
    max-width: 500px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input label input {
    font-size: 15px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input .button_wrap {
    width: 18px;
    min-width: 18px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn {
    padding: 15px 25px;
    font-size: 15px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn svg {
    min-width: 15px;
    width: 15px;
  }
  .filter_wrap .searchForm .row .filter_list label {
    padding: 8px 18px;
    font-size: 15px;
  }
  .filter_wrap .searchForm .row:first-of-type {
    padding-block: 15px;
  }
  .form_wrap form fieldset legend {
    font-size: 16px;
  }
  .form_wrap form fieldset .inquiry_wrap {
    margin-top: 20px;
    gap: 20px 15px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .label {
    font-size: 15px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field input,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name {
    font-size: 15px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea {
    height: 180px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_btn {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .option_btn {
    padding: 20px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_text {
    font-size: 16px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_title {
    font-size: 16px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_sub {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap.flex_3 .inquiry_field {
    width: calc(50% - 10px);
  }
  .form_wrap form fieldset .inquiry_wrap:has(.option_btn) {
    gap: 10px;
  }
  .form_wrap form fieldset .check_wrap label {
    margin-top: 10px;
  }
  .form_wrap form fieldset .check_wrap label .icon {
    width: 18px;
    min-width: 18px;
  }
  .form_wrap form fieldset .check_wrap label p {
    font-size: 14px;
  }
  .form_wrap form fieldset + fieldset {
    margin-top: 40px;
  }
  .form_wrap form .submit_btn {
    margin-top: 60px;
    font-size: 16px;
  }
  .table_wrap table tbody tr td {
    font-size: 14px;
    padding: 20px 25px;
  }
  .table_wrap table tbody tr td.num {
    display: none;
  }
  .table_wrap table tbody tr td.subject {
    font-size: 16px;
  }
  .table_wrap table tbody tr td.download a {
    width: 25px;
  }
  .table_wrap table tbody tr td.date {
    display: none;
  }
  .table_wrap table tbody tr td.view {
    display: none;
  }
  .popup_style .popup_wrap {
    max-width: 100%;
    padding: 60px 15px 40px 35px;
    min-height: 250px;
  }
  .popup_style .popup_wrap .scroll_wrap {
    padding: 0 20px 20px 0;
  }
  .popup_style .popup_wrap .scroll_wrap .title p {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .popup_style .popup_wrap .scroll_wrap .title span {
    font-size: 18px;
  }
  .popup_style .popup_wrap .scroll_wrap .content {
    margin-top: 30px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group .tit p {
    font-size: 20px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li p {
    font-size: 18px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li .value {
    font-size: 16px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li .value dl dt {
    font-size: 18px;
    margin-top: 20px;
  }
  .popup_style .popup_wrap .scroll_wrap form {
    margin: 30px auto 0;
  }
  .popup_style .popup_wrap .scroll_wrap form .form_wrap .label_wrap input {
    height: 50px;
    font-size: 16px;
    padding: 0 15px;
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap {
    gap: 10px 15px;
    margin-top: 30px;
    max-width: 400px;
    margin-inline: auto;
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap .button {
    min-width: unset;
    width: calc(50% - 7.5px);
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap .button > * {
    padding: 13px 15px;
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  main section article .wrap .contents {
    padding-top: 30px;
  }
  main section article .wrap .portfolio_gallery {
    gap: 30px 15px;
  }
  main section article .wrap .portfolio_gallery > li {
    width: calc(50% - 7.5px);
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption {
    margin-top: 10px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption h3 {
    font-size: 16px;
  }
  main section article .wrap .portfolio_gallery > li a figure figcaption p {
    font-size: 15px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left h2 {
    font-size: 18px;
  }
  main section article .wrap .portfolio_list > li a figure figcaption .left p {
    margin-left: 6px;
    font-size: 14px;
  }
  main section article .wrap .portfolio_list > li a figure .right {
    flex-direction: column;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    h3 {
    font-size: 14px;
  }
  main
    section
    article
    .wrap
    .portfolio_list
    > li
    a
    figure
    .right
    .right_text
    .tag
    li {
    font-size: 14px;
  }
  main section article .wrap .portfolio_list > li a figure .right .img_wrap {
    width: 100%;
    min-width: 100%;
  }
  main section article .wrap .list_title .view_toggle .view_btn {
    padding: 10px 15px;
  }
  main section article .wrap .list_title .view_toggle .view_btn svg {
    width: 15px;
  }
  main section article .wrap .list_title .count {
    font-size: 18px;
  }
  main section article .wrap .circle_btn {
    width: 100px;
    min-width: 100px;
  }
  main section article .wrap .back_btn {
    margin-top: 30px;
  }
  main section article .wrap .back_btn a {
    font-size: 15px;
  }
  main section:not(.c1) {
    padding-top: 50px;
  }
  main section:not(.c1):last-of-type {
    padding-bottom: 80px;
  }
  main#main_page section article .wrap .title_wrap h2 {
    font-size: 16px;
  }
  main#main_page section article .wrap .title_wrap h4 {
    font-size: 26px;
  }
  main#main_page section article .wrap .title_wrap h4 + span {
    margin-top: 20px;
  }
  main#main_page section article .wrap .title_wrap > p {
    font-size: 22px;
  }
  main#main_page section article .wrap .title_wrap > p + span {
    margin-top: 20px;
  }
  main#main_page section article .wrap .title_wrap > span {
    font-size: 15px;
  }
  main#main_page section article .wrap .title_wrap.pt_160 {
    padding-top: 50px;
  }
  main#main_page section article .wrap .lr_wrap {
    gap: 30px;
  }
  main#main_page section.pt_200 {
    padding-top: 80px;
  }
  main#main_page section.pb_160 {
    padding-bottom: 80px;
  }
  main#main_page section.ptb_160 {
    padding-block: 50px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap {
    gap: 20px;
    padding-bottom: 40px;
  }
  main#main_page
    section.c1
    article
    .wrap
    .main_visual_title_wrap
    > div
    h1
    .char_wrap
    span {
    font-size: 38px;
  }
  main#main_page section.c1 article .wrap .main_visual_title_wrap > p {
    font-size: 16px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents {
    padding-top: 20px;
  }
  main#main_page section.c2 article .wrap .lr_wrap .right_wrap .contents ul li {
    padding-block: 30px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha {
    gap: 20px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .num {
    font-size: 15px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    h3 {
    font-size: 18px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .haha
    .text
    p {
    margin-top: 15px;
    font-size: 15px;
  }
  main#main_page
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .contents
    ul
    li
    .img_wrap {
    width: 100px;
    min-width: 100px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li {
    padding: 20px 10px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div {
    font-size: 30px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li div sub {
    font-size: 20px;
  }
  main#main_page section.c4 article .wrap .contents .count_aos li p {
    font-size: 16px;
  }
  main#main_page section.c4 article .wrap .contents .boxs {
    gap: 10px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li {
    flex-direction: row;
    width: 100%;
    padding: 20px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .icon_wrap {
    width: 60px;
    min-width: 60px;
  }
  main#main_page section.c4 article .wrap .contents .boxs li .text {
    font-size: 16px;
  }
  main#main_page section.c4 article .wrap .splide_wrap {
    padding-top: 10px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list {
    gap: 0px;
  }
  main#main_page
    section.c4
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    height: 66px;
  }
  main#main_page section.c4 article .wrap .splide_wrap .splide + .splide {
    margin-top: 0px;
  }
  main#main_page section.c5 article .wrap .lr_wrap .right_wrap ul li a p {
    font-size: 15px;
  }
  main#main_page
    section.c5
    article
    .wrap
    .lr_wrap
    .right_wrap
    ul
    li
    a
    .icon_wrap {
    width: 20px;
    min-width: 20px;
  }
  main#sub_page section.sub_banner {
    padding-block: 110px 50px;
  }
  main#sub_page section.sub_banner article .wrap .sub_visual_title_wrap {
    gap: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1 {
    font-size: 38px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    h1.portfolio_detail
    .char_wrap
    span {
    font-size: 22px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div
    p {
    font-size: 18px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    > div.type1 {
    display: flex;
    gap: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p {
    font-size: 18px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    p.big {
    font-size: 20px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    span {
    font-size: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .tag
    li {
    font-size: 14px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    .portfolio_link
    a {
    font-size: 15px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .sub_visual_title_wrap
    .right
    .right_text_wrap
    + .right_text_wrap {
    margin-top: 30px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap h2 {
    font-size: 18px;
  }
  main#sub_page section.sub_banner article .wrap .board_detail_title_wrap ul {
    gap: 20px;
    margin-left: 0;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li {
    font-size: 14px;
  }
  main#sub_page
    section.sub_banner
    article
    .wrap
    .board_detail_title_wrap
    ul
    li:not(:first-of-type)::before {
    left: -10px;
  }
  main#sub_page section.sub_banner:has(.circle_btn) {
    padding-bottom: 25px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list {
    gap: 15px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    .splide__track
    .splide__list
    .splide__slide {
    min-width: 150px;
    width: 150px;
  }
  main#sub_page.company.overview
    section.c2
    article
    .wrap
    .splide_wrap
    .splide
    + .splide {
    margin-top: 15px;
  }
  main#sub_page.company.overview section.c3 {
    padding-bottom: 160px;
  }
  main#sub_page.company.overview section.c3 article .wrap .lr_wrap {
    gap: 30px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .left_wrap
    h3 {
    font-size: 20px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    div {
    font-size: 14px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p {
    margin-top: 15px;
    font-size: 14px;
  }
  main#sub_page.company.overview
    section.c3
    article
    .wrap
    .lr_wrap
    .right_wrap
    p
    strong {
    font-size: 16px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro h3 {
    font-size: 26px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.intro p {
    font-size: 18px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.chang_logo
    span {
    font-size: 80px;
  }
  main#sub_page.company.mission section.c2 article .wrap .scene.value_item {
    gap: 0;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .big_letter {
    font-size: 100px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    h4 {
    font-size: 26px;
  }
  main#sub_page.company.mission
    section.c2
    article
    .wrap
    .scene.value_item
    .line_mask
    p {
    font-size: 15px;
  }
  main#sub_page.company.partners section.c2 article .wrap ul {
    gap: 10px;
  }
  main#sub_page.company.partners section.c2 article .wrap ul li {
    width: calc(50% - 5px);
  }
  main#sub_page.company.location section.c2 article .wrap .address {
    gap: 20px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dt {
    font-size: 14px;
  }
  main#sub_page.company.location section.c2 article .wrap .address dl dd {
    font-size: 15px;
  }
  main#sub_page.company.location section.c2 article .wrap .location_desc {
    font-size: 14px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text {
    padding-block: 20px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    h3 {
    font-size: 18px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap {
    flex-direction: column;
    gap: 20px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    .img_wrap {
    width: 200px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul {
    width: 100%;
    margin-top: 0px;
  }
  main#sub_page.company.history
    section.c2
    article
    .wrap
    .lr_wrap
    .right_wrap
    .list_wrap
    .text_wrap
    .text
    .content_wrap
    ul
    li {
    font-size: 14px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul {
    gap: 30px 10px;
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li {
    width: calc(33.3333333333% - 6.6666666667px);
  }
  main#sub_page.company.awards section.c2 article .wrap .awards_wrap ul li p {
    font-size: 15px;
    margin-top: 10px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center {
    flex-direction: column;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text {
    padding-block: 40px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    h2 {
    font-size: 20px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .left_text
    p {
    font-size: 14px;
  }
  main#sub_page.portfolio.detail
    section.c2
    article
    .wrap
    .portfolio_detail_center
    .right_img {
    flex-direction: column;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .title_wrap h3 {
    font-size: 18px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .contents .next {
    gap: 20px 10px;
  }
  main#sub_page.portfolio.detail section.c3 article .wrap .contents .next li {
    width: calc(50% - 5px);
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    h4 {
    font-size: 15px;
  }
  main#sub_page.portfolio.detail
    section.c3
    article
    .wrap
    .contents
    .next
    li
    a
    .text
    p {
    font-size: 14px;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul {
    gap: 30px 10px;
  }
  main#sub_page.board.news section.c2 article .wrap .contents .news_wrap ul li {
    width: calc(50% - 5px);
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .title {
    font-size: 15px;
  }
  main#sub_page.board.news
    section.c2
    article
    .wrap
    .contents
    .news_wrap
    ul
    li
    a
    .text_wrap
    .date {
    font-size: 14px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap {
    gap: 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap {
    gap: 20px;
    min-width: 0;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .left_wrap a {
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    .icon_wrap {
    width: 20px;
  }
  main#sub_page.contact.inquiry
    section.c2
    article
    .wrap
    .lr_wrap
    .left_wrap
    a
    .text_wrap
    p {
    font-size: 15px;
  }
  main#sub_page.contact.inquiry section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap {
    gap: 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap {
    gap: 20px;
    min-width: 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a {
    min-width: 0;
    flex: 1 1 0;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap .icon_wrap {
    width: 20px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .left_wrap a .text_wrap p {
    font-size: 15px;
  }
  main#sub_page.faq section.c2 article .wrap .lr_wrap .right_wrap {
    width: 100%;
    min-width: 0;
  }
  main#sub_page.board_detail section.c1 {
    padding-bottom: 80px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_content {
    font-size: 14px;
    padding-block: 30px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div {
    padding: 15px 0;
    gap: 15px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap {
    gap: 10px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .left_wrap
    span {
    width: 40px;
    min-width: 40px;
    font-size: 14px;
  }
  main#sub_page.board_detail
    section.c1
    article
    .wrap
    .contents
    .board_wrap
    .board_bottom
    > div
    .right_wrap
    a {
    font-size: 14px;
  }
  .filter_wrap .searchForm .row {
    gap: 20px;
    padding-block: 20px;
  }
  .filter_wrap .searchForm .row .title {
    font-size: 16px;
  }
  .filter_wrap .searchForm .row .input_wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap {
    width: 100%;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .current {
    font-size: 14px;
    padding: 15px 25px;
  }
  .filter_wrap .searchForm .row .input_wrap .select_wrap .nice-select .list li {
    font-size: 14px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input {
    width: calc(100% - 10px - 130px);
  }
  .filter_wrap .searchForm .row .input_wrap .search_input label {
    padding: 15px 15px 15px 25px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input label input {
    font-size: 14px;
  }
  .filter_wrap .searchForm .row .input_wrap .search_input .button_wrap {
    width: 15px;
    min-width: 15px;
  }
  .filter_wrap .searchForm .row .input_wrap .toggle_btn {
    width: 100%;
    padding: 15px 25px;
  }
  .filter_wrap .searchForm .row .filter_list label {
    padding: 8px 18px;
    font-size: 14px;
  }
  .filter_wrap .searchForm .row:first-of-type {
    padding-block: 15px;
  }
  .form_wrap form fieldset legend {
    font-size: 15px;
  }
  .form_wrap form fieldset .inquiry_wrap {
    margin-top: 20px;
    gap: 20px 15px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .label {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field input,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea,
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_name {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field textarea {
    height: 150px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label .file_btn {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap .inquiry_field .option_btn {
    padding: 15px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_text {
    font-size: 15px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_title {
    font-size: 15px;
  }
  .form_wrap
    form
    fieldset
    .inquiry_wrap
    .inquiry_field
    .option_btn
    .option_sub {
    font-size: 14px;
  }
  .form_wrap form fieldset .inquiry_wrap.flex_2 .inquiry_field {
    width: calc(50% - 5px);
  }
  .form_wrap form fieldset .inquiry_wrap.flex_3 .inquiry_field {
    width: calc(50% - 5px);
  }
  .form_wrap form fieldset .check_wrap label p {
    font-size: 14px;
  }
  .form_wrap form fieldset + fieldset {
    margin-top: 30px;
  }
  .form_wrap form fieldset:nth-of-type(1) .inquiry_wrap .inquiry_field,
  .form_wrap form fieldset:nth-of-type(3) .inquiry_wrap .inquiry_field,
  .form_wrap form fieldset:nth-of-type(5) .inquiry_wrap .inquiry_field {
    width: 100%;
  }
  .form_wrap form .submit_btn {
    margin-top: 40px;
    font-size: 15px;
  }
  .table_wrap table tbody tr td {
    font-size: 14px;
    padding: 15px 20px;
  }
  .table_wrap table tbody tr td.subject {
    font-size: 15px;
  }
  .table_wrap table tbody tr td.download {
    display: none;
  }
  .table_wrap table tbody tr td.download a {
    width: 25px;
  }
  .table_wrap table tbody tr td.date {
    display: none;
  }
  .table_wrap table tbody tr td.view {
    display: none;
  }
  .popup_style .popup_wrap {
    padding: 50px 10px 30px 25px;
    min-height: 200px;
  }
  .popup_style .popup_wrap .close {
    right: 18px;
    top: 18px;
  }
  .popup_style .popup_wrap .scroll_wrap {
    max-height: 60vh;
    padding: 0 15px 10px 0;
  }
  .popup_style .popup_wrap .scroll_wrap .title p {
    font-size: 20px;
  }
  .popup_style .popup_wrap .scroll_wrap .title span {
    font-size: 14px;
  }
  .popup_style .popup_wrap .scroll_wrap .content {
    margin-top: 25px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group {
    margin-bottom: 30px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group .tit {
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group .tit p {
    font-size: 16px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li {
    margin-bottom: 20px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li p {
    font-size: 14px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li .value {
    font-size: 12px;
  }
  .popup_style .popup_wrap .scroll_wrap .content .group ul li .value dl dt {
    font-size: 14px;
    margin-top: 20px;
  }
  .popup_style .popup_wrap .scroll_wrap form {
    margin: 25px auto 0;
  }
  .popup_style .popup_wrap .scroll_wrap form .form_wrap .label_wrap p {
    font-size: 16px;
  }
  .popup_style .popup_wrap .scroll_wrap form .form_wrap .label_wrap input {
    height: 45px;
    font-size: 14px;
    padding: 0 15px;
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap {
    gap: 10px 10px;
    margin-top: 25px;
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap .button {
    width: calc(50% - 5px);
    min-width: unset;
  }
  .popup_style .popup_wrap .scroll_wrap .button_wrap .button > * {
    padding: 12px 10px;
    font-size: 14px;
  }
  .popup_style
    .popup_wrap
    .scroll_wrap
    .button_wrap:not(:has(.button:nth-of-type(2)))
    .button {
    width: 100%;
  }
}
main#sub_page.board_detail .board_detail_title_wrap {
  position: relative;
}
main#sub_page.board_detail .board_detail_title_wrap .meta_row {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
main#sub_page.board_detail .board_detail_title_wrap .title_attach {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
main#sub_page.board_detail .board_detail_title_wrap .title_attach a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
main#sub_page.board_detail .board_detail_title_wrap .title_attach a .icon_wrap {
  width: 24px;
  aspect-ratio: 1/1;
}
main#sub_page.board_detail
  .board_detail_title_wrap
  .title_attach
  a
  .icon_wrap
  img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  main#sub_page.board_detail .board_detail_title_wrap .meta_row {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
  }
  main#sub_page.board_detail .board_detail_title_wrap .title_attach {
    align-items: center;
  }
}
@media (max-width: 450px) {
  main#sub_page.board_detail .board_detail_title_wrap .meta_row {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
  }
  main#sub_page.board_detail .board_detail_title_wrap .title_attach {
    align-items: center;
  }
}

/* /assets/css/custom.css */
/* 커스텀 css css만 수정할시 사용해주세요. 사용후 퍼블리셔에게 꼭 알려주세요 */

main {

}

/* 문의 폼(빠른 문의/견적 문의) 개인정보 동의 체크박스.
   원본 .check_wrap 스타일은 어두운 배경(푸터) 전용이라 링크가 흰색(#fff)으로 저장돼 있어
   밝은 배경인 문의 폼에서는 글자가 안 보였음 -> 검정+밑줄로 교체. 체크 시 전체 문구가
   흰색으로 바뀌는 규칙도 동일한 이유로 함께 덮어씀. 여백은 위 여유 있게, 버튼과의 간격은 좁게. */
.form_wrap:not(.footer_form) form fieldset .check_wrap {
    margin-top: 40px;
}

.form_wrap:not(.footer_form) form fieldset .check_wrap label p a {
    color: #0a0a0a;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.form_wrap:not(.footer_form) form fieldset .check_wrap:has(input:checked) label p {
    color: #0a0a0a;
}

.form_wrap:not(.footer_form) form fieldset:has(.check_wrap) + .submit_btn {
    margin-top: 30px;
}

/* 문의 폼 첨부파일: 관리자 화면과 통일된 점선 드롭존 모양 + 드래그 시 시각 피드백 +
   허용되지 않는 파일 형식 안내 문구. .inquiry_field가 원래 flex 한 줄(라벨+인풋) 구성이라,
   에러 문구는 flex-wrap으로 다음 줄에 표시. */
.form_wrap form fieldset .inquiry_wrap .inquiry_field:has(.file_input) {
    flex-wrap: wrap;
}

.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label.file_dropzone {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-height: 110px;
    padding: 24px;
    border: 1px dashed #ccd2dc;
    border-radius: 8px;
    background-color: #f4f6f8;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
}

.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label.file_dropzone.drag-over {
    border-color: #de2027;
    background-color: #fdeced;
}

.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label.file_dropzone .file_dropzone_icon {
    display: block;
}

.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_label.file_dropzone .file_name {
    width: auto;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 14px;
    color: #8c8c8c;
}

.form_wrap form fieldset .inquiry_wrap .inquiry_field .file_error {
    display: none;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    color: #de2027;
}

@media (max-width:calc(1600px + 6vw)) {

}

@media (max-width:1024px) {

}

@media (max-width:767px) {
    .form_wrap:not(.footer_form) form fieldset .check_wrap {
        margin-top: 30px;
    }
}

@media (max-width:450px) {
    .form_wrap:not(.footer_form) form fieldset .check_wrap {
        margin-top: 24px;
    }
}
/* 정부 지원사업 목록: 상단 배너 아래 여백 축소(버튼 영역이 추가되어 기본 160px은 너무 넓음) */
main#sub_page.government.board_list section.sub_banner {
    padding-bottom: 50px;
}

/* 정부 지원사업 목록: 검색 영역 위 우측 바우처 신청 버튼 */
main#sub_page.government .gov_apply_btns {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

main#sub_page.government .gov_apply_btns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    height: 52px;
    padding: 0 28px;
    border: 1px solid #de2027;
    border-radius: 50px;
    background: #fff;
    color: #de2027;
    font-size: 16px;
    font-weight: 600;
    transition: background-color .2s, color .2s;
}

main#sub_page.government .gov_apply_btns a:hover {
    background: #de2027;
    color: #fff;
}

@media (max-width:767px) {
    main#sub_page.government .gov_apply_btns {
        gap: 8px;
        margin-bottom: 16px;
    }

    main#sub_page.government .gov_apply_btns a {
        flex: 1;
        min-width: 0;
        height: 44px;
        padding: 0 12px;
        font-size: 14px;
    }
}