@charset "utf-8";

/* 게시판 목록 */
#bo_cate { width:var(--wide-full); border-bottom:1px solid #fff; margin:40px 0 48px 0; padding-bottom:20px; position:relative; display:flex; justify-content: center; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display:flex; justify-content: center; align-items: center; gap:0 18px}
#bo_cate li {}
#bo_cate a {display:block; min-width:132px; padding:10px 10px; border-radius:25px; border:2px solid #4A4A4A;color:#8D8D8D; display:flex; justify-content: center; align-items: center;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:rgba(165,165,165,0.3);color:#fff; border-color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:rgba(165,165,165,0.3);color:#fff;border:2px solid #fff;}

.btn_bo_sch{ position:absolute; right:0; top:0; width:34px; top:4px; padding:0; background:unset}

@media (min-width:1024px) and (max-width:1440px){

  #bo_cate {  margin:2.0833vw 0 2.5000vw 0; padding-bottom:1.0417vw;  }
  #bo_cate ul { gap:0 0.9375vw}
  #bo_cate a { min-width:6.8750vw; padding:0.5208vw 0.5208vw; border-radius:1.3021vw; }  
  .btn_bo_sch{ width:1.7708vw; top:0.2083vw; }  

}


@media (max-width:1023px){

#bo_gall{ position:relative}
form[name="fcategory"]{ position:relative; position:absolute; top:0; left:0; z-index:5}

#bo_cate { height:4.7rem; margin:1.8rem 0}
#bo_cate_select { height:3.2rem; border:1px solid #8D8D8D; border-radius: 0.5rem; width:11.6rem; font-size:1.4rem; background:#000 url(/img/main/icon-cate-select-arrow.svg) no-repeat calc(100% - 1rem) center; color:#fff; font-size:1.4rem }


.btn_bo_sch{ width:2.2rem; top:4px; }

}


.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:#3E8F57}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0px;width:15px;height:15px;display:block;background:transparent;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:#fff}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3E8F57;border-color:#3E8F57;border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0}


/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {padding:0;list-style:none; padding:0 152px; display:grid; grid-template-columns: repeat(4, 1fr); gap:42px; margin-bottom:50px }
#bo_gall .gall_li {}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
#bo_gall .gall_box {position:relative;}
#bo_gall .gall_con {position:relative; }

@media (min-width:1024px) and (max-width:1440px){

}

@media (max-width:1023px){

.chk_box input[type="checkbox"] + label {padding-left:20px; font-size:1.4rem; font-weight:400}
#bo_gall #gall_ul {padding:0; display:grid; grid-template-columns: repeat(2, 1fr); gap:1.8rem 1.2rem; margin-bottom:2.2rem }

}

.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;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;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%}

.gall_row .box_clear {clear:both}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {text-align:center;overflow:hidden; position:relative}
#bo_gall .gall_img a:after { content:""; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,1) 100%); z-index:4; display:block; position:absolute; bottom:0; left:0}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block; font-size:0; position:relative; z-index:3}
#bo_gall .gall_img img, #bo_gall .gall_img video {max-width:100%;height:auto !important}
#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 { height:30px; width:100%; margin-top:-30px; position:relative; z-index:5; padding:8px}
#bo_gall .gall_text_href a { font-size:20px; color:#fff}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_gall .profile_img img {border-radius:50%}
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

@media (max-width:1023px){

#bo_gall .gall_img { height:auto !important;}

#bo_gall .gall_text_href { height:3rem; margin-top:-3rem;   padding:0.8rem 0.4rem}
#bo_gall .gall_text_href a { font-size:1.4rem}

}


/* 게시판 목록 공통 */
.bo_fx {margin:48px 0; width:var(--wide-full)}
.bo_fx ul { display:flex; justify-content: flex-end; align-items: center;}
.bo_fx ul button{ background-color: transparent;}

.btn_bo_user {margin:0;padding:0;list-style:none}
.btn_bo_user li {min-width:40px;text-align:center;margin-left:5px;background:transparent}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.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}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.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}

#bo_gall li.empty_list {padding:85px 0;text-align:center; grid-column:1 / span 4}

@media (max-width:1023px){

#bo_gall li.empty_list { grid-column:1 / span 2; font-size:1.4rem}

}

