@charset "utf-8";
/* ======================================================================== 
    게시판 Common (button)
======================================================================== */
.btn_box {display: flex;} 
.btn_box li+li{margin-left:0.4em}
.btn_box .btn-style{display: block;border: 1px solid;padding: 0.2em 0.5em;background: #fff; line-height: 1.2; font-size:1.1em}
.btn_box .btn-style:hover{background: #000;color: #fff;}


/* ===================== List - Chk 버튼 ===================== */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70;vertical-align:baseline}
.chk_box input[type="checkbox"] + label:hover{color: var(--pointcolor)}
.chk_box input[type="checkbox"] + label span {position:absolute;top:10px;left:10px;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% var(--pointcolor);border-color:var(--pointcolor);border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0}


/* ===================== List - 분류 ===================== */
#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display: flex; gap: 4px; flex-wrap:wrap; justify-content: center;}
#bo_cate ul > li > a{display:block;padding:0.5em 1em;border:1px solid rgba(var(--pointcolor-rgb),0.4);color:var(--pointcolor)}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:var(--pointcolor);color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:var(--pointcolor);color:#fff;font-weight:bold;border:1px solid var(--pointcolor)}

#bo_info {margin:10px 0;display: flex; justify-content: space-between;}
#bo_info .bo_list_total {font-size:0.92em;color:#4e546f}

/* ===================== List - 목록 ===================== */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1;display: flex; flex-wrap: wrap;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
#bo_gall .gall_box {position:relative;border-radius:0 0 2px 2px}
#bo_gall .gall_con {position:relative}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;margin-left:0}
.gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%} 
.gall_row .col-gn-4 {width:25%}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}

#bo_gall .login_form {font-size:1.15em;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);color: #fff;width: 50%;height: 100%;display: flex; flex-direction:column;justify-content: center;align-items: center;}
#bo_gall .login_form .login-btn{background: #fff;border-radius: 2em;color: #000;padding: 2px 1em;}
#bo_gall .pg_wrap{float: none;text-align: center;display: block;margin: 15px 0;}
#bo_gall .pg_current{background:var(--pointcolor);border-color:var(--pointcolor)}

@media (max-width:1240px) {
    .bfafImg {flex-direction: column;}
    #bo_gall .gall_li{width:calc(100% / 3)}
    .bfafImg > div{width:100%}
    #bo_gall .login_form {width:100%;height: 50%;}
}
@media (max-width:768px) { #bo_gall .gall_li{width:50%}}
@media (max-width:500px) { #bo_gall .gall_li{width:100%}}


#bo_gall .gall_img {border-bottom:1px solid #eee;text-align:center;overflow:hidden}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img, #bo_gall .gall_img video {max-width:100%;height:auto !important;display: block;width:100%}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin:10px 0}
#bo_gall .gall_text_href .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.4em;text-align: center;}
#bo_gall li.empty_list {padding:85px 0 !important;text-align:center;width:100%;font-size:1.2em}

/* View - 전체영역 */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}
#bo_v_title {border-top: 2px solid #000; margin-top:1em}
#bo_v_title .bo_v_tit {font-size:2em;padding:10px; font-weight: bold;}
#bo_v_title .bo_v_info {padding:10px;border-bottom:1px solid #f1f1f1;;border-top:1px solid #f1f1f1;color:#666}
#bo_v_title .bo_v_info .bo_v_cate{background: var(--pointcolor);color: #fff;padding: 4px 8px;border-radius: 4px;margin-right: 4px;margin-bottom: 4px;}

#bo_v_atc {min-height:200px;height:auto !important;height:200px;margin-top: 2rem;}

/* View - 본문내용 */
#bo_v_con {margin:3rem 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/* View - 첨부파일 */
#bf_af_box {width:100%;}
#bf_af_box a.view_image {display:block}
#bf_af_box .imgbox:after{display: block;text-align: center;font-size:2rem;font-weight: 700;color: #fff; padding:0.5em 1em}
#bf_af_box .imgbox:nth-child(1):after{content:'BEFORE';background:#000}
#bf_af_box .imgbox:nth-child(2):after{content:'AFTER' ;background:var(--pointcolor)}
#bf_af_box img {display: block;width:100%}

/* View - 첨부파일 (사진이 아닌, file 종류일때) */

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}


/* View  - 이전글 & 다음글 부분 */
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}


/* Write - 기본설정 */
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#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}

/* Write - 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0} /* 글자수 제한관련 */
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}
.smarteditor2 .btn_cke_sc{display: none;}

/* Write - 링크 및 첨부파일영역 */
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;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 {font-size:0.92em;color:#7d7d7d; float: right ;margin: 4px 0;}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}



/* 사용목적을 모르겠는것들 모음 */
.td_subject img {margin-left:3px}/* 뭔지 모르겠음 / 필요없으면 삭제하기 */
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.td_num strong {color:#000}
.bo_cate_link {display:inline-block;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#e8180c}
#bo_list .profile_img {display:inline-block;margin-right:5px}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}