102 lines
3.2 KiB
PHP
102 lines
3.2 KiB
PHP
<style>
|
||
/* ===== 3 Column Statement Section (Mission/Vision/Network) ===== */
|
||
.bt-statement {
|
||
background: #fff;
|
||
padding: clamp(70px, 10vh, 140px) 0;
|
||
/* 위아래 여백 크게 */
|
||
}
|
||
|
||
/* 3컬럼 전체 폭을 너무 넓지 않게(이미지처럼 여백 많게) */
|
||
.bt-statement .bt-wrap {
|
||
max-width: 1180px;
|
||
}
|
||
|
||
.bt-statement .bt-col {
|
||
text-align: center;
|
||
padding: 0 clamp(12px, 2vw, 28px);
|
||
}
|
||
|
||
.bt-statement .bt-title {
|
||
font-weight: 300;
|
||
letter-spacing: .2px;
|
||
font-size: clamp(34px, 3vw, 52px);
|
||
margin-bottom: 28px;
|
||
color: #0b0b0b;
|
||
}
|
||
|
||
.bt-statement .bt-body {
|
||
margin: 0 auto;
|
||
max-width: 320px;
|
||
/* 문단 폭 좁게 */
|
||
font-size: 13px;
|
||
/* 작고 단정하게 */
|
||
line-height: 1.85;
|
||
color: rgba(0, 0, 0, .78);
|
||
}
|
||
|
||
/* Network 항목의 "목록처럼" 보이는 줄들 */
|
||
.bt-statement .bt-list {
|
||
margin: 14px 0 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
line-height: 1.9;
|
||
}
|
||
|
||
/* 컬럼 사이 간격(이미지처럼 넓게) */
|
||
@media (min-width: 992px) {
|
||
.bt-statement .row {
|
||
--bs-gutter-x: 5rem;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<section class="bt-statement">
|
||
<div class="container bt-wrap">
|
||
<div class="row justify-content-center gy-5">
|
||
<!-- Mission -->
|
||
<div class="col-12 col-lg-4">
|
||
<div class="bt-col">
|
||
<div class="bt-title">Mission</div>
|
||
<p class="bt-body">
|
||
To deliver high-purity metals with unmatched precision, integrity,
|
||
and consistency—supporting our partners’ growth in aerospace,
|
||
manufacturing, and advanced material industries.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Vision -->
|
||
<div class="col-12 col-lg-4">
|
||
<div class="bt-col">
|
||
<div class="bt-title">Vision</div>
|
||
<p class="bt-body">
|
||
To become a leading global platform for titanium and specialty
|
||
metal supply, built on trust, transparency, and long-term partnerships.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Network -->
|
||
<div class="col-12 col-lg-4">
|
||
<div class="bt-col">
|
||
<div class="bt-title">Network</div>
|
||
|
||
<div class="bt-body">
|
||
We operate a multi-region metal supply chain, with active partners
|
||
and logistics channels in:
|
||
<ul class="bt-list">
|
||
<li>United States</li>
|
||
<li>South Korea</li>
|
||
<li>Southeast Asia</li>
|
||
</ul>
|
||
<div style="margin-top:14px;">
|
||
Through this network, we ensure stable, high-quality, and timely
|
||
deliveries worldwide.
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> |