@charset "utf-8"; /* 서브페이지(개별) */
/* ============================ [로그인] ============================ */
#sect_login {
  position: relative;
  box-sizing: border-box;
  width: 90%;
  max-width: 500px;
  overflow: hidden;
  margin: 2rem auto;
  padding: 4rem 0;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  text-align: center;
}

.logo_login {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 2rem;
  text-align: center;
}
.logo_login img {
  width: 50%;
  height: auto;
}

#sect_login input {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 1rem auto;
  padding: 0.8em 1em;
  width: 65%;
  max-width: 450px;
  background-color: #f7f9ff;
  border: 1px solid #d2d2d2;
  border-bottom: 3px solid #d2d2d2;
  font-family: 'Malgun Gothic';
  font-size: 1.1rem;
}
.btn_login {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 65%;
  max-width: 450px;
  margin: 0 auto 2rem auto;
  padding: 1.25rem 1rem;
  background-image: linear-gradient(to right, #759aab, #6093c0);
  border: none;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
}

#sect_login .more {
  position: relative;
  box-sizing: border-box;
  width: 65%;
  max-width: 450px;
  margin: 1rem auto;
  font-size: 0.75rem;
  color: #888;
}
#sect_login .more a {
  position: relative;
  font-weight: bold;
  color: #666;
}
#sect_login .more a:after {
  content: '';
  display: block;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: -0.25em;
  right: -1.5em;
  background: url('/lib/renewal_img/renewal_icon/ic_next_px.svg') no-repeat center
    center;
}
#sect_login .more a:hover {
  text-decoration: underline;
  color: #296a95;
}
/* ============================ [회원가입] ============================ */
/* 00. 성인 /어린이 선택 */
#sect_join_choice {
  position: relative;
}
#sect_join_choice a {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 1rem 0;
  padding: 3rem 2rem;
  padding-left: 8.5rem;
  width: 49%;
  background-position: 2rem center;
  background-size: 5rem auto;
  background-repeat: no-repeat;
  border: 1px solid #d2d2d2;
  line-height: 1.6em;
  color: #666;
  transition: all 0.3s;
}
#sect_join_choice a:nth-child(1) {
  background-image: url('/lib/renewal_img/sub/member_adult.svg');
}
#sect_join_choice a:nth-child(2) {
  background-image: url('/lib/renewal_img/sub/member_child.svg');
}
#sect_join_choice a:hover,
#sect_join_choice a:focus {
  background-color: #fafafa;
  border: 5px solid #296a95;
  box-shadow: 5px 5px 0 #296a95;
  color: #222;
}
#sect_join_choice a p {
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: 800;
  font-size: 1.2em;
}
/* 01 본인확인 */
/* 탭 텍스트 */
.sect_tabContent {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.menu_tabContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
/**************210512_2 여기서부터***********************/

.menu_tabContent button {
  /*210514_2*/
  position: relative;

  padding: 1rem 0;
  text-align: center;
  color: #777;
  /*210514_2*/
  width: 50%;
  border: 2px solid #d2d2d2;
  box-sizing: border-box;
  background-color: #f1f1f1;
}
.menu_tabContent button:nth-child(2) {
  /*210514_2*/
  border-left: none;
}
.menu_tabContent .on {
  /*210512_2*/
  border-bottom: 0;
}
.menu_tabContent .on {
  /*210514_2*/
  background-color: #fff;
  font-weight: bold;
  color: #296a95;
}
/**************210512_2 여기까지***********************/
.content_tabContent {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 2rem;
  border: 2px solid #d2d2d2;
  border-top: none;
  line-height: 1.8em;
  display: none;
}
.content_tabContent.on {
  display: block;
}

.content_tabContent .title {
  font-weight: bold;
  margin-bottom: 1rem;
}

.content_tabContent dl,
.content_tabContent dt,
.content_tabContent dd {
  position: relative;
  box-sizing: border-box;
}
.content_tabContent dl {
  font-size: 0.875rem;
}
.content_tabContent dt {
  font-weight: 800;
  color: #759aab;
}
.content_tabContent dd {
  padding-left: 1em;
}
.content_tabContent dd:before {
  content: '■';
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  font-size: 0.3em;
  color: #759aab;
}
/* 02 약관동의 */
.sect_agreement {
  position: relative;
  box-sizing: border-box;
  overflow-y: auto;
  width: 100%;
  height: 250px;
  padding: 2rem;
  border: 1px solid #d2d2d2;
  border-top: none; /*210514_2*/
  line-height: 1.6em;
  font-size: 0.875rem;
}
.forkey {
  display: block;
  color: #444; /*20210407(p32)*/
  cursor: auto; /*20210413*/
}
.dl_agreement dt {
  font-weight: bold;
  color: #759aab;
  margin-bottom: 1rem;
}
.ul_agreement > li {
  margin-bottom: 1.25rem;
}
.title_agreement {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  color: #759aab;
}
.ul_agreement ul li {
  margin-bottom: 0.25rem;
}
.bullet_agreement {
  position: relative;
  box-sizing: border-box;
  padding-left: 1.2em;
}
.bullet_agreement:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 0.7em;
  height: 0.7em;
  background: url('/lib/renewal_img/renewal_icon/bullet_ul.svg') no-repeat center
    center;
}

