/* bbs */
/* 게시판 관련 설정 */
.bbs-faq-list .faq-a { font-size:16px; font-weight:bold; color:#ff0000; vertical-align: top !important; }
.bbs-faq-list .faq-q { font-size:16px; font-weight:bold; color:#0066ff; vertical-align: top !important; }
.bbs-list-img-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.bbs-list-img-wrap .centered  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.bbs-list-img-wrap .centered img {
    position: absolute;
    top: 0;
    left: 0;   
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
p.list-title { 
  white-space: nowrap;
  margin-top:5px; 
  overflow:hidden;
  text-overflow: ellipsis;
}

.none { display:none !important; }
.non-none { display:'' !important; }

/* bbs list */

td, th { vertical-align: middle; border-radius: 0px; }
.bbs-header-wrap { font-size:0.9rem; margin-bottom:1rem; border:1px solid #E6E6E6; padding:10px 10px; }
.bbs-header-wrap p { margin:0px; padding:0px; }

.bbs-tab-wrap { font-size:0.9rem; margin-bottom:1rem; }
.bbs-tab-wrap ul.bbs-tab { width:100%; border-bottom:2px solid #212121; }
.bbs-tab-wrap ul.bbs-tab li { border-left:1px solid #212121; border-top:1px solid #212121; float:left; }
.bbs-tab-wrap ul.bbs-tab li:last-child { border-right:1px solid #212121; }
.bbs-tab-wrap ul.bbs-tab li:after { clear:both; }
.bbs-tab-wrap ul.bbs-tab li a { display:block; padding:10px 15px; color:#fff; background-color:#757575; }
.bbs-tab-wrap ul.bbs-tab li a:hover { display:block; padding:10px 15px; background-color:#424242; }
.bbs-tab-wrap ul.bbs-tab li a.active { background-color:#424242; }

.bbs-count-wrap { display:block; width:100%; font-size:0.8rem; margin-bottom:0.1rem; }
.bbs-count-wrap ul.bbs-count { width:100%; }
.bbs-count-wrap ul.bbs-count li { width:50%; text-align:left; float:left; }
.bbs-count-wrap ul.bbs-count li.right { text-align:right; }
.bbs-count-wrap ul.bbs-count li:after { clear:both; }

.bbs-list-wrap { font-size:0.9rem; margin-bottom:1.0rem; padding:0px 0px; }
.bbs-list-wrap table.bbs-default-table { width:100%; border-top:2px solid #212121; border-bottom:1px solid #212121; border-collapse: collapse; border-spacing:0; }
.bbs-list-wrap table.bbs-default-table thead tr, .bbs-list-wrap table.bbs-default-table thead th, .bbs-list-wrap table.bbs-default-table thead td { padding:10px 0px; border-collapse: collapse; border-spacing:0; }
.bbs-list-wrap table.bbs-default-table thead tr th { font-weight:bold; background-color:#757575; color:#fff; text-align:center; border-collapse: collapse; border-spacing:0; border-radius: 0px; }
.bbs-list-wrap table.bbs-default-table tbody tr td { border-bottom:1px solid #bdbdbd; color:#424242; border-collapse: collapse; border-spacing:0; border-radius: 0px;  }
.bbs-list-wrap table.bbs-default-table tbody tr td.center { text-align:center; }
.bbs-list-wrap table.bbs-default-table tbody tr td.right { text-align:right; }
.bbs-list-wrap table.bbs-default-table tbody tr td.left { text-align:left; }
.bbs-list-wrap table.bbs-default-table tbody tr td.nodata { height:100px;line-height:100px;text-align:center; }
.bbs-list-wrap table.bbs-default-table tbody tr td a { color:#424242; }
.bbs-list-wrap table.bbs-default-table tbody tr:nth-child(even) { background-color:#f5f5f5; }
.bbs-list-wrap table.bbs-default-table tbody tr:hover { background-color: #e0e0e0; }
.bbs-list-wrap table.bbs-default-table thead tr.notice { background-color:#9e9e9e; }
.bbs-list-wrap table.bbs-default-table tbody tr td span.notice { font-size:0.8rem; font-weight:bold; text-align:center; }
.bbs-list-wrap table.bbs-default-table tbody tr td span.new { font-size:0.8rem; padding:3px 3px; background-color:#dd2c00; color:#fff; }
.bbs-list-wrap table.bbs-default-table tbody tr td span.files { font-size:0.8rem; padding:3px 3px; background-color:#757575; color:#fff; }

.bbs-paging-wrap { font-size:0.9rem; margin-bottom:0.9rem; text-align:center; }
.bbs-paging-wrap ul.pagination {}
.bbs-paging-wrap ul.pagination li { border:1px solid #b0b0b0; border-right:none; }
.bbs-paging-wrap ul.pagination li:last-child { border-right:1px solid #b0b0b0; }
.bbs-paging-wrap ul.pagination li a { display:block; padding:5px 10px; }
.bbs-paging-wrap ul.pagination li.active { background-color:#8a9cf2; }
.bbs-paging-wrap ul.pagination li.active a { color:#fff; } 


.bbs-list-wrap .faq-a { font-size:1.0rem; font-weight:bold; color:#ff0000 !important; vertical-align: top !important; }
.bbs-list-wrap .faq-q { font-size:1.0rem; font-weight:bold; color:#0066ff !important; vertical-align: top !important; }

.bbs-search-wrap { font-size:0.9rem; margin-bottom:0.9rem; }
.bbs-search-wrap ul.bbs-search { display:inline-block; width:100%; }
.bbs-search-wrap ul.bbs-search li.left { display:inline-block; width:30%; float:left; }
.bbs-search-wrap ul.bbs-search li.right { display:inline-block; width:70%; float:left; text-align:right; }
.bbs-search-wrap ul.bbs-search li input[type=text].bbs-input {
  width:150px;
  font-size: 0.9rem;
  line-height: 31px;
  height: 31px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #ececec;
}
.bbs-search-wrap ul.bbs-search li select.search {
  display:inline;
  width:80px;
  font-size: 0.8rem;
  line-height: 32px;
  height: 32px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #dfe1e2;
  background-size: 6px 6px !important;
}

ul.ul-bbs-list { display:block; width:100%; border-top:2px solid #06257a; border-bottom:1px solid #06257a; }
ul.ul-bbs-list:after { content:' '; clear:both; }
ul.ul-bbs-list li { display:block; width:100%; min-height:55px; padding: 10px 0px; border-bottom:1px solid #b0b0b0; text-align:left; }
ul.ul-bbs-list li:last-child { border-bottom:none; }
ul.ul-bbs-list li img.bbs-list-img { float:left; display:block; padding-right:10px; }
ul.ul-bbs-list li:after { content:''; display:block; clear:both; }
ul.ul-bbs-list li span { font-size:0.75rem; color:#c4c4c4; }
ul.ul-bbs-list li span.bbs-writer { }
ul.ul-bbs-list li span.bbs-writer:after { content:', '; }
ul.ul-bbs-list li span.notice { font-size:0.75rem; font-weight:bold; text-align:center; }
ul.ul-bbs-list li span.new { font-size:0.75rem; padding:2px 2px; background-color:#dd2c00; color:#fff; }
ul.ul-bbs-list li span.files { font-size:0.75rem; padding:2px 2px; background-color:#757575; color:#fff; }
ul.ul-bbs-list li .bbs-img-wrap { float:left; width:90px; height:68px; margin-right:10px; margin-bottom:0px; border:1px solid #b0b0b0; margin-bottom:0px; overflow:hidden;  }
ul.ul-bbs-list li .bbs-img-wrap .bbs-thumnail { position:relative; top:0px; left:0px; width:90px; height:68px; overflow:hidden; }
ul.ul-bbs-list li .bbs-img-wrap .bbs-thumnail img { display:block; padding:0px !important; margin-top:0px; border:0px solid #b0b0b0; }
ul.ul-bbs-list li .nodata { width:100%; height:80px; line-height:80px; text-align:center; }
ul.ul-bbs-list li p { padding:0; margin:0; }
ul.ul-bbs-list li a { color:#555555; }
ul.ul-bbs-list li p > a { font-weight:700; }

/* bbs view */
.bbs-view-wrap { font-size:0.9rem; margin-bottom:1.0rem; }
.bbs-view-wrap .bbs-view-subject { font-size:1.2rem; font-weight:bold; background-color:#f5f5f5; border-top:2px solid #212121; border-bottom:1px solid #212121; text-align:center; padding:10px 0; }
.bbs-view-wrap .bbs-view-writer { font-size:0.8rem; padding:5px 0; color:#9e9e9e; text-align:left; }
.bbs-view-wrap .bbs-view-writer .bbs-view-link { margin-top:10px; }
.bbs-view-wrap .bbs-view-writer .bbs-view-link p { padding:0; margin:0; }
.bbs-view-wrap .bbs-view-writer .bbs-view-files { margin-top:10px; }
.bbs-view-wrap .bbs-view-writer .bbs-view-files p { padding:0; margin:0; }
.bbs-view-wrap .bbs-view-contents { min-height:25rem; font-size:1.0rem; line-height:150%; padding: 30px 5px 20px; border-bottom:1px solid #212121; margin-bottom:0.9rem; text-align:left; }
.bbs-view-wrap .bbs-view-contents p { margin:0px 0px; line-height:1.4rem !important; }
.bbs-view-wrap .bbs-view-btn { text-align:right; margin-bottom:0.9rem; }
.bbs-view-wrap .bbs-view-next { font-size:0.9rem; margin-bottom:0.9rem; }
table.bbs-view-table { width:100%; border-top:2px solid #212121; border-bottom:1px solid #212121; border-collapse: collapse; }
table.bbs-view-table tr, th, td { padding:10px 0px; border-spacing:none; }
table.bbs-view-table tr th { border-bottom:1px solid #bdbdbd; font-weight:bold; background-color:#9e9e9e; color:#fff; text-align:center; }
table.bbs-view-table tr td { border-bottom:1px solid #bdbdbd; color:#424242; padding-left:10px; }
table.bbs-view-table tr td a { color:inherit; }
table.bbs-comment-table { border-collapse: collapse; }
table.bbs-comment-table tr, table.bbs-comment-table th, table.bbs-comment-table td { padding:5px 0px; border-spacing:none; }
.bbs-view-wrap .bbs-view-comment { margin-bottom:0.9rem; }
.bbs-view-wrap .bbs-view-comment-list { margin-bottom:0.9rem; }
table.bbs-comment-list-table { width:100%; font-size:0.9rem; border:1px solid #212121; border-collapse: collapse; margin-bottom:0.8rem; }
table.bbs-comment-list-table tr th { background-color:#f5f5f5; border-bottom:1px solid #bdbdbd; font-weight:bold; padding-left:10px; }
table.bbs-comment-list-table tr td { padding-left:10px; }

.contents-img-wrap { margin-bottom:20px; }
.contents-img-wrap .contents-img { display:block; text-align:center; }
.contents-img-wrap .contents-img img { display:block !important; max-width:100% !important; }
.contents-img-wrap .contents-img-desc:before { content:'▲ '; }
.contents-img-wrap .contents-img-desc { font-size:0.75rem; color:#000000; text-align:center; }


.bbs-write-wrap { font-size:0.9rem; margin-bottom:1.9rem; }
.bbs-write-wrap ul.bbs-write-form { display:block; width:100%; border-top:2px solid #555555; border-bottom:1px solid #f0f0f0; }
.bbs-write-wrap ul.bbs-write-form li { display:block; width:100%; padding: 10px 0px; border-bottom:1px solid #f0f0f0; vertical-align:top; }
.bbs-write-wrap ul.bbs-write-form li:last-child { border-bottom:none; }
.bbs-write-wrap ul.bbs-write-form li p { display:block; width:100%; margin-top:0px; padding:0px; }
.bbs-write-wrap .input-box { display:inline-block; width:85%; padding-left:10px; padding-right:20px; }

h4.write-title { font-size:0.90rem; margin-bottom:10px; }

.bbs-write-form label { font-size:0.8rem; display:inline-block; width:14%; padding-left:10px; }
.bbs-write-form input[type=text], .bbs-write-form input[type=password], .bbs-write-form input[type=file] {
  width:100%;
  font-size: 0.8rem;
  line-height: 32px;
  height: 32px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
}

.bbs-write-form textarea {
  width:100%;
  font-size: 0.8rem;
  line-height: 140%;
  height: 250px;
  margin: 0;
  padding: 10px 10px;
  border: 1px solid #d7d7d7;
}

.bbs-write-form select {
  display:inline-block;
  width:100%;
  font-size: 0.8rem;
  line-height: 32px;
  height: 32px;
  margin: 0;
  padding: 0 10px 0 10px;
  border: 1px solid #d7d7d7;
  background-size: 6px 6px !important;
}

a.bbs-btn { display:inline-block; font-size:0.8rem; line-height:100%; padding:10px 20px; background-color: #616161; color:#fff; cursor: pointer; }
a.bbs-btn:hover { background-color:#9e9e9e; }

button.bbs-btn { display:inline-block; font-size:0.8rem; line-height:100%; padding:10px 20px; background-color: #616161; color:#fff; cursor: pointer; }
button.bbs-btn:hover { background-color:#9e9e9e; }

.bbs-write-goods-info { width:100%; }
.bbs-write-goods-info a { font-size:1.0rem; color:#555555; }
.bbs-write-goods-info a p { margin:2px; }



.bbs-list-top-wrap { padding:0px; margin:0px; }
.bbs-list-top-wrap h3.bbs-list-title { background: url(''); font-family: Noto Sans KR; font-weight:500; text-align:center; font-size:2.25rem; padding:0px; }
.bbs-list-top-wrap p.bbs-sub-title { font-family: Noto Sans KR; text-align:center; font-size:1.5rem; margin-bottom:1.0rem; }
.bbs-list-tab-wrap { background: url('/media/img/hospital/bbs_tab_bg_1170.png') 0 0 no-repeat; background-size: cover; height:49px; margin-bottom:2.25rem; }

.bbs-list-tab-wrap ul.ul-bbs-list-tab { width:100%; display:inline-block; }
.bbs-list-tab-wrap ul.ul-bbs-list-tab li { width:25%; display:inline-block; text-align:center; float:left; }
.bbs-list-tab-wrap ul.ul-bbs-list-tab li a { display:block; color:#fff; line-height:47px; font-size:1.875rem; }
.bbs-list-tab-wrap ul.ul-bbs-list-tab li a.active { color:#00ffff; }

/* 저술활동 이미지 처리 */
.bbs-img-box { margin:0 auto; width:170px; height:237px; border:1px solid #b0b0b0; overflow:hidden;  }
.bbs-img-box .thumnail { position:relative; top:0px; left:0px; width:170px; height:237px; overflow:hidden; }
.bbs-img-box .thumnail img { display:block; padding:0px !important; margin-top:0px; }
.bbs-img-box p.noimg { line-height:237px; color:#776f6f; }
p.bbs-img-title { font-size:1.0rem; margin:0px; padding:0.5rem 0px; }
p.bbs-img-title a { display:block; font-size:1.333rem; }

.bbs-img-box2 { margin:0 auto; width:200px; height:128px; background-color:#bfbfbf; border:1px solid #b0b0b0; overflow:hidden;  }
.bbs-img-box2 .thumnail { position:relative; top:0px; left:0px; width:200px; height:128px; overflow:hidden; }
.bbs-img-box2 .thumnail img { display:block; padding:0px !important; margin-top:0px; }
.bbs-img-box2 p.noimg { line-height:127px; color:#776f6f; }

.bbs-nodata-box { margin:0 auto; width:100%; height:150px; line-height:150px; border:1px solid #bfbfbf;  }
h3.bbs-view-header { font-size:1.5rem; padding:1.0rem 0px; font-family:'Noto Sans KR'; font-weight:400; background-color:#6e80a0; color:#fff; text-align:center; border-top:2px solid #182336; border-bottom:1px solid #182336; }

.contents-comment { font-size: 1.4rem; padding: 1.0rem 1.0rem; }
.contents-comment img { display:block; margin:0 auto; max-width:100% !important; height: auto !important; }


/* 저술활동 이미지 처리 */
.tab-img-box { margin:0 auto; width:159px; height:105px; border:1px solid #b0b0b0; overflow:hidden;  }
.tab-img-box .thumnail { position:relative; top:0px; left:0px; width:159px; height:105px; overflow:hidden; }
.tab-img-box .thumnail img { display:block; padding:0px !important; margin-top:0px; }
.tab-img-box p.noimg { line-height:237px; color:#776f6f; }
p.tab-img-title { position:absolute;width:100%; font-size:0.835rem; top:25%; left:0px; padding:0.5rem 1.3rem; text-align:center; border:0x solid red; }
p.tab-img-title a { display:block; font-size:0.853rem; color:#fff; }



/* 작은 기기들 (태블릿, 768px 이상) sm */
@media all and (min-width: 768px) {
  .bbs-list-top-wrap { padding:0px; margin:0px; }
  .bbs-list-top-wrap h3.bbs-list-title { background: url(''); font-family: Noto Sans KR; font-weight:500; text-align:center; font-size:2.25rem; padding:0px; }
  .bbs-list-top-wrap p.bbs-sub-title { font-family: Noto Sans KR; text-align:center; font-size:1.5rem; margin-bottom:1.0rem; }
  .bbs-list-tab-wrap { background: url('/media/img/hospital/bbs_tab_bg_1170.png') 0 0 no-repeat; background-size: cover; height:59px; margin-bottom:2.25rem; }

  .bbs-list-tab-wrap ul.ul-bbs-list-tab { width:100%; display:inline-block; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li { width:25%; display:inline-block; text-align:center; float:left; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li a { display:block; color:#fff; line-height:59px; font-size:1.875rem; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li a.active { color:#00ffff; }

  p.bbs-img-title a { display:block; font-size:1.0rem; }
  
  .contents-comment { font-size: 1.0rem; }
}

/* 중간 기기들 (데스크탑, 992px 이상) md */
@media screen and (min-width: 992px) {
  .bbs-list-top-wrap { padding:0px; margin:0px; }
  .bbs-list-top-wrap h3.bbs-list-title { background: url(''); font-family: Noto Sans KR; font-weight:500; text-align:center; font-size:2.25rem; padding:0px; }
  .bbs-list-top-wrap p.bbs-sub-title { font-family: Noto Sans KR; text-align:center; font-size:1.5rem; margin-bottom:1.0rem; }
  .bbs-list-tab-wrap { background: url('/media/img/hospital/bbs_tab_bg_1170.png') 0 0 no-repeat; background-size: cover; height:79px; margin-bottom:2.25rem; }

  .bbs-list-tab-wrap ul.ul-bbs-list-tab { width:100%; display:inline-block; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li { width:25%; display:inline-block; text-align:center; float:left; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li a { display:block; color:#fff; line-height:79px; font-size:1.875rem; }
  .bbs-list-tab-wrap ul.ul-bbs-list-tab li a.active { color:#00ffff; }
  
  /* 저술활동 이미지 처리 */
  .bbs-img-box { margin:0 auto; width:170px; height:237px; border:1px solid #b0b0b0; overflow:hidden;  }
  .bbs-img-box .thumnail { position:relative; top:0px; left:0px; width:170px; height:237px; overflow:hidden; }
  .bbs-img-box .thumnail img { display:block; padding:0px !important; margin-top:0px; }
  .bbs-img-box p.noimg { line-height:237px; color:#776f6f; }
  p.bbs-img-title { font-size:1.0rem; margin:0px; padding:0.5rem 0px; }
  p.bbs-img-title a { display:block; font-size:1.0rem; }

  .bbs-img-box2 { margin:0 auto; width:250px; height:160px; background-color:#bfbfbf; border:1px solid #b0b0b0; overflow:hidden;  }
  .bbs-img-box2 .thumnail { position:relative; top:0px; left:0px; width:250px; height:160px; overflow:hidden; }
  .bbs-img-box2 .thumnail img { display:block; padding:0px !important; margin-top:0px; }
  .bbs-img-box2 p.noimg { line-height:170px; color:#776f6f; }

  .bbs-nodata-box { margin:0 auto; width:100%; height:150px; line-height:150px; border:1px solid #bfbfbf;  }
  h3.bbs-view-header { font-size:1.5rem; padding:1.0rem 0px; font-family:'Noto Sans KR'; font-weight:400; background-color:#6e80a0; color:#fff; text-align:center; border-top:2px solid #182336; border-bottom:1px solid #182336; }

  .contents-comment { font-size: 1.0rem; padding:1.0rem 1.0rem; }
  .contents-comment img { max-width:100% !important; height: auto !important; }
}

/* 큰 기기들 (큰 데스크탑, 1200px 이상) lg */
@media all and (min-width: 1200px) {
  
}