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

/* 캡챠 */
#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 #dfdfdf;
    text-align: center;
    font-weight: 500;
    color: #7a7a7a
}

#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: transparent
}

.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 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: 0px;
    left: 0px;
    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: 0.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;
    }
}