@charset "utf-8";
caption {display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}

#detail_con input.btn {  min-width: 148px;}
#detail_con .btn, .btn_w {  display: inline-block;  min-width: 148px;  height: 60px;  padding: 0 40px;  color: var(--dark-blue);  font-size: var(--f19);  font-weight: 700;  line-height: 60px;  border-radius: 3px;  border: 2px solid var(--dark-blue);  background: #fff;  box-shadow: none;  box-sizing: border-box;}
#detail_con .btn:hover, .btn_w:hover {  color: #fff;  border-color: var(--dark-blue);  background: var(--dark-blue);  transition: .3s;}
#detail_con .btn_ok {  color: #fff;  background: var(--dark-blue) !important;}
#detail_con .btn_back, #detail_con .btn_search {  color: #fff;}
#detail_con .btn_write:After { width: 1rem; height: 1rem; background: url(/open_content/anyedu/img/sub/ic_apply.png) no-repeat center center/cover ; }
.board_view .nuriBtn {  display: flex;  justify-content: space-between;  align-items: flex-end;}
.board_view .nuriBtn>.openNuri {  line-height: 0;}

div.search {
  margin-bottom: 20px;
  padding: 24px 10px;
  border: 1px solid #CBCBCB;
  background: #f7f7f7;
  text-align: center;
}

div.search fieldset {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

div.search select {
  height: 40px;
  padding: 0 10px;
  color: #000;
  font-size: var(--f17);
  border: 1px solid #C9C9C9;
  background: #FFF;
}

div.search input[type="text"] {
  height: 40px;
  padding: 0 10px;
  font-size: var(--f17);
  border: 1px solid #C9C9C9;
  background: #FFF;
}

.search .btn_forinput,
#detail_con div.search .btn {
  padding: 0px 20px;
  min-width: 95px;
  height: 40px;
  color: #FFF;
  font-size: var(--f17);
  font-weight: 700;
  line-height: 40px;
  border-radius: 3px !important;
  border: none;
  background: #353535 !important;
  box-shadow: none;
}

div.search fieldset>div {
  display: flex;
  align-items: center;
  gap: 4px;
}

div.search p.entertxt {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 0;
  width: 100%;
  max-width: none;
}

div.search p.entertxt input[type="text"] {
  width: 100%;
}

div.search p.entertxt input[type="submit"] {
  position: static;
}

div.generalboard .board_lock {
  margin-right: 5px;
  vertical-align: middle;
}

table.general_board thead th {
  padding: 13px 20px;
  font-size: var(--f18);
  border-top: 2px solid var(--turquoise);
  border-bottom: 1px solid var(--turquoise);
}

table.general_board tbody th,
table.general_board tbody td {
  padding: 13px 20px;
  min-height: 40px;
  font-size: var(--f18);
  border-bottom: 1px solid #E8E8E8;
}

table.general_board tbody td.title a {
  font-weight: 400;
}

table.general_board.jurisdiction {
  border-bottom: none;
}

table.general_board.jurisdiction tr {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  border-top: none;
  border-bottom: 1px solid #ccc;
}

table.general_board.jurisdiction tr:first-child {
  padding-top: 20px;
}

table.general_board.jurisdiction td {
  flex: 1 1 auto;
  padding: 0;
  border-bottom: none;
}

table.general_board.jurisdiction .map {
  flex: 0 0 auto;
  padding-right: 20px;
  width: 50%;
  max-width: 480px;
  box-sizing: content-box;
}

table.general_board.jurisdiction .map>div {
  width: 100%;
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  overflow: hidden;
}

table.general_board.jurisdiction ul {
  text-align: left;
}

table.general_board.jurisdiction ul li {
  position: relative;
  padding: 9px 12px 9px 23px;
  color: #252525;
  font-size: var(--f18);
  border-bottom: 1px dashed #E2E2E2;
}

table.general_board.jurisdiction ul li:nth-last-child(1) {
  border-bottom: none;
}

table.general_board.jurisdiction ul li::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 21px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #444;
}

table.general_board.jurisdiction ul li span {
  font-weight: 600;
}

table.general_board.jurisdiction ul li.title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 12px;
  color: var(--turquoise);
  font-size: var(--f22);
  font-weight: 600;
  border-bottom: none;
}

