/* 미리보기 전용 — 실서버 업로드 금지 (common.css가 대체) */
@font-face{font-family:'GmarketSans';src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight:500;}
@font-face{font-family:'GmarketSans';src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight:700;}
body{font-family:'NotoSans','Noto Sans KR',sans-serif;font-size:16px;line-height:1.5;color:#212529;}
a{color:#F37321;}
.top-bg{height:540px;display:flex;align-items:center;justify-content:center;}
.top-bg .banner{background:transparent!important;width:100%;}
.title-box{margin-top:8rem;}
.title-box .title{font-size:4.4rem;font-weight:800;margin:0;}
.title-box .lead{font-family:'GmarketSans',sans-serif;font-size:1.25rem;font-weight:700;margin:0;}
.section-header .display-6{font-size:3rem;font-weight:800;color:#111;}
.section-header .header-sub{font-size:1.3rem;font-weight:300;color:#666!important;}
.sub-title h4{font-size:2.2rem;font-weight:800;color:#111;margin:.8rem 0 3rem;}
.pt-color{color:#F37321;}
.article-line{border:0;margin:3rem 0;opacity:0;}
/* header / GNB (사이트 실측값) */
header .navbar{padding:0;align-items:flex-start;z-index:1030;transition:background .2s;}
header .navbar-brand{max-width:194px;margin-left:3%;padding:1.9rem 0;}
header .brand-txt{font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-.02em;}
header .navbar-collapse{justify-content:center;}
header .navbar-nav{flex-direction:row;}
header .nav-item{position:relative;padding:0 5.5rem;}
header .nav-link{font-size:1.2rem;font-weight:700;color:#fff!important;padding:2.2rem 0!important;border-bottom:2px solid transparent;white-space:nowrap;}
header .depth-2{display:none;position:absolute;left:0;width:100%;text-align:center;top:120px;padding:0;list-style:none;z-index:2;}
header .depth-2 li{padding-top:1rem;}
header .depth-2 li:last-child{padding-bottom:1rem;}
header .depth-2 a{color:#fff;font-size:1rem;font-weight:300;text-decoration:none;white-space:nowrap;}
header .depth-2 a:hover{color:#f37321;}
/*header .bg-area{position:fixed;top:0;left:0;width:100%;height:540px;background:rgba(0,0,0,.7);z-index:1029;display:none;}*/
header.gnb-open .depth-2,header.gnb-open .bg-area{display:block;}
header.gnb-open .navbar{border-bottom:1px solid rgba(255,255,255,.2);}
header .navbar.on{background:#333;}
.navbar-toggler-btn{margin:2.2rem 3% 0 auto;width:28px;height:22px;border:0;background:none;display:flex;flex-direction:column;justify-content:space-between;padding:0;}
.navbar-toggler-btn span{display:block;height:2px;background:#fff;}
.offcanvas{background:#f47320!important;color:#fff;}
.offcanvas .depth-1{list-style:none;padding:0;margin:0;}
.offcanvas .depth-1-btn{background:none;border:0;color:#fff;font-size:1.4rem;font-weight:700;padding:.8rem 0;width:100%;text-align:left;}
.offcanvas .btn-toggle-nav{list-style:none;padding:0 0 .8rem 1rem;}
.offcanvas .btn-toggle-nav a{color:#fff;text-decoration:none;display:block;padding:.35rem 0;font-weight:300;}
.esg .esg-tabs-wrap{top:94px;}
.site-footer-preview{background:#333;color:#999;padding:80px 0;font-size:.9rem;}
@media (max-width:1400px){header .nav-item{padding:0 3rem;}}
@media (max-width:991.98px){header .navbar-collapse{display:none!important;}header .navbar-brand{padding:1.1rem 0;}header .brand-txt{font-size:1.5rem;}.navbar-toggler-btn{margin-top:1.35rem;}.esg .esg-tabs-wrap{top:64px;}}
@media (max-width:576px){.top-bg{height:430px;}.title-box{margin-top:4rem;}.title-box .title{font-size:3rem;}.title-box .lead{font-size:.9rem;}.section-header .display-6{font-size:1.8rem;}.section-header .header-sub{font-size:1.1rem;}.sub-title h4{font-size:1.6rem;margin:.8rem 0 2rem;}.article-line{margin:1rem 0;}}