.sect_agreement_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
  border-top: none;
  font-size: 0.875rem;
  font-weight: bold;
}
.sect_agreement_form label {
  margin: 0;
}

/* 03 정보입력 */ /* 입력 테이블 */
.table_form {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  border-width: 3px 1px 2px 1px;
}
.table_form th,
.table_form td {
  position: relative;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #d2d2d2;
  font-size: 0.875rem;
}
.table_form th {
  background-color: #f5f5f5;
  font-size: 0.875rem;
}

.table_form .hasBorder {
  border-left: 1px solid #d2d2d2;
}

.table_form input {
  width: 100%;
  max-width: 300px;
  padding: 1em 0.5em;
  border: 1px solid #d2d2d2;
  font-size: 1em;
  font-weight: bold;
}
.table_form input.wid100 {
  width: 100%;
  max-width: 100%;
}

.table_form [type='file'] {
  padding: 0.5em 0.2em;
  border: none;
  font-weight: normal;
}
.table_form input[type='radio'],
.table_form input[type='checkbox'] {
  padding: 0;
}

.table_form .tel {
  width: calc(4ch + 2em);
}

.table_form label {
  display: inline-block;
  margin-right: 1.5rem;
  margin-top: -0.8rem;
}

.table_form .must:before {
  content: '* ';
  display: inline;
  font-weight: bold;
  color: #db4949;
}

/* 04 가입완료 */
.sect_join_finish {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 1rem auto;
  padding: 2rem 1.5rem;
  border: 3px solid #296a95;
  box-shadow: 5px 5px 0px #f1f1f1;
  line-height: 1.6em;
  text-align: center;
  font-size: 0.875rem;
  color: #296a95;
}
.sect_join_finish h3 {
  margin-bottom: 1rem;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.5em;
}
.sect_join_finish .userName,
.sect_join_finish .userID {
  font-weight: 800;
}
.sect_join_finish .userID {
  display: inline-block;
  margin: 0 0.2em;
  padding: 0 0.25em;
  background-color: #296a95;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
}
.sect_join_finish.type2 {
  background-color: #296a95;
  color: #fff;
}
.sect_join_finish.type2 .userID {
  background-color: #fff;
  color: #296a95;
}

