@charset "utf-8";

 #board .list_top {
    position: relative;
     min-height: 50px;
     display:flex;
     justify-content:left;
     align-items:center;
     table-layout:fixed;
     margin-bottom: 16px;
}
 #board .list_top .count {
    display: inline-block;
     font-size: 16px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     max-width: calc(100% - 340px);
}
 #board .list_top .count strong {
    color: #111111;
     font-weight: 700;
}
 #board .list_top .search_box {
    position: absolute;
     right: 0px;
     top: 0;
     max-width: 320px;
     box-sizing: border-box;
     height: 50px;
}
 #board .list_top .search_box input {
    width: 100%;
     border: 1px solid #dddddd;
     padding: 0 56px 0 17px;
     font-size: 14px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     height: 50px;
     outline: none;
}
 #board .list_top .search_box input::placeholder {
    color: #999999;
}
 #board .list_top .search_box .btn {
    font-size: 0px;
     width: 56px;
     height: 50px;
     background: url(../images/icon/search2.png) no-repeat center;
     position: absolute;
     right: 0px;
     top: 0px;
}
/* 리스트 */
 #board .list_st1 {
    border-top: 1px solid #111111;
     display: flex;
     flex-flow: wrap;
     margin-bottom: -47px;
     padding-top: 40px;
}
 #board .list_st1 li {
    width: calc(33.333% - 16px);
     margin-right: 24px;
     margin-bottom: 47px;
}
 #board .list_st1 li:nth-child(3n) {
    margin-right: 0;
}
 #board .list_st1 li a {
    display: block;
}
 #board .list_st1 .img {
    position: relative;
     padding-bottom: 62.503%;
     overflow: hidden;
}
 #board .list_st1 .img div {
    position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center!important;
}
 #board .list_st1 .img div {
    position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center!important;
}
 #board .list_st1 p {
    text-align: center;
     font-size: 18px;
     color: #666666;
     word-break: keep-all;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     word-wrap:normal;
     margin-top: 22px;
}
 #board .list_st2 {
    border-top: 1px solid #111;
}
 #board .list_st2 li {
    border-bottom: 1px solid #dddddd;
}
 #board .list_st2 .type {
    width: 40px;
     height: 40px;
     border-radius: 50%;
     position: absolute;
     line-height: 40px;
     left: 20px;
     top: 20px;
     font-size: 18px;
     color: #111111;
     font-weight: 700;
     text-align: center;
}
 #board .list_st2 .subject {
    font-size: 16px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     line-height: 32px;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     word-wrap:normal;
}
 #board .list_st2 .on .subject {
    overflow: unset;
     white-space: unset;
     text-overflow: unset;
     word-wrap: unset;
}
 #board .list_st2 .txt {
    font-size: 16px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     line-height: 32px;
     min-height: 32px;
}
 #board .list_st2 .q_bx {
    padding: 24px 100px;
     position: relative;
     cursor: pointer;
}
 #board .list_st2 .q_bx::before {
    content: '';
     width: 14px;
     height: 8px;
     background: url(../images/icon/arrow2.png) no-repeat center;
     position: absolute;
     right: 20px;
     top: 36px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 #board .list_st2 .q_bx.on::before {
    transform: rotate(180deg);
}
 #board .list_st2 .q_bx .type {
    background-color: #eeeeee;
}
 #board .list_st2 .a_bx {
    border-top: 1px solid #dddddd;
     background-color: #f5f5f5;
     padding: 29px 100px 30px;
     position: relative;
     box-sizing: border-box;
     display: none;
}
 #board .list_st2 .a_bx .type {
    background-color: #00afda;
     color: #fff;
     top: 25px;
}
 #board .list_st3 {
    width: 100%;
     table-layout: fixed;
     border-top: 1px solid #111;
}
#board .list_st3 .xls span{ display:block;color:#bae3ed;font-size:20px;font-weight:500;}
 #board .list_st3 tr {
    border-bottom: 1px solid #dddddd;
}
 #board .list_st3 th {
    background-color: #f5f5f5;
     text-align: center;
     height: 80px;
     box-sizing: border-box;
     font-size: 16px;
     color: #111111;
     letter-spacing: -0.05em;
     word-break: keep-all;
}
 #board .list_st3 th.num {
    width: 120px;
}
 #board .list_st3 th.date {
    width: 120px;
}
 #board .list_st3 td {
    text-align: center;
     height: 80px;
     box-sizing: border-box;
     font-size: 16px;
     color: #666666;
    padding:5px 0;
     word-break: keep-all;
}
#board .list_st3 td img{widht:100px;}
 #board .list_st3 td .notice {
    display: inline-block;
     padding: 7px 12px;
     border-radius: 30px;
     background-color: #00afda;
     color: #fff;
     font-size: 14px;
}
 #board .list_st3 td.subject {
    text-align: left;
}
 #board .list_st3 td.subject div {
    overflow: hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     word-wrap:normal;
     width: 90%;
}
 #board .list_st3 td.subject div a {
    color: #666;
}
 #board .no_data {
    margin-right: 0!important;
     padding: 100px 0!important;
     text-align: center!important;
     font-size: 16px!important;
     color: #aaaaaa!important;
     letter-spacing: -0.05em!important;
     word-break: keep-all!important;
     width: 100%!important;
}
/* 页码 1*/

