@charset "utf-8";

/*-----스킨 공통요소------*/
select{background:#fff url(/skin/board/skin_common/img/select_arr.png) no-repeat calc(100% - .6rem) 50%;-webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */}

/* 게시판 체크박스 공통 */
.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 {display:inline-block;width:1.5rem;height:1.5rem;margin-right:0.5rem;color:#676e70;vertical-align:middle;/* float:left; */} /* 22.09.28 kyh 수정 */
.chk_box input[type="checkbox"] + label[for="chkall"] {margin-top:0.4rem;margin-left:0.5rem;float:left;cursor:pointer;} /* 22.09.28 kyh 추가 */
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {display:block;width:1.5rem;height:1.5rem;margin:0;background:#fff;border:1px solid #d0d4df;cursor:pointer;vertical-align:middle;} /* 22.10.14 kyh 추가 */
.chk_box input[type="checkbox"] + label b {vertical-align:middle;}/* 22.10.14 kyh 추가 */
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:2rem}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:1px;left:0;width:1.5rem;height:1.5rem;display:block;margin:0;background:#fff;border:1px solid #d0d4df}
.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% #3a8afd;border-color:#1471f6}

/*--------------------------------기본형 리스트 시작--------------------------------*/
#bo_list{position:relative;margin-bottom:0;overflow:hidden}

/*분류&검색창*/
#bo_list .bo_list_top_area{width:100%;margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}


/*분류*/
#bo_cate{width:calc(100% - 50rem);padding-right:5rem;}
#bo_cate h2{display:none}
#bo_cate ul{display:flex;flex-wrap:wrap;gap:.5rem}
#bo_cate ul li a{display:block;padding:.7rem 1.5rem;border-radius:5rem;background:#F2F4F9;font-weight:500;font-size:1.5rem;color:#222;transition:all .3s}
#bo_cate ul li a#bo_cate_on, #bo_cate ul li a:hover{border-color:#333;background:#333;color:#fff}

#bo_cate.full_cate{width:100%;padding:0}

/*검색창*/
#bo_sch.bo_sch_bt{margin:3rem auto 0}
#bo_sch{width:50rem;height:5.5rem;border:1px solid #ddd;border-radius:2px}
#bo_sch form{width:100%;height:100%;display:flex;flex-wrap:wrap;}
#bo_sch select{width:30%;height:100%;padding:0 1.5rem;border:0;font-size:1.5rem;color:#333}
#bo_sch .sch_input{width:calc(70% - 5.5rem);height:100%;padding:0 2rem;border:0;background:#fff;font-size:1.5rem;color:#333}
#bo_sch .sch_btn{width:5.5rem;height:100%;border:0;background:#f7f7f7}
#bo_sch select:focus, .sch_input:focus{border:0 !important;outline:none;box-shadow:none}


/*리스트 테이블*/
#bo_list .tbl_wrap table{width:100%;table-layout:fixed}
#bo_list .tbl_head01{margin-bottom:0}
#bo_list .tbl_head01 thead tr{border-top:1px solid #333}
#bo_list .tbl_head01 thead th{height:6rem;max-height:80px;/*확대방지*/padding:0;font-size:1.7rem;font-weight:500}
#bo_list .tbl_head01 thead th.subject_th{width:69%}
#bo_list .tbl_head01 thead th.num2_th{width:5%}
#bo_list .tbl_head01 thead th.name_th{width:10%}
#bo_list .tbl_head01 thead th.hit_th{width:7%}
#bo_list .tbl_head01 thead th.date_th{width:9%}

#bo_list .tbl_head01 td{height:6rem;padding:1rem 0.5rem;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;font-size:1.6rem;color:#666}
#bo_list .td_board{width:1.2rem;text-align:center}
#bo_list .td_num2{text-align:center}
#bo_list .td_name{text-align:center}
#bo_list .td_num{text-align:center}
#bo_list .td_datetime{text-align:center}

/*공지사항 리스트*/
#bo_list .bo_notice td{background:#f8fbfd}
#bo_list .bo_notice .notice_icon{display:inline-block;width:3rem;height:3rem;border-radius:3rem;background:#333;line-height:3rem;vertical-align:middle;position:relative}
#bo_list .bo_notice .notice_icon img{width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/*리스트 제목 영역*/
#bo_list .bo_tit{display:block;font-size:1.6rem;color:#333}
#bo_list .bo_tit .m_notice{display:none;margin-right:.5rem;padding:.3rem .8rem;border-radius:2px;background:#042241;font-weight:500;font-size:13px;color:#fff}
#bo_list .bo_tit .bo_cate_link{display:inline-block;margin-right:.5rem;padding:.3rem .8rem;border-radius:2px;background:#ebf0f7;font-weight:500;font-size:13px;color:#239aee}
#bo_list .bo_tit br{display:none}

#bo_list .bo_tit .bo_tit_a{display:inline-block;max-width:calc(100% - 20rem);line-height:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;transition:all .3s}
#bo_list .bo_tit:hover .bo_tit_a{color:#000}

#bo_list .bo_tit .bo_cate_link ~ .bo_tit_a{max-width:calc(80% - 20rem)}
#bo_list .bo_tit .selec_chk ~ .bo_tit_a{max-width:calc(100% - 20rem)}
#bo_list .bo_tit .selec_chk ~ .bo_cate_link ~ .bo_tit_a{max-width:calc(80% - 7rem)}
#bo_list .bo_tit a:hover{text-decoration:none}
.icon_reply{width:1.8rem}

/*제목 아이콘*/
#bo_list .bo_tit .list_icon{display:inline-block;margin-left:.5rem}
#bo_list .bo_tit .list_icon img{width:92%;vertical-align:-0.3rem}
#bo_list .bo_tit .new_icon img, #bo_list .bo_tit .hot_icon img{width:100%;vertical-align:-.2rem}

/*모바일 정보*/
#bo_list .bo_tit_info{margin-top:1rem;font-size:1.5rem;display:none}
#bo_list .bo_tit_info span{display:inline-block;margin-right:.5rem;padding-right:1rem;color:#888;position:relative}
#bo_list .bo_tit_info span:before{content:'';width:1px;height:1.5rem;background:#999;position:absolute;right:0;top:50%;transform:translateY(-50%)}
#bo_list .bo_tit_info span:last-child:before{display:none}
#bo_list .bo_tit .new_icon,.bo_tit .hot_icon, .bo_tit i{display: inline-block}
#bo_list .bo_notice .bo_tit .bo_tit_a{color:#333}

#bo_list .pg_wrap{width:100%;margin:5rem auto 3rem}
#bo_list .pg_wrap .pg{display:flex;flex-wrap:wrap;justify-content:center}
#bo_list .pg_current, #bo_list .pg_page{width:4rem;height:4rem;background:#fff;font-weight:normal;font-size:1.6rem;line-height:4rem;border-radius:0;}
#bo_list .pg_current{border:1px solid #333;color:#333;position:relative;z-index:2}
#bo_list .pg_page{border:1px solid #ddd;margin-left:-1px}

#bo_list .pg_start {background:url(/skin/board/skin_common/img/btn_first.png) no-repeat 50% 50% #fff}
#bo_list .pg_prev {background:url(/skin/board/skin_common/img/btn_prev.png) no-repeat 50% 50% #fff}
#bo_list .pg_end {background:url(/skin/board/skin_common/img/btn_end.png) no-repeat 50% 50% #fff}
#bo_list .pg_next {background:url(/skin/board/skin_common/img/btn_next.png) no-repeat 50% 50% #fff}

/*--------------------------------기본형 리스트 끝--------------------------------*/

/*--------------------------------버튼 공통--------------------------------*/
.bo_btn_area{width:100%;margin-top:5rem;overflow:hidden}
.bo_btn_area li{display:inline-block;margin-right:.5rem;vertical-align:middle}
.bo_btn_area li:last-child{margin-right:0}
.bo_btn_area li button, .bo_btn_area li a{display:block;width:13rem;height:5rem;border:1px solid #ddd;border-radius:2px;background:#fff;font-size:1.6rem;line-height:5rem;text-align:center;color:#333;transition:all .3s}
.bo_btn_area li button:hover, .bo_btn_area li a:hover{border-color:#333;color:#000}
.bo_btn_area li img{display:inline-block;width:1.7rem;margin-right:.3rem;vertical-align:-.3rem}
.bo_btn_area li.right_btn{float:right}
.bo_btn_area li .bk_btn{border-color:#333;background:#333;color:#fff}
.bo_btn_area li .bk_btn:hover{background:#000;color:#fff}

.bo_btn_area.right_btn_area{text-align:right}

/*--------------------------------버튼 공통 끝--------------------------------*/


/*-------------------------뷰페이지-------------------------*/
#bo_v{width:100%;overflow:hidden}
#bo_v header{padding:3rem 2rem;border-top:1px solid #333;text-align:center;border-bottom:1px solid #ddd}
#bo_v header #bo_v_title{margin-bottom:1rem;font-weight:500;font-size:2.3rem;color:#333}
#bo_v header .bo_v_info{font-size:1.6rem;color:#888;text-align:right}
#bo_v header .bo_v_info span{display:inline-block;margin:0 .5rem}

#bo_v .info_box{padding:3rem 2rem;border-bottom:1px solid #ddd;}
#bo_v .info_box li{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap}
#bo_v .info_box li .info_tit{width:15rem;padding-left:1rem;font-weight:500;font-size:1.6rem;color:#333;position:relative}
#bo_v .info_box li .info_tit:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;top:.8rem;left:0}
#bo_v .info_box li .info_txt{width:calc(100% - 15rem);font-size:1.6rem;color:#666}
#bo_v .info_box li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}

/*본문*/
#bo_v_atc{min-height:20rem;height:auto;min-height:20rem}
#bo_v_atc_title{display:none}
#bo_v_con{padding:5rem 2rem 3rem;width:100%;font-size:1.6rem;line-height:2.8rem;min-height:2rem;word-break:break-all !important;overflow:hidden}
#bo_v_con *{word-break:break-all !important}
#bo_v_con a{color:#000;text-decoration:underline}
#bo_v_con img{max-width:100%;height:auto}

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

/*첨부파일,링크*/
.bo_file_link_list{margin-top:3rem}
.bo_file_link_list .tit{margin-bottom:1rem;font-weight:600;font-size:1.8rem;color:#333}
.bo_file_link_list .f_l_list{}
.bo_file_link_list .f_l_list li{padding:1.5rem 2rem;margin-bottom:1rem;border:1px solid #ddd;transition:all .3s}
.bo_file_link_list .f_l_list li:last-child{margin-bottom:0}

.bo_file_link_list .f_l_list li a{display:block;width:100%;height:100%;padding-left:7rem;position:relative;transition:all .3s}
.bo_file_link_list .f_l_list li a .icon{width:3rem;height:3rem;border-radius:3rem;background:#f7f7f7;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .3s}
.bo_file_link_list .f_l_list li a .icon svg{width:40%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.bo_file_link_list .f_l_list li .list_tit{font-size:1.5rem;color:#333}
.bo_file_link_list .f_l_list li .list_info{font-size:13px;color:#888;}

.bo_file_link_list .f_l_list li:hover{background:#f7f7f7}
.bo_file_link_list .f_l_list li:hover .list_tit{color:#000;}
.bo_file_link_list .f_l_list li:hover .icon{background:#333;color:#fff}

/*이전글 다음글*/
#bo_v .bo_v_nb{width:100%;margin-top:3rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#bo_v .bo_v_nb li{width:100%;height:6rem;border-bottom:1px solid #ddd;font-size:1.6rem;line-height:6rem;display:flex}
#bo_v .bo_v_nb li:last-child{border-bottom:0}
#bo_v .bo_v_nb li .nb_tit{width:15rem;padding:0 1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#bo_v .bo_v_nb li .nb_tit img{width:1.6rem}
#bo_v .bo_v_nb li a{width:calc(100% - 15rem);color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*-----------------------------글쓰기----------------------------*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 1rem 0 0}
#bo_w .bo_v_option li label {font-size:1.5rem;vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label{width:auto;height:auto;top:0;color:#333}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:.5rem}
#bo_w .write_div{margin:1.5rem 0;position:relative}
#bo_w .write_top{margin-top:0}
#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}
#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_link label {border-radius:3px 0 0 3px;height:3.8rem;line-height:3.8rem;width:4rem;font-size:1.4rem;text-align:center;color:#b2b2b2;position:absolute;top:0;left:1px}
#bo_w .bo_w_link .frm_input {height:4rem;padding-left:5rem}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:3.8rem;line-height:3.8rem;width:4rem;font-size:1.4rem;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:3rem;margin-top:1px;font-size:1.4rem}
#bo_w .bo_w_flie .file_wr {height:4rem;margin:0;padding:.5rem;border:1px solid #ccc;background:#fff;color:#333;vertical-align:middle;overflow:hidden;position:relative}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:1rem;right:1rem;font-size:1.4rem;color:#7d7d7d}

#bo_w .bo_w_select select {width:100%;height:5rem;padding: 0.5rem 1rem;border:1px solid #d0d3db;font-size:1.6rem;color:#666}
#bo_w .frm_input{height:5rem;padding:0.5rem 1rem;border-radius:0;box-shadow:none;font-size:1.6rem;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#bo_w .select_input{height:5rem;padding:0 1rem;border:1px solid #d0d3db}

#bo_w #wr_password, #bo_w #wr_homepage,.half_input_margin{margin-left:1%}
#bo_w  textarea{height:30rem;padding:0.5rem 1rem;border-color:#d0d3db;border-radius:0;font-size:1.6rem;line-height:3rem;color:#666}

/*라디오, 체크박스 리스트 커스텀*/
#bo_w .write_div_tit{margin-bottom:1rem;font-weight:500;font-size:1.7rem;color:#333}
#bo_w .chk_list_area{margin:2rem 0}
#bo_w .chk_list{display:flex;flex-wrap:wrap}
#bo_w .chk_list li{width:24.25%;margin-right:1%}
#bo_w .chk_list li:last-child{margin-right:0}

#bo_w .chk_list input[type=radio], #bo_w .chk_list input[type="checkbox"]{display:none;}
#bo_w .chk_list input[type=radio]+label, #bo_w .chk_list input[type="checkbox"]+label{display: inline-block;width:100%;height:5rem;border:1px solid #d0d3db;border-radius:.5rem;background:#fff;font-size:1.6rem;line-height:4.8rem;color:#666;text-align:center;cursor: pointer;}
#bo_w .chk_list input[type=radio]:checked+label, #bo_w .chk_list input[type="checkbox"]:checked+label{background-color:#333;color:#fff;}

/*제목이 포함된 좌우배열일때*/
#bo_w .flex_box{margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}
#bo_w .flex_box > div{width:49.5%;position:relative}
#bo_w .flex_box .right_box{margin-left:1%}

/*ui캘린더 사용시*/
#bo_w .ui-datepicker-trigger{right:2rem;top:50%;transform:translateY(-50%)}
#bo_w .flex_box .ui-datepicker-trigger{top:66%}


/*주소*/
#bo_w .adr_sch_btn{height:5rem;margin-left:1%}
a.btn_frmline, button.btn_frmline{border-radius:0}

/*개인정보취급방침*/
#bo_w .agree_box_area{width:100%;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}
#bo_w .agree_box_area .agree_box{padding-left:3rem;position:relative}
#bo_w .agree_box_area .captcha_box{} 

#bo_w .agree_box_area .agree_box .chk_icon{width:2.5rem;height:2.5rem;border-radius:2.5rem;border:1px solid #ccc;font-size:10px;text-align:center;line-height:2.3rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#bo_w .agree_box_area .agree_box label{cursor:pointer}
#bo_w .agree_box_area .agree_box input[type="checkbox"]{display:none}
#bo_w .agree_box_area .agree_box input[type="checkbox"]:checked + label .chk_icon{border-color:#113b91;background:#113b91;color:#fff}
#bo_w .agree_box_area .agree_box .agree_btn {display:inline-block;height:3rem;margin-left:.5rem;padding:0 1.5rem;border:1px solid #ddd;line-height:3rem;vertical-align:middle;cursor:pointer}
#bo_w .agree_box_area .agree_box .agree_btn:hover{border-color:#333;background:#333;color:#fff}

/*자동등록방지*/
#captcha{width:100%;overflow:hidden}
#captcha .captcha_wrap{overflow:hidden}
#captcha #captcha_info{font-size:1.5rem}

#captcha #captcha_img{height:5rem;border:none;/* float:left; */object-fit: cover;}
#captcha #captcha_key{width:10rem;height:4rem;margin-left:.5rem;padding:0 .5rem;border:1px solid #ccc;border-radius:3px;background:#fff;font-size:1.6rem;font-weight:bold;text-align:center;vertical-align:top;/* float:left */}
#captcha #captcha_mp3{width:4rem;height:4rem;margin-left:.5rem;font-size:1.5rem;line-height:4rem;background:#ccc;text-indent:unset;/* float:left */}
#captcha #captcha_reload{width:4rem;height:4rem;margin-left:.5rem;font-size:1.5rem;line-height:4rem;background:#ccc;text-indent:unset;/* float:left */}
#captcha #captcha_info{margin-top:.5rem}

#wr_content{width:100% !important}

/*-----------------------------글쓰기 끝----------------------------*/


/*------------------------게시판 댓글----------------------------*/

/*총 댓글 갯수 - 버튼*/
.cmt_btn {width:100%;height:5rem;margin:3rem 0 0;padding:0 2rem;border-top:1px solid #333;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:500;font-size:1.6rem;color:#333;line-height:5rem;position:relative;cursor:pointer}
.cmt_btn .arrow{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}
.cmt_btn .arrow img{width:2rem;height:auto;transition:all .3s}
.cmt_btn.cmt_btn_op .arrow img{transform:rotate(-180deg)}

/*----댓글목록----*/

/*댓글정보*/
#bo_vc{margin-bottom:3rem}
#bo_vc .cm_box{padding:3rem 2rem;border-bottom:1px solid #ddd}
#bo_vc .cm_box .cm_mb_info{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed #ddd;position:relative}
#bo_vc .cm_box .cm_mb_info h2{display:inline-block;font-weight:500;font-size:1.7rem;color:#333}
#bo_vc .cm_box .cm_mb_info .cm_info{display:inline-block;margin-left:.5rem;font-size:13px;color:#666}

/*댓글 답변,수정,삭제*/
#bo_vc .cm_box .cm_mb_info .bo_vl_opt{position:absolute;right:0;top:-3px;z-index:2}
#bo_vc .cm_box .cm_mb_info .bo_vl_opt .bo_vc_act{display:none;width:8rem;padding:1rem;border:1px solid #ddd;background:#fff;position:absolute;left:50%;transform:translateX(-50%)}
#bo_vc .cm_box .cm_mb_info .bo_vl_opt .bo_vc_act:before{content:url(/skin/board/skin_common/img/op_pt.png);position:absolute;left:50%;top:-1.4rem;transform:translateX(-50%)}
#bo_vc .cm_box .cm_mb_info .bo_vl_opt .bo_vc_act li{padding-bottom:1rem;font-size:14px;text-align:center}
#bo_vc .cm_box .cm_mb_info .bo_vl_opt .bo_vc_act li:last-child{padding-bottom:0}
#bo_vc .cm_box .cm_mb_info .btn_cm_opt.on{color:#333} 
 
/*댓글내용*/
#bo_vc .cmt_contents{font-size:1.6rem;line-height:2.8rem;color:#666}
#bo_vc .cmt_contents .cm_lock{padding-left:4rem;position:relative;}
#bo_vc .cmt_contents .cm_lock .lock_icon{width:3rem;height:3rem;border-radius:3rem;background:#666;position:absolute;left:0;top:0}
#bo_vc .cmt_contents .cm_lock .lock_icon img{width:40%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#bo_vc .re_cm{display:none;margin-right:.5rem;}
#bo_vc .re_cm img{width:1.5rem;height:auto;vertical-align: text-top;}

/*수정답변시*/
#bo_vc #wr_content{width:100% !important;height:10rem;margin-top:2rem;padding:2rem;border:1px solid #ddd;font-size:1.6rem;line-height:2.8rem;color:#666}

/*답변,대댓*/
#bo_vc .re_cm_box{padding:3rem 5rem;background:#f7f7f7} 
#bo_vc .re_cm_box .re_cm{display:inline-block}

/*댓글 쓰기*/
#bo_vc_w{width:100%;margin:3rem 0 5rem;padding:2rem;background:#f7f7f7}
#bo_vc_w h2{display:block;margin-bottom:2rem;font-weight:500;font-size:1.7rem;color:#333}
#bo_vc_w #wr_content{width:100% !important;height:10rem;margin-bottom:2rem;padding:2rem;border:1px solid #ddd;font-size:1.6rem;line-height:2.8rem;color:#666}

/*비회원등록*/
.bo_vc_w_wr .bo_vc_w_info{width:100%;padding-top:2rem;border-top:1px dashed #ddd;display:flex;flex-wrap:wrap;justify-content:space-between;}
.bo_vc_w_wr .bo_vc_w_info .guest_input{overflow:hidden}
.bo_vc_w_wr .bo_vc_w_info .frm_input{width:49.5%;max-width:20rem;height:5rem;float:left}
.bo_vc_w_wr .bo_vc_w_info #wr_password{margin-left:1%}
.bo_vc_w_wr .bo_vc_w_info #captcha{display:block;margin-top:1rem}


/*등록버튼*/
#bo_v .btn_confirm{margin-top:1rem}
#bo_v .btn_confirm .chk_box input[type="checkbox"] + label{display:inline-block;width:auto;height:auto;cursor:pointer}
#bo_v .chk_box input[type="checkbox"] + label span{top:0.2rem}
#bo_v .btn_confirm button#btn_submit{height:4rem;padding:0 2rem;border-radius:0;font-size:14px;color:#fff;background:#333}
#bo_vc_empty{border-bottom:1px solid #ddd;font-size:1.6rem;color:#999;line-height:10rem;text-align:center}

/*-------------------------게시판 댓글 끝------------------------*/


/*문의폼 별도 신규스타일*/
#new_form_area{width:100%;border-top:2px solid var(--pt-color)}
#new_form_area li{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;}
#new_form_area li .form_tit{width:25%;padding:1rem 2rem;border-right:1px solid #ddd;background:#f7f7f7;font-size:1.7rem;font-weight:500;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:.5rem}
#new_form_area li .required_mark{color:#c00}
#new_form_area li .form_box{width:75%;padding:1rem 2rem}
#new_form_area li .form_box .address{display:flex;flex-wrap:wrap;}
#new_form_area li .form_box .address + .address {margin-top:1rem}

#new_form_area li .cal_input{position:relative}
#new_form_area li .cal_input .ui-datepicker-trigger{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}

#new_form_area li .cal_flex_box{display:flex;flex-wrap:wrap;gap:1rem}
#new_form_area li .cal_half{width:calc(70% - 1rem)}
#new_form_area li .input30p{width:30%}

#new_form_area li .form_box_flex{display:flex;flex-wrap:wrap;gap:1rem}
#new_form_area li .select_input{background: #fff url(/skin/board/skin_common/img/arrow.png) no-repeat calc(100% - 1rem) 50%;}
#new_form_area li label{cursor:pointer}
#wr_content{border:1px solid #ddd}



@media(max-width:1024px){

/*---------------리스트------------------*/

/*분류&검색*/
#bo_list .bo_list_top_area{display:block}

/*분류*/
#bo_cate{width:100%;padding:0;margin-bottom:2rem}
#bo_cate ul{justify-content:center}
#bo_cate ul li{margin:0 .5% 1%}

/*검색*/
#bo_sch{max-width:50rem;width:100%;margin:0 auto}

/*리스트 테이블*/
#bo_list th.name_th, #bo_list th.hit_th, #bo_list td.td_name,td.td_num{display:none}	

/*제목*/
#bo_list .bo_tit br{display:block}
#bo_list .bo_tit .m_notice{display:inline-block}
#bo_list .bo_tit a.bo_cate_link{max-width:80%;margin-bottom:0.5rem}

/*게시판리스트*/
#bo_list .tbl_head01 td{padding:1.5rem 0.5rem}
#bo_list .bo_tit_info{display:block}
#bo_list .tbl_wrap table thead{display:none}
#bo_list .tbl_wrap table{table-layout:fixed}
#bo_list tbody tr:first-child .td_subject{border-top:1px solid #333}
#bo_list .td_datetime, #bo_list .td_num2{display:none}

/*뷰*/
#bo_v_con{padding:5rem 0}
}


@media(max-width:767px){

/*---------------리스트------------------*/
#bo_list .bo_tit .bo_tit_a{max-width:calc(100% - 3.1rem)}
#bo_list .bo_tit .bo_cate_link ~ .bo_tit_a{max-width:calc(100% - 3.1rem)}
#bo_list .bo_tit .selec_chk ~ .bo_tit_a{max-width:calc(100% - 6rem)}
#bo_list .bo_tit .selec_chk ~ .bo_cate_link ~ .bo_tit_a{max-width:calc(100% - 5rem)}
#bo_list .bo_tit .list_icon{display:none}
#bo_list .bo_tit .lock_icon{display:inline-block}

/*버튼 공통*/
.bo_btn_area{display:flex;justify-content:center;flex-wrap:wrap}
.bo_btn_area li{width:49%;margin:0 2% 2% 0;float:left}
.bo_btn_area li:nth-child(2n){margin-right:0}
.bo_btn_area li button, .bo_btn_area li a{width:100%}
.bo_btn_area li.solo_btn{width:100%;margin:0}

/*라디오, 체크박스 리스트 커스텀*/
#bo_w .chk_list li{width:49.5%;margin-right:1%}
#bo_w .chk_list li:nth-child(2n){margin-right:0}
#bo_w .chk_list li:nth-child(n + 3){margin-top:1%}
/*--------------글쓰기----------------*/

/*뷰*/
#bo_v_con{padding:3rem 0}


.captcha_box{width:100%;border:1px solid #ddd;padding:2rem;background:#f7f7f7}
#captcha{position:relative;padding-bottom:1rem}
#captcha #captcha_info{margin-top:1.5rem}
#captcha #captcha_img{width:49%;border:1px solid #ddd;background:#fff;float:left;object-fit:contain;}
#captcha #captcha_key{width:49%;height:5rem;margin-left:2%;float:left}
#captcha #captcha_mp3{width:4rem;height:4rem;margin-top:2%;position:absolute;right:0;bottom:0}
#captcha #captcha_reload{width:4rem;height:4rem;margin-top:2%;position:absolute;right:5rem;bottom:0}
}


@media(max-width:480px){
	
/*--------------리스트---------------*/
/*검색*/
#bo_sch select{width:10rem;height:100%;padding:0 1.5rem;border:0;font-size:1.5rem;color:#333}
#bo_sch .sch_input{width:calc(100% - 13.5rem);height:100%;padding:0 1rem;border:0;background:#fff;font-size:1.5rem;color:#333}	
#bo_sch .sch_btn{width:3.5rem;background:none}	


/*글쓰기*/
#bo_w .bo_w_flie .lb_icon{display:none}
#bo_w .bo_w_flie .frm_file{padding-left:0}

/*제목이 포함된 좌우배열일때*/
#bo_w .flex_box {margin-bottom:1rem}
#bo_w .flex_box > div{width:100%}
#bo_w .flex_box .right_box{margin:1rem 0 0 0}


/*주소*/
#bo_w .adr_sch_btn{width:49.5%;margin-left:1%;float:left}
#bo_w .adr_sch_input{width:49.5%;padding:0 1rem}

/*파일삭제*/
#bo_w .bo_w_flie .file_del{display:block;margin-top:5px;margin-left:5px;position:relative;top:auto;right:auto}

/*뷰*/
.bo_file_link_list .f_l_list li{padding:2rem}

/*댓글*/
#bo_vc .cm_box .cm_mb_info .cm_info{display:block;margin:.5rem 0 0 0}
#bo_vc .re_cm_box{padding:3rem}
#bo_vc_w{margin-bottom:3rem;padding:2rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:none}
#bo_vc_w .guest_captcha{width:100%}

/*개인정보처리방침*/
#privacy_cont .privacy_new_box{padding:3rem 2rem}
#privacy_cont #privacy_cont_box{padding:2rem}


/*문의폼 별도 신규스타일*/
#new_form_area{padding-top:3rem}
#new_form_area li{border:0}
#new_form_area li + li{margin-top:2rem}
#new_form_area li .form_tit{display:block;width:100%;margin-bottom:1rem;padding:0;border:0;background:#fff;text-align:left}
#new_form_area li .form_box{width:100%;padding:0}

#new_form_area li .cal_half{width:100%}
#new_form_area li .input30p{width:100%}
#new_form_area li .form_box{padding:1rem;border:1px solid #ddd;background:#f7f7f7;justify-content: center;}

#wr_content{height:25rem !important}

#ex_addr2{width:100%}
#ex_addr3{width:100%;margin:1rem 0 0}

}