/* 검색부분 */
.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#262626;width:418px;max-height:272px; transform: translate(-50%,-50%); padding:76px 72px 66px 72px}
.bo_sch h3 {padding:0 0 10px 2px; font-size:13px; font-weight:700; border-bottom:1px solid #fff}
.bo_sch legend {background:red}
.bo_sch form {display:block; padding:10px 0 0 0}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #B1B1B1; border-radius: 0; background:transparent url(/img/main/icon-select-arrow.svg) no-repeat calc(100% - 16px) center / 14px auto; color:#fff; font-size:12px; font-weight:500; padding:0 0 0 12px}
.bo_sch select option{ color:#fff; background:#262626}
.bo_sch .sch_bar { margin-top:10px; height:40px; border:1px solid #bababa; border-radius: 0; padding:0 16px 0 13px; color:#fff; display:flex; justify-content: space-between; align-items: center;}
.bo_sch .sch_input {width:220px;height:100%;border:0;padding:0;background-color:transparent; font-size:12px; color:#fff}
.bo_sch .sch_input::placeholder{color:#7A7A7A; font-weight:300}
.bo_sch .sch_btn {background:none;border:0;width:14px; background:transparent}
.bo_sch .bo_sch_cls {position:absolute;right:8px;top:8px; border:0; padding:0; width:16px; background:transparent}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.6);width:100%;height:100%}

@media (min-width:1024px) and (max-width:1440px){

}

@media (max-width:1023px){

  .bo_sch {width:calc(100vw - 4.8rem); max-height:20.2rem; padding:4rem 2rem 3.2rem 2rem}
  .bo_sch h3 {padding:0 0 1rem 2px; font-size:1.3rem; }
  .bo_sch form {padding:1rem 0 0 0}
  .bo_sch select {height:4rem; color:#fff; font-size:1.2rem; padding:0 0 0 1.2rem}
  .bo_sch .sch_bar { margin-top:1rem; height:4rem;  }
  .bo_sch .sch_input {width:80%; font-size:1.2rem}
  .bo_sch .sch_input::placeholder{color:#7A7A7A; }
  .bo_sch .bo_sch_cls {right:1rem;top:1rem; width:1.6rem}

}


/* 게시판 쓰기 */
#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}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* 게시판 읽기 */
#bo_v {margin:50px 0 52px 0;box-sizing:border-box}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;margin:5px 0 0;word-break:break-all; text-align: center; font-size:25px; font-weight:700}



#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666; padding-bottom:20px}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info { font-size:16px; font-weight:300; color:#fff; text-align: center; margin-top:10px}

#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000}
#bo_v_info .if_date {margin:0;color:#888}

@media (max-width:1023px){

#bo_v_title .bo_v_tit {font-size:1.8rem;margin:2.9rem 0 0;}

#bo_v_info {border-bottom:2px solid #f1f1f1;padding-bottom:2.2rem}

#bo_v_info .profile_info { font-size:1.4rem; margin-top:0.6rem}

}

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


#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

#bo_v_bot { display:flex; justify-content: space-between; align-items: flex-start; margin-top:32px; padding:0 48px}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}


.btn_b_com{ font-size:16px; padding:10px 20px; display:flex; justify-content: center; align-items: center; border-radius: 5px; line-height:1}
.btn_b_com.btn_list{ background:#474747; color:#fff;}
.btn_b_com.btn_write{ background:transparent; color:#E1B240; border:1px solid #E1B240}
.btn_b_com.btn_cancel{ background:transparent; color:#C8C8C8; border:1px solid #C8C8C8}

.bo_v_com { display:flex; justify-content: flex-end; gap:0 12px}
.bo_v_com > li {position:relative;margin-left:0}


#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con { padding:70px 0; width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden; border-bottom:1px solid #FFFFFF}
#bo_v_con a {color:#fff;text-decoration:underline}
#bo_v_con img { width:auto; max-width:100%;height:auto; margin:0 auto}

@media (max-width:1023px){

#bo_v_bot { margin-top:2rem; padding:0}


.btn_b_com{ font-size:1.3rem; padding:0.6rem 1rem; border-radius: 0.2rem}

.bo_v_com { gap:0 0.6rem}

#bo_v_con { padding:1.6rem 0 2rem; line-height:1.5 }

}

#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#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 {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#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 .bo_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.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 {}
.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 {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;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 .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

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

/*글쓰기*/
#bo_w {width:100%; border-top:1px solid #A5A5A5; margin-top:70px}
#bo_w .btn_cke_sc{display:none}
#bo_w .bo_write_info{ display:grid; grid-template-columns: repeat(2, 1fr); align-items: stretch;}
#bo_w .bo_write_info li:not(.option_ul li){ display:grid; grid-template-columns: 165px 1fr; align-items: stretch; position:relative}
#bo_w .bo_write_info li:not(.option_ul li):after{ content:""; width:100%; height:1px; background:#A5A5A5; position:absolute; left:0; bottom:0;}
#bo_w .bo_write_info li:not(.option_ul li).wd100{ grid-column: 1 / span 2; }
#bo_w .bo_write_info li:not(.option_ul li) .label{ background:#474747; padding-left:22px; font-size:16px; color:#fff; font-weight:600; display:flex; justify-content: flex-start; align-items: center;}
#bo_w .bo_write_info li:not(.option_ul li) .label span.required{background-image:unset !important;color:#E1B240; margin-left:6px}
#bo_w .bo_write_info li:not(.option_ul li) .input{padding:12px 20px; width:100%; display:flex; align-items: center;}
#bo_w .bo_write_info .input input{ height:36px; width:100%; background:transparent; border:1px solid #E3E3E3 ; color:#fff; padding:0 16px; border-radius: 0;}
#bo_w .bo_write_info .input select {border:0;width:100%;height:36px;border:1px solid #B1B1B1; border-radius: 0; background:transparent url(/img/main/icon-select-arrow.svg) no-repeat calc(100% - 16px) center / 14px auto; color:#fff; font-size:16px; font-weight:500; padding:0 0 0 12px}
#bo_w .bo_write_info .input  option{ color:#fff; background:#000}
#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}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}

@media (max-width:1023px){

#bo_w .bo_write_info .input input{ height:3.2rem; font-size:1.4rem}
#bo_w .bo_write_info .input select {height:3.2rem; font-size:1.4rem}

#bo_w { border-top:2px solid #A5A5A5; margin-top:2.1rem}
#bo_w .bo_write_info{ grid-template-columns:1fr}
#bo_w .bo_write_info li:not(.option_ul li){ grid-template-columns: 25% 1fr; }
#bo_w .bo_write_info li:not(.option_ul li).wd100{ grid-column: unset; }
#bo_w .bo_write_info li:not(.option_ul li) .label{ padding-left:1.2rem; font-size:1.4rem; }
#bo_w .bo_write_info li:not(.option_ul li) .input{padding:1.2rem 1rem; }

}

.period-c{padding:0 6px}

.bo_w_flie {width:100%; height:auto; border:1px solid #A5A5A5; border-width: 1px 0; position:relative; }
.bo_w_flie + .bo_w_flie {margin-top:0px; }
.bo_w_flie .file-inner{width:100%; display:flex; justify-content: space-between; align-items: stretch; overflow:hidden }
.bo_w_flie.b-counsel .file-inner{border-bottom:0}

.bo_w_flie .lb_icon {border-radius:0; width:200px; padding:12px 22px; background:#474747; font-size:16px; font-weight:600; color:#fff; display:flex;justify-content: flex-start; align-items: center; overflow:hidden}
.bo_w_flie .lb_icon span.gray{font-size:13px; color:#a1a1a1; font-weight:600; margin-left:10px}
.bo_w_flie .input_inr{padding:12px 20px; width:calc(100% - 200px);}

.bo_w_flie .input { width:100%; height:36px; display:flex; justify-content: flex-start; align-items: center; border:0; border-radius: 0; background:transparent; color:#fff}
.bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d; z-index:15; height:30px; display:flex; align-items: center;}
/*.bo_w_flie .file_del input[type="checkbox"]{display:none}*/
.bo_w_flie .file_del input[type="checkbox"] + label span{ margin-right:6px}

#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:36px;border-radius:3px}
#bo_w .wr_content_wr{width:100%; overflow-x:hidden !important; }
#bo_w .wr_agree_wr .textarea_br{display:none}
#bo_w .wr_agree_wr li{ border-top:1px solid #A5A5A5}
#bo_w .wr_agree_wr li:after{ display:none}
#bo_w .wr_agree_wr li .input{ display:flex; flex-direction: column; align-items: flex-start !important; gap:10px 0}
#bo_w .wr_agree_wr li .input .chk_box span{ margin-right:8px}
#bo_w .wr_agree_wr li .textarea{ width:100%; border:1px solid #A5A5A5;background:#fff;color:#000;vertical-align:middle; padding:1rem; height:150px; border-radius: 0; box-shadow: unset; resize:none; font-weight:400; overflow-y:auto;}
#bo_w .wr_agree_wr li .textarea .sub_content_inner{padding:0; width:100%}
#bo_w .wr_agree_wr li .textarea .sub_content_inner p{ text-align: left;}

.option_ul{display:flex; justify-content: flex-start; align-items: center; gap:0 10px}

#bo_w .right_btn { display:flex; justify-content: flex-end; align-items: center; gap:0 12px}
#bo_w .board_btn {padding:0 20px; height:38px; font-size:16px; border-radius: 5px; display:flex; justify-content: center; align-items: center; transition:transform 0.2s linear}
#bo_w .board_btn:hover { transform:translateY(-2px);}
#bo_w .btn_list { color:#fff; background:#474747}
#bo_w .btn_submit { color:#fff; background:#AA866C}
#bo_w .btn_cancel { border:1px solid #474747; background:#fff; color:#474747}
#smart_editor2{min-width:100% !important}

@media (max-width:1023px){

.bo_w_flie .input { font-size:1.4rem}
.bo_w_flie {position:relative; padding-bottom:2rem}
.bo_w_flie .file_del {position:absolute;top:unset; left:0; right:unset; bottom:0.6rem; ;font-size:1.2rem;height:30px; display:flex; align-items: center;}
.bo_w_flie .file_del label {font-size:1.4rem; font-weight:400; padding-left:1rem}
.bo_w_flie .file-inner{ flex-wrap:wrap; justify-content:flex-start;}
.bo_w_flie .lb_icon { width:100%; padding:1.2rem 1rem; font-size:1.4rem; position:relative}
.bo_w_flie .lb_icon span.gray{font-size:1.3rem; margin-left:1rem}
.bo_w_flie .input_inr{padding:1.2rem 1rem; width:100%}

#bo_w .right_btn { gap:0 0.6rem}
}


/*갤린더*/
/* 캘린더 { */
.ui-widget-header {
  border: 0px solid #dddddd;
  background: #fff;
  }
  
  .ui-datepicker-calendar>thead>tr>th {
  font-size: 14px !important;
  }
  
  .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 10px 0;
  }
  
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5;
  background-color: transparent;
  font-weight: normal;
  color: #454545;
  text-align: center;
  }
  
  .ui-datepicker .ui-datepicker-title {
  margin: 0 0em;
  line-height: 16px;
  text-align: center;
  font-size: 14px;
  padding: 0px;
  font-weight: bold;
  }
  
  .ui-datepicker {
  display: none;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
  padding-bottom: 10px;
  width: 350px;
  box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
  }
      
  .ui-widget.ui-widget-content {
      border: 1px solid #eee;
  }
  
  #datepicker:focus>.ui-datepicker {
  display: block;
  }
  
  .ui-datepicker-prev,
  .ui-datepicker-next {
  cursor: pointer;
  }
  
  .ui-datepicker-next {
  float: right;
  }
  
  .ui-state-disabled {
  cursor: auto;
  color: hsla(0, 0%, 80%, 1);
  }
  
  .ui-datepicker-title {
  text-align: center;
  padding: 10px;
  font-weight: 100;
  font-size: 20px;
  }
  
  .ui-datepicker-calendar {
  width: 100%;
  }
  
  .ui-datepicker-calendar>thead>tr>th {
  padding: 5px;
  font-size: 20px;
  font-weight: 400;
  }
  
  
  .ui-datepicker-calendar>tbody>tr>td>a {
  color: #000;
  font-size: 12px !important;
  font-weight: bold !important;
  text-decoration: none;
      
  }
  
  
  .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
  cursor: auto;
  background-color: #fff;
  }
      
  .ui-datepicker-calendar>tbody>tr>td {
      border-radius: 100%;
      width: 44px;
      height: 30px;
      cursor: pointer;
      padding: 5px;
      font-weight: 100;
      text-align: center;
      font-size: 12px;
  }
      
  .ui-datepicker-calendar>tbody>tr>td:hover {
      background-color: transparent;
      opacity: 0.6;
  }
  
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus,
  .ui-button:hover,
  .ui-button:focus {
  border: 0px solid #cccccc;
  background-color: transparent;
  font-weight: normal;
  color: #2b2b2b;
  }
  
  .ui-widget-header .ui-icon {
  background-image: url('../theme/basic/skin/board/event/img/btns.png');
  }
  .ui-icon-circle-triangle-e {
  background-position: -20px 0px;
  background-size: 36px;
  }
  
  .ui-icon-circle-triangle-w {
  background-position: -0px -0px;
  background-size: 36px;
  }
      
  .ui-datepicker-calendar>tbody>tr>td:first-child a{
  color: red !important;
  }
      
  .ui-datepicker-calendar>tbody>tr>td:last-child a{
  color: #0099ff !important;
  }
      
  .ui-datepicker-calendar>thead>tr>th:first-child {
      color: red !important;
  }
      
  .ui-datepicker-calendar>thead>tr>th:last-child {
      color: #0099ff !important;
  }
  
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
      border: 0px;
      background: #f1f1f1;
      border-radius: 50%;
      padding-top: 10px;
      padding-bottom: 10px;
  }