

p { margin:0px; padding:0px }


.input{background-color:fafafa;border-left:1px solid E0E0E0; border-right:1px solid E0E0E0; border-top:1px solid E0E0E0; border-bottom:1px solid #E0E0E0; height:20px;}
.textarea {border:1px solid #E3E3E3; font-family:verdana;font-size:8pt;border-top-color:#E3E3E3; border-right-color:#E3E3E3; border-bottom-color:#E3E3E3; border-left-color:#E3E3E3; background-color:#ffffff}

.inputH {FONT-SIZE: 14px;border: #ccc 1px solid; color:#666666; height:28px; line-height:28px; FONT-FAMILY:'Nanum Gothic', "돋움","verdana";   BACKGROUND-COLOR: #fbfbfb;  padding-left:6px;}
.selectH {padding:4px; FONT-SIZE: 14px;border: #ccc 1px solid; color:#666666; height:28px; FONT-FAMILY:'Nanum Gothic', "돋움","verdana";   BACKGROUND-COLOR: #fbfbfb; }
.textareaH {padding:5px; FONT-SIZE: 14px;border: #ccc 1px solid; color:#666666; FONT-FAMILY:'Nanum Gothic', "돋움","verdana";   BACKGROUND-COLOR: #fbfbfb; }

.margin { padding-top:20px;padding-left:15px; padding-right:15px; padding-bottom:20px; text-align: justify; }
.margin_comment { padding-top:10px;padding-left:15px; padding-right:15px;  text-align: justify; }
.margin_left { padding-left:20px; padding-right:20px;text-align: justify; }

.list0 {background-color:#; height:25px; font-size:9pt;}
.list1 {background-color:#; height:25px; font-size:9pt;}
.b_input { color: #666666; font-size:9pt; border:solid 1 #cccccc;height : 19px; background-color:ffffff;}
.b_textarea { FONT-SIZE: 14px;border: #ccc 1px solid; color:#666666; FONT-FAMILY:'Nanum Gothic', "돋움","verdana";   BACKGROUND-COLOR: #fbfbfb;  }


/*추가*/
.newgallery_view .newtitle { height:50px; background:#f6f4f1; border-top:2px solid #006a82; border-bottom:1px solid #bfbfbf; }
.newgallery_view .newtitle span { font-size:14px; font-weight:700; padding-left:20px; }


/*파일업로드 스타일 추가*/
.finputupload label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:28px;
    background:#777;
    color:#fff;
    text-align:center;
    line-height:28px;
}
.finputupload label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.finputupload input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:300px;
    height:28px;
    line-height:28px;
    font-size:14px;
    padding:0;
    border:0;
    border:1px solid #cccccc;
}


/*쓰기페이지 td값 설정*/
.table_th01 { border-bottom: 1px solid #ccc; background-color:#F9F9F9; }
.table_th02 { border-bottom: 1px solid #e5e5e5;  }


/*리스트 tr오버시 색상반전효과 설정*/
.board-hoveron tr:hover {
	background:#fbfbfb;
}

/* 새글 new 아이콘 */
.new_tagview {display:inline-block; color:#fff; font-size:10px; text-align:center; width:16px; height:16px; line-height:16px; background-color:#ff7b05; margin-left:6px; border-radius:4px;}

/* 공지 아이콘 */
.notice_tagview {font-size:13px; font-weight:300; color:#fff; background-color:#999999; border-radius:5px; width:45px; height:22px; line-height:22px; text-align:center; display:inline-block;}


    /* 반응형 리스트 */
    .board_wrap {
      margin: 0 auto;
      padding: 30px 0;
    }


    .board_wrap a {
      text-decoration: none;
    }

    
    .the_board {
      width: 100%;
      border-top: 2px solid #444444;
    }

    .the_board tr th,
    .the_board tr td {
      color: #333333;
      padding: 15px 10px;
      border-bottom: 1px solid #ddd;
      text-align: center;
      line-height: 1.4;
    }

    .the_board tr .title_td {
      text-align: left;
    }

    .the_board tr a {
      color: #333333;
    }

    .the_board thead tr th {
      font-weight: bold;
      font-weight: 500;
      background-color:#fafafa;
    }

    .the_board tr td .board_title {
      display: block;
      height: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 590px;
    }

    .the_board tr td .innerTxts em {
      font-size: 13px;
      color: #ff615e;
    }

    
    @media screen and (max-width:720px) {
      .board_src {
        width: 95%;
        margin: 0 auto 20px auto;
      }

      .the_board thead,
      .the_board .number,
      .the_board .boardvalue,
      .the_board .howMany,
      .the_board .checkTd,
      .the_board colgroup {
        display: none;
      }

      .the_board tbody tr {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
        padding: 10px;

      }

      .the_board,
      .the_board tbody,
      .the_board tbody tr,
      .the_board tbody tr td,
      .the_board tbody tr th {
        display: block;
      }

      .the_board tbody tr {
        font-size: 0;
      }

      .the_board tbody tr td,
      .the_board tbody tr th {
        font-size: 16px;
        box-sizing: border-box;
        border: none;
        padding: 0;
      }

      .the_board tr .title_td {
        width: 75%;
        display: inline-block;
        vertical-align: middle;
        /* overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; */
      }

      .the_board tr .theWriter {
        width: 25%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
      }

      .the_board .writeDate {
        text-align: left;
        width: 100%;
        padding-top: 10px;
      }

    }
    
    
    /*게시물 보기 페이지*/
    .read_top {
      position: relative;
      box-sizing: border-box;
      font-size: 16px;
      border-top: 2px solid #444444;
      line-height: 1.2;
    }

    .read_top .read_title {
      color: #333333;
      font-weight: 500;
    }

    .read_top .boardInfo {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
    }

    .read_top .boardInfo .indate {
      color:#333333;
      font-weight: 300;
      display: flex;
    }

    .read_top .boardInfo .indt01 {
      width: calc(100% - 320px);
      width: -webkit-calc(100% - 320px);
    }

    .read_top .boardInfo .indt02 {
      width: 215px;
    }

    .read_top .boardInfo .indt03 {
      width: 105;
    }

    .read_top .boardInfo .indate span {
      padding: 15px 10px;
    }


    .read_top .boardInfo .indate .idTd {
      width: 60px;
      text-align: center;
      background-color: #ededed;
      font-weight: 500;
      color: #000
    }

    .board_read {
      font-size: 16px;
      color: #333333;
      padding: 40px 2%;
      line-height: 1.4;
      min-height: 130px;
      text-align:left;
      border-bottom: 1px solid #ddd;
    }

    .board_read img {
      max-width: 100%;
    }

    .board_read .boldy {
      font-weight: 500;
    }

    .board_read .orng {
      color: #ef6b00;
      font-weight: 300;
    }

    .board_read .greyd {
      color: #666666;
      font-weight: 300;
    }

    .board_view .writeComment {
      width: 100%;
      display: flex;
      /* background-color: #ededed; */
      padding: 10px;
      box-sizing: border-box;
      border-top: 1px solid #ddd;
    }

    .board_view .writeComment p {
      font-size: 18px;
      text-align: center;
      width: 85px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .board_view .writeComment textarea {
      width: 80%;
      resize: none;
      box-sizing: border-box;
      padding: 10px;
      margin: 0 2%;
      height: 100px;
      border: none;
      background:#000;
      color:#fff;
    }

    .board_view .writeComment .submitwC {
      width: 100px;
      border: 1px solid #ddd;
      font-size: 16px;
      background: #fff;
    }


    .other_reads .bothers {
      border-bottom: 1px solid #ddd;
      height: 75px;
      line-height: 75px;
      font-size: 15px;
      padding: 0 2%;
    }

    .other_reads .bothers a {
      color: #fff;
      font-size: 16px;
      width: -webkit-calc(100% - 100px);
      width: calc(100% - 100px);
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .other_reads .prev_board {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #eeeeee;
    }

    .other_reads .bothers span {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      width: 100px;
      font-size: 16px;
    }

    .other_reads .bothers span img {
      vertical-align: middle;
      margin-right: 10px;
    }

    .bb_wrap {
      text-align: center;
      margin-top: 40px;
    }

    .bb_wrap .board_btns {
      display: flex;
      text-align: center;
      justify-content: flex-end;
    }

    .bb_wrap .board_btns li {
      width: 150px;
      height: 45px;
      line-height: 45px;
      box-sizing: border-box;
      vertical-align: middle;
      /* border: 1px solid #ddd; */
      margin-left: 10px;
      background-color: #ededed;
    }

    .bb_wrap .board_btns li:first-child {
      margin-left: 0;
    }

    .bb_wrap .board_btns li a {
      display: block;
      font-size: 16px;
      color: #000;
    }

    .bb_wrap .board_btns .board_list {
      /* background-color: #2bbac6; */

    }

    .bb_wrap .board_btns .board_list a {
      /* color: #fff; */
    }

    .bb_wrap .board_btns .board_re {
      /* background-color: #4b4b4b; */
    }

    .bb_wrap .board_btns .board_re a {
      /* color: #fff; */
    }

    .theIncommnet {
      border-top: 1px solid #ddd;
      padding: 15px 2%;
    }

    .theIncommnet .tInfo {
      display: flex;
      margin-bottom: 15px;
      align-items: center;
    }

    .theIncommnet .tInfo .tIWriter {
      font-size: 18px;
      color: #fff;
      margin-right: 15px;
    }

    .theIncommnet .tInfo .tIDate {
      font-size: 14px;
      color: #b2b2b2;
      margin-right: 10px;
    }

    .theIncommnet .tInfo a img {
      vertical-align: middle;
    }

    .theIncommnet .tITXT {
      font-size: 15px;
      line-height: 1.4;
    }

    @media screen and (max-width:750px) {
      .read_top .boardInfo {
        flex-wrap: wrap;
      }

      .read_top .boardInfo .indate {
        width: 100%;
        border-bottom: 1px solid #ddd;
      }

      .read_top .boardInfo {
        border-bottom: 0;
      }

      .board_view .writeComment {
        flex-wrap: wrap;
      }

      .board_view .writeComment p,
      .board_view .writeComment textarea,
      .board_view .writeComment .submitwC {
        width: 100%;
      }

      .board_view .writeComment p {
        padding: 15px 0;
        /* text-align: left; */
        display: block;
      }

      .board_view .writeComment textarea {
        margin: 10px 0;
      }

      .board_view .writeComment .submitwC {
        height: 60px;
        display: block;
      }
    }