@charset "utf-8";

/* 게시판 목록 */
#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:6rem;padding:1rem 0.5rem;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;font-size:1.6rem;line-height:2.6rem;}
#bo_list .td_board {width:1.2rem;text-align:center}
#bo_list .td_num2 {width:5%;text-align:center}
#bo_list .td_subject{width:67%}
#bo_list .td_name{width:12%;text-align:center}
#bo_list .td_num{width:5%;text-align:center}
#bo_list .td_datetime{width:10%;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.6rem;background:#f7f7f7}
#bo_cate {margin-bottom:1rem}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;margin:.5rem}
#bo_cate a {display:block;padding:0.5rem 1.5rem;border-radius:3rem;border:1px solid #ddd;font-size:1.5rem;line-height:2.8rem;color:#666}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
.td_subject img {margin-left:1rem}
.bo_cate_link {/* float:left; */display:inline-block;height:2.6rem;margin-right:1rem;padding:0 1rem;border-radius:.5rem;background:#e2eaf6;font-weight:normal !important;font-size:1.5rem;line-height:2.6rem;color:#3a8afd;vertical-align: text-top;} /* 글제목줄 분류스타일 */
.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.8rem;color:#676e70;vertical-align:-0.25rem;/* 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:0.5rem;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_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 td a {font-weight:bold}
.bo_notice .notice_icon {color:#333}

/*제목*/
.bo_tit {display:block;width:100%;font-size:1.6rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bo_tit a {line-height:180%;vertical-align: middle;}
.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{position:relative;top:-2px}

/*제목 아이콘*/
#bo_list .bo_tit .title_icon {margin-right:2px;vertical-align:middle}
#bo_list .bo_tit .fa-heart {color:#ff0000;vertical-align:middle}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:1.6rem;width:1.6rem;font-size:1rem;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;border:1px solid #cbe3e8;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;line-height:1.6rem;font-size:1rem;color:#e63434;margin-left:2px;font-weight:bold;vertical-align:middle;position:relative;top:2px}
#bo_list .bo_tit .hot_icon {display:inline-block;width:1.6rem;line-height:1.6rem;font-size:1rem;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb;vertical-align:middle}
#bo_list .bo_tit .fa-download {display:inline-block;width:1.6rem;line-height:1.6rem;font-size:1rem;color:#999;background:#ddd;text-align:center;border-radius:2px;margin-left:.5rem;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:1.6rem;line-height:1.6rem;font-size:1rem;color:#999;background:#ddd;text-align:center;border-radius:2px;margin-left:.5rem;vertical-align:middle}

/*검색창*/
#bo_sch {max-width:55rem;width:100%;margin:2rem 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.5rem;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.5rem;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}

.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:5.5rem;padding:0 2rem;border:1px solid #ddd;background:#fff;font-size:1.5rem;color:#333;text-align:center;line-height:5.5rem;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_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;font-size:2.4rem;margin:0 0 1rem;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_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;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{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.4rem}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:1.3rem;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;font-size:1.5rem;color:#b3b3b3;float:left}
.bo_v_nb li a{width:calc(100% - 15rem);float:left;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.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 {margin:1rem 0 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_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 .write_div{margin:1rem 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:5rem;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}
#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:5.5rem;padding:0 2rem;line-height:5.5rem}
#bo_w a.btn i, #bo_w .btn i{display:inline-block;margin-right:.5rem}
#captcha #captcha_info{font-size:1.5rem}

/*자동등록방지*/
#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}

@media (max-width: 1024px) {
#bo_list th.name_th, #bo_list th.hit_th, #bo_list td.td_name,td.td_num{display:none}	
.board-btn a, .board-btn button, #bo_w .btn_submit, #bo_w .btn_cancel{font-size:14px}

/*게시판리스트*/
#bo_list .tbl_head01 td{padding:1.5rem 1rem;}
#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}

/*write페이지*/
#bo_w .write_div a.btn_cancel,#bo_w .btn_submit{display:block;width:49%;float:left}
#bo_w .write_div a.btn_cancel{margin-right:2%}
/* .file_del label span{display:none} */

/*게시판목록*/
#bo_v_title .bo_v_tit{display:inline-block;width:100%}
.bo_v_nb li{overflow:hidden}
.bo_v_nb li .nb_tit{float:left}
.bo_v_nb li a{float:left}

/*페이지목록*/
.pg_page, .pg_current{min-width:2rem;height:2rem;padding:0}
}

@media (max-width: 767px) {
/* #bo_list .bo_tit .fa-download,#bo_list .bo_tit .fa-link,#bo_list .bo_tit .new_icon,#bo_list .bo_tit .hot_icon{display:none} */
/*검색창*/
#bo_sch select{height:4.8rem;}
#bo_sch .sch_input{height:4.8rem;}
#bo_sch .sch_btn{height: 4.8rem;}	
}

@media (max-width: 480px) {
/*검색창*/
#bo_sch select{width:33%;padding:0 0.7rem}
#bo_sch .sch_input{width:67%;}

/*뷰페이지*/
#bo_v_file .bo_v_file_cnt,#bo_v_link .bo_v_link_cnt{display:none}
.bo_v_nb li .nb_date{display:none}
.bo_v_nb li a{width:calc(100% - 8rem)}
#bo_w .bo_w_flie .lb_icon{display:none}
#bo_w .bo_w_flie .frm_file{padding-left:0}

/*write페이지*/
.file_del label span{display:none} /* 22.10.14 kyh */
}

@media (max-width: 360px) {
#captcha{position:relative;padding-bottom:1rem}
#captcha #captcha_info{margin-top:1.5rem}
#captcha #captcha_img{width:49%;float:left;object-fit: contain;}
#captcha #captcha_key{width:49%;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: 319px) {
/*검색창*/	
#bo_sch select{width:36%;font-size: 1.5rem;}
#bo_sch .sch_input{width:64%;padding:0 3rem 0 1rem;/* font-size: 1.5rem; */}
#bo_sch .sch_btn{width:3rem}
}