.pagination-style {
  margin-top: 80px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin-right: 10px;
  min-width: 40px;
}
.pagination-style ul li a {
  padding: 8px 10px;
  border: 1px solid #00afda;
  display: block;
  border-radius: 5px;
}
.pagination-style ul li a:hover {
  background: #00afda;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background: #00afda;
}

/*页码2*/


 #board .page_bx {
    font-size: 0;
     text-align: center;
     padding-top: 80px;
}
 #board .page_bx a {
    display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     vertical-align: middle;
     color:#ffffff;
     /*border-radius: 50%;*/
}
 #board .page_bx .num {
    font-size: 16px;
     color: #666666;
     margin: 0 5px;
}
 #board .page_bx .num span{
    color: #000;
     background-color: #00afda;
}
 #board .page_bx .num.on {
    color: #fff;
     background-color: #00afda;
}
 #board .page_bx .page_first {
     margin-right: 10px;
    color:#666 !important;
    background-color:#e7e7e7 !important;
    font-size:12pt;
}
 #board .page_bx .page_prev {
     margin-right: 25px;
    color:#666 !important;
    background-color:#e7e7e7 !important;
    font-size:12pt;
}
 #board .page_bx .page_next {
    margin-left: 25px;
    color:#666 !important;
    background-color:#e7e7e7 !important;
    font-size:12pt;
}
 #board .page_bx .page_last {
     margin-left: 10px;
    color:#666 !important;
    background-color:#e7e7e7 !important;
    font-size:12pt;
}
/* 상세 */
 #board .view_bx {
    padding-top: 100px;
}
 #board .view_bx .text_box {
    text-align: center;
     padding: 127px 0 56px;
}
 #board .view_bx .text_box .subject {
    display: block;
     font-size: 40px;
     color: #111111;
     font-weight: 800;
     letter-spacing: -0.05em;
     word-break: keep-all;
     line-height: 64px;
}
 #board .view_bx .text_box .file {
    font-size: 0;
     text-align: center;
     padding: 7px 0 13px;
}
 #board .view_bx .text_box .file:last-child {
    padding-bottom: 0;
}
 #board .view_bx .text_box .file li {
    display: inline-block;
     vertical-align: middle;
     margin-right: 20px;
}
 #board .view_bx .text_box .file li:last-child {
    margin-right: 0;
}
 #board .view_bx .text_box .file li a {
    display: block;
     padding-left: 37px;
     background: url(../images/icon/file.png) no-repeat left center;
     font-size: 14px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     line-height: 28px;
}
 #board .view_bx .text_box .txt {
    font-size: 18px;
     color: #666666;
     letter-spacing: -0.05em;
     word-break: keep-all;
     line-height: 32px;
     margin-top: 12px;
}
 #board .view_bx .text_box .txt:first-child {
    margin-top: 0;
}
 #board .view_bx .text_box .txt img {
    max-width: 100%;
}
 #board .view_bx .vertical_align_bottomx {
    position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
     font-size: 0;
     margin-bottom: 40px;
}
 #board .view_bx .vertical_align_bottomx iframe {
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 #board .view_bx .img_box img {
    max-width: 100%;
}
/* 하단 버튼 */
 #board .btn_bottom {
    font-size: 0;
     text-align: center;
     margin-top: 80px;
}
 #board .btn_bottom a {
    display: inline-block;
     width: 240px;
     line-height: 80px;
     font-size: 18px;
     color: #ffffff;
     font-weight: 700;
     letter-spacing: -0.05em;
     word-break: keep-all;
     text-align: center;
     background-color: #00afda;
}







  .btn_respone_n{
    display: inline-block;
    width: 80px;
    line-height: 30px;
    font-size: 12px;
    color: #777777;
    font-weight: 700;
    letter-spacing: -0.05em;
    word-break: keep-all;
    text-align: center;
    background-color: #e7e7e7;
    }
  .btn_respone_y{
    display: inline-block;
    width: 80px;
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.05em;
    word-break: keep-all;
    text-align: center;
    background-color: #00afda;
    }







    .ment_box {
        text-align: center;
        padding: 135px 0 63px;
    }
    .ment_box strong {
        font-size: 48px;
        color: #111111;
        font-weight: 800;
        word-break: keep-all;
        display: block;
    }
    .ment_box p {
        font-size: 20px;
        color: #666666;
        font-weight: 700;
        letter-spacing: -0.05em;
        word-break: keep-all;
        margin: 24px auto 0;
    }

    .btn_passwd {
      font-size: 0;
      text-align: center;
      margin-top: 20px;
       box-sizing: border-box;
      }

    .btn_passwd a {
      display: inline-block;
      line-height: 80px;
      font-size: 18px;
      color: #ffffff;
      font-weight: 700;
      letter-spacing: -0.05em;
      word-break: keep-all;
      text-align: center;
      background-color: #00afda;
       box-sizing: border-box;
       padding:0px 40px;
      }
















