@media screen and (min-width: 1025px) {
    #mainPage .service-center-wrapper > ul > li > a:hover { background-color: #F3F3F3; box-shadow: 0 6px 16px rgba(0,0,0,0.08); }
    #mainPage #serviceCenter .con-wrapper > li.trd > ul > li > a > span:hover { color: var(--sub-clr, #008983); }
    #mainPage #madeCaseSection > .made-case-section .made-article-swiper .swiper-slide:hover { transform: translateY(-4px); }
    

    .mo { display: none !important; }
    .renew_gnb > ul > li > a:hover { color: #01ada8; }

    /*상품 디테일 페이지*/
    .product-view-wrapper > .product-view-wp { padding: 0 95px; }

    /*오른쪽 아래 문의하기 버튼*/
    #right-bottom-fixed-btn .small-inquiry-btn:hover { background-color: rgba(255, 255, 255, 0.15); transform: scale(1.1); }
    #right-bottom-fixed-btn .small-inquiry-btn:hover .small-inquiry-text::before { width: 100%; left: 0; right: auto; } /* hover 시 배경 확장 */
    #right-bottom-fixed-btn .small-inquiry-btn:hover .small-inquiry-text { opacity: 1; }

    /*hover 효과*/
    #top-header .menu-about-customers a:hover { color: #008983; }

    /* 251014 zingi 추가 3줄 */
    #mainPage .difference-section { align-items: stretch; } /* 왼/오 컬럼 동일 높이 */
	#mainPage .difference-section .big-img-wrapper { flex: 0 0 620px; width: 620px; } /* 기존 너비 유지 */
	#mainPage .difference-section > .difference-title-wrapper { display: flex; flex-direction: column; justify-content: space-between; gap: 0; } /* 남은 높이를 전부 사이 공간으로 */
}
@media screen and (max-width: 1281px) {
    #mainPage #newMadeCaseSection .case-title > h2 { padding-left: 12px; }
    #mainPage #newMadeCaseSection .swiper-controls .swiper-button-prev, #mainPage #newMadeCaseSection .swiper-controls .swiper-button-next { transform: translateX(0); }
}
@media screen and (max-width: 1201px){ 
    #top-header #header-menu-wrapper {padding: 0 20px;}
    /*모바일메뉴연동*/
    body.no-scroll { position: fixed; width: 100%; overflow: hidden; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
	#mainPage .difference-section { flex-direction: column; gap: 32px; padding-left: 12px; padding-right: 12px; }
	#mainPage .difference-section .big-img-wrapper { flex: 0 0 auto; width: 100%; }
	#mainPage .difference-section > .difference-title-wrapper { width: 100%; gap: 40px; }
	#mainPage .difference-section .difference-imgs { gap: 12px; }
}


@media screen and (max-width: 1024px){
	#mainPage #newMadeCaseSection > .made-case-section .new-made-article-swiper .swiper-slide .subject {font-size:15px;}
	#mainPage .main-banner-container .swiper-nav { display: block; pointer-events: none; }
	#mainPage .main-banner-container .swiper-button { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.08); display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer; }
	#mainPage .main-banner-container .swiper-button.next { right: 8px; }
	#mainPage .main-banner-container .swiper-button.prev { left: 8px; }
    #mainPage .main-banner-container .swiper-button > img { width: 8px; }
    #top-header #header-menu-wrapper { height: auto; flex-wrap:wrap;  }
    .menu-btn-wrapper {display:none !important;}
	.product-subvisual {display:none;}
	.company-intro > div:nth-of-type(2) div ol li { width: 100% !important; max-width: 100% !important; }
	#mobileMenu .mobile-login-wrapper .login-btn a {padding:8px 10px; font-size:14px;}
	#mobileMenu .mobile-menu .mo-menu {padding:14px 10px;}
	#mobileMenu .mobile-menu .mo-menu a { font-size:14px;}
	#mobileMenu .mobile-login-wrapper p {font-size:14px}
	#mobileMenu .mobile-login-wrapper p b {font-size:16px;}



    /* common */
    .container.subpage { padding: 20px 15px 0; }
    .max-section { max-width: 100%; }
    .mo-wrapper { padding-left: 12px !important; padding-right: 12px !important; }
    /*실제로 마주하는 배너 */
    #mainPage #ourselfSection > h2 img {width:20px;}
    #mainPage #ourselfSection > h2 > span {font-size: 13px; }
    #mainPage #ourselfSection > h2 {gap:5px;}
    /*서비스센터*/
    #mainPage #serviceCenter .con-wrapper > li.frst article > h3 {font-size: 20px;}
    #mainPage #serviceCenter .con-wrapper > li.sec > article > h3 {font-size: 20px;}
    #mainPage #serviceCenter .con-wrapper > li.sec > article > ul > li > a > span {font-size:14px;}
    
    /*메인페이지*/
    #mainPage .main-banner-container .swiper-controls { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.3); border-radius: 50px; padding: 4px 6px; gap: 4px; flex-direction: column; }
    #mainPage .main-banner-container .swiper-pagination { position: static; bottom: 0; left: 0; transform: translateX(0); z-index: 10; display: flex; align-items: center; gap: 4px; margin: 0; }
    #mainPage .main-banner-container .swiper-pagination .swiper-pagination-bullet { margin: 0; width: 9px; height: 9px; }
    #mainPage .service-center-wrapper { flex-direction: column; gap: 20px; padding: 25px; align-items: baseline; }
    #mainPage .service-center-wrapper .customer-title { flex-direction: row ;}
    #mainPage .service-center-wrapper > ul { flex: none; flex-wrap: nowrap; max-width: 100%; gap: 30px; align-items: flex-start; overflow-y: hidden; overflow-x: auto; scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; padding-bottom: 10px; }
    #mainPage .service-center-wrapper > ul::-webkit-scrollbar {    display: block; /* 크롬, 사파리 등에서 보이게 */    height: 4px;    /* 가로 스크롤바 높이 */}
    #mainPage .service-center-wrapper > ul::-webkit-scrollbar-thumb {    background: #FFD54A; /* 스크롤바 색상 */    border-radius: 4px;}
    #mainPage .service-center-wrapper > ul::-webkit-scrollbar-track {    background: #f1f1f1;}
    #mainPage .service-center-wrapper > ul > li { width: calc((100% - (4 * 30px)) / 5); min-width: 100px; scroll-snap-align: center; scroll-snap-stop: always; }
    #mainPage .service-center-wrapper > ul > li > a { gap: 10px; }
    #mainPage .service-center-wrapper > ul > li > a > div { width: 100%; flex: 1; padding: 10px; }
    #mainPage .service-center-wrapper > ul > li > a > div > img { width: 65%; max-width: 100%; }
    #mainPage .service-center-wrapper > ul > li > a > span { font-size: 14px; text-align: center; }
    #mainPage .service-center-wrapper .service-center-title > h2{ font-size: 20px; }

    
    #mainPage #madeCaseSection { padding: 32px 0; }
    #mainPage #madeCaseSection > .made-case-section { gap: 20px; }
    #mainPage #madeCaseSection > .made-case-section > h2 { font-size : 20px; }
    #mainPage #madeCaseSection > .made-case-section > div { gap: 12px; }
    #mainPage #madeCaseSection > .made-case-section > div .swiper-wrapper.li-category .swiper-slide button { font-size: 14px; padding: 8px 16px; }
    #mainPage #madeCaseSection > .made-case-section .made-article-swiper .swiper-slide a { gap: 10px; }
    #mainPage #madeCaseSection > .made-case-section .made-article-swiper .swiper-slide .text-wrapper { gap: 8px; }
    #mainPage #madeCaseSection > .made-case-section .made-article-swiper .swiper-slide .spec { gap: 4px; }
    #mainPage #photoReviewSection { flex-direction: column; position: relative; padding: 40px 0; }
    #mainPage #photoReviewSection > article { position: relative; max-width: 100%; }
    #mainPage #photoReviewSection > article > h3 { font-size : 20px; }
    #mainPage #photoReviewSection > article > img { width: 64px; bottom: 14px; }
    #mainPage #photoReviewSection .can-scroll { position: absolute; top: 4px; right: 0px; pointer-events: none; animation: slow-blink 2.5s infinite ease-in-out; }
    #mainPage #ourselfSection { padding: 10px 10px; }
    #mainPage #ourselfSection > h2 { font-size: 20px; word-break: keep-all; }

    #mainPage #newMadeCaseSection .case-title { background: url(/img/icons/251013_icon_main_caseTitle.svg) no-repeat -310px 2px; }
    #mainPage #newMadeCaseSection { margin-top: 24px; }
	#mainPage #newMadeCaseSection .case-title > h2 { padding-left: 12px; }
    #mainPage #newMadeCaseSection > .made-case-section { padding-bottom: 24px; }
    #mainPage #banner-section { padding: 36px 0; }
    #mainPage #snsSection .icon-wrapper > ul { gap: 10px; }
    #mainPage #snsSection .icon-wrapper > ul > li > a { width: 62px; height: 62px; }
    #mainPage #snsSection .icon-wrapper > ul > li > a > img { width: 32px; }
    #mainPage #snsSection .center-line { height: 20px; }

    #mainPage .main-insta-wrapper .insta-title-wrapper { align-items: flex-start; gap: 8px; justify-content: space-between; }
    #mainPage .main-insta-wrapper .insta-title-wrapper > h2 { font-size: 20px; }
    #mainPage .main-insta-wrapper .main-section05 { gap: 20px; padding-left: 12px; }
    #mainPage .main-insta-wrapper { padding-top: 20px; padding-bottom: 60px; }
    #mainPage .main-insta-wrapper .img-wrapper > li > ul { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; }
    #mainPage .main-insta-wrapper .img-wrapper > li > ul::-webkit-scrollbar {    display: block; /* 크롬, 사파리 등에서 보이게 */    height: 4px;    /* 가로 스크롤바 높이 */}
    #mainPage .main-insta-wrapper .img-wrapper > li > ul::-webkit-scrollbar-thumb {    background: #009691;; /* 스크롤바 색상 */    border-radius: 4px;}
    #mainPage .main-insta-wrapper .img-wrapper > li > ul::-webkit-scrollbar-track {    background: #f1f1f1;}
    #mainPage .main-insta-wrapper .img-wrapper > li > ul > li { flex: 0 0 50%; scroll-snap-align: start; }
    #mainPage .main-insta-wrapper .img-wrapper > li > ul > li img { width: 100%; }
    #mainPage .review-thumbs { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 16px; padding-bottom: 12px; }
    #mainPage #photoReviewSection .review-thumbs > li { flex: 0 0 50%; scroll-snap-align: center; scroll-snap-stop: always; }
    #mainPage .review-thumbs::-webkit-scrollbar {    display: block; /* 크롬, 사파리 등에서 보이게 */    height: 4px;    /* 가로 스크롤바 높이 */}
    #mainPage .review-thumbs::-webkit-scrollbar-thumb {    background: #009691;; /* 스크롤바 색상 */    border-radius: 4px;}
    #mainPage .review-thumbs::-webkit-scrollbar-track {    background: #f1f1f1;}
    /* serach 페이지 */
    .search-container > div div b { display: block; margin-bottom: 10px; }
    .search-container > div div ul { display: block; margin-left: 0; }

    /* 인사말씀 페이지 - 250819 */
    .mid_menu_tb-wrapper .menu_cel { min-width: 80px; }
    .company-intro > div:first-of-type div { padding: 30px 2.08% 30px;}

    /* 회사소개 페이지 */
    .company-intro > div:not(:nth-of-type(3)) { padding: 0 12px; }
    .company-intro > div:first-of-type { padding: 0 15px; }
    .company-intro > div:nth-of-type(2) { justify-content: center; margin-bottom:40px; }
    .company-intro > div:nth-of-type(2) div > p { text-align: center; font-size:14px; word-break:keep-all;}
    .company-intro > section.paper-wrapper > h2 { text-align: center; margin-bottom:0px; font-size:20px; }
	.company-intro > section.paper-wrapper {gap:20px;}
    /*히스토리 페이지*/
    .hitory-wrapper > div > article > ul { display: flex; flex-direction: column; gap: 32px; }
    .hitory-wrapper > div > article > ul > li { flex-basis: 100%; }

    /*장비소개 페이지*/
    #degitalPressinfo .frst-sec { flex-direction: column-reverse; gap: 20px; }
    #degitalPressinfo .frst-sec > img { width: 100%; max-width:400px; margin:0 auto; }
    #degitalPressinfo .sec-sec > ul { display: flex; gap: 30px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
    #degitalPressinfo .sec-sec > ul > li { scroll-snap-align: start; }
    #degitalPressinfo .sec-sec > ul > li.con { flex: 0 0 auto; width: 260px; display: flex; flex-direction: column; gap: 30px; }
    #degitalPressinfo .sec-sec > ul > li.con > img { max-width: 100%; }
    #degitalPressinfo .sec-sec > ul > li.con > p { text-align: center; color: var(--main-clr, #000); font-size: 20px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em; }
    #degitalPressinfo .sec-sec > ul { scrollbar-width: none; -ms-overflow-style: none; }
    #degitalPressinfo .sec-sec > ul::-webkit-scrollbar { display: none; }
    #degitalPressinfo .machines-sec > ul { display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
    #degitalPressinfo .machines-sec > ul::-webkit-scrollbar { display: none; }
    #degitalPressinfo .machines-sec > ul > li { flex: 0 0 auto; scroll-snap-align: start; width: 280px; display: flex; flex-direction: column; gap: 50px; }
	#degitalPressinfo .price-sec .table-wrapper {    overflow-x: auto;    -webkit-overflow-scrolling: touch;    padding-bottom: 0px;    scrollbar-width: auto; /* Firefox */    -ms-overflow-style: auto; /* IE/Edge */}
	#degitalPressinfo .price-sec .table-wrapper::-webkit-scrollbar {    display: block; /* 크롬, 사파리 등에서 보이게 */    height: 4px;    /* 가로 스크롤바 높이 */}
	#degitalPressinfo .price-sec .table-wrapper::-webkit-scrollbar-thumb {    background: #009691;; /* 스크롤바 색상 */    border-radius: 4px;}
	#degitalPressinfo .price-sec .table-wrapper::-webkit-scrollbar-track {    background: #f1f1f1;}

    #degitalPressinfo .price-sec .compare-table {}

	#degitalPressinfo .price-sec .compare-table tbody th {font-size:16px;}
	#degitalPressinfo .price-sec .compare-table td {font-size:14px; word-break:keep-all; padding:10px;}
	#degitalPressinfo .price-sec .compare-table .red {font-size:16px;}
	#degitalPressinfo .price-sec .compare-table .highlight strong {font-size:18px;}
	#degitalPressinfo .price-sec .compare-table tbody tr:last-child td:last-child strong {font-size:18px;}
	#degitalPressinfo .price-sec .compare-table thead th {font-size:16px; padding:12px 5px;}


    /*품질보증*/
    #qualityPage .frst-section { flex-direction: column; }
    #qualityPage .sec-section { flex-direction: column-reverse; }
    #qualityPage .frst-section .text-wrapper,
    #qualityPage .sec-section .text-wrapper { gap: 52px; }

    /* 상품 상세 페이지 */
    .product-view-wrapper > .product-view-wp { flex-direction: column; gap:25px;}
	.product-view-wrapper > .product-view-wp > .info-wp {gap:15px;}
	.product-view-wrapper > .product-view-wp > .info-wp > h2 {font-size:20px; gap:15px;}
	.product-view-wrapper > .product-view-wp > .info-wp > .wp-wrapper > dl > div.row > dt {font-size:14px;}
	.product-view-wrapper > .product-view-wp .cta > .btn-inquiry {height:30px; font-size:14px;}
    .product-view-wrapper > .product-view-wp > .img-wp { flex-direction: column-reverse; }
    .swiper-vertical:not(.marquee-swiper) > .swiper-wrapper { flex-direction: row; }
    .product-view-wrapper > .product-view-wp > .img-wp > .thumb-small-wrapper { max-height: auto; height: auto; max-width: 100%; }
    .product-view-wrapper > .product-view-wp > .info-wp > .wp-wrapper > dl > div.row,
    .product-view-wrapper > .product-view-wp > .info-wp > .wp-wrapper > .product-section,
    .product-view-wrapper > .product-view-wp > .info-wp > .wp-wrapper > .add-product-section { flex-direction: column; gap: 12px; }
    .product-view-wrapper > .item-landing-info > ul.info-btn-wrapper > li > button { font-size: 14px; letter-spacing: -0.03em; }
    .product-view-wrapper > .item-landing-info > ul.info-btn-wrapper { width: 92%; max-width: 800px; margin: 0 auto; }
    .product-view-wrapper > .item-landing-info .info-con-wrapper > section { padding: 40px 0; }
    .product-view-wrapper > .item-landing-info > ul.info-btn-wrapper.active { top: calc(var(--fixed-header-height, 0px) + var(--info-btn-gap, 0px) + 12px ); }
	.product-view-wrapper > .item-landing-info .info-con-wrapper .notice-wrapper ul {padding:20px; word-break:keep-all;}
    /* 리뷰 게시판 */
    #gall_ul { display: flex; flex-wrap: wrap; justify-content: center; }
    #gall_ul li { max-width: 283px; min-width: 220px; flex: 1 1 25%; }

    /* footer 250819 수정 */
    #footer { padding: 20px 0px; }
    #footer > div { gap: 30px; }
    #footer > div > div:first-of-type h2 { text-align: center; margin-bottom: 30px;}
    #footer > div > div:first-of-type h2 img { max-width: 120px; } 
    #footer > div > div:first-of-type ul { justify-content: center;}
    #footer > div > div:first-of-type p { justify-content: center; gap: 3px 12px; }
    #footer > div > div:first-of-type p > * { text-align: center; }
    /*#footer > div > div:nth-of-type(2) { gap: 20px; flex-basis: auto; flex-direction: row; }*/
    #footer > div > div:nth-of-type(2) {justify-content: unset;gap:20px; align-items:center; flex-basis:unset;}
    #footer > div > div:nth-of-type(2) > div { width: 100%; }
    #footer > div > div:nth-of-type(2) > div { width: 100%; text-align: center; }
    #footer > div > div:nth-of-type(2) > div:first-child address > span { font-size: 14px; }
    #footer > div > div:nth-of-type(2) > div:first-child address > a { font-size: 14px; }
    #footer > div > div:nth-of-type(2) > div:first-child address a { display: block; line-height: 1.3; font-weight: 400; }
    #footer > div > div:nth-of-type(2) > div:first-child address a span { font-weight: 400; }
    #footer > div > div:nth-of-type(2) > div h3 { font-weight: 700; margin-bottom: 6px; color: #009691;  }
    #footer > div > div:nth-of-type(2) > div:last-child { max-width: 100%; }
    #footer > div > div:last-of-type span a:not(:first-child) { margin-left: 20px; }
    #footer > div { flex-direction: column;}
    #footer > div > div:first-of-type { flex-basis: unset; }
    #footer > div > div:first-of-type ul li a { font-size: 14px; }
    #footer > div > div:first-of-type ul li:not(:last-child)::after {margin-left: 10px;}

        :root { --inter-gap: 52px; }
    .pc { display: none !important; }
    .navbar { min-height: auto; }
    a:hover * { color: inherit; }
    #top-header #header-menu-wrapper { padding: 20px 20px; }
    .header_bottom .gnb_slide_wp > img, .header_bottom .gnb_slide_wp > div { padding-left: 20px; }



    /* 상품상단 서브카테고리 수정 (강제 가로 스크롤 적용) */
    /* 상품상단 서브카테고리 (가로스크롤 + 커스텀 스크롤바 디자인) */
    #board-container.prd-gallery .sub_gnb_wp { width: 100%; overflow: hidden; box-sizing: border-box; }
    #board-container.prd-gallery .sub_gnb { display: block; width: 100%; overflow-x: auto; white-space: nowrap; font-size: 0; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }

    /* 스크롤바 커스텀 */
    #board-container.prd-gallery .sub_gnb::-webkit-scrollbar { display: block; height: 4px; }
    #board-container.prd-gallery .sub_gnb::-webkit-scrollbar-thumb { background: #009691; border-radius: 4px; }
    #board-container.prd-gallery .sub_gnb::-webkit-scrollbar-track { background: #f1f1f1; }

    /* 리스트 아이템 강제 가로 정렬 */
    #board-container.prd-gallery .sub_gnb::after, #board-container.prd-gallery .sub_gnb::before { display: none !important; }
    #board-container.prd-gallery .sub_gnb li { display: inline-block !important; float: none !important; margin: 0 4px 0 0; vertical-align: top; min-width: 120px; }
    #board-container.prd-gallery .sub_gnb li a { display: block; padding: 8px 16px; font-size: 14px; color: #333; transition: color .3s ease; }
    #board-container.prd-gallery .sub_gnb li:hover a { color: #fff; }
    #board-container.prd-gallery .sub_gnb li.active a { color: #fff; font-weight: 700; }

    .sub_gnb.shop-head-bbs::after, #board-container.prd-gallery .sub_gnb::before { display: none !important; }
    .sub_gnb.shop-head-bbs li { display: inline-block !important; float: none !important; margin: 0 4px 0 0; vertical-align: top; min-width: 120px; }
    .sub_gnb.shop-head-bbs li a { display: block; padding: 8px 16px; font-size: 14px; color: #333; transition: color .3s ease; }
    .sub_gnb.shop-head-bbs li:hover a { color: #fff; }
    .sub_gnb.shop-head-bbs li.active a { color: #fff; font-weight: 700; }
    
    .menu_cel a { padding: 8px 16px; }

    /*모바일 전용 하단 바*/
    @supports (padding-bottom: env(safe-area-inset-bottom)) { #bottom-bar-wrapper { padding-bottom: env(safe-area-inset-bottom); } }
    #bottom-bar-wrapper { position: fixed; z-index: 11; bottom: 0; left: 0; width: 100%; overflow: visible; transform: translateY(0%); transition: transform .2s ease-out .2s; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; height: 50px; box-sizing: content-box; }
    #bottom-bar-wrapper ul { display: flex; position: relative; z-index: 10; align-items: center; height: 50px; border-top: 1px solid #EBEBEB; background-color: #fff }
    #bottom-bar-wrapper ul li { display: flex; position: relative; flex: 1; align-items: center; justify-content: center; width: 100%; height: 100%; }
    #bottom-bar-wrapper ul li a,
    #bottom-bar-wrapper ul li button { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; }
    #bottom-bar-wrapper ul li a > div,
    #bottom-bar-wrapper ul li button > div { position: relative; display: flex; align-items: center; justify-content: center; }
	#bottom-bar-wrapper ul li a > div img, #bottom-bar-wrapper ul li button > div img {width:35px;}
    #bottom-bar-wrapper ul li a > div > svg,
    #bottom-bar-wrapper ul li button > div > svg { all: unset; fill: var(--sub-clr, #009691); stroke: var(--sub-clr, #009691); }
    #bottom-bar-wrapper ul li a > div > svg path,
    #bottom-bar-wrapper ul li button > div > svg path { stroke: var(--sub-clr, #009691); }
    #bottom-bar-wrapper ul li a > div > span,
    #bottom-bar-wrapper ul li button > div > span { position: relative; margin-top: 5px; line-height: 11px; color: #fff; font-size: 10px; font-weight: 400; -webkit-font-smoothing: antialiased; }

    /*플로팅 바*/
    #right-bottom-fixed-btn { bottom: 60px; right: 24px; transition: transform .2s ease .2s; }
    #right-bottom-fixed-btn.on { transform: translateX(84px); }
    #scroll-top-btn { position: fixed; z-index: 10; bottom: calc(env(safe-area-inset-bottom) + 15px); right: 16px; transform: translateY(0); transition: transform .2s ease-out .2s; transform: translateY(100%); /* 처음엔 숨기기 */ }
    #scroll-top-btn.on { transform: translateY(0); /* 나타나기 */ }
    #scroll-top-btn button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background-color: var(--sub-clr, #009691); border: 1px solid #009691; }
    #scroll-top-btn button > svg { fill: #fff; }
    #scroll-top-btn button > svg > path { stroke: #fff; }

    /*프로덕트 상품리스트 페이지*/
    #gallery-row.prd-list .gallery-item { display: grid; grid-template-columns: repeat(3, minmax(100px, 1fr)); gap: 40px 0px; }
    #gallery-row.prd-list .sort-item { padding: 0; margin: 0; box-sizing: border-box; }
    #gallery-row.prd-list .text-wrapper { margin-right: 1.625em; }
    #gallery-row.prd-list .spec { -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }

    /*리스트페이지*/
    #list-board .bl-title-i { display: flex; gap: 8px; }
    #list-board .bl-title-i .bl-sub-info { margin: 0; }
    #list-board .bl-title-i .bl-sub-info { margin: 0 !important; }
    #list-board .bl-title-i > span { margin: 0; }
    .view-meta { flex-direction: column; gap: 4px; align-items: flex-start; }

    /*커뮤니티 페이지 - zingi 2025.08.13 추가*/
    .page-content .title-wrapper { gap: 12px; }
    .page-content .btn-wrapper { margin: 0px; }
    .page-content .con-wrapper .contents { display: flex; flex-direction: column; max-height: 560px; }
    .page-content .con-wrapper .contents > .text-wp { flex: 1; padding: 15px; background-color: #f5f5f5; display: block; }
    .page-content .con-wrapper .contents > .text-wp > .text { gap: 12px; }
    .page-content .con-wrapper .contents > .text-wp > .text > .sub-txt-wrapper { gap: 8px; }

    /*커뮤니티 뷰 페이지*/
    .community-view { gap: 24px; }
    .community-view > div.board-title-wrapper { gap: 12px; }
    .community-view > div.board-title-wrapper > article.item-info-wrapper > h3.item-subject { font-size: 24px; }
    .community-view > div.list-wp > div.wrappers { padding: 0px; height: 80px; }
    .community-view > div.list-wp { width: 100%; }
    .community-view > div.list-wp > div.wrappers > span { min-width: 76px; }
    .community-view > div.list-wp > div.wrappers > a.list-info-wrapper { flex-direction: column; justify-content: center; align-items: flex-start; }

    .pack-btn-wrapper { gap: 12px;  }
    .pack-btn-wrapper a,
    .pack-btn-wrapper button { padding: 8px 0; max-width: 92px; }
	.company-intro > div:first-of-type div h2 {font-size:20px;}
	.company-intro > div:first-of-type div p {font-size:14px;}
	.company-intro > div:first-of-type div {margin-bottom:40px; text-align:center;}
	.company-intro > div:nth-of-type(2) h2 {font-size:20px;}
	.company-intro > div:nth-of-type(2) div ol li b {margin-bottom:10px;}
	.hitory-wrapper > h2 {font-size:20px;}
	.organization-wrapper > h2 {font-size:20px;}
	.hitory-wrapper {gap:20px;}
	.hitory-wrapper > div > article > h3 {font-size:19px;}
	.hitory-wrapper > div > article {gap:25px;}
	.hitory-wrapper > div {gap:60px;}
	.organization-wrapper {margin-bottom:40px;}
	.all-history-wrapper {gap:0;}
	#degitalPressinfo .frst-sec article > h2 {font-size:20px;}
	#degitalPressinfo .frst-sec article .text-wrapper > p {font-size:14px;}
	#degitalPressinfo .frst-sec article {gap:25px;}
	#degitalPressinfo .machines-sec {padding-top:0px; gap:20px;}
	#degitalPressinfo .machines-sec > h2 {font-size:18px;}
	#degitalPressinfo .machines-sec > ul > li > div.text-wrapper div.title-wrapper > h3 {font-size:20px;}
	#degitalPressinfo .machines-sec > ul > li > div.text-wrapper {gap:20px;}
	#degitalPressinfo .price-sec {padding:0px 0 50px;}
	#degitalPressinfo .price-sec > h2 {font-size:20px;}
	#directions {gap:20px;}
	#directions > h2 {font-size:20px;}
	#directions > div.how-u-come div iframe {height:300px;}
	#directions > div.how-u-come div h4 {font-size:16px;}
	#directions > div.how-u-come div:first-of-type {margin-bottom:20px;}

	.page-content .title-wrapper > h2 {font-size:24px;}
	.page-content .title-wrapper > ul > li a {font-size:16px;}
	.page-content {gap:20px;}
	.page-content .con-wrapper .contents > .text-wp > .text > h2 {font-size:18px;}
	.page-content .con-wrapper .contents > .text-wp > .text > .sub-txt-wrapper .wr-1 p {font-size:14px; word-break:keep-all; line-height:1.3em;}
	.page-content .con-wrapper .contents > .text-wp > .text .sub-text03 {font-size:16px;}

	.community-view > h2 {font-size:24px;}
	.community-view > .controls-wrapper, .community-view > .list-wrapper {justify-content:center;}
	.pack-btn-wrapper a {font-size:14px;}
	.community-view > div.board-title-wrapper > p {font-size:20px;}
	.community-view > div.board-title-wrapper > article.item-info-wrapper > p.item-date {font-size:16px;}
	#directions > div.how-u-come div address * {font-size:14px;}
	.product-view-wrapper > .item-landing-info {padding-bottom:40px;}
	.product-view-wrapper {gap:40px;}
	.company-intro > div:nth-of-type(2) div ol li {padding:15px;}


    .page-content .con-wrapper .contents > .text-wp > .text .small-title {padding:6px 10px; font-size:14px; border-radius:5px;}

    /* 251013 이후 수정본 zingi */
    #mainPage .difference-section { flex-direction: column; gap: 18px; }
	#mainPage .difference-section .big-img-wrapper { flex: 0 0 auto; width: 100%; }
	#mainPage .difference-section > .difference-title-wrapper { width: 100%; gap: 40px; }
	#mainPage .difference-section .difference-imgs { gap: 12px; }
    #mainPage #newMadeCaseSection .swiper-controls .swiper-button-prev,
	#mainPage #newMadeCaseSection .swiper-controls .swiper-button-next { transform: translateX(0); }
	#mainPage #newMadeCaseSection .new-made-article-swiper { padding: 10px 24px 0 24px; }
	}

@media screen and (max-width: 768px) {
	.company-intro > div:nth-of-type(2) div ol li b {font-size:20px;}
	.company-intro > div:nth-of-type(2) div ol li h4 {font-size:16px;}
	.company-intro > div:nth-of-type(2) div ol li h4 {margin-bottom:10px;}
	#degitalPressinfo .frst-sec article .text-wrapper > p {font-size;12px; word-break:keep-all;}
    /*프로덕트 상품리스트 페이지*/
    #gallery-row.prd-list .gallery-item { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); gap: 40px 0px; }

    /* 회원가입 (register_form.php) 250814 */
    .register-form > .panel .panel-body .form-group {flex-wrap: wrap;}
    .register-form > .panel .panel-body .control-label { float:none; display: block; width:100%; }
	.register-form > .panel .panel-body h2 {font-size:20px;}
	.register-form > .panel .panel-body .control-label b {font-size:14px;}
    .register-form > .panel .panel-body .form-group > div { width: 100%; margin-left:0; margin-top:20px; }

	.register-form > .panel .panel-body .control-label {line-height:0;}
    .register-form > .panel .panel-body .form-group > div input { width: 100%; padding:0px 10px;}
    .register-form > .panel .panel-body .form-group > div > span.agree-box input { display: inline-block; width: max-content; }
	#degitalPressinfo .frst-sec > img { width: 100%; max-width:320px; margin:0 auto; }
		#directions > div.how-u-come div iframe {height:220px;}
	.pagination {margin-top:0;}
    #degitalPressinfo .price-sec .compare-table {min-width:702px;}
	#degitalPressinfo .price-sec > .table-wrapper > p {text-align:unset;}
	.register-form > .panel {margin-bottom:50px;}
	#footer > div > div:first-of-type ul {gap:10px;}

    .qaBtn #btn_submit, .feedback-button>a, .qaBtn #btn_cancel{width: 100%;line-height: 60px;height: 60px;font-size: 15px;}
}

@media screen and (min-width: 421px) and (max-width: 1023px){
    
    /*회원가입 정보 페이지*/
    .register-form > .panel { padding: 0 10px; }
    .register-form > .panel .panel-body .form-group > * { float: left; }
    .register-form > .panel .panel-body .form-group input { background-color: transparent; border-color: #DDD; }

    /* 회사소개 페이지 */
    .company-intro > div:nth-of-type(3) { padding: 90px 15px 66px; }
    .company-intro > div:nth-of-type(3) ul li { min-height: 255px; }

    /*회원가입 약관 페이지*/
    .register-module { width: 100%; padding: 30px 15px; margin: 40px auto; }

    /*head.php*/
    #top-header h1 { width: 120px; }
    #top-header #header-menu-wrapper { height: auto; gap:20px; justify-content:center;  }

	/*마이페이지*/
	.mypage-section .side-menu ul {display:flex; gap:15px;}
	.mypage-section .side-menu ul li {text-align:center; font-size:16px;}
	


}

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

    /* 회원가입 정보 페이지 */
    .register-form > .panel { padding: 0 10px; }
    .register-form > .panel .panel-body .form-group { margin: 0 auto 20px !important; }
    .register-form > .panel .panel-body .form-group > * { display: block; width: 100%;}
    .register-form > .panel .panel-body .form-group > label { line-height: 0px; }
    .register-form > .panel .panel-body .form-group > div { width: 100%; margin-left: 0; }
    .register-form > .panel .panel-body .form-group > div span { text-align: center; }
    .register-form > .panel .panel-body .form-group > div div input:not(input[type='radio'],input[type='tel']) { display: block; float: none; width: 100%; max-width: 400px; height: 48px;}
    .register-form > .panel .panel-body .form-group > div .phone-group *:not(span) { padding-left: 5px; }

    /* searach 페이지 */
    .search-container > div div ul li { display: block; }
    .search-container > div div ul li:not(:first-child) { margin-left: 0; }
    .search-container > div div ul li:not(:last-child) { margin-bottom: 10px; }
    .search-container > div div ul li:not(:last-child)::after { display: none; }

    /* 회사소개 페이지 */

    .company-intro > div:nth-of-type(3) { padding: 88px 15px; }
    .company-intro > div:nth-of-type(3) ul { position: relative; height: 192px; }
    .company-intro > div:nth-of-type(3) ul li { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; transform: translateX(-50%); animation: fadeInOut 9s ease-in-out infinite; }
    .company-intro > div:nth-of-type(3) ul li:nth-child(1) { animation-delay: 0s; }
    .company-intro > div:nth-of-type(3) ul li:nth-child(2) { opacity: 0; animation-delay: 3s; }
    .company-intro > div:nth-of-type(3) ul li:nth-child(3) { opacity: 0; animation-delay: 6s; }

    /* 리뷰게시판 글보기 */
    .bo_v_com { float: left; }


    /* footer */
/*     #footer > div > div:first-of-type ul { gap: 20px 0; margin-bottom: 10px;}
    #footer > div > div:first-of-type ul li { flex-basis: 50%; text-align: center; }
    #footer > div > div:first-of-type ul li a { font-size: 14px;}
    #footer > div > div:first-of-type ul li:not(:nth-child(-n+3):nth-child(n+4))::after { float: right; margin-top: 6.75px; }
    #footer > div > div:first-of-type ul li:nth-child(2)::after { display: none; }
    #footer > div > div:nth-of-type(2) > div:first-child address a:last-of-type { display: block; }
    #footer > div > div:last-of-type cite { display: block; margin-bottom: 20px; } */
    #footer > div > div:nth-of-type(2) { flex-direction: column; }
    #footer > div > div:nth-of-type(2) > div { width: 100%; }

    /*회원가입 약관 페이지*/
    .register-module { width: 100%; padding: 20px 10px; /* wrap 여유 조금만 */ margin: 40px auto; }
    .register-module .member_tit > h2 { font-size: 18px; }
    .register-module .register-btn-wrapper { flex-direction: column; }
    .register-module .register-btn-wrapper > a,
    .register-module .register-btn-wrapper > button { width: 100%; }
    .register-module .custom-scroll-box { max-height: 140px; font-size: 12px; }

    /*head.php*/
    #top-header h1 { width: 80px; }
    

    /*메인*/
    #main-module .card-wrap .angle-img { width: 60px; }
    #main-module .card-wrap .text-wrap { position: static; transform: translateY(0); padding: 10px 0 0px 10px; }
    #main-module #whole-wrap .card-wrap .text-label { font-size: 14px; font-weight: 500; }
    #main-module #whole-wrap .card-wrap .desc { font-size: 21px; }

    @keyframes fadeInOut{
        0%   { opacity: 0; }
        10%  { opacity: 1; }
        25%  { opacity: 1; }
        40%  { opacity: 0; }
        100% { opacity: 0; }
    }



}


/*251014 zingi 추가*/
@media (max-width: 640px) {
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper { gap: 8px; }
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper > span { font-size: 32px; }
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper > p { font-size: 14px; }
	#mainPage .difference-section { margin: 24px auto; }
	#mainPage .difference-section .difference-imgs .diff-card img { border-radius: 12px; }
	#mainPage .difference-section .difference-imgs .diff-label { font-size: 16px; bottom: 14px; }
    #mainPage .difference-section > .difference-title-wrapper > .difference-titles > p { font-size: 28px; line-height: 1; }
    #mainPage .difference-section > .difference-title-wrapper { gap: 24px; }
}

/*251014 zingi 추가*/
@media (max-width: 420px) {
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper { left: 3.5%; bottom: 6%; gap: 6px; }
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper > span { font-size: 24px; }
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper > p { font-size: 12px; letter-spacing: -0.03em; line-height: 1.3; }
    #mainPage .difference-section .difference-imgs .diff-label { font-size: 12px; bottom: 8px; }
    #mainPage .difference-section > .difference-title-wrapper { gap: 12px; }
/*     #mainPage .difference-section > .difference-title-wrapper > .difference-titles > p { font-size: 18px; line-height: 1; gap: 12px; } */
    /* #mainPage .difference-section > .difference-title-wrapper > .difference-titles > .difference-title > h3 { font-size: 18px; } */
    #mainPage .difference-section > .difference-title-wrapper > .difference-titles > .difference-title > a > span { font-size: 12px; }
    #mainPage .difference-section > .difference-title-wrapper > .difference-titles > .difference-title > a > img { width: 12px; }
}

/* 251014 지원추가 */
@media (max-width: 1024px) {
 #mainPage .main-banner-container .for-absolute .hero {top: 25%; transform: unset;}
 #mainPage #newMadeCaseSection .swiper-controls .swiper-button-prev {margin-left: 12px;}
 #mainPage #newMadeCaseSection .swiper-controls .swiper-button-next {margin-right: 12px;}
 #mainPage .difference-section > .difference-title-wrapper > .difference-titles > .difference-title > h3 {font-size: 20px;}
 #mainPage #newMadeCaseSection .case-title > h2 {font-size: 20px;}
 #mainPage .difference-section > .difference-title-wrapper > .difference-titles > p {font-size: 22px;}
 #mainPage #newMadeCaseSection .swiper-controls .swiper-button-prev, #mainPage #newMadeCaseSection .swiper-controls .swiper-button-next {width: 30px; height: 30px;}
 #mainPage #newMadeCaseSection .swiper-controls .swiper-button-prev img, #mainPage #newMadeCaseSection .swiper-controls .swiper-button-next img {width: 16px;}
 #mainPage #newMadeCaseSection {margin-top: 30px;}
 #mainPage #photoReviewSection {padding: 30px 0;}
 #mainPage .service-center-wrapper {padding: 30px;}
}

@media (max-width: 360px) {
     #mainPage .main-banner-container .for-absolute .hero {top: 15%; transform: unset;}
    #mainPage .main-banner-container .swiper-button.prev,#mainPage .main-banner-container .swiper-button.next {display: none;}
    #mainPage .service-center-wrapper > ul {gap: 20px;}
    #mainPage .service-center-wrapper > ul > li {min-width: 85px;}
    #mainPage .service-center-wrapper > ul > li img {height: 35px;}
    #mainPage .service-center-wrapper > ul > li > a > span {font-size: 12px;}
    #mainPage .difference-section .big-img-wrapper .swiper-slide .text-wrapper {left:6%; bottom: 8.5%;}
    #mainPage .difference-section > .difference-title-wrapper {gap: 18px;}
    #mainPage #newMadeCaseSection .case-title > h2 {font-size: 20px;}
}