/* ============================ [FAQ] ============================ */
.table_faq {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2rem;
  border-top: 3px solid #296a95;
}
.table_faq caption {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.table_faq th,
.table_faq td {
  position: relative;
  box-sizing: border-box;
  padding: 1rem;
  border-bottom: 1px solid #d2d2d2;
  transition: all 0.2s;
}
.table_faq thead th {
  background-color: #f1f1f1;
  font-size: 0.875rem;
}
.table_faq tbody th {
  background-color: #fafafa;
  color: #759aab;
}

.faq_q {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  font-size: 1.1rem;
  color: #444;
  transition: all 0.3s;
}
.faq_q.on {
  padding: 1rem;
  border: 2px solid #759aab;
  border-radius: 5px;
  color: #759aab;
  font-size: 1rem;
}

.faq_a {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-top: 1rem;
  padding: 2rem;
  background-color: #fafafa;
  border-radius: 5px;
  line-height: 1.6em;
  display: none;
  animation: showFAQ 1s forwards;
}
.faq_a.on {
  display: block;
}
@keyframes showFAQ {
  from {
    opacity: 0;
    transform: translateY(-20%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* ============================ [사이트맵] ============================ */
#sect_siteMap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.dl_site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 2rem 0;
  border-bottom: 1px dashed #d2d2d2;
}
.dl_site:nth-child(even) {
  background-color: #fafafa;
}
.dt_site {
  position: relative;
  box-sizing: border-box;
  width: 20%;
  padding: 2rem 0;
  background-image: linear-gradient(to right, #759aab, #6093c0);
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
  color: #fff;
}
.dd_site {
  position: relative;
  box-sizing: border-box;
  width: 78%;
}

.ol_sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.ol_sitemap > li {
  position: relative;
  box-sizing: border-box;
  width: 33.3%;
}
.ol_sitemap > li > a {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 96%;
  padding: 1rem 0;
  margin-bottom: 1rem;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  font-weight: bold;
  color: #759aab;
  transition: all 0.2s;
}
.ol_sitemap > li > a:hover {
  z-index: 5;
  background-color: #fafafa;
  border-color: #759aab;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.ol_inner_sitemap {
  position: relative;
  box-sizing: border-box;
  width: 96%;
  margin: -1rem 0 1rem 0;
  background-color: #f5f5f5;
  border: 1px solid #d2d2d2;
  border-top: none;
}
.ol_inner_sitemap li {
  position: relative;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  border-top: 1px dashed #d2d2d2;
  font-size: 0.875em;
}
.ol_inner_sitemap li:before {
  content: '■';
  position: absolute;
  top: 45%;
  left: 1rem;
  font-size: 0.5em;
  color: #999;
}
.ol_inner_sitemap li a {
  display: block;
  padding-left: 0.8rem;
  color: #666;
}
.ol_inner_sitemap li a:hover {
  font-weight: bold;
  color: #000;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* ============================ 01.[시스템 소개] ============================ */
/* ---------- 사용매뉴얼 ---------- */
.about_manual {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 2em;
  background-color: #fafafa;
  border: 2px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 5px 5px 0 #f1f1f1;
  text-align: center;
  float: right;
}
/*20210407(p55) Start*/
.manualWrap_left {
  /*width: 261px;*/
  width: 17em;
  float: left;
  margin-left: 8%;
}
.manualWrap_right {
  float: right;
  margin-top: 62px;
  margin-right: 7%;
}

.manualAll {
  margin: 0 auto;
}
.manual_right h6 {
  /*210514*/
  color: #444;
  font-size: 17px;
  margin-bottom: 12px;
  text-align: left;
}
.manual_right ul:before {
  content: '';
  width: 3px;
  height: 161px;
  position: absolute;
  left: 3px;
  top: 4px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #c4d0d6, #6193bf);
  display: none; /*210514*/
}
.manual_right ul {
  margin: 0 auto;
  position: relative;
  /*padding-left: 14px; 210514*/
}
.manual_right ul li {
  font-size: 15px;
  color: #444;
  text-align: left;
}
.manual_right ul li span {
  color: #6193bf;
  font-weight: bold;
  padding-right: 5px;
}
.fst_manual {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 2em;
  background-color: #fafafa;
  border: 2px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 5px 5px 0 #f1f1f1;
  text-align: center;
}
/*20210407(p55) End*/
.about_manual .txt {
  margin-bottom: 1em;
  line-height: 1.5em;
}
.fst_manual .txt {
  margin-bottom: 1em;
  line-height: 1.5em;
}
.btn_download {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 1.5em 2.5em;
  background-image: linear-gradient(to right, #759aab, #6093c0);
  border-radius: 5px;
  box-shadow: 5px 5px 2px #d2d2d2;
  font-weight: bold;
  color: #fff;
}
.btn_download span {
  position: relative;
}
.btn_download span:after {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  background: url('/lib/renewal_img/renewal_icon/ic_download.svg') no-repeat
    center center;
  -webkit-filter: brightness(200%);
  -ms-filter: brightness(200%);
  filter: brightness(200%);
}
/********mark*********/ /*210616*/
.ul_content > li > h6 {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  line-height: 31px;
}
.mark_content > li > p {
  font-size: 0.93em;
}
.mark_content > li > p:nth-of-type(1) {
  margin: 20px 0 10px 0;
  width: 567px;
}
.mark_content > li > p:nth-of-type(2) {
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  padding-left: 12px;
}
.mark_content > li > p:nth-of-type(2):before {
  position: absolute;
  content: '●';
  font-size: 10px;
  line-height: 17px;
  top: 0;
  left: 0;
}
.mark_content > li img {
  width: 490px;
  border: 0.05rem solid #555;
  margin: 35px;
}
/*210616여기까지*/
/* ============================ 02.[정비사업 안내] ============================ */
/*  ------- dl_step (세로) ------ */
.dl_step,
.dl_step_hr {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #476a7a; /*20210407(p26)*/
}
.dl_step dt,
.dl_step dd,
.dl_step_hr dt,
.dl_step_hr dd {
  position: relative;
  box-sizing: border-box;
}
.dl_step dt,
.dl_step dd {
  width: 100%;
}

.dl_step dt,
.dl_step_hr dt {
  padding: 0.6rem 1rem;
  margin: 0.5rem 0 0.8rem 0;
  background-color: #f1f3fc;
  border: 1px solid #5f8597;
  box-shadow: 5px 5px 0 #5f6c97;
  font-weight: bold;
}
.dd_arrow {
  font-size: 0.875em;
  color: #5f8597;
}

/*  ------- dl_step_hr (가로) ------ */
.dl_step_hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
}
.dl_step_hr dt {
  margin: 0.5rem 0;
}
.dl_step_hr .dd_arrow {
  margin: 0 0.8rem 0 1rem;
}

/* ---------------------- { 재개발 재건축 추진절차 } ---------------------- */
/* ----- sect_proceed_step ----- */
.sect_proceed_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 3rem auto;
}
/* box */
.sect_proceed_step .box {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: calc(33.33% - 1rem);
  margin-right: 1rem;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 5px 5px 0 0;
  box-shadow: 5px 5px 0 #fafafa;
}
/* title */
.sect_proceed_step .title {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1.25rem 1rem;
  background-image: linear-gradient(to right, #2c999c, #237c80); /*210507*/
  text-align: center;
  font-weight: 800;
  font-size: 1.3rem;
  color: #fff;
}
.sect_proceed_step .title span {
  font-weight: normal;
  font-size: 0.875rem;
}

.sect_proceed_step.type2 .title {
  background-image: linear-gradient(
    to right,
    rgb(75, 141, 202),
    rgb(70, 130, 179)
  );
}
.sect_proceed_step.type3 .title {
  background-image: linear-gradient(
    to right,
    rgb(164, 114, 192),
    rgb(141, 83, 175)
  );
}
.sect_proceed_step.type4 .title {
  background-image: linear-gradient(
    to right,
    rgb(192, 114, 140),
    rgb(180, 85, 117)
  );
}
/* dl, dt, dd */
.sect_proceed_step dl,
.sect_proceed_step dt,
.sect_proceed_step dd {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  color: black;
}
.sect_proceed_step dt {
  padding: 0.8rem 1rem;
  padding-left: 2rem;
  background-color: #f5f5f5;
  border-bottom: 1px dashed #d2d2d2;
  font-size: 0.875rem;
  font-weight: 800;
  color: #222;
}
.sect_proceed_step dt:before {
  content: '▶';
  display: inline;
  position: absolute;
  left: 1rem;
  top: 0.7rem;
  font-size: 0.6em;
  color: rgb(189, 19, 13);
}
.sect_proceed_step dt .f_small {
  font-weight: normal;
  font-size: 0.8rem;
}

.sect_proceed_step dd {
  padding: 0.6rem 1rem;
  padding-left: 1.8rem;
  border-bottom: 1px solid #d2d2d2;
  font-size: 0.9rem;
}
.sect_proceed_step dd:before {
  content: '-';
  display: inline;
  position: absolute;
  top: 0.6rem;
  left: 1rem;
}
.sect_proceed_step dd:last-child {
  border-bottom: none;
}
.sect_proceed_step dd > div {
  margin: 0.5rem 0;
  font-size: 0.9em;
}

/* dd.step */
.sect_proceed_step dd.step {
  padding-left: 1rem;
  text-align: center;
}
.sect_proceed_step dd.step:before {
  display: none;
}

.sect_proceed_step dd.step ul {
  position: relative;
}
.sect_proceed_step dd.step ul li {
  position: relative;
}
.sect_proceed_step dd.step ul li:after {
  content: '▼';
  display: block;
  font-size: 0.5rem;
}
.sect_proceed_step dd.step ul li:last-child:after {
  display: none;
}

/* ----- sect_proceed_step.info ----- */
.sect_proceed_step.info .box {
  border-width: 3px;
  width: calc(50% - 1rem);
}
.sect_proceed_step.info .title {
  padding: 2rem 1rem;
  background: #fff;
  border-bottom: 3px dotted #d2d2d2;
  color: #666;
}

/* ---------------------- { 정비사업 검색 } ---------------------- */
.sect_schMap.bnSearch {
  width: 55%;
  border: 1px solid #d2d2d2;
}
.sect_schMap.bnSearch #area_schMap {
  border: none;
}

.sect_sch_condition.bnSearch {
  width: 45%;
  border: 1px solid #d2d2d2;
  border-left: none;
}
.sect_sch_condition.bnSearch #area_sch_condition > div {
  width: 100%;
  margin: 1rem 0;
} /* 20200915 */
.sect_sch_condition.bnSearch .btn_sch_condition {
  width: 100%;
  padding: 1rem 0;
}
.sect_sch_condition.bnSearch .btn_sch_condition span:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 0.25em;
}

.info_sch {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  font-size: 0.8rem;
  color: #666;
}

.sect_sch_history {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 2rem auto 1rem auto;
  padding: 1.25rem;
  background-color: #fafafa;
  border: 1px solid #d2d2d2;
  border-top: 2px solid #296a95;
  font-size: 0.875rem;
  color: #296a95;
}
.sect_sch_history span {
  position: relative;
  font-weight: 800;
}
.sect_sch_history span:nth-child(1) {
  font-weight: normal;
  color: #666;
}
.sect_sch_history span:after {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0.5em;
  transform: rotate(45deg);
  border: 2px solid #aaa;
  border-width: 2px 2px 0 0;
}
.sect_sch_history span:last-child:after {
  display: none;
}

/* ============================ 03.[2030 정비기본 계획] ============================ */
.plan2030_txt {
  position: relative;
  box-sizing: border-box;
  padding: 1.5em 1rem;
  margin-bottom: 2rem;
  background-color: #fafafa;
  border: 1px solid #759aab;
  box-shadow: 5px 5px 0 #759aab;
  text-align: center;
  font-size: 1.15rem;
  font-weight: bold;
}
.plan2030_txt h2 {
  font-weight: 800;
  color: #759aab;
}
.plan2030_txt p + h2 {
  margin-top: 0.25rem;
}
/* ============================ 04.[정보공개현황] ============================ */
.sect_schMap.status {
  width: 48%;
}
.sect_schMap.status #area_schMap {
  border: none;
}
.sect_status_table {
  position: relative;
  box-sizing: border-box;
  width: 52%;
  padding: 1rem;
  background-color: #f5f5f5;
}
.sect_status_table table {
  background-color: #fff;
}
/* ============================ 05.[알림마당] ============================ */

/* !!!!!!!!!! ------------------- 미디어쿼리(1) ------------------- !!!!!!!!!! */
@media all and (max-width: 1199px) {
  /* ============================ [로그인] ============================ */
  /* ============================ [회원가입] ============================ */
  /* 00. 성인 /어린이 선택 */
  /* 01 본인확인 */
  /* 탭 텍스트 */
  /* 02 약관동의 */
  /* 03 정보입력 */
  /* 04 가입완료 */
  /* ============================ [FAQ] ============================ */
  /* ============================ [사이트맵] ============================ */

  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  /* ============================ 01.[시스템 소개] ============================ */
  /* ---------- 사용매뉴얼 ---------- */
  /* ============================ 02.[정비사업 안내] ============================ */
  /*  ------- dl_step (세로) ------ */
  /*  ------- dl_step_hr (가로) ------ */
  /* ---------------------- { 재개발 재건축 추진절차 } ---------------------- */
  /* ----- sect_proceed_step ----- */
  /* box */
  /* title */
  /* dl, dt, dd */
  /* dd.step */
  /* ----- sect_proceed_step.info ----- */
  /* ---------------------- { 정비사업 검색 } ---------------------- */

  /* ============================ 03.[2030 정비기본 계획] ============================ */
  /* ============================ 04.[정보공개현황] ============================ */
  /* ============================ 05.[알림마당] ============================ */
} /* 미디어쿼리(1) */

/* !!!!!!!!!! ------------------- 미디어쿼리(2) ------------------- !!!!!!!!!! */
@media all and (max-width: 800px) {
  /* ============================ [로그인] ============================ */
  #sect_join_choice a {
    width: 100%;
  }
  /* ============================ [회원가입] ============================ */
  /* 00. 성인 /어린이 선택 */
  /* 01 본인확인 */
  /* 탭 텍스트 */
  /* 02 약관동의 */
  /* 03 정보입력 */
  .table_form {
    display: block;
  }
  .table_form th,
  .table_form td {
    display: block;
    width: 100%;
    text-align: center;
  }
  .table_form input {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }

  .table_form.noBlock {
    display: table;
  }
  .table_form.noBlock th,
  .table_form.noBlock td {
    display: table-cell;
    width: inherit;
    text-align: inherit;
  }
  .table_form.noBlock th {
    display: table-cell;
    width: inherit;
    text-align: center;
  }
  .table_form.noBlock input {
    width: inherit;
    max-width: 100%;
    margin-bottom: inherit;
  }
  /* 04 가입완료 */
  /* ============================ [FAQ] ============================ */
  /* ============================ [사이트맵] ============================ */
  .dt_site {
    width: 100%;
    padding: 1rem 0;
    margin-bottom: 0.5rem;
  }
  .dd_site {
    width: 100%;
  }

  .ol_sitemap > li {
    width: 50%;
  }

  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  /* ============================ 01.[시스템 소개] ============================ */
  /* ---------- 사용매뉴얼 ---------- */
  /* ============================ 02.[정비사업 안내] ============================ */
  /*  ------- dl_step (세로) ------ */
  /*  ------- dl_step_hr (가로) ------ */
  /* ---------------------- { 재개발 재건축 추진절차 } ---------------------- */
  /* ----- sect_proceed_step ----- */
  /* box */
  .sect_proceed_step .box {
    width: 100%;
    margin-right: 0;
  }
  /* title */
  /* dl, dt, dd */
  /* dd.step */
  /* ----- sect_proceed_step.info ----- */
  .sect_proceed_step.info .box {
    width: 100%;
  }
  /* ---------------------- { 정비사업 검색 } ---------------------- */
  .sect_schMap.bnSearch,
  .sect_sch_condition.bnSearch {
    width: 100%;
  }
  .sect_sch_condition.bnSearch {
    border-top: none;
    border-left: 1px solid #d2d2d2;
  }
  /* ============================ 03.[2030 정비기본 계획] ============================ */
  .sect_schMap.status,
  .sect_status_table {
    width: 100%;
  }
  /* ============================ 04.[정보공개현황] ============================ */
  /* ============================ 05.[알림마당] ============================ */
} /* 미디어쿼리(2) */
