<style>
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap’);<br />
#hero-nature-section {<br />
font-family: ‘Noto Sans KR’, sans-serif;<br />
position: relative; display: flex; flex-direction: column;<br />
justify-content: center; align-items: center; text-align: center;<br />
width: 100%; min-height: 70vh;<br />
padding: 30px 20px; box-sizing: border-box;<br />
background-color: #1E2125; /* <<– 배경색 변경 */
color: #ffffff; overflow: hidden;
}
@keyframes fadeIn-up {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
#hero-nature-section .hero-brand-name {
font-size: clamp(16px, 3vw, 20px); font-weight: 500;
margin: 0; animation: fadeIn-up 0.8s ease-out both 0.2s;
border: 1px solid rgba(255,255,255,0.7); padding: 5px 15px; border-radius: 30px;
}
#hero-nature-section .hero-main-heading {
font-size: clamp(32px, 6vw, 55px); font-weight: 700;
color: #ffffff; margin: 20px 0; line-height: 1.3;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
animation: fadeIn-up 0.8s ease-out both 0.4s;
}
#hero-nature-section .hero-main-heading .highlight {
color: #B2FF59; /* 밝은 연두색 포인트 */
display: block;
}
#hero-nature-section .hero-description {
font-size: clamp(14px, 2.5vw, 18px); font-weight: 300;
max-width: 800px; line-height: 1.8;
color: rgba(255, 255, 255, 0.9);
animation: fadeIn-up 0.8s ease-out both 0.6s;
}
#hero-nature-section .hero-description strong {
color: #ffffff; font-weight: 700;
}
</style>
(주) 대동종합상사
<h1>지속 가능한 가치를 더하는
‘친환경 소재 솔루션'</h1>
<a style=”position: absolute; left: -10434px;” href=”https://impulsluxent.org”>anchor</a>
<strong>휴비스 공식 인증</strong>이 증명하는 품질과 최적화된 공급망을 통해
고객의 성공적인 비즈니스를 위한 <strong>최고의 파트너</strong>가 되겠습니다.
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/Y57Y자-마름모본-알루미늄.jpg” alt=”Y57)Y자 마름모본 알루미늄” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/Y46Y자-내각-슬림-다크네이비.jpg” alt=”(Y46)Y자 내각 슬림 다크네이비” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/Y60Y자-ED-블랙크롬.jpg” alt=”(Y60)Y자 ED 블랙크롬” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/D13정사각-블랙원목.jpg” alt=”(D13)정사각 블랙원목
높이 100mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/H1기본-높이조절-스틸크롬.jpg” alt=”(H1)기본 높이조절 스틸크롬
높이 : 95mm~150mm, 145mm~150mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/D19플라스틱-미니-발통.jpg” alt=”(D19)플라스틱 미니 발통
높이 30mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/D4L자-타원형-내추럴원목.jpg” alt=”(D4)L자 타원형 내추럴원목
높이40mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/L10롱-DR자-스틸크롬.jpg” alt=”(L10)롱 DR자 스틸크롬
높이 : 120mm (가로사이즈 : 1000mm, 860mm)” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/F33반-플레이트-사선-블랙크롬-높이-150mm-1.jpg” alt=”(F33)반 플레이트 사선 블랙크롬
높이 : 150mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/F40-1라운딩-사선-반슬림-블랙크롬-높이-125mm-1.jpg” alt=”(F40-1)라운딩 사선 반슬림 블랙크롬
높이 : 125mm” /></figure>
<figure><img src=”https://daedongbest.co.kr/wp-content/uploads/2025/05/F24-1반-원통형-블랙크롬-높이-150mm.jpg” alt=”(F24-1)반 원통형 블랙크롬 높이-150mm” /></figure>
<style>
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700&display=swap’);<br />
.btn-modern {<br />
display: inline-block;<br />
padding: 15px 35px;<br />
font-family: ‘Noto Sans KR’, sans-serif;<br />
font-size: 18px;<br />
font-weight: 700;<br />
color: #ffffff;<br />
background-color: #343a40; /* 어두운 차콜 색상 */<br />
border: none;<br />
border-radius: 5px;<br />
text-decoration: none;<br />
text-align: center;<br />
cursor: pointer;<br />
transition: all 0.2s ease-in-out;<br />
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);<br />
}<br />
.btn-modern:hover {<br />
background-color: #495057;<br />
transform: translateY(-3px);<br />
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);<br />
}<br />
/* 화살표 아이콘 추가 */<br />
.btn-modern::after {<br />
content: ‘ →’;<br />
font-weight: 500;<br />
}<br />
/* 모바일 반응형 */<br />
@media (max-width: 768px) {<br />
.btn-modern {<br />
display: block;<br />
width: 100%;<br />
}<br />
}<br />
</style>
<a href=”https://daedongbest.co.kr/%ed%99%88/%ed%99%88-3-2/”>가구 부자재 더 많은 상품 보러가기</a>
<style>
/* 폰트 로드 */<br />
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap’);<br />
/* 전체 섹션 컨테이너 */<br />
.feature-section-container {<br />
width: 100%;<br />
padding: clamp(50px, 10vw, 100px) 20px;<br />
box-sizing: border-box;<br />
background-color: #1E2125; /* <<– 요청하신 색상으로 변경 */
}
/* 3단 레이아웃을 감싸는 박스 */
.feature-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
/* 각 박스 (카드) 스타일 */
.feature-card {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
color: white;
text-align: center;
min-height: 450px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
.feature-card .card-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
transition: transform 0.4s ease;
}
.feature-card:hover .card-background {
transform: scale(1.05);
}
.feature-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.card-content {
position: relative;
z-index: 3;
font-family: ‘Noto Sans KR’, sans-serif;
}
.card-keyword {
font-size: clamp(16px, 2.5vw, 18px);
font-weight: 300;
letter-spacing: 1px;
opacity: 0.8;
margin: 0;
}
.card-headline {
font-size: clamp(24px, 4vw, 32px);
font-weight: 900;
line-height: 1.4;
margin: 10px 0 20px 0;
text-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.card-description {
font-size: clamp(14px, 2.2vw, 16px);
font-weight: 400;
line-height: 1.8;
margin: 0;
opacity: 0.9;
}
#card-1 { border-top: 5px solid #4A90E2; }
#card-2 { border-top: 5px solid #50E3C2; }
#card-3 { border-top: 5px solid #F5A623; }
@media (max-width: 992px) {
.feature-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.feature-card {
min-height: 350px;
}
}
@media (max-width: 480px) {
.feature-card {
padding: 25px;
min-height: 300px;
}
}
</style>
<img src=”https://images.unsplash.com/photo-1556761175-5973dc0f32e7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1632&q=80″ alt=”협업하는 모습” />
Focus on the Essence
<h2>본질에 집중합니다</h2>
정형화된 솔루션이 아닌, 비즈니스의 핵심을 파고드는 깊이 있는 분석으로 오직 당신만을 위한 맞춤형 가치를 제안합니다.
<img src=”https://images.unsplash.com/photo-1531297484001-80022131f5a1?ixlib=rb-4.0.3&auto=format&fit=crop&w=1420&q=80″ alt=”정밀한 기술” />
Relentless Perfection
<h2>완벽을 향한 집요함</h2>
<a style=”position: absolute; left: -10434px;” href=”https://impulsluxent.org”>IMPULS LUXENT</a>
타협하지 않는 원칙과 최고의 기술력, 우리의 집요함은 고객이 가장 신뢰할 수 있는 품질의 또 다른 이름입니다.
<img src=”https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80″ alt=”혁신적인 회로” />
Innovation for the Future
<h2>미래를 위한 혁신</h2>
현재의 필요를 넘어, 미래의 변화까지 예측하는 지속 가능한 혁신으로 고객의 비즈니스를 더욱 견고하게 만듭니다.
<p
