:root {
  --main-font-color: #202020;
  --main-blue-color: #124098;
  --sub-blue-color: #1158fe;
  --container-line-color: #545454;
  --containerTableMain-line-color: #4f4f4f;
  --second_blue_color: #0075c1;

  --inputBox-inner-color: #f9f9f9;
  --inputBox-line-color: #d4d8e0;
  --Btn-inner-color: #eaeaea;

  --sub-font-color: #929292;
  --sub-font-inner-color: #7d7d7d;
}

* {
  margin: 0;
  padding: 0;

  color: var(--main-font-color);

  /* font-family: "Noto Sans KR", sans-serif; 
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto,
    "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", sans-serif;
    */
    
  font-family: "Noto Sans KR", sans-serif, Arial;

  list-style: none;
  text-decoration: none;
  
}

/* -------------------------------- body -------------------------------- */

.service_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service_container_first {
  margin-bottom: 230px;
}

.service_container_second,
.service_container_third {
  margin-bottom: 150px;
}

.service_container_third {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--container-inner-box);
}

.service_container_four {
  margin-bottom: 210px;
}

.service_container_five {
  margin-bottom: 200px;
}

.service_container_six {
  margin-bottom: 120px;
}



/* -------------------------------------- 배너 -------------------------------------- */

.notice_img {
  padding-top: 70px;
  max-width: 100%;
  height: 240px;
  background-size: cover;
  margin-top: 0;
  background-image: url(../img/banner_02.jpg);
  margin-bottom: 70 px;
  
  display: flex;
  justify-content: center;
  align-items: center; 
}
.notice_txt {
  width: 1140px;
}

.notice_text1 {
  color: white;
  font-weight: 700;
  font-size: 32px;
}

.notice_text2 {
  margin-top: 10px;
  color: white;
  font-size: 14px;
}

/* ---------------------------------------- 본문 ---------------------------------------- */
.container {
	max-width: 1140px;
	margin: 0 auto;
}


.container .paragraph {
	display: flex;
	flex-direction: column;
	justify-content: center; 
}

.first_p {
  color: var(--main-font-color);
  font-weight: 700;
  font-size: 37px;
  text-align: center;
  line-height: 1.5;
  margin-top: 100px;
  margin-bottom: 25px;
}

.second_p {
  color: var(--sub-font-inner-color);
  font-weight: 400;
  font-size: 19px;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 25px;
}

.third_div {
	width: 1140px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.inner_box1 {
	background-color: var(--inputBox-inner-color);
	border: 1px solid #e0e3e6;
	font-weight: 700;
	width: 600px;
	height: 65px;
	margin-bottom: 15px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.inner_box1 p,
.inner_box2 p {
	color: var(--sub-font-inner-color);
}

.inner_box2 {
	background-color: var(--inputBox-inner-color);
	border: 1px solid #e0e3e6;
	font-weight: 700;
	width: 450px;
	height: 35px;
	margin-bottom: 15px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inner_box3 {
	background-color: var(--inputBox-inner-color);
	border: 1px solid #e0e3e6;
	font-weight: 700;
	width: 600px;
	margin-bottom: 100px;
	padding: 20px 30px;
}
.line1 {
	width: 600px;
	color: var(--main-font-color);
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	line-height: 1.3;
	margin-top: 15px;
}
.line2 {
	width: 600px;
	color: var(--sub-font-inner-color);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 15px;
}

/* ---------------------------------- table ---------------------------------- */

.paragraph table {
	border-collapse: collapse;
	border: 1px solid var(--inputBox-line-color);
}
	
th, td {
	border: 1px solid var(--inputBox-line-color);
	padding: 13px 10px;
}

thead, th {
	background-color: var(--Btn-inner-color);
	text-align: center;
	color: var(--containerTableMain-line-color);
}

.table-head {
	color: var(--containerTableMain-line-color);
	font-weight: 700;
	
}

tbody tr td {
	background-color: var(--inputBox-inner-color);
	color: var(--containerTableMain-line-color);
}

tbody > tr > td > p {
	color: var(--containerTableMain-line-color);
	padding-left: 10px;
	text-indent: -8px;
}

.indent2 {
	color: var(--containerTableMain-line-color);
	padding-left: 22px;
	text-indent: -12px;
}


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

img {
  width: 100%;
}

.title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}

.text {
  font-size: 18px;
  line-height: 1.6;
}

.section_2 {
  margin-bottom: 120px;
}

.section_p_span {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 10px;
  /* background-color: red; */
}

.section_p {
  line-height: 1.6;
  margin-top: 30px;
  /* background-color: gray; */
}

.section_p > p {
  /* background-color: yellow; */
  margin-bottom: 30px;
}

/* ---------------------------- 특장점 ---------------------------- */

.features {
  width: 100%;
  margin: 200px 0;
  /* display: none; */
}

.features > .inner_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.features_section {
  display: flex;
  width: 100%;
  margin: 30px 0;
}

.features_left {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.features_number {
  border-radius: 100%;
  background-color: var(--main-blue-color);
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 10px;
}

.features_title {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: var(--main-blue-color);
}

.features_right {
  font-size: 16px;
  line-height: 2.3;
  width: 80%; /* 2024-01-24 한정임 : process.jsp에서 옮겨옴*/
}

.hr {
  border: 1px solid var(--Btn-inner-color);
  /* width: 90%; */
}

.procedure_container {
  width: 100%;
}

.inner_img {
  margin-bottom: 30px;
}

.section_title {
	font-size: 24px;
	font-weight: 700;
	color: var(--main-blue-color);
}

.section_top {
	margin-top: 30px;
}

.section_bottom {
		margin-top: 30px;
	margin-bottom: 30px;
}