@charset "utf-8";
/* sub common */
.header {
  border-bottom: 5px solid #d7d7d7;
  box-sizing: content-box;
} /* 2306 bp mod */
.sub_wrap .sub_cont_wrap {
  padding: 0 0 5em;
} /* 본문 상단 공간 */
.sub_wrap .sub_cont_wrap_temp {
  padding: 4em 0 5em;
}
.sub_wrap .sub_cont_wrap_sub0201 {
  padding: 3.3em 0 5em;
}
.sub_wrap .sub_cont_wrap_3_1em {
  padding: 3.1em 0 5em;
}
.sub_wrap .sub_cont_wrap_3_3em {
  padding: 3.3em 0 5em;
} /* JJ 회원가입안내*/
.sub_wrap .sub_cont_wrap_4em {
  padding: 4em 0 5em;
}
.sub_wrap .sub_cont_wrap_5_3em {
  padding: 5.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_6em {
  padding: 6em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_6_3em {
  padding: 6.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_8_3em {
  padding: 8.3em 0 5em;
} /* JJ 서울건축산책용*/
.sub_wrap .sub_cont_wrap_10_3em {
  padding: 10.3em 0 5em;
} /* JJ 서울건축산책용*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_wrap .sub_cont_wrap_aaaaaaaaaaa {
  padding: 10.3em 0 5em;
} /* JJ 높이 조절용 20231122*/
.sub_cont_wrap_4_3em {
  padding-bottom: 5em;
}

/* 퀵메뉴 우측 패딩 적용 */
@media screen and (min-width: 1401px) {
  .sub_wrap .sub_cont_wrap_3_3em.sub_cont_wrap_02_01 {
    margin-top: 7em;
  }
  .sub_wrap .sub_cont_wrap_3_3em {
    padding: 3.3em 180px 5em 0;
  }
  .sub_wrap .sub_cont_wrap_8_3em {
    padding: 8.3em 180px 5em 0;
  }
  .sub03_04_wrap.sub_cont_wrap_3_3em {
    padding: 8.4em 0 5em;
  }
  .sub03_04_wrap.sub_cont_wrap_3_3em_subcontractor {
    padding: 4em 180px 5em 0;
  }
  .sub03_04_wrap.sub_cont_wrap_3_3em_subcontractor.sub_cont_wrap_03_04 {
    margin-top: 4.2em;
  }
  .sub_wrap .sub_cont_wrap_6_3em {
    padding: 6.3em 180px 5em 0;
    padding-top: 110px;
  }
  .sub_wrap .sub_cont_wrap_4em {
    padding: 4em 180px 5em 0;
  }
  .sub_cont_wrap_4_3em {
    padding-right: 180px;
  }
  .sub_cont_wrap_4_3em_intellectual {
    padding-top: 100px;
    padding-right: 180px;
    padding-bottom: 100px;
  }
  .sub03_01_wrap.question_wrap {
    padding: 9.2em 0 5em;
  }
}
/* .sub_wrap .sub_cont_wrap_sub0202{padding: 5.3em 0 5em;} */
.sub_guide {
  max-width: 1400px;
  width: 93%;
  margin: 0 auto;
}
.sub_com_tit_wrap {
  position: relative;
}
.sub_com_title {
  font-size: 1.25em;
  font-weight: 700;
}
.sub_desc {
  line-height: 1.5em;
  color: #777;
}
.com_tit2 {
  font-size: 1.5em;
  font-weight: bold;
} /* font 24px */
.com_tit3 {
  font-size: 1.25em;
  font-weight: bold;
} /* font 20px */
.com_tit4 {
  font-size: 1.125em;
  font-weight: bold;
} /* font 18px */
.com_desc {
  font-size: 1.125em;
  color: #777;
} /* font 18px */
.com_desc2 {
  font-size: 0.875em;
  color: #777;
} /* font 14px */
.com_desc3 {
  font-size: 0.875em;
  color: #444;
} /* font 14px */

.flex_cont {
  display: flex;
  flex-wrap: wrap;
}
.fix_br {
  display: block !important;
}
/* sub_com_table */
.sub_com_table {
  table-layout: fixed;
  margin-top: 8px;
  line-height: 1.5em;
  overflow-x: auto;
}

.sub_com_table::-webkit-scrollbar {
  height: 5px;
}

.sub_com_table table {
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 100%;
}
.sub_com_table table th,
.sub_com_table table td {
  color: #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.sub_com_table table th {
  padding: 5px;
  background-color: #d5d5d5;
  font-weight: bolder;
  text-align: center;
}
.sub_com_table table td {
  padding: 0.125em 3em;
}
.sub_com_table table td:not(.cont) {
  text-align: center;
}
@media screen and (min-width: 1201px) {
  .sub_wrap .sub_cont_wrap.sub_cont_wrap_04_05.sub_cont_wrap_04_02 {
    padding-top: 60px;
  }
  .sub_wrap .sub_cont_wrap.sub_cont_wrap_02 {
    padding-top: 20px;
  }
  .sub_wrap .sub04_06_wrap {
    padding: 6.8em;
  }
  .sub_wrap .sub_cont_wrap.sub_cont_wrap_04_01 {
    padding-top: 60px;
  }
  .sub_wrap .sub_cont_wrap.sub_cont_wrap_04_01_01 {
    padding-top: 60px;
  }
}
@media screen and (max-width: 760px) {
  /*2024-07-19 수정
   .sub_wrap .sub_cont_wrap{padding: 2.25em 0 3.33em;} */
  .sub_wrap .sub_cont_wrap {
    padding: 0 0 3.33em;
  }
  .sub_com_table table td {
    padding: 1%;
    min-width: 40px;
    word-break: break-all;
  }
}

/* sub visual */
.sub_visual_wrap {
  position: relative;
}
.sub_visual {
  width: 100%;
  height: 12.5em;
  border-bottom: 1px solid #d2d5e3;
  background-repeat: no-repeat;
  background-position: center;
}
.sub_visual > .sub_guide {
  height: 100%;
}
.sub_visual .txt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
}
.sub_visual .txt_box .sub_menu {
  display: flex;
  align-items: center;
}
.sub_visual .txt_box .sub_menu .depth {
  position: relative;
  display: flex;
  align-items: center;
}
.sub_visual .txt_box .sub_menu .depth a {
  display: block;
  width: 100%;
}
.sub_visual .txt_box .sub_menu .depth01::after {
  content: "\e93f";
  font-family: "xeicon";
  display: block;
  font-size: 1.25em;
  margin: 0 0.9em 0 0.6em;
}
.sub_visual .txt_box .sub_title {
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.3em;
  margin: 1.33em 0 12px;
}
/* 페이지 별 비주얼 이미지 */
.sub01_visual_wrap .sub_visual {
  background-image: url(../img/sub/sub_visual_sub01_bg.jpg);
}
.sub02_visual_wrap .sub_visual {
  background-image: url(../img/sub/sub_visual_sub02_bg.jpg);
}

.sub04_visual_wrap .sub_visual {
  background-image: url(../img/sub/sub_visual_sub04_bg.jpg);
}

/* 섹션별 서브 타이틀 */
.subject_section {
  padding-right: 180px;
} /* 작은 게시판은 7로 설정*/
.subject_section .inner {
  width: 92%;
  max-width: 1400px;
  min-height: 279px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub0102 {
  width: 92%;
  max-width: 1400px;
  min-height: 142px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_141 {
  width: 92%;
  max-width: 1400px;
  min-height: 141px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_142 {
  width: 92%;
  max-width: 1400px;
  min-height: 142px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_146 {
  width: 92%;
  max-width: 1400px;
  min-height: 146px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_176 {
  width: 92%;
  max-width: 1400px;
  min-height: 176px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_198 {
  width: 92%;
  max-width: 1400px;
  min-height: 198px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_204 {
  width: 92%;
  max-width: 1400px;
  min-height: 204px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_205 {
  width: 92%;
  max-width: 1400px;
  min-height: 205px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_208 {
  width: 92%;
  max-width: 1400px;
  min-height: 208px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_222 {
  width: 92%;
  max-width: 1400px;
  min-height: 222px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_246 {
  width: 92%;
  max-width: 1400px;
  min-height: 246px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_311 {
  width: 92%;
  max-width: 1400px;
  min-height: 311px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section .inner_sub_315 {
  width: 92%;
  max-width: 1400px;
  min-height: 315px;
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
} /* 퀵메뉴와 게시판 끝선 */
.subject_section h3 {
  display: block;
  padding-bottom: 30px;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  color: #d12f34;
}

@media screen and (max-width: 1080px) {
  .subject_section {
    padding-right: 0;
  }
  .subject_section .inner {
    width: 100%;
    padding: 2em 2.08em 2em 1em;
  }
}

/* lnb */
.lnb_wrap {
  height: 3.125em;
  padding-right: 198px;
  color: #777;
  border-bottom: 1px solid #d2d5e3;
}
.lnb_wrap .inner {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
}
.lnb_wrap .menu_home {
  width: 2.92em;
  height: 100%;
}
.lnb_wrap .menu_home a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.67em;
  color: #e75752;
}
.lnb_wrap .depth_menu_wrap {
  display: flex;
  align-items: center;
  width: calc(100% - 9.18em);
  height: 100%;
}
.lnb_wrap .dropdown .dropbtn {
  display: block;
  line-height: 2.92em;
  height: 100%;
  padding: 0 0.83em;
  position: relative;
  font-weight: 700;
  color: #222;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 85%;
}
.lnb_wrap .dropdown {
  position: relative;
  cursor: pointer;
  width: 50%;
  max-width: 218px;
  border-right: 1px solid #d2d5e3;
}
.lnb_wrap .dropdown::after {
  content: "\e942";
  width: 1.21em;
  height: 1.21em;
  border-radius: 50%;
  background-color: #fff;
  font-family: "xeicon";
  font-size: 1.16em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.83em;
  transform: translateY(-50%);
  font-weight: 700;
}
.lnb_wrap .depth_1 {
  width: 6.25em;
  border-left: 1px solid #d2d5e3;
}
.lnb_wrap .dropdown_cont {
  display: none;
  position: absolute;
  left: -1px;
  top: 100%;
  background-color: #f5f5f5;
  z-index: 20;
  width: calc(100% + 1px);
  border: 1px solid #d2d5e3;
}
.lnb_wrap .dropdown_cont li {
  transition: all 0.2s;
}
.lnb_wrap .dropdown_cont li a {
  display: flex;
  align-items: center;
  padding: 0 0.83em;
  width: 100%;
  line-height: 1.2em;
}
.lnb_wrap .dropdown_cont li a {
  padding: 0.4em 0.83em;
}
.lnb_wrap .dropdown_cont li:hover a {
  background-color: #fdf4f2;
}

@media screen and (max-width: 1080px) {
  .lnb_wrap {
    height: auto;
    padding: 0 2.08em 0 1.04em;
  }
  .lnb_wrap .inner {
    width: 100%;
  }
  .lnb_wrap .depth_menu_wrap .dropdown {
    max-width: inherit;
  }
  .lnb_wrap .dropdown_cont li a {
    padding: 0.83em;
  }
}
@media screen and (max-width: 340px) {
  .lnb_wrap .dropdown::after {
    right: 0.5em;
    width: 1em;
    height: 1em;
  }
}
/* sub_depth_menu */
.sub_depth_menu_wrap {
  width: 100%;
  text-align: center;
  margin-bottom: -1.1em;
}
.sub_depth_menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.sub_depth_menu li {
  position: relative;
  padding: 3px 5px;
}
.sub_depth_menu li + li::before {
  content: "";
  width: 1px;
  height: 1.875em;
  background-color: #d2d2d2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sub_depth_menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25em;
  height: 3.3em;
  color: #666;
  font-weight: 700;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color: transparent;
}
.sub_depth_menu li.active a {
  background-color: #fff;
  border: 1px solid #d2d5e3;
}
@media screen and (max-width: 1080px) {
  /* 2024-07-20 수정 */
  .sub_depth_menu_wrap {
    margin-bottom: 1.1em;
  }
  /* .sub_depth_menu{width:88%;font-size:0.65em} */
  .sub_depth_menu {
    width: 80%;
    font-size: 0.65em;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .sub_depth_menu li:nth-of-type(4):before {
    display: none;
  }
}

/* accordion_cont */
.accordion_cont {
  position: relative;
}
.accordion_cont + .accordion_cont {
  margin-top: 1.25em;
}
.accordion_cont .info_head {
  position: relative;
  background-color: #fdf4f2;
  border-radius: 3px;
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 1em;
  cursor: pointer;
}
.accordion_cont .info_head::after {
  content: "\e942";
  font-family: "xeicon";
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.125em;
  transform: translateY(-50%);
  color: #e75752;
}
.accordion_cont.open .info_head::after {
  content: "\e945";
}
.accordion_cont .info_head .step_num {
  color: #fff;
  background-color: #e75752;
  width: 4.33em;
  font-size: 1.125em;
  text-align: center;
  margin-right: 0.56em;
  padding: 6px 0;
  border-radius: 3px;
}
.accordion_cont .info_head .step_tit {
  width: calc(100% - 4.89em);
  font-size: 1.125em;
  padding-right: 1.5em;
}
.accordion_cont .info_body {
  display: none;
  margin-top: 2px;
  background-color: #fef9f8;
  padding: 1em;
}
.accordion_cont .info_body .content {
  color: #777;
  line-height: 1.5em;
}
.accordion_cont .info_body .content_btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px;
}
.accordion_cont .info_body .content_btn .btn_basic {
  margin: 4px 0;
  margin-right: 10px;
}

/* sub0102 - 주요행사 */
.sub01_01_wrap {
  background-color: #fff1f1;
} /* 2306 bp mod */

/* sub0102 - 주요행사 */
.sub01_02_wrap .board_wrap .board_gall_wrap + .board_btm_btn {
  margin-top: 6.25em;
}
@media screen and (max-width: 540px) {
  .sub01_02_wrap .board_wrap .board_gall_wrap + .board_btm_btn {
    margin-top: 4.25em;
  }
}

/* sub0103 - 서울건축사신문 */
.sub01_03_wrap .newspaper_list_desc {
  margin-bottom: 0.875em;
}
.sub01_03_wrap .com_select_wrap .select-section {
  margin-left: 1.125em;
}
@media screen and (max-width: 760px) {
  .sub01_03_wrap .newspaper_list_desc .mob_view {
    display: block;
  }
}

/* sub0104 */
.sub01_04_wrap {
  padding-top: 91px;
}
.sub01_04_wrap .board_gall_wrap {
  margin: 0;
}
.sub01_04_wrap .board_gall_wrap .gall_item {
  padding: 0;
}

/* sub0201 - 회원가입 안내 */
.sub02_01_wrap .accordion_cont .info_body .content .small_txt {
  font-size: 10px;
}
.sub02_01_wrap .accordion_cont .info_body .root_node > li + li {
  margin-top: 1.875em;
}
.sub02_01_wrap .accordion_cont .info_body .branch_node,
.sub02_01_wrap .accordion_cont .info_body .leaf_node {
  margin: 8px 0 1.25em;
}
.sub02_01_wrap .accordion_cont .info_body .branch_node > li + li {
  margin-top: 1.375em;
}
.sub02_01_wrap .info_box05 .info_body .branch_node {
  margin-top: 0;
}
.sub02_01_wrap .info_box05 .info_body .branch_node02 {
  margin-top: 1.375em;
}
.sub02_01_wrap .accordion_cont .info_body .branch_node .ul_dot {
  padding-left: 1.25em;
}
.sub02_01_wrap .accordion_cont .info_body .branch_node .ft_bold {
  font-size: 1.125em;
}

.sub02_01_wrap .info_box03 .sub_com_table {
  max-width: 800px;
}
.sub02_01_wrap .info_box05 .sub_com_table {
  max-width: 1230px;
  margin-bottom: 1em;
}
.sub02_01_wrap .supplement {
  margin-top: 1.25em;
}
.sub02_01_wrap .supplement .com_desc {
  line-height: 1.33em;
}

@media screen and (min-width: 761px) {
  .sub02_01_wrap .accordion_cont .info_body .content .small_txt {
    vertical-align: 2px;
  }
}

/* sub0201_info 구건축사회 소개 */
.executive_area {
  background: #f8f8f8;
}
.executive_area section:nth-child(2) {
  background: #f4f4f4;
}
.executive_area section:nth-child(3) {
  background: #f0f0f0;
}
.executive_area section:nth-child(4) {
  background: #eaeaea;
}

.executive_area .guide {
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
.executive_area h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}
.executive_area h4:before {
  display: inline-block;
  width: 4px;
  height: 20px;
  margin-right: 14px;
  background: #d00000;
  vertical-align: middle;
  content: "";
}

.executive_area .list_member {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px 15px;
  align-items: baseline;
}
.executive_area .list_member li {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
.executive_area .list_member .img {
  width: 90px;
  height: 113px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.executive_area .list_member .txt_box {
  text-align: center;
}
.executive_area .list_member .name {
  line-height: 1.4em;
  margin-bottom: 10px;
  letter-spacing: 4px;
  font-size: 1.25em;
}
.executive_area .list_member .affiliation {
  color: #666;
  line-height: 1.2em;
}

@media screen and (max-width: 767px) {
  .executive_area .list_member {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* sub0202 - 회원경조사 */
.sub02_02_wrap .board_list_table table .num {
  width: 4em;
}
.sub02_02_wrap .board_list_table table .category {
  width: 4em;
}
.sub02_02_wrap .board_list_table table .writer {
  width: 4em;
}
.sub02_02_wrap .board_list_table table .time {
  width: 5.64em;
}
.sub02_02_wrap .board_list_table table .hit {
  width: 4em;
}
@media screen and (min-width: 1081px) {
  .sub02_02_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub02_02_wrap .board_list_table table .category {
    width: 8%;
  }
  .sub02_02_wrap .board_list_table table .writer {
    width: 8%;
  }
  .sub02_02_wrap .board_list_table table .time {
    width: 8%;
  }
  .sub02_02_wrap .board_list_table table .hit {
    width: 8%;
  }
}
@media screen and (max-width: 540px) {
  .sub02_02_wrap .board_list_table table .num {
    display: none;
  }
  .sub02_02_wrap .board_list_table table .hit {
    display: none;
  }
}
/* sub0203 - 구건축사회 */
@media screen and (max-width: 760px) {
  .sub02_03_wrap .com_select_wrap .select-section {
    width: 100%;
    max-width: 100%;
  }
}

/* sub0206 - 건축사지식인 */
.sub02_06_wrap .board_list_table table .num {
  width: 4em;
}
.sub02_06_wrap .board_list_table table .writer {
  width: 4em;
}
.sub02_06_wrap .board_list_table table .time {
  width: 5.64em;
}
.sub02_06_wrap .board_list_table table .hit {
  width: 4em;
}
@media screen and (min-width: 1081px) {
  .sub02_06_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub02_06_wrap .board_list_table table .writer {
    width: 8%;
  }
  .sub02_06_wrap .board_list_table table .time {
    width: 8%;
  }
  .sub02_06_wrap .board_list_table table .hit {
    width: 8%;
  }
}
/* @media screen and (max-width:540px) {
  .sub02_06_wrap .board_list_table table .num{display: none;}
} */
/* sub0301 - 공지사항 */
.sub03_01_wrap .board_list_table table .num {
  width: 4em;
}
.sub03_01_wrap .board_list_table table .category {
  width: 4em;
}
.sub03_01_wrap .board_list_table table .writer {
  width: 4em;
}
.sub03_01_wrap .board_list_table table .time {
  width: 5.64em;
}
.sub03_01_wrap .board_list_table table .hit {
  width: 4em;
}
.sub03_01_wrap.sub_cont_wrap.sub_cont_wrap_03_01 {
}
@media screen and (min-width: 1081px) {
  .sub03_01_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub03_01_wrap .board_list_table table .category {
    width: 8%;
  }
  .sub03_01_wrap .board_list_table table .writer {
    width: 11%;
  }
  .sub03_01_wrap .board_list_table table .time {
    width: 8%;
  }
  .sub03_01_wrap .board_list_table table .hit {
    width: 8%;
  }
}
@media screen and (max-width: 540px) {
  .sub03_01_wrap .board_list_table table .num {
    display: none;
  }
  .sub03_01_wrap .board_list_table table .hit {
    display: none;
  }
}
/* sub0302 - 법령정보 */
.sub03_02_wrap .board_list_table table .num {
  width: 4em;
}
.sub03_02_wrap .board_list_table table .category {
  width: 4em;
}
.sub03_02_wrap .board_list_table table .writer {
  width: 4em;
}
.sub03_02_wrap .board_list_table table .time {
  width: 5.64em;
}
@media screen and (min-width: 1081px) {
  .sub03_02_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub03_02_wrap .board_list_table table .category {
    width: 8%;
  }
  .sub03_02_wrap .board_list_table table .writer {
    width: 8%;
  }
  .sub03_02_wrap .board_list_table table .time {
    width: 8%;
  }
}
@media screen and (max-width: 540px) {
  .sub03_02_wrap .board_list_table table .num {
    display: none;
  }
}

/* sub0304 - 협력업체 */
.sub03_04_wrap .board_header {
  margin-bottom: 1.875em;
}
/* sub0305 - 구인구직 */
.sub03_05_wrap .board_list_table table td {
  padding: 0;
}
.sub03_05_wrap .board_list_table table td a {
  padding: 1.25em 0;
  display: block;
}
.sub03_05_1_wrap .board_list_table table .no {
  width: 0.9em;
}
.sub03_05_1_wrap .board_list_table table .desired_job {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .sortation {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .work_place {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .company {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .state {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .time {
  width: 2.64em;
}
.sub03_05_1_wrap .board_list_table table .count {
  width: 0.9em;
}
@media screen and (min-width: 1081px) {
  .sub03_05_1_wrap .board_list_table table .desired_job {
    width: 12%;
  }
  .sub03_05_1_wrap .board_list_table table .sortation {
    width: 6%;
  }
  .sub03_05_1_wrap .board_list_table table .work_place {
    width: 12%;
  }
  .sub03_05_1_wrap .board_list_table table .state {
    width: 8%;
  }
  .sub03_05_1_wrap .board_list_table table .time {
    width: 8%;
  }
}
/* sub0401 - 1 - 회장 인사말 */
.sub04_01_wrap.sub04_01_1_wrap.sub_cont_wrap.sub_cont_wrap_04_01_02 {
  margin-top: 60px;
}
.sub04_01_1_wrap .txt_box {
  width: 50%;
}
.sub04_01_1_wrap .txt_box .title {
  font-size: 3.5em;
  line-height: 1.375em;
}
.sub04_01_1_wrap .txt_box .desc {
  color: #666;
  margin-top: 3.125em;
}
.sub04_01_1_wrap .txt_box .desc p {
  line-height: 1.25em;
}
.sub04_01_1_wrap .txt_box .desc p + p {
  margin-top: 1.25em;
}
.sub04_01_1_wrap .txt_box .desc .ft_bold {
  font-size: 1.25em;
}
.sub04_01_1_wrap .img_box {
  width: 50%;
  position: relative;
}
.sub04_01_1_wrap .img_box::before {
  content: "";
  width: 78%;
  padding-top: 105%;
  background-color: #f6efef;
  border-radius: 15.625em;
  display: block;
  position: absolute;
  top: 32%;
  right: 0;
}
.sub04_01_1_wrap .img_box::after {
  content: "";
  display: block;
  background: url(../img/sub/sub0401_1_ceo_img02.png) no-repeat;
  background-size: 100%;
  width: 161%;
  padding-top: 76%;
  position: absolute;
  top: 67%;
  right: 12px;
  transform: translateY(-50%);
}
.sub04_01_1_wrap .img_box .img {
  width: 66%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .sub04_01_1_wrap .txt_box .desc p br {
    display: none;
  }
}
@media screen and (min-width: 981px) {
  .sub04_01_1_wrap .txt_box {
    padding-bottom: 6.25em;
  }
  .sub04_01_1_wrap .img_box .img {
    position: absolute;
    bottom: 0;
    left: 45%;
    transform: translateX(-50%);
    top: 48%;
  }
}
@media screen and (max-width: 980px) {
  .sub04_01_1_wrap .content_box {
    flex-direction: column;
  }
  .sub04_01_1_wrap .txt_box {
    width: 100%;
  }
  .sub04_01_1_wrap .img_box {
    width: 100%;
    padding-top: 5%;
  }
  .sub04_01_1_wrap .img_box::before {
    width: 40%;
    padding-top: 50%;
  }
  .sub04_01_1_wrap .img_box::after {
    width: 100%;
    padding-top: 50%;
  }
  .sub04_01_1_wrap .img_box .img {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .sub04_01_1_wrap .img_box .img img {
    width: 40%;
    display: block;
  }
}
@media screen and (max-width: 540px) {
  .sub04_01_1_wrap .txt_box .title {
    font-size: 2.33em;
  }
  .sub04_01_1_wrap .txt_box .desc {
    margin-top: 2em;
  }
}

/* 호고다운로드 */
.logo_download_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.logo_download {
    text-align: center;
    flex: 1;
    min-width: 200px;
}

.logo_download .preview {
    margin-bottom: 10px;
}

.logo_download img {
    max-width: 100%;
    height: auto;
}

/* sub0401 - 2 - 협회설립목적 */
.sub04_01_2_wrap .logo_download {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 18.75em;
  background: url(../img/sub/sub0401_2_download_logo_bg.png) no-repeat center;
  background-size: cover;
  background-color: #f5f5f5;
  border: 1px solid #d2d5e3;
  margin-bottom: 1.875em;
}
.sub04_01_2_wrap .logo_download .preview {
  width: 60%;
  margin: 0 auto;
  max-width: 710px;
  min-width: 200px;
}
.sub04_01_2_wrap .logo_download .btn_basic {
  position: absolute;
  bottom: 1em;
  right: 1em;
  width: 10em;
  box-shadow: 0px 5px 0px 0px rgba(235, 235, 235, 0.72);
}
.sub04_01_2_wrap .purpose_desc {
  margin: -1em -1em 1.06em;
}
.sub04_01_2_wrap .purpose_desc .txt_box {
  width: 50%;
  padding: 1em;
}
.sub04_01_2_wrap .purpose_desc .txt_box .tit {
  line-height: 1.5em;
}
.sub04_01_2_wrap .purpose_desc .txt_box .desc {
  color: #666;
  line-height: 1.5em;
  margin-top: 10px;
}
.sub04_01_2_wrap .numbering_wrap {
  margin: -6px -1.69em;
}
.sub04_01_2_wrap .numbering_wrap .numbering_box {
  width: 50%;
  padding: 6px 1.69em;
}
.sub04_01_2_wrap .numbering_wrap .numbering_box .inner {
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 12px 0.94em;
  border-radius: 5px;
}
.sub04_01_2_wrap .numbering_wrap .numbering_box .num {
  font-size: 1.25em;
  width: 1.5em;
  height: 1.5em;
  background-color: #e75752;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding-top: 2px;
}
.sub04_01_2_wrap .numbering_wrap .numbering_box .txt {
  width: calc(100% - 1.25em);
  color: #666;
  font-size: 1.25em;
  line-height: 1.5em;
  padding-left: 10px;
}
@media screen and (max-width: 1080px) {
  .sub04_01_2_wrap .purpose_desc .txt_box .desc br {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .sub04_01_2_wrap .purpose_desc {
    margin: 0 0 2em;
  }
  .sub04_01_2_wrap .purpose_desc .txt_box {
    width: 100%;
    padding: 0;
  }
  .sub04_01_2_wrap .purpose_desc .txt_box + .txt_box {
    margin-top: 1em;
  }
  .sub04_01_2_wrap .numbering_wrap .numbering_box {
    width: 100%;
  }
}
@media screen and (min-width: 761px) {
  .sub04_01_2_wrap .logo_download .btn_basic {
    height: 3em;
  }
}
/* sub0401 - 4 - 찾아오시는 길 */
.sub04_01_4_wrap .address_wrap {
  position: relative;
  justify-content: space-between;
}
.sub04_01_4_wrap .address_wrap .txt_box {
  width: calc(100% - 10em);
}
.sub04_01_4_wrap .address_wrap .txt_box .address {
  color: #666;
  margin-top: 1em;
}
.sub04_01_4_wrap .address_wrap .copy_board_btn {
  width: 8em;
  height: 2.3em;
  cursor: pointer;
}
.sub04_01_4_wrap .map {
  width: 100%;
  border: 1px solid #d2d5e3;
  margin: 1.5em 0;
}
.sub04_01_4_wrap .map img {
  display: block;
  width: 100%;
}
.sub04_01_4_wrap .contact_wrap {
  align-items: center;
}
.sub04_01_4_wrap .contact_wrap .contact_box {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sub04_01_4_wrap .contact_wrap .contact {
  width: 50%;
  display: flex;
  align-items: center;
}
.sub04_01_4_wrap .contact_wrap .contact .icon {
  width: 1.875em;
  height: 1.875em;
  background-color: #d12f34;
  color: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.sub04_01_4_wrap .contact_wrap .contact .icon i {
  font-size: 1.25em;
}
.sub04_01_4_wrap .contact_wrap .contact .txt {
  width: calc(100% - 1.875em);
}

@media screen and (max-width: 1080px) {
  .sub04_01_4_wrap .contact_wrap .contact_box {
    width: 100%;
  }
  .sub04_01_4_wrap .contact_wrap .contact_box + .contact_box {
    margin-top: 10px;
  }
}
@media screen and (max-width: 540px) {
  .sub04_01_4_wrap .address_wrap .txt_box {
    width: calc(100% - 8.5em);
  }
  .sub04_01_4_wrap .address_wrap .copy_board_btn {
    width: 6.5em;
  }

  .sub04_01_4_wrap .contact_wrap .contact {
    width: 100%;
  }
  .sub04_01_4_wrap .contact_wrap .contact + .contact {
    margin-top: 10px;
  }
}
/* sub0402 - 1 - 조직도 */
.sub_cont_wrap.sub_cont_wrap_04_02 {
  margin-top: 60px;
}
.sub04_02_1_wrap .org_chart {
  text-align: center;
  margin: 0 auto;
  max-width: 810px;
  width: 92%;
}
.sub04_02_1_wrap .org_chart .img {
  width: 100%;
}
.sub04_02_1_wrap .org_chart .img img {
  display: block;
}
@media screen and (max-width: 760px) {
  .sub04_02_1_wrap .org_chart .img.pc_view {
    display: none;
  }
  .sub04_02_1_wrap .org_chart .img.mob_view {
    display: block;
  }
}
/* 2024-07-19 수정 */
@media screen and (max-width: 1080px) {
  .sub_cont_wrap.sub_cont_wrap_04_02 {
    margin-top: 0;
  }
}
/* sub0402 - 2 - 사무기구표 */
.sub04_02_2_wrap .org_chart {
  max-width: 710px;
  width: 92%;
  margin: 0 auto 1.75em;
}
.sub04_02_2_wrap .org_chart .img {
  width: 100%;
}
.sub04_02_2_wrap .org_chart .img img {
  display: block;
}
.sub04_02_2_wrap .company_team {
  background-color: #fef9f8;
  border-radius: 3px;
  padding: 1.25em 1.25em 1.69em;
}
.sub04_02_2_wrap .company_team + .company_team {
  margin-top: 2.06em;
}
.sub04_02_2_wrap .company_team .team_group + .team_group {
  margin-top: 1.5em;
}
.sub04_02_2_wrap .company_team .team_group .team_name {
  line-height: 1.2em;
  margin-bottom: 7px;
}
.sub04_02_2_wrap .sub_com_table table th:nth-child(1),
.sub04_02_2_wrap .sub_com_table table td:nth-child(1),
.sub04_02_2_wrap .sub_com_table table th:nth-child(2),
.sub04_02_2_wrap .sub_com_table table td:nth-child(2) {
  width: 14%;
}
.sub04_02_2_wrap .sub_com_table table td:nth-child(3) {
  width: 14%;
}
@media screen and (min-width: 761px) {
  .sub04_02_2_wrap .sub_com_table table th {
    padding: 9px;
  }
  .sub04_02_2_wrap .sub_com_table table td {
    padding: 0.875em 1.5em;
  }
}
/* sub0402 - 3 - 임원현황 */
.sub04_02_3_wrap.sub_cont_wrap.sub_cont_wrap_04_02_02 {
  margin-top: 15px;
}
.sub04_02_3_wrap .content_box {
  margin: -1.25em -7px;
}
.sub04_02_3_wrap .executive_box {
  width: 100%;
  padding: 1.25em 7px;
}
.sub04_02_3_wrap .executive_box .ranking {
  margin-bottom: 0.8em;
}
.sub04_02_3_wrap .executive_box .member_list {
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
}
.sub04_02_3_wrap .executive_box .member {
  padding: 7px;
  width: 14.28%;
} /* 2306 bp mod */
.sub04_02_3_wrap .member .inner {
  width: 100%;
  height: 100%;
  padding: 1.25em;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #d2d5e3;
}
.sub04_02_3_wrap .member .img {
  width: 100%;
  padding-top: 119%;
  border: 1px solid #d2d5e3;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* .sub04_02_3_wrap .member .img img{display: block; width: 100%;} */
.sub04_02_3_wrap .member .txt_box {
  margin-top: 11px;
}
.sub04_02_3_wrap .member .txt_box .name {
  font-size: 1.25em;
  letter-spacing: 4px;
  margin-bottom: 13px;
}
.sub04_02_3_wrap .member .txt_box .affiliation {
  color: #666;
  line-height: 1.2em;
}

@media screen and (min-width: 1081px) {
  .sub04_02_3_wrap .executive00_box,
  .sub04_02_3_wrap .executive01_box {
    width: 50%;
  }
  /* 2306 bp mod : s */
  .sub04_02_3_wrap .executive00_box .member,
  .sub04_02_3_wrap .executive01_box .member {
    width: 28.5%;
  }
  /* 23-06-30
  .sub04_02_3_wrap .executive01_box .ranking{margin-left: 15%;}
  .sub04_02_3_wrap .executive01_box .member_list{justify-content: flex-end;} 
  */

  /* sub0402 - 3 - write 임원 프로필 등록 */
  .sub04_02_write_wrap.sub_cont_wrap
    .board_wrap
    .sub_guide
    .board_write_table
    .board_write_input.flex_cont {
    align-items: center;
  }

  /* 2306 bp mod : e */
}
@media screen and (max-width: 1080px) {
  .sub04_02_3_wrap .executive_box .member {
    width: 25%;
  }
}
@media screen and (max-width: 760px) {
  .sub04_02_3_wrap .member .inner {
    padding: 1em;
  }
}
@media screen and (max-width: 540px) {
  .sub04_02_3_wrap .executive_box .member {
    width: 50%;
  }
}
/* sub0402 - 4 구건축사회 */
.sub04_02_4_wrap .content_box {
  margin-bottom: 3.125em;
  background: #f8f8f8;
  width: 92%;
  margin-left: 6%;
}
.sub04_02_4_wrap .member_list {
  margin: -0.875em -7px;
}
.sub04_02_4_wrap .member_list .member {
  padding: 0.875em 7px;
  width: 12.02%;
}
/* 2024-07-16 수정 : 스타일 추가 */
.sub04_02_4_wrap .member_list .member .inner {
  padding: 1.57em;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub04_02_4_wrap .member_list .member .img {
  width: 81%;
  padding-top: 103%;
  border: 1px solid #d2d5e3;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sub04_02_4_wrap .member_list .member .img img {
  display: none;
  width: 100%;
  height: 100%;
}
.sub04_02_4_wrap .member_list .member .txt_box {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.sub04_02_4_wrap .member_list .member .txt_box .area {
  display: block;
  color: #f36161;
}
.sub04_02_4_wrap .member_list .member .txt_box .name {
  font-size: 1.25em;
  letter-spacing: 4px;
}
.sub04_02_4_wrap .member_list .member .txt_box .phone_num {
  font-size: 0.9em;
  width: 100%;
  color: #666;
}

.sub04_02_4_wrap .board_list_table table .num {
  width: 4em;
}
.sub04_02_4_wrap .board_list_table table .writer {
  width: 4em;
}
.sub04_02_4_wrap .board_list_table table .time {
  width: 5.64em;
}
@media screen and (min-width: 1081px) {
  .sub04_02_4_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub04_02_4_wrap .board_list_table table .writer {
    width: 8%;
  }
  .sub04_02_4_wrap .board_list_table table .time {
    width: 8%;
  }
}
@media screen and (max-width: 1080px) {
  .sub04_02_4_wrap .member_list .member {
    width: 25%;
  }
}
@media screen and (max-width: 760px) {
  .sub04_02_4_wrap .member_list .member {
    width: 33.33%;
  }
  .sub04_02_4_wrap .member_list .member .inner {
    padding: 1em;
  }
}
@media screen and (max-width: 540px) {
  .sub04_02_4_wrap .member_list .member {
    width: 50%;
  }
}
/* sub0402 - 5 - 대의원 */
.sub04_02_5_wrap .board_gall_mod_wrap .gall_item .thumb .img {
  padding-top: 118%;
}
.sub04_02_5_wrap .board_gell_category_list .gall_item .txt_list .detail .desc {
  text-overflow: initial;
  overflow: initial;
  white-space: initial;
}
.sub04_02_5_wrap
  .board_gell_category_list
  .gall_item
  .txt_list
  .detail.add
  .desc {
  display: block;
  -webkit-line-clamp: initial;
}
@media screen and (min-width: 541px) {
  .sub04_02_5_wrap .board_gell_category_list .gall_item .thumb_txt_box {
    width: calc(100% - 11.25em);
  }
}
/* sub0402 - 6 - 역대 임원 */
.sub04_02_6_wrap .board_header .select_tit {
  margin-bottom: 12px;
}
.sub04_02_6_wrap
  .board_gall_mod_wrap:not(.board_txt_gell_list)
  .gall_item:hover
  .inner {
  transform: translateY(0);
  box-shadow: initial;
}

/* sub0403 - 협회규정 */
.sub04_03_wrap .board_list_table table .num {
  width: 4em;
}
.sub04_03_wrap .board_list_table table .category {
  width: 4em;
}
.sub04_03_wrap .board_list_table table .writer {
  width: 4em;
}
.sub04_03_wrap .board_list_table table .time {
  width: 5.64em;
}

@media screen and (min-width: 1401px) {
  .sub04_03_wrap.sub_cont_wrap {
    padding: 6.9em 0 5em;
  }
}
@media screen and (min-width: 1081px) {
  .sub04_03_wrap .board_list_table table .num {
    width: 8%;
  }
  .sub04_03_wrap .board_list_table table .category {
    width: 8%;
  }
  .sub04_03_wrap .board_list_table table .writer {
    width: 8%;
  }
  .sub04_03_wrap .board_list_table table .time {
    width: 8%;
  }
}
@media screen and (max-width: 540px) {
  .sub04_03_wrap .board_list_table table .num {
    display: none;
  }
}
/* sub0404 - 협회 일정 */
.sub04_04_wrap .board_header.flex_cont {
  align-items: flex-end;
  margin-bottom: 12px;
}
.sub04_04_wrap .com_select_wrap {
  flex-wrap: wrap;
  width: 50%;
}
.sub04_04_wrap .com_select_wrap .select-title {
  width: 100%;
  font-size: 1.25em;
  margin-bottom: 1.2em;
}
.sub04_04_wrap .com_select_wrap .select-section {
  max-width: 200px;
}
.sub04_04_wrap .com_search_wrap .search_keyword {
  width: 28em;
  border-left: 0;
  margin-left: 5px;
}

@media screen and (max-width: 1080px) {
  .sub04_04_wrap .board_header.flex_cont {
    flex-direction: column;
    align-items: flex-start;
  }
  .sub04_04_wrap .com_select_wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 541px) {
  .sub04_04_wrap .com_select_wrap .select-section + .select-section {
    margin-left: 10px;
  }
}
@media screen and (max-width: 540px) {
  .sub04_04_wrap .schedule_area .schedule_list {
    height: auto;
    padding: 0;
  }
  .sub04_04_wrap .com_select_wrap .select-section {
    max-width: 100%;
    padding: 0 5px;
  }

  .sub04_04_wrap .com_search_wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .sub04_04_wrap .com_search_wrap .search_keyword {
    width: calc(100% - 2.5em);
    height: 2.5rem;
  }
}
/* sub0405 - 건축사회 활동 */
.sub04_05_wrap .board_gell_thumb_list .thumb_txt_box .board_info .more_txt {
  margin-top: 0.8em;
}
.sub04_05_2_wrap .board_gall_wrap .gall_item .inner {
  cursor: pointer;
}

@media screen and (min-width: 1401px) {
  .sub04_05_wrap.sub04_05_1_wrap .sub_depth_menu_wrap {
    margin-bottom: 7.2em;
  }
}

.greetingTitle {
  font-weight: 700;
}