@charset "utf-8";
.sub_con{
    background-image: url(../../../img/news.png);
}
.gtx-trans-icon {position:absolute}
#bo_w {margin-top:50px;}
/* 게시판 목록 */
#bo_list {
    position:relative; 
    width:100%; 
    margin-bottom:120px
}
#bo_btn_top, #bo_v_top {
    position:relative; 
    overflow: hidden;
}
.btn_bo_user {
    overflow: hidden;
    float:right;
}
.btn_bo_user > li {
    float:left;
    padding:5px;

}
.btn_bo_user > li > a {
    vertical-align: middle;
}
.bo_sch_wrap {
    width:100%; 
    padding:20px 2px; 
    overflow: hidden;
}

.brd_wrap {
    width:100%; 
    margin:20px 0px; 
    overflow: hidden;
}
.brd_wrap > table {
    width:100%;
    table-layout: fixed;
}
.brd_wrap > table > thead th {
    padding:15px 10px;
    border-bottom:1px solid #ddd;
    border-top:2px solid #333;
    font-weight:500;
}
.brd_wrap > table > tbody td {
    padding:20px 10px;    
    border-bottom:1px solid #ddd;
    text-align:center;
    white-space: nowrap;
}
.brd_wrap > table > tbody td.td_subject{
    padding-left:20px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:left;
}
.pg_wrap {
    width:100%; 
    padding:20px 0px; 
    overflow: hidden;
    text-align: center;
}
.pg_wrap > .pg {
display:inline-block;
}
.pg_wrap > .pg > a {
    margin:0px 5px;
    color:#666;
}
.pg_wrap > .pg > .pg_current {
    border-bottom:2px solid #333;
    margin:0px 5px;
    }

/*체크박스 */    
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/* 글읽기 */

#bo_v{
    width:100%;
    margin-top:30px;
}

#bo_v > header{
    
    padding:40px 0px;
    border-top:2px solid #333;
   
}
#bo_v_title {
    text-align:left ;
    font-size:32px;
    width:100%;    
    max-width:800px;
    margin:0 auto;
    margin-bottom:30px;
   

}
.bo_v_info, #bo_v_atc, #bo_vc {
    text-align:left ;
    width:100%;    
    max-width:800px;
    margin:0 auto;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}

.bo_v_info > li {
    margin:5px 0px;
}
.bo_v_info > li > p {
    color:#999;
}
#bo_v_atc {padding-bottom:100px;
    border-bottom:1px solid #333;
}
/*댓글 */
#bo_vc_w {
    width:100%;    
    max-width:800px;
    margin:0 auto;
}
#bo_vc_w > h2 {font-weight:600; padding-top:20px; padding-bottom:10px;}
.wr_content_wrap{
    border:1px solid #ddd;
    padding:10px;

}
 #wr_content {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    min-width:100%; 
    min-height:100px;
    border:0px;
}
.bo_vc_w_wr {
    border:1px solid #ddd;
    border-top:0px;
    padding:10px;
    background:#f9f9f9;
    overflow: hidden;
}
.bo_vc_w_info > input{
    width:40%;
    display:inline-block; 
    padding:10px 10px 10px 0px;
    margin-right:3%;
    border-bottom:1px solid #ddd;
}
.bo_vc_w_info > fieldset {
    padding:30px 0px;
    overflow: hidden;
}
#captcha img ,#captcha input[type='text'] { 
    display:block;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}
#captcha input[type='text'] {
    width:100%;
    max-width:160px;
    height:60px;
    padding:0px 10px;
    line-height:60px;
    background:#fff;
    border:1px solid #ddd;
}
#captcha_info {
    display:none;
}
#captcha button {
    display: block;
    width:85px;
    margin-bottom:5px;
    height:27px;
    line-height:25px;
    background: #f4f4f4;
    color: #222;
    font-size:13px;
    border-radius: 3px;
    border: 1px solid;
    border-color: #ddd;
    transition: all 0.2s;
}
.btn_confirm {
    float:right;
}
.btn_confirm > span, .btn_confirm > button {
    float:left;
    margin-left:10px;
}
.btn_confirm > span {
    display: block;
    height:40px; 
    line-height:40px;
}
.btn_confirm > button {
    background:#525252;
    color:#fff;
    border: 1px solid #454545;

}
#bo_vc {
    padding:30px 0px;
    border-bottom:0px;
}
#bo_vc > h2{
    font-weight:600;
    margin-bottom:10px;
}
#bo_vc > article{
    border-top:1px solid #ddd;
    padding:20px 0px;
    


}
#bo_vc > article:last-child{
    border-bottom:1px solid #ddd;
}
.pf_wrap {overflow: hidden;margin-bottom:20px;}
.pf_img {width:40px; height:40px; overflow: hidden; border-radius:40px; float:left;}
.pf_img > img {display:block; width:100%;}
.pf_txt {float:left; margin-left:10px;}
.pf_txt > h2 {
    line-height: 40px;
    font-weight:600;
    font-size:14px;
}
.comt_date {
    margin-top:20px;
    font-size:14px;
    color:#999;
}
.bo_vc_act { overflow: hidden; padding:10px 0px;}
.bo_vc_act > li {    
    float:left; 
    width:50px;
    height:25px; 
    line-height:23px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:3px;
    font-size:13px;
    margin-right:5px;
}

.bo_v_nb_wrap {
    background:#eee; 
    border-top:1px solid #ddd; 
    border-bottom:1px solid #ddd; 
    padding:20px 0px;
    margin-top:30px;
}
.bo_v_nb {
    margin-top:10px;
    overflow: hidden;
}
.bo_v_nb > li { 
    width:100%; 
    max-width:800px;
    margin:0 auto;
    overflow: hidden;
}
.bo_v_nb > li > a {
    float:left;
    display:block; 
    width:70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bo_v_nb > li > span.nb_tit {
    display:block; 
    float:left;
    margin-right:20px;

}
.bo_v_nb > li > span.nb_date {
    margin-left:10px;
    float:left;
    display:block; 
    width:20%;
    text-align: right;
}

#bo_v_link {
    width: 100%;
    max-width: 800px;
    margin:0px auto;
    padding:10px 0px;
    border-bottom:1px solid #ddd;
}

#bo_v_link > h2 {
  margin-bottom:5px;
}
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/*글쓰기*/




.write_div > input[type="text"],
.write_div > input[type="password"],
.write_div > input[type="file"]{
    width:100%;
    height:40px; 
    border:1px solid #ddd;
    margin:5px 0px;
    padding:2px 5px;
    box-sizing: border-box;
 }
 .write_div > input[type="file"]{
     border:0px;
     height:auto;
 }
 .bo_w_link, 
 .file_wr   {
     position:relative;
    }
 .bo_w_link > label, 
 .file_wr  > label {
     position:absolute;  
     left:10px; 
     top:50%;
     margin-top:-12px;
    
    }
.bo_w_link  > input[type="text"], 
.write_div > input[type="file"]  { 
    padding-left:40px;
}