/*노출형 노티스 */
.myo_search_notice{padding:12px; background: #fbfbff; -webkit-box-shadow:0px 1px 2px 2px #e8e9ed; box-shadow:0px 1px 2px 2px #e8e9ed; border-radius:8px;}
/*.myo_search_notice p{width:100%; color:#e91e63; line-height: 1.3; word-break: keep-all; font-weight:400; font-size:14px; margin-bottom:5px; text-indent:-5px; margin-left: 5px;}*/
.myo_search_notice p{width:100%; color:#283056; line-height: 1.6; word-break: break-word; font-weight:400; font-size:14px; margin-bottom:5px; text-indent:-7px; margin-left: 20px;}
.myo_search_notice p:last-child{ margin-bottom:0;}
.myo_search_notice p:before{content: "※"; margin-right:2px; color: #e91e63; font-size:15px; margin-left:-10px;}
/*.myo_search_notice p:before{content: "*"; margin-right:2px; color: #e91e63; font-size:15px;}*/
.myo_search_notice p .notice_tit{display:inline-block; margin-bottom:5px; margin-left:5px}

.list-table-wrap{overflow-x:auto;overflow-y:hidden; /*margin-top:25px;*/}
.list-table-wrap table.list-table{width:100%;}/*테이블 100퍼센트*/
.list-table-wrap.anal_list{margin-top:20px;}
.list-table thead th,.list-table tbody td{white-space:nowrap}
.list-table-wrap thead th,.list-table-wrap tbody td{white-space:nowrap}
.ctn-box{border:1px solid #e0e1e1;background-color:#fff; min-height: 500px; /*padding-top: 30px;*/}
.ctn-box .tit{border-bottom:3px double #e0e1e1; color:#212529; /*background-color:#f7f7f7;*/ font-size:18px; padding:10px 10px 10px 5px;}
.list-table{border:1px solid #e0e4e7}
.list-table thead th,.list-table tbody td{border:1px solid #e1e4e8;white-space:nowrap}
.list-table thead th{color:#000}
.list-table tbody tr:nth-child(odd){background-color:#f2f2f2}
.list-table tfoot { background: #f8f8f8;border-top: 2px solid #e0e4e7;}
.list-table tfoot th{ padding: 10px; font-weight: normal;border:1px solid #e1e4e8;}
.list-table .tfoot { background: #f8f8f8; /*border-top: 2px solid #e0e4e7;*/} /*임시*/
.list-table .tfoot th{ padding: 10px; font-weight: normal;border:1px solid #e1e4e8;}
/*공지사항 페이지 특수 홀수 짝수라인 백그라운드 구분 삭제*/
.list-table.notice_list_box tbody tr:nth-child(odd){background:#fff;}
.notice_list_box tr:hover{background:rgba(0,0,0,0.1) !important;}
/*스크롤 노티스 위치 css*/
.position_relate_box{position:relative; /**/padding: 5px 20px 5px 5px; /*border-bottom:1px solid #a7a7a7;*/ height:auto; min-height:30px; clear: both;}
.position_relate_box2{position:relative; /**/padding: 5px 20px 5px 5px; /*border-bottom:1px solid #a7a7a7;*/ height:auto; min-height:30px; clear: both;}
.position_relate_box strong, .position_relate_box2 strong{color: #272c33;}
.position_relate_box em, .position_relate_box2 em{color: #0abab5;}
.position_ques_icon{ display:none; position: absolute; right:8px; bottom:8px; font-size:12px; /*top:50%; transform:translateY(-50%);*/}
.position_ques_icon>i{color: #0abab5 !important; margin-left:4px;}

.ctn-box .board-inner{box-sizing: border-box; padding:25px 37px 70px; /*background:#f9f9f9;*/ /**/}
.ctn-box .board-view-txt{padding:35px 20px;font-size:16px; margin-top:10px; margin-bottom:20px; border:1px solid #ddd; /*border-left:1px solid #ddd;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd;*/}
.list-table{font-size:16px}
.list-table thead th{padding:15px;color:#000}
.list-table tbody td{padding:10px}
.list-table tbody td a:hover{text-decoration:underline}
.board-serarch{margin-bottom:15px}
.board-serarch .l{font-size:16px}
.board-serarch .l select{width:80px;height:30px;font-size:16px}
.board-serarch .r{font-size:16px}
.board-serarch .r input[type=text]{width:200px;border:1px solid #e0e4e8}
.board-serarch .r button{width:30px}
.board-serarch .r .srh{background-color:#272c33; display:block; padding:3px 10px; width:100px; text-align:center;color:#fff}
.view-date{margin-left:11px;font-size:13px;color:#828282}

/*pc 공지사항 badge 추가*/
.impo-badge{border:1px solid red; color:red; padding:0 3px; font-size:0.8em; margin-left:5px; }
.new-badge{border:1px solid #0abab5; color:#0abab5; padding:0 3px; font-size:0.8em; margin-left:5px; }

div#admin_page{word-break: break-all}
.board-view-txt{padding:35px 20px;font-size:16px; margin-top:10px; margin-bottom:20px; border:1px solid #ddd; background:#fff;/*border-left:1px solid #ddd;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd;*/}
.tit{border-bottom:3px double #e0e1e1; color:#212529; /*background-color:#f7f7f7;*/ font-size:18px; padding:10px 10px 10px 5px;}

/*-- 공지사항 1:1문의 등 form 공통사용 --*/
#myo_form {border:1px solid #ddd; margin-top:20px; position:relative;}
#myo_form>li{display:table; width:100%; table-layout: fixed; border-bottom:1px solid #ddd;  color:#444; font-size: 15px;}
#myo_form>li:last-child{border-bottom:0;}
#myo_form>li .item_title{border-right:1px solid #ddd; display: table-cell; width:20%; padding:10px; background:#f9f9f9; vertical-align: middle; font-weight: 400; color:#666; word-break: break-word;}
#myo_form>li .item_content{display: table-cell; padding:10px;  vertical-align: middle; color:#333; /*background:#fff;*/ word-break: break-word;}
/*필수 입력 요소인 경우 추가*/
#myo_form>li .item_title.req_mark:before{content:'*'; vertical-align: middle; color:#0abab5; margin-right:4px;}
/*필수입력사항 표시*/
.Required_mark{position:absolute; top:-40px; right:0;}
/* 콘텐츠 입력 css */
#myo_form>li span input[type=text]{height:35px; border:1px solid #BBB; max-width: 250px; width:100%; font-size:15px;}
#myo_form>li span input[type=password]{height:35px; border:1px solid #BBB; max-width: 250px; width:100%; font-size:15px;}
#myo_form>li span select{height:35px; max-width: 250px; width:100%; font-size:15px; border: 1px solid #bbb;}
#myo_form>li span textarea{font-size:16px;}
/*수당발생자 입력란*/
#myo_form>li .jumin-box{ width: 100%; max-width: 200px; display: inline-block;}
#myo_form>li .jumin-box input[type=text]{width:90px; text-align: left;}
/*폼이 테이블로 작성된 경우*/
.myo_form_table{border: 1px solid #ddd; margin-top: 20px;}
.myo_form_table tr{border-bottom:1px solid #ddd;}
.myo_form_table tr:last-child{border-bottom:0px solid #ddd;}
.myo_form_table tr td:nth-child(1) strong{font-weight: 400;}
.myo_form_table tr .item_title{border-right: 1px solid #ddd; width: 20%; padding: 10px; background: #f9f9f9; vertical-align: middle; word-break: keep-all; font-weight: 400; color: #666; text-align: left; font-size: 15px;}
.myo_form_table tr .item_content{ padding: 10px; vertical-align: middle; color: #333; font-size: 15px;}
.myo_form_table tr .item_content input[type=text]{height:35px; padding:2px 5px; border: 1px solid #BBB; max-width: 250px; width: 100%; font-size: 15px;}

#myo_form_table{border: 1px solid #ddd; margin-top: 20px;}
#myo_form_table tr{border-bottom:1px solid #ddd;}
#myo_form_table tr:last-child{border-bottom:0px solid #ddd;}
#myo_form_table tr td:nth-child(1) strong{font-weight: 400;}
#myo_form_table tr .item_title{border-right: 1px solid #ddd; width: 20%; padding: 10px; background: #f9f9f9; vertical-align: middle; word-break: keep-all; font-weight: 400; color: #666; text-align: left; font-size: 15px;}
#myo_form_table tr .item_content{ padding: 10px; vertical-align: middle; color: #333; font-size: 15px;}
#myo_form_table tr .item_content input[type=text]{height:35px; padding:2px 5px; border: 1px solid #BBB; max-width: 250px; width: 100%; font-size: 15px;}

/*첨부 */
.bg-contwrap{margin-bottom:20px; display: table; width:100%; table-layout: fixed; border:1px solid #ddd; border-top:0;}
.bg-contwrap h3{display: table-cell; width:20%; font-size:15px; padding:10px; border-right:1px solid #ddd; background:#f7f7f7;} 이거
.bg-contwrap .bg-cont{display: table-cell; font-size:15px; padding:10px;}
/*답변 */
.history-list-wrap{border:1px solid #ddd; margin-top:20px; margin-bottom: 20px;}
.history-list-wrap h4{padding:10px; background:#f7f7f7; border-bottom:1px solid #ddd; color:#444; font-size: 16px;}
/*.history-list-wrap h4:before {  content:"✔  " !important; color: darkorchid; margin-right: 7px;}*/
.history-list-wrap .history_table{padding:10px; color:#444;}
.history-list-wrap .history_table li{border-bottom:1px dotted #ddd; margin-bottom:10px;}
.history-list-wrap .history_table li:last-child{border-bottom:0px dotted #ddd; margin-bottom:0;}
.history-list-wrap .history_table li h5{font-size:13px; color: #939393; margin-bottom:5px;}
.history-list-wrap .history_table li .history_table_cont{font-size:15px;}
.history-list-wrap .history_table li .add_f{margin-top:8px; color:#888;}
/*1:1문의 동의하기*/
.write_form_01{margin-top:20px; margin-bottom:30px;}
.write_form_01.agree1{overflow: hidden;}
.write_form_01.agree1 .clause_title{margin:10px 0; font-size:15px; color: #444;}
.write_form_01.agree1 .clause_box{border:1px solid #ddd; padding:10px; font-size:14px; overflow-y:scroll; height: 100px;}

.badge{ display: inline-block;
  background: #ff1313;
  /*background-image: -webkit-linear-gradient(top, #fa927f, #fc0d0d);
  background-image: -moz-linear-gradient(top, #fa927f, #fc0d0d);
  background-image: -ms-linear-gradient(top, #fa927f, #fc0d0d);
  background-image: -o-linear-gradient(top, #fa927f, #fc0d0d);
  background-image: linear-gradient(to bottom, #fa927f, #fc0d0d);*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #ffffff;
  border: solid transparent 1px;
  font-size:10px !important;
  line-height: 170%;
}

.badge::before{ content: ''; padding-left: 7px; }
.badge::after{ content: ''; padding-right: 7px; }

@media all and (max-width:700px) {
  .myo_table_tit{font-size:18px; margin-top:20px;}
  /*1023이하에서 */
  .submit_btn_box{display: block; margin-top:8px;}

  /*-- 공지사항 1:1문의 등 form 공통사용 --*/
  #myo_form {border:0px solid #ddd; display: block;}
  #myo_form>li:last-child{border-bottom:1px solid #ddd;}
  /*#myo_form>li .item_title:before{ content:" ▼ " !important; color: #000;}*/
  #myo_form>li .item_title{display: block; width:100%; border-right:0px solid #ddd; background:transparent; padding:8px 5px; font-size:16px; color:#000; font-weight:500;}
  #myo_form>li .item_content{display: block; width:100%; padding:8px 5px; font-size:16px;}
  /* 콘텐츠 입력 css */
  #myo_form>li span input[type=text]{height:35px; border:1px solid #BBB; max-width: 320px; width:100%; font-size:16px;}
  #myo_form>li span input[type=password]{height:35px; border:1px solid #BBB; max-width: 320px; width:100%; font-size:16px;}
  #myo_form>li span select{height:35px; max-width: 320px; width:100%; font-size:16px; border: 1px solid #bbb;}
  #myo_form>li span textarea{font-size:16px;}
  /*수당발생자 입력란*/
  #myo_form>li .jumin-box{ width: 100%; max-width: 320px; display: inline-block;}
  #myo_form>li .jumin-box input[type=text]{width: calc(50% - 10px); text-align: left;}
  /*폼이 테이블로 작성된 경우*/
  .myo_form_table{border: 1px solid #ddd; margin-top: 20px;}
  .myo_form_table tr{border-bottom:1px solid #ddd;}
  .myo_form_table tr:last-child{border-bottom:0px solid #ddd;}
  .myo_form_table tr .item_title{border-right: 1px solid #ddd; width: 20%; padding:8px 5px; background: #f9f9f9; vertical-align: middle; word-break: keep-all; font-weight: 400; color: #666; text-align: left; font-size: 15px;}
  .myo_form_table tr .item_content{ padding: 10px; vertical-align: middle; color: #333; font-size: 15px;}
  .myo_form_table tr .item_content input[type=text]{height:35px; padding:8px 5px; border: 1px solid #BBB; max-width: 250px; width: 100%; font-size: 15px;}
  /*첨부 */
  .bg-contwrap{display: block; width:100%; border:0px solid #ddd; border-bottom:1px solid #ddd;}
  .bg-contwrap h3{display: block; width:100%; border-right:0px solid #ddd; background:transparent;}
  /*.bg-contwrap h3:before{ content:" ▼ " !important; color: #000;}*/
  .bg-contwrap .bg-cont{display: block; }
  /*파일첨부*/
  /*.view-add-file{display: block; width:100%;}
  .view-add-file .l{display: block; width:100%; padding:5px 10px; border-bottom: 1px solid #ddd; border-right: 0px solid #ddd;}
  .view-add-file .r{ display: block;}
  .view-add-file .r ul li a{display: block; text-align: left; padding:10px;}*/
  .view-add-file .r ul li a{display: block; text-align: left; padding:10px;}

  .bg-contwrap h3{display: block;
    width: 100%;
    border-right: 0px solid #ddd;
    background: transparent;
    padding: 8px 5px;
    font-size: 16px;
    color: #000;
    font-weight: 500;}

}