@charset "utf-8";

/* basic 게시판 목록 */
#bo_list {position:relative;margin-bottom:2rem}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .tbl_head01{width:100%;table-layout:fixed}
#bo_list .tbl_head01 td{height:5.5rem;padding:1rem 0.5rem;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;font-size:1.6rem;color:#333;}
#bo_list .td_board {width:1.2rem;text-align:center}
#bo_list .td_num2 {/* width:5%; */text-align:center;}
/* #bo_list .td_subject{width:75%} */
#bo_list .td_name{/* width:8%; */text-align:center}
#bo_list .td_num{/* width:5%; */text-align:center}
#bo_list .td_datetime{/* width:7%; */text-align:center}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr {border-left:2px solid transparent;}
#bo_list .tbl_head01 thead tr{border-top:1px solid #333}
#bo_list .tbl_head01 thead th{height:5.5rem;max-height:55px;/*확대방지*/padding:0;font-size:1.7rem;font-weight:500}

/* 23.07.12 kyh 추가 */
.tbl_wrap table{table-layout:fixed;}
#bo_list .tbl_head01 thead th.subject_th{width:75%;}
#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.date_th{width:10%;}

#bo_cate{width:100%;margin-bottom:3rem;padding-right:5rem;}
#bo_cate h2{display:none}
#bo_cate ul{display:flex;flex-wrap:wrap;}
#bo_cate ul li{margin:.3rem 1rem .3rem 0;}
#bo_cate ul li:last-child{margin-right:0}
#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_link {/* float:left; */display:inline-block;max-width:20%;height:2.6rem;margin-right:1rem;padding:0 1rem;border-radius:.5rem;background:#F2F4F9;font-weight:normal !important;font-size:1.5rem;line-height:2.6rem;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration: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 {width:1.5rem;height:1.5rem;display:block;margin:0;background:#fff;border:1px solid #d0d4df;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.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_btn_top {margin:1rem 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:.5rem;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;font-size:1.5rem;line-height:4rem;color:#4e546f}
#bo_list_total span {vertical-align: 0;}

