/* /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;
    padding-top: 0;
}

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;
    z-index: 80;
    /* 본문 카드(transform/opacity로 쌓임 맥락 생성)보다 위, drawer(90)·header(100)보다 아래 */
    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 .img_wrap {
    overflow: hidden;
}

main section article .wrap .portfolio_gallery>li a figure .img_wrap img {
    transition: transform 0.5s ease;
}

@media (hover: hover) {
    main section article .wrap .portfolio_gallery>li a:hover figure .img_wrap img {
        transform: scale(1.08);
    }
}

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 {
    width: 360px;
    flex-shrink: 0;
}

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;
    color: #de2027;
    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;
    max-width: 100%;
    height: auto;
    margin: 0 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;
    overflow: hidden;
}

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;
}

.filter_wrap .searchForm .filter_rows .row .title {
    box-sizing: border-box;
    width: 140px;
    min-width: 140px;
    padding-left: 40px;
}

.filter_wrap .searchForm .filter_rows .row:first-child {
    background-color: #000;
    border-bottom-color: #000;
}

.filter_wrap .searchForm .filter_rows .row:first-child .title {
    color: #fff;
}

.filter_wrap .searchForm .filter_rows .row:first-child .filter_list label {
    color: #fff;
}

.filter_wrap .searchForm .filter_rows .row:first-child .filter_list label:has(input:checked) {
    background-color: #de2027;
}

.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 {
        width: 300px;
    }

    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 {
        width: 100%;
    }

    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;
    }
}

/* 개인정보처리방침 페이지(/ko/private.html) — 본문은 zone('private') */
#footer #footer_wrap #footer_top #top_left address div p a {
    color: inherit;
    text-decoration: underline;
}

main#sub_page.private section.c2 article .wrap {
    padding-bottom: 120px;
}

main#sub_page.private section.c2 .privacy_content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    word-break: keep-all;
}

@media (max-width:767px) {
    main#sub_page.private section.c2 article .wrap {
        padding-bottom: 80px;
    }
}