@charset "utf-8";

/* 게시판 목록 */


.extFileIcon{margin-left:3px; }

/* 게시판 읽기 */
#bo_v .viewheader .info {width:100%; position:relative; display: block; transform: none; right:0; padding:1em 0.92em;  border-bottom:1px solid #e1e1e1;}

/*글쓰기*/


@media screen and (max-width:1540px){
  .viewheader .info .profile_info_ct , .viewheader .info #bo_v_tops{float:none;}
  .viewheader .info #bo_v_tops{position:absolute; right:0; top:50%; transform: translateY(-50%);}
}
@media screen and (max-width:768px){


  /* view */
  .bo_v_nb li .nb_date{display: none;}
  .bo_v_nb li .nb_tit{padding-right:10px;}
}

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

  /* 첨부파일 */
  #bo_v_file ul {width:100%;margin:0;list-style:none}
  #bo_v_file li {display:flex; padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; font-size:1.4rem;
  -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
  -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
  box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
  #bo_v_file li i {width:40px; color:#b2b2b2; font-size:2.6rem;}
  #bo_v_file .link_tie { width:calc(100% - 40px);  }
  #bo_v_file a {display:block;text-decoration:none;word-wrap:break-word;color:#000}
  #bo_v_file a strong { font-weight:400; }
  #bo_v_file li:hover a strong { color:#3a8afd; }
  #bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:#3a8afd}
 

  /*관련링크*/
  #bo_v_link { margin-top:10px; }
  #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
  #bo_v_link ul {width:100%;margin:0;list-style:none}
  #bo_v_link li {display:flex; padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
  -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
  -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
  box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
  #bo_v_link i { width: 40px; font-weight:400; font-size:3rem; color:#b2b2b2;  }
  #bo_v_link .link_tie { width:calc(100% - 40px);  }
  #bo_v_link a {display:block;word-wrap:break-word;color:#000}
  #bo_v_link a strong { font-weight:400; }
  #bo_v_link li:hover a strong { color:#3a8afd; }
  #bo_v_link a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:#3a8afd}
  #bo_v_link img {float:left;margin:0 10px 0 0}
  #bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
  #bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
  #bo_v_link li:hover i {color:#3a8afd}
  #bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}



 
#bo_cate #bo_cate_on {
  background: transparent;
  color: #000;
  font-weight:600;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
#bo_cate a {
  display: block;
  border-radius: 0;
  padding: 8px 20px;
  border: none;
  color: #999999;;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  #bo_cate ul li {position:relative;}
  #bo_cate ul li::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background-color:#999999;}
  #bo_cate ul li:last-child::after {display:none;}

  #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
    text-decoration: none;
    border: none;
    background: none;
    color: #222;
  
  }
  .viewheader #bo_v_title .bo_v_tit{
    display: block;
    font-size: 5rem;
    line-height: 1.4em;
    font-weight: 500;
    word-break: break-all;
    padding: 20px 0;
    border-top: none; 
    border-bottom: none; 
  }
  .viewheader .info .profile_info_ct {
    display:none;
  }
  
  #bo_v #bo_v_atc {
    padding:0;
  }
  @media screen and (max-width:1024px){
    .tbsec #bo_v .viewheader .info {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      border-bottom:none;
    }
    .viewheader #bo_v_title .bo_v_tit { font-size: 4rem;}
  }
  
  
  @media screen and (max-width:768px){
    .gall-description .prd-title{font-size:2.4rem;}
    .viewheader #bo_v_title .bo_v_tit { font-size:3.6rem;}
    #bo_cate ul li:nth-child(3n)::after {display:none;}
  }
  
  @media screen and (max-width:480px){
    #bo_cate ul li:nth-child(3n)::after {display:block;}
    #bo_cate ul li:nth-child(2n)::after {display:none;}
  }