table.general_board.jurisdiction ul li.title::before {
  display: none;
}

table.general_board.jurisdiction ul li.title a {
  color: var(--turquoise);
  font-size: var(--f22);
}

table.general_board.jurisdiction ul li.title a.home-more span {
  margin-left: 10px;
  padding: 5px 36px 5px 13px;
  color: #FFF;
  font-size: var(--f15);
  font-weight: 700;
  letter-spacing: -0.3px;
  border-radius: 18px;
  background: var(--turquoise) url(../img/sub/home-more.svg) no-repeat right 13px center / var(--f18);
}

table.general_board.jurisdiction.view tr {
  align-items: flex-start;
}

table.general_board.jurisdiction.view .map>div {
  margin-top: 9px;
}

div.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.paging a,
div.paging a.page_btn,
.paging_mb a.page_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: var(--f17);
  border-radius: 5px;
  border: 1px solid #DCDCDC;
  background: #fff;
}

div.paging a.select {
  color: #fff;
  font-weight: 700;
  border-color: var(--turquoise);
  background: var(--turquoise);
}

div.paging a.page_btn,
.paging_mb a.page_btn {
  background-image: url(../img/sub/paging.svg) !important;
}

.paging a.page_btn.first {
  background-position: 0 0;
}

.paging a.page_btn.prev,
.paging_mb a.page_btn.prev {
  background-position: 0 -30px;
}

.paging a.page_btn.next,
.paging_mb a.page_btn.next {
  background-position: 0 calc(-30px * 2);
}

.paging a.page_btn.last {
  background-position: 0 calc(-30px * 3);
}

.paging_mb,
.paging_mb>div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.page_go input[type=text] {
  width: 50px;
  height: 32px;
  border-radius: 3px 0 0 3px;
  border: 1px solid #DCDCDC;
}

.page_go input.btn_forinput {
  min-width: auto;
  height: 32px;
  line-height: 32px;
  border-radius: 0 3px 3px 0;
}

.rss a span {
  color: #fff;
}

.board_view div.title,
.board_view .title {
  margin-top: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: var(--f22);
}

h4+.board_view .title {
  margin-top: 20px;
}

.board_view>.title+ul.datalist>li {
  padding-top: 13px;
  padding-bottom: 13px;
}

.board_view>ul.datalist>li dl dt,
.board_view>ul.datalist>li dl dd {
  font-size: var(--f18);
}

.board_view .con {
  font-size: var(--f18);
}

.board_view .con table,
.board_view .con table td {
  max-width: 100% !important;
  word-break: break-all;
}

.board_view .sblet {
  margin-top: 25px;
}

.board_view div.title p.state {
  right: 17px;
  top: 17px;
  font-size: var(--f18);
}

.board_view .other_con li {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: var(--f18);
}

.board_ebook {
  border-top: 2px solid var(--turquoise);
  border-bottom: 1px solid var(--turquoise);
}

.board_ebook>ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
  padding: 40px 0px;
}

.board_ebook>ul>li {
  display: flex;
  justify-content: center;
  float: none;
  padding: 0;
  width: auto;
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.board_ebook .photo {
  flex: 0 0 auto;
  padding: 10px;
  width: 240px;
  border: none;
  background: #fff;
}

.board_ebook .photo p {
  padding-right: 0;
  border: none;
  line-height: 0;
}

.board_ebook .photo img {
  border-right: 0;
  width: 100%;
  height: 100%;
}

.board_ebook li>ul {
  flex: 0 0 auto;
  position: relative;
  padding: 60px 40px 100px 40px;
  width: 260px;
  background: #F8F8F8;
}

.board_ebook .title {
  text-align: left;
  padding: 0;
  width: 50%;
  color: #252525;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  word-break: keep-all;
  text-overflow: unset;
  overflow: visible;
  white-space: normal;
}

.board_ebook .date {
  margin-top: 10px;
  text-align: left;
  color: #666;
  font-size: var(--f16);
}

.board_ebook .ic_down {
  position: absolute;
  bottom: 60px;
  left: 40px;
  padding: 7px 43px 7px 20px !important;
  color: #FFF;
  font-size: var(--f15);
  font-weight: 700;
  background: var(--turquoise) url(../img/sub/ic_down.png) no-repeat right 20px top 9px !important;
}

.board_ebook .ic_down span {
  color: #fff;
}

.agree_info h4 {
  margin-top: 0;
}

.agree_info .agree_info_box {
  margin-top: 20px;
  padding: 28px 32px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.agree_info .agree_info_box p {
  font-size: var(--f17);
}

.agree_info .agree_info_box .txt {
  position: relative;
  padding-left: 11px;
  color: #666;
  font-size: var(--f17);
  font-weight: 500;
}

.agree_info .agree_info_box .txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666;
}

.agree_info .agree_info_box .txt span {
  display: block;
  color: #666;
  font-size: var(--f16);
}

.agree_info .check-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.agree_info .check-box input {
  margin-left: 12px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #767676;
}

.agree_info .check-box label {
  color: #252525;
  font-size: var(--f17);
  font-weight: 500;
}

.info-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 29px;
  border-radius: 4px;
  background: var(--margenta-with);
}

.info-box>li {
  position: relative;
  padding-left: 11px;
  color: #5A688F;
  font-size: var(--f16);
  font-weight: 500;
  line-height: 137.5%
}

.info-box>li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #5A688F;
}

.info-box>li:nth-last-child(1) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.info-box>li:nth-last-child(1)::before {
  display: none;
}

.info-box>li:nth-last-child(1) input {
  margin-left: 6px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #767676;
  background: #FFF;
}

.info-box>li:nth-last-child(1) label {
  color: #5A688F;
  font-size: var(--f16);
  font-weight: 500;
  line-height: 137.5%
}

.info-box>li:nth-last-child(1) span {
  color: #5A688F;
  font-size: 14px;
  font-weight: 500;
  line-height: 137.5%
}

table.agree_data {
  margin-top: 12px;
  margin-bottom: 12px;
}

table.agree_data thead th {
  padding: 12px;
  color: #252525;
  font-size: var(--f17);
  font-weight: 600;
  border: 1px solid #BABABA;
  background: #F5F5F5;
}

table.agree_data td,
table.agree_data tbody th {
  text-align: center;
  padding: 12px;
  color: #252525;
  font-size: var(--f17);
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
  border: 1px solid #BABABA;
}

h4+.general_board {
  margin-top: 20px;
}

table.general_board>caption+tbody,
table.general_board>caption+colgroup+tbody {
  border-top: 2px solid var(--turquoise, #01919C);
}

table.general_board.write thead th,
table.general_board.write thead td {
  border-bottom: 1px solid #c5c5c5;
}

.red_color {
  color: var(--margenta);
  font-size: var(--f18);
  font-weight: 500;
}

table.general_board.write th {
  padding: 16px 20px;
  color: #252525;
  font-size: var(--f18);
  font-weight: 500;
  border-bottom: 1px solid #E8E8E8;
  background: #F7F7F7;
}

table.general_board.write th label {
  color: #252525;
  font-size: var(--f18);
  font-weight: 500;
}

table.general_board.write td {
  text-align: left;
  padding: 14px 16px;
  min-height: 40px;
  color: #252525;
  font-size: var(--f18);
  border-bottom: 1px solid #E8E8E8;
}

table.general_board.write.center td {
  text-align: center;
}

table.general_board.write td label,
table.general_board.write td input,
table.general_board.write td select {
  color: #252525;
  font-size: var(--f18);
}

table.general_board.write input[type=text],
table.general_board.write select {
  padding: 9px 20px;
  height: 45px;
  border: 1px solid #C5C5C5;
}

table.general_board.write input[type=file] {
  height: 45px;
}

table.general_board.write td .ex {
  display: block;
  margin-top: 5px;
  color: #666;
  font-size: var(--f16);
}

table.general_board.write td .day {
  margin-top: 4px;
  color: #252525;
  font-size: var(--f18);
}

table.general_board.write td .day .ex {
  display: inline-block;
  margin-top: 0;
  margin-left: 5px;
}

table.general_board.write td .day:nth-of-type(1) {
  margin-top: 0;
}

table.general_board .photo-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

table.general_board .photo-box .photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 180px;
  overflow: hidden;
}

table.general_board .photo-box .photo img {
  width: 100%;
  min-height: 100%;
}

.general_board .status,
.general_board .tag {
  margin-top: 2px;
  text-align: left;
  margin: auto;
  width: 180px;
  color: #252525;
  font-size: var(--f18);
  font-weight: 500;
}

.general_board .status {
  display: inline-block;
  margin: 0;
  width: auto;
}

.general_board .tag:first-child {
  margin-top: 0;
}

.general_board .status span,
.general_board .tag span {
  padding: 2px 8px;
  margin-right: 5px;
  color: #FFF;
  font-size: var(--f16);
  font-weight: 700;
  border-radius: 4px;
}

.general_board .status span {
  padding: 6px 8px;
  font-weight: 600;
}

.general_board .status .green,
.general_board .tag .acpt {
  background: var(--turquoise);
}


.general_board .status .blue,
.general_board .tag .prgm {
  background: var(--blue);
}

.board_gallery .photo {
  height: 236px;
}


@media all and (min-width:1281px) {
  .dp_mb {
    display: none !important;
  }
}


@media all and (max-width:1280px) {
  .dp_pc {
    display: none !important;
  }

  table tr.dp_mb {
    display: table-row;
  }

  .board_ebook .photo {
    width: auto;
    height: 260px;
  }

  .board_ebook .photo img {
    height: 240px;
  }

  .board_ebook li>ul {
    width: 220px;
    padding: 55px 32px;
  }

  .board_ebook .title {
    font-size: 20px;
  }

  .board_ebook .ic_down {
    left: 32px;
  }

}

/*MOBILE*/
@media all and (max-width:800px) {
  #detail_con input.btn,
  #detail_con .btn,
  .btn_w {
    padding: 0 30px;
    min-width: 60px;
    height: 40px;
    line-height: 38px;
  }

  div.search fieldset {
    flex-wrap: wrap;
  }

  div.search fieldset input[type=text] {
    flex: 1 1 auto;
  }

  div.search fieldset>div {
    position: relative;
    align-items: flex-start;
    width: 100%;
  }

  div.search p.entertxt {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 45px;
  }

  div.search p.entertxt input[type="text"] {
    margin-top: 0;
  }

  div.search p.entertxt input[type="submit"] {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
  }

  .search .btn_forinput,
  #detail_con div.search .btn {
    display: block;
    width: 100%;
  }

  div.search input[type="text"] {
    width: calc(100% - 150px);
  }

  table.general_board th,
  table.general_board td {
    padding: 10px 5px !important;
    word-break: break-all;
  }

  table.general_board.jurisdiction tr {
    flex-direction: column;
    padding-top: 0;
    border-bottom: none;
  }

  table.general_board.jurisdiction td {
    width: 100%;
  }

  table.general_board.jurisdiction .map {
    padding-right: 0;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }

  table.general_board.jurisdiction ul li {
    padding: 6px 6px 6px 17px;
  }

  table.general_board.jurisdiction ul li::before {
    left: 6px;
    top: 14px;
  }

  table.general_board.jurisdiction ul li.title {
    padding: 6px;
  }

  table.general_board.jurisdiction.view {
    width: auto;
  }

  table.general_board.jurisdiction.view tr {
    width: 100%;
  }
    .general_board .tag {
    margin-top: 2px;
    width: 90px;
  }

  .general_board .tag span {
    display: flex;
    width: 40px;
  }

  table.general_board.write input[type=text],
   table.general_board.write select {
    padding: 5px;
    min-width: 50px;
  }

  .board_ebook ul>li {
    box-shadow: none;
    max-width: 100%;
  }

  .board_ebook .photo {
    flex: 1 1 auto;
    height: 200px;
  }

  .board_ebook .photo img {
    height: 180px;
  }

  .board_ebook li>ul {
    flex: 1 1 auto;
    padding: 30px 22px 70px 22px;
    width: 160px;
  }

  .board_ebook .title {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
  }

  .board_ebook .date {
    font-size: 14px;
  }

  .board_ebook a.btnRound {
    margin: 0;
  }

  .board_ebook .ic_down {
    bottom: 40px;
    left: 22px;
    padding: 4px 31px 4px 16px !important;
    background-position: right 16px top 8px !important;
    background-size: 12px !important;
  }

  .board_ebook .ic_down span {
    display: none;
  }

  .board_gallery>ul>li {
    width: 98%;
  }

  .board_gallery .photo {
    height: 180px;
  }

  .info-box>li:nth-last-child(1) span {
    font-size: 11px;
  }
}