@charset "utf-8";

.cstHR{ position:relative; padding:70px 0;}
.cstHR span.border{ display:block; border-top:1px solid #b5b4b4;}


/* 갤러리 목록 */
.nbgall li {border:1px solid #eaeaea; border-radius:10px; }

.nbgall .thumb_rate {border-radius:10px 10px 0 0;}
.nbgall .description { padding:10px 15px 20px;}

.nbgall .categ {position:absolute; bottom:0; left:0; letter-spacing: 2px; padding:5px 7px; background-color:#3a8afd; color:#fff;}
.nbgall .categ.complete { background-color:#bababa;}
.nbgall .categ.sub {background-color:#ac1414;}

.description .tel a {color:#004a90}
.description .tel img {height:25px; vertical-align: sub;}

/*2단 레이아웃 & 테이블 디자인*/
.layout .halfWrap {display:flex; flex-wrap:wrap; justify-content: space-between;}
.layout .halfWrap .half {width:48%;}

.layout .tableWrap {}
.layout .tableWrap table {width:100%; border-top:2px solid #1c1c1c; border-bottom: 1px solid #ddd; border-collapse: collapse; margin:0 0 20px 0;}
.layout .tableWrap table th { padding:20px 5px 16px; background-color:#f1f1f1; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; font-weight:600; font-size:1.8rem; color:#111; line-height:1.4em;}
.layout .tableWrap table td {padding: 20px 20px 16px;  border-top:1px solid #ddd; font-weight:400; font-size:1.8rem; color:#222;  line-height:1.2em; text-align:left; }

@media screen and (max-width:768px){
  .layout .halfWrap .half {width:100%;}
  .layout .tableWrap table { margin:10px 0;}
  .layout .tableWrap table th { padding:18px 5px 14px; font-size:1.6rem;}
  .layout .tableWrap table td {padding: 18px 5px 14px; font-size:1.6rem;}
}

/*이미지*/
#bo_v_con img {width:100%; }

/*아이콘+텍스트*/
.iconTxt {display:flex; align-items: center; padding:20px; border-bottom:1px solid #ddd; }
.iconTxt:last-child {content:""; border:none;}
.iconTxt .icon {width:120px;}
#bo_v_con .iconTxt .icon img {width:70px;}
.iconTxt .txt {width:calc(100% - 120px);}


/*txtBox*/
.txtBox .topTit{word-break: keep-all;}
.txtBox span.topNum {display: flex;
  width: 40px; height: 40px; border-radius: 50%;  background-color: #161e44; color: #fff; justify-content: center; align-items: center;  margin: 0 auto  15px;}
#bo_v_con ul {padding-left:0;}
#bo_v_con .txtBox .nbgall {display:grid;}
#bo_v_con .txtBox .nbgall li {padding:40px 20px; list-style:none; border:1px solid #161e44; }
#bo_v_con .txtBox .nbgall li:hover {background-color: #161e44; color:#fff;}
#bo_v_con .txtBox .nbgall li:hover span.topNum {background-color: #fff; color:#161e44;}
#bo_v_con .txtBox .nbgall li:hover span.highlighter:before {background-color: #fff; }
#bo_v_con .txtBox .nbgall.grid3{grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 20px;}
#bo_v_con .txtBox .bttmDesc {word-break: keep-all;}
#bo_v_con .txtBox span.highlighter:before {height:16px; background-color:#161e44; opacity:.2; } 

@media screen and (max-width:768px){
  #bo_v_con .txtBox .nbgall.grid3{grid-template-columns: repeat(2, 1fr); column-gap: 0;}
  #bo_v_con .txtBox .nbgall li.point{border:1px solid #161e44; background-color:#fff; color:#222;}
  #bo_v_con .txtBox .nbgall li:nth-child(odd){border:1px solid #161e44; background-color:#161e44; color:#fff;}
}


  /*공지 위치 수정*/
  .noticeBlock1 {right:10px;}
  @media screen and (max-width:768px) {
    .noticeBlock1 {right:20px;}
  }
  @media screen and (max-width:560px) {
    .noticeBlock1 {right:15px;}
  }

/* 게시판 목록 공통 */


/* 게시판 쓰기 */




/*글쓰기*/


/*체크박스*/
.chk_box input[type="checkbox"] + label {color:#bebebe;}
.chk_box input[type="checkbox"] + label {padding-left:0px;}
.fa {font-size: 1.8rem; }

.gall_chk.chk_box {left:18px; top:10px;}

.gall_chk.chk_box input[type="checkbox"] + label {color:#fff;}
.gall_chk.chk_box:hover input[type="checkbox"] + label {color:#3a8afd;}
.gall_chk.chk_box input[type="checkbox"]:checked + label {color:#3a8afd;}
.gall_chk.chk_box:hover input[type="checkbox"] + label {color:#3a8afd;}

.write_div .chk_box input[type="checkbox"] + label {padding-left:0}