@charset "utf-8";

/* 게시판 읽기 */
#bo_v_title {
    font-size:18px;
    font-weight:bold;
    line-height:1.4;
    letter-spacing:-1px;
}
#bo_v_con {
    min-height:200px;
        word-break:break-all;
    overflow:hidden
}
@media all and (max-width:575px) {
    .responsive #bo_v_title {
            font-size:20px;
            line-height:1.5;
    }
    .responsive #bo_v_con {
                min-height:140px;
    }
}
#bo_v_con img {
    max-width:100%;
    height:auto
}
#bo_v_img {
    width:100%;
    text-align:center;
    overflow:hidden;
    zoom:1;
}
#bo_v_img:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:"";
}
#bo_v_img a.view_image {
    display:block;
}
#bo_v_img img {
    margin-bottom: 1.0rem;
}
/* 게시판 읽기:SNS 공유 */
#bo_v_sns_icon {
        margin:-5px auto;
}
#bo_v_sns_icon img {
        width:40px;
        border-radius:50%;
        margin: 5px;
}
/* 게시판 댓글:내용 */
.cmt-reply {
    top:0;
    left:-16px;
}
.by-writer {
        background:#f5f5f5 !important;
    border-top:1px solid #ddd !important;
    border-bottom:1px solid #ddd !important;
}
.cmt-content {
    word-break:break-all;
    overflow:hidden
}
.cmt-content img {
    max-width:100%;
    height: auto
}
/* 게시판 댓글:대댓글,수정,삭제 */
.cmt-btn ul {
        list-style:none;
        margin:0;
}
.cmt-btn ul>li {
        float:left;
        font-size:12px;
    padding:0 10px;
}
.cmt-btn ul>li::before {
        float:left;
        color:#ccc;
        content:"|";
        margin-left:-12px;
}
.cmt-btn ul>li:last-child {
        padding-right:0;
}
.cmt-btn ul>li:first-child::before,.cmt-btn ul>li.no-bar::before {
        content:"";
        margin-left:0;
}
.cmt-btn ul>li>a {
        float:left;
    color:#888;
    white-space: nowrap;
}
/* 게시판 댓글:쓰기폼 */
#fviewcomment #wr_content {
        resize:none;
}
@media all and (max-width:575px) {
    .responsive .cmt-box {
            border-right:0 !important;
    }
    .responsive #bo_vc_w .cmt-box {
            border-left:0 !important;
            border-radius:0 !important;
    }
    .responsive #bo_vc_login {
            border-left:0 !important;
            border-right:0 !important;
            border-radius: 0 !important;
    }
}
/* 게시판 댓글:SNS 등록 */
#bo_vc_opt ol {
        margin:0;
    padding:0;
    list-style:none;
    zoom:1;
        background:#ccc;
    border-radius:3px;
}
#bo_vc_opt ol:after {
        display:block;
    visibility:hidden;
    clear:both;
    content:"";
}
#bo_vc_opt ol li {
        float:left;
    margin:0;
}
#bo_vc_send_sns ul {
        margin:0;
    padding:0;
    list-style:none;
    zoom:1;
}
#bo_vc_send_sns ul:after {
        display:block;
    visibility:hidden;
    clear:both;
    content:"";
}
#bo_vc_send_sns ul li {
        float:left;
    margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {
        margin: 0 0 0 0.5rem;
}
/* 게시판 쓰기 */
#bo_w .list-group-item {
    padding-left:0;
    padding-right:0;
    border-left:0;
    border-right:0;
}
#bo_w #wr_content {
        margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
    #bo_w .list-group-item {
            padding-left:1.0rem;
            padding-right:1.0rem;
    }
    .responsive #bo_w #wr_content {
            max-height: 160px !important;
    }
}

/*************************************************BOARD CUSTOM CSS*************************************************/
#bo_cate {
    margin:0px 0
}
#bo_cate h2 {
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden
}
#bo_cate ul {
    zoom:1
}
#bo_cate ul:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
#bo_cate li {
    display:inline-block;
    padding:2px
}
#bo_cate a {
    display:block;
    line-height:25px;
    padding:2px 15px;
    border-radius:3px;
    border:0px;
    color:#777;
    font-size:14px;
    font-weight:bold;
}
#bo_cate a:focus,#bo_cate a:hover,#bo_cate a:active {
    text-decoration:none;
    background:#ddd;
    color:#000
}
#bo_cate #bo_cate_on {
    z-index:2;
    background:#333f54;
    color:#fff;
    font-weight:bold;
    border:0px;
}
.bo_mo_cate {
    position:absolute;
    width:120px;
}
.bo_cate_sel {
    width:100%;
    padding:6px;
    padding-left:12px;
    border:1px solid #ddd;
    background:url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95% 50%;
    background-size:20px;
    border-radius:0px;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:12px;
    color:#000;
    margin-left:8px;
}
.bo_sch select {
    width:100%;
    padding:.6em .2em;
    padding-left:12px;
    border:1px solid #eee;
    background:url(./img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 95% 50%;
    background-size:20px;
    border-radius:4px;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:12px;
    color:#000;
    margin-top:3px;
}
.bo_cate_sel:hover {
    border-color:#ddd;
}
.bo_cate_sel:focus {
    border-color:#ddd;
}
#bo_v_info .profile_info {
    display:inline-block;
    float:left;
}
#bo_v_info .profile_info .profile_info_ct {
    float:left;
    padding:5px 0;
    line-height:18px;
}
#bo_v_info .profile_info .profile_info_ct .profile_img {
    display:none;
}
#bo_v_info strong {
    display:inline-block;
    margin:0 10px 0 0;
    font-weight:normal;
}
#bo_v_btn {
    margin-top:2px;
}
#bo_v_title img {
    width:45px;
    height:45px;
    margin-right:10px;
    border-radius:50%;
}
@media (max-width:899px) {
    #bo_v_info .bo_view_hide {
        display:none;
    }
    #bo_v_title img {
        display:none;
    }
}
.mo_view {
    display:none;
}
@media (max-width:899px) {
    .pc_view {
        display:none;
    }
    .mo_view {
        display:block;
    }
    #bo_list .tbl_head01 a {
        font-size:14px;
        letter-spacing:0px;
    }
    #bo_list .bo_tit .new_icon {
        margin-top:-5px;
    }
    #bo_list .td_num2 {
        font-size:12px;
    }
    #bo_v_sns span {
        display:none;
    }
    #bo_v_sns li {
        width:35px;
    }
    #bo_v_sns li img {
        margin-right:0px
    }
    #bo_v_file li i {
        display:none;
    }
    #bo_v_link li i {
        display:none;
    }
    #bo_v_share .btn {
        width:35px;
    }
    #bo_v_share .btn i {
        margin-right:0px;
    }
    .btn_v_01 a {
        padding:0px 15px;
    }
    .btn_list_01 i {
        margin-top:10px
    }
    .btn_list_01 a {
        padding:0px 15px
    }
    #bo_list .td_num2 {
        width:50px;
        text-align:left;
    }
    .bo_notice td {
        background:#fff !important;
    }
    #bo_list .td_chk {
        width:25px;
        padding:20px 0px !important;
        ;
    }
}
.btn_img_01 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    border-radius:2px;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_01:hover,.btn_img_01:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_02 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_02:hover,.btn_img_02:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_03 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_03:hover,.btn_img_03:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_04 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_04:hover,.btn_img_04:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_list {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    background:#FCFCFC;
    margin-left:6px;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_list:hover,.btn_img_list:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_list_option {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-left:6px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_list_option:hover,.btn_img_option:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_view_option {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-top:2px;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_view_option:hover,.btn_img_view_option:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_05 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-top:2px;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_05:hover,.btn_img_05:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_06 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-top:2px;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
.btn_img_06:hover,.btn_img_06:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.btn_img_07 {
    padding:4px 7px 4px 7px;
    font-size:11px;
    line-height:1.6;
    border-color:#ddd;
    margin-top:2px;
    margin-left:5px;
    background:#FCFCFC;
    letter-spacing:-1px;
    box-shadow:none
}
@media ( max-width:480px) {
    .btn_img_07 {
        padding:4px 7px 4px 7px;
        font-size:11px;
        line-height:1.6;
        border-color:#ddd;
        margin-top:2px;
        margin-right:8px;
        background:#FCFCFC;
        letter-spacing:-1px;
        box-shadow:none
    }
}
.btn_img_07:hover,.btn_img_07:focus {
    border-color:#AAA;
    box-shadow:0 1px 4px rgba(0,0,0,.2)
}
.board_icon {
    width:12px;
    margin-right:5px;
}
@media ( max-width:480px) {
    .board_icon {
        width:14px;
        margin-right:0px;
    }
}
.btn-custom {
    display:inline-block;
    font-weight:400;
    color:#212529;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#fff;
    border:1px solid #ddd;
    padding:0.375rem 0.75rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
#bo_list {
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
}
#bo_v_info {
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
}
#bo_v_atc {
    padding-top:15px;
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
    border-bottom:1px solid #dee2e6;
}
#comment_line {
    border-left:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
}
#comment_mr {
    padding-bottom:10px;
}
@media ( max-width:480px) {
    #bo_list {
        border-left:none;
        border-right:none;
    }
    #bo_v_info {
        border-left:none;
        border-right:none;
    }
    #bo_v_atc {
        border-left:none;
        border-right:none;
    }
    #comment_line {
        border-left:none;
        border-right: none;
    }
}
.btn {
    border-radius: 0px !important;
}
.form-control {
    background-color: #fff !important;
    border-radius: 0px !important;
}
.alert {
    border-radius: 0px;
}
#bo_v_data {
    margin-top: 10px;
}