/*공지*/
.bo_notice td {background:#f8f8fb !important;border-bottom:1px solid #f8e6ee}
.bo_notice .notice_icon {display:inline-block;width:4rem;height:4rem;border-radius:4rem;background:#333;line-height:4rem;vertical-align:middle;position:relative}
.bo_notice .notice_icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/*제목*/
.bo_tit {display:block;font-size:1.6rem;color:#333;vertical-align:middle;}
.bo_tit br{display:none;}
.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_tit:hover .bo_tit_a{color:#000}
.bo_tit .bo_cate_link ~ .bo_tit_a{max-width:calc(80% - 20rem);}
.bo_tit .selec_chk ~ .bo_tit_a {max-width:calc(100% - 20rem);}
.bo_tit .selec_chk ~ .bo_cate_link ~ .bo_tit_a{max-width:calc(80% - 7rem);}
.bo_tit a:hover{text-decoration:none}
.bo_tit_info{margin-top:1rem;font-size:1.5rem;display:none}
.bo_tit_info span{display:inline-block;margin-right:.5rem;padding-right:1rem;color:#888;position:relative}
.bo_tit_info span:before{width:1px;height:1.5rem;background:#999;position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';}
.bo_tit_info span:last-child:before{display:none}
.bo_tit .new_icon,.bo_tit .hot_icon, .bo_tit i{display: inline-block;}
.bo_notice .bo_tit .bo_tit_a{color:#333}

#bo_list .bo_tit .list_icon{display:inline-block;margin-left:.5rem}
/* #bo_list .bo_tit .list_icon img{vertical-align:bottom} */
#bo_list .bo_tit .list_icon img{width:80%;vertical-align:-0.3rem} /* 23.07.18 kyh 수정 */

/*검색창*/
#bo_sch {max-width:55rem;width:100%;margin:4rem auto 1rem;border:1px solid #d0d3db;background:#fff;position:relative}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select {border:0;width:30%;height:5.5rem;padding:0 1.5rem;float:left;font-size:1.6rem;color:#666;background:#fff;}
#bo_sch .sch_input {height:5.5rem;border:0;background-color:transparent;float:left;width:70%;padding:0 4rem 0 1rem;font-size:1.6rem;color:#333}
#bo_sch .sch_btn {height:5.5rem;position:absolute;top:0;right:0;border:0;width:4rem;background:none;font-size:1.6rem;color:#333}

.pg_wrap{float:none;width:100%;margin-bottom:1rem;text-align:center}
.pg_current{border:1px solid #666;background:#666}

/*버튼*/
#bo_v_info #bo_v_top {position: absolute;right: 0;top:1.3rem;}
#bo_btn_top .board-btn{display:inline-block;float:right}
.board-btn a,.board-btn button{position:relative;display:inline-block;width:auto;height:6rem;padding:0 2rem;border:1px solid #ddd;background:#fff;font-size:1.6rem;color:#333;text-align:center;line-height:6rem;transition:all 0.3s;}
.board-btn a i,.board-btn button i{display:inline-block;margin-right:.5rem}
.board-btn a:hover,.board-btn button:hover{background:#f7f7f7}
.bo-bottom-wrap{display:block;overflow:hidden}
.bo-bottom-wrap .list-bottom-left{display:inline-block;float:left}
.bo-bottom-wrap .list-bottom-right{display:inline-block;float:right}
.btn_submit{background:#444}
.btn_submit:hover{background:#000}

/* 게시판 읽기 */
#bo_v {margin-bottom:2rem;background:#fff;box-sizing:border-box}
#bo_v header{padding:4rem 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:400;font-size:2.6rem;line-height:130%;color:#333;}
#bo_v header .bo_v_info{font-size:14px;text-align:right;color:#888}
#bo_v header .bo_v_info span{display:inline-block;margin:0 .5rem}

#bo_v_table{position:absolute;top:0;right:1.6rem;margin:0;padding:0 .5rem;height:2.5rem;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title .bo_v_tit {display:block;margin:0 0 1rem;font-size:2.4rem;line-height:130%;color:#333;word-break:break-all !important}
#bo_v_title .bo_v_cate{display:inline-block;padding:0 1rem;margin-bottom:1rem;border-radius:3px;background:#e2eaf6;font-size:1.5rem;line-height:2.6rem;color:#3a8afd}

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;color:#666;position:relative}
#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 {margin:1rem 0;display:inline-block;float:left}

#bo_v_info strong {display:inline-block;margin:0 1rem 0 0;font-weight:normal;vertical-align: middle;}
#bo_v_info strong i {vertical-align: 0;}
#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}

#bo_v .info_box{margin-bottom:5rem;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 .bo_v_tit{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333}

#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:1.5rem;position:relative;margin:1rem 0;border:1px solid #dfdfdf;border-radius:.5rem;-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%);font-size:1.4rem}
#bo_v_file li i {width:2rem;font-size:1.6rem;color:#b2b2b2;float:left;position:relative;top:3px}
#bo_v_file a {display:block;width:calc(100% - 2rem);padding-left:1rem;text-decoration:none;font-weight:400;font-size:1.6rem;color:#333;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#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 1rem 0 0}
#bo_v_file .bo_v_file_cnt {display:block;margin-top:.5rem;color:#b2b2b2;font-size:1.4rem}
#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}
.file_del label{font-size:1.4rem}
.file_del label span{background:#fff;vertical-align:0;}

#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:1.5rem;position:relative;margin:1rem 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 {width:2rem;font-size:1.6rem;color:#b2b2b2;float:left;position:relative;top:5px}
#bo_v_link a {display:block;width:calc(100% - 2rem);padding-left:1rem;text-decoration:none;color:#333;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#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:1.4rem}
#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;text-align:right}
#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;background:#fff}

.bo_v_nb {position:relative;margin:2rem 0;clear:both;text-align:left;font-size:1.6rem}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:2.5rem 2rem;overflow:hidden}
.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:1.3rem;color:#b3b3b3}
.bo_v_nb li .nb_tit {width:8rem;color:#b3b3b3;float:left}
.bo_v_nb li a{width:calc(100% - 15rem);float:left;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s}
.bo_v_nb li:hover a{color:#333}
.bo_v_nb li .nb_date {width:7rem;color:#b3b3b3;text-align:right;float:right}

#bo_v_atc {min-height:20rem;height:auto !important;height:20rem}
#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:2rem;max-width:100%;height:auto}

#bo_v_con {padding:5rem 2rem 3rem;width:100%;font-size:1.6rem !important;line-height:2.8rem !important;min-height:2rem;word-break:break-all !important;overflow:hidden;font-family:'Pretendard' !important}
#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_w .bo_v_option {overflow:hidden}
#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}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:.5rem}

#bo_w .bo_w_tit{margin:3rem 0 1rem;font-weight:500;font-size:1.8rem;color:#333}
#bo_w .half_box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
#bo_w .write_div{margin:1rem 0;position:relative}
#bo_w .write_top{margin-top:0}
#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 .btn_submit {padding:0 2rem;border-radius:0;font-weight:normal;font-size:1.5rem}
#bo_w .btn_cancel {font-weight:normal;font-size:1.5rem}
#bo_w .frm_input{height:5rem;padding:0.5rem 1rem;border-radius:0;font-size:1.6rem;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#bo_w .half_input{width:49.5%}

#bo_w  textarea{height:30rem;padding:0.5rem 1rem;border-radius:0;font-size:1.6rem;line-height:3rem;color:#666}
#bo_w a.btn, #bo_w .btn{height:6rem;padding:0 2rem;font-size:1.6rem;line-height:6rem}
#bo_w a.btn i, #bo_w .btn i{display:inline-block;margin-right:.5rem}
#captcha #captcha_info{font-size:1.5rem}

#bo_w .btn_confirm{margin-top:4rem;overflow:hidden}

/*개인정보수집,캡챠*/
#bo_w .agree_box_area{width:100%;overflow:hidden}
#bo_w .agree_box_area .agree_box{margin-top:1rem;padding-left:3rem;float:left;position:relative}
#bo_w .agree_box_area .captcha_box{float:right} 

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