@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Blinker:400,600,700,800,900&display=swap';
@import 'https://fonts.googleapis.com/earlyaccess/notosanskr.css';
@import 'https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css';
@import 'https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap';
@import 'https://fonts.googleapis.com/css?family=Black+Han+Sans|Do+Hyeon&display=swap';
@import './animate.css';
@import './reset.css';
@import './common.css';
@import './elements.css';
@import './pages.css';
@import './layout.css?v=202509042';

#captcha {
    margin-top: 30px
}

#captcha_key {
    border: 1px solid #ddd;
    padding: 10px;
    min-width: 100px
}

#bbs-category li:first-child {
    display: none
}

#bo_v_title .bo_v_tit {
    font-size: 20px!important
}

#bo_v_title .bo_v_cate {
    font-size: 16px!important
}

#bo_cate #bo_cate_on {
    background-color: #f93d7a!important;
    box-shadow: none!important;
    border: 0!important
}

#bo_cate_ul a:hover {
    color: #f93d7a!important
}

#bbslist .table {
    border-top: 1px solid #333
}

#bbslist .table th,#bbslist .table td {
    padding: 13px 5px;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    font-weight: 500;
    color: #ffffff;
}

#bbslist .table th {
    border-bottom: 1px solid #dfdfdf;
    font-weight: 700;
    color: #000
}

#bbslist .table td a {
    color: #000
}

#bbslist .table td.td-sbj {
    text-align: left
}

#bbslist .table td.td-sbj a:hover {
    text-decoration: underline;
    color: #d71718
}

#bbslist .table td.td-sbj a+img {
    vertical-align: middle;
    margin-left: 3px
}

#bbslist .table .cmt-count {
    font-weight: 700;
    font-size: 11px;
    color: #fc565f
}

#bbslist .table .tr-notice {
    background-color: #eff3ff;
    font-weight: 700;
    color: #000
}

#bbslist .table .tr-notice td {
    font-weight: 700;
    color: #000
}

#bbslist .table .tr-notice a {
    color: #000;
    font-weight: 700
}

#bbslist .table .cat-name {
    color: #d71718;
    padding-right: 5px
}

#bbsview .bbsview__head {
    border-bottom: 1px solid #dfdfdf;
    margin: 20px;
    padding-bottom: 20px
}

#bbsview .bbsview__head .bbsview-title {
    font-weight: 500;
    font-size: 22px
}

#bbsview .bbsview__head .bbsview-info {
    clear: both;
    padding-top: 20px
}

#bbsview .bbsview__body {
    clear: both;
    margin: 20px;
    padding: 40px 0
}

#bbsview .bbsview__foot {
    clear: both;
    margin: 20px;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px
}

#bbsview .bbsview-share {
    clear: both;
    margin-top: 40px;
    text-align: center
}

#bbsview .bbsview-ad {
    clear: both;
    margin-top: 40px
}

#bbsview .bbsview-cmt {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px
}

#bbsview .bbsview-more-article {
    margin-left: 20px;
    margin-top: 20px
}

#bbsview .bbsview-more-article .grid-12 {
    border: 1px solid #dfdfdf;
    padding: 15px 20px
}

#bbsview .bbsview-more-article .grid-12:first-child {
    border-top: 1px solid #333
}

#bbsview .bbsview-more-article .grid-12:last-child {
    border-top: 0
}

#bbsview .bbsview-more-article .nb_tit {
    font-weight: 700;
    padding-right: 10px
}

#bbsview .bbsview-more-article .nb_tit i {
    padding-right: 5px
}

#bbsview .bbsview-more-article .nb_date {
    color: #999;
    float: right
}

#bbsview~#bbslist {
    margin: 20px
}

#bbsview~#bbslist .control {
    display: none
}

.bo_vc_w textarea {
    border-radius: 0!important;
    box-shadow: none!important
}

.bo_vc_w .btn_confirm {
    margin-top: 0!important
}

.bo_vc_w_wr {
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding: 5px;
    background-color: #f9f9f9
}

#cmt-head {
    display: block;
    clear: both;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    padding-top: 20px
}

#cmt-head .cmt-title {
    font-size: 20px;
    font-weight: 700
}

#bbs-category {
    margin-bottom: 20px
}

#bo_w .btn_confirm {
    text-align: right
}

.btn_cke_sc {
    display: none
}

.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 70px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f5f8f9;
    text-align: left
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: 0 0
}

.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea,.frm_input {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 40px
}

.full_input {
    width: 100%
}

.half_input {
    width: 49.5%
}

.tbl_frm01 textarea,.write_div textarea {
    width: 100%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}

#bo_w .write_div {
    margin: 10px 0;
    position: relative
}

#bo_w .bo_w_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_w .bo_w_info .frm_input {
    float: left;
    width: 33%
}

#bo_w #wr_password {
    margin: 0 .5%
}

#bo_w .wr_content.smarteditor2 iframe {
    background: #fff
}

#bo_w .bo_w_tit {
    position: relative
}

#bo_w .bo_w_tit .frm_input {
    padding-right: 120px
}

#bo_w .bo_w_tit #btn_autosave {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 30px;
    height: 30px
}

a.btn_frmline,button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 40px;
    border: 0;
    background: #3c3c3c;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    vertical-align: top
}

a.btn_frmline {
}

button.btn_frmline {
    font-size: 1em
}

.btn.small {
    height: 22px;
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px
}

a.btn_b01,.btn_b01 {
    display: inline-block;
    background: #fff;
    color: #333;
    border-color: #ddd
}

.btn_b01:hover,.btn_b01:hover {
    background: #fff
}

a.btn_b02,.btn_b02 {
    background: #1860b9;
    color: #fff
}

a.btn_b02:hover,.btn_b02:hover {
    background: #0025eb
}

a.btn_b03,.btn_b03 {
    background: #fff;
    border: 1px solid #b9bdd3;
    color: #646982
}

a.btn_b03:hover,.btn_b03:hover {
    background: #ebedf6
}

a.btn_b04,.btn_b04 {
    background: #fff;
    border: 1px solid #ccc;
    color: #707070
}

a.btn_b04:hover,.btn_b04:hover {
    color: #333;
    background: #f9f9f9
}

a.btn_admin,.btn_admin {
    background: #d13f4a;
    border-color: #da344a;
    color: #fff
}

#bo_w .bo_w_link label {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    background: #eee;
    text-align: center;
    color: #888
}

#bo_w .bo_w_link .frm_input {
    padding-left: 50px
}

#bo_w .bo_w_flie .lb_icon {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px 0 0 3px;
    height: 38px;
    line-height: 38px;
    width: 40px;
    background: #eee;
    text-align: center;
    color: #888
}

#bo_w .bo_w_flie .frm_file {
    padding-left: 50px
}

#bo_w .bo_w_flie .file_wr {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    height: 40px;
    margin: 0
}

#bo_w .bo_w_flie .frm_input {
    margin: 10px 0 0
}

#bo_w .bo_w_flie .file_del {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: .92em;
    color: #7d7d7d
}

#bo_w a.btn_cancel {
    padding-top: 0;
    padding-bottom: 0
}

#bo_w .bo_w_select select {
    border: 1px solid #3497d9;
    height: 40px;
    border-radius: 3px
}

.latest-basic a+.date {
    float: right;
    color: #999
}

@media(max-width: 767px) {
    .only-pc,span.only-pc,br.only-pc {
        display:none!important
    }

    .only-mb {
        display: block
    }
}
