@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

html {
  scroll-behavior: smooth;
}

.container {
  margin: 0 auto;
}

.body {
  font-size: 15px;
  /* //.글자폰트 크기 수정 */
  font-family: "Noto Sans KR";
}

.container {
  width: 66.67%;
  height: 100%;
}

/* ---------------------------------------------------------------- */
.w_sub_tit_section {
  width: 100%;
  height: 280px;
}

.w_sub_tit_con {
  display: flex;
  justify-content: center;
  align-items: center;
}

.w_mian_sub_tit {
  width: 100%;
  height: 100px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.w_mian_tit>span {
  color: #333;
  text-align: center;
  font-family: "Roboto";
  font-size: 40px;
  font-weight: 700;
  line-height: 150%; /* 60px */
  letter-spacing: -0.44px;
}

.w_sub_tit>p {
  color: #555;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

/* ceo메시지 배너 멘트 */
.ceo_msg_banner_ment {
  width: 100%;
  height: 1300px;
}

.cmbm_con {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmbm_img_ment {
  width: 100%;
  height: 1150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.cmbm_img_sign {
  width: 100%;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.cmbm_sign {
  width: 338px;
  height: 80px;
  position: absolute;
  left: 50px; bottom: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cmbm_sign>p {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.198px;
}

.cmbm_sign>span {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 25px;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
  letter-spacing: -0.275px;
}

.cmbm_ment {
  width: 1050px;
  height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ul.cmbm_txt {
  width: 100%;
  height: 248px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ul.cmbm_txt>li.cmbm_txt_main_tit>span {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 25px;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
  letter-spacing: -0.275px;
}

ul.cmbm_txt>li.cmbm_txt_sub_tit>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt>li.cmbm_txt_sub_tit>p>span {
  font-weight: 700;
}

ul.cmbm_txt>li.cmbm_txt_sub_txt1>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt>li.cmbm_txt_sub_txt2>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt2 {
  width: 100%;
  height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ul.cmbm_txt2>li.cmbm_txt2_main_tit>span {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt2>li.cmbm_txt2_sub_tit1>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt2>li.cmbm_txt2_sub_tit1>p>span {
  font-weight: 700;
}

ul.cmbm_txt2>li.cmbm_txt2_sub_tit2>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt3 {
  width: 100%;
  height: 105px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ul.cmbm_txt3>li.cmbm_txt3_main_tit>span {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

ul.cmbm_txt3>li.cmbm_txt3_sub_tit>p {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */