@charset "utf-8";

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

input {font-size: 16px !important;}

#bo_list {}

.pg_wrap {display: block;}

.e-chkbox {display: flex;align-items: center;gap: 7px;cursor: pointer;}
.e-chkbox > input {margin: 0 !important;width: 17px;height: 17px;border-radius: 0;cursor: pointer;}
.e-chkbox > label {margin: 0;font-size: 120%;font-weight: 500;cursor: pointer;}

#bo_btn_top {display: flex;justify-content: space-between;align-items: center;}

#bo_list_total {display: flex;flex-wrap: wrap;gap: 10px;}

#bo_list .btn_bo_user {display: flex;flex-wrap: wrap;gap: 10px;}

#bo_cate {display: none;} /* 게시판 분류 사용안함 */

#bo_sch {margin: 30px 0 30px;background-color: #f0f0f0;padding: 30px;border-radius: 15px;box-sizing: border-box;}
#bo_sch form {display: flex;justify-content: center;flex-wrap: wrap;gap: 5px;}

#bo_sch input[type='text'] {padding: 7px 10px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;box-sizing: border-box;}
#bo_sch input[type='text']:focus {outline: none;border: 1px solid #333;}
#bo_sch input[type='file'] {padding: 7px 10px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;box-sizing: border-box;}
#bo_sch input[type='file']:focus {outline: none;border: 1px solid #333;}
#bo_sch select {padding: 7px 10px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;box-sizing: border-box;}
#bo_sch select:focus {outline: none;border: 1px solid #333;}

.bbs-list-wrap {margin: 15px 0;}

.bbs-list-wrap .head-wrap {display: flex;align-items: center;width: 100%;background-color:#fff;gap: 5px;}
.bbs-list-wrap .head-wrap .chk-wrap {flex: 0 0 30px;text-align:center;font-size: 1.1rem;padding: 15px 0px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .no-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .title-wrap {flex: 1;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .name-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .hit-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .goods-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .nogoods-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}
.bbs-list-wrap .head-wrap .date-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#f0f0f0;}

.bbs-list-wrap .list-wrap {display: flex;align-items: center;width: 100%;background-color:#fff;gap: 5px;margin-bottom: 0px;padding-bottom: 0px;border-bottom: 1px solid #ccc;}
.bbs-list-wrap .list-wrap .empty-list {padding: 70px 0;text-align: center;font-size: 3rem;font-weight: 900;color: rgba(0, 0, 0, 0.1);}
.bbs-list-wrap .list-wrap .chk-wrap {flex: 0 0 30px;text-align:center;font-size: 1.1rem;padding: 15px 0px;background-color:#fff;}
.bbs-list-wrap .list-wrap .no-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .title-wrap {flex: 1;text-align:left;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .name-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .hit-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .goods-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .nogoods-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}
.bbs-list-wrap .list-wrap .date-wrap {flex: 0 0 100px;text-align:center;font-size: 1.1rem;padding: 15px 5px;background-color:#fff;}

/*** 글쓰기 CSS ***/
#bo_w {margin: 0 auto;width: 100%;max-width: 1000px;}

.options-wrap {display: flex;flex-wrap: wrap;gap: 15px;}

.write_div {margin-bottom: 15px;}
.write_div input[type='text'] {padding: 10px 15px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 1px solid #ccc;border-radius: 5px;background-color: #fff;}
.write_div input[type='text']:focus {outline: none;border: 1px solid #333;}
.bo_w_link {display: flex;align-items: center;flex-direction: row;gap: 15px;padding: 10px 15px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 1px solid #ccc;border-radius: 5px;background-color: #fff;}
.bo_w_link input[type='text'] {padding: 0px 0px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 0px solid #ccc;border-radius: 5px;background-color: #fff;}
.bo_w_link input[type='text']:focus {outline: none;border: 0px solid #333;}

.bo_w_flie .file_wr {display: flex;align-items: center;flex-direction: row;gap: 15px;padding: 10px 15px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 1px solid #ccc;border-radius: 5px;background-color: #fff;}
.bo_w_flie .file_wr input[type='file'] {padding: 0px 0px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 0px solid #ccc;border-radius: 5px;background-color: #fff;}
.bo_w_flie .file_wr input[type='file']:focus {outline: none;border: 0px solid #333;}

.btn_confirm {display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 30px;}
.btn_confirm a {}
.btn_confirm input[type='submit'] {}

/*** 글 상세 CSS ***/
#bo_v {margin: 0 auto;width: 100%;max-width: 1000px;}
#bo_v_title .bo_v_tit {
    display: block;
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 20px;
    word-break: break-all;
}
#bo_v_info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
#bo_v_info h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_v_info h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_v_atc_title {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_v_atc {
    min-height: 200px;
    height: auto !important;
    height: 200px;
}
#bo_v_top {}
#bo_v_top .btns-wrap {display: flex;}
.bo_v_left {flex: 1;display: flex;flex-wrap: wrap;align-items: center;gap: 7px;}
.bo_v_com {flex: 1;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: 7px;}
.bo_v_nb {flex: 1;}

#bo_v_share {display: flex;flex-direction: row;justify-content: flex-end;margin-bottom: 20px;}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5;border: 1px solid #b9bdd3;}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}

/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo{float:right;font-style:italic;color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{width: 17px;height: 17px;}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:flex;align-items: center;gap: 7px;margin-right:0px;border-radius:0px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }

/*** 반응형 CSS ***/
@media all and (max-width: 900px){
    .bbs-list-wrap .head-wrap {display: none;}
    .bbs-list-wrap .list-wrap {flex-wrap: wrap;padding: 20px 10px;box-sizing: border-box;}
    .bbs-list-wrap .list-wrap .chk-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .no-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .title-wrap {flex: unset;padding: 0;width: calc( 100% - 70px );}
    .bbs-list-wrap .list-wrap .title-wrap .bo_tit a {font-size: 1.3rem;font-weight: 500;}
    .bbs-list-wrap .list-wrap .name-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .hit-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .goods-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .nogoods-wrap {flex: unset;padding: 0;}
    .bbs-list-wrap .list-wrap .date-wrap {flex: unset;padding: 0;}
}
@media all and (max-width: 800px){
    #bo_v_top .btns-wrap {flex-direction: column;align-items: flex-start;gap: 7px;}
}
@media all and (max-width: 500px){
    #bo_v_info {flex-direction: column;align-items: flex-start;gap: 7px;}
}