/*
    -------------------------------------------------------------------------
    Reset CSS - 모든 브라우저의 기본 스타일을 일관성 있게 초기화합니다.
    -------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    /* 모든 요소의 마진과 패딩을 0으로 초기화 */
    margin: 0;
    padding: 0;
    /* 테두리를 0으로 초기화 (주요 요소만) */
    border: 0;
    /* 폰트 상속: 폰트 크기를 부모 요소와 동일하게 상속받도록 설정 */
    font-size: 100%;
    /* 폰트 스타일 상속 */
    font: inherit;
    /* 수직 정렬 기준선 초기화 */
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    /* HTML5 태그를 블록 레벨 요소로 설정 */
    display: block;
}

body {
    /* 라인 높이(줄 간격)를 1로 설정 */
    line-height: 1;
}

ol, ul {
    /* 목록의 기본 불릿(bullet) 스타일 제거 */
    list-style: none;
}

blockquote, q {
    /* 인용구의 인용 부호 제거 */
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    /* 인용 부호 내용 제거 */
    content: '';
    content: none;
}

table {
    /* 테이블의 기본 경계선 분리 및 간격 제거 */
    border-collapse: collapse;
    border-spacing: 0;
}

/* 이미지와 비디오의 최대 크기를 부모 컨테이너에 맞춤 */
img, video {
    max-width: 100%;
    height: auto;
}

/* 폼 요소의 기본 스타일 재정의 */
button, input, select, textarea {
    margin: 0; /* 일부 브라우저에서 폼 요소에 기본 마진이 있을 수 있어 제거 */
    padding: 0; /* 일부 브라우저에서 폼 요소에 기본 패딩이 있을 수 있어 제거 */
    border: none;
    background: none;
    box-shadow: none;
}

a{text-decoration: none;}

/* 모든 요소에 border-box 모델 적용 (선택 사항이지만 강력 권장) */
*, *::before, *::after {
    box-sizing: border-box;
}

/* custom */
.container{
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.max-1440{
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

/* con01 */
.con01 {
  padding: 100px 0;
  position: relative;
}
.con01 .container{
  display: flex;
  justify-content: space-between;
}
.con01 .tit{
  font-size: 40px;
  font-weight: 800;
  color: #F7941D;
}
.con01 .txt{
  font-size: 20px;
  margin-top: 10px;
  color: #363031;
  line-height: 1.6;
}
.con01 .air-box{
  position: absolute;
}
.con01 .air-box01{
  top: -55px;
  left: -55px;
}
.con01 .air-box02{
  bottom: 0;
  right: -30px;
}

/* con02 */
.con02 {
  text-align: center;
  padding: 100px 0;
}
.con02 .tit{
  font-size: 55px;
  font-weight: 700;
  color: #256DC2;
}
.con02 .sub-tit{
  margin-top: 50px;
  font-size: 30px;
  font-weight: 700;
  color: #F7941D;
  line-height: 1.6;

}
.con02 .txt{
  font-size: 20px;
  margin-top: 40px;
  color: #000;
  line-height: 1.6;
}

/* con03 */
.con03{
  padding-bottom: 100px;
}
.con03 .small-img-list{
  display: flex;
  margin-top: 30px;
  gap: 30px;
  padding: 30px 40px;
  background-color: #FFF7EE;
  border: 1px solid #ff8b00;
  border-radius: 10px;
}
.con03 .small-img-list .img-box{
  width: calc(33.333% - 20px);
}
.con03 .small-img-list .txt{
  margin-top: 20px;
}

.con03 .small-img-list h5{
  font-size: 22px;
  font-weight: 700;
  color: #ff8b00;
}
.con03 .small-img-list p{
  color: #333333;
  font-size: 18px;
  margin-top: 20px;
}


/* footer */
#footer{
  background-color: #FFF7EE;
  border-top: 1px solid #F7941D;
  padding: 60px 0;
}
#footer .container{
  max-width: 1120px;
  display: flex;
  align-items: center;
  gap: 180px;
}
#footer .info-box{
  display: flex;
  align-items: center;
  gap: 5px;
}
#footer .info-box .txt{
  font-size: 16px;
  color: #000;
}
#footer .info-box + .info-box{
  margin-top: 10px;
}
#footer .copy{
  margin-top: 30px;
  font-size: 16px;
  color: #000;
}