@charset "UTF-8";
/* =========
color
========= */
/* =========
fonts
========= */
/* =========
미디어쿼리 pc, tablet, mobile 중단점
========= */
/* 공통 */
.mir_section_wrapper {
  gap: 60px;
}

.mir_section {
  gap: 30px;
}

.subpage_title {
  padding: 0 30px;
}

#bo_list #fboardlist {
  gap: 30px;
}

.option-wrap li {
  display: inline-block;
  margin-right: 12px;
}

/* list 페이지 */
.classification_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.guide {
  width: 100%;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #d6dde6;
  background: #f3f9ff;
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
  font-weight: 700;
}

.area_name_box {
  background: #f7f7f7;
  padding: 20px 30px;
}

.area_name {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  gap: 9px;
}
.area_name a {
  display: flex;
  padding: 12px 23.5px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  border: 1px solid #d6dde6;
  background: #fff;
  color: #333;
  text-align: center;
  font-family: "Pretendard";
  font-size: 0.889rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.48px;
}
.area_name a:hover {
  color: #042e6f;
}
.area_name a.on {
  box-shadow: none;
  background: #042e6f;
  color: #fff;
  font-weight: 400;
}

#map_list_box {
  display: flex;
  align-items: center;
  gap: 50px;
  align-self: stretch;
}

.map_list_le {
  display: flex;
  justify-content: center;
  align-items: center;
}
.map_list_le img {
  display: none;
  height: 653px;
}

.map_list_ri {
  width: 780px;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  border: 1px solid #d6dde6;
}

#bo_list #bo_list_search {
  border-radius: 20px;
  background: #f4f6f8;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#bo_list #bo_list_search .bo_search {
  width: 100%;
}
#bo_list #bo_list_search .bo_search .sch_input {
  width: 100%;
  height: auto;
  display: flex;
  padding: 10px 20px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 50px;
  border: 1px solid #d6dde6;
  background: #fff;
}
#bo_list #bo_list_search .bo_search .sch_input::placeholder {
  color: #999;
  font-family: "Pretendard";
  font-size: 0.889rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
#bo_list #bo_list_search .bo_search .sch_bar .sch_bar_btn {
  width: auto;
  height: auto;
  display: flex;
  padding: 5px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #333;
  color: #fff;
  text-align: center;
  font-family: "Pretendard";
  font-size: 1.111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.6px;
}

#bo_list {
  gap: 0px;
}
#bo_list #bo_cate #bo_cate_ul {
  display: flex;
  padding: 20px 0;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;
}
#bo_list #bo_cate #bo_cate_ul li {
  padding: 0;
}
#bo_list #bo_cate #bo_cate_ul li a {
  border-radius: 40px;
  border: 1px solid #d6dde6;
  background: #fff;
  display: flex;
  padding: 3px 15px;
  align-items: center;
  gap: 5px;
  color: var(--700, #333);
  text-align: center;
  font-family: "Pretendard";
  font-size: 0.889rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.48px;
}
#bo_list #bo_cate #bo_cate_ul li a span {
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
}
#bo_list #bo_cate #bo_cate_ul li a:hover {
  background: #f4f6f8;
}
#bo_list #bo_cate #bo_cate_ul li #bo_cate_on {
  color: #fff;
  background: #042e6f;
}
#bo_list #bo_cate #bo_cate_ul li #bo_cate_on span {
  color: #fff;
}

.inst_li_wrap {
  height: 440px;
  overflow-y: scroll;
}

.inst_li_box {
  border-top: 1px solid #d6dde6;
}

.inst_li {
  display: flex;
  padding: 20px 10px;
  align-items: center;
  flex: 1 0 0;
  gap: 10px;
  align-self: stretch;
  border-bottom: 1px solid #d6dde6;
}

.inst_li_le {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  flex: 1 0 0;
}

.inst_li_ri .goto_view_btn {
  display: flex;
  padding: 15px 20px;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  background: #f3f9ff;
}
.inst_li_ri .goto_view_btn span {
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
  font-weight: 600;
  color: #042e6f;
}

