@charset "utf-8";

/* 갤러리 목록 */
.tbGallBasic > li {padding-left: 0;  padding-right: 0;  padding-bottom: 0;}

.tbGallBasic .gall-description{width:100%; position:absolute; top:0; left:0; padding: 3em 3em; text-align:left; opacity:0; transition:top .3s;}
.tbGallBasic .gall-description .prd-title {word-break: keep-all;;}
.tbGallBasic > li:hover .gall-description {top:10px; opacity:1;}

.gall-description .prd-title{font-size:3rem; font-weight:700;}
.gall-description .prd-title .bo_tit{ color:#fff;}

.tbGallBasic .gall-thum a {height: 100%;}
.tbGallBasic .gall-thum.pdbottom140{padding-bottom:76%;}


.tbGallBasic > li:hover .prd-title a{color: #3a8afd;}
.tbGallBasic > li.hoverBiggerImg:hover .gall-thum a{ width:120%;}

.tbGallBasic .gall-description .prd-title{padding-bottom:5px;}
.tbGallBasic .gall-description .prd-title a{font-size:1.6rem;}

/* 게시판 목록 공통 */

#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;}
  }

/*글쓰기*/


/* 보기 */
#bo_v_con {padding:20px 0;}

.youtubeLink a{display: inline-block; width:100%; margin-top:20px; }
.youtubeLink .fa{vertical-align: top;}


@media screen and (max-width:560px){
  
}

/*체크박스*/
.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:#032651;}
.gall_chk.chk_box input[type="checkbox"]:checked + label {color:#3a8afd;}




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