@media screen and (max-width:1800px){
 .pc_br { display: none; } 
 }

@media screen and (max-width:1680px){
 .banner-img img { min-height: 400px; object-fit: cover; } 
 }

@media screen and (max-width:1400px){
 .hero-item--img img { height: 450px; object-fit: cover; } 
 }


@media screen and (max-width:1280px){
 .container { padding-left: 30px; padding-right: 30px; } 
 .max-cont { width: 1200px; padding-left: 30px; padding-right: 30px; } 
 .header { padding: 12px 0; } 
 .header .menu ul.gnb { display: none; } 
 .m-btn { display: block; } 
 .main-prd .top-wrap { gap: 20px; flex-direction: column; } 
 .main-info .grid { padding: 40px; gap: 26px; } 
 .main-info .grid .grid-box .img { width: 30px; } 
 .footer .max-cont > .flex { flex-direction: column; gap: 30px; } 
 .footer-logo { width: 120px; } 
 .company01-con01 .flex { flex-wrap: wrap; } 
 .company01-con01 .left-box { width: 100%; } 
 .company01-con01 .right-box { flex: initial; width: 100%; } 

 /* 서브페이지 사이드바 → 상단 아코디언 전환 */
 .sub-page .wrap { flex-direction: column; gap: 20px; } 
 .sub-page .wrap > .contents { padding-top: 20px; } 
 .sticky-menu { width: 100%; max-width: none; position: sticky; top: 70px; z-index: 20; overflow: visible; padding: 0; } 
 .sticky-menu__head { display: none; } 
 .sticky-menu__nav { border: 1px solid #ddd; background: #fff; overflow: hidden; } 
 .sticky-menu__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: #fff; border: none; font-size: 16px; font-weight: 600; color: var(--main); cursor: pointer; text-align: left; letter-spacing: -0.01em; } 
 .sticky-menu__toggle-arrow { display: inline-flex; align-items: center; justify-content: center; color: var(--main); transition: transform 0.3s ease; } 
 .sticky-menu__nav.is-open .sticky-menu__toggle-arrow { transform: rotate(180deg); } 
 .sticky-menu__nav > ul { max-height: 0; overflow: hidden; padding: 0 20px; transition: max-height 0.3s ease, padding 0.3s ease, border-top-color 0.3s ease; border-top: 1px solid transparent; } 
 .sticky-menu__nav.is-open > ul { max-height: 600px; padding: 4px 20px 8px; border-top-color: #eee; } 
 .sticky-menu__nav li a { padding: 13px 0; font-size: 15px; } 
 }

@media screen and (max-width:1024px){
 .cursor-target * { cursor: initial; } 
 .main-info .grid { grid-template-columns: repeat(2, 1fr); } 
 .main-info .grid .grid-box .img { width: 50px; } 
 .address-row { flex-direction: column; gap: 15px; } 
 .banner-img img { min-height: 320px; } 
 .banner-txt h3 { font-size: 32px; margin-bottom: 5px; } 
 .company02-con01 .txt-box { position: static; transform: none; width: 100%; border: 1px solid #ddd; margin-top: 30px; } 
 .history-item { flex-direction: column; gap: 30px; } 
 .history-item__head { width: 100%; } 
 .history-item__list { flex: initial; padding: 0 0 20px 30px; border-bottom: none; width: 100%; } 
 .company04-con01 .grid { gap: 20px; } 
 .company04-con01 .grid-box { padding: 30px; } 
 .company04-con01 .grid-box svg { width: 50px; } 
 .company05-con01 .grid { grid-template-columns: repeat(2, 1fr); } 
 .gallery-list { grid-template-columns: repeat(2, 1fr); } 
 .catalog-con01 .grid { grid-template-columns: repeat(2, 1fr); } 
 }


@media (max-width: 992px) { } 



@media (max-width: 768px){
 .header .logo { width: 100px; } 
 .header .lang-box .lang-toggle { font-size: 12px; } 
 .main-prd .flex { flex-wrap: wrap; } 
 .main-prd .flex .left-box { width: 100%; margin-right: 0; margin-bottom: 30px; } 
 .main-prd .flex .right-box { width: 100%; } 
 .policy-nav { gap: 20px; } 
 .policy-nav > div { font-size: 14px; } 
 .address-col { gap: 0px; flex-direction: column; font-size: 14px; } 
 .address-col span:first-child:after { display: none; } 
 .banner-img img { min-height: 260px; } 
 .banner-txt { top: 60%; } 
 .sticky-menu { top: 60px; } 
 .company02-con01 { margin-bottom: 80px; } 
 .company02-con01 .txt-box .grid { grid-template-columns: 1fr; } 
 .company02-con01 .txt-box .grid .grid-box:first-child:after { display: none; } 
 .sub-title-box h2:before { top: 9px; } 
 .company04-con01 .grid { grid-template-columns: 1fr; } 
 .esg-grid { grid-template-columns: 1fr; } 
 .esg-role-table thead th { font-size: 15px; padding: 15px; word-break: auto-phrase; } 
 .esg-role-table tbody td { font-size: 13px; word-break: auto-phrase; } 
 .company04-con05 .grid { grid-template-columns: 1fr; gap: 60px; } 
 .image-modal__close { right: 0; top: -70px; } 
 .company06-con01 .grid { grid-template-columns: 1fr; } 
 .prd01-con03 .flex { flex-direction: column; gap: 30px; } 
 .prd01-con03 .flex .left-box { width: 100%; } 
 .prd01-con03 .flex .right-box { flex: initial; width: 100%; } 
 .prd-hero:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.25); } 
.prd-hero .txt-box { padding: 0 30px; } 
.prd-hero .txt-box h3 { font-size: 18px; margin-bottom: 5px; } 
.prd-hero .txt-box h4 { font-size: 14px; } 
 .prd-hero .txt-box p { font-size: 14px; } 
 .prd01-con01 .grid { grid-template-columns: 1fr; } 
 .prd01-con02 .grid { padding: 30px; grid-template-columns: repeat(2, 1fr); } 
 .prd01-con02 .grid img { height: 100px; } 
 .prd02-con01 .flex { flex-wrap: wrap; } 
 .prd02-con01 .left-box { width: 100%; } 
.prd02-con01 .right-box { flex: initial; width: 100%; } 
.prd03-con01 .grid { grid-template-columns: 1fr; } 
.product .tab-list li { min-width: initial; padding: 10px 15px; } 
.product .btn-wrap { margin-top: 60px; } 
.gallery-list { grid-template-columns: 1fr; } 
.board-search__select { width: 100px; } 
.board-search__input { flex: 1; width: auto; } 
table * { word-break: auto-phrase; } 
.perf-table { min-width: initial; } 
.perf-table thead th, .perf-table tbody th, .perf-table tbody td { font-size: 12px; } 
.perf-table thead th .tit { font-size: 13px; } 
.perf-table thead th .sub { font-size: 12px; } 
.table-list table { table-layout: fixed; } 
.table-list col.col-num { width: 60px; } 
.table-list col.col-date { width: 80px; } 
.table-list thead th { padding: 12px; font-size: 14px; } 
.table-list tbody td { font-size: 12px; padding: 12px; } 
.table-list tbody td.tit { font-size: 12px; padding: 12px; } 
.table-list tbody td.tit a { font-size: 12px; } 
.board-search__input input[type="text"] { font-size: 14px; } 
.board-search__input input::placeholder { font-size: 14px; } 
.board-search__select select { font-size: 14px; } 
.catalog-con01 .grid { grid-template-columns: 1fr; } 
.catalog-con01 .grid-box .txt-box { padding: 10px; } 
.catalog-con01 .grid-box .txt-box h3 { font-size: 15px; } 
.inquiry-form .field select { width: 100%; } 
.inquiry-form .field input[name="name"], .inquiry-form .field input[name="email"], .inquiry-form .field input[name="phone"] { width: 100%; } 
 }


@media screen and (max-width:640px){
 .hero-item--img img { height: 260px; } 
 .hero-item--desc { top: 60%; } 
 .hero-item--desc h3 { font-size: 20px; } 
 .hero-item--desc p { font-size: 15px; } 
 .hero .slide-arrow-prev { display: none; } 
 .hero .slide-arrow-next { display: none; } 
 .main-prd .flex .left-box { padding: 30px; } 
 .main-info .grid { padding: 30px; grid-template-columns: 1fr; } 
 .sub-title-box h2:before { top: 5px; } 
 .perf-table * { font-size: 10px !important; } 
 .banner-img img { min-height: 220px; } 
 .banner-txt h3 { font-size: 26px; } 
 .inquiry-form .row { min-height: initial; } 
 .inquiry-form .field { padding: 12px; } 
 .inquiry-form .label { flex: 0 0 80px; padding: 0 15px; font-size: 14px; justify-content: center; } 
 .agree-check__text { font-size: 16px; } 

}