.bo_tit {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.bo_cate_link {
  display: flex;
  padding: 1px 6px;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #d6dde6;
  background: #fff;
  color: #333;
  font-family: "Pretendard";
  font-size: 0.722rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

p.tit {
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
  font-weight: 700;
}

.bo_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
}
.bo_info p {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Pretendard";
  font-size: 0.889rem;
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.48px;
  font-weight: 400;
  color: #333;
  color: var(--Base-text, #222);
}
.bo_info span {
  font-weight: 600;
  flex-shrink: 0;
}
.bo_info p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}
.bo_info p:nth-child(1)::before {
  background: url("../img/ico_address.png") center no-repeat;
}
.bo_info p:nth-child(2)::before {
  background: url("../img/ico_tell.png") center no-repeat;
}

/* view 페이지 */
.inst_atc_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 60px;
}

.inst_atc_top {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.inst_atc_top > div {
  border-radius: 20px;
  border: 1px solid #d6dde6;
  background: #fff;
}
.inst_atc_top .inst_info {
  display: flex;
  flex-direction: column;
  width: 1045px;
  padding: 30px 50px;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}
.inst_atc_top .bo_tit {
  font-family: "Hakgyoansim-Allimjang";
  font-size: 1.444rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #222;
  color: #042e6f;
}
.inst_atc_top .sort_wrap {
  width: 100%;
  border-radius: 20px;
  background: #f3f9ff;
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.inst_atc_top .sort_wrap ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 15px 20px;
  align-self: stretch;
  flex-wrap: wrap;
}
.inst_atc_top .sort_wrap li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inst_atc_top .sort_wrap .sort_li {
  width: calc(50% - 10px);
}
.inst_atc_top .sort_wrap .sort_li_100 {
  width: 100%;
}
.inst_atc_top .sort_wrap .sort_tit {
  display: flex;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  background: #fff;
}
.inst_atc_top .sort_wrap .sort_tit span {
  width: 65px;
  text-align: center;
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
  color: #042e6f;
  font-weight: 600;
}
.inst_atc_top .sort_wrap .sort_des {
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
}
.inst_atc_top .inst_logo {
  display: flex;
  width: 485px;
  height: 273px;
  padding: 40px;
  justify-content: center;
  align-items: center;
  gap: 60px;
  aspect-ratio: 485/273;
}

.inst_atc_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.inst_atc_bottom h5 {
  text-align: center;
}
.inst_atc_bottom .inst_map {
  width: 100%;
}
.inst_atc_bottom .inst_map #map {
  width: 100%;
  height: 480px;
  border-radius: 20px;
}

.goto_btn_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goto_btn_wrap .goto_list_btn {
  display: flex;
  padding: 12px 80px;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid #d6dde6;
  background: #f3f9ff;
  color: #042e6f;
  text-align: center;
  font-family: "Pretendard";
  font-size: 1.111rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.6px;
}

/* write 페이지 */
#bo_w .top-board-title p {
  color: #042e6f;
  font-family: "Hakgyoansim-Allimjang";
  font-size: 1.556rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
