: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;
}
.icon_mgL{
	margin-left:8px;
}
.icon_mgR{
	margin-right:8px;
}

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

.main_container {
  margin: 0 auto;
  /* max-width: 1200px; */
}
.main_container_img {
  max-width: 100%;
  height: 910px;
  background-size: 100%;
  margin-top: 0;
/*   background-image: url(../img/main_blue_img.png); */
/*   background-image: url(../img/test-main-3.png); */
  background-image: url(../img/bg_main_04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
/*   margin-bottom: 50px; */
  text-align: center;
}

.main_top_text {
  max-width:1280px;
  margin:0 auto;
  padding-top:160px;
}

.items_wrapper_left {
  text-align: left;
}

.main_top_text .main_sub_txt{
	font-size: 30px;
	color:white;
	font-weight: 700;
	
/* 	transform: translateY(0); */
/* 	opacity: 1; */
/* 	transition: transform .5s, opacity .7s; */
}

.main_top_text_inner {
/* 	transform: translateY(0); */
/* 	opacity: 1; */
/* 	transition: transform .5s, opacity .7s; */
	
}

.main_txt_b {
  color: white;
  font-size: 20px;
  font-weight: 500;
  margin-top: 44px;
  line-height: 140.3%;
  text-align: left;
  
/*   	display: inline-block; */
/* 	transform: translateY(0); */
/* 	opacity: 1; */
/* 	transition: transform 2.5s, opacity 2.7s; */
}

.main_top_text > p {
  font-size: 20px;
}

.main_psm_logo {
  margin-top: 25px;
}

.items_wrapper_right {
	text-align: right;
	margin-top: 50px;
}

.go_guide {
	color: white;
	font-size: 15px;
	font-weight: 700;
}

/* -------------------------------- 게시판 미리보기 -------------------------------- */
.main_top_text .board_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.board_wrapper .board_container {
	width: 400px;
	height: 256px;
	margin: 50px 0;
/* 	background-color: var(--inputBox-inner-color); */
	background-color: rgba(234, 234, 234, 0.8);
/* 	opacity: 0.5; */
	padding: 20px;
	border-radius: 10px;
	border: 1px solid var(--inputBox-inner-color);
    box-sizing: border-box;     
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.title_wapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
/* 	border-bottom: 1px solid var(--container-line-color); */
	border-bottom: 1px solid var(--Btn-inner-color);
}

.board_preview_title {
	font-size: 20px;
	font-weight: 700;
/* 	color: var(--container-line-color); */
	color: var(--main-blue-color);
}

.board_preview_go_board {
	font-size: 15px;
	font-weight: 400;
/* 	color: var(--sub-font-color); */
	color: var(--main-font-color);
}

.board_container table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.board_container table tr {
	height: 44px;
/* 	border-bottom: 1px solid var(--Btn-inner-color); */
/* 	border-bottom: 1px solid var(--sub-font-inner-color); */
	border-bottom: 1px solid var(--sub-font-color);
}

.board_container .board_preview_row_title:hover {
	cursor: pointer;
	text-decoration: underline;
}

.board_container .board_preview_row_title {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	color: var(--main-font-color);
	font-weight: 700;
	font-size: 14px;
}
.board_container .board_preview_row_date {
	color: var(--container-line-color);
	font-size: 13px;
	text-align: right;
}

/* -------------------------------- Summon_ container -------------------------------- */
.summon_container{
	margin-top:62px;
}
.summon_container > .summon_list{
	width: 400px;
	border-radius:20px;
	background-color:rgba(255,255,255,95%);
	margin-left:37px;
	float:left;
	text-align: center;
	padding:38px 0;
}
.summon_container > .summon_list:hover{
	background-color:white;
}
.summon_container > .summon_list:nth-child(1){
	margin-left:0px;
	
}
.summon_container > .summon_list > .summon_list_item {
	font-size:25px;
	font-weight:700;
}
.summon_container > .summon_list > .summon_list_item > span{
	color:#3B6286;
}
.summon_container > .summon_list > .summon_list_item .summon_num{
	font-size:70px;
	font-weight:600;
	margin-left:10px;
}
.summon_container > .summon_list .summon_list_hr{
	width:200px;
	margin:20px auto;
	border:1px solid #DCDCDC;
}
.summon_container > .summon_list .more_btn{
	width:117px;
	height:33px;
	margin:30px auto 0;
	line-height:33px;
/* 	border:1px solid #A5A5A5; */
	border-radius:112px;
	
}
.summon_container > .summon_list .more_btn:hover{
/* 	border:1px solid #3B6286; */
}
.summon_container > .summon_list .more_btn a{
	color:#A5A5A5;
}
.summon_container > .summon_list .more_btn:hover a{
	color:#3B6286;
	font-weight:bold;
}
/* -------------------------------- 소명업무 프로세스  -------------------------------- */
.function_container {
  position: relative;
  margin: 50px auto;
}
.function_container > div {
  position: relative;
  padding: 50px 20px;
}

.function_cetner .content1 {
  max-width: 1280px;
  margin: 0 auto;
}
.function_cetner .content1 .sec1 {
  width: 100%;
  height: 282px;
}
.function_cetner .content1 .sec1-2{
  height: 540px;
}
.function_cetner .content1 .sec1 > div {
  float:left;
}
.function_cetner .content1 .sec1 .sec1_txt {
  width: 17%;
  padding-top:50px;
}
.function_cetner .content1 .sec1 .sec1_txt p:nth-child(1) {
  font-size: 12px;
  font-weight: bold;
}
.function_cetner .content1 .sec1 .sec1_txt p:nth-child(2) {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 5px;
  color: #3B6286;
}

/* -------------------------------- second -------------------------------- */

.sub_img_container {
  max-width: 100%;
  height: 600px;
  background-size: cover;
  margin-top: 0;
  background-image: url(../img/img_ubi_qt.png);

  display: flex;
  justify-content: center;
}
.main_sub_text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.sub_text_main {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

.sub_psm_logo_blue {
  margin-top: 15px;
  margin-bottom: 30px;
  width: 370px;
  height: 32px;
  
}

.sub_text_sub {
  text-align: center;
  line-height: 150%;
  font-size: 20px;
}

.sub_text_sub > span {
  color: #3B6286;
  font-weight: 700;
}

/* -------------------------------- 포탈 삭제 부분 start -------------------------------- */
/* -------------------------------- 도입배경 -------------------------------- */

.IntroductionBG {
  margin-top: 190px;
  margin-bottom: 300px;
}

.IntroductionBG_container {
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.IntroductionBG_title {
  color: var(--main-blue-color);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: left;
}
.IntroductionBG_card_1 {
  width: 280px;
  height: 360px;
  box-shadow: 0px 4px 15px #23292c1f;
  border-radius: 10px;
}

.card_container {
  width: 1200px;
  display: flex;
  justify-content: space-between;
}

.cardsection_top {
  width: 100%;
  height: 210px;
  background-color: var(--main-blue-color);
  border-radius: 10px 10px 0 0;
}

.cardsection_bottom {
  width: 100%;
  height: 150px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cardsection_text {
  text-align: center;
  line-height: 150%;
}

.cardsection_text > span {
  color: var(--main-blue-color);
  font-weight: 700;
}

.IntroductionBG_container_law_main {
  display: flex;
  justify-content: center;
}

.IntroductionBG_container_law {
  width: 1200px;

  display: flex;
  justify-content: space-between;
}

.law_left {
  width: 545px;
  height: 460px;
  /* background-color: red; */
}

.law_right {
  width: 545px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.law_title {
  font-weight: 700;
  font-size: 24px;

  text-align: center;
  width: 545px;
  /* height: 88px; */
  line-height: 88px;

  margin-top: 20px;
}

.lawtop_text {
  margin-top: -20px;
}

.law_inner_text {
  padding: 0px 38px 0 38px;
  line-height: 150%;
}

.law_inner_text_second {
  letter-spacing: -0.05em;
}

.law_left,
.law_top,
.law_bottom {
  border: 1px solid var(--inputBox-line-color);
  background-color: var(--inputBox-inner-color);
}

.law_top_title {
  margin-top: 30px;
}

.law_top_subtitle {
  font-weight: 700;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 20px;
}

.law_bottom_text {
  font-size: 14px;
  margin-top: -25px;
}

.law_top {
  height: 240px;
}

.law_bottom {
  height: 200px;
}

.text_line_deco {
  text-decoration-line: underline;
}

.text_color_red {
  color: red;
  text-decoration-line: underline;
  font-weight: 700;
}

.law_title_sub {
  font: 20px;
  font-weight: 700;

  text-align: center;
  width: 545px;
  height: 88px;
  line-height: 88px;
}

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

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

.law_out_bottom {
  margin-top: 10px;
  height: 25px;

  display: flex;
  flex-direction: row;
  justify-content: center;
}

.law_bottom_txt {
  display: flex;
  justify-content: flex-start;
  width: 1200px;
  background-color: var(--inputBox-inner-color);

  font-size: 13px;
}

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

.law_equal_txt {
  font-size: 60px;
  font-weight: 900;
  color: var(--main-blue-color);
}

.law_equal_container {
  display: flex;
  justify-content: center;

  margin-top: 100px;
}

.law_conclusion {
  margin-top: 100px;
}

.text_conclusion {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  line-height: 170%;
}

.text_conclusion > .blue_box {
  background-color: var(--sub-blue-color);
  color: white;
}

.text_conclusion > .blue_txt {
  color: var(--sub-blue-color);
}

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

.main_features {
  display: flex;
  justify-content: center;

  margin-bottom: 230px;
}

.features_container_boxes {
  display: flex;
  flex-direction: column;
}

.box_top,
.box_middle,
.box_bottom {
  display: flex;
}

.box_icon_container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 45px;
  margin-top: 45px;
}

.box_icon {
  border-radius: 100px;
  background-color: var(--main-blue-color);
  width: 118px;
  height: 118px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.fa-earth-americas {
  color: white;
  font-size: 60px;
}

.box_first,
.box_second {
  width: 600px;
  height: 360px;

  background-color: var(--inputBox-inner-color);
}

.box_title_container {
  margin-left: 40px;
}

.box_title {
  margin-bottom: 10px;
}
.box_p {
  color: var(--main-blue-color);
  font-weight: 700;
  font-size: 20px;
}

.box_text_p {
  font-size: 16px;
  line-height: 150%;
}

.box_first {
  border-right: 1px solid var(--inputBox-line-color);
  border-width: 70%;
}

.box_top,
.box_middle,
.box_bottom {
  border-bottom: 1px solid var(--inputBox-line-color);
}

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

.features_container {
  margin-bottom: 30px;
}


/* -------------------------------------- 바디 -------------------------------------- */
.notice_img {
  padding-top: 70px;
  max-width: 100%;
  height: 240px;
  background-size: cover;
  margin-top: 0;
  background-image: url(../img/payment_main.png);

  margin-bottom: 70 px;
}
.notice_txt {
  width: 1200px;
  display: flex;
  flex-direction: column;
  margin: 113px 0 0 360px;
}

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

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

.container {
  padding-top: 80px;
  width: 100%;
  /* height: 100vh; */
}

.inner {
  margin: 0px 360px;
}

.sub_container {
  margin: 60px 0;
}

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

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

.inner_img {
  align-items: center;
  margin-bottom: 150px;
}

.sub_2 {
  display: flex;
  flex-direction: column;
}
/* ---------------------------- 구성도 ---------------------------- */

.config {
  width: 100%;
  display: flex;
  margin: 200px 0;
}

.inner_title {
  /* background-color: red; */
  width: 15%;
  margin-bottom: 50px;
}
.inner_object {
  width: 100%;
}

.maintitle {
  color: var(--second_blue_color);
  font-size: 30px;
  font-weight: 700;
}

.subtitle {
  color: var(--sub-font-color);
  font-size: 14px;
  margin-bottom: 10px;
}

/* ---------------------------- 주요기능 ---------------------------- */

.function {
  width: 100%;
  /* background-color: #f5f7fd; */
  margin: 200px 0;
  /* display: none; */
}

.function_inner {
  background-color: white;
  box-shadow: 0px 0px 10px 0px #00000014;
  padding: 50px;

  display: flex;
  flex-direction: column;
}

.function_inner > .group {
  display: flex;
  margin-bottom: 30px;
}

.funcion_div {
  padding: 10px;
  width: 50%;
  display: flex;
}

.function_img {
  width: 100px;
  height: 100px;
  background-color: var(--main-blue-color);
}

.function_text {
  margin-left: 20px;
}

.function_t_title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 10px;
  color: var(--main-blue-color);
}

.function_t_text {
  line-height: 1.5;
  font-size: 18px;
}

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

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

.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(--second_blue_color);
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;

  margin-bottom: 10px;
}

.features_title {
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  color: var(--second_blue_color);
}

.features_right {
  font-size: 18px;
  line-height: 2.3;
}

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

/* ---------------------------- 구축사례 ---------------------------- */
.case_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 150px;
}

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

.case_left,
.case_right {
  width: 44%;
  box-shadow: 0px 0px 10px 0px #00000014;
  padding: 0 30px 30px 30px;
}

.case_img {
  width: 100%;
  height: 500px;
  /* background-color: var(--sub-font-color); */
  margin-bottom: 30px;
}

.case_title {
  text-align: center;
  margin: 40px 0 20px 0;
  font-weight: 700;
  font-size: 22px;
  color: var(--second_blue_color);
}

.case_table {
  width: 100%;
}

.case_table > table {
  width: 100%;
}

.table_title {
  background-color: var(--Btn-inner-color);
  width: 30%;
  padding: 20px;
  font-size: 18px;
}

.table_td {
  padding: 20px;
  line-height: 1.6;
  background-color: var(--inputBox-inner-color);
  letter-spacing: -1.3px;
  font-size: 18px;
}

.case_text {
  margin-top: 30px;
  line-height: 1.6;
  letter-spacing: -1px;
  font-size: 18px;
}

/* ---------------------------- 메인이미지 ---------------------------- */

.sm_section {
  width: 100%;
}

.main_section {
  display: flex;
  align-items: center;
}

.main_product_img {
  width: 100%;
  /* padding-top: 30px; */
}

.productEName {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -1px;
}
.productKName {
  font-size: 62px;
  font-weight: 700;
  letter-spacing: -4px;
  margin: 5px 0 20px 0;
}

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

.main_btn {
  margin-top: 100px;
}
.m_btn {
  width: 150px;
  padding: 15px;
  background-color: white;
  border: 1px solid var(--inputBox-line-color);
  margin-right: 30px;
  border-radius: 30px;
}
/* -------------------------------- 포탈 삭제 부분 end -------------------------------- */