@charset "UTF-8";

/* layout */
.wrap { font-size: clamp(10px, 0.8333vw, 16px); }
.container { background: url(../../images/common/bg_container.svg) repeat-y center top/100vw; }
.inner { width: 100%; max-width: var(--inner); margin: 0 auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.wrap.etc_wrap { background: #E7E7E7; }
.wrap.etc_wrap .container { background: url(../../images/common/bg_container_etc.svg) repeat-y center top/100vw; }

/* header */
.header { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; padding: 1.9271vw 0; word-break: keep-all; transition: transform 0.5s; }
.header .inner { display: flex; align-items: center; justify-content: space-between; }
.header .header-left { display: flex; position: relative; flex-shrink: 0; align-items: center; padding: 0 2.2917vw; border-radius: 3px; background: #000; }
.header .header-left .logo { flex-shrink: 0; width: 6.25vw; height: 0.7292vw; overflow: hidden; font-size: 0; }
.header .header-left .logo > a { display: block; width: 100%; height: 100%; background: url(../../images/common/logo.svg) no-repeat center/contain; }
.header .header-left .gnb-area { width: 100%; padding: 0 4.4792vw; padding-right: 1.7708vw; }
.header .header-left .gnb-area .gnb-depth1 { display: flex; align-items: center; gap: 2.6563vw; }
.header .header-left .gnb-area .gnb-depth1 > li { position: relative; }
.header .header-left .gnb-area .gnb-depth1 > li > a { display: flex; align-items: center; justify-content: center; height: 2.9167vw; color: #fff; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; transition: color 0.3s; }
.header .header-left .gnb-area .gnb-depth1 > li.active > a,
.header .header-left .gnb-area .gnb-depth1 > li.hover > a { text-decoration: underline; text-underline-offset: 3px; }
.header .header-left .gnb-area .gnb-depth2-wrap { visibility: hidden; z-index: 2; position: absolute; top: 100%; left: 0; padding-top: 2px; opacity: 0; pointer-events: none; transition: visibility 0s, opacity 0.3s; }
.header .header-left .gnb-area .gnb-depth2 { display: flex; }
.header .header-left .gnb-area .gnb-depth2 > li { flex-shrink: 0; padding-right: 1.7708vw; }
.header .header-left .gnb-area .gnb-depth2 > li > a { display: flex; align-items: center; justify-content: center; height: 2.3958vw; color: #fff; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; transition: color 0.3s; }
.header .header-left .gnb-area .gnb-depth2 > li.active > a,
.header .header-left .gnb-area .gnb-depth2 > li.hover > a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.header .header-left .gnb-area .ready > a { text-decoration: none !important; cursor: default !important; opacity: 0.4 !important; }
.header .header-left .gnb-area .btn-mypage { display: none; }
.header .header-left .header-bg { visibility: hidden; z-index: 1; position: absolute; top: calc(100% + 2px); left: 0; width: 100%; height: 2.3958vw; border-radius: 3px; background: #000; opacity: 0; pointer-events: none; transition: visibility 0s, opacity 0.3s; }
.header .header-right { width: 100%; max-width: 23.125vw; }
.header .header-right .btn-mypage { display: flex; align-items: center; justify-content: center; height: 2.9167vw; padding: 0.5208vw 1.0417vw; border-radius: 3px; background: rgba(0, 47, 167, 0.9); color: #fff; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.header .header-right .btn-mypage:after { display: block; width: 1.0417vw; height: 1.0417vw; margin-left: 0.8333vw; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }
.header .header-right .btn-gnb { display: none; }
.header.reverse .header-left,
.header.main .header-left { background: #fff; }
.header.reverse .header-left .logo > a,
.header.main .header-left .logo > a { background: url(../../images/common/logo_blk.svg) no-repeat center/contain; }
.header.reverse .header-left .gnb-area .gnb-depth1 > li > a,
.header.main .header-left .gnb-area .gnb-depth1 > li > a { color: #000; }
.header.reverse .header-left .gnb-area .gnb-depth1 > li.active > a,
.header.reverse .header-left .gnb-area .gnb-depth1 > li.hover > a,
.header.main .header-left .gnb-area .gnb-depth1 > li.active > a,
.header.main .header-left .gnb-area .gnb-depth1 > li.hover > a { color: #002FA7; }
.header.reverse .header-left .gnb-area .gnb-depth2 > li > a,
.header.main .header-left .gnb-area .gnb-depth2 > li > a { color: #000; }
.header.reverse .header-left .gnb-area .gnb-depth2 > li.active > a,
.header.reverse .header-left .gnb-area .gnb-depth2 > li.hover > a,
.header.main .header-left .gnb-area .gnb-depth2 > li.active > a,
.header.main .header-left .gnb-area .gnb-depth2 > li.hover > a { color: #002FA7; }
.header.reverse .header-left .header-bg,
.header.main .header-left .header-bg { background: #fff; }
.header.main .header-left .gnb-area .ready a,
.header.reverse .header-left .gnb-area .ready a { color: #DCDCDC !important; opacity: 1 !important; }
.header.hover .header-left .gnb-area .gnb-depth1 > li.hover .gnb-depth2-wrap { visibility: visible; opacity: 1; pointer-events: auto; }
.header.hover .header-bg { visibility: visible; opacity: 1; }
.header.hideHeader { transform: translateY(-100%); }

/* footer */
.footer { word-break: keep-all; }
.footer .footer-top { padding: 2.6042vw 0 4.6875vw; border-top: 3px solid #002FA7; }
.footer .footer-top .logo-title { color: #1A1A1A; font-weight: 700; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.4; }
.footer .footer-top .logo-area { display: flex; align-items: center; justify-content: space-between; margin-top: 2.6042vw; }
.footer .footer-top .logo-area .logo-img { display: block; width: 42.8125vw; }
.footer .footer-top .logo-area .logo-img > img { width: 100%; }
.footer .footer-top .logo-area .btn-area { width: 100%; max-width: 15.1042vw; }
.footer .footer-top .logo-area .btn-area > .cm-btn { width: 100%; }
.footer .footer-btm { display: flex; padding: 0.9375vw 0; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.footer .footer-btm .menu-area { width: 50%; padding: 1.6146vw 0; padding-right: 2.5vw; }
.footer .footer-btm .menu-area .menu-depth1 { display: flex; gap: 2.1875vw; }
.footer .footer-btm .menu-area .menu-depth1 > li > a { font-weight: 600; font-size: clamp(10px, 0.8333vw, 16px); line-height: 1.5; }
.footer .footer-btm .menu-area .menu-depth2 { display: flex; flex-direction: column; margin-top: 0.7813vw; gap: 10px; }
.footer .footer-btm .menu-area .menu-depth2 > li > a { color: #8F8F8F; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.8; }
.footer .footer-btm .menu-area .ready a { color: #DCDCDC !important; text-decoration: none !important; cursor: default !important; }
.footer .footer-btm .info-area { display: flex; width: 50%; padding: 1.6146vw 0; padding-left: 2.5vw; border-left: 1px solid rgba(0, 0, 0, 0.12); }
.footer .footer-btm .info-area .info-left,
.footer .footer-btm .info-area .info-right { display: flex; flex-wrap: wrap; width: 50%; gap: 2.6042vw 4.0104vw; }
.footer .footer-btm .info-area .info-left { padding-right: 2.6042vw; }
.footer .footer-btm .info-area .info-right { flex-direction: column; }
.footer .footer-btm .info-area .info-item { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.5; }
.footer .footer-btm .info-area .info-item dt { color: #8F8F8F; }
.footer .footer-btm .info-area .info-insta .btn-insta { display: block; width: 1.0417vw; height: 1.0417vw; background: url(../../images/common/btn_insta.svg) no-repeat center/contain; font-size: 0; }
.footer .footer-btm .info-area .info-addr { flex: 1; flex-direction: row; align-items: flex-start; }
.footer .footer-btm .info-area .info-addr:before { display: block; flex-shrink: 0; width: 0.8333vw; height: 0.9896vw; margin-right: 5px; background: url(../../images/common/icon_location.svg) no-repeat center/contain; content: ""; }
.footer .footer-btm .info-area .info-copy { color: rgba(0, 0, 0, 0.66); font-weight: 400; font-size: clamp(10px, 0.625vw, 12px); line-height: 1; }

/* floating */
.floating-area { display: flex; z-index: 50; position: fixed; right: 2.9167vw; bottom: 4.8958vw; gap: 0.7292vw; transition: bottom 0.5s; }
.floating-area.hideFloating { bottom: -3.6458vw; }
.floating-area .btn-top { display: flex; visibility: hidden; position: relative; width: 3.6458vw; height: 3.6458vw; overflow: hidden; border-radius: 3px; background: #000 url(../../images/common/icon_top.svg) no-repeat center/contain; font-size: 0; opacity: 0; transition: background-color 0.5s, background-image 0.5s, visibility 0.5s, opacity 0.5s; }
.floating-area.scroll .btn-top { visibility: visible; opacity: 1; }
.floating-area .btn-ai-area { position: relative; }
.floating-area .btn-ai-area .btn-ai { display: flex; position: relative; align-items: center; justify-content: center; height: 3.6458vw; padding: 0 1.0938vw; border-radius: 3px; background: #000; color: #fff; font-weight: 700; font-size: clamp(10px, 1vw, 16px); line-height: 1.2; transition: color 0.5s, background-color 0.5s; }
.floating-area .btn-ai-area .btn-ai:before { display: block; width: 1.25vw; height: 1.25vw; margin-right: 0.3125vw; background: url(../../images/common/icon01.svg) no-repeat center/contain; content: ""; transition: background-image 0.5s; }
.floating-area .btn-ai-area .ai-tooltip { display: none; position: absolute; right: 1.5104vw; bottom: calc(100% + 0.2604vw); align-items: center; min-height: 1.7708vw; padding: 0.4167vw 0.7292vw; gap: 0.4688vw; border-radius: 3px 3px 0 3px; background: var(--cm_color1); color: #fff; font-weight: 600; font-size: clamp(10px, 1vw, 12px); line-height: 1.4; white-space: nowrap; }
.floating-area .btn-ai-area .ai-tooltip.close { display: none; }
.floating-area .btn-ai-area .ai-tooltip:after { position: absolute; top: 100%; right: 0; width: 0.4167vw; height: 0.3646vw; background: url(../../images/common/bg_tooltip.svg) no-repeat right top/contain; content: ""; }
.floating-area .btn-ai-area .ai-tooltip .btn-close { display: block; width: 0.8333vw; height: 0.8333vw; overflow: hidden; background: url(../../images/common/icon_close02.svg) no-repeat center/contain; text-indent: -520.7813vw; }
.floating-area.color-reverse .btn-ai-area .btn-ai { background: #fff; color: #000; }
.floating-area.color-reverse .btn-ai-area .btn-ai:before { background-image: url(../../images/common/icon09.svg); }
.floating-area.color-reverse .btn-top { background: #fff url(../../images/common/icon_top_blk.svg) no-repeat center/contain; }
.floating-area.color-reverse.scroll .btn-ai-area .btn-ai { background: #000; color: #fff; }
.floating-area.color-reverse.scroll .btn-ai-area .btn-ai:before { background-image: url(../../images/common/icon01.svg); }
.floating-area.color-reverse.scroll .btn-top { background: #000 url(../../images/common/icon_top.svg) no-repeat center/contain; }

/* 서브 레이아웃 */
.sub-head-wrap { z-index: 10 !important; height: 46.6146vw; padding: 14.5833vw 1.25vw 9.4271vw; word-break: keep-all; }
.sub-head-wrap .inner { display: flex; flex-direction: column; height: 100%; }
.sub-head-wrap .sub-head-area { display: flex; align-items: flex-start; height: 100%; margin-bottom: 2.6042vw; transform: none !important; letter-spacing: -2px; opacity: 1 !important; }
.sub-head-wrap .sub-head-title { width: 50%; font-weight: 700; font-size: 3.125vw; line-height: 1.1; }
.sub-head-wrap .sub-desc { width: 50%; padding-left: 0.3125vw; font-weight: 500; font-size: 1.0417vw; line-height: 1.6; }
.sub-head-wrap .sub-desc .desc-title { margin-bottom: 1.1458vw; font-weight: 700; font-size: 2.0833vw; }
.sub-head-wrap .sub-desc .desc-text { letter-spacing: -0.5px; }
.sub-head-wrap .sub-desc .highlight { color: #002FA7; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.sub-head-wrap .sub-tab-area { position: relative; flex-shrink: 0; transition: transform 0.5s, bottom 0.5s; }
.sub-head-wrap .sub-tab-area .tab-list { display: flex; justify-content: center; gap: 0.5729vw; }
.sub-head-wrap .sub-tab-area .tab-list .btn-tab > a { display: flex; align-items: center; justify-content: center; min-width: 11.875vw; height: 3.6458vw; padding: 0.5208vw 1.0417vw; border-radius: 3px; background: #E8E8E8; color: #1A44B0; font-weight: 700; font-size: 0.8333vw; line-height: 1.2; transition: color 0.3s, background-color 0.3s; }
.sub-head-wrap .sub-tab-area .tab-list .btn-tab.active > a { background: #002FA7; color: #fff; }
.sub-head-wrap .sub-tab-area.scroll { position: fixed; right: 30%; bottom: 4.8958vw; left: 30%; opacity: 1; }
.sub-head-wrap .sub-tab-area.scroll.hideTab:not(.backToTop) { transform: translateY(10vw); }
.sub-head-wrap .sub-tab-area.scroll.backToTop { transform: translateY(0); }
.sub-head-wrap .sub-head-area[data-aos=fade-up] .sub-head-title { transform: translateY(50%); opacity: 0; transition: opacity 0.8s, transform 0.8s; }
.sub-head-wrap .sub-head-area[data-aos=fade-up] .sub-desc .desc-title { transform: translateY(50%); opacity: 0; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s; }
.sub-head-wrap .sub-head-area[data-aos=fade-up] .sub-desc .desc-text { transform: translateY(50%); opacity: 0; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.4s; }
.sub-head-wrap .sub-head-area.aos-animate .sub-head-title { transform: translateY(0); opacity: 1; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s; }
.sub-head-wrap .sub-head-area.aos-animate .sub-desc .desc-title { transform: translateY(0); opacity: 1; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.4s; }
.sub-head-wrap .sub-head-area.aos-animate .sub-desc .desc-text { transform: translateY(0); opacity: 1; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.6s; }

/* 메인 견적 문의 */
.modal-application .cm-btn-area { margin-top: 4.1667vw; }

/* 메인 공통 */
.main-section { z-index: 1; position: relative; word-break: keep-all; }
.main-section .mo-block { display: none !important; }
.main-section .inner-flex { display: flex; }
.main-section .sub-title { margin-bottom: 1.3542vw; overflow: hidden; color: #0A34A1; font-weight: 700; font-size: 0.8333vw; line-height: 1.2; }
.main-section .main-title { overflow: hidden; font-weight: 700; font-size: 2.5vw; line-height: 1.4; letter-spacing: -2px; }
.main-section .main-title .highlight { border-bottom: 1px solid #002FA7; color: #002FA7; }
.main-section .swiper-btn-wrap { display: flex; z-index: 2; position: relative; gap: 0.5729vw; }
.main-section .swiper-btn-wrap .swiper-btn { display: flex; overflow: hidden; background-position: center; background-repeat: no-repeat; font-size: 0; }
.main-section .swiper-btn-wrap .swiper-pagination { display: none; }
.main-section video { pointer-events: none !important; }

/* visual */
.visual-section { height: 100vh; background: url(../../images/main/bg_visual.svg) repeat-y center top/100vw, url(../../images/main/bg_visual.jpg) no-repeat center top/cover; }
.visual-section .inner { display: flex; flex-direction: column; height: 100%; padding-top: 26vh; padding-bottom: 4.8958vw; }
.visual-section .main-title-area { flex: 1; padding-left: 0.2604vw; }
.visual-section .main-title-area .main-title { color: #fff; font-size: 4.6875vw; }
.visual-section .main-title-area .main-title > span { display: block; overflow: hidden; }
.visual-section .main-title-area .main-title > span span { display: block; }
.visual-section .main-visual-story { position: relative; flex-shrink: 0; width: 100%; max-width: 46.875vw; border-radius: 3px; background: #fff; }
.visual-section .main-visual-story .cover { display: flex; z-index: 5; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 2px; background: transparent; color: transparent; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.4; text-align: center; cursor: default; transition: color 0.5s, background 0.5s; }
.visual-section .main-visual-story .cover:hover { background: rgba(0, 0, 0, 0.8); color: #fff; }
.visual-section .main-visual-story .story-title { display: none; }
.visual-section .main-visual-story .story-item { display: flex; align-items: center; padding: 0.2604vw; }
.visual-section .main-visual-story .story-item .item-thumb { flex-shrink: 0; aspect-ratio: 12/9.386; width: 14.6875vw; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 3px; background: #F4F4F4; }
.visual-section .main-visual-story .story-item .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.visual-section .main-visual-story .story-item .item-desc { width: calc(100% - 14.6875vw); padding-right: 1.0417vw; padding-left: 1.5104vw; }
.visual-section .main-visual-story .story-item .item-desc .desc-top { padding-bottom: 1.0417vw; line-height: 1; }
.visual-section .main-visual-story .story-item .item-desc .desc-top .item-title { color: #002FA7; font-weight: 700; font-size: clamp(10px, 0.8333vw, 16px); }
.visual-section .main-visual-story .story-item .item-desc .desc-top .item-text { margin-top: 0.5208vw; font-size: clamp(10px, 0.7292vw, 14px); }
.visual-section .main-visual-story .story-item .item-desc .desc-btm { padding-top: 1.0417vw; border-top: 1px solid #E3E3E3; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj { display: flex; align-items: center; width: 100%; margin-top: 0.6771vw; }
.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj:before { display: block; flex-shrink: 0; width: 0.9375vw; height: 0.9375vw; margin-right: 0.3646vw; background: url(../../images/common/icon08.svg) no-repeat center/contain; content: ""; }
.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj > span { display: block; width: calc(100% - 0.9375vw - 0.3646vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-btn { margin-top: 1.25vw; }
.visual-section .main-visual-story .swiper-slide { opacity: 0 !important; transition: opacity 0.5s; }
.visual-section .main-visual-story .swiper-slide-active { opacity: 1 !important; }
.visual-section .main-visual-story .swiper-btn-wrap { position: absolute; right: 1.25vw; bottom: 1.4583vw; }
.visual-section .main-visual-story .swiper-btn-wrap .swiper-btn { width: 1.5104vw; height: 1.5104vw; background-size: contain; }
.visual-section .main-visual-story .swiper-btn-wrap .swiper-prev { background-image: url(../../images/common/icon_arr03.svg); }
.visual-section .main-visual-story .swiper-btn-wrap .swiper-next { background-image: url(../../images/common/icon_arr04.svg); }

/* info */
.info-section { padding: 2.8646vw 0; overflow: hidden; }
.info-section .inner-flex { gap: 0.5729vw; }
.info-section .main-title-area { flex: 1; flex-shrink: 0; padding-top: 2.0833vw; padding-left: 1.3542vw; }
.info-section .main-title-area .btn-download { margin-top: 7.2917vw; }
.info-section .main-info-area { display: flex; width: calc(50% - 0.3125vw); min-height: 28.6458vw; overflow: hidden; gap: 0.7292vw; }
.info-section .main-info-area .item-info { display: flex; flex-direction: column; width: calc((100% - 0.7292vw) / 2); padding: 2.5521vw 1.7188vw; border-radius: 3px; color: #fff; }
.info-section .main-info-area .item-info .item-title { flex-shrink: 0; font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.2; }
.info-section .main-info-area .item-info .item-desc { flex: 1; margin-top: 3.0208vw; font-weight: 600; font-size: clamp(10px, 0.8333vw, 16px); line-height: 1.5; }
.info-section .main-info-area .item-info .item-number { flex-shrink: 0; margin-top: 1.0417vw; font-size: clamp(14px, 1.25vw, 24px); line-height: 1; text-align: right; }
.info-section .main-info-area .item-info .item-number .counting { font-size: 10.4167vw; letter-spacing: -10px; }
.info-section .main-info-area .item-info1 { background: #0A34A1; }
.info-section .main-info-area .item-info1 .item-number { color: #C87560; }
.info-section .main-info-area .item-info2 { background: #C87560; }
.info-section .main-info-area .item-info2 .item-number { color: #0A34A1; }

/* people */
.people-section { padding: 10.4167vw 0; overflow: hidden; }
.people-section .main-title-area { margin-bottom: 4.2708vw; padding-right: 1.3542vw; text-align: right; }
.people-section .main-cont { display: flex; }
.people-section .main-cont .title-area { flex-shrink: 0; width: 23.4375vw; padding-top: 1.3021vw; padding-left: 1.3542vw; }
.people-section .main-cont .title-area .title-text { margin-bottom: 2.6042vw; font-weight: 700; font-size: 1.0417vw; line-height: 1.2; }
.people-section .main-cont .title-area .cm-btn { padding-right: 1.3021vw; padding-left: 1.5625vw; }
.people-section .main-cont .title-area .cm-btn:after { display: block; flex-shrink: 0; width: 1.0417vw; height: 1.0417vw; margin-left: 0.7813vw; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }
.people-section .main-cont .cont-area { position: relative; width: calc(100% - 23.4375vw); transform: none !important; opacity: 1 !important; }
.people-section .main-cont .cont-area .swiper-pc .swiper-slide { display: flex; flex-wrap: wrap; gap: 9.7396vw 0.5729vw; }
.people-section .main-cont .cont-area .swiper-pc .item-box { width: calc((100% - 1.1458vw) / 3); }
.people-section .main-cont .cont-area .swiper-mo { display: none; }
.people-section .main-cont .cont-area .item-box .item-thumb { overflow: hidden; border-radius: 3px; }
.people-section .main-cont .cont-area .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.people-section .main-cont .cont-area .item-box .item-desc { margin-top: 0.625vw; line-height: 1.2; }
.people-section .main-cont .cont-area .item-box .item-desc .item-name { font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); }
.people-section .main-cont .cont-area .item-box .item-desc .item-grade { margin-top: 0.4167vw; font-weight: 600; font-size: clamp(10px, 1vw, 16px); }
.people-section .main-cont .swiper-btn-wrap { position: static; }
.people-section .main-cont .swiper-btn-wrap .swiper-btn { z-index: 2; position: absolute; top: 50%; width: 5.2083vw; height: 5.2083vw; transform: translateY(-75%); border: 1.667px solid #FFF; background-size: 0.8333vw; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0.5208vw 0.5208vw 1.0417vw rgba(0, 0, 0, 0.08); }
.people-section .main-cont .swiper-btn-wrap .swiper-prev { left: -1.3542vw; background-image: url(../../images/common/icon_arr05.svg); }
.people-section .main-cont .swiper-btn-wrap .swiper-next { right: -1.3542vw; background-image: url(../../images/common/icon_arr06.svg); }
.people-section .main-cont .swiper-btn-wrap .swiper-button-disabled { display: none; }
.people-section .main-advisory-area { margin-top: 9.8958vw; }

/* facility */
.facility-section { z-index: unset; overflow: hidden; }
.facility-section .fixed-area { position: relative; padding-top: 6.25vw; text-align: center; }
.facility-section .fixed-area .fixed-title { font-weight: 700; font-size: 2.0833vw; line-height: 1.3; }
.facility-section .fixed-area .fixed-obj { position: relative; width: 1px; height: 21.5104vw; margin: 1.9792vw auto 4.6875vw; }
.facility-section .fixed-area .fixed-obj > span { display: block; position: relative; width: 1px; height: 21.5104vw; background: #002FA7; }
.facility-section .fixed-area .fixed-obj > span:before,
.facility-section .fixed-area .fixed-obj > span:after { position: absolute; left: 50%; width: 1.0417vw; height: 1.0417vw; transform: translateX(-50%); border: 3px solid #002FA7; border-radius: 100%; background: #fff; content: ""; }
.facility-section .fixed-area .fixed-obj > span:before { top: 0; }
.facility-section .fixed-area .fixed-obj > span:after { bottom: 0; }
.facility-section .fixed-area .fixed-logo { width: 94.7917vw; margin: 0 auto; }
.facility-section .fixed-area .fixed-logo > img { width: 100%; }
.facility-section .fixed-area .fixed-cover { width: 100%; margin-top: -5vw; }
.facility-section .fixed-area .fixed-leaf { width: 100%; }
.facility-section .fixed-area .fixed-leaf .img-pc { position: absolute; top: 0; left: 0; width: 100%; }
.facility-section .fixed-area .fixed-leaf .img-mo { display: none; }
.facility-section .fixed-area[data-aos=fade-in] { opacity: 1 !important; }
.facility-section .fixed-area[data-aos=fade-in] .fixed-title { transform: translateY(-100%); opacity: 0; transition: opacity 0.8s, transform 0.8s; }
.facility-section .fixed-area[data-aos=fade-in] .fixed-obj > span { height: 0; opacity: 0; transition: opacity 0.5s, height 0.5s; transition-delay: 0.5s; }
.facility-section .fixed-area[data-aos=fade-in] .fixed-logo { transform: translateY(-20%); opacity: 0; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.8s; }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf > img { opacity: 0; transition: opacity 0.8s, transform 0.8s; }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf .img1 { transform: translateY(-10%) rotate(-10deg); }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf .img2 { transform: translateY(-10%) rotate(10deg); }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf .img3 { transform: translateY(-10%) rotate(-10deg); }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf .img4 { transform: translateY(-10%) rotate(10deg); }
.facility-section .fixed-area[data-aos=fade-in] .fixed-leaf .img5 { transform: translateY(-10%) rotate(-10deg); }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-title { transform: translateY(0); opacity: 1; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-obj > span { height: 21.5104vw; opacity: 1; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-logo { opacity: 1; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf > img { transform: translateY(0) rotate(0deg); opacity: 1; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf .img1 { transition-delay: 0.3s; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf .img2 { transition-delay: 0.6s; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf .img3 { transition-delay: 0.9s; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf .img4 { transition-delay: 1.2s; }
.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-leaf .img5 { transition-delay: 1.5s; }
.facility-section .main-facility-area { z-index: 2; position: relative; margin-top: -1px; padding-top: 2.6042vw; background: #060606; }
.facility-section .main-facility-area .main-title-area { color: #fff; line-height: 1.2; text-align: center; }
.facility-section .main-facility-area .main-title-area .sub-title { color: #fff; font-weight: 700; font-size: 3.125vw; }
.facility-section .main-facility-area .main-title-area .main-title { margin-top: 5.1563vw; font-weight: 600; font-size: 2.0833vw; }
.facility-section .main-facility-area .main-title-area .sub-text { margin-top: 1.5625vw; font-size: 0.8333vw; line-height: 1.5; }
.facility-section .main-facility-area .floor-area { margin-top: 5.2083vw; }
.facility-section .main-facility-area .floor-area .floor-item + .floor-item { margin-top: 2.8646vw; }
.facility-section .main-facility-area .floor-area .floor-bg { padding: 1.6667vw 1.0938vw; border-radius: 3px; background: #3978de; }
.facility-section .main-facility-area .floor-area .floor-map { z-index: 1; position: relative; border: 0.1563vw solid #70a8d3; background: linear-gradient(to bottom, transparent 1.1458vw, #3a7cdc 1.1458vw) 0 0/100vw 1.1979vw repeat-y, linear-gradient(to right, transparent 1.1458vw, #3a7cdc 1.1458vw) 0 0/1.1979vw 100vh repeat-x #3976df; text-align: center; }
.facility-section .main-facility-area .floor-area .floor-map img { width: 100%; }
.facility-section .main-facility-area .floor-area .floor-map .img-mo { display: none; }
.facility-section .main-facility-area .floor-area .floor-map:before { display: none; z-index: 2; position: absolute; top: 0; left: 0; width: 0.8333vw; height: 0.8333vw; border: 3px solid #fff; border-radius: 100%; background: #002FA7; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); content: ""; animation: blink 1s infinite; }
.facility-section .main-facility-area .floor-area .floor-map.room1:before { display: block; top: 12.5vw; left: 13.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room2:before { display: block; top: 12.5vw; left: 19.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room4:before { display: block; top: 13vw; left: 28.5vw; }
.facility-section .main-facility-area .floor-area .floor-map.room5:before { display: block; top: 12.5vw; left: 33vw; }
.facility-section .main-facility-area .floor-area .floor-map.room6:before { display: block; top: 12.5vw; left: 38.5vw; }
.facility-section .main-facility-area .floor-area .floor-map.room7:before { display: block; top: 12.5vw; left: 48.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room8:before { display: block; top: 12.5vw; left: 58.7vw; }
.facility-section .main-facility-area .floor-area .floor-map.room9:before { display: block; top: 13vw; left: 66vw; }
.facility-section .main-facility-area .floor-area .floor-map.room10:before { display: block; top: 12.3vw; left: 73vw; }
.facility-section .main-facility-area .floor-area .floor-map.room13:before { display: block; top: 23.3vw; left: 19.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room14:before { display: block; top: 23.3vw; left: 27vw; }
.facility-section .main-facility-area .floor-area .floor-map.room15:before { display: block; top: 23.3vw; left: 32.5vw; }
.facility-section .main-facility-area .floor-area .floor-map.room16:before { display: block; top: 23.5vw; left: 37.6vw; }
.facility-section .main-facility-area .floor-area .floor-map.room17:before { display: block; top: 24vw; left: 45.9vw; }
.facility-section .main-facility-area .floor-area .floor-map.room18:before { display: block; top: 23.7vw; left: 59.2vw; }
.facility-section .main-facility-area .floor-area .floor-map.room19:before { display: block; top: 23.7vw; left: 66vw; }
.facility-section .main-facility-area .floor-area .floor-map.room22:before { display: block; top: 31.9vw; left: 24.1vw; }
.facility-section .main-facility-area .floor-area .floor-map.room23:before { display: block; top: 28.7vw; left: 37.6vw; }
.facility-section .main-facility-area .floor-area .floor-map.room24:before { display: block; top: 34.6vw; left: 44.1vw; }
.facility-section .main-facility-area .floor-area .floor-map.room25:before { display: block; top: 34.8vw; left: 50.1vw; }
.facility-section .main-facility-area .floor-area .floor-map.room27:before { display: block; top: 34.8vw; left: 58.5vw; }
.facility-section .main-facility-area .floor-area .floor-map.room28:before { display: block; top: 29.3vw; left: 64.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room31:before { display: block; top: 9.5vw; left: 12.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room32:before { display: block; top: 14.5vw; left: 12.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room33:before { display: block; top: 18.5vw; left: 12.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room34:before { display: block; top: 14.5vw; left: 20.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room35:before { display: block; top: 14.5vw; left: 24.9vw; }
.facility-section .main-facility-area .floor-area .floor-map.room36:before { display: block; top: 14.1vw; left: 29.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room37:before { display: block; top: 14.1vw; left: 35vw; }
.facility-section .main-facility-area .floor-area .floor-map.room39:before { display: block; top: 14.1vw; left: 46.1vw; }
.facility-section .main-facility-area .floor-area .floor-map.room41:before { display: block; top: 16vw; left: 58.5vw; }
.facility-section .main-facility-area .floor-area .floor-map.room43:before { display: block; top: 16vw; left: 67.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room44:before { display: block; top: 16vw; left: 73.8vw; }
.facility-section .main-facility-area .floor-area .floor-map.room45:before { display: block; top: 16.3vw; left: 80.9vw; }
.facility-section .main-facility-area .floor-area .floor-map.room46:before { display: block; top: 25.8vw; left: 12.3vw; }
.facility-section .main-facility-area .floor-area .floor-map.room47:before { display: block; top: 25.8vw; left: 24.2vw; }
.facility-section .main-facility-area .floor-area .floor-map.room48:before { display: block; top: 28.5vw; left: 56.5vw; }
.facility-section .main-facility-area .floor-area .floor-map:after { z-index: -1; position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.facility-section .main-facility-area .floor-area .floor2-item .floor-map { z-index: 2; padding: 6.25vw 3.724vw 8.8542vw; }
.facility-section .main-facility-area .floor-area .floor2-item .floor-map:after { bottom: 1.4583vw; left: 1.7708vw; width: 31.7708vw; height: 21.3542vw; background-image: url(../../images/main/img_floor02_title.svg); }
.facility-section .main-facility-area .floor-area .floor1-item .floor-map { padding: 7.8125vw 4.9219vw 7.1354vw; }
.facility-section .main-facility-area .floor-area .floor1-item .floor-map:after { bottom: 1.4063vw; left: 4.6354vw; width: 28.75vw; height: 21.0417vw; background-image: url(../../images/main/img_floor01_title.svg); }
.facility-section .main-facility-area .floor-area .map-layer { display: flex; visibility: hidden; z-index: 100; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 0.5s; }
.facility-section .main-facility-area .floor-area .map-layer.view { visibility: visible; opacity: 1; pointer-events: auto; }
.facility-section .main-facility-area .floor-area .map-layer .layer-inner { z-index: 2; position: relative; width: 100%; max-width: 30.2083vw; max-height: 90%; padding: 1.9271vw 1.5625vw; overflow: hidden; border-radius: 3px; background: #fff; box-shadow: -30px 37px 37px 0 rgba(0, 0, 0, 0.4); text-align: left; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-slide { opacity: 0 !important; transition: opacity 0.3s; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-slide-active { opacity: 1 !important; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-btn-wrap { z-index: 2; position: absolute; top: 1.9271vw; right: 4.9479vw; gap: 0.2604vw; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-btn { width: 3.125vw; height: 2.9167vw; background-size: contain; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-prev { background-image: url(../../images/common/icon_arr07.svg); }
.facility-section .main-facility-area .floor-area .map-layer .swiper-next { background-image: url(../../images/common/icon_arr08.svg); }
.facility-section .main-facility-area .floor-area .map-layer .swiper-prev.swiper-button-disabled { background-image: url(../../images/common/icon_arr09.svg); }
.facility-section .main-facility-area .floor-area .map-layer .swiper-next.swiper-button-disabled { background-image: url(../../images/common/icon_arr10.svg); }
.facility-section .main-facility-area .floor-area .map-layer .btn-close { z-index: 2; position: absolute; top: 1.9271vw; right: 1.5625vw; width: 3.125vw; height: 2.9167vw; border: 1px solid #ddd; border-radius: 3px; background: url(../../images/common/icon_close01.svg) no-repeat center/1.4583vw; font-size: 0; }
.facility-section .main-facility-area .floor-area .map-layer .layer-title { display: flex; align-items: center; min-height: 2.9167vw; padding-right: 3.6458vw; font-weight: 700; font-size: 1.6146vw; line-height: 1; }
.facility-section .main-facility-area .floor-area .map-layer .swiper-slide .layer-title { padding-right: 10.4166vw; }
.facility-section .main-facility-area .floor-area .map-layer .layer-desc { margin-top: 1vw; }
.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-text { color: rgba(0, 0, 0, 0.8); font-size: clamp(10px, 1vw, 16px); line-height: 1.7; }
.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-img { width: 100%; margin-top: 1vw; }
.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-img > img { width: 100%; }
.facility-section .main-facility-area .floor-area .map-layer .bg-modal { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); font-size: 0; }
.facility-section .main-facility-area .floor-map-swiper { display: none; }
.facility-section .main-quality-area { z-index: 1; position: relative; padding: 22.1354vw 0 27.0833vw; background: #060606 url(../../images/main/bg_visual.svg) repeat-y center top/100vw; }
.facility-section .main-quality-area .bg-video { z-index: 15; position: absolute; top: 50%; left: 50%; width: 85%; height: 85%; object-fit: cover; transform: translate(-50%, -45%); mix-blend-mode: lighten; opacity: 0.7; pointer-events: none; }
.facility-section .main-quality-area .main-title-area { color: #fff; text-align: center; }
.facility-section .main-quality-area .main-title-area .main-title { font-weight: 600; font-size: 2.0833vw; line-height: 1; }
.facility-section .main-quality-area .main-title-area .sub-text { margin-top: 1.5625vw; font-size: clamp(10px, 1vw, 16px); line-height: 1.5; }
.facility-section .main-quality-area .process-area { display: flex; position: relative; justify-content: space-between; width: calc(100% + 1.0417vw - 0.0521vw); margin-top: 9.375vw; margin-left: -0.5208vw; padding: 6.0938vw 0.2604vw 7.3438vw; gap: 2.3438vw; border: 1px solid rgba(255, 255, 255, 0.12); background: #0c0c0c; }
.facility-section .main-quality-area .process-area:after { position: absolute; right: calc((100% - 9.3752vw) / 5 / 2 + 0.3rem); bottom: 4.2188vw; left: calc((100% - 9.3752vw) / 5 / 2 + 0.3rem); height: 1px; background: #fff; content: ""; }
.facility-section .main-quality-area .process-area .prss-item { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 2.8646vw 1.0417vw; border: 1px solid #002FA7; border-radius: 3px; color: #fff; font-weight: 700; line-height: 1.2; text-align: center; }
.facility-section .main-quality-area .process-area .prss-item:after { position: absolute; top: 0; left: 100%; width: 2.3438vw; height: 100%; background: url(../../images/common/icon_arr11.svg) no-repeat center/1.5625vw; content: ""; }
.facility-section .main-quality-area .process-area .prss-item:last-child:after { display: none; }
.facility-section .main-quality-area .process-area .prss-item:first-child:before,
.facility-section .main-quality-area .process-area .prss-item:last-child:before { position: absolute; top: calc(100% + 1.4063vw); left: 50%; width: 0.9375vw; height: 1.7708vw; transform: translateX(-50%); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.facility-section .main-quality-area .process-area .prss-item:first-child:before { background-image: url(../../images/main/bg_obj03_01.svg); }
.facility-section .main-quality-area .process-area .prss-item:last-child:before { background-image: url(../../images/main/bg_obj03_02.svg); }
.facility-section .main-quality-area .process-area .prss-item1 { background: rgba(0, 46, 167, 0.1); }
.facility-section .main-quality-area .process-area .prss-item2 { background: rgba(0, 46, 167, 0.2); }
.facility-section .main-quality-area .process-area .prss-item3 { background: rgba(0, 46, 167, 0.3); }
.facility-section .main-quality-area .process-area .prss-item4 { background: rgba(0, 46, 167, 0.4); }
.facility-section .main-quality-area .process-area .prss-item5 { background: rgba(0, 46, 167, 0.5); }
.facility-section .main-quality-area .process-area .prss-item .item-title { margin-bottom: 1.0417vw; font-size: clamp(10px, 1.1458vw, 22px); }
.facility-section .main-quality-area .process-area .prss-item .item-desc { margin-top: 1.1979vw; font-size: clamp(10px, 1vw, 16px); }

/* patent */
.patent-section { z-index: 1; padding: 9.2708vw 0 2.6042vw; overflow: hidden; background: url(../../images/main/bg_patent.svg) no-repeat center top/100%; }
.patent-section .bg-video { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: lighten; pointer-events: none; }
.patent-section .main-title-area { margin-bottom: 3.3854vw; padding-left: 1.5625vw; }
.patent-section .main-title-area .main-title { color: #1A1A1A; font-size: 2.8646vw; line-height: 1.4; }
.patent-section .main-patent-area { display: flex; justify-content: space-between; padding: 0.2604vw; border-radius: 3px; background: rgba(255, 255, 255, 0.4); }
.patent-section .main-patent-area .title-area { display: flex; flex-shrink: 0; flex-direction: column; padding: 2.2396vw 1.5625vw; }
.patent-section .main-patent-area .title-area .text-title { flex: 1; color: #0A34A1; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.patent-section .main-patent-area .title-area .text-desc { flex-shrink: 0; font-weight: 600; font-size: 1.0417vw; line-height: 1.6; }
.patent-section .main-patent-area .desc-area { display: flex; flex-shrink: 0; width: 50%; padding-left: 0.3125vw; overflow: hidden; gap: 0.5729vw; }
.patent-section .main-patent-area .desc-area .desc-item { display: flex; flex-direction: column; width: calc((100% - 0.5729vw) / 2); padding: 1.9792vw 1.5625vw 2.5521vw; border-radius: 3px; background: #FFF; }
.patent-section .main-patent-area .desc-area .desc-item .item-title { flex-shrink: 0; min-height: 3.25008vw; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.patent-section .main-patent-area .desc-area .desc-item .item-text { flex: 1; margin-top: 1.875vw; font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.75; letter-spacing: -1px; }
.patent-section .main-patent-area .desc-area .desc-item .item-btn { margin-top: 1.875vw; padding-top: 1.875vw; border-top: 1px solid #E1E1E1; }
.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn { display: flex; align-items: center; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn:before { display: block; width: 3.125vw; height: 2.9167vw; margin-right: 1.0417vw; border-radius: 3px; background: #002FA7 url(../../images/common/icon_arr13.svg) no-repeat center/1.25vw; content: ""; }
.patent-section .main-certification-area { margin-top: 0.4688vw; padding: 2.1875vw 1.5625vw; overflow: hidden; border-radius: 3px; backdrop-filter: blur(5px); background: rgba(0, 47, 167, 0.9); color: #fff; }
.patent-section .main-certification-area .title-area .text-title { margin-bottom: 2.3438vw; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.patent-section .main-certification-area .title-area .tooltip-area { position: relative; }
.patent-section .main-certification-area .title-area .btn-tooltip { justify-content: space-between; min-width: 11.0417vw; padding: 0.5208vw 1.5625vw; padding-right: 1.1458vw; border-color: #fff; background: #fff; color: #002FA7; }
.patent-section .main-certification-area .title-area .btn-tooltip:after { display: block; width: 1.25vw; height: 1.25vw; margin-left: 0.625vw; background: url(../../images/common/icon_info02.svg) no-repeat center/contain; content: ""; }
.patent-section .main-certification-area .title-area .tooltip-layer { visibility: none; z-index: -1; position: absolute; top: calc(100% + 0.2604vw); left: 0; width: 100%; max-width: 40.7292vw; opacity: 0; transition: visibility 0.3s, opacity 0.3s; }
.patent-section .main-certification-area .title-area .tooltip-layer.active { visibility: visible; z-index: 2; opacity: 1; }
.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-inner { position: relative; width: 100%; padding: 2.6042vw 2.2396vw; border-radius: 3px; background: #fff; box-shadow: -22px 24px 79px 0 rgba(0, 0, 0, 0.31); color: #000; }
.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-title { margin-bottom: 3.3854vw; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.patent-section .main-certification-area .title-area .tooltip-layer .btn-close { z-index: 5; position: absolute; top: 2.6042vw; right: 2.0833vw; width: 1.5625vw; height: 1.5625vw; background: url(../../images/common/icon_close04.svg) no-repeat center/1.25vw; font-size: 0; }
.patent-section .main-certification-area .desc-area .desc-item { display: flex; align-items: flex-start; padding: 2.1354vw 1.0417vw 1.9792vw; gap: 0.5729vw; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; }
.patent-section .main-certification-area .desc-area .desc-item:last-child { border-bottom: none; }
.patent-section .main-certification-area .desc-area .desc-item .item-number { flex-shrink: 0; width: 20.5729vw; color: rgba(255, 255, 255, 0.6); font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.7; }
.patent-section .main-certification-area .desc-area .desc-item .item-title { width: 23.4375vw; font-weight: 400; font-size: 3.125vw; line-height: 1; letter-spacing: -0.1042vw; }
.patent-section .main-certification-area .desc-area .desc-item .item-text { flex: 1; font-size: clamp(10px, 1vw, 16px); line-height: 1.7; }

/* service */
.service-section { padding-top: 14.6875vw; }
.service-section .inner { position: relative; }
.service-section .main-title-area { flex-shrink: 0; margin-bottom: 5.3125vw; padding-left: 1.3542vw; }
.service-section .main-title-area .main-title { font-weight: 600; font-size: 2.5vw; line-height: 1.4; }
.service-section .main-service-area { display: flex; position: relative; justify-content: space-between; }
.service-section .main-service-area .service-list { display: flex; flex-shrink: 0; flex-direction: column; width: 23.125vw; margin-top: -12.6042vw; gap: 0.2604vw; }
.service-section .main-service-area .service-item { display: flex; position: relative; flex-direction: column; width: 100%; min-height: 18.2292vw; padding: 2.0833vw 1.5625vw 1.5625vw; overflow: hidden; border-radius: 3px; background: #E8E8E8; }
.service-section .main-service-area .service-item .cover { display: flex; z-index: 2; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.0417vw; border-radius: 2px; background: transparent; color: transparent; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; text-align: center; cursor: default; transition: color 0.5s, background 0.5s; }
.service-section .main-service-area .service-item .cover:hover { background: rgba(0, 0, 0, 0.8); color: #fff; }
.service-section .main-service-area .service-item .item-number { position: absolute; top: 2.0833vw; right: 1.5625vw; color: #002FA7; font-weight: 700; font-size: clamp(10px, 0.625vw, 12px); line-height: 1.2; }
.service-section .main-service-area .service-item .item-title { flex-shrink: 0; margin-bottom: 1.5104vw; color: #002FA7; font-weight: 700; font-size: clamp(10px, 1.1458vw, 22px); line-height: 1.2; }
.service-section .main-service-area .service-item .item-text { flex: 1; font-size: clamp(10px, 1vw, 16px); line-height: 1.5; }
.service-section .main-service-area .service-item .item-btn { flex-shrink: 0; margin-top: 1.5104vw; }
.service-section .main-service-area .service-item .item-btn .cm-btn { justify-content: space-between; width: 100%; padding: 0.5208vw 1.5625vw; gap: 0.5729vw; border-color: #fff; color: #002FA7; }
.service-section .main-service-area .service-item .item-btn .cm-btn:after { display: block; width: 1.0417vw; height: 1.0417vw; background: url(../../images/common/icon_arr15.svg) no-repeat center/contain; content: ""; }
.service-section .main-service-area .service-swiper { display: none; }
.service-section .fixed-content { display: flex; align-items: flex-end; width: 46.875vw; height: 36.9271vw; }
.service-section .fixed-content .thumb-area { flex-shrink: 0; width: 23.125vw; height: 100%; overflow: hidden; border-radius: 3px; }
.service-section .fixed-content .thumb-area .thumb-video { width: 100%; height: 100%; object-fit: cover; object-position: 35%; }
.service-section .fixed-content .desc-area { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding-left: 3.6458vw; text-align: right; }
.service-section .fixed-content .desc-area .desc-text { font-weight: 700; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.6; }
.service-section .fixed-content .desc-area .cm-btn-area { margin-top: 3.6458vw; }
.service-section .fixed-content .desc-area .cm-btn-area .cm-btn { justify-content: space-between; min-width: 11.7188vw; padding: 0.5208vw 1.6667vw; padding-right: 1.1458vw; }
.service-section .fixed-content .desc-area .cm-btn-area .cm-btn:after { display: block; width: 1.0417vw; height: 1.0417vw; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }

/* made */
.made-section { padding: 10.9896vw 0 9.0625vw; }
.made-section .main-title-area .main-title { display: flex; flex-direction: column; }
.made-section .main-title-area .main-title > span { display: flex; align-items: center; font-weight: 600; font-size: 3.125vw; }
.made-section .main-title-area .main-title .highlight { border: 0; font-size: 2.0833vw; }
.made-section .main-title-area .main-title .highlight img { width: 22.4479vw; }
.made-section .main-made-area { z-index: 2; position: relative; margin-top: 3.4896vw; }
.made-section .main-made-area .tab-area { display: flex; position: absolute; top: -9.8958vw; left: calc(50% + 0.3125vw); flex-wrap: wrap; gap: 0.2604vw; }
.made-section .main-made-area .tab-area > li { width: 7.2917vw; }
.made-section .main-made-area .tab-area > li.all { width: 100%; }
.made-section .main-made-area .tab-area .tab-item { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 7.2917vw; height: 2.9167vw; padding: 0.7813vw 1.0417vw; border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #000; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.2; }
.made-section .main-made-area .tab-area .tab-item.active { border-color: #002FA7; background: #002FA7; color: #fff; }
.made-section .main-made-area .tab-area .tab-item.ready { color: #dcdcdc !important; cursor: default !important; }
.made-section .main-made-area .item-box .item-thumb { position: relative; aspect-ratio: 12/9.438; overflow: hidden; border-radius: 3px; background: #D9D9D9; }
.made-section .main-made-area .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.made-section .main-made-area .item-box .item-thumb .cover { display: none; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.53); opacity: 0; transition: opacity 0.3s; }
.made-section .main-made-area .item-box:hover .cover { opacity: 1; }
.made-section .main-made-area .item-box .item-thumb .cover > span { display: flex; align-items: center; justify-content: space-between; width: 10vw; height: 2.5vw; padding: 0.5208vw 1.6667vw; gap: 1.6146vw; border: 0.0521vw solid #fff; border-radius: 0.1563vw; color: #fff; font-weight: 700; font-size: 0.7813vw; line-height: 1.2; }
.made-section .main-made-area .item-box .item-thumb .cover > span:after { display: block; width: 0.7813vw; height: 0.7813vw; background: url(../../images/common/icon_arr16.svg) no-repeat center/contain; content: ""; }
.made-section .main-made-area .item-box .item-desc { position: relative; margin-top: 1.1458vw; padding-right: 9.8958vw; padding-bottom: 0.7813vw; line-height: 1; }
.made-section .main-made-area .item-box .item-desc .item-title { overflow: hidden; font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); text-overflow: ellipsis; white-space: nowrap; }
.made-section .main-made-area .item-box .item-desc .item-text { margin-top: 0.9375vw; overflow: hidden; font-weight: 400; font-size: clamp(10px, 1vw, 16px); text-overflow: ellipsis; white-space: nowrap; }
.made-section .main-made-area .item-box .item-desc .item-tag { display: flex; position: absolute; top: -0.5208vw; right: 0; bottom: 0; flex-wrap: wrap; width: 9.375vw; padding: 0.0521vw 0; overflow: hidden; gap: 0.3125vw; }
.made-section .main-made-area .item-box .item-desc .item-tag > span { display: flex; align-items: center; justify-content: center; min-width: 3.8542vw; height: 1.7708vw; padding: 0 0.7813vw; border: 1px solid #ddd; border-radius: 100px; background: #fff; font-weight: 700; font-size: clamp(10px, 0.625vw, 12px); line-height: 1; text-align: center; }
.made-section .main-made-area .item-box .item-desc .item-tag > span:before { content: "#"; }
.made-section .main-made-area .swiper-btn-wrap { z-index: 2; position: absolute; top: -6.7708vw; right: 0; gap: 0.2604vw; }
.made-section .main-made-area .swiper-btn { width: 3.125vw; height: 2.9167vw; background-size: contain; }
.made-section .main-made-area .swiper-prev { background-image: url(../../images/common/icon_arr07.svg); }
.made-section .main-made-area .swiper-next { background-image: url(../../images/common/icon_arr08.svg); }
.made-section .main-made-area .swiper-prev.swiper-button-disabled { background-image: url(../../images/common/icon_arr09.svg); }
.made-section .main-made-area .swiper-next.swiper-button-disabled { background-image: url(../../images/common/icon_arr10.svg); }

/* 서브 공통 */
.sub-page section { z-index: 1; position: relative; word-break: keep-all; }
.sub-page video { pointer-events: none !important; }
.sub-page .mo-block { display: none !important; }
.sub-page .sub-title { color: #002FA7; font-weight: 700; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.2; }
.sub-page .main-title { margin-top: 1.0417vw; font-weight: 700; font-size: 2.5vw; line-height: 1.4; letter-spacing: -2px; }
.sub-page .highlight { color: #002FA7 !important; }
.section-video { z-index: 1; position: relative; aspect-ratio: 12/4.7; width: 100%; }
.section-video:after { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/main/bg_visual.svg) repeat-y center top -10vw/100vw; content: ""; }
.section-video > * { z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.parallax-img { position: absolute; bottom: 0; left: 50%; width: 100%; height: auto; transform: translate(-50%, 0); will-change: transform; }

/* 회사소개- 회사소개 */
.page-BIOF3 .section1 { padding: 16.7188vw 0; }
.page-BIOF3 .section1 .inner { z-index: 2; position: relative; }
.page-BIOF3 .section1 .info-area { display: flex; gap: 0.625vw; }
.page-BIOF3 .section1 .info-area .area-inner { display: flex; width: 100%; gap: 0.2604vw; }
.page-BIOF3 .section1 .info-area .area-inner.fixed { flex-shrink: 0; width: calc((100% - 1.875vw) / 4); }
.page-BIOF3 .section1 .info-area .item-box { display: flex; align-items: flex-start; width: 100%; min-height: 11.9271vw; padding: 2.6042vw 2.0833vw; gap: 0.5729vw; border-radius: 3px; }
.page-BIOF3 .section1 .info-area .item-box .item-title { flex-shrink: 0; width: 7.8125vw; font-weight: 700; font-size: clamp(14px, 1.1458vw, 22px); line-height: 1.2; }
.page-BIOF3 .section1 .info-area .item-box .item-desc { width: 100%; color: #fff; font-weight: 700; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.5; }
.page-BIOF3 .section1 .info-area .item-box1 { background: #002FA7; }
.page-BIOF3 .section1 .info-area .item-box1 .item-title { color: #C87560; }
.page-BIOF3 .section1 .info-area .item-box2 { background: #C87560; }
.page-BIOF3 .section1 .info-area .item-box2 .item-title { color: #0A34A1; }
.page-BIOF3 .section1 .info-area .item-box3 { flex: 1; background: #EFEFEF; }
.page-BIOF3 .section1 .info-area .item-box3 .item-title { width: 6.7708vw; }
.page-BIOF3 .section1 .info-area .item-box3 .item-desc { color: #000; }
.page-BIOF3 .section1 .info-area .item-box3 .item-desc p + p { margin-top: 1.0417vw; }
.page-BIOF3 .section1 .obj_area { z-index: 1; position: absolute; top: 50%; left: 50%; width: 62.0833vw; height: 62.0833vw; transform: translate(-50%, -50%); }
.page-BIOF3 .section1 .obj_area .img-obj { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; animation: rotate360 30s linear infinite; }
.page-BIOF3 .section1 .obj_area .img-obj2 { animation-delay: -1s; }
.page-BIOF3 .section1 .obj_area .img-obj3 { animation-delay: -2s; }
.page-BIOF3 .section2 { padding: 3.3854vw 0; }
.page-BIOF3 .section2 .map-area { aspect-ratio: 12/4.3; width: 100%; margin-top: 2.6042vw; overflow: hidden; border-radius: 3px; background: #f6f7f6; }
.page-BIOF3 .section2 .map-area .root_daum_roughmap { width: 100% !important; height: 100% !important; }
.page-BIOF3 .section2 .map-area .root_daum_roughmap .wrap_map { width: 100% !important; height: 100% !important; }
.page-BIOF3 .section2 .map-area .root_daum_roughmap .map_border { display: none !important; }
.page-BIOF3 .section2 .map-info-area { display: flex; margin-top: 3.0729vw; gap: 0.625vw; }
.page-BIOF3 .section2 .map-info-area .info-area { padding: 0 0.6771vw; }
.page-BIOF3 .section2 .map-info-area .info-area .item-box { display: flex; align-items: flex-start; gap: 0.5729vw; font-size: clamp(10px, 1vw, 16px); line-height: 1.4; }
.page-BIOF3 .section2 .map-info-area .info-area .item-box + .item-box { margin-top: 0.7813vw; }
.page-BIOF3 .section2 .map-info-area .info-area .item-box .item-title { min-width: 7.5521vw; font-weight: 700; }
.page-BIOF3 .section2 .map-info-area .info-area .item-box .item-desc { font-weight: 500; }
.page-BIOF3 .section2 .map-info-area .info-area1 { width: calc((100% - 1.25vw) / 2); }
.page-BIOF3 .section2 .map-info-area .info-area2 { width: calc((100% - 1.25vw) / 4); }
.page-BIOF3 .section2 .map-info-area .info-area2 .item-box .item-title { min-width: 0; }
.page-BIOF3 .section2 .map-info-area .info-area2 .item-box .item-desc { color: #002FA7; font-weight: 700; }
.page-BIOF3 .section2 .map-info-area .info-btn { display: block; position: relative; width: calc((100% - 1.25vw) / 4); min-height: 11.9271vw; padding: 1.6146vw 1.3542vw; border-radius: 3px; background: #002FA7; color: #fff; font-weight: 600; font-size: clamp(10px, 1.0417vw, 20px); line-height: 1; }
.page-BIOF3 .section2 .map-info-area .info-btn:after { position: absolute; right: 1.5625vw; bottom: 1.5625vw; width: 2.6042vw; height: 2.6042vw; background: url(../../images/common/icon_arr17.svg) no-repeat center/contain; content: ""; }
.page-BIOF3 .section3 { padding-top: 12.9167vw; overflow: hidden; }
.page-BIOF3 .section3 .title-area { text-align: center; }
.page-BIOF3 .section3 .title-area .main-title { margin-top: 1.875vw; }
.page-BIOF3 .section3 .cover-area { margin-top: 7.2917vw; }
.page-BIOF3 .section3 .cover-area .cover-title { position: relative; left: 50%; width: 130%; transform: translateX(-50%); color: #C87560; font-weight: 700; font-size: 13.5417vw; line-height: 0.8; letter-spacing: -11px; text-align: center; text-transform: uppercase; mix-blend-mode: multiply; }
.page-BIOF3 .section3 .cover-area .cover-title > span { display: inline-block; }
.page-BIOF3 .section3 .cover-area .cover-img { position: relative; width: 100%; margin-top: -7.2917vw; }
.page-BIOF3 .section3 .cover-area .cover-img > img { width: 100%; mix-blend-mode: multiply; }
.page-BIOF3 .section3 .cover-area .cover-desc { z-index: 1; position: relative; margin-top: -1px; padding: 0 1.0417vw 1.875vw; background: #282522; color: #fff; font-weight: 600; font-size: 2.0833vw; line-height: 1.5; letter-spacing: -2px; text-align: center; }
.page-BIOF3 .section4 { margin-top: -1px; background: #282522 url(../../images/contents/sub3_bg.svg) repeat-y center top/100%; }
.page-BIOF3 .section4 .info-area { padding: 0 0.1563vw; overflow: hidden; }
.page-BIOF3 .section4 .info-area .inner { display: flex; justify-content: space-between; padding-top: 10.0521vw; padding-bottom: 3.75vw; gap: 0.625vw; border-radius: 3px; background: rgba(0, 0, 0, 0.4); }
.page-BIOF3 .section4 .info-area .item-box { color: #fff; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.7; }
.page-BIOF3 .section4 .value-area { margin-top: 0.5729vw; padding: 0 0.1563vw; }
.page-BIOF3 .section4 .value-area .inner { padding: 2.6042vw 0 0; overflow: hidden; border-radius: 3px; background: #002FA7; }
.page-BIOF3 .section4 .value-area .main-title { margin-bottom: 0.9375vw; padding: 0 3.9583vw; color: #fff; font-size: 1.3542vw; }
.page-BIOF3 .section4 .value-area .item-box { display: flex; align-items: flex-start; width: 100%; min-height: 12.5vw; padding: 4.6354vw 3.9583vw 3.4375vw; gap: 0.5729vw; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; }
.page-BIOF3 .section4 .value-area .item-box:last-child { border-bottom: 0; }
.page-BIOF3 .section4 .value-area .item-box .item-number { flex-shrink: 0; width: 22.3958vw; color: rgba(255, 255, 255, 0.6); font-weight: 600; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.2; }
.page-BIOF3 .section4 .value-area .item-box .item-title { flex-shrink: 0; width: 23.6979vw; font-weight: 500; font-size: 3.125vw; line-height: 1; letter-spacing: -0.1042vw; }
.page-BIOF3 .section4 .value-area .item-box .item-desc { display: flex; align-items: flex-start; width: 100%; gap: 5.5729vw; }
.page-BIOF3 .section4 .value-area .item-box .item-desc dl { width: 100%; }
.page-BIOF3 .section4 .value-area .item-box .item-desc dt { margin-bottom: 0.7292vw; color: #C87560; font-weight: 700; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.4; }
.page-BIOF3 .section4 .value-area .item-box .item-desc dd { font-size: clamp(10px, 0.8333vw, 16px); opacity: 0.7; }
.page-BIOF3 .section4 .competence-area { padding: 7.3438vw 0 12.6563vw; }
.page-BIOF3 .section4 .competence-area .inner { display: flex; gap: 0.625vw; }
.page-BIOF3 .section4 .competence-area .main-title { flex-shrink: 0; width: calc((100% - 1.875vw) / 4); padding: 0.6771vw 2.5vw; color: #fff; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.page-BIOF3 .section4 .competence-area .comp-area { display: flex; width: 100%; gap: 0.625vw; }
.page-BIOF3 .section4 .competence-area .comp-area .item-box { width: calc((100% - 1.25vw) / 3); padding: 1.3021vw 1.4063vw; border-radius: 3px; background: #312E2B; color: #fff; }
.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-number { display: inline-flex; align-items: center; justify-content: center; min-width: 7.4479vw; height: 2.9167vw; padding: 0.2604vw 0.7813vw; border: 1px solid rgba(220, 220, 220, 0.2); border-radius: 100px; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-title { margin-top: 4.0104vw; font-weight: 700; font-size: 1.4583vw; line-height: 1.3; }
.page-BIOF3 .section5 { padding: 10.4167vw 0 7.1354vw; }
.page-BIOF3 .section5 .title-area { margin-bottom: 7.9167vw; padding-left: 0.9375vw; }
.page-BIOF3 .section5 .title-area .main-title { margin-top: 1.4063vw; }
.page-BIOF3 .section5 .cont-area { display: flex; position: relative; align-items: flex-start; gap: 0.2604vw; }
.page-BIOF3 .section5 .cont-area .cont-title { flex-shrink: 0; width: calc((100% - 0.5208vw) / 4); padding-left: 1.6146vw; font-weight: 600; font-size: 2.0833vw; line-height: 1.2; }
.page-BIOF3 .section5 .cont-area .cont-desc { position: relative; width: calc(100% - (100% - 0.5729vw) / 4 - 0.2604vw); }
.page-BIOF3 .section5 .cont-area .cont-desc .desc-text { margin-bottom: 3.2292vw; padding-left: 1.0417vw; font-weight: 600; font-size: 1.0417vw; line-height: 1.6; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box { display: block; width: 100%; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-thumb { display: block; aspect-ratio: 12/12.649; width: 100%; overflow: hidden; border-radius: 3px; background: #D9D9D9; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc { margin-top: 0.9896vw; color: #1A1A1A; font-size: clamp(10px, 1vw, 16px); line-height: 1.2; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-name { font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-grade { margin-top: 0.4167vw; font-weight: 600; }
.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-text { margin-top: 0.8854vw; color: #666; line-height: 1.6; }
.page-BIOF3 .section5 .cont-area .swiper-btn-wrap { position: static; }
.page-BIOF3 .section5 .cont-area .swiper-btn { z-index: 2; position: absolute; top: 50%; width: 5.2083vw; height: 5.2083vw; border: 1.7px solid #fff; background-position: center; background-size: 0.8333vw; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.8); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08); font-size: 0; }
.page-BIOF3 .section5 .cont-area .swiper-prev { left: -1.3542vw; background-image: url(../../images/common/icon_arr05.svg); }
.page-BIOF3 .section5 .cont-area .swiper-next { right: -1.3542vw; background-image: url(../../images/common/icon_arr06.svg); }
.page-BIOF3 .section5 .cont-area .swiper-button-disabled { display: none !important; }
.page-BIOF3 .section5 .cont-area .swiper-pagination { display: none; }
.page-BIOF3 .section5 .friends-area { margin-top: 12.1875vw; }
.page-BIOF3 .section5 .friends-area .cont-desc .desc-text { margin-bottom: 6.875vw; }
.page-BIOF3 .section5 .friends-area .desc-list { display: flex; gap: 0.625vw; }
.page-BIOF3 .section5 .friends-area .desc-list .item-box { width: calc((100% - 1.25vw) / 3); }
.page-BIOF3 .section5 .friends-area .desc-list .item-box .item-thumb { aspect-ratio: 12/6.189; border: 1px solid #ddd; background: #FFF; }

/* 회사소개 - 연혁 */
.page-BIOF4 .history-section .history-year { color: #002FA7; font-weight: 600; font-size: clamp(12px, 1.0417vw, 20px); line-height: 1; text-align: center; }
.page-BIOF4 .history-section .history-title { margin-top: 1.6667vw; font-weight: 700; font-size: 3.75vw; line-height: 1.1; letter-spacing: -2px; text-align: center; }
.page-BIOF4 .history-section .history-thumb { position: relative; aspect-ratio: 12/4.604; width: 100%; margin-top: 1.4063vw; overflow: hidden; border-radius: 3px; }
.page-BIOF4 .history-section .history-list { position: relative; width: 100%; margin-top: 4.3229vw; padding-top: 2.0833vw; }
.page-BIOF4 .history-section .history-list:after { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -0.5px; background: #000; content: ""; }
.page-BIOF4 .history-section .history-list:before { position: absolute; top: 0; left: 50%; width: 0.4688vw; height: 0.4688vw; transform: translateX(-50%); border-radius: 100%; background: #000; content: ""; }
.page-BIOF4 .history-section .history-list .his-item { position: relative; width: 100%; height: 7.8125vw; margin-bottom: 5.8854vw; padding-left: 50%; }
.page-BIOF4 .history-section .history-list .his-item:last-child { height: auto; margin-bottom: 0; }
.page-BIOF4 .history-section .history-list .his-item .item-box { display: flex; position: relative; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; padding: 0 2.0833vw; padding-right: 0; gap: 1.0417vw; }
.page-BIOF4 .history-section .history-list .his-item .item-box:after { position: absolute; top: -2.0833vw; left: -0.2344vw; width: 0.4688vw; height: 0.4688vw; border-radius: 100%; background: #000; content: ""; }
.page-BIOF4 .history-section .history-list .his-item.highlight .item-box:after { background: #002FA7; }
.page-BIOF4 .history-section .history-list .his-item:first-child .item-box:after { display: none; }
.page-BIOF4 .history-section .history-list .his-item .item-box .desc-area { flex-shrink: 0; padding-top: 0.7292vw; }
.page-BIOF4 .history-section .history-list .his-item .item-box .item-year { font-weight: 600; font-size: 3.125vw; line-height: 1; letter-spacing: -2px; }
.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc { margin-top: 1.7188vw; color: rgba(0, 0, 0, 0.8); font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.2; }
.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc p + p { margin-top: 0.625vw; }
.page-BIOF4 .history-section .history-list .his-item .item-box .item-img { overflow: hidden; border-radius: 3px; }
.page-BIOF4 .history-section .history-list .his-item .item-box .item-img > img { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF4 .history-section .history-list .his-item:nth-child(even) { padding-right: 50%; padding-left: 0; text-align: right; }
.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box { flex-direction: row; padding: 0 2.0833vw; padding-left: 0; }
.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box:after { right: -0.2344vw; left: auto; }
.page-BIOF4 .section1 .history-year { padding-top: 1.4063vw; border-top: 3px solid #000; }
.page-BIOF4 .section2 { margin-top: 14.0625vw; }
.page-BIOF4 .section3 { margin-top: 14.0625vw; }
.page-BIOF4 .section3 .history-list { padding-bottom: 10.4167vw; }

/* 사업소개 - 사업영역 */
.page-BIOF6 .video-area { position: relative; width: 100%; overflow: hidden; border-radius: 3px; }
.page-BIOF6 .video-area > video { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF6 .diagram-area { position: relative; }
.page-BIOF6 .diagram-area > img { width: 100%; }
.page-BIOF6 .diagram-area > img.img-mo { display: none; }
.page-BIOF6 .section1 { padding-top: 11.0938vw; }
.page-BIOF6 .section1 .title-area { display: flex; justify-content: space-between; overflow: hidden; }
.page-BIOF6 .section1 .title-area .main-title { flex: 1; padding-top: 0.6771vw; padding-left: 1.5625vw; font-size: 3.125vw; }
.page-BIOF6 .section1 .title-area .btn-box { width: calc((100% - 1.875vw) / 4); }
.page-BIOF6 .section1 .diagram-area { margin-top: 0.5729vw; }
.page-BIOF6 .section1 .diagram-area > img { width: 100%; }
.page-BIOF6 .section1 .info-area { display: flex; width: 100%; margin-top: 0.5729vw; overflow: hidden; gap: 0.625vw; }
.page-BIOF6 .section1 .info-area .info-left { width: calc((100% - 0.625vw) / 2); }
.page-BIOF6 .section1 .info-area .info-left .video-area { aspect-ratio: 12/12.667; }
.page-BIOF6 .section1 .info-area .info-right { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; width: calc((100% - 0.625vw) / 2); }
.page-BIOF6 .section1 .info-area .info-right .video-area { aspect-ratio: 12/6.26; }
.page-BIOF6 .section1 .info-area .info-right .btn-box { width: calc((100% - 0.625vw) / 2); }
.page-BIOF6 .section2 { padding-top: 12.7604vw; }
.page-BIOF6 .section2 .title-area { display: flex; justify-content: space-between; margin-bottom: 13.125vw; overflow: hidden; }
.page-BIOF6 .section2 .title-area .main-title { flex: 1; padding-right: 2.0833vw; }
.page-BIOF6 .section2 .title-area .main-title .highlight { border-bottom: 1px solid #002FA7; }
.page-BIOF6 .section2 .title-area .video-area { width: calc((100% - 0.625vw) / 2); }
.page-BIOF6 .section2 .cont-area { display: flex; align-items: flex-start; gap: 0.625vw; }
.page-BIOF6 .section2 .cont-area + .cont-area { margin-top: 9.5833vw; }
.page-BIOF6 .section2 .cont-area .title-area { flex-direction: column; width: calc((100% - 1.7187vw) / 4); padding-top: 1.3021vw; padding-left: 1.3021vw; }
.page-BIOF6 .section2 .cont-area .title-area .title-text { margin-bottom: 4.9063vw; font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.2; }
.page-BIOF6 .section2 .cont-area .title-area .cm-btn { justify-content: space-between; width: 9.5833vw; padding: 0.2604vw 1.1979vw; padding-left: 1.7188vw; gap: 0.5729vw; }
.page-BIOF6 .section2 .cont-area .title-area .cm-btn:after { display: block; width: 1.25vw; height: 1.25vw; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }
.page-BIOF6 .section2 .cont-area .title-area .guide-text { margin-top: 0.5208vw; color: #848484; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.6; }
.page-BIOF6 .section2 .cont-area .desc-list-area { width: calc(100% - (100% - 33px) / 4); }
.page-BIOF6 .section2 .cont-area .desc-list-area .desc-list { display: flex; flex-wrap: wrap; gap: 5.2083vw 0.625vw; }
.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper { display: none; }
.page-BIOF6 .section2 .cont-area .desc-list-area .item-box { display: block; width: calc((100% - 1.25vw) / 3); }
.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-thumb { display: block; aspect-ratio: 12/6.189; width: 100%; overflow: hidden; border-radius: 3px; }
.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc { margin-top: 0.5729vw; }
.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc .item-title { display: inline-flex; align-items: center; justify-content: center; min-height: 2.9167vw; padding: 0.5208vw 1.1979vw; border: 1px solid #DCDCDC; border-radius: 100px; background: #fff; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.page-BIOF6 .section2 .video-full-area { aspect-ratio: 12/3.111; width: 100%; margin-top: 6.9792vw; overflow: hidden; border-radius: 3px; }
.page-BIOF6 .section2 .video-full-area .video-area { height: 100%; }
.page-BIOF6 .section2 .video-full-area .video-area > video { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; object-fit: unset; transform: translate(-50%, -35%); }
.page-BIOF6 .section3 { margin-top: 19.7917vw; padding: 3.8021vw 0 6.6146vw; background: #C87560 url(../../images/main/bg_visual.svg) repeat-y center top -6vw/100vw; }
.page-BIOF6 .section3 .inner { display: flex; }
.page-BIOF6 .section3 .title-area { width: calc((100% - 1.875vw) / 4); padding-left: 1.3021vw; }
.page-BIOF6 .section3 .title-area .main-title { margin: 0; color: #fff; font-size: 2.0833vw; letter-spacing: -1px; }
.page-BIOF6 .section3 .detail-area { width: calc(100% - (100% - 1.875vw) / 4); }
.page-BIOF6 .section3 .detail-area .detail-text { display: flex; gap: 8.6458vw; color: #fff; line-height: 1.6; }
.page-BIOF6 .section3 .detail-area .detail-text dt { font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); }
.page-BIOF6 .section3 .detail-area .detail-text dd { font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); }
.page-BIOF6 .section3 .detail-area .detail-video-area { position: relative; aspect-ratio: 12/6.275; width: 100%; margin-top: 4.4792vw; overflow: hidden; border-radius: 3px; }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-area > video { transform: scale(-1, 1); }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-info { display: flex; position: absolute; right: 0.2604vw; bottom: 0.2604vw; left: 0.2604vw; gap: 0.2604vw; }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box { display: flex; position: relative; flex-direction: column; width: calc((100% - 0.5208vw) / 3); min-height: 11.6146vw; padding: 1.5625vw; border-radius: 3px; background: rgba(127, 69, 54, 0.15); }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-number { position: absolute; bottom: 0.6771vw; left: 1.5625vw; color: #002FA7; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.5; letter-spacing: 1px; }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-title { color: #002FA7; font-weight: 700; font-size: clamp(14px, 1.25vw, 24px); line-height: 1.4; }
.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-desc { margin-top: 1.0417vw; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.5; }
.page-BIOF6 .section4 { padding: 7.8646vw 0 6.1979vw; }
.page-BIOF6 .section4 .title-area { display: flex; align-items: center; }
.page-BIOF6 .section4 .title-area .main-title { width: 25vw; margin: 0; padding-left: 1.8229vw; font-size: 2.0833vw; }
.page-BIOF6 .section4 .title-area .sub-title { flex-shrink: 0; color: #000; }
.page-BIOF6 .section4 .client-list-area { margin-top: 8.8542vw; }
.page-BIOF6 .section4 .client-list-area .client-list { display: flex; flex-wrap: wrap; gap: 0.5729vw; }
.page-BIOF6 .section4 .client-list-area .client-swiper { display: none; }
.page-BIOF6 .section4 .client-list-area .item-box { display: block; position: relative; width: calc((100% - 1.7187vw) / 4); }
.page-BIOF6 .section4 .client-list-area .item-box .item-title { z-index: 2; position: absolute; top: 1.0417vw; left: 1.0417vw; color: #A1A1A1; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.6; }
.page-BIOF6 .section4 .client-list-area .item-box .item-thumb { display: flex; align-items: center; justify-content: center; width: 100%; height: 11.9271vw; border: 1px solid #DBDBDB; border-radius: 3px; background: #FFF; }
.page-BIOF6 .section4 .client-list-area .item-box .item-thumb .thumb { width: auto; max-width: 60%; height: auto; max-height: 60%; object-fit: contain; }
.page-BIOF6 .section4 .client-list-area .item-box.nologo .item-title { position: static; color: #000; font-weight: 700; font-size: 1.875vw; line-height: 1.6; }

/* 사업소개 - 주요활동 */
.page-BIOF7 .section1 { padding: 7.1354vw 0 3.0729vw; overflow: hidden; background: url(../../images/main/bg_visual.svg) repeat-y center top/100vw, url(../../images/contents/sub7_img01.jpg) no-repeat center top/cover; }
.page-BIOF7 .section1 .title-area { text-align: center; }
.page-BIOF7 .section1 .title-area .main-title { margin-top: 1.5625vw; font-size: 3.125vw; }
.page-BIOF7 .section1 .title-area .sub-title { color: #000; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); }
.page-BIOF7 .section1 .info-area { display: flex; margin-top: 8.0729vw; gap: 0.5729vw; }
.page-BIOF7 .section1 .info-area .item-box { display: flex; align-items: flex-start; width: calc((100% - 1.1458vw) / 3); padding: 1.9271vw 2.6042vw; gap: 1.5625vw; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; background: rgba(0, 0, 0, 0.8); color: #fff; }
.page-BIOF7 .section1 .info-area .item-box .item-number { position: relative; flex: 1; margin-top: 0.5208vw; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.page-BIOF7 .section1 .info-area .item-box .item-number:before { position: absolute; top: 0.1823vw; left: 1.8229vw; width: 0.2083vw; height: 0.2083vw; border-radius: 100%; background: #fff; content: ""; }
.page-BIOF7 .section1 .info-area .item-box .item-number:after { position: absolute; top: 0.2604vw; right: 0; left: 1.8229vw; height: 1px; background: rgba(255, 255, 255, 0.5); content: ""; }
.page-BIOF7 .section1 .info-area .item-box .desc-area { position: relative; width: 15.625vw; }
.page-BIOF7 .section1 .info-area .item-box .desc-area:before { position: absolute; top: 0.7292vw; left: -1.5625vw; width: 0.2083vw; height: 0.2083vw; border-radius: 100%; background: #fff; content: ""; }
.page-BIOF7 .section1 .info-area .item-box .item-title { font-weight: 700; font-size: 1.4583vw; line-height: 1.3; }
.page-BIOF7 .section1 .info-area .item-box .item-desc { margin-top: 0.8333vw; font-weight: 500; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1.6; }
.page-BIOF7 .section2 { padding: 7.9688vw 0 1.7708vw; overflow: hidden; }
.page-BIOF7 .section2:before { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.42); content: ""; }
.page-BIOF7 .section2:after { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/main/bg_visual.svg) repeat-y center top/100vw rgba(151, 178, 246, 0.5); background-blend-mode: overlay; content: ""; }
.page-BIOF7 .section2 .bg-video { z-index: 1; position: absolute; top: -4px; left: -4px; width: 1927px; min-width: 100%; height: 3426px; min-height: 100%; object-fit: cover; transform: rotate(-180deg); opacity: 0.8; }
.page-BIOF7 .section2 .inner { z-index: 3; position: relative; }
.page-BIOF7 .section2 .title-area { margin-bottom: 3.1771vw; padding-left: 1.25vw; overflow: hidden; }
.page-BIOF7 .section2 .title-area .main-title { font-size: 2.8646vw; }
.page-BIOF7 .section2 .info-swiper { position: relative; width: 100%; }
.page-BIOF7 .section2 .info-swiper .swiper-slide { height: auto; }
.page-BIOF7 .section2 .info-swiper .item-box { display: block; width: 100%; height: 100%; padding: 0.2604vw; overflow: hidden; border-radius: 3px; background: #fff; }
.page-BIOF7 .section2 .info-swiper .item-box .item-thumb { display: block; aspect-ratio: 12/7.372; width: 100%; overflow: hidden; border-radius: 3px; }
.page-BIOF7 .section2 .info-swiper .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF7 .section2 .info-swiper .item-box .item-desc { margin-top: 1.9271vw; padding: 0 1.0417vw 1.0417vw; }
.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-title { font-weight: 700; font-size: 1.3542vw; line-height: 1.2; }
.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-text { margin-top: 1.4583vw; font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.7; }
.page-BIOF7 .section2 .info-swiper .swiper-btn { z-index: 2; position: absolute; top: 50%; width: 5.2083vw; height: 5.2083vw; transform: translateY(-50%); border: 1.667px solid #FFF; border-radius: 3px; background-position: center; background-size: 0.8333vw; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.8); box-shadow: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.08)); font-size: 0; }
.page-BIOF7 .section2 .info-swiper .swiper-prev { left: -2.3438vw; background-image: url(../../images/common/icon_arr05.svg); }
.page-BIOF7 .section2 .info-swiper .swiper-next { right: -2.3438vw; background-image: url(../../images/common/icon_arr06.svg); }
.page-BIOF7 .section2 .info-swiper .swiper-pagination { display: none; }
.page-BIOF7 .section3 { padding-top: 15.625vw; }
.page-BIOF7 .section3 .title-area { margin-bottom: 1.3021vw; padding-left: 1.1458vw; }
.page-BIOF7 .section3 .title-area .main-title { margin: 0; margin-bottom: 1.0417vw; }
.page-BIOF7 .section3 .title-area .sub-text { font-weight: 600; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.6; }
.page-BIOF7 .section3 .info-area { display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; gap: 0.5729vw; }
.page-BIOF7 .section3 .info-area .info-desc { padding-bottom: 1.5625vw; }
.page-BIOF7 .section3 .info-area .info-desc .desc-item { display: flex; align-items: flex-start; gap: 0.5729vw; font-size: clamp(10px, 1vw, 16px); line-height: 1.4; }
.page-BIOF7 .section3 .info-area .info-desc .desc-item + .desc-item { margin-top: 0.7813vw; }
.page-BIOF7 .section3 .info-area .info-desc .desc-item dt { min-width: 7.2917vw; font-weight: 700; }
.page-BIOF7 .section3 .info-area .info-desc .desc-item dd { font-weight: 500; }
.page-BIOF7 .section3 .info-area .info-desc1 { width: calc((100% - 0.625vw) / 2); }
.page-BIOF7 .section3 .info-area .info-desc2 { flex: 1; }
.page-BIOF7 .section3 .info-area .info-desc2 .desc-item dt { min-width: 0; }
.page-BIOF7 .section3 .info-area .info-desc2 .desc-item dd { color: #002FA7; font-weight: 700; }
.page-BIOF7 .section3 .info-area .btn-box { width: calc((100% - 1.7187vw) / 4); }
.page-BIOF7 .section3 .img-area { position: relative; aspect-ratio: 12/4.716; width: 100%; margin-top: 0.5208vw; overflow: hidden; border-radius: 3px; }
.page-BIOF7 .section4 { padding: 13.0208vw 0; }
.page-BIOF7 .section4 .info-area { display: flex; gap: 1.5625vw; }
.page-BIOF7 .section4 .info-area .title-area { width: 100%; padding-left: 1.0938vw; }
.page-BIOF7 .section4 .info-area .title-area .main-title { margin-top: 1.5625vw; }
.page-BIOF7 .section4 .info-area .cont-area { flex-shrink: 0; width: calc((100% - 0.625vw) / 2); }
.page-BIOF7 .section4 .info-area .cont-area .img-area { position: relative; overflow: hidden; border-radius: 3px; }
.page-BIOF7 .section4 .info-type1 .cont-area .img-area { aspect-ratio: 12/6.26; }
.page-BIOF7 .section4 .info-type1 .title-area .main-title { font-size: 2.1875vw; }
.page-BIOF7 .section4 .info-type2 { flex-direction: row-reverse; margin-top: 0.5208vw; }
.page-BIOF7 .section4 .info-type2 .title-area { padding: 0; padding-top: 0.5208vw; padding-right: 1.0938vw; padding-left: 1.3021vw; text-align: right; }
.page-BIOF7 .section4 .info-type2 .title-area .main-title { font-size: 1.6667vw; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 2.1354vw; margin-right: -1.3021vw; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-left { flex: 1; padding-bottom: 4.5833vw; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right { width: 50%; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .logo-box { display: flex; align-items: center; justify-content: center; width: 100%; height: 11.9271vw; margin-bottom: 0.5729vw; border: 1px solid #DBDBDB; border-radius: 3px; background: #FFF; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .logo-box .thumb { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .btn-box { text-align: left; }
.page-BIOF7 .section4 .info-type2 .cont-area .img-area { aspect-ratio: 12/9.464; }

/* 환이야기 */
.page-BIOF8 .quick-menu { z-index: 11; position: fixed; bottom: 4.8958vw; left: 2.9167vw; word-break: keep-all; transition: left 0.5s; }
.page-BIOF8 .quick-menu.hideQuickMenu { left: calc((2.9167vw + 102px) * -1); }
.page-BIOF8 .quick-menu .menu-area { display: flex; flex-direction: column; width: 5.3125vw; padding: 0.3125vw; padding-top: 1.7708vw; gap: 0.2604vw; border: 1px solid #FFF; border-radius: 3px; background: rgba(255, 255, 255, 0.8); box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.08); }
.page-BIOF8 .quick-menu .menu-area > a { display: flex; align-items: center; justify-content: center; min-height: 2.2917vw; padding: 0.2604vw; border-radius: 3px; font-weight: 600; font-size: clamp(10px, 0.6771vw, 13px); text-align: center; }
.page-BIOF8 .quick-menu .menu-area > a.active { background: #002FA7; color: #fff; }
.page-BIOF8 .quick-menu .menu-area > a.btn-top { height: 2.9688vw; margin-top: 2.0833vw; background: #fff url(../../images/common/icon_arr18.svg) no-repeat center/1.1979vw; font-size: 0; }
.page-BIOF8 .sub-head-wrap { min-height: 100vh; padding: 0; overflow: hidden; background: url(../../images/main/bg_visual.svg) repeat-y center top/100vw, url(../../images/contents/sub8_img01.jpg) no-repeat center/cover; }
.page-BIOF8 .sub-head-wrap .sub-head-area { flex-direction: column; align-items: center; justify-content: center; margin: 0; color: #fff; text-align: center; }
.page-BIOF8 .sub-head-wrap .sub-head-title { width: 100%; font-size: 4.1667vw; }
.page-BIOF8 .sub-head-wrap .sub-desc { width: 100%; margin-top: 11vh; padding: 0; }
.page-BIOF8 .sub-head-wrap .sub-desc .desc-text { font-size: 1.875vw; }
.page-BIOF8 .section0 { padding: 9.2188vw 0 5.2083vw; }
.page-BIOF8 .section0 .info-area { display: flex; justify-content: space-between; overflow: hidden; gap: 0.5729vw; }
.page-BIOF8 .section0 .info-area .item-box { max-width: 27.0833vw; padding-bottom: 2.9167vw; border-bottom: 3px solid #000; }
.page-BIOF8 .section0 .info-area .item-box .item-desc { color: #393939; font-weight: 600; font-size: clamp(14px, 1.25vw, 24px); line-height: 1.7; letter-spacing: -1px; }
.page-BIOF8 .section0 .info-area .item-box:nth-child(1) { max-width: 26.5625vw; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] { opacity: 1 !important; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] .item-box { transform: translateY(50%); opacity: 0; transition: opacity 1s, transform 1s; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] .item-box:nth-child(1) { transition-delay: 0s; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] .item-box:nth-child(2) { transition-delay: 0.2s; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] .item-box:nth-child(3) { transition-delay: 0.4s; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in] .item-box:nth-child(4) { transition-delay: 0.6s; }
.page-BIOF8 .section0 .info-area[data-aos=fade-in].aos-animate .item-box { transform: translateY(0); opacity: 1; }
.page-BIOF8 .section1 { padding: 8.6458vw 0 5.2083vw; }
.page-BIOF8 .section1 .title-area { display: flex; align-items: center; overflow: hidden; }
.page-BIOF8 .section1 .title-area .main-title { width: calc((100% - 1.875vw) / 4); margin: 0; font-size: 3.125vw; }
.page-BIOF8 .section1 .title-area .sub-text { flex: 1; padding-left: 0.625vw; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; }
.page-BIOF8 .section1 .types-area { margin-top: 8.125vw; }
.page-BIOF8 .section1 .types-area .types-cont-area { margin-top: 1.5625vw; }
.page-BIOF8 .section1 .types-area .types-cont-area .tab-cont { display: none; }
.page-BIOF8 .section1 .types-area .types-cont-area .tab-cont.active { display: block; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table { margin-top: 1.5625vw; padding: 0 1.0417vw; overflow: hidden; border-radius: 3px; background: #F5F5F5; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box { display: flex; align-items: flex-start; padding: 2.0833vw 1.0417vw; border-bottom: 1px solid #D9D9D9; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box:last-child { border-bottom: 0; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-number { flex-shrink: 0; width: 20.2604vw; color: #1A44B0; font-weight: 900; font-size: clamp(10px, 0.8333vw, 16px); }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-desc { flex-shrink: 0; width: 37.2396vw; padding-right: 5.2083vw; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-desc .item-title { font-weight: 700; font-size: 2.0833vw; letter-spacing: -1px; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-desc .item-text { margin-top: 2.6042vw; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-img { flex: 1; aspect-ratio: 12/4.505; overflow: hidden; border-radius: 3px; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table .item-box .item-img .thumb { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] { opacity: 1 !important; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box { transform: translateY(50%); opacity: 0; transition: opacity 1s, transform 1s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(1) { transition-delay: 0s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(2) { transition-delay: 0.2s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(3) { transition-delay: 0.4s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(4) { transition-delay: 0.6s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(5) { transition-delay: 0.8s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in] .item-box:nth-child(6) { transition-delay: 1s; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-table[data-aos=fade-in].aos-animate .item-box { transform: translateY(0); opacity: 1; }
.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper { display: none; }
.page-BIOF8 .section2 { padding: 6.7188vw 0 5.2083vw; }
.page-BIOF8 .section2 .title-area { display: flex; align-items: flex-start; overflow: hidden; }
.page-BIOF8 .section2 .title-area .main-title { width: calc((100% - 1.875vw) / 4); margin: 0; font-weight: 600; font-size: 3.125vw; line-height: 1.1; }
.page-BIOF8 .section2 .title-area .sub-text { flex: 1; padding-left: 0.625vw; font-weight: 600; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; }
.page-BIOF8 .section2 .material-area { margin-top: 4.1667vw; overflow: hidden; }
.page-BIOF8 .section2 .material-area .material-list { display: flex; gap: 0.5729vw; }
.page-BIOF8 .section2 .material-area .material-swiper { display: none; }
.page-BIOF8 .section2 .material-area .item-box { display: block; width: calc((100% - 1.7187vw) / 4); }
.page-BIOF8 .section2 .material-area .item-box .item-thumb { position: relative; aspect-ratio: 12/10.004; width: 100%; overflow: hidden; border: 1px solid #DEDEDE; border-radius: 3px; }
.page-BIOF8 .section2 .material-area .item-box .item-thumb .thumb { width: 100%; height: 100%; object-fit: cover; }
.page-BIOF8 .section2 .material-area .item-box .item-thumb .item-text { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.0417vw; background: linear-gradient(0deg, rgba(0, 47, 167, 0.6) 0%, rgba(0, 47, 167, 0.6) 100%); color: #fff; font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.4; text-align: center; opacity: 0; transition: opacity 0.5s; }
.page-BIOF8 .section2 .material-area .item-box:hover .item-thumb .item-text { opacity: 1; }
.page-BIOF8 .section2 .material-area .item-box .item-desc { margin-top: 1.0417vw; }
.page-BIOF8 .section2 .material-area .item-box .item-desc .item-title { font-weight: 700; font-size: 1.4583vw; line-height: 1; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] { opacity: 1 !important; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box { transform: translateY(50%); opacity: 0; transition: opacity 1s, transform 1s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(1) { transition-delay: 0s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(2) { transition-delay: 0.2s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(3) { transition-delay: 0.4s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(4) { transition-delay: 0.6s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(5) { transition-delay: 0.8s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in] .item-box:nth-child(6) { transition-delay: 1s; }
.page-BIOF8 .section2 .material-area .material-list[data-aos=fade-in].aos-animate .item-box { transform: translateY(0); opacity: 1; }
.page-BIOF8 .section2 .section2-2 { margin-top: 13.8021vw; }
.page-BIOF8 .section2 .quality-area { display: flex; align-items: flex-start; margin-top: 3.9063vw; }
.page-BIOF8 .section2 .quality-area .title-area { width: calc((100% - 36px) / 4); font-weight: 800; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; }
.page-BIOF8 .section2 .quality-area .cont-area { width: calc(100% - (100% - 36px) / 4); padding-left: 0.625vw; }
.page-BIOF8 .section2 .quality-area .quality-list { display: flex; flex-wrap: wrap; gap: 0.5729vw; }
.page-BIOF8 .section2 .quality-area .quality-swiper { display: none; }
.page-BIOF8 .section2 .quality-area .item-box { width: calc((100% - 1.1458vw) / 3); padding: 1.6146vw 1.6146vw 1.3542vw; border-radius: 3px; background: #F5F5F5; }
.page-BIOF8 .section2 .quality-area .item-box .item-title-area { padding-bottom: 1.1458vw; border-bottom: 1px solid #E1E1E1; }
.page-BIOF8 .section2 .quality-area .item-box .item-title-area .item-title { margin-top: 1.5625vw; font-weight: 700; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.2; }
.page-BIOF8 .section2 .quality-area .item-box .item-desc-area { margin-top: 4.5833vw; }
.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info + .item-info { margin-top: 1.5625vw; }
.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info { font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.6; }
.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info dt { margin-top: 0.2604vw; color: #C87560; }
.page-BIOF8 .section2 .info-area { z-index: 1; position: relative; margin-top: 12.8646vw; padding: 8.0729vw 0.5208vw 10.3646vw; overflow: hidden; border-radius: 3px; }
.page-BIOF8 .section2 .info-area:after { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; }
.page-BIOF8 .section2 .info-area .bg-video { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.page-BIOF8 .section2 .info-area .title-area { display: block; z-index: 2; position: relative; width: 100%; text-align: center; }
.page-BIOF8 .section2 .info-area .title-area .main-title { display: block; width: 100%; color: #fff; font-size: 2.0833vw; text-align: center; }
.page-BIOF8 .section2 .info-area .info-list { display: flex; z-index: 2; position: relative; margin-top: 5.2083vw; padding: 1.5625vw 0; gap: 0.7813vw; }
.page-BIOF8 .section2 .info-area .info-list .item-box { width: calc((100% - 3.1252vw) / 5); padding: 1.6667vw 2.3438vw; transform: translateY(-1.5625vw); border-radius: 3px; background: rgba(255, 255, 255, 0.8); transition: transform 0.8s 0.2s; }
.page-BIOF8 .section2 .info-area .info-list .item-box:nth-child(even) { transform: translateY(1.5625vw); }
.page-BIOF8 .section2 .info-area .info-list.active .item-box { transform: translateY(0); }
.page-BIOF8 .section2 .info-area .info-list.active .item-box:nth-child(even) { transform: translateY(0); }
.page-BIOF8 .section2 .info-area .info-list .item-box .item-number { color: #002FA7; font-weight: 700; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; }
.page-BIOF8 .section2 .info-area .info-list .item-box .item-title { margin-top: 0.7292vw; font-weight: 700; font-size: 1.3542vw; letter-spacing: -1px; }
.page-BIOF8 .section2 .info-area .info-list .item-box .item-text { margin-top: 1.9792vw; font-weight: 500; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.5; }
.page-BIOF8 .section2 .info-title { padding: 5.7292vw 0; font-weight: 700; font-size: 1.4583vw; line-height: 1.4; text-align: center; }
.page-BIOF8 .section3 { padding: 5.7292vw 0 9.375vw; background: url(../../images/contents/sub9_img25.png) no-repeat bottom right/58.4896vw; }
.page-BIOF8 .section3 .title-area { margin-bottom: 6.25vw; overflow: hidden; }
.page-BIOF8 .section3 .title-area .main-title { font-weight: 600; font-size: 3.125vw; line-height: 1.1; }
.page-BIOF8 .section3 .process-list { overflow: hidden; }
.page-BIOF8 .section3 .process-list .item-box { display: flex; align-items: flex-start; gap: 2.0833vw; }
.page-BIOF8 .section3 .process-list .item-box + .item-box { margin-top: 3.6458vw; }
.page-BIOF8 .section3 .process-list .item-box .item-number { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 7.2917vw; height: 3.6979vw; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 100px; background: #fff; color: #002FA7; font-weight: 900; font-size: clamp(10px, 0.8333vw, 16px); }
.page-BIOF8 .section3 .process-list .item-box .item-title { flex-shrink: 0; width: 35.9375vw; margin-top: 0.5208vw; font-weight: 600; font-size: 2.7083vw; line-height: 1; }
.page-BIOF8 .section3 .process-list .item-box .item-info { display: flex; flex: 1; align-items: flex-start; gap: 0.5729vw; color: #666; font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.5; }
.page-BIOF8 .section3 .process-list .item-box .item-info dl { width: calc((100% - 0.5729vw) / 2); padding: 1.0417vw; border-radius: 3px; backdrop-filter: blur(12px); background: rgba(0, 0, 0, 0.04); }
.page-BIOF8 .section3 .process-list .item-box .item-info dl dt { color: #000; font-weight: 700; font-size: clamp(12px, 1.0417vw, 20px); line-height: 1.4; }
.page-BIOF8 .section3 .process-list .item-box .item-info dl dd { margin-top: 0.4167vw; color: #666; font-weight: 600; font-size: clamp(10px, 0.9375vw, 18px); line-height: 1.5; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] { opacity: 1 !important; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box { transform: translateY(120%); opacity: 0; transition: opacity 1s, transform 1s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(1) { transition-delay: 0s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(2) { transition-delay: 0.2s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(3) { transition-delay: 0.4s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(4) { transition-delay: 0.6s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(5) { transition-delay: 0.8s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in] .item-box:nth-child(6) { transition-delay: 1s; }
.page-BIOF8 .section3 .process-list[data-aos=fade-in].aos-animate .item-box { transform: translateY(0); opacity: 1; }
.page-BIOF8 .section4 { margin-top: 5.2083vw; margin-bottom: -3px; padding-top: 6.25vw; background: #192439; color: #fff; }
.page-BIOF8 .section4 .title-area { display: flex; align-items: flex-start; overflow: hidden; gap: 0.5729vw; }
.page-BIOF8 .section4 .title-area .main-title { width: 50%; margin: 0; font-weight: 600; font-size: 3.125vw; line-height: 1.1; }
.page-BIOF8 .section4 .title-area .sub-text { flex: 1; padding-left: 0.625vw; font-weight: 500; font-size: clamp(14px, 1.0417vw, 20px); line-height: 1.5; }
.page-BIOF8 .section4 .facility-area { margin-top: 5.8854vw; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box { display: flex; align-items: flex-start; padding: 2.0833vw 0; gap: 2.0833vw; border-bottom: 1px solid #506386; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box:last-child { border-bottom: 0; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc { flex: 1; padding-top: 1.0417vw; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-title { margin-bottom: 3.125vw; font-weight: 600; font-size: 2.0833vw; line-height: 1.1; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info { display: flex; flex-wrap: wrap; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl { width: 50%; padding: 1.25vw 0 3.5417vw; border-top: 1px solid rgba(80, 99, 134, 0.3); }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt { font-weight: 700; font-size: 1.1458vw; line-height: 1.6; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt > span { padding-left: 0.5208vw; color: #506386; font-size: 1.0417vw; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt > span.type2 { display: block; padding: 0; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dd { margin-top: 0.8333vw; font-weight: 500; font-size: 0.9375vw; line-height: 1.5; }
.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-img { position: relative; aspect-ratio: 12/8.372; width: 44.7917vw; overflow: hidden; border-radius: 3px; }
.page-BIOF8 .section4 .facility-area .facility-swiper { display: none; }
.page-BIOF8 .section4 .vision-area { display: flex; margin-top: 6.4063vw; }
.page-BIOF8 .section4 .vision-area .left-area { position: relative; flex: 1; padding-right: 1.5625vw; text-align: right; }
.page-BIOF8 .section4 .vision-area .left-area .sign-area { position: absolute; top: 18.75vw; left: 0; color: #DBDBDB; font-size: clamp(10px, 0.625vw, 12px); line-height: 1.4; text-align: left; }
.page-BIOF8 .section4 .vision-area .left-area .sign-area img { margin-top: 0.7292vw; }
.page-BIOF8 .section4 .vision-area .right-area { width: 50%; }
.page-BIOF8 .section4 .vision-area .right-area .title-area { overflow: hidden; font-weight: 600; font-size: 2.5vw; line-height: 1.6; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list { display: flex; margin-top: 4.1146vw; gap: 1.5625vw; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left { display: flex; flex-direction: column; width: calc((100% - 30px) / 2); gap: 0.5208vw; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box { min-height: 7.2917vw; padding: 1.0417vw; border-radius: 3px; background: #1F2D48; line-height: 1.6; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-title { font-weight: 700; font-size: clamp(12px, 1.0417vw, 20px); }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-desc { margin-top: 0.4167vw; color: #DE7B61; font-weight: 600; font-size: clamp(10px, 0.9375vw, 18px); }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right { width: calc((100% - 1.5625vw) / 2); padding-top: 0.5208vw; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text { font-weight: 600; font-size: clamp(10px, 1vw, 16px); line-height: 1.6; }
.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text + .item-text { margin-top: 1.5625vw; }

/* 로그인 */
.login-area { padding: 14.4271vw 0 4.8958vw; }
.login-area .login-title { text-align: center; }
.login-area .login-title img { width: 30.1563vw; }
.login-area .login-form { display: flex; flex-direction: column; width: 100%; max-width: 30.1563vw; margin: 4.2188vw auto 0; gap: 0.5729vw; }
.login-area .login-form .form-control { width: 100%; height: 3.125vw; border: 1px solid #FFF; border-radius: 3px; background: #D3D3D3; font-weight: 600; font-size: clamp(10px, 1vw, 16px); }
.login-area .login-form .form-control::placeholder { color: #616161; }
.login-area .login-form .form-control.error { border-color: #F00; }
.login-area .login-form .text-error { color: #F00; font-weight: 400; font-size: 12px; }
.login-area .login-form .btn-area { margin-top: 2.0833vw; }
.login-area .login-form .btn-area .cm-btn { width: 100%; height: 3.125vw; font-weight: 600; font-size: clamp(10px, 1vw, 16px); }
.login-area .login-form .etc-area { margin-top: 18px; text-align: center; }
.login-area .login-form .etc-area .btn-find { color: #7A7A7A; font-weight: 600; font-size: clamp(10px, 0.7292vw, 14px); line-height: 1; text-decoration: underline; text-underline-offset: 1px; }
.login-area .login-form .etc-area .text-guide { font-weight: 600; font-size: clamp(10px, 0.625vw, 12px); line-height: 1.4; }

/* 스토리 & 미디어 & 바이오피던스 100% 활용하기 */
.page-BIOF9 .sub-head-wrap { height: auto; padding-bottom: 14.479vw; }
.search-input-box { position: relative; display: flex; margin: 13.49vw auto 4.271vw; width: 46.615vw; height: 3.646vw; border: 1px solid #7b7b7b; border-radius: 3px; overflow: hidden; }
.search-input-box input { width: 100%; padding: 0 1.563vw; border: 0; font-weight: 500; color: #000; font-size: 1.042vw; }
.search-input-box input::placeholder { color: #6c6c6c;}
.search-input-box .btn-search { position: absolute; top: 50%; right: 0.833vw; width: 40px; height: 40px; background:url(../../images/common/icon_search01.svg) no-repeat center center; transform: translateY(-50%);}
/* pagination 공통 */
.pagination { display: flex; gap: 4px; justify-content: center; margin:4.427vw auto 3.906vw; }
.pagination .pagination-num, .pagination .pagination-btn { position: relative; min-width: 3.229vw; height: 3.229vw; border-radius: 0.156vw; border:1px solid #e0e1e8; background: #fff; font-size: 1.042vw; }
.pagination .pagination-btn:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.538vw; height: 0.969vw; background: url(../../images/common/pagination_arr.svg); background-size: 100% 100%; transform: translate(-50%, -50%); }
.pagination .pagination-btn[disabled]:after { opacity: 0.5; }
.pagination .pagination-btn.prev:after { transform: translate(-50%, -50%) rotate(180deg); }
.pagination .pagination-num.is-active { font-weight: 700; }
/* 리스트 */
.card-list-wrap .support-story-grid { display: flex; flex-wrap: wrap; gap: 0.26vw; margin: 0 auto; }
.card-list-wrap .card-box { position: relative; width: calc( 100% / 4 - 0.573vw); height: 36.927vw; border: 1px solid #f1f1f1; background:#fff; }
.card-list-wrap .card-box .card-item { display: block; height: 100%; }
.card-list-wrap .card-box .card-item-media { height: 24.323vw; }
.card-list-wrap .card-box .card-item-media img { width: 100%; height: 100%; object-fit: cover; }
.card-list-wrap .card-box .card-item-body { padding: 1.615vw 0.938vw 1.302vw; }
.card-list-wrap .card-box .card-item-body .item-tag { color:#1a44b0; font-weight: 700; font-size: 0.625vw; }
.card-list-wrap .card-box .card-item-body .card-item-title { position: relative; margin-top: 1.042vw;  }
.card-list-wrap .card-box .card-item-body .card-item-title .card-title { height: 3.125vw; max-height: 3.125vw; font-size: 1.042vw; font-weight: 600; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.card-list-wrap .card-box .card-item-body .card-item-title .card-desc { display: none;  position: absolute; right: 0; bottom: 1.563vw; padding: 0.833vw 1.563vw 1.094vw; width: 19.479vw; min-height: 5.024vw; background: #0a34a1; border-radius: 2px 2px 0 0; font-size: 0.833vw; color: #fff; animation: floatUpDown 2s ease-in-out infinite; }
.card-list-wrap .card-box .card-item-body .card-client { margin-top: 0.521vw; font-size: 0.625vw; font-weight: 400; color: #999; }
.card-list-wrap .card-box .card-item-body .card-client span { margin-left: 0.26vw; color: #6c6c6c; font-weight: 500; }
.card-list-wrap .card-box .card-item-body .card-date { position: absolute; left: 0.99vw; bottom: 1.302vw; color: #a9a9a9; font-size: 0.625vw; }
.card-list-wrap .card-box .card-item-body .card-arrow { opacity: 0; position: absolute; right: 1.042vw; bottom: 1.042vw; width: 1.25vw; height: 1.25vw; background: url(../../images/common/icon_arr_right.svg) no-repeat; background-size: 100% 100%; transform: translateX(-50%) translateY(calc(-100% + .5rem)); transition: transform .4s cubic-bezi er(1, 1, .25, .995); }
.card-list-wrap .card-box .card-item:hover .card-item-body .card-arrow { opacity: 1; transform: translateX(0) translateY(0); transition-duration: .6s; transition-timing-function: cubic-bezier(.19, 1, .22, 1);}
.card-list-wrap .card-box:hover { background:#f0f0f0; }
.card-list-wrap .card-box:hover .card-item-body .card-item-title .card-title { text-decoration: underline; }
.card-list-wrap .card-box:hover .card-item-body .card-item-title .card-desc.on { z-index: 1; display: block; }
.card-list-wrap .card-box:hover .card-item-body .card-item-title .card-desc:after { content: ""; z-index: -1; position: absolute; bottom: -0.573vw; right: -1px; width: 19.479vw; height: 5.024vw; background: url(../../images/common/bubble_pointer.svg) no-repeat; background-size: 100% 100%; }
.card-list-wrap.card-list-wrap--typeA { display: flex; }
.card-list-wrap.card-list-wrap--typeA .support-story-grid { padding: 0 0.286vw }
.card-list-wrap.card-list-wrap--typeA .card-box { width: calc( 100% / 2 - 0.573vw); }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card { display: block; width: 100%; min-width: calc( 100% / 2 - 0.573vw ); height: 74.125vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-media { height: 46.823vw }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item { display: block; width: 100%; height: 100%; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body { padding :3.229vw 1.979vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .item-tag { font-size: 1.042vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-item-title { margin-top: 2.083vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-item-title .card-title { display: block; height: 5.833vw; max-height: 5.833vw; font-size: 2.083vw; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-item-title .card-desc { width: 38.958vw; height: auto; font-size: 1.563vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-client { margin-top: 1.563vw; font-size: 1.042vw;  }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-client span { margin-left: 0.521vw; color: #6c6c6c; font-weight: 500; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-date { left: 1.979vw; bottom: 1.979vw; font-size: 1.042vw; }
.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-arrow { width: 3.125vw; height: 3.125vw; }

@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* 위로 이동 */
  }
  100% {
    transform: translateY(0); /* 다시 내려옴 */
  }
}

/* 상세 */
.board-detail-wrap { margin: 0 auto; padding: 14.583vw 10.156vw; }
.board-detail-wrap .board-tag { font-size: 1.042vw; font-weight: 700; color:#002fa7; }
.board-detail-wrap .board-title { margin-top: 2.083vw; font-size: 2.917vw; font-weight: 700; line-height: 1.4; margin-bottom: 5.833vw; }
.board-detail-wrap .board-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.094vw; }
.board-detail-wrap .board-meta .board-meta-info { display: flex; align-items: center; font-size: 0.938vw; color: #000; }
.board-detail-wrap .board-meta .board-meta-info .board-company { font-weight: 600; }
.board-detail-wrap .board-meta .board-meta-info .board-date { font-weight: 500; opacity: .8; }
.board-detail-wrap .board-meta .board-meta-info .board-company + .board-date { margin-left: 4.635vw; }
.board-detail-wrap .board-meta .board-meta-sns { display: flex; align-items: center; gap: 0.156vw; }
.board-detail-wrap .board-meta .board-meta-sns .board-sns { display: block; width: 2.083vw; height: 2.083vw; background-repeat: no-repeat; background-size: 100% 100%; }
.board-detail-wrap .board-meta .board-meta-sns .board-sns.sns-naver { background-image: url(../../images/common/sns_naver.svg); }
.board-detail-wrap .board-meta .board-meta-sns .board-sns.sns-linkedin { background-image: url(../../images/common/sns_linkedin.svg); }
.board-detail-wrap .board-meta .board-meta-sns .board-sns.sns-facebook { background-image: url(../../images/common/sns_facebook.svg); }
.board-detail-wrap .board-meta .board-meta-sns .board-sns.sns-x { background-image: url(../../images/common/sns_x.svg); }
.board-detail-wrap .board-meta .board-meta-sns .board-sns.sns-linkcopy { background-image: url(../../images/common/sns_linkcopy.svg); }
.board-detail-wrap .board-meta .board-meta-sns .board-sns:hover { transform: translateY(-5px); }
.board-detail-wrap .board-content { padding: 4.479vw 0 10.156vw; }
.board-detail-wrap .board-content p { font-size: 1.25vw; font-weight: 600; }
.board-detail-wrap .article-image,
.board-detail-wrap .article-image { border-radius: 0.156vw; overflow: hidden; }
.board-detail-wrap .article-image + .article-image,
.board-detail-wrap .article-image + .article-video,
.board-detail-wrap .article-video + .article-video,
.board-detail-wrap .article-video + .article-image {margin-top: 0.573vw; }
.board-detail-wrap .article-video { position: relative; width: 100%; height: 100%; padding-top: 56.2%; }
.board-detail-wrap .article-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.board-nav-wrap { width: 100%; margin: 2.083vw auto 0; padding-top: 3.438vw; border-top: 0.104vw solid #000; display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
.board-nav-list { width: 100%; display: flex; flex-direction: column; gap: 1.875vw; }
.board-nav-row { display: flex; }
.board-nav-label { width: 8.646vw; font-weight: 700; font-size: 1.042vw; line-height: 1; color: #000; }
.board-nav-content { flex: 1; color: #484848; line-height: 1; font-size: 1.042vw; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.board-nav-btn-area { width: 100%; display: flex; justify-content: flex-end; align-items: center; }
.board-nav-btn { position: relative; display: inline-flex; align-items: center; padding: 0 1.667vw; min-width: 11.667vw; height: 2.917vw; border-radius: 3px; background: #003fbb; color: #fff; font-size: 0.625vw; font-weight: 700; }
.board-nav-btn:after { content:''; position: absolute; top: 50%; right: 1.302vw; width: 1.25vw; height: 1.25vw; background: url(../../images/common/icon_arr01.svg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); }

/* 고객지원 - 통합문의 */
.ai-chat-wrap { z-index: 1; position: relative; padding-bottom: 13.542vw; background: #000; overflow: hidden; }
.ai-chat-wrap:before { content: ''; position: absolute; bottom: -13.0208vw; left: 0; width: 100%; height: 63.8542vw;background: rgba(0, 0, 0, 0.54); background-blend-mode: overlay; }
.ai-chat-wrap:after { z-index: -1; content:''; position: absolute; bottom: -13.0208vw; left: -4.5833vw; right: -4.5833vw; height: 63.8542vw; background: url(../../images/contents/bg_chat.png) no-repeat; background-size: 100% 100%; }
.ai-chat-wrap .ai-chat-hero { position: relative; }
.ai-chat-wrap .ai-chat-title { position: relative; z-index: 1; padding-top: 19.375vw; font-size: 2.083vw; font-weight: 700; line-height: 1.3; color: #fff; text-align: center; }
.ai-chat-wrap .ai-chat-title:after { content: ''; z-indeX: -1; position: absolute; top: 3.385vw; left: 50%; width: 20vw; height: 20.313vw; background: url(../../images/contents/icon-ai.svg); background-size: 100% 100%; transform: translateX(-50%); }
.ai-chat-wrap .ai-chat-label { margin-top: 3.542vw; text-align: right; }
.ai-chat-wrap .tooltip-wrap { position: relative; }
.ai-chat-wrap .tooltip-wrap .btn-tooltip { position:relative; padding-right: 1.458vw; color: #fff; font-size: 1.042vw; }
.ai-chat-wrap .tooltip-wrap .btn-tooltip:after { content: ''; position: absolute; top: 50%; right: 0; width: 1.042vw; height: 1.042vw; background: url(../../images/common/icon_tooltip.svg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); }
.ai-chat-wrap .tooltip-wrap .tooltip-layer { visibility: none; z-index: -1; position: absolute; right: 0; bottom: 1.615vw; width: 100%; max-width: 40.7292vw; opacity: 0; transition: visibility 0.3s, opacity 0.3s; }
.ai-chat-wrap .tooltip-wrap .tooltip-layer.active { visibility: visible; z-index: 2; opacity: 1; }
.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-inner { position: relative; width: 100%; padding: 2.6042vw 2.2396vw; border-radius: 3px; background: #fff; box-shadow: -22px 24px 79px 0 rgba(0, 0, 0, 0.31); color: #000; }
.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-title { margin-bottom: 3.3854vw; font-weight: 700; font-size: 1.3542vw; line-height: 1.2; text-align: left; }
.ai-chat-wrap .tooltip-wrap .tooltip-layer .btn-close { z-index: 5; position: absolute; top: 2.6042vw; right: 2.0833vw; width: 1.5625vw; height: 1.5625vw; background: url(../../images/common/icon_close04.svg) no-repeat center/1.25vw; font-size: 0; }
.ai-chat-wrap .ai-chat-console-wrap { margin-top: 0.833vw; padding: 0 0.6250vw; border-radius: 1.25vw; background: linear-gradient(0deg, rgba(196, 196, 196, 0.10) 0%, rgba(196, 196, 196, 0.10) 100%), linear-gradient(106deg, rgba(255, 21, 133, 0.25) 6.52%, rgba(0, 133, 255, 0.00) 92.88%); backdrop-filter: blur(50px); }
.ai-chat-wrap .ai-chat-console { position: relative; height: 34.583vw; padding: 2.083vw; overflow-y: auto;  }
.ai-chat-wrap .ai-chat-console::-webkit-scrollbar { width: 2px; height: 111px; background: transparent; }
.ai-chat-wrap .ai-chat-console::-webkit-scrollbar-thumb { border-radius: 10px; background: #ccc; }
.ai-chat-wrap .ai-chat-console::-webkit-scrollbar-track { background: transparent; }
.ai-chat-wrap .ai-chat { display: flex; flex-direction: column; gap: 1.042vw; max-width: 50%; border-radius: 1.198vw; }
.ai-chat-wrap .ai-chat-company { display: flex; gap: 1.458vw; }
.ai-chat-wrap .ai-chat-company .ai-chat-logo { width: 3.646vw; height: 3.646vw; }
.ai-chat-wrap .ai-chat-company .ai-chat-card { display: flex; flex-direction: column; gap: 0.833vw; max-width: 100%; width: fit-content; padding: 1.25vw; color: #ffffff; border-radius: 1.198vw; background: rgba(255, 255, 255, 0.12); word-break: break-all; }
.ai-chat-wrap .ai-chat-company .ai-chat-card .txt1 { font-size: 0.833vw; font-weight: 700; }
.ai-chat-wrap .ai-chat-company .ai-chat-card .txt2 { font-size: 0.625vw; font-weight: 400; color: #a1a1a1; }
.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1 { position: relative; padding: 0 3.1250vw 0 1.6667vw; width: fit-content; min-width: 11.6667vw; height: 2.9167vw; font-size: 0.6250vw; font-weight: 700; background: #fff; border-radius: 3px; color: #000; text-align: left; }
.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1:after { content: ''; position: absolute; top: 50%; right: 1.6667vw; width: 1.0417vw; height: 1.0417vw; background: url(../../images/common/icon_arr_right.svg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); }
.ai-chat-wrap .ai-chat-custom + .ai-chat-company { margin-top: 1.771vw; font-size: 0.6250; }
.ai-chat-wrap .ai-chat-custom + .ai-chat-custom { margin-top: 1.0417vw; }
.ai-chat-wrap .ai-chat-custom { display: flex; flex-direction: column; align-items: flex-end; margin-top: 1.771vw; }
.ai-chat-wrap .ai-chat-custom .ai-chat { gap: 1.042vw; }
.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card { display: flex; justify-content: center; align-items: center; padding: 1.094vw 1.563vw; background: #fff; border-radius: 2.5vw; }
.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card .txt1 { font-size: 0.833vw; font-weight: 600; }
.ai-chat-wrap .file-upload-wrap { display: flex; align-items: center; }
.ai-chat-wrap .file-upload-wrap .upload-btn { width: 1.25vw; height: 1.25vw; background: url(../../images/common/icon_plus02.svg) no-repeat; background-size: 100% 100%; }
.ai-chat-wrap .file-upload-wrap #file { display: none; }
.ai-chat-wrap .file-upload-wrap .file-tag { position: relative; display: flex; align-items: center; width: 11.667vw; height: 2.917vw; margin-left: 0.885vw; padding: 0 3.125vw 0 1.667vw; border-radius: 5.208vw; background: #fff; }
.ai-chat-wrap .file-upload-wrap .file-tag .file-name { display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; color: #000; }
.ai-chat-wrap .file-upload-wrap .file-tag .file-remove { position: absolute; top: 50%; right: 1.25vw; width: 1.406vw; height: 1.406vw; background: url(../../images/common/icon_file_remove.svg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); }
.ai-chat-wrap .ai-chat-input-wrap { display: flex; align-items: center; height: 6.875vw; margin-top: 1.042vw; border-radius: 1.25vw; padding: 2.813vw 2.083vw; border: 1px solid #fff; background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(50px); }
.ai-chat-wrap .ai-chat-input { flex: 1; margin-left: 0.885vw; }
.ai-chat-wrap .ai-chat-input input { width: calc(100% - 6.25vw); border: 0; background: transparent; color: #fff; font-size: 1.042vw; font-weight: 600; }
.ai-chat-wrap .ai-chat-input input::placeholder { color: #fff; }
.ai-chat-enter { width: 2.083vw; height: 2.083vw; background: url(../../images/common/icon_top_enter.svg) no-repeat; background-size: 100% 100%; }

/* 고객지원 - 통합문의 */
.page-BIOF13 .section2 { padding: 10.4167vw 0 0;}
.support-inquiry { display: flex; }
.support-inquiry .s-thumbs { margin-top: 6.4583vw; width: 46.8229vw; height: 24.4271vw; border-radius: 3px; overflow: hidden; }
.support-inquiry .s-thumbs img { max-width: 100%; }
.support-inquiry .s-cards { z-index: 1; flex: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 0.3125vw; margin-top: -8.0208vw; }
.support-inquiry .s-cards .s-card { position: relative; background: #f9f9f9; border-radius: 0.1563vw; padding: 2.1354vw 1.5625vw 1.5104vw; width: 23.1250vw; height: 18.2292vw; }
.support-inquiry .s-cards .s-card .s-card-inner { display: flex; flex-direction: column; gap: 0.5208vw; }
.support-inquiry .s-cards .s-card .s-card-title { font-size: 1.1458vw; font-weight: 700; color: #002fa7; }
.support-inquiry .s-cards .s-card .s-card-text { margin-top: 1.5104vw; font-size: 0.8333vw; font-weight: 600; }
.support-inquiry .s-cards .s-card .s-card-btn { position: absolute; bottom: 1.5625vw; left: 1.5625vw; right: 1.5625vw; padding: 1.0938vw 1.5625vw; border-radius: 3px; background: #ffffff; color: #002fa7; font-size: 0.6250vw; font-weight: 700; text-align: left; }
.support-inquiry .s-cards .s-card .s-card-btn:after { content: ''; position: absolute; top: 50%; right: 1.5625vw; width: 1.2500vw; height: 1.2500vw; background: url(../../images/common/icon_arr20.svg) no-repeat; transform: translateY(-50%); background-size: 100% 100%; }
.page-BIOF13 .section3 { padding: 10.4167vw 0 0;}
.inquiry-status .inquiry-status-header { display: flex; gap: 57px; flex-direction: column; align-items: flex-end; }
.inquiry-status .inquiry-status-header .i-desc { font-size: 20px; text-align: right; font-weight: 600; }
.inquiry-status .inquiry-status-header .btn-inquiry { position: relative; display: flex; align-items: center; padding: 0 30px; width: 342px; height: 70px; border-radius: 3px; background: #000; color: #fff; font-size: 16px; font-weight: 700; text-align: left; }
.inquiry-status .inquiry-status-header .btn-inquiry:after { content: ''; position: absolute; top: 50%; right: 30px; width: 24px; height: 24px; background: url(../../images/common/icon_search02.svg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); }
/* 테이블 영역 */
.inquiry-status-table { margin-top: 1.1458vw; border-top: 0.1042vw solid #000; background: #fff; }
.inquiry-status-table .header-row, .inquiry-status-table .status-row { display: grid; grid-template-columns: 0.5fr 2.4fr 1.4fr 0.6fr; }
.inquiry-status-table .header-row { border-bottom: 0.0521vw solid #ddd; }
.inquiry-status-table .header-cell { display: flex; align-items: center; justify-content: center; min-height: 5.7292vw; font-size: 1.0417vw; font-weight: 700; color: #000; }
.inquiry-status-table .status-row { padding: 0.6250vw 0; align-items: center; border-bottom: 1px solid #ddd; }
.inquiry-status-table .status-row .status-cell { display: flex; align-items: center; justify-content: center; min-height: 6.8229vw; }
.inquiry-status-table .status-row .status-cell.col-code { font-size: 1.0417vw;; font-weight: 400; }
.inquiry-status-table .status-row .status-cell.col-type { justify-content: flex-start; padding-left: 5.2083vw; font-size: 1.6667vw; font-weight: 500; }
.inquiry-status-table .status-row .status-cell.col-date { font-size: 1.0417vw; font-weight: 400; }
.inquiry-status-table .status-row .status-cell.col-date .time { margin-left: 1.0417vw; color: #a9a9a9; }
.inquiry-status-table .status-row .status-cell.col-status { font-size: 1.0417vw; font-weight: 500; }
.inquiry-status-table .status-row .status-badge { font-size: 1.0417vw; font-weight: 700; }
.inquiry-status-table .status-row .status-badge.step1 { color: #000; }
.inquiry-status-table .status-row .status-badge.step2 { color: #002fa7; }
.inquiry-status-table .status-row .status-badge.step3 { color: #c87560; }

/* 고객지원 - 통합문의 */
.page-BIOF14 .main-title { text-align: center; }
.support-visit { display: flex; gap: 0.208vw; margin: 4.167vw 0 5.208vw; }
.support-visit-card { flex: 1; height: 29.479vw; }
.support-visit-card > a { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; padding-bottom: 5.208vw; background: #f7f7f7; border-radius: 0.156vw; text-align: center; }
.support-visit-card > a:hover { background: #002fa7; }
.support-visit-card > a:hover dl { color: #fff; }
.support-visit-card > a dl { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.support-visit-card > a dl dt { position: relative; padding-top: 8.229vw; font-size: 1.667vw; font-weight: 700; }
.support-visit-card > a dl dd { margin-top: 0.833vw; font-size: 1.042vw;  font-weight: 500; }
.support-visit-card > a dl dt:after { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%); background-repeat: no-repeat; background-size: 100% 100%; }
.support-visit-card > a dl dt.v-icon1:after { width: 10.573vw; height: 4.531vw;background-image: url(../../images/contents/sub14_icon1.svg); }
.support-visit-card > a dl dt.v-icon2:after { width: 5.521vw; height: 5.104vw; background-image: url(../../images/contents/sub14_icon2.svg); }
.support-visit-card > a dl dt.v-icon3:after { width: 5.417vw; height: 5.052vw; background-image: url(../../images/contents/sub14_icon3.svg); }
.support-visit-card > a:hover dl dt:after { filter: brightness(0) invert(1); }
.support-visit-card > a .card-arrow { position: absolute; bottom: 4.688vw; left: 50%; width: 2.396vw; height: 2.396vw; background-image: url(../../images/common/icon_arr_right_thin.svg); background-repeat: no-repeat; background-size: 100% 100%; transform: translateX(-50%); }
.support-visit-card > a:hover .card-arrow { filter: brightness(0) invert(1); }


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

	/* layout */
	.container { background: url(../../images/common/bg_container_mo.svg) repeat-y left var(--inner_padding) top/1px, url(../../images/common/bg_container_mo.svg) repeat-y right var(--inner_padding) top/1px, url(../../images/common/bg_container_mo.svg) repeat-y calc(50% - 0.5px) top/1px; }
	.wrap.etc_wrap .container { background: url(../../images/common/bg_container_etc_mo.svg) repeat-y left var(--inner_padding) top/1px, url(../../images/common/bg_container_etc_mo.svg) repeat-y right var(--inner_padding) top/1px, url(../../images/common/bg_container_etc_mo.svg) repeat-y calc(50% - 0.5px) top/1px; }
}
@media screen and (max-width:1079px) {

	/* header */
	.header.reverse,
	.header.main { border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; }
	.header.reverse .header-left .logo > a,
	.header.main .header-left .logo > a { background: url(../../images/common/logo.svg) no-repeat center/contain; }
	.header.reverse .header-right .btn-gnb:before,
	.header.reverse .header-right .btn-gnb:after,
	.header.main .header-right .btn-gnb:before,
	.header.main .header-right .btn-gnb:after { background: #fff; }
	.header { height: 7.1615vw; padding: 0; transform: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05); background: #fff; transition: background-color 0.5s, border-color 0.5s; }
	.header .inner { display: flex; align-items: center; justify-content: space-between; height: 100%; }
	.header .header-left { padding: 0; border-radius: 0; background: transparent !important; }
	.header .header-left .logo { width: 16.1458vw; height: 1.8229vw; }
	.header .header-left .logo > a { background: url(../../images/common/logo_blk.svg) no-repeat center/contain; transition: background-image 0.5s; }
	.header .header-left .gnb-area { display: flex; position: fixed; top: 7.1615vw; left: 0; flex-direction: column; width: 100%; height: calc(var(--vh) * 100 - 7.1615vw); padding: 5.2083vw var(--inner_padding); overflow: hidden; overflow-y: auto; transform: translateX(100%); background: #fff; transition: transform 0.5s; }
	.header .header-left .gnb-area .gnb-depth1-wrap { flex-shrink: 0; min-height: calc(100% - 7.2917vw - 3.9063vw); }
	.header .header-left .gnb-area .gnb-depth1 { flex-direction: column; align-items: flex-start; gap: 3.9063vw; }
	.header .header-left .gnb-area .gnb-depth1 > li { width: 100%; }
	.header .header-left .gnb-area .gnb-depth1 > li > a { display: block; position: relative; width: 100%; height: auto; color: #000; font-weight: 600; font-size: 3.125vw; text-decoration: none !important; }
	.header .header-left .gnb-area .gnb-depth1 > li.hover > a,
	.header .header-left .gnb-area .gnb-depth1 > li.active > a { font-weight: 700; }
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth > a:after { position: absolute; top: 50%; right: 0; width: 4.1667vw; height: 4.1667vw; margin-top: -2.0833vw; background: url(../../images/common/icon_arr02.svg) no-repeat center/contain; content: ""; transition: transform 0.3s; }
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth.hover > a:after,
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth.active > a:after { transform: rotate(180deg); }
	.header .header-left .gnb-area .gnb-depth2-wrap { display: none; visibility: visible; position: static; padding: 0 0.5208vw; opacity: 1; pointer-events: auto; }
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth.hover .gnb-depth2-wrap,
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth.active .gnb-depth2-wrap { display: block; }
	.header .header-left .gnb-area .gnb-depth2 { display: flex; flex-direction: column; margin-top: 2.8646vw; gap: 2.3438vw; }
	.header .header-left .gnb-area .gnb-depth2 > li { flex-shrink: 0; padding: 0; }
	.header .header-left .gnb-area .gnb-depth2 > li > a { display: block; height: auto; color: #000; font-weight: 500; font-size: 2.6042vw; text-decoration: none !important; }
	.header .header-left .gnb-area .gnb-depth2 > li.active > a,
	.header .header-left .gnb-area .gnb-depth2 > li.hover > a { color: #002FA7; }
	.header .header-left .gnb-area .btn-mypage { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 7.2917vw; margin-top: 3.9063vw; padding: 1.3021vw 2.6042vw; border-radius: 3px; background: rgba(0, 47, 167, 0.9); color: #fff; font-weight: 700; font-size: 1.8229vw; line-height: 1; }
	.header .header-left .gnb-area .btn-mypage:after { display: block; width: 2.6042vw; height: 2.6042vw; margin-left: 2.0833vw; background: url(../../images/common/icon_arr01.svg) no-repeat center/contain; content: ""; }
	.header .header-right { width: auto; max-width: none; }
	.header .header-right .btn-mypage { display: none; }
	.header .header-right .btn-gnb { display: block; position: relative; width: 4.1667vw; height: 4.1667vw; font-size: 0; }
	.header .header-right .btn-gnb:before,
	.header .header-right .btn-gnb:after { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #000; content: ""; transition: left 0.5s, width 0.5s, transform 0.5s, background-color 0.5s; }
	.header .header-right .btn-gnb:before { margin-top: -3px; }
	.header .header-right .btn-gnb:after { width: 2.6042vw; margin-top: 3px; }
	.header.scroll,
	.header.viewGnb { border-bottom: 1px solid rgba(0, 0, 0, 0.05); background: #fff; }
	.header.scroll .header-left .logo > a,
	.header.viewGnb .header-left .logo > a { background: url(../../images/common/logo_blk.svg) no-repeat center/contain; }
	.header.scroll .header-right .btn-gnb:before,
	.header.scroll .header-right .btn-gnb:after,
	.header.viewGnb .header-right .btn-gnb:before,
	.header.viewGnb .header-right .btn-gnb:after { background: #000; }
	.header.viewGnb .header-left .gnb-area { transform: translateX(0); }
	.header.viewGnb .header-right .btn-gnb.active:before { left: 50%; width: 100%; margin: 0; transform: translate(-50%, -50%) rotate(45deg); }
	.header.viewGnb .header-right .btn-gnb.active:after { left: 50%; width: 100%; margin: 0; transform: translate(-50%, -50%) rotate(-45deg); }

	/* footer */
	.footer .footer-top { padding: 2.6042vw 0 6.5104vw; border-top: 1.5px solid #002FA7; }
	.footer .footer-top .logo-title { font-size: 1.5625vw; }
	.footer .footer-top .logo-area { display: block; margin-top: 1.9531vw; }
	.footer .footer-top .logo-area .logo-img { width: 41.6667vw; }
	.footer .footer-top .logo-area .btn-area { width: 100%; max-width: 100%; margin-top: 7.8125vw; }
	.footer .footer-btm { display: block; position: relative; padding: 3.9063vw 0; }
	.footer .footer-btm .menu-area { width: 100%; padding: 0; }
	.footer .footer-btm .menu-area .menu-depth1 { flex-direction: column; padding: 0 1.8229vw; gap: 3.9063vw; }
	.footer .footer-btm .menu-area .menu-depth1 > li { width: 100%; }
	.footer .footer-btm .menu-area .menu-depth1 > li > a { display: block; position: relative; width: 100%; font-weight: 600; font-size: 1.8229vw; }
	.footer .footer-btm .menu-area .menu-depth1 > li.has-depth > a:after { position: absolute; top: 50%; right: 0; width: 1.5625vw; height: 1.5625vw; margin-top: -0.7813vw; background: url(../../images/common/icon_add.svg) no-repeat center/contain; content: ""; }
	.footer .footer-btm .menu-area .menu-depth1 > li.has-depth.ready { pointer-events: none !important; }
	.footer .footer-btm .menu-area .menu-depth1 > li.has-depth.ready > a:after { display: none; }
	.footer .footer-btm .menu-area .menu-depth1 > li.active > a { color: #002FA7; font-weight: 600; }
	.footer .footer-btm .menu-area .menu-depth1 > li.has-depth.active > a:after { background: url(../../images/common/icon_minus.svg) no-repeat center/contain; }
	.footer .footer-btm .menu-area .menu-depth2 { display: none; margin-top: 2.6042vw; padding: 0 0.2604vw; gap: 1.8229vw; }
	.footer .footer-btm .menu-area .menu-depth1 > li.active .menu-depth2 { display: flex; }
	.footer .footer-btm .menu-area .menu-depth2 > li > a { color: #000; font-weight: 600; font-size: 1.5625vw; line-height: 1; }
	.footer .footer-btm .info-area { display: block; width: 100%; margin-top: 3.9063vw; padding-top: 3.125vw; border: 0; border-top: 1px solid #F0F0F0; }
	.footer .footer-btm .info-area .info-left { width: 100%; gap: 0 6.5104vw; }
	.footer .footer-btm .info-area .info-right { width: 100%; margin-top: 2.6042vw; gap: 11.7188vw 0; }
	.footer .footer-btm .info-area .info-item { font-size: 1.5625vw; }
	.footer .footer-btm .info-area .info-insta { position: absolute; right: 0; bottom: 4.2969vw; }
	.footer .footer-btm .info-area .info-insta dt { display: none; }
	.footer .footer-btm .info-area .info-insta .btn-insta { width: 2.3438vw; height: 2.3438vw; }
	.footer .footer-btm .info-area .info-addr { display: block; }
	.footer .footer-btm .info-area .info-addr:before { width: 1.6927vw; height: 1.9531vw; margin: 0; margin-top: 0.5208vw; }

	/* floating */
	.floating-area { right: 3.3854vw; bottom: 2.6042vw; gap: 0.651vw; }
	.floating-area.hideFloating { bottom: -6.25vw; }
	.floating-area .btn-top { width: 6.25vw; height: 6.25vw; }
	.floating-area .btn-ai-area .btn-ai { height: 6.25vw; padding: 0 2.6042vw; font-size: 1.8229vw; }
	.floating-area .btn-ai-area .btn-ai:before { width: 2.6042vw; height: 2.6042vw; margin-right: 1.0417vw; }
	.floating-area .btn-ai-area .ai-tooltip { display: none; }

	/* 서브 레이아웃 */
	.sub-head-wrap { height: auto; padding: 13.0208vw 0 6.5104vw; }
	.sub-head-wrap .sub-head-area { display: block; }
	.sub-head-wrap .sub-head-title { width: 100%; font-size: 3.125vw; }
	.sub-head-wrap .sub-desc { width: 100%; margin-top: 5.2083vw; font-weight: 500; font-size: 1.8229vw; }
	.sub-head-wrap .sub-desc .desc-title { margin-bottom: 1.8229vw; font-weight: 600; font-size: 2.3438vw; }
	.sub-head-wrap .sub-desc .highlight { text-decoration: none; }
	.sub-head-wrap .sub-tab-area { position: static !important; margin-top: 10.4167vw; transform: none !important; }
	.sub-head-wrap .sub-tab-area .tab-list { gap: 1.3021vw; }
	.sub-head-wrap .sub-tab-area .tab-list .btn-tab { width: 100%; }
	.sub-head-wrap .sub-tab-area .tab-list .btn-tab > a { width: 100%; min-width: 0; height: 6.1198vw; padding: 1.3021vw 2.6042vw; color: #1A44B0; font-size: 1.8229vw; }

	/* 메인 견적 문의 */
	.modal-application .cm-btn-area { margin-top: 5.2083vw; }

	/* 메인 공통 */
	.main-section .mo-block { display: block !important; }
	.main-section .mo-none { display: none !important; }
	.main-section .inner-flex { display: block; }
	.main-section .sub-title { margin-bottom: 2.0833vw; font-size: 2.0833vw; }
	.main-section .main-title { font-size: 3.3854vw; }
	.main-section .swiper-btn-wrap .swiper-pagination { display: flex; position: static; align-items: center; justify-content: center; gap: 0.7813vw; }
	.main-section .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; opacity: 1; }
	.main-section .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; }

	/* visual */
	.visual-section { display: flex; flex-direction: column; height: auto; min-height: 100vh; overflow: hidden; background: url(../../images/main/bg_visual_mo.svg) repeat-y left var(--inner_padding) top/1px, url(../../images/main/bg_visual_mo.svg) repeat-y right var(--inner_padding) top/1px, url(../../images/main/bg_visual_mo.svg) repeat-y center top/1px, url(../../images/main/bg_visual_mo.jpg) no-repeat center/cover; }
	.visual-section .inner { flex: 1; height: auto; padding-top: 19.5313vw; padding-bottom: 15.4948vw; }
	.visual-section .main-title-area { padding: 0; padding-bottom: 14.7135vw; }
	.visual-section .main-title-area .main-title { font-size: 5.2083vw; }
	.visual-section .main-visual-story { max-width: 100%; }
	.visual-section .main-visual-story .cover { padding: 2.6042vw; font-size: 1.5625vw; line-height: 1.5; }
	.visual-section .main-visual-story .story-title { display: block; position: absolute; bottom: calc(100% + 2.9948vw); left: 0; width: 100%; color: #fff; }
	.visual-section .main-visual-story .story-title .title-text { color: #F7F7F7; font-weight: 700; font-size: 2.3438vw; line-height: 1; }
	.visual-section .main-visual-story .story-title .title-desc { margin-top: 1.0417vw; font-size: 1.8229vw; line-height: 1.4; }
	.visual-section .main-visual-story .story-item { padding: 0.651vw; }
	.visual-section .main-visual-story .story-item .item-thumb { aspect-ratio: 12/14.56; width: 19.7917vw; }
	.visual-section .main-visual-story .story-item .item-desc { width: calc(100% - 19.7917vw); padding-right: 1.5625vw; padding-left: 1.5625vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-top { display: none; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm { padding-top: 0; border-top: 0; font-size: 1.8229vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj { display: block; margin-top: 1.9531vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj:before { width: 2.0833vw; height: 2.0833vw; margin: 0 0 1.3021vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj > span { display: -webkit-box; width: 100%; height: 6.09375vw; font-size: 1.5625vw; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: unset; white-space: unset; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-btn { margin-top: 2.0833vw; }
	.visual-section .main-visual-story .swiper-btn-wrap { right: 0; bottom: -3.125vw; width: 100%; margin-top: 3.125vw; }
	.visual-section .main-visual-story .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.5); }
	.visual-section .main-visual-story .swiper-pagination .swiper-pagination-bullet-active { background: #FFF; }

	/* info */
	.info-section { padding: 7.8125vw 0; }
	.info-section .main-title-area { padding: 0; }
	.info-section .main-title-area .btn-download { margin-top: 5.2083vw; }
	.info-section .main-info-area { flex-direction: column; width: 100%; min-height: 0; margin-top: 7.8125vw; gap: 0.651vw; }
	.info-section .main-info-area .item-info { width: 100%; padding: 2.8646vw 1.8229vw; }
	.info-section .main-info-area .item-info .item-title { font-size: 1.8229vw; line-height: 1; }
	.info-section .main-info-area .item-info .item-desc { margin-top: 1.5625vw; font-size: 1.5625vw; }
	.info-section .main-info-area .item-info .item-number { margin-top: 2.2135vw; font-size: 1.5625vw; }
	.info-section .main-info-area .item-info .item-number .counting { font-size: 13.5417vw; letter-spacing: -5px; }

	/* people */
	.people-section { padding: 9.1146vw 0; }
	.people-section .main-title-area { margin-bottom: 7.8125vw; }
	.people-section .main-cont { display: block; }
	.people-section .main-cont .title-area { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: 3.9063vw; padding: 0; gap: 1.4323vw; }
	.people-section .main-cont .title-area .title-text { margin: 0; font-size: 2.0833vw; }
	.people-section .main-cont .title-area .cm-btn { padding: 0 3.3854vw; }
	.people-section .main-cont .title-area .cm-btn:after { width: 3.125vw; height: 3.125vw; margin-left: 1.5625vw; }
	.people-section .main-cont .cont-area { width: 100%; }
	.people-section .main-cont .cont-area .swiper-pc { display: none; }
	.people-section .main-cont .cont-area .swiper-mo { display: block; width: 100%; }
	.people-section .main-cont .cont-area .item-box .item-desc { margin-top: 2.3438vw; }
	.people-section .main-cont .cont-area .item-box .item-desc .item-name { font-size: 1.8229vw; }
	.people-section .main-cont .cont-area .item-box .item-desc .item-grade { margin-top: 0.5208vw; font-size: 1.5625vw; }
	.people-section .main-cont .swiper-btn-wrap { margin-top: 5.2083vw; }
	.people-section .main-cont .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { background: rgba(162, 162, 162, 0.5); }
	.people-section .main-cont .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { background: #000; }

	/* facility */
	.facility-section { overflow: hidden; }
	.facility-section .fixed-area { padding-top: 9.7656vw; }
	.facility-section .fixed-area .fixed-title { font-size: 3.3854vw; line-height: 1.3; }
	.facility-section .fixed-area .fixed-obj { height: 24.349vw; margin: 6.25vw auto 7.6823vw; }
	.facility-section .fixed-area .fixed-obj > span { height: 24.349vw; }
	.facility-section .fixed-area .fixed-obj > span:before,
	.facility-section .fixed-area .fixed-obj > span:after { width: 2.6042vw; height: 2.6042vw; }
	.facility-section .fixed-area .fixed-logo { width: 46.3542vw; }
	.facility-section .fixed-area .fixed-leaf .img-pc { display: none; }
	.facility-section .fixed-area .fixed-leaf .img-mo { display: block; position: absolute; top: 0; left: 0; width: 100%; }
	.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-obj > span { height: 24.349vw; }
	.facility-section .main-facility-area { padding-top: 7.8125vw; }
	.facility-section .main-facility-area .main-title-area .sub-title { font-size: 3.3854vw; line-height: 1.5; }
	.facility-section .main-facility-area .main-title-area .main-title { margin-top: 7.8125vw; font-size: 3.125vw; }
	.facility-section .main-facility-area .main-title-area .sub-text { margin-top: 2.6042vw; font-size: 1.8229vw; line-height: 1.5; }
	.facility-section .main-facility-area .floor-area { margin-top: 3.9063vw; }
	.facility-section .main-facility-area .floor-area .floor-item + .floor-item { margin-top: 9.1146vw; }
	.facility-section .main-facility-area .floor-area .floor-bg { z-index: 2; position: relative; padding: 0.9115vw 0.651vw; }
	.facility-section .main-facility-area .floor-area .floor-map > img { display: none; }
	.facility-section .main-facility-area .floor-area .floor-map .img-mo { display: block; }
	.facility-section .main-facility-area .floor-area .floor2-item .floor-bg { z-index: 3; }
	.facility-section .main-facility-area .floor-area .floor2-item .floor-map { z-index: 2; padding: 2.7344vw 2.0833vw 4.1667vw 1.1719vw; }
	.facility-section .main-facility-area .floor-area .floor2-item .floor-map:after { bottom: 0.651vw; left: 0.7813vw; width: 16.0156vw; height: 10.5469vw; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map { padding: 3.776vw 2.7344vw 3.2552vw 1.5625vw; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map:after { bottom: 0.651vw; left: 2.2135vw; width: 14.7135vw; height: 10.4167vw; }
	.facility-section .main-facility-area .floor-area .map-layer { height: auto; min-height: 0; }
	.facility-section .main-facility-area .floor-area .map-layer .bg-modal { display: none; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-inner { z-index: 10; max-width: 43.4896vw; max-height: none; padding: 2.6042vw; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-btn-wrap { top: 2.6042vw; right: 8.3334vw; gap: 0.651vw; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-btn { width: 3.9063vw; height: 3.9063vw; }
	.facility-section .main-facility-area .floor-area .map-layer .btn-close { top: 2.6042vw; right: 3.9063vw; width: 3.9063vw; height: 3.9063vw; background: url(../../images/common/icon_close01.svg) no-repeat center/1.9531vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-title { min-height: 4.2969vw; padding-right: 5.8594vw; font-weight: 700; font-size: 2.6042vw; line-height: 1; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-slide .layer-title { padding-right: 13.0209vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc { margin-top: 1.3021vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-text { font-size: 1.3021vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-img { margin-top: 2.6042vw; }
	.facility-section .main-facility-area .floor-map-swiper { display: block; z-index: 1; position: relative; margin-top: 2.6042vw; }
	.facility-section .main-facility-area .floor-map-swiper .swiper-slide { display: flex; flex-wrap: wrap; gap: 1.3021vw; }
	.facility-section .main-facility-area .floor-map-swiper .btn-map { display: flex; align-items: center; justify-content: center; width: calc((100% - 1.3021vw) / 2); height: 6.1198vw; padding: 1.3021vw 2.6042vw; border-radius: 0.3906vw; background: #fff; font-weight: 700; font-size: 1.8229vw; line-height: 1; }
	.facility-section .main-facility-area .floor-map-swiper .btn-map.active { background: #002FA7; color: #fff; }
	.facility-section .main-facility-area .floor-map-swiper .swiper-btn-wrap { margin-top: 3.776vw; }
	.facility-section .main-facility-area .floor-map-swiper .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.5); }
	.facility-section .main-facility-area .floor-map-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #FFF; }
	.facility-section .main-facility-area .floor-area .floor-item .floor-map:before { display: block; z-index: -1; position: absolute; top: 2.7344vw; right: 2.0833vw; bottom: 4.1667vw; left: 1.0417vw; width: auto; height: auto; border: 0; border-radius: 0; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: transparent; box-shadow: none; content: ""; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map:before { top: 3.776vw; right: 2.7344vw; bottom: 3.2552vw; left: 1.4323vw; }
	.facility-section .main-facility-area .floor-area .floor-map[class^=room]:before { z-index: 1; }
	.facility-section .main-facility-area .floor-map.room1:before { background-image: url(../../images/main/img_floor02_mo_01.svg); }
	.facility-section .main-facility-area .floor-map.room2:before { background-image: url(../../images/main/img_floor02_mo_02.svg); }
	.facility-section .main-facility-area .floor-map.room4:before { background-image: url(../../images/main/img_floor02_mo_04.svg); }
	.facility-section .main-facility-area .floor-map.room5:before { background-image: url(../../images/main/img_floor02_mo_05.svg); }
	.facility-section .main-facility-area .floor-map.room6:before { background-image: url(../../images/main/img_floor02_mo_06.svg); }
	.facility-section .main-facility-area .floor-map.room7:before { background-image: url(../../images/main/img_floor02_mo_07.svg); }
	.facility-section .main-facility-area .floor-map.room8:before { background-image: url(../../images/main/img_floor02_mo_08.svg); }
	.facility-section .main-facility-area .floor-map.room9:before { background-image: url(../../images/main/img_floor02_mo_09.svg); }
	.facility-section .main-facility-area .floor-map.room10:before { background-image: url(../../images/main/img_floor02_mo_10.svg); }
	.facility-section .main-facility-area .floor-map.room13:before { background-image: url(../../images/main/img_floor02_mo_13.svg); }
	.facility-section .main-facility-area .floor-map.room14:before { background-image: url(../../images/main/img_floor02_mo_14.svg); }
	.facility-section .main-facility-area .floor-map.room15:before { background-image: url(../../images/main/img_floor02_mo_15.svg); }
	.facility-section .main-facility-area .floor-map.room16:before { background-image: url(../../images/main/img_floor02_mo_16.svg); }
	.facility-section .main-facility-area .floor-map.room17:before { background-image: url(../../images/main/img_floor02_mo_17.svg); }
	.facility-section .main-facility-area .floor-map.room18:before { background-image: url(../../images/main/img_floor02_mo_18.svg); }
	.facility-section .main-facility-area .floor-map.room19:before { background-image: url(../../images/main/img_floor02_mo_19.svg); }
	.facility-section .main-facility-area .floor-map.room22:before { background-image: url(../../images/main/img_floor02_mo_22.svg); }
	.facility-section .main-facility-area .floor-map.room23:before { background-image: url(../../images/main/img_floor02_mo_23.svg); }
	.facility-section .main-facility-area .floor-map.room24:before { background-image: url(../../images/main/img_floor02_mo_24.svg); }
	.facility-section .main-facility-area .floor-map.room25:before { background-image: url(../../images/main/img_floor02_mo_25.svg); }
	.facility-section .main-facility-area .floor-map.room27:before { background-image: url(../../images/main/img_floor02_mo_27.svg); }
	.facility-section .main-facility-area .floor-map.room28:before { background-image: url(../../images/main/img_floor02_mo_28.svg); }
	.facility-section .main-facility-area .floor-map.room31:before { background-image: url(../../images/main/img_floor02_mo_31.svg); }
	.facility-section .main-facility-area .floor-map.room32:before { background-image: url(../../images/main/img_floor02_mo_32.svg); }
	.facility-section .main-facility-area .floor-map.room33:before { background-image: url(../../images/main/img_floor02_mo_33.svg); }
	.facility-section .main-facility-area .floor-map.room34:before { background-image: url(../../images/main/img_floor02_mo_34.svg); }
	.facility-section .main-facility-area .floor-map.room35:before { background-image: url(../../images/main/img_floor02_mo_35.svg); }
	.facility-section .main-facility-area .floor-map.room36:before { background-image: url(../../images/main/img_floor02_mo_36.svg); }
	.facility-section .main-facility-area .floor-map.room37:before { background-image: url(../../images/main/img_floor02_mo_37.svg); }
	.facility-section .main-facility-area .floor-map.room39:before { background-image: url(../../images/main/img_floor02_mo_39.svg); }
	.facility-section .main-facility-area .floor-map.room41:before { background-image: url(../../images/main/img_floor02_mo_41.svg); }
	.facility-section .main-facility-area .floor-map.room43:before { background-image: url(../../images/main/img_floor02_mo_43.svg); }
	.facility-section .main-facility-area .floor-map.room44:before { background-image: url(../../images/main/img_floor02_mo_44.svg); }
	.facility-section .main-facility-area .floor-map.room45:before { background-image: url(../../images/main/img_floor02_mo_45.svg); }
	.facility-section .main-facility-area .floor-map.room46:before { background-image: url(../../images/main/img_floor02_mo_46.svg); }
	.facility-section .main-facility-area .floor-map.room47:before { background-image: url(../../images/main/img_floor02_mo_47.svg); }
	.facility-section .main-facility-area .floor-map.room48:before { background-image: url(../../images/main/img_floor02_mo_48.svg); }
	.facility-section .main-quality-area { padding: 13.5417vw 0 7.1615vw; }
	.facility-section .main-quality-area .bg-video { width: 100%; height: 100%; transform: translate(-50%, -45%); }
	.facility-section .main-quality-area .main-title-area .main-title { font-size: 3.125vw; }
	.facility-section .main-quality-area .main-title-area .sub-text { margin-top: 2.6042vw; font-size: 1.4323vw; }
	.facility-section .main-quality-area .process-area { flex-direction: column; padding: 0 4.1667vw; gap: 7.5521vw; border: 0; background: none; }
	.facility-section .main-quality-area .process-area .prss-item { padding: 5.2083vw 1.4323vw; }
	.facility-section .main-quality-area .process-area .prss-item:after { top: 100%; left: 50%; height: 7.5521vw; background: url(../../images/common/icon_arr12.svg) no-repeat center/auto 50%; }
	.facility-section .main-quality-area .process-area .prss-item:first-child:before,
	.facility-section .main-quality-area .process-area .prss-item:last-child:before { top: 50%; right: calc(100% + 0.7813vw); left: auto; width: 3.6458vw; height: 2.3438vw; transform: translateY(-50%); }
	.facility-section .main-quality-area .process-area .prss-item:first-child:before { background-image: url(../../images/main/bg_obj03_01_mo.svg); }
	.facility-section .main-quality-area .process-area .prss-item:last-child:before { background-image: url(../../images/main/bg_obj03_02_mo.svg); }
	.facility-section .main-quality-area .process-area:after { top: calc((100% - 37.7605vw) / 5 / 2 + 0.651vw); bottom: calc((100% - 37.7605vw) / 5 / 2 + 0.651vw); left: 0; width: 1px; height: auto; }
	.facility-section .main-quality-area .process-area .prss-item .item-title { margin-bottom: 2.2135vw; font-size: 2.474vw; }
	.facility-section .main-quality-area .process-area .prss-item .item-desc { margin-top: 2.9948vw; font-size: 1.8229vw; }

	/* patent */
	.patent-section { padding: 7.8125vw 0; }
	.patent-section .main-title-area { margin-bottom: 6.3802vw; padding-left: 0; }
	.patent-section .main-title-area .main-title { font-size: 3.3854vw; }
	.patent-section .main-patent-area { display: block; padding: 0.651vw; }
	.patent-section .main-patent-area .title-area { padding: 3.125vw 1.6927vw; }
	.patent-section .main-patent-area .title-area .text-title { font-size: 2.0833vw; }
	.patent-section .main-patent-area .title-area .text-desc { margin-top: 2.6042vw; font-size: 1.8229vw; }
	.patent-section .main-patent-area .desc-area { flex-direction: column; width: 100%; padding: 0; gap: 0.651vw; }
	.patent-section .main-patent-area .desc-area .desc-item { width: 100%; padding: 2.8646vw 2.0833vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-title { min-height: 0; font-size: 2.0833vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-text { margin-top: 6.6406vw; font-size: 1.5625vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn { margin-top: 2.7344vw; padding-top: 2.7344vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn { font-size: 1.4323vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn:before { width: 5.4688vw; height: 5.2083vw; margin-right: 1.8229vw; background: #002FA7 url(../../images/common/icon_arr13.svg) no-repeat center/2.2135vw; }
	.patent-section .main-certification-area { margin-top: 0.9115vw; padding: 3.125vw 2.0833vw; }
	.patent-section .main-certification-area .title-area .text-title { margin-bottom: 2.3438vw; font-size: 2.0833vw; }
	.patent-section .main-certification-area .title-area .btn-tooltip { min-width: 11.5885vw; height: 4.0365vw; padding: 1.1719vw 1.8229vw; }
	.patent-section .main-certification-area .title-area .btn-tooltip:after { width: 1.5625vw; height: 1.5625vw; margin-left: 1.4323vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer { top: calc(100% + 0.651vw); max-width: 100%; }
	.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-inner { padding: 4.4271vw 3.3854vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-title { margin-bottom: 4.1667vw; font-size: 2.6042vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer .btn-close { top: 4.4271vw; right: 3.3854vw; width: 3.125vw; height: 3.125vw; background: url(../../images/common/icon_close04.svg) no-repeat center/2.474vw; }
	.patent-section .main-certification-area .desc-area .desc-item { flex-wrap: wrap; padding: 2.3438vw 0 2.0833vw; gap: 0 1.4323vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-number { width: 5.2083vw; font-size: 1.5625vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-title { position: relative; width: calc(100% - 5.2083vw - 1.4323vw); font-size: 3.6458vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-title:after { position: absolute; top: 50%; right: 0; width: 3.125vw; height: 3.125vw; margin-top: -1.5625vw; background: url(../../images/common/icon_arr14.svg) no-repeat center/contain; content: ""; }
	.patent-section .main-certification-area .desc-area .desc-item .item-text { display: none; width: 100%; margin-top: 1.8229vw; padding-left: 6.6406vw; font-size: 1.5625vw; }
	.patent-section .main-certification-area .desc-area .desc-item.active .item-text { display: block; }

	/* service */
	.service-section { padding-top: 6.901vw; }
	.service-section .main-title-area { margin-bottom: 2.6042vw; padding-left: 0; }
	.service-section .main-title-area .main-title { font-size: 3.3854vw; }
	.service-section .main-service-area { display: block; }
	.service-section .main-service-area .service-list { display: none; }
	.service-section .main-service-area .service-swiper { display: block; margin-top: 5.2083vw; }
	.service-section .main-service-area .service-item { min-height: 36.4583vw; padding: 3.125vw 2.6042vw; }
	.service-section .main-service-area .service-item .cover { padding: 2.6042vw; font-size: 1.5625vw; }
	.service-section .main-service-area .service-item .item-number { top: 3.9063vw; right: 3.9063vw; font-size: 1.5625vw; }
	.service-section .main-service-area .service-item .item-title { margin-bottom: 3.6458vw; font-size: 2.6042vw; }
	.service-section .main-service-area .service-item .item-text { font-size: 1.8229vw; }
	.service-section .main-service-area .service-item .item-btn { flex-shrink: 0; margin-top: 2.6042vw; }
	.service-section .main-service-area .service-item .item-btn .cm-btn { padding: 1.3021vw 2.8646vw; gap: 1.4323vw; }
	.service-section .main-service-area .service-item .item-btn .cm-btn:after { width: 2.6042vw; height: 2.6042vw; }
	.service-section .main-service-area .swiper-btn-wrap { margin-top: 3.125vw; }
	.service-section .main-service-area .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { background: #BEBEBE; }
	.service-section .main-service-area .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { background: #000; }
	.service-section .fixed-content { display: block; position: static !important; width: 100%; height: auto; }
	.service-section .fixed-content .thumb-area { aspect-ratio: 12/12.074; width: 100%; height: auto; }
	.service-section .fixed-content .thumb-area .thumb-video { object-position: center; }
	.service-section .fixed-content .desc-area { margin-top: 2.6042vw; padding-left: 0; text-align: left; }
	.service-section .fixed-content .desc-area .desc-text { font-size: 1.8229vw; }
	.service-section .fixed-content .desc-area .cm-btn-area { justify-content: flex-start; margin-top: 2.0833vw; }
	.service-section .fixed-content .desc-area .cm-btn-area .cm-btn { min-width: 29.1667vw; padding: 1.3021vw 3.9063vw; padding-right: 2.8646vw; }
	.service-section .fixed-content .desc-area .cm-btn-area .cm-btn:after { width: 2.6042vw; height: 2.6042vw; }

	/* made */
	.made-section { padding: 11.1979vw 0 16.276vw; }
	.made-section .main-title-area .main-title > span { font-size: 3.3854vw; }
	.made-section .main-title-area .main-title .highlight { font-size: 2.6042vw; }
	.made-section .main-title-area .main-title .highlight img { width: 28.2813vw; }
	.made-section .main-made-area { margin-top: 5.2083vw; }
	.made-section .main-made-area .tab-area { position: static; flex-wrap: nowrap; margin-bottom: 1.5625vw; gap: 0.651vw; }
	.made-section .main-made-area .tab-area > li { width: calc((100% - 1.953vw) / 4) !important; }
	.made-section .main-made-area .tab-area .tab-item { max-width: none; height: 4.0365vw; font-size: 1.5625vw; }
	.made-section .main-made-area .item-box .item-thumb .cover { display: none; }
	.made-section .main-made-area .item-box .item-desc { margin-top: 2.6042vw; padding: 0; padding-right: 21.4844vw; padding-bottom: 3.3854vw; }
	.made-section .main-made-area .item-box .item-desc .item-title { font-size: 2.0833vw; }
	.made-section .main-made-area .item-box .item-desc .item-text { margin-top: 1.5625vw; font-size: 1.8229vw; }
	.made-section .main-made-area .item-box .item-desc .item-tag { width: 20.1823vw; padding: 0.1302vw 0; gap: 0.651vw; }
	.made-section .main-made-area .item-box .item-desc .item-tag > span { min-width: 0; height: 4.0365vw; padding: 0.651vw 1.9531vw; font-size: 1.3021vw; }
	.made-section .main-made-area .swiper-btn-wrap { position: static; margin-top: 7.8125vw; }
	.made-section .main-made-area .swiper-btn { display: none; }
	.made-section .main-made-area .swiper-pagination .swiper-pagination-bullet { background: #BEBEBE; }
	.made-section .main-made-area .swiper-pagination .swiper-pagination-bullet-active { background: #000; }

	/* 서브 공통 */
	.sub-page .mo-block { display: block !important; }
	.sub-page .mo-none { display: none !important; }
	.sub-page .sub-title { font-size: 2.0833vw; }
	.sub-page .main-title { margin-top: 2.0833vw; font-size: 3.3854vw; }
	.section-video { aspect-ratio: 12/7.776; }
	.section-video:after { display: none; }

	/* 회사소개- 회사소개 */
	.page-BIOF3 .section1 { padding: 9.8958vw 0; overflow: hidden; }
	.page-BIOF3 .section1 .info-area { flex-direction: column; gap: 0.651vw; }
	.page-BIOF3 .section1 .info-area .area-inner { flex-direction: column; width: 100% !important; gap: 0.651vw; }
	.page-BIOF3 .section1 .info-area .item-box { display: block; min-height: 0; padding: 4.9479vw 2.9948vw; }
	.page-BIOF3 .section1 .info-area .item-box .item-title { width: 100%; font-size: 2.6042vw; }
	.page-BIOF3 .section1 .info-area .item-box .item-desc { margin-top: 3.125vw; font-weight: 400; font-size: 2.0833vw; letter-spacing: -0.8px; }
	.page-BIOF3 .section1 .info-area .item-box3 .item-title { width: 100%; }
	.page-BIOF3 .section1 .info-area .item-box3 .item-desc p + p { margin-top: 1.3021vw; }
	.page-BIOF3 .section1 .obj_area { width: 145%; height: 145%; }
	.page-BIOF3 .section1 .obj_area .img-obj { animation: none; }
	.page-BIOF3 .section1 .obj_area .img-obj3 { display: none; }
	.page-BIOF3 .section2 { padding: 9.1146vw 0; }
	.page-BIOF3 .section2 .map-area { aspect-ratio: 12/9.157; margin-top: 1.3021vw; }
	.page-BIOF3 .section2 .map-info-area { flex-direction: column; margin-top: 1.5625vw; gap: 5.2083vw; }
	.page-BIOF3 .section2 .map-info-area .info-area { padding: 0; }
	.page-BIOF3 .section2 .map-info-area .info-area .item-box { gap: 1.4323vw; font-size: 1.5625vw; }
	.page-BIOF3 .section2 .map-info-area .info-area .item-box + .item-box { margin-top: 0.651vw; }
	.page-BIOF3 .section2 .map-info-area .info-area .item-box .item-title { min-width: 0; }
	.page-BIOF3 .section2 .map-info-area .info-area1 { order: 2; width: 100%; }
	.page-BIOF3 .section2 .map-info-area .info-area1 .item-box { display: block; color: #777; }
	.page-BIOF3 .section2 .map-info-area .info-area1 .item-box + .item-box { margin-top: 1.5625vw; }
	.page-BIOF3 .section2 .map-info-area .info-area1 .item-box .item-title { width: 100%; margin-bottom: 0.5208vw; }
	.page-BIOF3 .section2 .map-info-area .info-area2 { order: 1; width: 100%; }
	.page-BIOF3 .section2 .map-info-area .info-btn { display: flex; align-items: center; justify-content: space-between; order: 3; width: 100%; max-width: 29.1667vw; min-height: 7.2917vw; padding: 0.651vw 3.125vw; padding-right: 4.1667vw; font-size: 1.5625vw; }
	.page-BIOF3 .section2 .map-info-area .info-btn:after { position: static; width: 3.125vw; height: 3.125vw; }
	.page-BIOF3 .section3 { padding-top: 6.5104vw; }
	.page-BIOF3 .section3 .title-area .main-title { margin-top: 1.5625vw; }
	.page-BIOF3 .section3 .cover-area { margin-top: 5.8594vw; }
	.page-BIOF3 .section3 .cover-area .cover-title { font-size: 6.7708vw; letter-spacing: -0.3906vw; }
	.page-BIOF3 .section3 .cover-area .cover-img { margin-top: -4.5573vw; }
	.page-BIOF3 .section3 .cover-area .cover-desc { padding: 0 2.6042vw var(--inner_padding); font-size: 1.8229vw; letter-spacing: -0.5px; text-align: left; }
	.page-BIOF3 .section3 .cover-area .cover-desc span { color: #5081FF; }
	.page-BIOF3 .section4 { background: #282522; }
	.page-BIOF3 .section4 .info-area { padding: 0; }
	.page-BIOF3 .section4 .info-area .inner { flex-direction: column; padding-top: 0; padding-bottom: 10.4167vw; gap: 1.5625vw; background: transparent; }
	.page-BIOF3 .section4 .info-area .item-box { font-weight: 400; font-size: 1.4323vw; }
	.page-BIOF3 .section4 .info-area .item-box br { display: none; }
	.page-BIOF3 .section4 .value-area { margin-top: 0; padding: 0 var(--inner_padding); }
	.page-BIOF3 .section4 .value-area .inner { padding: 3.2552vw 1.8229vw; }
	.page-BIOF3 .section4 .value-area .main-title { margin: 0; margin-bottom: 1.9531vw; padding: 0; font-size: 2.0833vw; }
	.page-BIOF3 .section4 .value-area .item-box { flex-wrap: wrap; min-height: 0; padding: 2.8646vw 0 1.8229vw; gap: 0 1.4323vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-number { width: 7.8125vw; font-size: 1.5625vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-title { position: relative; width: calc(100% - 7.8125vw - 1.4323vw); font-size: 3.6458vw; letter-spacing: -0.5px; }
	.page-BIOF3 .section4 .value-area .item-box .item-title:after { position: absolute; top: 50%; right: 0; width: 3.125vw; height: 3.125vw; margin-top: -1.5625vw; background: url(../../images/common/icon_arr14.svg) no-repeat center/contain; content: ""; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc { display: none; flex-direction: column; margin-top: 1.9531vw; padding-left: 9.2448vw; gap: 2.6042vw; }
	.page-BIOF3 .section4 .value-area .item-box.active .item-desc { display: flex; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc dt { margin-bottom: 1.3021vw; font-size: 1.5625vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc dd { font-size: 1.5625vw; }
	.page-BIOF3 .section4 .competence-area { padding: 7.1615vw 0 4.6875vw; }
	.page-BIOF3 .section4 .competence-area .inner { display: block; margin-bottom: 2.6042vw; }
	.page-BIOF3 .section4 .competence-area .main-title { width: 100%; margin-bottom: 2.6042vw; padding: 0; font-size: 2.0833vw; }
	.page-BIOF3 .section4 .competence-area .comp-area { flex-direction: column; gap: 0.651vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box { width: 100%; padding: 2.3438vw 1.8229vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-number { min-width: 11.7188vw; height: 4.6875vw; padding: 0.651vw 1.9531vw; font-size: 1.4323vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-title { margin-top: 3.125vw; font-size: 2.6042vw; }
	.page-BIOF3 .section5 { padding: 12.3698vw 0 11.3281vw; }
	.page-BIOF3 .section5 .title-area { margin-bottom: 6.25vw; padding-left: 0; }
	.page-BIOF3 .section5 .title-area .main-title { margin-top: 2.0833vw; }
	.page-BIOF3 .section5 .cont-area { display: block; }
	.page-BIOF3 .section5 .cont-area .cont-title { width: 100%; padding-left: 0; font-size: 2.0833vw; }
	.page-BIOF3 .section5 .cont-area .cont-title br { display: none; }
	.page-BIOF3 .section5 .cont-area .cont-desc { width: 100%; margin-top: 2.0833vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .desc-text { margin-bottom: 4.1667vw; padding-left: 0; font-weight: 400; font-size: 1.8229vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .desc-text br { display: none; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc { margin-top: 2.6042vw; font-size: 1.5625vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-name { font-size: 1.8229vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-grade { margin-top: 0.5208vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-text { margin-top: 1.5625vw; }
	.page-BIOF3 .section5 .cont-area .swiper-btn-wrap { margin-top: 5.2083vw; }
	.page-BIOF3 .section5 .cont-area .swiper-btn { display: none; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF3 .section5 .friends-area { margin-top: 7.8125vw; }
	.page-BIOF3 .section5 .friends-area .desc-list { gap: 1.5625vw; }
	.page-BIOF3 .section5 .friends-area .desc-list .item-box { width: calc((100% - 1.5625vw) / 2); }

	/* 회사소개 - 연혁 */
	.page-BIOF4 .history-section .history-year { font-size: 2.0833vw; }
	.page-BIOF4 .history-section .history-title { margin-top: 2.0833vw; font-size: 3.3854vw; }
	.page-BIOF4 .history-section .history-thumb { aspect-ratio: 12/6; margin-top: 2.474vw; }
	.page-BIOF4 .history-section .history-list { margin-top: 7.0313vw; padding: 0; }
	.page-BIOF4 .history-section .history-list:before { display: none; }
	.page-BIOF4 .history-section .history-list:after { display: none; }
	.page-BIOF4 .history-section .history-list .his-item { height: auto; margin-bottom: 0; }
	.page-BIOF4 .history-section .history-list .his-item .item-box { display: block; padding: 0; padding-bottom: 3.9063vw; padding-left: 2.6042vw; }
	.page-BIOF4 .history-section .history-list .his-item:last-child .item-box { padding-bottom: 0; }
	.page-BIOF4 .history-section .history-list .his-item .item-box:before { position: absolute; top: 1.6927vw; bottom: -1.6927vw; left: -0.5px; width: 1px; background: #000; content: ""; }
	.page-BIOF4 .history-section .history-list .his-item .item-box:after { top: 1.6927vw; left: -0.3906vw; width: 0.651vw; height: 0.651vw; border-radius: 100%; background: #000; }
	.page-BIOF4 .history-section .history-list .his-item:first-child .item-box:after { display: block; }
	.page-BIOF4 .history-section .history-list .his-item:last-child .item-box:before { display: none; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .desc-area { padding: 0; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-year { font-size: 4.1667vw; letter-spacing: -0.5px; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc { margin-top: 2.0833vw; font-size: 1.5625vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc p + p { margin-top: 0.9115vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .img-area { display: none; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box { padding-right: 2.6042vw; padding-left: 0; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box:after { right: -0.3906vw; left: auto; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box:before { right: -0.5px; left: auto; }
	.page-BIOF4 .section1 .history-year { padding-top: 8.5938vw; border-top: 0; }
	.page-BIOF4 .section2 { margin-top: 12.1094vw; }
	.page-BIOF4 .section3 { margin-top: 12.1094vw; }
	.page-BIOF4 .section3 .history-list { padding-bottom: 14.974vw; }

	/* 사업소개 - 사업영역 */
	.page-BIOF6 .diagram-area > img.img-mo { display: block; }
	.page-BIOF6 .diagram-area > img.img-pc { display: none; }
	.page-BIOF6 .section1 { padding-top: 5.2083vw; }
	.page-BIOF6 .section1 .title-area { display: block; }
	.page-BIOF6 .section1 .title-area .main-title { width: 100%; padding: 0; font-size: 3.3854vw; }
	.page-BIOF6 .section1 .title-area .btn-box { width: 29.1667vw; margin-top: 5.2083vw; }
	.page-BIOF6 .section1 .diagram-area { width: 100vw; margin-top: 1.5625vw; margin-left: calc(var(--inner_padding) * -1); }
	.page-BIOF6 .section1 .diagram-area > img { width: 100%; }
	.page-BIOF6 .section1 .info-area { display: block; margin: 0.651vw 0 7.8125vw; }
	.page-BIOF6 .section1 .info-area .info-left { width: 100%; }
	.page-BIOF6 .section1 .info-area .info-right { display: block; width: 100%; margin-top: 0.651vw; }
	.page-BIOF6 .section1 .info-area .info-right .video-area { aspect-ratio: 12/6.26; }
	.page-BIOF6 .section1 .info-area .info-right .btn-box { width: 59.7333vw; margin-top: 2.0833vw; }
	.page-BIOF6 .section2 { padding-top: 10.4167vw; }
	.page-BIOF6 .section2 .title-area { display: block; margin-bottom: 8.5938vw; }
	.page-BIOF6 .section2 .title-area .main-title .highlight { border-bottom: 0; }
	.page-BIOF6 .section2 .title-area .main-title br { display: none; }
	.page-BIOF6 .section2 .title-area .video-area { aspect-ratio: 12/8.382; width: 100%; margin-top: 4.6875vw; }
	.page-BIOF6 .section2 .title-area .video-area > video { width: 100%; height: 100%; object-fit: cover; }
	.page-BIOF6 .section2 .cont-area { display: block; }
	.page-BIOF6 .section2 .cont-area + .cont-area { margin-top: 10.4167vw; }
	.page-BIOF6 .section2 .cont-area .title-area { display: flex; position: relative; flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: 3.3854vw; padding: 0; padding-bottom: 3.2552vw; }
	.page-BIOF6 .section2 .cont-area .title-area .title-text { margin: 0; font-size: 2.6042vw; }
	.page-BIOF6 .section2 .cont-area .title-area .cm-btn { width: 22.7865vw; padding: 1.3021vw 3.2552vw; gap: 1.4323vw; }
	.page-BIOF6 .section2 .cont-area .title-area .cm-btn:after { width: 3.125vw; height: 3.125vw; }
	.page-BIOF6 .section2 .cont-area .title-area .guide-text { position: absolute; right: 0; bottom: 0; width: 100%; margin-top: 0; font-size: 1.5625vw; text-align: right; }
	.page-BIOF6 .section2 .cont-area .desc-list-area { width: 100%; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-list { display: none; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper { display: block; position: relative; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-btn-wrap { display: block; margin-top: 3.9063vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .item-box { width: 100%; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc { margin-top: 2.6042vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc .item-title { min-height: 7.2917vw; padding: 1.3021vw 3.2552vw; font-size: 1.5625vw; }
	.page-BIOF6 .section2 .video-full-area { aspect-ratio: 12/5.982; margin-top: 7.9427vw; }
	.page-BIOF6 .section2 .video-full-area .video-area > video { position: static; object-fit: cover; transform: none; }
	.page-BIOF6 .section3 { margin-top: 15.625vw; padding: 3.9063vw 0; background: #C87560; }
	.page-BIOF6 .section3 .inner { display: block; }
	.page-BIOF6 .section3 .title-area { width: 100%; padding: 0; }
	.page-BIOF6 .section3 .title-area .main-title { font-size: 3.125vw; letter-spacing: 0vw; }
	.page-BIOF6 .section3 .detail-area { width: 100%; margin-top: 5.2083vw; }
	.page-BIOF6 .section3 .detail-area .detail-text { display: block; }
	.page-BIOF6 .section3 .detail-area .detail-text dt { font-size: 2.0833vw; }
	.page-BIOF6 .section3 .detail-area .detail-text dd { margin-top: 1.5625vw; font-size: 1.5625vw; }
	.page-BIOF6 .section3 .detail-area .detail-text dd br { display: none; }
	.page-BIOF6 .section3 .detail-area .detail-video-area { aspect-ratio: unset; margin-top: 3.9063vw; padding: 0.651vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info { position: static; flex-direction: column; gap: 0.651vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box { width: 100%; min-height: 26.3021vw; padding: 3.3854vw 2.2135vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-number { bottom: 3.125vw; left: 2.8646vw; font-size: 1.5625vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-title { font-size: 2.0833vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-desc { margin-top: 2.0833vw; font-size: 1.5625vw; }
	.page-BIOF6 .section4 { padding: 7.1615vw 0 10.8073vw; }
	.page-BIOF6 .section4 .title-area { display: block; }
	.page-BIOF6 .section4 .title-area .main-title { width: 100%; margin: 0; padding: 0; font-size: 3.125vw; }
	.page-BIOF6 .section4 .title-area .sub-title { margin-top: 3.125vw; }
	.page-BIOF6 .section4 .client-list-area { margin-top: 6.5104vw; }
	.page-BIOF6 .section4 .client-list-area .client-list { display: none; }
	.page-BIOF6 .section4 .client-list-area .client-swiper { display: block; position: relative; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-btn-wrap { display: block; margin-top: 3.9063vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF6 .section4 .client-list-area .item-box { width: 100%; }
	.page-BIOF6 .section4 .client-list-area .item-box .item-title { top: 1.5625vw; left: 1.5625vw; font-size: 1.3021vw; }
	.page-BIOF6 .section4 .client-list-area .item-box .item-thumb { height: 14.7135vw; }
	.page-BIOF6 .section4 .client-list-area .item-box.nologo .item-title { font-size: 2.6042vw; }

	/* 사업소개 - 주요활동 */
	.page-BIOF7 .section1 { padding: 8.8542vw 0 3.2552vw; overflow: hidden; background: url(../../images/contents/sub7_img01_mo.jpg) no-repeat center top/cover; }
	.page-BIOF7 .section1 .title-area .title-img img { width: 11.7188vw; }
	.page-BIOF7 .section1 .title-area .main-title { margin-top: 4.1667vw; font-size: 3.125vw; }
	.page-BIOF7 .section1 .title-area .sub-title { margin-top: 2.7344vw; font-size: 1.8229vw; line-height: 1.6; }
	.page-BIOF7 .section1 .info-area { flex-direction: column; margin-top: 2.7344vw; gap: 0.651vw; }
	.page-BIOF7 .section1 .info-area .item-box { display: block; width: 100%; min-height: 29.6875vw; padding: 5.2083vw 2.3438vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number { margin-top: 0; padding-bottom: 8.4635vw; font-size: 1.5625vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number:before { top: 2.6042vw; left: 0.5208vw; width: 0.5208vw; height: 0.5208vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number:after { top: 2.6042vw; right: auto; bottom: 1.3021vw; left: 0.7813vw; width: 1px; height: auto; }
	.page-BIOF7 .section1 .info-area .item-box .desc-area { width: 100%; }
	.page-BIOF7 .section1 .info-area .item-box .desc-area:before { top: -1.3021vw; left: 0.5208vw; width: 0.5208vw; height: 0.5208vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-title { font-size: 2.6042vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-desc { margin-top: 1.3021vw; font-size: 1.8229vw; }
	.page-BIOF7 .section2 { padding: 5.2083vw 0; }
	.page-BIOF7 .section2 .bg-video { display: none; }
	.page-BIOF7 .section2 .title-area { margin-bottom: 2.9948vw; padding-left: 0; }
	.page-BIOF7 .section2 .title-area .main-title { font-size: 3.3854vw; }
	.page-BIOF7 .section2 .info-swiper .item-box { height: 100%; padding: 0.651vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc { margin-top: 2.6042vw; padding: 0 1.3021vw 8.7188vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-thumb { aspect-ratio: 1/1; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-title { font-size: 2.6042vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-text { margin-top: 3.9063vw; font-size: 1.8229vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-slide { height: auto; }
	.page-BIOF7 .section2 .info-swiper .swiper-btn-wrap { z-index: 2; position: absolute; bottom: 3.6458vw; left: 0; width: 100%; }
	.page-BIOF7 .section2 .info-swiper .swiper-btn { display: none; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF7 .section3 { padding-top: 10.1563vw; padding-bottom: 22.526vw; }
	.page-BIOF7 .section3 .inner { display: flex; flex-direction: column; }
	.page-BIOF7 .section3 .title-area { margin-bottom: 6.25vw; padding-left: 0; }
	.page-BIOF7 .section3 .title-area .main-title { margin: 0; margin-bottom: 1.6927vw; font-size: 3.3854vw; }
	.page-BIOF7 .section3 .title-area .sub-text { font-size: 1.5625vw; }
	.page-BIOF7 .section3 .info-area { flex-direction: column; align-items: flex-start; order: 3; margin-top: 1.6927vw; gap: 5.2083vw; }
	.page-BIOF7 .section3 .info-area .info-desc .desc-item { gap: 2.9333vw; font-size: 1.5625vw; }
	.page-BIOF7 .section3 .info-area .info-desc1 { order: 3; width: 100%; }
	.page-BIOF7 .section3 .info-area .info-desc1 .desc-item { display: block; color: #777; }
	.page-BIOF7 .section3 .info-area .info-desc1 .desc-item + .desc-item { margin-top: 1.5625vw; }
	.page-BIOF7 .section3 .info-area .info-desc1 .desc-item dt { width: 100%; margin-bottom: 0.5208vw; }
	.page-BIOF7 .section3 .info-area .info-desc2 { order: 2; width: 100%; }
	.page-BIOF7 .section3 .info-area .btn-box { position: absolute; top: 28.5vw; left: var(--inner_padding); order: 1; width: 29.1667vw; }
	.page-BIOF7 .section3 .img-area { order: 2; aspect-ratio: 12/9.214; margin: 0; margin-top: 6vw; }
	.page-BIOF7 .section3 .img-area > img { position: static; width: 100%; height: 100%; object-fit: cover; transform: none !important; }
	.page-BIOF7 .section4 { padding: 8.8542vw 0 8.4635vw; }
	.page-BIOF7 .section4 .info-area { display: block; }
	.page-BIOF7 .section4 .info-area .title-area { padding-left: 0; overflow: hidden; }
	.page-BIOF7 .section4 .info-area .title-area .main-title { margin-top: 2.3438vw; }
	.page-BIOF7 .section4 .info-area .cont-area { width: 100%; margin-top: 2.3438vw; }
	.page-BIOF7 .section4 .info-area .cont-area .img-area > img { position: static; width: 100%; height: 100%; object-fit: cover; transform: none !important; }
	.page-BIOF7 .section4 .info-type1 .cont-area .img-area { aspect-ratio: 12/9.6; }
	.page-BIOF7 .section4 .info-type1 .title-area .main-title { font-size: 3.125vw; }
	.page-BIOF7 .section4 .info-type2 { position: relative; margin-top: 10.4167vw; }
	.page-BIOF7 .section4 .info-type2 .title-area { padding: 0; text-align: left; }
	.page-BIOF7 .section4 .info-type2 .title-area .main-title { margin-bottom: 2.6042vw; font-size: 3.125vw; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc { display: block; margin: 0; padding-top: 77.4584vw; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-left { padding-bottom: 0; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right { width: 100%; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .logo-box { display: none; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .btn-box { width: 29.1667vw; margin-top: 2.8646vw; }
	.page-BIOF7 .section4 .info-type2 .cont-area .img-area { position: absolute; bottom: 32.5521vw; aspect-ratio: 12/9.6; width: 100%; }

	/* 환이야기 */
	.page-BIOF8 .quick-menu { right: 3.3854vw; bottom: 9.5052vw; left: 3.3854vw; transition: bottom 0.5s; }
	.page-BIOF8 .quick-menu.hideQuickMenu { bottom: -15.1042vw; left: 3.3854vw; }
	.page-BIOF8 .quick-menu .menu-area { flex-direction: row; width: 100%; padding: 0.3906vw; gap: 0.3906vw; }
	.page-BIOF8 .quick-menu .menu-area > a { width: 100%; height: 5.599vw; font-size: 1.0417vw; }
	.page-BIOF8 .quick-menu .menu-area > a.btn-top { display: none; }
	.page-BIOF8 .sub-head-wrap { display: flex; min-height: 100vh; padding: 0; background: url(../../images/main/bg_visual_mo.svg) repeat-y left var(--inner_padding) top/1px, url(../../images/main/bg_visual_mo.svg) repeat-y right var(--inner_padding) top/1px, url(../../images/main/bg_visual_mo.svg) repeat-y center top/1px, url(../../images/contents/sub8_img01_mo.jpg) no-repeat center/cover; }
	.page-BIOF8 .sub-head-wrap .inner { height: auto; }
	.page-BIOF8 .sub-head-wrap .sub-head-area { display: flex; flex-direction: column; padding: 12.2396vw 0 19.5313vw; }
	.page-BIOF8 .sub-head-wrap .sub-head-title { font-size: 3.9063vw; line-height: 1.3; letter-spacing: -1px; }
	.page-BIOF8 .sub-head-wrap .sub-desc { margin-top: 5.2083vw; }
	.page-BIOF8 .sub-head-wrap .sub-desc .desc-text { font-size: 2.3438vw; line-height: 1.6; }
	.page-BIOF8 .section0 { padding: 8.0729vw 0 0; }
	.page-BIOF8 .section0 .info-area { display: block; }
	.page-BIOF8 .section0 .info-area .item-box { max-width: 100% !important; padding: 4.1667vw 0 2.0833vw; border-width: 1px; }
	.page-BIOF8 .section0 .info-area .item-box .item-desc { font-size: 1.8229vw; letter-spacing: -0.5px; }
	.page-BIOF8 .section1 { padding: 12.1094vw 0 0; }
	.page-BIOF8 .section1 .title-area { display: block; }
	.page-BIOF8 .section1 .title-area .main-title { width: 100%; margin: 0; font-size: 3.125vw; }
	.page-BIOF8 .section1 .title-area .sub-text { margin-top: 1.5625vw; padding: 0; font-size: 1.8229vw; }
	.page-BIOF8 .section1 .types-area { margin-top: 4.1667vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area { margin-top: 2.2135vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-table { display: none; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper { display: block; position: relative; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-slide { height: auto; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box { display: block; width: 100%; height: 100%; padding: 0.651vw; border-radius: 3px; background: #F5F5F5; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-img { aspect-ratio: 12/6.134; width: 100%; overflow: hidden; border-radius: 3px; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-img .thumb { width: 100%; height: 100%; object-fit: cover; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-number { margin-top: 3.3854vw; padding: 0 1.8229vw; color: #1A44B0; font-weight: 900; font-size: 1.5625vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-desc { margin-top: 5.2083vw; padding: 0 1.8229vw 9.375vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-title { font-weight: 700; font-size: 2.6042vw; line-height: 1; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-text { margin-top: 1.5625vw; font-size: 1.8229vw; line-height: 1.6; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-text br { display: none; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-btn-wrap { z-index: 2; position: absolute; bottom: 3.3854vw; left: 0; width: 100%; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF8 .section2 { padding: 14.3229vw 0 0; }
	.page-BIOF8 .section2 .title-area { display: block; }
	.page-BIOF8 .section2 .title-area .main-title { width: 100%; margin: 0; font-size: 3.125vw; }
	.page-BIOF8 .section2 .title-area .sub-text { margin-top: 1.5625vw; padding: 0; font-size: 1.8229vw; }
	.page-BIOF8 .section2 .title-area .sub-text br { display: none; }
	.page-BIOF8 .section2 .material-area { margin-top: 5.2083vw; }
	.page-BIOF8 .section2 .material-area .material-list { display: flex; position: relative; flex-direction: column; gap: 1.3021vw; }
	.page-BIOF8 .section2 .material-area .material-swiper { display: none; position: relative; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-slide { height: auto; }
	.page-BIOF8 .section2 .material-area .item-box { display: block; width: 100%; height: 100%; padding: 0.651vw; border-radius: 3px; background: #F5F5F5; }
	.page-BIOF8 .section2 .material-area .item-box .item-thumb { aspect-ratio: 12/8.051; }
	.page-BIOF8 .section2 .material-area .item-box .item-thumb .item-text { padding: 2.6042vw; font-size: 1.5625vw; }
	.page-BIOF8 .section2 .material-area .item-box .item-desc { margin-top: 2.3438vw; padding: 0 1.1719vw; padding-bottom: 3.1333vw; }
	.page-BIOF8 .section2 .material-area .item-box .item-desc .item-title { font-size: 2.3438vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-btn-wrap { z-index: 2; position: absolute; bottom: 2.6042vw; left: 0; width: 100%; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF8 .section2 .section2-2 { margin-top: 11.5885vw; }
	.page-BIOF8 .section2 .quality-area { display: block; margin-top: 4.1667vw; }
	.page-BIOF8 .section2 .quality-area .title-area { width: 100%; font-size: 2.0833vw; }
	.page-BIOF8 .section2 .quality-area .cont-area { width: 100%; padding: 0; }
	.page-BIOF8 .section2 .quality-area .quality-list { display: none; }
	.page-BIOF8 .section2 .quality-area .quality-swiper { display: block; position: relative; margin-top: 1.5625vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-slide { height: auto; }
	.page-BIOF8 .section2 .quality-area .item-box { width: 100%; height: 100%; padding: 4.0365vw 3.125vw 9.8958vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area { padding-bottom: 1.3021vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area .item-img img { width: 3.6458vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area .item-title { margin-top: 2.6042vw; font-size: 2.6042vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area { margin-top: 5.3385vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info + .item-info { margin-top: 2.6042vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info { font-size: 1.8229vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info dt { margin: 0; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-btn-wrap { z-index: 2; position: absolute; bottom: 3.9063vw; left: 0; width: 100%; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: #BEBEBE; opacity: 1; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #000; }
	.page-BIOF8 .section2 .info-area { margin-top: 10.9375vw; padding: 5.2083vw 0.651vw 2.6042vw; }
	.page-BIOF8 .section2 .info-area .title-area .main-title { font-size: 2.6042vw; line-height: 1.4; letter-spacing: -0.0651vw; }
	.page-BIOF8 .section2 .info-area .info-list { flex-direction: column; margin-top: 2.8646vw; padding: 0; gap: 0.651vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box { width: 100%; padding: 3.776vw; transform: none !important; text-align: center; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-number { font-size: 1.5625vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-title { margin-top: 1.6927vw; font-size: 2.6042vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-text { margin-top: 2.3438vw; font-size: 1.8229vw; }
	.page-BIOF8 .section2 .info-title { padding: 7.8125vw 0 0; font-size: 2.3438vw; line-height: 1.4; text-align: left; }
	.page-BIOF8 .section3 { padding: 7.8125vw 0; background: url(../../images/contents/sub9_img25.png) no-repeat center/113.5417vw; }
	.page-BIOF8 .section3 .title-area { margin-bottom: 3.9063vw; }
	.page-BIOF8 .section3 .title-area .main-title { font-size: 3.125vw; }
	.page-BIOF8 .section3 .process-list .item-box { position: relative; flex-wrap: wrap; padding-bottom: 6.7708vw; gap: 0 7.8125vw; }
	.page-BIOF8 .section3 .process-list .item-box:after { position: absolute; top: 4.4271vw; bottom: 0; left: 4.362vw; width: 1px; background: #DDD; content: ""; }
	.page-BIOF8 .section3 .process-list .item-box:last-child:after { display: none; }
	.page-BIOF8 .section3 .process-list .item-box + .item-box { margin-top: 0; }
	.page-BIOF8 .section3 .process-list .item-box .item-number { width: 8.724vw; height: 4.4271vw; background: transparent; font-size: 1.0417vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-title { width: calc(100% - 8.724vw - 7.8125vw); margin-top: 1.3021vw; font-size: 1.8229vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info { display: block; width: 100%; padding-left: 16.5365vw; font-size: 1.5625vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl { width: 100%; padding: 1.8229vw 2.0833vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl + dl { margin-top: 0.651vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl dt { font-size: 1.5625vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl dd { margin-top: 0.7813vw; font-size: 1.5625vw; }
	.page-BIOF8 .section4 { margin: 0; margin-bottom: -1.5px; padding: 5.0781vw 0 0; }
	.page-BIOF8 .section4 .title-area { display: block; }
	.page-BIOF8 .section4 .title-area .main-title { width: 100%; margin: 0; font-size: 3.125vw; }
	.page-BIOF8 .section4 .title-area .sub-text { margin-top: 1.5625vw; padding-left: 0; font-size: 1.8229vw; }
	.page-BIOF8 .section4 .facility-area { margin-top: 10.4167vw; }
	.page-BIOF8 .section4 .facility-area .facility-list { display: flex; position: relative; flex-direction: column; gap: 7.8125vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box { display: flex; flex-direction: column-reverse; padding: 0; gap: 0; border: 0; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-img { aspect-ratio: 12/6.076; width: 100%; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc { width: 100%; padding: 0; padding-top: 3.125vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-title { margin-bottom: 2.3438vw; padding-bottom: 2.3438vw; border-bottom: 1px solid rgba(80, 99, 134, 0.3); font-size: 2.6042vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info { display: flex; flex-direction: column; gap: 3.9063vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl { width: 100%; padding: 0; border: 0; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt { font-size: 1.8229vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt > span { margin-left: 0.651vw; font-size: 1.6927vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt > span.type2 { display: inline; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dd { margin-top: 1.5625vw; font-weight: 400; font-size: 1.8229vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper { display: none; position: relative; }
	.page-BIOF8 .section4 .facility-area .facility-swiper + .facility-swiper { margin-top: 13.0208vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-thumb { display: block; position: relative; aspect-ratio: 12/6.076; width: 100%; overflow: hidden; border-radius: 3px; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-thumb .thumb { bottom: -20%; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-title { display: block; width: 100%; margin-top: 3.125vw; margin-bottom: 2.3438vw; padding-bottom: 2.9948vw; border-bottom: 1px solid rgba(80, 99, 134, 0.3); font-weight: 700; font-size: 2.6042vw; line-height: 1.1; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info { display: block; width: 100%; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl + dl { margin-top: 4.1667vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dt { font-weight: 700; font-size: 1.8229vw; line-height: 1.6; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dt > span { padding-left: 0.9115vw; color: #506386; font-size: 1.6927vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dd { margin-top: 1.5625vw; font-weight: 500; font-size: 1.8229vw; line-height: 1.5; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-btn-wrap { z-index: 2; width: 100%; margin-top: 5.2083vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination { display: flex; position: static; justify-content: center; gap: 0.7813vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination .swiper-pagination-bullet { width: 0.7813vw; height: 0.7813vw; margin: 0; border-radius: 0.7813vw; background: rgba(255, 255, 255, 0.11); opacity: 1; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2.6042vw; background: #FFF; }
	.page-BIOF8 .section4 .vision-area { flex-direction: column-reverse; margin-top: 13.0208vw; }
	.page-BIOF8 .section4 .vision-area .left-area { width: 100%; padding: 0; }
	.page-BIOF8 .section4 .vision-area .left-area > img { width: 35.8073vw; margin-right: calc(var(--inner_padding) * -1); }
	.page-BIOF8 .section4 .vision-area .left-area .sign-area { top: 7.1615vw; font-size: 1.0417vw; }
	.page-BIOF8 .section4 .vision-area .left-area .sign-area img { width: 16.4063vw; margin-top: 1.5625vw; }
	.page-BIOF8 .section4 .vision-area .right-area { width: 100%; }
	.page-BIOF8 .section4 .vision-area .right-area .title-area { font-size: 2.6042vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list { display: block; margin-top: 3.9063vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left { width: 100%; gap: 0.651vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box { min-height: 0; padding: 2.6042vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-title { font-size: 2.0833vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-desc { margin-top: 1.4323vw; font-size: 1.8229vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right { width: 100%; padding-top: 2.6042vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text { font-size: 1.8229vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text + .item-text { margin-top: 2.6042vw; }

	/* 로그인 */
	.login-area { padding: 16.7969vw 0 10.4167vw; }
	.login-area .login-title img { width: 39.0625vw; }
	.login-area .login-form { max-width: 39.0625vw; margin: 3.9063vw auto 0; gap: 0.651vw; }
	.login-area .login-form .form-control { height: 6.7708vw; font-size: 1.8229vw; }
	.login-area .login-form .text-error { font-size: 1.5625vw; }
	.login-area .login-form .btn-area { margin-top: 5.2083vw; }
	.login-area .login-form .btn-area .cm-btn { height: 6.7708vw; font-size: 1.8229vw; }
	.login-area .login-form .etc-area { margin-top: 2.3438vw; }
	.login-area .login-form .etc-area .btn-find { font-size: 1.5625vw; }
	.login-area .login-form .etc-area .text-guide { font-size: 1.5625vw; }

	/* 스토리 & 미디어 & 바이오피던스 100% 활용하기 */
	.page-BIOF9 .sub-head-wrap { padding: 13.0208vw 0 18.229vw; }
	.page-BIOF9 .section1 { z-index: 2; }
	.page-BIOF9 .section1 .inner { display: flex; flex-direction: column; }
	.page-BIOF9 .section1 .cate-tab { display: flex; order: 2; }
	.page-BIOF9 .section1 .search-input-box { order: 1; margin: 0 auto 0.651vw; width: 100%; height: 7.292vw;  }
	.page-BIOF9 .section1 .search-input-box input { padding: 0 8.854vw 0 3.385vw; font-size: 1.823vw; }
	.page-BIOF9 .section1 .search-input-box .btn-search { right: 1.823vw; width: 5.208vw; height: 5.208vw; }
	.page-BIOF9 .section1 .types-cont-area { order: 3; margin-top: 2.083vw; }
	/* pagination 공통 */
	.pagination { display: none; }
	/* 리스트 */
	.card-list-wrap { margin-bottom: 17.6vw; }
	.card-list-wrap .support-story-grid { display: block; margin-top: 0.651vw; }
	.card-list-wrap.card-list-wrap--typeA { display: block; }
	.card-list-wrap.card-list-wrap--typeA .main-card,
	.card-list-wrap .card-box { display: block; margin-top: 0.651vw; width: 100%; height: 61.198vw; }
	.card-list-wrap .card-box:first-of-type {margin-top:0; }
	.card-list-wrap.card-list-wrap--typeA .card-box { width: 100%; height: 61.198vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body,
	.card-list-wrap .card-box .card-item-body { padding: 3.125vw 2.083vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-media,
	.card-list-wrap .card-box .card-item-media { height: 28.646vw; border-radius: 3px 3px 0 0; overflow: hidden; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .item-tag,
	.card-list-wrap .card-box .card-item-body .item-tag { font-size: 1.563vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-item-title .card-title,
	.card-list-wrap .card-box .card-item-body .card-item-title .card-title { display: block; max-height: none; height: auto; font-size: 1.483vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-client,
	.card-list-wrap .card-box .card-item-body .card-client { margin-top: 1.302vw; font-size: 1.563vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-date,
	.card-list-wrap .card-box .card-item-body .card-date { left: 2.083vw; bottom: 4.557vw; font-size: 1.563vw; }
	.card-list-wrap .card-box .card-item-body .card-item-title .card-desc { display: none; }
	.card-box:hover .card-item-body .card-arrow { right: 2.083vw; bottom: 3.125vw; width: 4.557vw; height: 4.557vw; }
	.card-list-wrap .card-box:hover .card-item-body .card-item-title .card-desc.on {display: none; }
	/* 상세 */
	.board-detail-wrap { padding: 15.365vw 3.385vw 11.068vw; }
	.board-detail-wrap .board-tag { font-size: 1.823vw; }
	.board-detail-wrap .board-title { margin: 2.604vw 0 7.813vw; font-size: 3.125vw; }
	.board-detail-wrap .board-meta { display: block; margin-bottom: 0.651vw; }
	.board-detail-wrap .board-meta .board-meta-info { font-size: 1.823vw; }
	.board-detail-wrap .board-meta .board-meta-info .board-company + .board-date { margin-left: 9.766vw; }
	.board-detail-wrap .board-meta .board-meta-sns { gap: 0.781vw; margin-top: 1.823vw; }
	.board-detail-wrap .board-meta .board-meta-sns .board-sns { width: 5.208vw; height: 5.208vw; }
	.board-detail-wrap .board-content { padding: 2.083vw 0; }
	.board-detail-wrap .board-content p { font-size: 1.823vw; font-weight: 500; }
	.board-detail-wrap .article-image,
	.board-detail-wrap .article-video { border-radius: 0.391vw; overflow: hidden; }
	.board-detail-wrap .article-image + .article-image,
	.board-detail-wrap .article-image + .article-video,
	.board-detail-wrap .article-video + .article-video,
	.board-detail-wrap .article-video + .article-image {margin-top: 0.651vw; }
	.board-detail-wrap .article-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.board-nav-wrap { margin: 5.208vw auto 0; gap: 7.813vw; padding-top: 2.604vw; }
	.board-nav-list { gap: 1.875vw; }
	.board-nav-label { width: 8.333vw; font-size: 1.563vw; }
	.board-nav-content { font-size: 1.563vw; }
	.board-nav-btn-area { justify-content: flex-start; }
	.board-nav-btn { padding: 0 1.667vw; min-width: 20.313vw; height: 7.292vw; font-size: 1.563vw; }
	.board-nav-btn:after { right: 1.302vw; width: 3.125vw; height: 3.125vw; }
	/* 고객지원 - 통합문의 */
	.ai-chat-wrap { padding-bottom: 5.2083vw; }
	.ai-chat-wrap:before { content: none; }
	.ai-chat-wrap .inner { padding: 0.6510vw; }
	.ai-chat-wrap .ai-chat-title { padding-top: 23.6979vw; font-size: 2.3438vw; }
	.ai-chat-wrap .ai-chat-title:after { top: -2.7344vw; width: 30.7292vw; height: 34.7656vw; }
	.ai-chat-wrap .ai-chat-label { margin: 9.5052vw 2.2135vw 0 0; }
	.ai-chat-wrap .tooltip-wrap .btn-tooltip { padding-right: 2.0833vw; font-size: 1.5625vw; }
	.ai-chat-wrap .tooltip-wrap .btn-tooltip:after { width: 1.5625vw; height: 1.5625vw; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer.active { top: 0; left: 1.4323vw; right: 0; max-width: none; width: auto; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-inner { padding: 3.1250vw; box-shadow: -2.8646vw 3.1250vw 10.2865vw 0 rgba(0, 0, 0, 0.31); }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-title { margin-bottom: 5.2083vw; font-size: 2.6042vw; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .btn-close { top: 3.1250vw; right: 2.6042vw; width: 3.1250vw; height: 3.1250vw; }
	.ai-chat-wrap .ai-chat-console-wrap { margin-top: 2.3438vw; padding: 0; border-radius: 1.0417vw; border: 0.1302vw solid #fff; }
	.ai-chat-wrap .ai-chat-console { height: 60.5469vw; padding: 2.6042vw 1.8229vw; }
	.ai-chat-wrap .ai-chat { gap: 1.3021vw; max-width: 100%; border-radius: 1.5625vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-logo { display: none; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card { gap: 2.0833vw; max-width: 100%; padding: 2.3438vw 3.1250vw; border-radius: 1.5625vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .txt1 { font-size: 1.5625vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .txt2 { font-size: 1.4323vw; color: #dedede; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1 { padding: 0 7.8125vw 0 3.3854vw; width: fit-content; min-width: 22.7865vw; height: 7.2917vw; font-size: 1.5625vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1:after { right: 2.6042vw; width: 2.6042vw; height: 2.6042vw;  }
	.ai-chat-wrap .ai-chat-custom + .ai-chat-company { margin-top: 3.9063vw; }
	.ai-chat-wrap .ai-chat-custom { margin-top: 3.9063vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat { gap: 1.3021vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card { padding: 1.7578vw 3.7109vw; border-radius: 6.2500vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card .txt1 { font-size: 1.5625vw; }
	.ai-chat-wrap .file-upload-wrap .upload-btn { width: 2.0833vw; height: 2.0833vw; }
	.ai-chat-wrap .file-upload-wrap .file-tag { width: 14.3229vw; height: 3.6458vw; margin-left: 1.3021vw; padding: 0 4.5573vw 0 2.6042vw; border-radius: 3.6458vw; }
	.ai-chat-wrap .file-upload-wrap .file-name { font-size: 1.5625vw; }
	.ai-chat-wrap .file-upload-wrap .file-tag .file-remove { right: 1.3021vw; width: 2.0833vw; height: 2.0833vw; }
	.ai-chat-wrap .ai-chat-input-wrap { height: 8.3333vw; margin-top: 1.5625vw; border-radius: 1.0417vw; padding: 3.1250vw 2.6042vw; }
	.ai-chat-wrap .ai-chat-input { margin-left: 1.0417vw; }
	.ai-chat-wrap .ai-chat-input input { width: calc(100% - 1.3021vw); font-size: 1.5625vw; }
	.ai-chat-enter { width: 2.6042vw; height: 2.6042vw; }
	.support-inquiry { flex-direction: column; }
	.support-inquiry .s-thumbs { order: 2; margin-top: 3.9063vw; width: 100%; height: auto; border-radius: 0.2604vw; }
	.support-inquiry .s-thumbs img { max-width: 100%; }
	.support-inquiry .s-cards { order: 1; gap: 0.6510vw; margin-top: 2.6042vw; }
	.support-inquiry .s-cards .s-card { border-radius: 0.3906vw; padding: 3.9063vw 2.6042vw; width: 100%; height: 36.8490vw; }
	.support-inquiry .s-cards .s-card .s-card-inner { gap: 2.6042vw; }
	.support-inquiry .s-cards .s-card .s-card-title { font-size: 2.6042vw; }
	.support-inquiry .s-cards .s-card .s-card-text { margin-top: 1.5104vw; font-size: 1.8229vw; }
	.support-inquiry .s-cards .s-card .s-card-btn { bottom: 3.9063vw; left: 2.6042vw; right: 2.6042vw; padding: 2.7344vw 3.6458vw; border-radius: 0.3906vw; font-size: 1.5625vw; }
	.support-inquiry .s-cards .s-card .s-card-btn:after { right: 4.1667vw; width: 3.1250vw; height: 3.1250vw; }
	.page-BIOF13 .section3 { padding: 10.4167vw 0 5.8594vw;}
	.inquiry-status { margin-top: 1.5625vw; }
	.inquiry-status .inquiry-status-header { display: unset; }
	.inquiry-status .inquiry-status-header .i-desc { font-size: 1.5625vw; }
	.inquiry-status .inquiry-status-header .btn-inquiry {margin-top: 5.2083vw; padding: 0 2.8646vw; width: 29.1667vw; height: 7.2917vw; border-radius: 0.3906vw; font-size: 1.5625vw; }
	.inquiry-status .inquiry-status-header .btn-inquiry:after { content: none }
	/* 테이블 영역 */
	.inquiry-status-table { display: flex; flex-direction: column; gap: 0.6510vw; margin-top: 2.6042vw; border: 0; gap: 0.6510vw; }
	.inquiry-status-table .header-cell { display: none; }
	.inquiry-status-table .status-row { display:flex; flex-wrap: wrap; flex-wrap: wrap; padding: 1.5625vw 1.9531vw; border: 0.1302vw solid #ddd; }
	.inquiry-status-table .status-row .status-cell { display: block; width: 50%; min-height: auto; font-size: 1.5625vw !important; font-weight: 600 !important; }
	.inquiry-status-table .status-row .status-cell:nth-of-type(n+3) { margin-top: 2.9948vw; }
	.inquiry-status-table .status-row .status-cell .only-mo { margin-bottom: 1.0417vw; font-size: 1.3021vw; color: #a4a4a4; }
	.inquiry-status-table .status-row .status-cell.col-type { justify-content: center; padding-left: 0; }
	.inquiry-status-table .status-row .status-cell.col-date .time { margin-left: 0.5208vw; color: #747474; font-weight: 500; }
	.inquiry-status-table .status-row .status-badge { font-size: 1.5625vw !important; font-weight: 600 !important; color: #000 !important; }
	
	/* 고객지원 - 방문 및 미팅 신청 */
	.page-BIOF14 .main-title { text-align: left; }
	.support-visit { flex-direction: column; gap: 0.651vw; margin: 2.734vw 0 5.859vw; }
	.support-visit-card { flex: unset; height: 39.063vw; border-radius: 0.212vw; }
	.support-visit-card > a { padding-bottom: 6.510vw; border: 0.071vw solid #ebebeb; background: #fff; }
	.support-visit-card > a dl { height: 100%; }
	.support-visit-card > a dl dt { position: relative; padding-top: 13.021vw; font-size: 2.083vw; }
	.support-visit-card > a dl dd { margin-top: 1.042vw; font-size: 1.563vw;  font-weight: 500; }
	.support-visit-card > a dl dt.v-icon1:after { width: 20.833vw; height: 8.984vw; }
	.support-visit-card > a dl dt.v-icon2:after { width: 10.807vw; height: 10.026vw; }
	.support-visit-card > a dl dt.v-icon3:after { width: 14.453vw; height: 10.417vw; }
	.support-visit-card > a .card-arrow { bottom: 5.339vw; width: 3.516vw; height: 3.516vw; }
}
@media screen and (max-width:768px) {

	/* header */
	.header { height: 14.6667vw; }
	.header .header-left .logo { width: 33.0667vw; height: 3.7333vw; }
	.header .header-left .gnb-area { top: 14.6667vw; height: calc(var(--vh) * 100 - 14.6667vw); padding: 10.6667vw var(--inner_padding); }
	.header .header-left .gnb-area .gnb-depth1-wrap { min-height: calc(100% - 14.9333vw - 8vw); }
	.header .header-left .gnb-area .gnb-depth1 { gap: 8vw; }
	.header .header-left .gnb-area .gnb-depth1 > li > a { font-size: 6.4vw; }
	.header .header-left .gnb-area .gnb-depth1 > li.has-depth > a:after { width: 8.5333vw; height: 8.5333vw; margin-top: -4.2667vw; }
	.header .header-left .gnb-area .gnb-depth2-wrap { padding: 0 1.0667vw; }
	.header .header-left .gnb-area .gnb-depth2 { margin-top: 5.8667vw; gap: 4.8vw; }
	.header .header-left .gnb-area .gnb-depth2 > li > a { font-size: 5.3333vw; }
	.header .header-left .gnb-area .btn-mypage { height: 14.9333vw; margin-top: 8vw; padding: 2.6667vw 5.3333vw; font-size: 3.7333vw; }
	.header .header-left .gnb-area .btn-mypage:after { width: 5.3333vw; height: 5.3333vw; margin-left: 4.2667vw; }
	.header .header-right .btn-gnb { width: 8.5333vw; height: 8.5333vw; }
	.header .header-right .btn-gnb:before { margin-top: -0.9333vw; }
	.header .header-right .btn-gnb:after { width: 5.3333vw; margin-top: 0.9333vw; }

	/* footer */
	.footer .footer-top { padding: 5.3333vw 0 13.3333vw; }
	.footer .footer-top .logo-title { font-size: 3.2vw; }
	.footer .footer-top .logo-area { margin-top: 4vw; }
	.footer .footer-top .logo-area .logo-img { width: 85.3333vw; }
	.footer .footer-top .logo-area .btn-area { margin-top: 16vw; }
	.footer .footer-btm { padding: 8vw 0; }
	.footer .footer-btm .menu-area .menu-depth1 { padding: 0 3.7333vw; gap: 8vw; }
	.footer .footer-btm .menu-area .menu-depth1 > li > a { font-size: 3.7333vw; }
	.footer .footer-btm .menu-area .menu-depth1 > li.has-depth > a:after { width: 3.2vw; height: 3.2vw; margin-top: -1.6vw; }
	.footer .footer-btm .menu-area .menu-depth2 { margin-top: 5.3333vw; padding: 0 0.5333vw; gap: 3.7333vw; }
	.footer .footer-btm .menu-area .menu-depth2 > li > a { font-size: 3.2vw; }
	.footer .footer-btm .info-area { width: 100%; margin-top: 8vw; padding-top: 6.4vw; }
	.footer .footer-btm .info-area .info-left { gap: 0 13.3333vw; }
	.footer .footer-btm .info-area .info-right { margin-top: 5.3333vw; gap: 24vw 0; }
	.footer .footer-btm .info-area .info-item { font-size: 3.2vw; }
	.footer .footer-btm .info-area .info-insta { bottom: 8.7vw; }
	.footer .footer-btm .info-area .info-insta .btn-insta { width: 4.8vw; height: 4.8vw; }
	.footer .footer-btm .info-area .info-addr:before { width: 3.4667vw; height: 4vw; margin: 0; margin-top: 1.0667vw; }

	/* floating */
	.floating-area { right: 6.9333vw; bottom: 5.3333vw; gap: 1.3333vw; }
	.floating-area.hideFloating { bottom: -12.8vw; }
	.floating-area .btn-top { width: 12.8vw; height: 12.8vw; }
	.floating-area .btn-ai-area .btn-ai { height: 12.8vw; padding: 0 5.3333vw; font-size: 3.7333vw; }
	.floating-area .btn-ai-area .btn-ai:before { width: 5.3333vw; height: 5.3333vw; margin-right: 2.1333vw; }

	/* 서브 레이아웃 */
	.sub-head-wrap { padding: 26.6667vw 0 13.3333vw; }
	.sub-head-wrap .sub-head-title { font-size: 6.4vw; }
	.sub-head-wrap .sub-desc { margin-top: 10.6667vw; font-size: 3.7333vw; }
	.sub-head-wrap .sub-desc .desc-title { margin-bottom: 3.7333vw; font-size: 4.8vw; }
	.sub-head-wrap .sub-tab-area { margin-top: 21.3333vw; }
	.sub-head-wrap .sub-tab-area .tab-list { gap: 2.6667vw; }
	.sub-head-wrap .sub-tab-area .tab-list .btn-tab > a { height: 12.5333vw; padding: 2.6667vw 5.3333vw; font-size: 3.7333vw; }
	.sub-head-wrap .sub-tab-area.fixed { margin-top: 21.3333vw; }

	/* 메인 견적 문의 */
	.modal-application .cm-btn-area { margin-top: 10.6667vw; }

	/* 메인 공통 */
	.main-section .sub-title { margin-bottom: 4.2667vw; font-size: 4.2667vw; }
	.main-section .main-title { font-size: 6.9333vw; }
	.main-section .swiper-btn-wrap .swiper-pagination { gap: 1.6vw; }
	.main-section .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; }
	.main-section .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }

	/* visual */
	.visual-section .inner { padding-top: 40vw; padding-bottom: 31.7333vw; }
	.visual-section .main-title-area { padding: 0; padding-bottom: 30vw; }
	.visual-section .main-title-area .main-title { font-size: 10.6667vw; }
	.visual-section .main-visual-story .cover { padding: 5.3333vw; font-size: 3.2vw; }
	.visual-section .main-visual-story .story-title { bottom: calc(100% + 6.1333vw); }
	.visual-section .main-visual-story .story-title .title-text { font-size: 4.8vw; }
	.visual-section .main-visual-story .story-title .title-desc { margin-top: 2.1333vw; font-size: 3.7333vw; }
	.visual-section .main-visual-story .story-item { padding: 1.3333vw; }
	.visual-section .main-visual-story .story-item .item-thumb { width: 40.5333vw; }
	.visual-section .main-visual-story .story-item .item-desc { width: calc(100% - 40.5333vw); padding-right: 3.2vw; padding-left: 3.2vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm { font-size: 3.7333vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj { margin-top: 4vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj:before { width: 4.2667vw; height: 4.2667vw; margin: 0 0 2.6667vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-subj > span { height: 12.48vw; font-size: 3.2vw; }
	.visual-section .main-visual-story .story-item .item-desc .desc-btm .item-btn { margin-top: 4.2667vw; }
	.visual-section .main-visual-story .swiper-btn-wrap { bottom: -6.4vw; margin-top: 6.4vw; }

	/* info */
	.info-section { padding: 16vw 0; }
	.info-section .main-title-area .btn-download { margin-top: 10.6667vw; }
	.info-section .main-info-area { width: 100%; margin-top: 16vw; gap: 1.3333vw; }
	.info-section .main-info-area .item-info { padding: 5.8667vw 3.7333vw; }
	.info-section .main-info-area .item-info .item-title { font-size: 3.7333vw; }
	.info-section .main-info-area .item-info .item-desc { margin-top: 3.2vw; font-size: 3.2vw; }
	.info-section .main-info-area .item-info .item-number { margin-top: 4.5333vw; font-size: 3.2vw; }
	.info-section .main-info-area .item-info .item-number .counting { font-size: 27.7333vw; }

	/* people */
	.people-section { padding: 18.6667vw 0; }
	.people-section .main-title-area { margin-bottom: 16vw; }
	.people-section .main-cont .title-area { width: 100%; margin-bottom: 8vw; gap: 2.9333vw; }
	.people-section .main-cont .title-area .title-text { font-size: 4.2667vw; }
	.people-section .main-cont .title-area .cm-btn { padding: 0 6.9333vw; }
	.people-section .main-cont .title-area .cm-btn:after { width: 6.4vw; height: 6.4vw; margin-left: 3.2vw; }
	.people-section .main-cont .cont-area .item-box .item-desc { margin-top: 4.8vw; }
	.people-section .main-cont .cont-area .item-box .item-desc .item-name { font-size: 3.7333vw; }
	.people-section .main-cont .cont-area .item-box .item-desc .item-grade { margin-top: 1.0667vw; font-size: 3.2vw; }
	.people-section .main-cont .swiper-btn-wrap { margin-top: 10.6667vw; }

	/* facility */
	.facility-section .fixed-area { padding-top: 20vw; }
	.facility-section .fixed-area .fixed-title { font-size: 6.9333vw; }
	.facility-section .fixed-area .fixed-obj { height: 49.8667vw; margin: 12.8vw auto 15.7333vw; }
	.facility-section .fixed-area .fixed-obj > span { height: 49.8667vw; }
	.facility-section .fixed-area .fixed-obj > span:before,
	.facility-section .fixed-area .fixed-obj > span:after { width: 5.3333vw; height: 5.3333vw; }
	.facility-section .fixed-area .fixed-logo { width: 94.9333vw; }
	.facility-section .fixed-area[data-aos=fade-in].aos-animate .fixed-obj > span { height: 49.8667vw; }
	.facility-section .main-facility-area { padding-top: 16vw; }
	.facility-section .main-facility-area .main-title-area .sub-title { font-size: 6.9333vw; }
	.facility-section .main-facility-area .main-title-area .main-title { margin-top: 16vw; font-size: 6.4vw; }
	.facility-section .main-facility-area .main-title-area .sub-text { margin-top: 5.3333vw; font-size: 3.7333vw; }
	.facility-section .main-facility-area .floor-area { margin-top: 8vw; }
	.facility-section .main-facility-area .floor-area .floor-item + .floor-item { margin-top: 18.6667vw; }
	.facility-section .main-facility-area .floor-area .floor-bg { z-index: 2; padding: 1.8667vw 1.3333vw; }
	.facility-section .main-facility-area .floor-area .floor2-item .floor-map { padding: 5.6vw 4.2667vw 8.5333vw 2.4vw; }
	.facility-section .main-facility-area .floor-area .floor2-item .floor-map:after { bottom: 1.3333vw; left: 1.6vw; width: 32.8vw; height: 21.6vw; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map { padding: 7.7333vw 5.6vw 6.6667vw 3.2vw; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map:after { bottom: 1.3333vw; left: 4.5333vw; width: 30.1333vw; height: 21.3333vw; }
	.facility-section .main-facility-area .floor-area .map-layer { top: -1.9vw; right: -1.5vw; left: -1.5vw; width: auto; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-inner { max-width: 89.0667vw; padding: 5.3333vw; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-btn-wrap { top: 5.3333vw; right: 17.0667vw; gap: 1.3333vw; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-btn { width: 8vw; height: 8vw; }
	.facility-section .main-facility-area .floor-area .map-layer .btn-close { top: 5.3333vw; right: 8vw; width: 8vw; height: 8vw; background: url(../../images/common/icon_close01.svg) no-repeat center/4vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-title { min-height: 8.8vw; padding-right: 12vw; font-size: 5.3333vw; }
	.facility-section .main-facility-area .floor-area .map-layer .swiper-slide .layer-title { padding-right: 26.6933vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc { margin-top: 2.6667vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-text { font-size: 2.6667vw; }
	.facility-section .main-facility-area .floor-area .map-layer .layer-desc .layer-img { margin-top: 5.3333vw; }
	.facility-section .main-facility-area .floor-map-swiper { margin-top: 5.3333vw; }
	.facility-section .main-facility-area .floor-map-swiper .swiper-slide { gap: 2.6667vw; }
	.facility-section .main-facility-area .floor-map-swiper .btn-map { width: calc((100% - 2.6667vw) / 2); height: 12.5333vw; padding: 2.6667vw 5.3333vw; font-size: 3.7333vw; }
	.facility-section .main-facility-area .floor-map-swiper .swiper-btn-wrap { margin-top: 7.7333vw; }
	.facility-section .main-facility-area .floor-area .floor-item .floor-map:before { top: 5.6vw; right: 4.2667vw; bottom: 8.5333vw; left: 2.1vw; }
	.facility-section .main-facility-area .floor-area .floor1-item .floor-map:before { top: 7.7333vw; right: 5.6vw; bottom: 6.6667vw; left: 3vw; }
	.facility-section .main-quality-area { padding: 27.7333vw 0 14.6667vw; }
	.facility-section .main-quality-area .bg-video { width: 100%; height: 75%; transform: translate(-50%, -41%); }
	.facility-section .main-quality-area .main-title-area .main-title { font-size: 6.4vw; }
	.facility-section .main-quality-area .main-title-area .sub-text { margin-top: 5.3333vw; font-size: 2.9333vw; }
	.facility-section .main-quality-area .process-area { padding: 0 8.5333vw; gap: 15.4667vw; }
	.facility-section .main-quality-area .process-area .prss-item { padding: 10.6667vw 2.9333vw; }
	.facility-section .main-quality-area .process-area .prss-item:first-child:before,
	.facility-section .main-quality-area .process-area .prss-item:last-child:before { top: 50%; right: calc(100% + 1.6vw); width: 7.4667vw; height: 4.8vw; }
	.facility-section .main-quality-area .process-area:after { top: calc((100% - 77.3335vw) / 5 / 2 + 1.3333vw); bottom: calc((100% - 77.3335vw) / 5 / 2 + 1.3333vw); width: 0.2667vw; }
	.facility-section .main-quality-area .process-area .prss-item .item-title { margin-bottom: 4.5333vw; font-size: 5.0667vw; }
	.facility-section .main-quality-area .process-area .prss-item .item-desc { margin-top: 6.1333vw; font-size: 3.7333vw; }

	/* patent */
	.patent-section { padding: 16vw 0; }
	.patent-section .main-title-area { margin-bottom: 13.0667vw; padding-left: 0; }
	.patent-section .main-title-area .main-title { font-size: 6.9333vw; }
	.patent-section .main-patent-area { padding: 1.3333vw; }
	.patent-section .main-patent-area .title-area { padding: 6.4vw 3.4667vw; }
	.patent-section .main-patent-area .title-area .text-title { font-size: 4.2667vw; }
	.patent-section .main-patent-area .title-area .text-desc { margin-top: 5.3333vw; font-size: 3.7333vw; }
	.patent-section .main-patent-area .desc-area { width: 100%; padding: 0; gap: 1.3333vw; }
	.patent-section .main-patent-area .desc-area .desc-item { padding: 5.8667vw 4.2667vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-title { min-height: 0; font-size: 4.2667vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-text { margin-top: 13.6vw; font-size: 3.2vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn { margin-top: 5.6vw; padding-top: 5.6vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn { font-size: 2.9333vw; }
	.patent-section .main-patent-area .desc-area .desc-item .item-btn .btn:before { width: 11.2vw; height: 10.6667vw; margin-right: 3.7333vw; background: #002FA7 url(../../images/common/icon_arr13.svg) no-repeat center/4.5333vw; }
	.patent-section .main-certification-area { margin-top: 1.8667vw; padding: 6.4vw 4.2667vw; }
	.patent-section .main-certification-area .title-area .text-title { margin-bottom: 4.8vw; font-size: 4.2667vw; }
	.patent-section .main-certification-area .title-area .btn-tooltip { min-width: 23.7333vw; height: 8.2667vw; padding: 2.4vw 3.7333vw; }
	.patent-section .main-certification-area .title-area .btn-tooltip:after { width: 3.2vw; height: 3.2vw; margin-left: 2.9333vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer { top: calc(100% + 1.3333vw); }
	.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-inner { padding: 9.0667vw 6.9333vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer .tooltip-title { margin-bottom: 8.5333vw; font-size: 5.3333vw; }
	.patent-section .main-certification-area .title-area .tooltip-layer .btn-close { top: 9.0667vw; right: 6.9333vw; width: 6.4vw; height: 6.4vw; background: url(../../images/common/icon_close04.svg) no-repeat center/5vw; }
	.patent-section .main-certification-area .desc-area .desc-item { padding: 4.8vw 0 4.2667vw; gap: 0 2.9333vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-number { width: 10.6667vw; font-size: 3.2vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-title { width: calc(100% - 10.6667vw - 2.9333vw); font-size: 7.4667vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-title:after { width: 6.4vw; height: 6.4vw; margin-top: -3.2vw; }
	.patent-section .main-certification-area .desc-area .desc-item .item-text { margin-top: 3.7333vw; padding-left: 13.6vw; font-size: 3.2vw; }

	/* service */
	.service-section { padding-top: 14.1333vw; }
	.service-section .main-title-area { margin-bottom: 5.3333vw; }
	.service-section .main-title-area .main-title { font-size: 6.9333vw; }
	.service-section .main-service-area .service-swiper { margin-top: 10.6667vw; }
	.service-section .main-service-area .service-item { min-height: 74.6667vw; padding: 6.4vw 5.3333vw; }
	.service-section .main-service-area .service-item .cover { padding: 5.3333vw; font-size: 3.2vw; }
	.service-section .main-service-area .service-item .item-number { top: 8vw; right: 8vw; font-size: 3.2vw; }
	.service-section .main-service-area .service-item .item-title { margin-bottom: 7.4667vw; font-size: 5.3333vw; }
	.service-section .main-service-area .service-item .item-text { font-size: 3.7333vw; }
	.service-section .main-service-area .service-item .item-btn { margin-top: 5.3333vw; }
	.service-section .main-service-area .service-item .item-btn .cm-btn { padding: 2.6667vw 5.8667vw; gap: 2.9333vw; }
	.service-section .main-service-area .service-item .item-btn .cm-btn:after { width: 5.3333vw; height: 5.3333vw; }
	.service-section .main-service-area .swiper-btn-wrap { margin-top: 6.4vw; }
	.service-section .fixed-content .desc-area { margin-top: 5.3333vw; }
	.service-section .fixed-content .desc-area .desc-text { font-size: 3.7333vw; }
	.service-section .fixed-content .desc-area .cm-btn-area { margin-top: 4.2667vw; }
	.service-section .fixed-content .desc-area .cm-btn-area .cm-btn { min-width: 59.7333vw; padding: 2.6667vw 8vw; padding-right: 5.8667vw; }
	.service-section .fixed-content .desc-area .cm-btn-area .cm-btn:after { width: 5.3333vw; height: 5.3333vw; }

	/* made */
	.made-section { padding: 22.9333vw 0 33.3333vw; }
	.made-section .main-title-area .main-title > span { font-size: 6.9333vw; }
	.made-section .main-title-area .main-title .highlight { font-size: 5.3333vw; }
	.made-section .main-title-area .main-title .highlight img { width: 57.92vw; }
	.made-section .main-made-area { margin-top: 10.6667vw; }
	.made-section .main-made-area .tab-area { margin-bottom: 3.2vw; gap: 1.3333vw; }
	.made-section .main-made-area .tab-area > li { width: calc((100% - 3.9999vw) / 4) !important; }
	.made-section .main-made-area .tab-area .tab-item { height: 8.2667vw; font-size: 3.2vw; }
	.made-section .main-made-area .item-box .item-desc { margin-top: 5.3333vw; padding: 0; padding-right: 44vw; padding-bottom: 6.9333vw; }
	.made-section .main-made-area .item-box .item-desc .item-title { font-size: 4.2667vw; }
	.made-section .main-made-area .item-box .item-desc .item-text { margin-top: 3.2vw; font-size: 3.7333vw; }
	.made-section .main-made-area .item-box .item-desc .item-tag { width: 41.3333vw; padding: 0.2667vw 0; gap: 1.3333vw; }
	.made-section .main-made-area .item-box .item-desc .item-tag > span { height: 8.2667vw; padding: 1.3333vw 4vw; font-size: 2.6667vw; }
	.made-section .main-made-area .swiper-btn-wrap { margin-top: 16vw; }

	/* 서브 공통 */
	.sub-page .sub-title { font-size: 4.2667vw; }
	.sub-page .main-title { margin-top: 4.2667vw; font-size: 6.9333vw; }

	/* 회사소개- 회사소개 */
	.page-BIOF3 .section1 { padding: 20.2667vw 0; }
	.page-BIOF3 .section1 .info-area { gap: 1.3333vw; }
	.page-BIOF3 .section1 .info-area .area-inner { width: 100% !important; gap: 1.3333vw; }
	.page-BIOF3 .section1 .info-area .item-box { padding: 10.1333vw 6.1333vw; }
	.page-BIOF3 .section1 .info-area .item-box .item-title { font-size: 5.3333vw; }
	.page-BIOF3 .section1 .info-area .item-box .item-desc { margin-top: 6.4vw; font-size: 4.2667vw; }
	.page-BIOF3 .section1 .info-area .item-box3 .item-desc p + p { margin-top: 2.6667vw; }
	.page-BIOF3 .section2 { padding: 18.6667vw 0; }
	.page-BIOF3 .section2 .map-area { margin-top: 2.6667vw; }
	.page-BIOF3 .section2 .map-info-area { margin-top: 3.2vw; gap: 10.6667vw; }
	.page-BIOF3 .section2 .map-info-area .info-area .item-box { gap: 2.9333vw; font-size: 3.2vw; }
	.page-BIOF3 .section2 .map-info-area .info-area .item-box + .item-box { margin-top: 1.3333vw; }
	.page-BIOF3 .section2 .map-info-area .info-area1 .item-box + .item-box { margin-top: 3.2vw; }
	.page-BIOF3 .section2 .map-info-area .info-area1 .item-box .item-title { margin-bottom: 1.0667vw; }
	.page-BIOF3 .section2 .map-info-area .info-btn { max-width: 59.7333vw; min-height: 14.9333vw; padding: 1.3333vw 6.4vw; padding-right: 8.5333vw; font-size: 3.2vw; }
	.page-BIOF3 .section2 .map-info-area .info-btn:after { width: 6.4vw; height: 6.4vw; }
	.page-BIOF3 .section3 { padding-top: 13.3333vw; }
	.page-BIOF3 .section3 .title-area .main-title { margin-top: 3.2vw; }
	.page-BIOF3 .section3 .cover-area { margin-top: 12vw; }
	.page-BIOF3 .section3 .cover-area .cover-title { font-size: 13.8667vw; }
	.page-BIOF3 .section3 .cover-area .cover-img { margin-top: -9.3333vw; }
	.page-BIOF3 .section3 .cover-area .cover-desc { padding: 0 5.3333vw 10.6667vw; font-size: 3.7333vw; }
	.page-BIOF3 .section4 .info-area .inner { padding-top: 0; padding-bottom: 21.3333vw; gap: 3.2vw; }
	.page-BIOF3 .section4 .info-area .item-box { font-size: 2.9333vw; }
	.page-BIOF3 .section4 .value-area .inner { padding: 6.6667vw 3.7333vw; }
	.page-BIOF3 .section4 .value-area .main-title { margin-bottom: 4vw; font-size: 4.2667vw; }
	.page-BIOF3 .section4 .value-area .item-box { padding: 5.8667vw 0 3.7333vw; gap: 0 2.9333vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-number { width: 16vw; font-size: 3.2vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-title { width: calc(100% - 16vw - 2.9333vw); font-size: 7.4667vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-title:after { width: 6.4vw; height: 6.4vw; margin-top: -3.2vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc { margin-top: 4vw; padding-left: 18.9333vw; gap: 5.3333vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc dt { margin-bottom: 2.6667vw; font-size: 3.2vw; }
	.page-BIOF3 .section4 .value-area .item-box .item-desc dd { font-size: 3.2vw; }
	.page-BIOF3 .section4 .competence-area { padding: 14.6667vw 0 9.6vw; }
	.page-BIOF3 .section4 .competence-area .inner { margin-bottom: 5.3333vw; }
	.page-BIOF3 .section4 .competence-area .main-title { margin-bottom: 5.3333vw; font-size: 4.2667vw; }
	.page-BIOF3 .section4 .competence-area .comp-area { gap: 1.3333vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box { padding: 4.8vw 3.7333vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-number { min-width: 24vw; height: 9.6vw; padding: 1.3333vw 4vw; font-size: 2.9333vw; }
	.page-BIOF3 .section4 .competence-area .comp-area .item-box .item-title { margin-top: 6.4vw; font-size: 5.3333vw; }
	.page-BIOF3 .section5 { padding: 25.3333vw 0 23.2vw; }
	.page-BIOF3 .section5 .title-area { margin-bottom: 12.8vw; padding-left: 0; }
	.page-BIOF3 .section5 .title-area .main-title { margin-top: 4.2667vw; }
	.page-BIOF3 .section5 .cont-area .cont-title { font-size: 4.2667vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc { margin-top: 4.2667vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .desc-text { margin-bottom: 8.5333vw; font-size: 3.7333vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc { margin-top: 5.3333vw; font-size: 3.2vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-name { font-size: 3.7333vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-grade { margin-top: 1.0667vw; }
	.page-BIOF3 .section5 .cont-area .cont-desc .item-box .item-desc .item-text { margin-top: 3.2vw; }
	.page-BIOF3 .section5 .cont-area .swiper-btn-wrap { margin-top: 10.6667vw; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination { gap: 1.6vw; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF3 .section5 .cont-area .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF3 .section5 .friends-area { margin-top: 16vw; }
	.page-BIOF3 .section5 .friends-area .desc-list { gap: 3.2vw; }
	.page-BIOF3 .section5 .friends-area .desc-list .item-box { width: calc((100% - 3.2vw) / 2); }

	/* 회사소개 - 연혁 */
	.page-BIOF4 .history-section .history-year { font-size: 4.2667vw; }
	.page-BIOF4 .history-section .history-title { margin-top: 4.2667vw; font-size: 6.9333vw; }
	.page-BIOF4 .history-section .history-thumb { aspect-ratio: 12/6; margin-top: 5.0667vw; }
	.page-BIOF4 .history-section .history-list { margin-top: 14.4vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box { padding-bottom: 8vw; padding-left: 5.3333vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box:before { top: 3.4667vw; bottom: -3.4667vw; left: -0.5px; width: 1px; }
	.page-BIOF4 .history-section .history-list .his-item .item-box:after { top: 3.4667vw; left: -0.6667vw; width: 1.3333vw; height: 1.3333vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-year { font-size: 8.5333vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc { margin-top: 4.2667vw; font-size: 3.2vw; }
	.page-BIOF4 .history-section .history-list .his-item .item-box .item-desc p + p { margin-top: 1.8667vw; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box { padding-right: 5.3333vw; padding-left: 0; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box:after { right: -0.6667vw; left: auto; }
	.page-BIOF4 .history-section .history-list .his-item:nth-child(even) .item-box:before { right: -0.5px; left: auto; }
	.page-BIOF4 .section1 .history-year { padding-top: 17.6vw; }
	.page-BIOF4 .section2 { margin-top: 24.8vw; }
	.page-BIOF4 .section3 { margin-top: 24.8vw; }
	.page-BIOF4 .section3 .history-list { padding-bottom: 30.6667vw; }

	/* 사업소개 - 사업영역 */
	.page-BIOF6 .section1 { padding-top: 10.6667vw; }
	.page-BIOF6 .section1 .title-area .main-title { font-size: 6.9333vw; }
	.page-BIOF6 .section1 .title-area .btn-box { width: 59.7333vw; margin-top: 10.6667vw; }
	.page-BIOF6 .section1 .diagram-area { margin-top: 3.2vw; margin-left: calc(var(--inner_padding) * -1); }
	.page-BIOF6 .section1 .info-area { margin: 1.3333vw 0 16vw; }
	.page-BIOF6 .section1 .info-area .info-right { margin-top: 1.3333vw; }
	.page-BIOF6 .section1 .info-area .info-right .btn-box { margin-top: 4.2667vw; }
	.page-BIOF6 .section2 { padding-top: 21.3333vw; }
	.page-BIOF6 .section2 .title-area { margin-bottom: 17.6vw; }
	.page-BIOF6 .section2 .title-area .main-title .highlight { border-bottom: 0; }
	.page-BIOF6 .section2 .title-area .video-area { margin-top: 9.6vw; }
	.page-BIOF6 .section2 .cont-area + .cont-area { margin-top: 21.3333vw; }
	.page-BIOF6 .section2 .cont-area .title-area { margin-bottom: 6.9333vw; padding: 0; padding-bottom: 6.6667vw; }
	.page-BIOF6 .section2 .cont-area .title-area .title-text { margin: 0; font-size: 5.3333vw; }
	.page-BIOF6 .section2 .cont-area .title-area .cm-btn { width: 46.6667vw; padding: 2.6667vw 6.6667vw; gap: 2.9333vw; }
	.page-BIOF6 .section2 .cont-area .title-area .cm-btn:after { width: 6.4vw; height: 6.4vw; }
	.page-BIOF6 .section2 .cont-area .title-area .guide-text { font-size: 3.2vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-btn-wrap { margin-top: 8vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .desc-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc { margin-top: 5.3333vw; }
	.page-BIOF6 .section2 .cont-area .desc-list-area .item-box .item-desc .item-title { min-height: 14.9333vw; padding: 2.6667vw 6.6667vw; font-size: 3.2vw; }
	.page-BIOF6 .section2 .video-full-area { margin-top: 16.2667vw; }
	.page-BIOF6 .section3 { margin-top: 32vw; padding: 8vw 0; }
	.page-BIOF6 .section3 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF6 .section3 .detail-area { margin-top: 10.6667vw; }
	.page-BIOF6 .section3 .detail-area .detail-text dt { font-size: 4.2667vw; }
	.page-BIOF6 .section3 .detail-area .detail-text dd { margin-top: 3.2vw; font-size: 3.2vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area { margin-top: 8vw; padding: 1.3333vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info { gap: 1.3333vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box { min-height: 53.8667vw; padding: 6.9333vw 4.5333vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-number { bottom: 6.4vw; left: 5.8667vw; font-size: 3.2vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-title { font-size: 4.2667vw; }
	.page-BIOF6 .section3 .detail-area .detail-video-area .video-info .item-box .item-desc { margin-top: 4.2667vw; font-size: 3.2vw; }
	.page-BIOF6 .section4 { padding: 14.6667vw 0 22.1333vw; }
	.page-BIOF6 .section4 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF6 .section4 .title-area .sub-title { margin-top: 6.4vw; }
	.page-BIOF6 .section4 .client-list-area { margin-top: 13.3333vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-btn-wrap { margin-top: 8vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF6 .section4 .client-list-area .client-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF6 .section4 .client-list-area .item-box .item-title { top: 3.2vw; left: 3.2vw; font-size: 2.6667vw; }
	.page-BIOF6 .section4 .client-list-area .item-box .item-thumb { height: 30.1333vw; }
	.page-BIOF6 .section4 .client-list-area .item-box.nologo .item-title { font-size: 5.3333vw; }

	/* 사업소개 - 주요활동 */
	.page-BIOF7 .section1 .title-area .title-img img { width: 24vw; }
	.page-BIOF7 .section1 .title-area .main-title { margin-top: 8.5333vw; font-size: 6.4vw; }
	.page-BIOF7 .section1 .title-area .sub-title { margin-top: 5.6vw; font-size: 3.7333vw; }
	.page-BIOF7 .section1 .info-area { margin-top: 5.6vw; gap: 1.3333vw; }
	.page-BIOF7 .section1 .info-area .item-box { min-height: 60.8vw; padding: 10.6667vw 4.8vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number { margin-top: 0; padding-bottom: 17.3333vw; font-size: 3.2vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number:before { top: 5.3333vw; left: 1.0667vw; width: 1.0667vw; height: 1.0667vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-number:after { top: 5.3333vw; right: auto; bottom: 2.6667vw; left: 1.6vw; }
	.page-BIOF7 .section1 .info-area .item-box .desc-area:before { top: -2.6667vw; left: 1.0667vw; width: 1.0667vw; height: 1.0667vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-title { font-size: 5.3333vw; }
	.page-BIOF7 .section1 .info-area .item-box .item-desc { margin-top: 2.6667vw; font-size: 3.7333vw; }
	.page-BIOF7 .section2 { padding: 10.6667vw 0; }
	.page-BIOF7 .section2 .title-area { margin-bottom: 6.1333vw; padding-left: 0; }
	.page-BIOF7 .section2 .title-area .main-title { font-size: 6.9333vw; }
	.page-BIOF7 .section2 .info-swiper .item-box { padding: 1.3333vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc { margin-top: 5.3333vw; padding: 0 2.6667vw 15vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-title { font-size: 5.3333vw; }
	.page-BIOF7 .section2 .info-swiper .item-box .item-desc .item-text { margin-top: 8vw; font-size: 3.7333vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-btn-wrap { bottom: 7.4667vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF7 .section2 .info-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF7 .section3 { padding-top: 20.8vw; padding-bottom: 0; }
	.page-BIOF7 .section3 .inner { position: relative; }
	.page-BIOF7 .section3 .title-area { margin-bottom: 23.8vw; padding-left: 0; }
	.page-BIOF7 .section3 .title-area .main-title { margin: 0; margin-bottom: 3.4667vw; font-size: 6.9333vw; letter-spacing: -0.651vw; }
	.page-BIOF7 .section3 .title-area .sub-text { font-size: 3.2vw; }
	.page-BIOF7 .section3 .info-area { margin-top: 3.2vw; }
	.page-BIOF7 .section3 .info-area .info-desc .desc-item { font-size: 3.2vw; }
	.page-BIOF7 .section3 .info-area .info-desc1 .desc-item + .desc-item { margin-top: 5.3333vw; }
	.page-BIOF7 .section3 .info-area .info-desc1 .desc-item dd { margin-top: 1.0667vw; }
	.page-BIOF7 .section3 .info-area .btn-box { top: 37.5vw; width: 59.7333vw; }
	.page-BIOF7 .section3 .img-area { margin-top: 0; }
	.page-BIOF7 .section4 { padding: 18.1333vw 0 17.3333vw; }
	.page-BIOF7 .section4 .info-area .title-area .main-title { margin-top: 4.8vw; }
	.page-BIOF7 .section4 .info-area .cont-area { margin-top: 4.8vw; }
	.page-BIOF7 .section4 .info-type1 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF7 .section4 .info-type2 { margin-top: 21.3333vw; }
	.page-BIOF7 .section4 .info-type2 .title-area .main-title { margin-bottom: 5.3333vw; font-size: 6.4vw; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc { padding-top: 74.6666vw; }
	.page-BIOF7 .section4 .info-type2 .title-area .title-desc .desc-right .btn-box { width: 59.7333vw; margin-top: 5.8667vw; }
	.page-BIOF7 .section4 .info-type2 .cont-area .img-area { bottom: 66.6667vw; }

	/* 환이야기 */
	.page-BIOF8 .quick-menu { right: 6.9333vw; bottom: 19.4666vw; left: 6.9333vw; }
	.page-BIOF8 .quick-menu.hideQuickMenu { bottom: -30.9333vw; left: 6.9333vw; }
	.page-BIOF8 .quick-menu .menu-area { padding: 0.8vw; gap: 0.8vw; }
	.page-BIOF8 .quick-menu .menu-area > a { height: 11.4667vw; font-size: 2.1333vw; }
	.page-BIOF8 .sub-head-wrap .sub-head-area { padding: 25vw 0 55vw; }
	.page-BIOF8 .sub-head-wrap .sub-head-title { font-size: 8vw; }
	.page-BIOF8 .sub-head-wrap .sub-desc { margin-top: 10.6667vw; }
	.page-BIOF8 .sub-head-wrap .sub-desc .desc-text { font-size: 4.8vw; }
	.page-BIOF8 .section0 { padding: 16.5333vw 0 0; }
	.page-BIOF8 .section0 .info-area .item-box { padding: 8.5333vw 0 4.2667vw; }
	.page-BIOF8 .section0 .info-area .item-box .item-desc { font-size: 3.7333vw; }
	.page-BIOF8 .section1 { padding: 24.8vw 0 0; }
	.page-BIOF8 .section1 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF8 .section1 .title-area .sub-text { margin-top: 3.2vw; font-size: 3.7333vw; }
	.page-BIOF8 .section1 .types-area { margin-top: 8.5333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area { margin-top: 4.5333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box { padding: 1.3333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-number { margin-top: 6.9333vw; padding: 0 3.7333vw; font-size: 3.2vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-desc { margin-top: 10.6667vw; padding: 0 3.7333vw 19.2vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-title { font-size: 5.3333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .item-box .item-text { margin-top: 3.2vw; font-size: 3.7333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-btn-wrap { bottom: 6.9333vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF8 .section1 .types-area .types-cont-area .type-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF8 .section2 { padding: 29.3333vw 0 0; }
	.page-BIOF8 .section2 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF8 .section2 .title-area .sub-text { margin-top: 3.2vw; font-size: 3.7333vw; }
	.page-BIOF8 .section2 .material-area { margin-top: 10.6667vw; }
	.page-BIOF8 .section2 .material-area .item-box { padding: 1.3333vw; }
	.page-BIOF8 .section2 .material-area .item-box .item-thumb .item-text { padding: 5.3333vw; font-size: 3.2vw; }
	.page-BIOF8 .section2 .material-area .item-box .item-desc { margin-top: 4.8vw; padding: 0 2.4vw; padding-bottom: 5.1333vw; }
	.page-BIOF8 .section2 .material-area .item-box .item-desc .item-title { font-size: 4.8vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-btn-wrap { bottom: 5.3333vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF8 .section2 .material-area .material-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF8 .section2 .section2-2 { margin-top: 23.7333vw; }
	.page-BIOF8 .section2 .quality-area { margin-top: 8.5333vw; }
	.page-BIOF8 .section2 .quality-area .title-area { font-size: 4.2667vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper { margin-top: 3.2vw; }
	.page-BIOF8 .section2 .quality-area .item-box { padding: 8.2667vw 6.4vw 20.2667vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area { padding-bottom: 2.6667vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area .item-img img { width: 7.4667vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-title-area .item-title { margin-top: 5.3333vw; font-size: 5.3333vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area { margin-top: 10.9333vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info + .item-info { margin-top: 5.3333vw; }
	.page-BIOF8 .section2 .quality-area .item-box .item-desc-area .item-info { font-size: 3.7333vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-btn-wrap { bottom: 8vw; width: 100%; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF8 .section2 .quality-area .quality-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF8 .section2 .info-area { margin-top: 22.4vw; padding: 10.6667vw 1.3333vw 5.3333vw; }
	.page-BIOF8 .section2 .info-area .title-area .main-title { font-size: 5.3333vw; }
	.page-BIOF8 .section2 .info-area .info-list { margin-top: 5.8667vw; padding: 0; gap: 1.3333vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box { padding: 7.7333vw; text-align: center; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-number { font-size: 3.2vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-title { margin-top: 3.4667vw; font-size: 5.3333vw; }
	.page-BIOF8 .section2 .info-area .info-list .item-box .item-text { margin-top: 4.8vw; font-size: 3.7333vw; }
	.page-BIOF8 .section2 .info-title { padding: 16vw 0 0; font-size: 4.8vw; }
	.page-BIOF8 .section3 { padding: 16vw 0; background: url(../../images/contents/sub9_img25.png) no-repeat center/232.5632vw; }
	.page-BIOF8 .section3 .title-area { margin-bottom: 8vw; }
	.page-BIOF8 .section3 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF8 .section3 .process-list .item-box { padding-bottom: 13.8667vw; gap: 0 16vw; }
	.page-BIOF8 .section3 .process-list .item-box:after { top: 9.0667vw; left: 8.93335vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-number { width: 17.8667vw; height: 9.0667vw; font-size: 2.1333vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-title { width: calc(100% - 17.8667vw - 16vw); margin-top: 2.6667vw; font-size: 3.7333vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info { padding-left: 33.8667vw; font-size: 3.2vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl { padding: 3.7333vw 4.2667vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl + dl { margin-top: 1.3333vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl dt { font-size: 3.2vw; }
	.page-BIOF8 .section3 .process-list .item-box .item-info dl dd { margin-top: 1.6vw; font-size: 3.2vw; }
	.page-BIOF8 .section4 { padding: 10.4vw 0 0; }
	.page-BIOF8 .section4 .title-area .main-title { font-size: 6.4vw; }
	.page-BIOF8 .section4 .title-area .sub-text { margin-top: 3.2vw; padding-left: 0; font-size: 3.7333vw; }
	.page-BIOF8 .section4 .facility-area { margin-top: 21.3333vw; }
	.page-BIOF8 .section4 .facility-area .facility-list { gap: 16vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc { padding-top: 6.4vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-title { margin-bottom: 4.8vw; padding-bottom: 6.1333vw; font-size: 5.3333vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info { gap: 8vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt { font-size: 3.7333vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dt > span { margin-left: 1.3333vw; font-size: 3.4667vw; }
	.page-BIOF8 .section4 .facility-area .facility-list .item-box .item-desc .item-info dl dd { margin-top: 3.2vw; font-size: 3.7333vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper + .facility-swiper { margin-top: 26.6667vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-thumb .thumb { bottom: -20%; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-title { margin-top: 6.4vw; margin-bottom: 4.8vw; padding-bottom: 6.1333vw; font-size: 5.3333vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl + dl { margin-top: 8.5333vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dt { font-size: 3.7333vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dt > span { padding-left: 1.8667vw; font-size: 3.4667vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .item-info dl dd { margin-top: 3.2vw; font-size: 3.7333vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-btn-wrap { margin-top: 10.6667vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination { gap: 1.6vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination .swiper-pagination-bullet { width: 1.6vw; height: 1.6vw; border-radius: 1.6vw; }
	.page-BIOF8 .section4 .facility-area .facility-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 5.3333vw; }
	.page-BIOF8 .section4 .vision-area { margin-top: 26.6667vw; }
	.page-BIOF8 .section4 .vision-area .left-area { width: 100%; }
	.page-BIOF8 .section4 .vision-area .left-area > img { width: 73.3333vw; }
	.page-BIOF8 .section4 .vision-area .left-area .sign-area { top: 14.6667vw; font-size: 2.1333vw; }
	.page-BIOF8 .section4 .vision-area .left-area .sign-area img { width: 33.6vw; margin-top: 3.2vw; }
	.page-BIOF8 .section4 .vision-area .right-area .title-area { font-size: 5.3333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list { display: block; margin-top: 8vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left { gap: 1.3333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box { min-height: 0; padding: 5.3333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-title { font-size: 4.2667vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-left .item-box .item-desc { margin-top: 2.9333vw; font-size: 3.7333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right { padding-top: 5.3333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text { font-size: 3.7333vw; }
	.page-BIOF8 .section4 .vision-area .right-area .vision-list .item-right .item-text + .item-text { margin-top: 5.3333vw; }

	/* 로그인 */
	.login-area { padding: 34.4vw 0 21.3333vw; }
	.login-area .login-title img { width: 80vw; }
	.login-area .login-form { max-width: 80vw; margin: 8vw auto 0; gap: 1.3333vw; }
	.login-area .login-form .form-control { height: 13.8667vw; font-size: 3.7333vw; }
	.login-area .login-form .text-error { font-size: 3.2vw; }
	.login-area .login-form .btn-area { margin-top: 10.6667vw; }
	.login-area .login-form .btn-area .cm-btn { height: 13.8667vw; font-size: 3.7333vw; }
	.login-area .login-form .etc-area { margin-top: 4.8vw; }
	.login-area .login-form .etc-area .btn-find { font-size: 3.2vw; }
	.login-area .login-form .etc-area .text-guide { font-size: 3.2vw; }

	/* 스토리 & 미디어 & 바이오피던스 100% 활용하기 */
	.page-BIOF9 .sub-head-wrap { padding: 26.6667vw 0 13.3333vw; }
	.page-BIOF9 .section1 .search-input-box { height: 14.933vw; }
	.page-BIOF9 .section1 .search-input-box { height: 14.933vw; }
	.page-BIOF9 .section1 .search-input-box input { padding: 0 5.6vw 0 6.933vw;font-size: 3.733vw; }
	.page-BIOF9 .section1 .search-input-box .btn-search { right: 3.733vw; width: 10.667vw; height: 10.667vw; }
	.page-BIOF9 .section1 .types-cont-area { order: 3; margin-top: 2.083vw; }
	/* 리스트 */
	.card-list-wrap.card-list-wrap--typeA .main-card, 
	.card-list-wrap .card-box { height: 125.333vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card,
	.card-list-wrap.card-list-wrap--typeA .card-box { margin-top: 1.333vw; height: 125.333vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body,
	.card-list-wrap .card-box .card-item-body { padding: 6.4vw 4.267vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-media,
	.card-list-wrap .card-box .card-item-media { height: 58.667vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .item-tag,
	.card-list-wrap .card-box .card-item-body .item-tag { font-size: 3.2vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-item-title .card-title,
	.card-list-wrap .card-box .card-item-body .card-item-title .card-title { font-size: 4.267vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-client,
	.card-list-wrap .card-box .card-item-body .card-client { font-size: 3.2vw; }
	.card-list-wrap.card-list-wrap--typeA .card-box.main-card .card-item-body .card-date,
	.card-list-wrap .card-box .card-item-body .card-date { font-size: 3.2vw; }

	/* 상세 */
  	.board-detail-wrap { padding: 30.933vw 6.933vw 22.667vw; }
	.board-detail-wrap .board-tag { font-size: 3.733vw; }
	.board-detail-wrap .board-title { margin: 2.604vw 0 16vw; font-size: 6.4vw; }
	.board-detail-wrap .board-meta { margin-bottom: 1.333vw; }
	.board-detail-wrap .board-meta .board-meta-info { font-size: 3.733vw; }
	.board-detail-wrap .board-meta .board-meta-info .board-company + .board-date { margin-left: 20vw; }
	.board-detail-wrap .board-meta .board-meta-sns { gap: 1.6vw; margin-top: 5.867vw; }
	.board-detail-wrap .board-meta .board-meta-sns .board-sns { width: 10.667vw; height: 10.667vw; }
	.board-detail-wrap .board-content { padding: 4.267vw 0; }
	.board-detail-wrap .board-content p { font-size: 3.733vw; }
	.board-nav-wrap { margin: 10.667vw auto 0; gap: 10.667vw; padding-top: 5.333vw; }
	.board-nav-list { gap: 3.2vw; }
	.board-nav-label { width: 17.067vw; font-size: 3.2vw; }
	.board-nav-content { font-size: 3.2vw; }
	.board-nav-btn { padding: 0 7.467vw; min-width: 41.6vw; height: 14.933vw; font-size: 3.2vw; }
	.board-nav-btn:after { right: 5.867vw; width:6.4vw; height: 6.4vw; }

	/* 고객지원 - 통합문의 */
	.ai-chat-wrap { padding-bottom: 10.6667vw; }
	.ai-chat-wrap .inner { padding: 1.3333vw; }
	.ai-chat-wrap .ai-chat-title { padding-top: 48.5333vw; font-size: 4.8000vw; }
	.ai-chat-wrap .ai-chat-title:after { top: -5.6000vw; width: 62.9333vw; height: 71.2000vw; }
	.ai-chat-wrap .ai-chat-label { margin: 19.4667vw 4.5333vw 0 0; }	
	.ai-chat-wrap .tooltip-wrap .btn-tooltip { padding-right: 4.2667vw; font-size: 3.2000vw; }
	.ai-chat-wrap .tooltip-wrap .btn-tooltip:after { width: 3.2000vw; height: 3.2000vw; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer.active { top: 0; left: 2.9333vw; right: 0; max-width: none; width: auto; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-inner { padding: 6.4000vw; box-shadow: -5.8667vw 6.4000vw 21.0667vw 0 rgba(0, 0, 0, 0.31); }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .tooltip-title { margin-bottom: 10.6667vw; font-size: 5.3333vw; }
	.ai-chat-wrap .tooltip-wrap .tooltip-layer .btn-close {   top: 6.4000vw; right: 5.3333vw; width: 6.4000vw; height: 6.4000vw; }
	.ai-chat-wrap .ai-chat-console-wrap { margin-top: 4.8000vw; padding: 0; border-radius: 2.1333vw; }
	.ai-chat-wrap .ai-chat-console { height: 124.0000vw; padding: 5.3333vw 3.7333vw; }
	.ai-chat-wrap .ai-chat { gap: 2.6667vw; max-width: 100%; border-radius: 3.2000vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card { gap: 4.2667vw; max-width: 100%; padding: 4.8000vw 6.4000vw; border-radius: 3.2000vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .txt1 { font-size: 3.2000vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .txt2 { font-size: 2.9333vw;  }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1 { padding: 0 16.0000vw 0 6.9333vw; width: fit-content; min-width: 46.6667vw; height: 14.9333vw; font-size: 3.2000vw; }
	.ai-chat-wrap .ai-chat-company .ai-chat-card .btn1:after { right: 5.3333vw; width: 5.3333vw; height: 5.3333vw; }
	.ai-chat-wrap .ai-chat-custom + .ai-chat-company { margin-top: 8.0000vw; }
	.ai-chat-wrap .ai-chat-custom { margin-top: 8.0000vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat { gap: 2.6667vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card { padding: 3.6000vw 7.6000vw; border-radius: 12.8000vw; }
	.ai-chat-wrap .ai-chat-custom .ai-chat .ai-chat-card .txt1 { font-size: 3.2000vw; }
	.ai-chat-wrap .file-upload-wrap .upload-btn { width: 4.2667vw; height: 4.2667vw; }
	.ai-chat-wrap .file-upload-wrap .file-tag { width: 29.3333vw; height: 7.4667vw; margin-left: 2.6667vw; padding: 0 9.3333vw 0 2.6042vw; border-radius: 7.4667vw; }
	.ai-chat-wrap .file-upload-wrap .file-name { font-size: 3.2000vw }
	.ai-chat-wrap .file-upload-wrap .file-tag .file-remove { right: 2.6667vw; width: 4.2667vw; height: 4.2667vw; }
	.ai-chat-wrap .ai-chat-input-wrap { height: 17.0667vw; margin-top: 3.2000vw; border-radius: 2.1333vw; padding: 6.4000vw 5.3333vw; }
	.ai-chat-wrap .ai-chat-input { margin-left: 2.1333vw; }
	.ai-chat-wrap .ai-chat-input input { width: calc(100% - 2.6667vw); font-size: 3.2000vw; }
	.ai-chat-enter { width: 5.3333vw; height: 5.3333vw; }

	/* 고객지원 - 문의 및 신청 */
	.support-inquiry { flex-direction: column; }
	.support-inquiry .s-thumbs { order: 2; margin-top: 8.0000vw; width: 100%; height: auto; border-radius: 0.5333vw; }
	.support-inquiry .s-thumbs img { max-width: 100%; }
	.support-inquiry .s-cards { order: 1; gap: 1.3333vw; margin-top: 5.3333vw; }
	.support-inquiry .s-cards .s-card { border-radius: 0.8000vw; padding: 8.0000vw 5.3333vw; width: 100%; height: 75.4667vw; }
	.support-inquiry .s-cards .s-card .s-card-inner { gap: 5.3333vw; }
	.support-inquiry .s-cards .s-card .s-card-title { font-size: 5.3333vw; }
	.support-inquiry .s-cards .s-card .s-card-text { margin-top: 1.5104vw; font-size: 3.7333vw; }
	.support-inquiry .s-cards .s-card .s-card-btn { bottom: 8.0000vw; left: 5.3333vw; right: 5.3333vw; padding: 5.6000vw 7.4667vw; border-radius: 0.8000vw; font-size: 3.2000vw; }
	.support-inquiry .s-cards .s-card .s-card-btn:after { right: 8.5333vw; width: 6.4000vw; height: 6.4000vw; }

	.page-BIOF13 .section3 { padding: 21.3333vw 0 12vw;}
	.inquiry-status { margin-top: 3.2000vw; }
	.inquiry-status .inquiry-status-header .i-desc { font-size: 3.2000vw;   }
	.inquiry-status .inquiry-status-header .btn-inquiry {margin-top: 10.6667vw; padding: 0 5.8667vw; width: 59.7333vw; height: 14.9333vw; border-radius: 0.8000vw; font-size: 3.2000vw; }
	/* 테이블 영역 */
	.inquiry-status-table { gap: 1.3333vw; margin-top: 5.3333vw; border: 0; gap: 1.3333vw; }
	.inquiry-status-table .status-row { padding: 3.2000vw 4.0000vw; border: 0.2667vw solid #ddd; }
	.inquiry-status-table .status-row .status-cell {  font-size: 3.2000vw !important;  }
	.inquiry-status-table .status-row .status-cell:nth-of-type(n+3) { margin-top: 6.1333vw; }
	.inquiry-status-table .status-row .status-cell .only-mo { margin-bottom: 2.1333vw; font-size: 2.6667vw;  }
	.inquiry-status-table .status-row .status-cell.col-date .time { margin-left: 1.0667vw;   }
	.inquiry-status-table .status-row .status-badge { font-size: 3.2000vw !important;   }

	/* 고객지원 - 방문 및 미팅 신청 */
	.support-visit { flex-direction: column; gap: 1.333vw; margin: 5.600vw 0 12.000vw; }
	.support-visit-card { flex: unset; height: 80.000vw; border-radius: 0.433vw; }
	.support-visit-card > a { padding-bottom: 13.333vw; border: 0.145vw solid #ebebeb; background: #fff; }
	.support-visit-card > a dl { height: 100%; }
	.support-visit-card > a dl dt { position: relative; padding-top: 26.667vw; font-size: 4.267vw; }
	.support-visit-card > a dl dd { margin-top: 2.133vw; font-size: 3.200vw;  font-weight: 500; }
	.support-visit-card > a dl dt.v-icon1:after { width: 42.667vw; height: 18.400vw; }
	.support-visit-card > a dl dt.v-icon2:after { width: 22.133vw; height: 20.533vw; }
	.support-visit-card > a dl dt.v-icon3:after { width: 29.600vw; height: 21.333vw; }
	.support-visit-card > a .card-arrow { bottom: 10.933vw; width: 7.200vw; height: 7.200vw; }
}