@charset "UTF-8";
/* CSS Document */

/* ?�블�?*/
@media all and (min-width: 768px) and (max-width: 1024px) {
  .mhidden {
    display: none !important;
  }
  .tableline.mhidden {
    display: none !important;
  }
  .inline_mhhidden {
    display: none !important;
  }
  .pchidden {
    display: block !important;
  }
  .inline_pchidden {
    display: inline-block !important;
  }
  .tablewrite.pchidden {
    display: table !important;
    width: 100% !important;
  }
  .popup .tablewrite.mt30 td select {
    height: 34px !important;
  }
  .board_top .search {
    display: block !important;
    width: 100%;
    float: right;
    text-align: right;
  }
  .board_top .msearch {
    display: none !important;
  }
  .board_top .post {
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .tablelist {
    display: none !important;
  }
  .tablelist.alldevice {
    display: table !important;
  }
  .mtablelist {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    box-sizing: border-box;
  }
  .mtablelist div {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 10px 15px;
    min-height: 50px;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.5rem;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mtablelist div:last-child {
    border-bottom: none;
  }
  .mtablelist div:nth-child(2n) {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist div .title {
    color: #00235c;
  }
  .mtablelist ul.list_info li {
    float: left;
    margin-top: 10px;
    line-height: 10px;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #c8c8c8;
    height: 10px;
    font-size: 1.3rem !important;
  }
  .mtablelist ul.list_info li:last-child {
    border-right: none;
  }
  .mtablelist .mainFlag {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .tableview tr th {
    font-size: 1.4rem !important;
    white-space: nowrap;
  }
  .tableview td {
    border-bottom: 1px solid #dedede;
    font-weight: 300;
    padding: 5px 10px !important;
    color: #5a5a5a;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4rem !important;
    line-height: 1.6;
    letter-spacing: 0;
    box-sizing: border-box;
  }
  .tableview td img {
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
  }
  .attach {
    padding: 0 !important;
  }
  .pageNum {
    margin-bottom: 30px;
  }
  textarea,
  input[type="text"],
  input[type="password"],
  select {
    -webkit-appearance: none;
    border-radius: 0;
  }

  .tablewrite {
    box-sizing: border-box;
  }
  .tablewrite input[type="text"] {
    box-sizing: border-box;
  }
  .tablewrite input[type="file"] {
    width: 90% !important;
    height: 34px;
  }
  .tablewrite th {
    width: 15% !important;
  }
  .tablewrite td {
    width: 20% !important;
  }
  .tablewrite td,
  .tablewrite th {
    font-size: 1.4rem !important;
  }
  .tablewrite td .height500 {
    height: 300px !important;
  }
  .tableview th span.answer_date {
    font-size: 1.1rem !important;
    letter-spacing: -1px !important;
  }

  .mbtn_group {
    float: none !important;
    margin: 20px auto !important;
    text-align: center;
  }
  .mbtn_group button {
    width: 32% !important;
  }

  .btngroup {
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    text-align: center;
  }
  .btngroup .btn_y {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* green ?�성?�료 */
  .btngroup .btn_n {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* gray 취소 */

  /* ?�수?�력??�� */
  .required {
    font-size: 1.3rem !important;
    margin: 0 0 5px 0;
  }
  .required i {
    color: #ff3232;
    margin-right: 3px;
  }

  .mtablelist span.relation {
    background: url(../../images/dgtp/media_li_bg.png) no-repeat 0 7px;
    padding-left: 10px;
    color: #35445d;
    display: table-cell;
  }

  /* ?�의???�설?�약 */
  .meet_res .tableline.mtable td {
    height: 20px !important;
  }
  .meet_res .tableline.meet_table th,
  .meet_res .tableline.meet_table td {
    font-size: 1.2rem !important;
    padding: 3px 0 !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(2) {
    display: none !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(3) {
    display: block !important;
  }
  .tableline.mtable.monline_table td {
    padding: 8px 3px !important;
  }
  .monline_radio label {
    font-size: 1.3rem !important;
    float: left;
  }
  .monline_radio label span {
    position: relative;
    top: -1px;
  }
  .radio.fl.monline_radio {
    margin: 0 !important;
    float: right !important;
    position: relative;
    top: 33px;
  }

  /* ?�의???�관?�청 */
  .meet_online .tableline.mtable.pchidden.monline_table {
    display: table !important;
    width: 100% !important;
  }
  .meet_online .tableline.mtable.pchidden {
    display: table !important;
    width: 100% !important;
  }

  /* imagelist */
  .image_list {
    width: calc(100% - 2px) !important;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    padding: 25px 0 0 0 !important;
    display: inline-block;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }
  .image_list li {
    float: left;
    width: 23.5% !important;
    height: auto;
    margin-bottom: 2% !important;
    font-size: 1.4rem !important;
    margin-right: 2% !important;
    display: inline-block;
    box-sizing: border-box;
  }
  .image_list li:nth-child(4n) {
    margin-right: 0 !important;
  }
  .image_list li:nth-child(6n) {
    margin-right: 2% !important;
  }
  .image_list li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list li .title {
    font-size: 1.4rem !important;
    line-height: 35px;
    padding: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list li .date {
    float: right;
    line-height: 32px;
  }
  .image_list li.nodata {
    width: 100% !important;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
  }
  .btn01s {
    font-size: 1.2rem !important;
    height: 32px;
    padding: 0 5px !important;
  }

  .image_list2 {
    width: 100%;
  }
  .image_list2 > li {
    float: left;
    width: 32% !important;
    margin-right: 2% !important;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }
  .image_list2 > li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .image_list2 > li:nth-child(4n) {
    margin-right: 2% !important;
  }
  .image_list2 > li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list2 > li .title {
    padding: 0 !important;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list2 .list_info {
    padding-left: 0 !important;
  }

  .board_cont iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 450px;
  }

  /* 직원?�황 */
  .board_top .search.staff .width200 {
    width: 25% !important;
  }
  .board_top .search.staff .width150 {
    width: 20% !important;
  }
  .board_top .search.staff .width120 {
    width: 15% !important;
  }
  .board_top .search.staff .width220 {
    width: 20% !important;
  }

  /* ?�업공고 */
  .board_top .search.businesss .width100 {
    width: 12% !important;
  }
  .board_top .search.businesss span {
    position: relative;
    top: -5px;
  }
  .board_top .search.businesss .width150 {
    width: 12% !important;
  }
  .board_top .search.businesss .width120 {
    width: 12% !important;
  }
  .board_top .search.businesss .width220 {
    width: 12% !important;
  }

  /* ?�찰공고 */
  .board_top .search.bid .width100 {
    width: 12% !important;
  }
  .board_top .search.bid span {
    position: relative;
    top: -5px;
  }
  .board_top .search.bid .width120 {
    width: 15% !important;
  }
  .board_top .search.bid .width150 {
    width: 15% !important;
  }
  .board_top .search.bid .width220 {
    width: 15% !important;
  }

  /* 채용공고 */
  .board_top .search.hiring .width100 {
    width: 12% !important;
  }
  .board_top .search.hiring span {
    position: relative;
    top: -5px;
  }
  .board_top .search.hiring .width150 {
    width: 20% !important;
  }
  .board_top .search.hiring .width120 {
    width: 10% !important;
  }
  .board_top .search.hiring .width220 {
    width: 20% !important;
  }

  .btngroup {
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    text-align: center;
  }
  .btngroup .btn_y,
  .btngroup .btn_r {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* green ?�성?�료 */
  .btngroup .btn_n {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* gray 취소 */

  .mtablelist .mtable_row.nodata {
    height: 100px;
    text-align: center !important;
    line-height: 100px;
    float: none !important;
  }

  .mtablelist .mtable_row.file_bg {
    position: relative;
  }
  .mtablelist .mtable_row.file_bg:after,
  .mtablelist .mtable_row.file_bg::before {
    content: "\f15c";
    font-size: 2.5rem;
    color: silver;
    z-index: 1;
    position: absolute;
    top: 35%;
    right: 4% !important;
    margin: -0.48em -0.42em;
    font-family: "Font Awesome 5 Pro";
  }

  /* 부?�소�?*/
  .mtable.nth3hidden th:nth-child(2),
  .mtable.nth3hidden td:nth-child(2) {
    display: none;
  }
  .tableview.equip.pchidden img {
    max-width: 100% !important;
    height: auto;
  }

  .state {
    padding: 5px 3px !important;
    width: 50px !important;
    display: inline-block;
    border-radius: 2px;
    font-size: 1.2rem !important;
    font-weight: 200;
    position: relative;
    top: -5px;
    text-align: center;
  }

  /* tablelist */
  table.mtablelist {
    width: 100% !important;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    display: table !important;
  }
  .mtablelist thead th {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 7px;
    background: #e9ecf0;
    color: #3c3c3c;
    border-bottom: 1px solid #94a4bd;
    text-align: center;
    vertical-align: middle;
  }
  .mtablelist tbody tr:hover {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist.nohover tr:hover {
    background: none !important;
  }
  .mtablelist.nth2center tbody tr td:nth-child(2) {
    text-align: center;
  }
  .mtablelist tr td {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 5px;
    text-align: center;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .mtablelist tr td a,
  .tablelist tr td a:hover,
  .tablelist tr td a:visited {
    color: #00235c;
  }
  .mtablelist tr td a:hover {
    text-decoration: underline;
  }
  .mtablelist tr:last-child td {
    border-bottom: 0 !important;
  }
  .mtablelist tr td.relation {
    background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center;
    padding-left: 30px;
  }
  .mtablelist tr .mainFlag {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .btngroup.fl {
    text-align: left;
  }
  .btngroup.fr {
    text-align: right;
  }
  .btngroup.fl,
  .btngroup.fr {
    width: 50% !important;
    margin-top: 20px !important;
  }
  .btngroup.fl button,
  .btngroup.fr button {
    width: 40% !important;
  }
}

/* 모바???�로 */
@media all and (max-width: 767px) {
  .mcenter {
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .popup .tablewrite.mt30 td select {
    height: 34px !important;
  }
  .mhidden {
    display: none !important;
  }
  .tableline.mhidden {
    display: none !important;
  }
  .inline_mhhidden {
    display: none !important;
  }
  .pchidden {
    display: block !important;
  }
  .inline_pchidden {
    display: inline-block !important;
  }
  .tablewrite.pchidden {
    display: table !important;
    width: 100% !important;
  }
  .board_top .search {
    text-align: center !important;
    width: 100% !important;
  }
  .board_top .search i {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  /* ?�단?�식 */
  .board_top .search.notice_fo .width150 {
    width: 25% !important;
  }
  .board_top .search.notice_fo .width120 {
    width: 20% !important;
  }
  .board_top .search.notice_fo .width220 {
    width: 30% !important;
  }
  .board_top .search.notice_fo .btn {
  }
  /* ?��?기�??�식 */
  .board_top .search.notice_re .width120 {
    width: 30% !important;
  }
  .board_top .search.notice_re .width220 {
    width: 40% !important;
  }
  /* ?�업공고 */
  .board_top .search.businesss .width100 {
    width: 31.2% !important;
    margin-bottom: 5px;
  }
  .board_top .search.businesss span {
    position: relative;
    top: -5px;
  }
  .board_top .search.businesss i.fa-calendar-alt {
    color: #0093df;
    font-size: 3rem;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
    top: -6px;
  }
  .board_top .search.businesss .width150 {
    width: 32% !important;
    margin-bottom: 5px;
  }
  .board_top .search.businesss .width120 {
    width: 25% !important;
    margin-bottom: 5px;
  }
  .board_top .search.businesss .width220 {
    width: 70% !important;
  }
  /* 채용공고 */
  .board_top .search.hiring .width100 {
    width: 32% !important;
    margin-bottom: 5px;
  }
  .board_top .search.hiring span {
    position: relative;
    top: -5px;
  }
  .board_top .search.hiring i.fa-calendar-alt {
    color: #0093df;
    font-size: 3rem;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
    top: -6px;
  }
  .board_top .search.hiring .width150 {
    width: 25% !important;
    margin-bottom: 5px;
  }
  .board_top .search.hiring .width120 {
    width: 20% !important;
  }
  .board_top .search.hiring .width220 {
    width: 30% !important;
  }
  /* ?�찰공고 */
  .board_top .search.bid .width100 {
    width: 31.2% !important;
    margin-bottom: 5px;
  }
  .board_top .search.bid span {
    position: relative;
    top: -5px;
  }
  .board_top .search.bid i.fa-calendar-alt {
    color: #0093df;
    font-size: 3rem;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
    top: -6px;
  }
  .board_top .search.bid .width120 {
    width: 45% !important;
    margin-bottom: 5px;
  }
  .board_top .search.bid .width150 {
    width: 44.5% !important;
    margin-bottom: 5px;
  }
  .board_top .search.bid .width220 {
    width: 70% !important;
  }
  /* 묻고?�하�?*/
  .board_top .search.qnas .width120 {
    width: 30% !important;
  }
  .board_top .search.qnas .width220 {
    width: 40% !important;
  }
  /* ?�론보도 */
  .board_top .search.media .width100 {
    width: 32% !important;
    margin-bottom: 5px;
  }
  .board_top .search.media span {
    position: relative;
    top: -5px;
  }
  .board_top .search.media i.fa-calendar-alt {
    color: #0093df;
    font-size: 3rem;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
    top: -6px;
  }
  .board_top .search.media .width120 {
    width: 30% !important;
  }
  .board_top .search.media .width220 {
    width: 40% !important;
  }
  /* 칼럼/기고 */
  .board_top .search.business .width100 {
    width: 32% !important;
    margin-bottom: 5px;
  }
  .board_top .search.business span {
    position: relative;
    top: -5px;
  }
  .board_top .search.business i.fa-calendar-alt {
    color: #0093df;
    font-size: 3rem;
    margin-left: 3px;
    cursor: pointer;
    position: relative;
    top: -6px;
  }
  .board_top .search.business .width120 {
    width: 30% !important;
  }
  .board_top .search.business .width220 {
    width: 40% !important;
  }
  /* ?�보브로?�어 */
  .board_top .search.data .width120 {
    width: 30% !important;
  }
  .board_top .search.data .width220 {
    width: 40% !important;
  }
  /* ?�식지 */
  .board_top .search.newsletter .width120 {
    width: 30% !important;
  }
  .board_top .search.newsletter .width220 {
    width: 40% !important;
  }
  /* 간행�?*/
  .board_top .search.publication .width120 {
    width: 30% !important;
  }
  .board_top .search.publication .width220 {
    width: 40% !important;
  }
  /* ?�보?�영??*/
  .board_top .search.movie .width120 {
    width: 30% !important;
  }
  .board_top .search.movie .width220 {
    width: 40% !important;
  }
  /* �?��금�?�?*/
  .board_top .search.clean02 .width120 {
    width: 30% !important;
  }
  .board_top .search.clean02 .width220 {
    width: 40% !important;
  }
  /* ?��?감사결과 */
  .board_top .search.clean03 .width120 {
    width: 30% !important;
  }
  .board_top .search.clean03 .width220 {
    width: 40% !important;
  }
  /* 공시?�료 */
  .board_top .search.disclosure .width100 {
    width: 18% !important;
  }
  .board_top .search.disclosure .width200 {
    width: 28% !important;
  }
  .board_top .search.disclosure .width220 {
    width: 30% !important;
  }
  /* 직원?�황 */
  .board_top .search.staff .width200 {
    width: 50% !important;
    margin-bottom: 5px;
  }
  .board_top .search.staff .width150 {
    width: 40% !important;
    margin-bottom: 5px;
  }
  .board_top .search.staff .width120 {
    width: 30% !important;
  }
  .board_top .search.staff .width220 {
    width: 40% !important;
  }
  /* ?�비?�황 �??�청 */
  .board_top .search.equips .width200 {
    width: 28% !important;
  }
  .board_top .search.equips .width120 {
    width: 18% !important;
  }
  .board_top .search.equips .width220 {
    width: 30% !important;
  }
  /* ?�의?�현??*/
  .board_top .search.meets .width260 {
    width: 30% !important;
  }
  .board_top .search.meets .width220 {
    width: 40% !important;
  }
  /* ?�주기업?�황 */
  .board_top .search.companys .width200 {
    width: 23% !important;
  }
  .board_top .search.companys .width220 {
    width: 30% !important;
  }

  .board_top .post {
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .tablelist {
    display: none !important;
  }
  .tablelist.alldevice {
    display: table !important;
  }
  .mtablelist {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    box-sizing: border-box;
  }
  .mtablelist div {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 10px 15px;
    min-height: 50px !important;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.5rem;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mtablelist div .relation .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 98%;
    display: block;
  }
  .mtablelist div:last-child {
    border-bottom: none;
  }
  .mtablelist div:nth-child(2n) {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist div .title {
    color: #00235c;
  }
  .mtablelist ul.list_info li {
    float: left;
    margin-top: 10px;
    line-height: 10px;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #c8c8c8;
    height: 10px;
    font-size: 1.3rem !important;
  }
  .mtablelist ul.list_info li:last-child {
    border-right: none;
  }
  .mtablelist.m_company ul.list_info li:nth-child(2) {
    max-width: 40%;
    line-height: 14px !important;
    height: 14px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: none !important;
    position: relative;
    top: -2px;
  }
  .mtablelist.m_company ul.list_info li:nth-child(3) {
    border-left: 1px solid #c8c8c8;
    border-right: none !important;
    margin-right: 4px;
    padding-left: 8px;
  }
  .mtablelist .mtable_row.nodata {
    height: 100px;
    text-align: center !important;
    line-height: 100px;
    float: none !important;
  }
  .mtablelist .mainFlag {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .mtablelist .mtable_row.file_bg {
    position: relative;
  }
  .mtablelist .mtable_row.file_bg:after,
  .mtablelist .mtable_row.file_bg::before {
    content: "\f15c";
    font-size: 2.5rem;
    color: silver;
    z-index: 1;
    position: absolute;
    top: 35%;
    right: 8%;
    margin: -0.48em -0.42em;
    font-family: "Font Awesome 5 Pro";
  }

  .tableview tr th {
    font-size: 1.4rem !important;
    white-space: nowrap;
  }
  .tableview td {
    border-bottom: 1px solid #dedede;
    font-weight: 300;
    padding: 5px 10px !important;
    color: #5a5a5a;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4rem !important;
    line-height: 1.6;
    letter-spacing: 0;
    box-sizing: border-box;
  }
  .tableview td img {
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
  }
  .attach {
    padding: 0 !important;
  }
  .pageNum {
    margin-bottom: 30px;
  }
  textarea,
  input[type="text"],
  input[type="password"],
  select {
    -webkit-appearance: none;
    border-radius: 0;
  }

  .tablewrite {
    box-sizing: border-box;
  }
  .tablewrite input[type="text"] {
    box-sizing: border-box;
  }
  .tablewrite input[type="file"] {
    width: 90% !important;
    height: 34px;
  }
  .tablewrite th {
    width: 15% !important;
  }
  .tablewrite td {
    width: 20% !important;
  }
  .tablewrite td,
  .tablewrite th {
    font-size: 1.4rem !important;
  }
  .tablewrite td .height500 {
    height: 300px !important;
  }
  .tableview th span.answer_date {
    font-size: 1.1rem !important;
    letter-spacing: -1px !important;
  }

  .mbtn_group {
    float: none !important;
    margin: 20px auto !important;
    text-align: center;
  }
  .mbtn_group button {
    width: 32% !important;
  }

  .btngroup {
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    text-align: center;
  }
  .btngroup .btn_y,
  .btngroup .btn_r {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* green ?�성?�료 */
  .btngroup .btn_n {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* gray 취소 */

  /* ?�수?�력??�� */
  .required {
    font-size: 1.3rem !important;
    margin: 0 0 5px 0;
  }
  .required i {
    color: #ff3232;
    margin-right: 3px;
  }

  .mtablelist span.relation {
    background: url(../../images/dgtp/media_li_bg.png) no-repeat 0px 7px;
    padding-left: 10px;
    color: #35445d;
    display: table-cell;
  }

  /* imagelist */
  .image_list {
    width: calc(100% - 4px) !important;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    padding: 25px 2% 0 2% !important;
    display: inline-block;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }
  .image_list li {
    float: left;
    width: 45% !important;
    height: auto;
    margin-bottom: 5% !important;
    font-size: 1.4rem !important;
  }
  .image_list li:nth-child(2n) {
    margin-right: 0 !important;
    float: right;
  }
  .image_list li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list li .title {
    font-size: 1.4rem !important;
    line-height: 35px;
    padding: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list li .date {
    float: right;
    line-height: 32px;
  }
  .image_list li.nodata {
    width: 100% !important;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
  }
  .btn01s {
    font-size: 1.2rem !important;
    height: 32px;
    padding: 0 5px !important;
  }

  .image_list2 > li {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }
  .image_list2 > li:last-child {
    border-bottom: none !important;
  }
  .image_list2 > li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list2 > li .title {
    padding: 0 !important;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list2 .list_info {
    padding-left: 0 !important;
  }

  .board_cont iframe {
    width: 100% !important;
    height: auto !important;
  }

  .mbtngroup2 {
    position: relative;
    width: 100%;
    height: auto;
  }
  .mbtngroup2 button.btn05.fl.mr05 {
    width: 49% !important;
    margin-right: 2% !important;
    padding: 10px 0 !important;
    font-size: 1.2rem !important;
  }
  .mbtngroup2 button.btn05.fl {
    width: 49% !important;
    padding: 10px 0 !important;
    font-size: 1.2rem !important;
  }
  .mbtngroup2 button.btn.btn-3.fr {
    width: 49% !important;
    padding: 10px 0 !important;
    margin-top: 10px;
    margin-right: 0 !important;
    font-size: 1.2rem !important;
  }
  .mbtngroup2 button.btn05.mt20 {
    margin-top: 0 !important;
    margin-bottom: 10px;
  }

  .mtable th,
  .mtable td,
  .mtable tbody th {
    font-size: 1.2rem !important;
    padding: 3px !important;
    height: 25px !important;
  }
  .mtable col.width100 {
    width: auto !important;
  }
  .tablelist.mtable {
    display: table !important;
  }
  .tablelist.mtable td {
    padding: 8px 0 !important;
  }
  .tableline.mtable {
    width: 100% !important;
    display: table !important;
  }

  /* ?�의???�설?�약 */
  .meet_res .tableline.mtable td {
    height: 20px !important;
  }
  .meet_res .tableline.meet_table th,
  .meet_res .tableline.meet_table td {
    font-size: 1.2rem !important;
    padding: 3px 0 !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(2) {
    display: none !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(3) {
    display: block !important;
  }
  .tableline.mtable.monline_table td {
    padding: 8px 3px !important;
  }
  .monline_radio label {
    font-size: 1.3rem !important;
    float: left;
  }
  .monline_radio label span {
    position: relative;
    top: -1px;
  }
  .radio.fl.monline_radio {
    margin: 0 0 10px 0 !important;
  }

  /* 부?�소�?*/
  .mtable.nth3hidden th:nth-child(3),
  .mtable.nth3hidden td:nth-child(3) {
    display: none;
  }
  .mtable.nth3hidden th:nth-child(4),
  .mtable.nth3hidden td:nth-child(4) {
    display: none;
  }

  /* ?�이??비번찾기 */
  .popup .tablewrite.mt30 td .inputText.width150 {
    width: 25% !important;
  }
  .popup .tablewrite.mt30 td .select.width150 {
    width: 40% !important;
  }

  /* ?�원가??*/
  .tablewrite.pchidden.jointable td button.btn03 {
    height: 34px !important;
  }
  .tablewrite.pchidden.jointable td span.fs14 {
    display: block;
    font-size: 1.3rem !important;
  }
  .tablewrite.pchidden.jointable td label span {
    position: relative;
    top: -2px !important;
    font-size: 1.2rem !important;
    letter-spacing: -1.5px !important;
  }

  /* ?�청?�황 */
  .state {
    padding: 2px 4px !important;
    width: 60px !important;
    font-weight: 500;
    font-size: 1.3rem !important;
    text-align: center !important;
  }
  tfoot td {
    background: #ffeaea;
    text-align: right;
    color: #3c3c3c;
  }
  .mbtngroup {
    width: 100% !important;
    text-align: center;
    box-sizing: border-box;
    margin: 20px auto !important;
  }
  .mbtngroup .btn_m,
  .mbtngroup .btn_d,
  .mbtngroup .btn_l {
    width: 32% !important;
  }

  /* 부?�행???�고 ?�담 */
  .popup .tablewrite.pchidden label span {
    position: relative;
    top: -2px !important;
    font-size: 1.3rem !important;
    letter-spacing: -1.5px !important;
  }

  /* pagination */
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    font-size: 1.3rem !important;
  }
  .pagination > li > a,
  .pagination > li > span {
    padding: 5px 10px !important;
  }

  .btn-3 i {
    margin-left: 0 !important;
    position: relative;
  }
  .tableview.equip.pchidden img {
    max-width: 100% !important;
    height: auto;
  }

  .state {
    padding: 5px 3px !important;
    width: 50px !important;
    display: inline-block;
    border-radius: 2px;
    font-size: 1.2rem !important;
    font-weight: 200;
    position: relative;
    top: -5px;
    text-align: center;
  }

  /* tablelist */
  table.mtablelist {
    width: 100%;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
  }
  .mtablelist thead th {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 7px;
    background: #e9ecf0;
    color: #3c3c3c;
    border-bottom: 1px solid #94a4bd;
    text-align: center;
    vertical-align: middle;
  }
  .mtablelist tbody tr:hover {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist.nohover tr:hover {
    background: none !important;
  }
  .mtablelist.nth2center tbody tr td:nth-child(2) {
    text-align: center;
  }
  .mtablelist tr td {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 5px;
    text-align: center;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .mtablelist tr td a,
  .tablelist tr td a:hover,
  .tablelist tr td a:visited {
    color: #00235c;
  }
  .mtablelist tr td a:hover {
    text-decoration: underline;
  }
  .mtablelist tr:last-child td {
    border-bottom: 0 !important;
  }
  .mtablelist tr td.relation {
    background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center;
    padding-left: 30px;
  }
  .mtablelist tr .mainFlag {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .btngroup.fl {
    text-align: left;
  }
  .btngroup.fr {
    text-align: right;
  }
  .btngroup.fl,
  .btngroup.fr {
    width: 50% !important;
    margin-top: 20px !important;
  }
  .btngroup.fl button,
  .btngroup.fr button {
    width: 40% !important;
  }
}

/* 가로모??*/
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .tablewrite.pchidden {
    display: table !important;
    width: 100% !important;
  }
  .board_top .search {
    display: block !important;
    width: 100%;
    float: right;
    text-align: right;
  }
  .board_top .msearch {
    display: none !important;
  }
  .board_top .post {
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .tablelist {
    display: none !important;
  }
  .mtablelist {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    box-sizing: border-box;
  }
  .mtablelist div {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 10px 15px;
    min-height: 50px;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.5rem;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mtablelist div:last-child {
    border-bottom: none;
  }
  .mtablelist div:nth-child(2n) {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist div .title {
    color: #00235c;
  }
  .mtablelist ul.list_info li {
    float: left;
    margin-top: 10px;
    line-height: 10px;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #c8c8c8;
    height: 10px;
    font-size: 1.3rem !important;
  }
  .mtablelist ul.list_info li:last-child {
    border-right: none;
  }
  .mtablelist .mainFlag {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .tableview tr th {
    font-size: 1.4rem !important;
    white-space: nowrap;
  }
  .tableview td {
    border-bottom: 1px solid #dedede;
    font-weight: 300;
    padding: 5px 10px !important;
    color: #5a5a5a;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4rem !important;
    line-height: 1.6;
    letter-spacing: 0;
    box-sizing: border-box;
  }
  .tableview td img {
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
  }
  .attach {
    padding: 0 !important;
  }
  .pageNum {
    margin-bottom: 30px;
  }
  textarea,
  input[type="text"],
  input[type="password"],
  select {
    -webkit-appearance: none;
    border-radius: 0;
  }

  .tablewrite {
    box-sizing: border-box;
  }
  .tablewrite input[type="text"] {
    box-sizing: border-box;
  }
  .tablewrite input[type="file"] {
    width: 90% !important;
    height: 34px;
  }
  .tablewrite th {
    width: 15% !important;
  }
  .tablewrite td {
    width: 20% !important;
  }
  .tablewrite td,
  .tablewrite th {
    font-size: 1.4rem !important;
  }
  .tablewrite td .height500 {
    height: 300px !important;
  }
  .tableview th span.answer_date {
    font-size: 1.1rem !important;
    letter-spacing: -1px !important;
  }

  .mbtn_group {
    float: none !important;
    margin: 20px auto !important;
    text-align: center;
  }
  .mbtn_group button {
    width: 32% !important;
  }

  .btngroup {
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    text-align: center;
  }
  .btngroup .btn_y {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* green ?�성?�료 */
  .btngroup .btn_n {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* gray 취소 */

  /* ?�수?�력??�� */
  .required {
    font-size: 1.3rem !important;
    margin: 0 0 5px 0;
  }
  .required i {
    color: #ff3232;
    margin-right: 3px;
  }

  /* ?�의???�설?�약 */
  .meet_res .tableline.mtable td {
    height: 20px !important;
  }
  .meet_res .tableline.meet_table th,
  .meet_res .tableline.meet_table td {
    font-size: 1.2rem !important;
    padding: 3px 0 !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(2) {
    display: none !important;
  }
  .meet_res .tableline.meet_table td span:nth-child(3) {
    display: block !important;
  }
  .tableline.mtable.monline_table td {
    padding: 8px 3px !important;
  }
  .monline_radio label {
    font-size: 1.3rem !important;
    float: left;
  }
  .monline_radio label span {
    position: relative;
    top: -1px;
  }
  .radio.fl.monline_radio {
    margin: 0 !important;
    float: right !important;
    position: relative;
    top: 33px;
  }

  /* ?�의???�관?�청 */
  .meet_online .tableline.mtable.pchidden.monline_table {
    display: table !important;
    width: 100% !important;
  }
  .meet_online .tableline.mtable.pchidden {
    display: table !important;
    width: 100% !important;
  }

  /* imagelist */
  .image_list {
    width: calc(100% - 2px) !important;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
    padding: 25px 0 0 0 !important;
    display: inline-block;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }
  .image_list li {
    float: left;
    width: 23.5% !important;
    height: auto;
    margin-bottom: 2% !important;
    font-size: 1.4rem !important;
    margin-right: 2% !important;
    display: inline-block;
    box-sizing: border-box;
  }
  .image_list li:nth-child(2n) {
    margin-right: 2% !important;
    float: left !important;
  }
  .image_list li:nth-child(4n) {
    margin-right: 0 !important;
  }
  .image_list li:nth-child(6n) {
    margin-right: 2% !important;
  }
  .image_list li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list li .title {
    font-size: 1.4rem !important;
    line-height: 35px;
    padding: 0 !important;
    box-sizing: border-box;
    width: 100% !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list li .date {
    float: right;
    line-height: 32px;
  }
  .image_list li.nodata {
    width: 100% !important;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
  }
  .btn01s {
    font-size: 1.2rem !important;
    height: 32px;
    padding: 0 5px !important;
  }

  .image_list2 {
    width: 100%;
  }
  .image_list2 > li {
    float: left;
    width: 32% !important;
    margin-right: 2% !important;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }
  .image_list2 > li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .image_list2 > li:nth-child(4n) {
    margin-right: 2% !important;
  }
  .image_list2 > li img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #c8c8c8;
  }
  .image_list2 > li .title {
    padding: 0 !important;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .image_list2 .list_info {
    padding-left: 0 !important;
  }

  .board_cont iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 450px;
  }

  /* 직원?�황 */
  .board_top .search.staff .width200 {
    width: 25% !important;
  }
  .board_top .search.staff .width150 {
    width: 20% !important;
  }
  .board_top .search.staff .width120 {
    width: 15% !important;
  }
  .board_top .search.staff .width220 {
    width: 20% !important;
  }

  .mtablelist .mtable_row.nodata {
    height: 100px;
    text-align: center !important;
    line-height: 100px;
    float: none !important;
  }

  .mtablelist .mtable_row.file_bg {
    position: relative;
  }
  .mtablelist .mtable_row.file_bg:after,
  .mtablelist .mtable_row.file_bg::before {
    content: "\f15c";
    font-size: 2.5rem;
    color: silver;
    z-index: 1;
    position: absolute;
    top: 35%;
    right: 4% !important;
    margin: -0.48em -0.42em;
    font-family: "Font Awesome 5 Pro";
  }

  /* 부?�소�?*/
  .mtable.nth3hidden th:nth-child(2),
  .mtable.nth3hidden td:nth-child(2) {
    display: none;
  }

  .btngroup {
    width: 100% !important;
    margin: 40px auto 0 auto !important;
    text-align: center;
  }
  .btngroup .btn_y {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* green ?�성?�료 */
  .btngroup .btn_n {
    font-size: 1.4rem !important;
    width: 49% !important;
  } /* gray 취소 */
  .tableview.equip.pchidden img {
    max-width: 100% !important;
    height: auto;
  }

  /* tablelist */
  table.mtablelist {
    width: 100%;
    border-top: 1px solid #74849f;
    border-bottom: 1px solid #acb5c5;
  }
  .mtablelist thead th {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 7px;
    background: #e9ecf0;
    color: #3c3c3c;
    border-bottom: 1px solid #94a4bd;
    text-align: center;
    vertical-align: middle;
  }
  .mtablelist tbody tr:hover {
    background: rgba(116, 132, 159, 0.1);
  }
  .mtablelist.nohover tr:hover {
    background: none !important;
  }
  .mtablelist.nth2center tbody tr td:nth-child(2) {
    text-align: center;
  }
  .mtablelist tr td {
    border-bottom: 1px dashed #c8c8c8;
    font-weight: 300;
    padding: 5px;
    text-align: center;
    color: #6f6f6f;
    vertical-align: middle;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .mtablelist tr td a,
  .tablelist tr td a:hover,
  .tablelist tr td a:visited {
    color: #00235c;
  }
  .mtablelist tr td a:hover {
    text-decoration: underline;
  }
  .mtablelist tr:last-child td {
    border-bottom: 0 !important;
  }
  .mtablelist tr td.relation {
    background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center;
    padding-left: 30px;
  }
  .mtablelist tr .mainFlag {
    font-size: 1.6rem;
    font-weight: 500;
  }

  .btngroup.fl {
    text-align: left;
  }
  .btngroup.fr {
    text-align: right;
  }
  .btngroup.fl,
  .btngroup.fr {
    width: 50% !important;
    margin-top: 20px !important;
  }
  .btngroup.fl button,
  .btngroup.fr button {
    width: 40% !important;
  }
}

#frm_list {
  margin-top: 100px;
}

.tablelist {
  display: inline-table;
}
.mtablelist {
  display: none;
}
.pchidden {
  display: none !important;
}
.inline_pchidden {
  display: none !important;
}

.mhidden {
  display: block;
}
.inline_mhidden {
  display: inline-block;
}

table.mhidden {
  display: table !important;
}
.tableline.mhidden {
  display: table;
}
.tablelist.mtablelist.mtable {
  display: table;
}

/* btn */
/********************************************************************************************************
btn01(?�이�? : 검?????�폴??버튼
btn02(블루) : 문서?�성, 추�?, 변�???버튼
btn03(border?�이�? bg?�그?�이) : ?�록?�면 ??검??버튼, ?�면 ?�단 ?�폴??버튼
btn04(그린) : ?�음?�면?�어가�?버튼
btn05(?�드) : 반려, ??�� 버튼
********************************************************************************************************/
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn {
  display: inline-block;
  border: none;
  color: #787878;
  cursor: pointer;
  padding: 8px 25px;
  font-size: 1.4rem;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  font-weight: 300;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
}
.btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
  font-family: "fontawesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.btn01 {
  font-size: 1.4rem !important;
  height: 36px;
  padding: 0 13px;
  border: 1px solid #b2bccb;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #fff;
  color: #627ca6;
}
.btn01:hover {
  background: #fff;
  transition: 0.2s;
  border: 1px solid #60779d;
  color: #60779d !important;
  cursor: pointer;
}
.btn01s {
  font-size: 1.4rem !important;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #b2bccb;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #fff;
  color: #627ca6;
}
.btn01s:hover {
  background: #fff;
  transition: 0.2s;
  border: 1px solid #60779d;
  color: #60779d !important;
  cursor: pointer;
}
.btn02 {
  font-size: 1.4rem !important;
  padding: 8px 13px;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #22a824;
  color: #fff;
} /* green */
.btn02:hover {
  background: #138b14;
  transition: 0.2s;
  color: #fff !important;
  cursor: pointer;
}
.btn03 {
  font-size: 1.4rem !important;
  padding: 7px 13px !important;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #0093df;
  color: #fff;
} /* blue */
.btn03:hover {
  background: #0885dc;
  transition: 0.2s;
  color: #fff !important;
  cursor: pointer;
}
.btn04 {
  font-size: 1.4rem !important;
  padding: 8px 13px;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #7160b9;
  color: #fff;
} /* purple */
.btn04:hover {
  background: #51429f;
  transition: 0.2s;
  color: #fff !important;
  cursor: pointer;
}
.btn05 {
  font-size: 1.4rem !important;
  padding: 8px 17px 6px 17px;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background-image: url(../../images/dgtp/btn05_bg01.png),
    url(../../images/dgtp/btn05_bg02.png);
  background-repeat: no-repeat, repeat-x;
  background-position: left top, left top;
  background-color: #fff;
  color: #646464;
  border: 1px solid #dcdcdc;
  border-top: 0;
  letter-spacing: -0.3px;
}
.btn05 i {
  margin-left: 4px;
}

.btngroup {
  margin: 70px auto 0 auto;
  height: auto;
  text-align: center;
}
.btn_y {
  font-size: 1.7rem !important;
  font-weight: 400;
  letter-spacing: -0.6px;
  width: 230px;
  text-align: center;
  padding: 12px 0;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #22a824;
  color: #fff;
  border: 1px solid #22a824;
} /* green ?�성?�료 */
.btn_y:hover {
  background: #138b14;
  transition: 0.2s;
  color: #fff !important;
  cursor: pointer;
}

.btn_r {
  font-size: 1.7rem !important;
  font-weight: 400;
  letter-spacing: -0.6px;
  width: 230px;
  text-align: center;
  padding: 12px 0;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #fff;
  color: #ff3232;
  border: 1px solid #ffadad;
} /* red ??�� */
.btn_r:hover {
  background: #fff;
  transition: 0.2s;
  color: #ff3232 !important;
  cursor: pointer;
  border: 1px solid #ff8b8b;
}

.btn_n {
  font-size: 1.7rem !important;
  font-weight: 400;
  letter-spacing: -0.6px;
  width: 230px;
  text-align: center;
  padding: 12px 0;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #fff;
  color: #505050;
  border: 1px solid #bbb;
} /* gray 취소 */
.btn_n:hover {
  background: #fff;
  transition: 0.2s;
  color: #505050 !important;
  cursor: pointer;
  border-color: #787878;
}
.btn_m {
  font-size: 1.6rem !important;
  color: #005dba;
  border: 1px solid #99bee3;
} /* blue ?�정 */
.btn_d {
  font-size: 1.6rem !important;
  color: #ff3232;
  border: 1px solid #ffadad;
} /* red ??�� */
.btn_l {
  font-size: 1.6rem !important;
  color: #505050;
  border: 1px solid #aaa;
} /* black 목록 */
.btn_m,
.btn_d,
.btn_l {
  font-weight: 400;
  letter-spacing: -0.6px;
  width: 120px;
  text-align: center;
  padding: 9px 0;
  vertical-align: top;
  transition: 0.2s;
  cursor: pointer;
  background: #fff;
}
.btn_m:hover,
.btn_d:hover,
.btn_l:hover {
  text-decoration: underline;
}

.btn-2 {
  background: #fff;
  color: #3c3c3c;
  border: 1px solid #aaa;
  overflow: hidden;
  font-size: 1.4rem;
  padding: 0 0 0 15px;
  cursor: pointer;
}
.btn-2 i {
  margin-left: 10px;
  padding: 10px 13px;
  color: #fff;
  background: #aaa;
}

.btn-3 {
  background: #0885dc;
  color: #fff;
  overflow: hidden;
}
.btn-3:hover {
  background: #0877c4;
  color: #fff;
}
.btn-3:active {
  background: #0678c7;
  top: 2px;
  color: #fff;
}
.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
  left: auto;
  right: 10px;
  z-index: 2;
}
.btn-3:after {
  width: 30%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.btn-3:hover:after {
  width: 40%;
}
.btn-3 i {
  margin-left: 10px;
}

.btn-4 {
  background: #248b1e;
  color: #fff;
  overflow: hidden;
}
.btn-4:hover {
  background: #1d7517;
  color: #fff;
}
.btn-4:active {
  background: #186b12;
  top: 2px;
  color: #fff;
}
.btn-4:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
  left: auto;
  right: 10px;
  z-index: 2;
}
.btn-4:after {
  width: 30%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.btn-4:hover:after {
  width: 40%;
}
.btn-4 i {
  margin-left: 10px;
}

.btn-5 {
  background: #248b1e;
  color: #fff;
  overflow: hidden;
  padding: 15px 40px;
  font-size: 1.6rem;
}
.btn-5:hover {
  background: #1d7517;
  color: #fff;
}
.btn-5:active {
  background: #186b12;
  top: 2px;
  color: #fff;
}
.btn-5:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px;
  left: auto;
  right: 10px;
  z-index: 2;
}
.btn-5:after {
  width: 30%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.btn-5:hover:after {
  width: 40%;
}
.btn-5 i {
  margin-left: 10px;
}

.3btngroup {
  text-align: right !important;
}
.3btngroup button {
  width: 20% !important;
}

table {
  clear: both !important;
}
table tbody tr td button {
  padding: 5px 13px !important;
}
table tbody tr td img {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* td ?�렬*/
.nth2left tr td:nth-child(2) {
  text-align: left;
}
.nth3left tr td:nth-child(3) {
  text-align: left;
}

/* ?�동줄바꿈x */
/*table thead tr th, table thead tr td, table tbody tr th, table tbody tr td { white-space:nowrap ; }*/

/* 게시??view 첨�??�일 리스??*/
.attach {
  padding: 10px;
}
.attach li a {
  color: #115aa3;
}

/* 게시??검??*/
.board_top {
  font-size: 1.5rem;
  margin: 0 0 15px 0 !important;
  clear: both;
}
.board_top .post {
  margin-top: 10px;
}
.board_top .post {
}
.board_top .post li {
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.board_top .post li:first-child {
  margin-right: 15px;
}
.board_top .post li span {
  color: #0093df;
}
.board_top .search {
  display: block;
}
.board_top .search i.fa-calendar-alt {
  color: #0093df;
  font-size: 2rem;
  margin-left: 3px;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.board_top .msearch {
  display: none;
}

/* ?�수?�력??�� */
.required {
  font-size: 1.6rem;
  margin: 0 0 5px 0;
}
.required i {
  color: #ff3232;
  margin-right: 3px;
}

/* ?�이�?*/
.notice {
  color: #fff;
  background: #22a824;
  border-radius: 2px;
  padding: 1px 5px 2px 5px;
  font-weight: 400;
}
.tableview .notice,
.tableview .state,
.tableview .qna {
  margin-right: 4px;
  text-align: center;
  width: auto;
}
.state {
  padding: 2px 6px;
  width: 55px;
  display: inline-block;
  border-radius: 2px;
  font-size: 1.4rem;
}
.state01 {
  color: #fff;
  background: #00afbf;
}
.state02 {
  color: #fff;
  background: #b5b5b5;
}
.state03 {
  color: #fff;
  background: #0076be;
}
.state04 {
  color: #fff;
  background: #f58220;
}
.qna {
  padding: 2px 6px;
  width: 55px;
  display: inline-block;
  border-radius: 2px;
  font-size: 1.4rem;
  text-align: center;
}
.qna01 {
  color: #fff;
  background: #0093df;
}
.qna02 {
  color: #787878;
  background: #e6e6e6;
}
.qna03 {
  color: #fff;
  background: #22a824;
}
.tablewrite .fa-check {
  margin-left: 3px;
  color: #ff3232;
}
a .fa-times {
  color: #ff3232;
  cursor: pointer;
  padding: 3px;
}

/* 첨�??�일 */
.file_input label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  verticla-align: middle;
  overflow: hidden;
  width: 100px;
  border: 1px solid #c8c8c8;
  color: #555;
  text-align: center;
  font-size: 1.3rem;
  height: 32px;
  line-height: 32px;
  transition: 0.2s;
  background: #dfe2e6;
  left: -5px;
}
.file_input label:hover {
  background: #d4d7db;
  border: 1px solid #b4b4b4;
  color: #555;
}
.file_input label input {
  position: absolute;
  width: 0;
  height: 0 !important;
  overflow: hidden;
}
.file_input input[type="text"] {
  vertical-align: middle;
  display: inline-block;
  width: 250px;
  font-size: 1.2rem !important;
  padding: 0 10px !important;
  border: 0;
  border: 1px solid #c8c8c8;
  letter-spacing: -1px;
  background: #fafafa;
}

/* tableline */
.tableline {
  width: 100%;
  border-top: 2px solid #74849f;
  border-bottom: 1px solid #acb5c5;
  margin-bottom: 20px;
  border-left: 1px solid #c8c8c8;
}
.tableline tr th {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 5px;
  background: #edeff3;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #94a4bd;
  border-top: 1px solid #74849f !important;
  vertical-align: middle;
  letter-spacing: 0;
  border-right: 1px solid #c8c8c8;
}
.tableline th a,
.tableline th a:hover,
.tableline th a:visited {
  color: #000 !important;
}
.tableline td {
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  font-weight: 300;
  padding: 5px 15px;
  color: #6f6f6f;
  text-align: center;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  background: #fff;
}
.tableline td a,
.tableline td a:visited,
.tableline td a:hover {
  color: #01579b;
}
.tableline td a:hover {
  text-decoration: underline;
}
.tableline td.verticalT {
  vertical-align: top;
}
.tableline tfoot td {
  background: #ffeaea;
  text-align: center;
  color: #3c3c3c;
  font-weight: 500;
}
.tableline.location a,
.tableline.location a:hover,
.tableline.location a:active {
  color: #6f6f6f !important;
  text-decoration: none !important;
}

/* tableline type02 */
.tableline02 {
  width: 100%;
  border-top: 2px solid #004b93;
  margin-bottom: 20px;
  border-left: 1px solid #c8c8c8;
}
.tableline02 tr th {
  font-size: 1.6rem;
  font-weight: 300;
  padding: 5px;
  background: #edeff3;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #94a4bd;
  border-top: 1px solid #74849f !important;
  vertical-align: middle;
  letter-spacing: 0;
  border-right: 1px solid #c8c8c8;
}
.tableline02 tr td {
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  font-weight: 300;
  padding: 12px 20px;
  color: #6f6f6f;
  text-align: center;
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0;
  background: #fff;
}

/* tablelist */
.tablelist {
  width: 100%;
  border-top: 2px solid #004b93;
}
.tablelist thead th {
  font-size: 1.5rem;
  font-weight: 400;
  padding: 15px 7px;
  background: #f9f9f9;
  color: #3c3c3c;
  text-align: center;
}
.tablelist tbody tr:hover {
  background: rgba(116, 132, 159, 0.1);
}
.tablelist.nohover tr:hover {
  background: none !important;
}
.tablelist.nth2center tbody tr td:nth-child(2) {
  text-align: center;
}
.tablelist tr td {
  border-bottom: 1px dashed #c8c8c8;
  font-weight: 300;
  padding: 10px 15px;
  text-align: center;
  color: #6f6f6f;
  vertical-align: middle;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.tablelist tr td a,
.tablelist tr td a:hover,
.tablelist tr td a:visited {
  color: #00235c;
}
.tablelist tr td a:hover {
  text-decoration: underline;
}
.tablelist tr:last-child td {
  border-bottom: 0 !important;
}
.tablelist tr td.relation {
  background: url(../../images/dgtp/media_li_bg.png) no-repeat 18px center;
  padding-left: 30px;
}
.tablelist tr .mainFlag {
  font-size: 1.6rem;
  font-weight: 500;
}

/* imagelist */
.image_list {
  width: 100%;
  border-top: 1px solid #74849f;
  border-bottom: 1px solid #acb5c5;
  padding: 25px 10px 0 10px;
  display: inline-block;
  box-sizing: border-box;
}
.image_list li {
  float: left;
  width: 205px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 25px;
  font-size: 1.5rem;
}
.image_list li:nth-child(6n) {
  margin-right: 0;
}
.image_list li img {
  width: 203px;
  height: 267px;
  border: 1px solid #c8c8c8;
}
.image_list li .title {
  line-height: 35px;
  padding: 0 5px;
  box-sizing: border-box;
  width: 203px;
  display: block;
}
.image_list li .date {
  float: right;
  line-height: 32px;
}
.image_list li.nodata {
  width: 100%;
  text-align: center;
  line-height: 100px;
}

/* imagelist */
.image_list2 {
  width: 100%;
  border-top: 1px solid #74849f;
  border-bottom: 1px solid #acb5c5;
  padding: 25px 10px 0 10px;
  display: inline-block;
  box-sizing: border-box;
}
.image_list2 > li {
  float: left;
  width: 310px;
  height: auto;
  margin-right: 13px;
  margin-bottom: 25px;
  font-size: 1.5rem;
}
.image_list2 > li a,
.image_list2 > li a:hover,
.image_list2 > li a:visited {
  color: #00235c;
}
.image_list2 > li a:hover {
  text-decoration: underline;
}
.image_list2 > li:nth-child(4n) {
  margin-right: 0;
}
.image_list2 > li img {
  width: 308px;
  height: 173px;
  border: 1px solid #c8c8c8;
}
.image_list2 > li .title {
  padding: 0 5px;
  box-sizing: border-box;
  width: 203px;
  display: block;
}
.image_list2 .list_info {
  float: left;
  width: 100%;
  padding-left: 5px;
}
.image_list2 .list_info li {
  float: left;
  margin-top: 5px;
  line-height: 10px;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #c8c8c8;
  height: 10px;
  font-size: 1.3rem !important;
}
.image_list2 .list_info li:last-child {
  border-right: none;
}
.image_list2 li.nodata {
  width: 100%;
  text-align: center;
  line-height: 100px;
}

/* tableview */
.tableview {
  width: 100%;
  border-top: 2px solid #74849f;
  margin-bottom: 20px;
}
.tableview tr th {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 5px;
  background: #e9ecf0;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #b5b8c0;
  border-top: 1px solid #b5b8c0 !important;
  vertical-align: middle;
  letter-spacing: 0;
}
.tableview tr th.viewth02 {
  background: #f6f7f9;
}
.tableview td a,
.tableview td a:hover,
.tableview td a:visited {
  color: #002054 !important;
}
.tableview td {
  border-bottom: 1px solid #dedede;
  font-weight: 300;
  padding: 5px 15px;
  color: #5a5a5a;
  text-align: left;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  box-sizing: border-box;
}
.tableview td a:hover {
  text-decoration: underline;
}
.tableview td img {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}
.tableview td.board_cont {
  padding: 40px;
}
.tableview.equip td img {
  width: auto;
  max-height: 300px !important;
}

/* tablewrite */
.tablewrite {
  width: 100%;
  border-top: 2px solid #74849f;
  margin-bottom: 20px;
}
.tablewrite tr th {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 5px;
  background: #e9ecf0;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #b5b8c0;
  border-top: 1px solid #b5b8c0 !important;
  vertical-align: middle;
  letter-spacing: 0;
}
.tablewrite tr th.viewth02 {
  background: #f6f7f9;
}
.tablewrite th a,
.tablewrite th a:hover,
.tablewrite th a:visited {
  color: #000 !important;
}
.tablewrite td {
  border-bottom: 1px solid #dedede;
  font-weight: 300;
  padding: 5px 7px;
  color: #5a5a5a;
  text-align: left;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  box-sizing: border-box;
}
.tablewrite td span {
  line-height: 2.4;
}
.tablewrite td a:hover {
  text-decoration: underline;
}
.tablewrite td img {
  max-width: 820px;
}
.tablewrite td textarea {
  padding: 1% !important;
  width: 98% !important;
}
.tablewrite td input[type="text"],
.tablewrite td input[type="password"],
.tablewrite td input[type="number"],
.tablewrite td input[type="email"] {
  padding: 0;
  vertical-align: middle;
}
.tablewrite .answer_date {
  display: block;
  color: #787878;
}
.tablewrite td .fa-calendar-alt {
  color: #0093df;
  font-size: 2rem;
  margin-left: 3px;
  cursor: pointer;
}

/* equip_status */
.equip_status img {
  max-height: 120px;
}
.equip_view img {
  max-width: 323px;
}

/* pagination */
.pageNum {
  width: 100%;
  text-align: center;
  float: left;
  margin-top: 20px;
}
.pagination {
  display: inline-block;
  padding-left: 0px; /*margin: 20px 0;*/
}
.pagination > li {
  display: inline;
}
.pagination-sm {
  text-align: center;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 10px;
  font-size: 1.4rem;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 15px;
  margin-left: -1px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  color: #787878;
  margin-right: 5px;
  transition: 0.2s;
  font-weight: 300;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0px;
  transition: 0.2s;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #0093df;
  cursor: default;
  background-color: #fff;
  border-color: #828282;
  font-weight: 500;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  margin-right: 0;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #c9c9c9;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background: #fff;
  border-color: #828282;
  color: #828282;
  transition: 0.2s;
}