#bo_w .bo_w_option_wrapper table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d6dde6;
  table-layout: fixed;
}
#bo_w .bo_w_option_wrapper table th,
#bo_w .bo_w_option_wrapper table td {
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: -0.54px;
  vertical-align: middle;
}
#bo_w .bo_w_option_wrapper table th {
  font-weight: 600;
  text-align: center;
  background: #f4f6f8;
  border: 1px solid #d6dde6;
}
#bo_w .bo_w_option_wrapper table td {
  font-weight: 400;
  text-align: left;
  background: #fff;
  border: 1px solid #d6dde6;
}
#bo_w .option-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  align-self: stretch;
  align-items: center;
  padding: 20px;
}
#bo_w .option-wrap li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 0;
}
#bo_w input[type=checkbox] + label,
#bo_w input[type=radio] + label {
  cursor: pointer;
}
#bo_w input[type=radio] {
  width: 17px;
  height: 17px;
  accent-color: #005bac;
}
#bo_w input[type=checkbox]:checked + label,
#bo_w input[type=radio]:checked + label {
  color: #333;
}
#bo_w input[type=checkbox]:checked {
  appearance: none;
  border-radius: 3px;
  border: none;
  background: url("../img/ico_checked.svg") center no-repeat, #042e6f;
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
}
#bo_w input[type=text] {
  width: 100%;
  height: 44px;
  padding: 0px 12px;
  font-size: 0.889rem;
  border: 0px;
}
#bo_w input[type=text]:focus {
  outline: none !important;
  border: 0px;
  box-shadow: none;
  background-color: #feeaea;
}
#bo_w label {
  text-align: center;
  font-family: "Pretendard";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.54px;
  color: #333;
}
#bo_w #bo_link_wrapper .rumi-item {
  border: 1px solid #d6dde6;
}
#bo_w #bo_link_wrapper .rumi-item .rumi-item-title {
  flex-basis: initial;
  width: 15%;
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: -0.54px;
  vertical-align: middle;
  font-weight: 600;
  text-align: center;
  background: #f4f6f8;
  justify-content: center;
  color: #333;
  border-right: 1px solid #d6dde6;
}
#bo_w #bo_link_wrapper .rumi-item .rumi-item-value {
  width: 85%;
  padding: 10px 20px;
}
#bo_w .address {
  width: 100%;
  padding: 15px 10px;
  text-align: left;
}
#bo_w .address .btn_addr {
  background: unset;
  padding: 10px;
}
#bo_w .address input {
  border-bottom: 1px solid #d6dde6;
  font-size: 0.889rem;
}
#bo_w .address .zipcode {
  width: 100px;
}
#bo_w .address .addr {
  width: 100%;
  margin-top: 5px;
  height: 44px;
  padding: 0px 12px;
}
#bo_w ._mt-30 {
  font-size: 0.889rem;
  color: #2fa6e0;
}
#bo_w #map {
  width: 100%;
  height: 300px;
  margin-top: 10px;
  border: 1px solid #d6dde6;
}
#bo_w .bo_w_flie .file_wr {
  border: 1px solid #d6dde6;
  background: #fff;
  color: #333;
  border-radius: 0;
  padding: 0;
  height: auto;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
#bo_w .bo_w_flie .lb_icon {
  border-right: 1px solid #d6dde6;
  position: initial;
  border-radius: 0px;
  height: auto;
  line-height: initial;
  width: auto;
  background: #f4f6f8;
  text-align: center;
  color: #888;
  padding: 15px;
}
#bo_w .bo_w_flie .frm_file {
  padding-left: 0px;
}

