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