/* DESKTOP */
 @media all and (min-width:1025px){
    /* 리스트 */
     #board .list_st1 li a .img div {
        -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         transition: all 0.3s;
    }
     #board .list_st1 li a:hover .img div {
        transform: scale(1.1);
    }
     #board .list_st1 li a p {
        -webkit-transition: color 0.3s;
         -moz-transition: color 0.3s;
         transition: color 0.3s;
    }
     #board .list_st1 li a:hover p {
        color: #111;
    }
     #board .list_st3 td.subject div a {
        -webkit-transition: color 0.3s;
         -moz-transition: color 0.3s;
         transition: color 0.3s;
    }
     #board .list_st3 td.subject div a:hover {
        color: #111;
    }
    /* 상세 */
     #board .view_bx .text_box .file li a {
        -webkit-transition: color 0.3s;
         -moz-transition: color 0.3s;
         transition: color 0.3s;
    }
     #board .view_bx .text_box .file li a:hover {
        color: #111;
    }
    /* 하단 버튼 */
     #board .btn_bottom a {
        -webkit-transition: background 0.3s;
         -moz-transition: background 0.3s;
         transition: background 0.3s;
    }
     #board .btn_bottom a:hover {
        background-color: #0383a2;
    }
}
/* 태블릿&모바일 공통*/
 @media all and (max-width:1024px){
    /* 리스트 상단 */
     #board .list_top {
        margin-bottom: 12px;
         min-height: 40px;
    }
     #board .list_top .count {
        font-size: 12px;
    }
     #board .list_top .search_box {
        height: 40px;
    }
     #board .list_top .search_box input {
        height: 40px;
         font-size: 12px;
         padding: 0 44px 0 13px;
    }
     #board .list_top .search_box .btn {
        height: 40px;
         width: 44px;
         background-size: 20px auto;
    }
    /* 리스트 */
     #board .list_st1 {
        padding-top: 20px;
         margin-bottom: -28px;
    }
     #board .list_st1 li {
        width: calc(33.333% - 6.666px);
         margin-right: 10px;
         margin-bottom: 28px;
    }
     #board .list_st1 p {
        margin-top: 10px;
         font-size: 13px;
    }
     #board .list_st2 .type {
        width: 24px;
         height: 24px;
         line-height: 24px;
         font-size: 13px;
         top: 18px;
         left: 10px;
    }
     #board .list_st2 .a_bx .type {
        top: 18px;
    }
     #board .list_st2 .subject {
        font-size: 13px;
         line-height: 20px;
    }
     #board .list_st2 .txt {
        min-height: 20px;
         font-size: 13px;
         line-height: 20px;
    }
     #board .list_st2 .q_bx {
        padding: 20px 30px 20px 45px;
    }
     #board .list_st2 .q_bx::before {
        width: 10px;
         background-size: 10px auto;
         right: 10px;
         top: 27px;
    }
     #board .list_st2 .a_bx {
        padding: 20px 30px 20px 45px;
    }
     #board .list_st3 th {
        height: 45px;
         font-size: 13px;
    }
     #board .list_st3 td {
        height: 45px;
         font-size: 13px;
         line-height: 20px;
    }
     #board .list_st3 td .notice {
        padding: 2px 8px;
         font-size: 11px;
    }
     #board .no_data {
        font-size: 13px!important;
         padding: 50px 0!important;
    }
    /* 페이징 */
     #board .page_bx {
        padding-top: 50px;
    }
     #board .page_bx a {
        width: 24px;
         height: 24px;
         line-height: 24px;
    }
     #board .page_bx .num {
        font-size: 12px;
         margin: 0 3px;
    }
     #board .page_bx .page_first {
        background-size: 10px auto;
         margin-right: 6px;
    }
     #board .page_bx .page_prev {
        background-size: 6px auto;
         margin-right: 16px;
    }
     #board .page_bx .page_next {
        background-size: 6px auto;
         margin-left: 16px;
    }
     #board .page_bx .page_last {
        background-size: 10px auto;
         margin-left: 6px;
    }
    /* 상세 */
     #board .view_bx {
        padding-top: 60px;
    }
     #board .view_bx .text_box {
        padding: 79px 0 36px;
    }
     #board .view_bx .text_box .subject {
        font-size: 24px;
         line-height: 32px;
    }
     #board .view_bx .text_box .file {
        padding: 11px 0 6px;
    }
     #board .view_bx .text_box .file li {
        margin-right: 10px;
    }
     #board .view_bx .text_box .file li a {
        font-size: 12px;
         line-height: 20px;
         padding-left: 27px;
         background-size: 20px 20px;
    }
     #board .view_bx .text_box .txt {
        margin-top: 10px;
         font-size: 13px;
         line-height: 20px;
    }
     #board .view_bx .vertical_align_bottomx {
        margin-bottom: 20px;
    }
    /* 하단 버튼 */
     #board .btn_bottom {
        margin-top: 50px;
    }
     #board .btn_bottom a {
        width: 140px;
         line-height: 50px;
         font-size: 15px;
    }
}
/* 모바일 */
 @media all and (max-width:768px){
    /* 리스트 상단 */
     #board .list_top {
        display: block;
    }
     #board .list_top .count {
        width: 100%;
         text-align: center;
         max-width: 100%;
         display: block;
         margin-bottom: 14px;
    }
     #board .list_top .search_box {
        position: relative;
         width: 100%;
         max-width: 100%;
         top: auto;
         bottom: auto;
    }
    /* 리스트 */
     #board .list_st1 li {
        width: calc(50% - 5px);
         margin-right: 10px!important;
    }
     #board .list_st1 li:nth-child(2n) {
        margin-right: 0!important;
    }
     #board .list_st3 thead {
        display: none!important;
    }
     #board .list_st3 tr {
        display: block;
         padding: 14px 10px;
    }
     #board .list_st3 td {
       
         text-align: left;
         height: auto;
         color: #999999;
    }
     #board .list_st3 td:first-child {
        display: none;
    }
     #board .list_st3 td.no_data {
        display: block;
    }
     #board .list_st3 td.subject {
        margin-bottom: 4px;
    }
     #board .list_st3 td.subject div {
        width: 100%;
         -webkit-line-clamp:2;
         -webkit-box-orient:vertical;
         overflow:hidden;
         text-overflow:ellipss;
         display:-webkit-box;
         text-overflow: unset;
         white-space: unset;
         word-wrap: unset;
    }
     #board li.no_data {
        margin-right: 0px!important;
    }
}