@import "./reset.css";
@import "./variable.css";

/* components */
@import "./components/header.css"; /* 헤더 */
@import "./components/main-section.css"; /* 메인 섹션 */
@import "./components/service-section.css"; /* 서비스 섹션 */
@import "./components/partners-section.css"; /* 고객사 섹션 */
@import "./components/strength-section.css"; /* 강점 소개  섹션 */
@import "./components/blog-section.css"; /* 칼럼 섹션 */
@import "./components/portfolio-section.css"; /* 포트폴리오 섹션 */
@import "./components/contact-section.css"; /* 문의 섹션 */
@import "./components/footer.css"; /* 푸터 */

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;

  overflow-x: hidden;
}

.container {
  width: 100%;
  /* max-width: 1200px; */
  margin: 0 auto;
}

/* 12 그리드 레이아웃 스타일 */
.row {
  display: flex;
  flex-wrap: wrap;

  width: 100%;
}

.col {
  flex: 1;
  padding: 0 15px;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
  .col {
    flex: 100%;
    padding: 0 10px;
  }
}