/* 반응형 미디어쿼리 시작 */
@media (max-width: 1600px) {
  /*list페이지*/
  .area_name_box {
    padding: 20px;
  }
}
@media (max-width: 1440px) {
  /*list페이지*/
  .area_name_box {
    padding: 20px 30px;
  }
  .area_name {
    justify-content: flex-start;
  }
  .area_name li {
    width: calc(12.5% - 8px);
  }
}
@media (max-width: 1280px) {
  /*list페이지*/
  .area_name li {
    width: calc(20% - 10px);
  }
  .map_list_ri {
    width: 100%;
  }
  .inst_li_wrap {
    height: 435px;
  }
  /*view페이지*/
  .inst_atc_top {
    align-items: stretch;
  }
  .inst_atc_top .inst_info {
    padding: 30px;
  }
  .inst_atc_top .sort_wrap li {
    align-items: flex-start;
  }
  .inst_atc_top .sort_wrap .sort_li {
    width: 100%;
  }
  .inst_atc_top .inst_logo {
    height: auto;
  }
  /* write 페이지 */
  #bo_w label {
    font-size: 0.889rem;
  }
  #bo_w .bo_w_option_wrapper table th,
  #bo_w .bo_w_option_wrapper table td {
    font-size: 0.89rem;
  }
  #bo_w #bo_link_wrapper .rumi-item {
    border: 1px solid #d6dde6;
  }
  #bo_w #bo_link_wrapper .rumi-item .rumi-item-title {
    font-size: 0.89rem;
  }
}
@media (max-width: 1023px) {
  /*list페이지*/
  .guide {
    font-size: 0.887rem;
  }
  #bo_list #bo_list_search .bo_search .sch_bar .sch_bar_btn {
    font-size: 1rem;
  }
  #bo_list #bo_cate #bo_cate_ul li a {
    font-size: 0.778rem;
  }
  #bo_list #bo_cate #bo_cate_ul li a span {
    font-size: 0.887rem;
  }
  .inst_li_ri .goto_view_btn span {
    font-size: 0.887rem;
  }
  /*view페이지*/
  .inst_atc_top {
    gap: 20px;
  }
  .inst_atc_top .bo_tit {
    font-size: 1.333rem;
  }
  .inst_atc_top .sort_wrap .sort_li {
    width: calc(50% - 10px);
  }
  .inst_atc_top .sort_wrap .sort_li:last-child {
    width: 100%;
  }
  .inst_atc_top .sort_wrap .sort_tit span {
    font-size: 0.887rem;
  }
  .inst_atc_top .sort_wrap .sort_des {
    font-size: 0.887rem;
  }
  .inst_atc_top .inst_logo {
    width: 30%;
  }
  .inst_atc_top .inst_logo img {
    width: 100%;
  }
  .goto_btn_wrap .goto_list_btn {
    font-size: 1rem;
  }
  /* write 페이지 */
  #bo_w .bo_w_option_wrapper > table th,
  #bo_w .bo_w_option_wrapper > table td {
    font-size: 0.78rem;
  }
  #bo_w #bo_link_wrapper .rumi-item {
    border: 1px solid #d6dde6;
  }
  #bo_w #bo_link_wrapper .rumi-item .rumi-item-title {
    font-size: 0.78rem;
  }
}
@media (max-width: 767px) {
  /*list페이지*/
  .classification_wrap {
    gap: 20px;
  }
  .guide {
    font-size: 0.778rem;
  }
  .area_name li {
    width: calc(33.3% - 6px);
  }
  .area_name a {
    font-size: 0.778rem;
    padding: 10px 20px;
  }
  .map_list_le img {
    width: 100%;
    height: auto;
  }
  #map_list_box {
    gap: 30px;
  }
  #bo_list #bo_list_search .bo_search .sch_input {
    font-size: 0.887rem;
    padding: 6px 20px;
  }
  #bo_list #bo_list_search .bo_search .sch_input::placeholder {
    font-size: 0.778rem;
  }
  #bo_list #bo_list_search .bo_search .sch_bar .sch_bar_btn {
    font-size: 0.887rem;
  }
  #bo_list #bo_cate #bo_cate_ul li a {
    font-size: 0.667rem;
  }
  #bo_list #bo_cate #bo_cate_ul li a span {
    font-size: 0.778rem;
  }
  .bo_cate_link {
    flex-shrink: 0;
  }
  p.tit {
    font-size: 1rem;
  }
  .bo_info p {
    font-size: 0.778rem;
  }
  .bo_info p::before,
  .bo_info span {
    flex-shrink: 0;
  }
  .inst_li_ri .goto_view_btn img {
    width: 35px;
  }
  .inst_li_ri .goto_view_btn span {
    font-size: 0.778rem;
  }
  /*view페이지*/
  .inst_atc_top {
    flex-direction: column;
  }
  .inst_atc_top .inst_info {
    width: 100%;
  }
  .inst_atc_top .sort_wrap .sort_li {
    width: 100%;
  }
  .inst_atc_top .inst_logo {
    width: 100%;
    height: 200px;
  }
  .inst_atc_top .inst_logo img {
    width: auto;
    height: 80%;
  }
  .goto_btn_wrap .goto_list_btn {
    font-size: 0.889rem;
    text-align: center;
  }
  /* write 페이지 */
  #bo_w colgroup col:nth-child(1) {
    width: 30%;
  }
  #bo_w colgroup col:nth-child(2) {
    width: 70%;
  }
  #bo_w #bo_link_wrapper .rumi-item .rumi-item-title {
    width: 30%;
  }
  #bo_w #bo_link_wrapper .rumi-item .rumi-item-value {
    width: 70%;
  }
}