/* common */
textarea {resize:none;}
#bo_list .titWrap.inner{padding: 100px 0 0;}
#bo_write .titWrap.inner{padding: 100px 0 0;}
#bo_view .titWrap.inner{padding: 100px 0 0;}
#bo_gall .titWrap.inner{padding: 100px 0 0;}
#appWrap .titWrap.inner{padding: 100px 0 0;}
.register .titWrap.inner{padding: 100px 0 0;}
#bo_list .inner{padding: 80px 0 100px;}
#bo_write .inner{padding: 80px 0 100px;}
#bo_view .inner{padding: 80px 0 100px;}
#bo_gall .inner{padding: 80px 0 100px;}
#appWrap .inner{padding: 80px 0 100px;}
.register .inner{padding: 80px 0 100px;}
/* btn */
.btn{display: block;border:none;background: #000;color:#fff;font-weight: 400;cursor: pointer;padding: 10px 15px;font-size: 14px;line-height: 1;box-sizing: border-box;}
a.btn{font-size: 14px;font-weight: 400;}
a.btn_admin, .btn_admin{color:#fff;}
a.btn_admin:hover, .btn_admin:hover{color:#fff;}
.btn_close{border:1px solid #000;}
.btn_submit{background:#000;border:1px solid #000;transition: 0.2s ease;}
.btn_submit:hover{background:#000;}
.bbs-btns{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 30px;}
.bbs-btns .btn{width:205px;height:55px;text-align: center;background: #000;border-radius: 0;}
.bbs-btns .btn.cancle{line-height: 54px;border:1px solid #000;color:#000;background: #fff;margin-left: 10px;}
.bbs-btns input.btn.cancle{line-height: 0;}
/* input */
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{box-shadow: none;border: 1px solid #000 !important;}
input {-webkit-appearance: none;-webkit-border-radius: 0;margin: 0;padding: 0;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="text"]{padding: 10px 12px;border:1px solid #ccc;box-sizing: border-box;}
input:disabled{background: #f2f3f6;}
select {-webkit-appearance: none;-webkit-border-radius: 0;margin: 0;padding: 0;box-sizing: border-box;}
textarea{resize: none;padding: 10px 12px;border:1px solid #ccc;box-sizing: border-box;border-radius: 0;box-shadow: none;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{resize: none;padding: 10px 12px;border:1px solid #ccc;box-sizing: border-box;border-radius: 0;box-shadow: none;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{box-shadow: none;border: 1px solid #000 !important;}
/* checkbox */
.all_chk.chk_box input[type="checkbox"] + label span{top:3px;}
.chk_box input[type="checkbox"] + label{cursor: pointer;font-size: 14px;}
.chk_box input[type="checkbox"] + label:hover{color:#000;}
.chk_box input[type="checkbox"] + label span{border-radius: 0;border-color: #000;}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span{border-radius: 0;border-color: #000;margin:0;}
.chk_box input[type="checkbox"]:checked + label span{background: url("../img/bbs/chk.png") no-repeat 50% 50% #000;border-color: #000;border-radius: 0;}
.chkboxCust input[type="checkbox"]{display: none;}
.chkboxCust input[type="checkbox"] + label{cursor: pointer;}
.chkboxCust input[type="checkbox"] + label:hover{color:#000;}
.chkboxCust input[type="checkbox"] + label span{width: 15px;height: 15px;display: inline-block;background: #fff;border: 1px solid #000;border-radius: 0;vertical-align: middle;margin-right: 3px;}
.chkboxCust input[type="checkbox"]:checked + label span{background: url("../img/bbs/chk.png") no-repeat 50% 50% #000;border-color: #000;border-radius: 0;}
/* category */
#bo_cate a{border: 1px solid #ccc;color: #000;font-weight: 600;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: #666;}
#bo_cate #bo_cate_on{background: #000;border: 1px solid #000;}
/* search */
.schWrap .bo_sch_fd form{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: 30px;}
.schWrap .sch_select{padding: 10px 12px;border:1px solid #ccc;background: url("../img/ic_select_bk.png") no-repeat 90% 50%;cursor: pointer;}
.sch_bar{position: relative;margin-left: 10px;}
.sch_bar input[type="text"]{padding: 10px 52px 10px 12px;}
.sch_bar .schBtn{width:40px;height:100%;position: absolute;top:0;right:0;background: url("../img/ic_search.png") no-repeat 50% 50% #282a2d;border: none;text-indent: -9999px;}
/* list */
#bo_list .listWrap{margin-top: 50px;}
#bo_list .listWrap table{width:100%;}
#bo_list .listWrap table caption{display: none;}
#bo_list .listWrap table thead tr{width:100%;display: flex;flex-wrap: wrap;}
#bo_list .listWrap table thead tr th{font-size: 16px;font-weight: bold;padding: 15px 0;}
#bo_list .listWrap table thead tr th:first-child{width: calc(100% - 120px);}
#bo_list .listWrap table thead tr th:last-child{width: 120px;}
#bo_list .listWrap table thead tr th.all_chk.chk_box{width:30px;text-align: center;padding: 15px 7px;}
#bo_list .listWrap table thead tr th.all_chk.chk_box + th{width: calc(100% - 150px);}
#bo_list .listWrap table thead tr th.all_chk.chk_box + th + th{width: 120px;}
#bo_list .listWrap table tbody tr{width:100%;display: flex;flex-wrap: wrap;}
#bo_list tbody tr{border-left: none;}
#bo_list tbody tr:hover{border-left: none;background: none;}
#bo_list .listWrap table tbody tr td{display: block;border-bottom: 1px solid #ccc;color: #999;padding: 23px 0;text-align: center;line-height: 1.5;}
#bo_list .listWrap table tbody .bo_notice td{background: #fff !important;}
#bo_list .listWrap table tbody tr td .notice_icon{font-size: 14px;color:#ff496f;}
#bo_list .listWrap table tbody tr td .bo_current{font-size: 14px;}
#bo_list .listWrap table tbody tr td:first-child{width: calc(100% - 120px);padding: 0;}
#bo_list .listWrap table tbody tr td:last-child{width: 120px;}
#bo_list .listWrap table tbody tr td .bo_tit{display: flex;justify-content:space-between;align-items: flex-start;margin: 25px 0;cursor: pointer;}
#bo_list .listWrap table tbody tr td .bo_tit a{display: block;}
#bo_list .listWrap table tbody tr td.empty_table{display: block;width: 100%;}
#bo_list .listWrap table tbody tr td.td_chk.chk_box{width:30px;border:none;border-bottom: 1px solid #ccc;padding: 27px 7px;}
#bo_list .listWrap table tbody tr td.td_chk.chk_box + td{width: calc(100% - 150px);padding: 0;}
#bo_list .listWrap table tbody tr td.td_chk.chk_box + td + td{width: 120px;}

.bo_btnWrap{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 20px 0 30px;}
.bo_btnWrap .adminBtnUl{display: flex;flex-wrap: wrap;}
.bo_btnWrap .adminBtnUl li{margin-right: 10px;}
.bo_btnWrap .adminBtnUl li:last-child{margin-right: 0;}
.bo_btnWrap .adminBtnUl li .btn span{font-size: 16px;vertical-align: text-bottom;margin-right: 5px;}
.bo_btnWrap .bo_listBtnUl{display: flex;flex-wrap: wrap;}
.bo_btnWrap .bo_listBtnUl li{margin-right: 10px;}
.bo_btnWrap .bo_listBtnUl li:last-child{margin-right: 0;}

#bo_list .listWrap table tbody tr td .bo_tit .subjectSpan{display: -webkit-box; width:calc(100% - 50px);max-height:2.4em;line-height: 1.2;overflow: hidden;text-align: left;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
#bo_list .listWrap table tbody tr td .bo_tit .modifyBtn{display: inline-block;padding:5px 8px;background: #000;font-size: 14px;color:#fff;}

/* 페이징 */
.pg_wrap .pg{display: flex;flex-wrap: wrap;align-items: center;}
.pg_start{background: none;border:none;text-indent: 0;}
.pg_prev{background: none;border:none;text-indent: 0;}
.pg_next{background: none;border:none;text-indent: 0;}
.pg_end{background: none;border:none;text-indent: 0;}
.pg_page{display: block;min-width:fit-content;height:fit-content;line-height: 1;padding: 0 7.5px;color:#ccc;background: none;border:none;font-size: 16px;}
.pg_wrap .pg .pg_page:first-child{padding-left: 0;}
.pg_page:hover{background: none;}
.pg_current{display: block;min-width:fit-content;height:fit-content;line-height: 1;padding: 0 7.5px;color:#000;background: none;border:none;font-size: 16px;cursor: pointer;}
.pg_wrap .pg .pg_current:first-child{padding-left: 0;}

/* write */
.writeWrap{margin-top: 30px;}
.bo_w_select.write_div{padding: 10px 0;border-bottom: 1px solid #ccc;}
.writeWrap #ca_name{padding: 10px 50px 10px 12px;border:1px solid #ccc;background: url("../img/ic_select_bk.png") no-repeat 90% 50%;cursor: pointer;}
.writeWrap .bo_v_option{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 25px;border-bottom:1px solid #ccc;}
.writeWrap .bo_v_option li{margin-left: 15px;}
.writeWrap .bo_v_option li:first-child{margin-left: 0;}
.writeWrap .bo_w_select{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.writeWrap .bo_write_tit{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.writeWrap label.t{display: block;width:200px;padding-left: 30px;}
.writeWrap label.t .color-red{color:#ff4169 !important;position: absolute;margin-top: -3px;margin-left: -7px;}
.writeWrap #autosave_wrapper{width: calc(100% - 200px);}
.writeWrap .t + div{width: calc(100% - 200px);}
.writeWrap .bo_input_wrap{width: calc(100% - 200px);}
.writeWrap .bo_write_tit{position: relative;}
.writeWrap .bo_write_tit .frm_input{width: 100%;border-radius: 0;}
.writeWrap .bo_write_tit input[type="text"]{width: 100%;border-radius: 0;padding: 10px 152px 10px 12px;}
.writeWrap .bo_write_tit #btn_autosave{width: 140px;height:100%;background: #000;border:none;font-size: 14px;position: absolute;top:0;right:0;border-radius: 0;cursor: pointer;}
#autosave_pop{width:350px;background: #fff;border: 1px solid #000;position: absolute;top:51.5px;right:0;display: none;}
#autosave_pop .in{min-height:9em;padding: 10px;}
#autosave_pop .in strong{display: none;}
#autosave_pop .in ul{height:120px;border: 1px solid #eee;overflow: auto;}
#autosave_pop .in ul li{padding: 10px;}
#autosave_pop .autosave_close{width:100%;border:none;width:100%;height:auto;padding: 10px 0;background: #000;color:#fff;cursor: pointer;}
.writeWrap .bo_write_cont{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.writeWrap .wr_content{width: calc(100% - 200px);border-radius: 0;}
.writeWrap .bo_w_flie{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.writeWrap .bo_w_flie .lb_icon.t .material-icons-round{font-size: 16px;vertical-align: text-bottom;}
.writeWrap .bo_w_flie .file_wr input[type="file"]{width: 1px;height:1px;overflow: hidden;position: absolute;opacity: 0;}
.writeWrap .bo_w_flie .file_wr .file_custom label{display: flex;flex-wrap: wrap;}
.writeWrap .bo_w_flie .file_wr .file_custom .btn{display: block;height: 41px;padding: 0 20px;font-size: 14px;line-height: 40px;background: #000;color:#fff;vertical-align: middle;font-weight: normal;}
.writeWrap .bo_w_flie .file_wr .file_custom .file_name{display: block;min-width:300px;height: 41px;padding: 0 20px;font-size: 14px;line-height: 40px;border:1px solid #ddd;color:#999;vertical-align: middle;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.writeWrap .bo_w_link{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.writeWrap .bo_w_link .lb_icon.t .material-icons-round{font-size: 16px;vertical-align: text-bottom;}
.writeWrap .bo_w_link .linkWrap{width: calc(100% - 200px);}
.bo_w_info.write_div{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 0;border-bottom:1px solid #ccc;}
.bo_w_info.write_div > input{width:calc(50% - 5px);}
.bo_w_info.write_div > input:nth-child(n+5){margin-top: 10px;}
#captcha{padding: 10px 0;}

#center_division{display: flex;flex-wrap: wrap;padding: 20px 0;}
.radio_cust{margin-left: 15px;}
.radio_cust:first-child{margin-left: 0;}
.radio_cust input[type="radio"] + label{cursor: pointer;}
.radio_cust input[type="radio"] + label span{display: inline-block;width: 16px;height:16px;margin-right: 3px;;border: 1px solid #ccc;border-radius: 8px;vertical-align: middle;position: relative;}
.radio_cust input[type="radio"]:checked + label span::after{content: "";display: block;width:10px;height:10px;background: #000;border-radius: 0;position: absolute;top:50%;left:50%;margin-top: -5px;margin-left: -5px;}

.co_adress{position: relative;display: flex;flex-wrap: wrap;}
.co_adress input[type=text]{padding: 10px 152px 10px 12px;}
.co_adress .adrBtn{width: 140px;height: 40px;background: #333;border: none;position: absolute;bottom: 0;right: 0;border-radius: 0;cursor: pointer;}
.bo_target{display: flex;flex-wrap: wrap;padding: 20px 0;}

/* view - page */
.viewWrap .view-header{padding: 1.25rem 0;border-bottom: 1px solid #000;}
.viewWrap .view-header .tit h3{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 10px 0;font-size: 20px;color: #333;font-weight: 600;line-height: 1.5em;}
.viewWrap .view-header .tit h3 .status{display: inline-block;}
.viewWrap .view-header .tit h3 .status.ing{color:#000;}
.viewWrap .view-header .tit h3 .status.end{color:#ff496f;}
.viewWrap .view-header .tit h3 span.date{font-size: 20px;color:#999;font-weight: 400;}
.viewWrap .view-header .tit .sub{display: flex;flex-wrap: wrap;justify-content: space-between;font-weight: 200;color:#9396a1;}
.viewWrap .view-header .tit .sub .date{display: flex;flex-wrap: wrap;}
.viewWrap .view-header .tit .sub .date li{margin-left: 20px;position: relative;}
.viewWrap .view-header .tit .sub .date li:first-child{margin-left: 0;line-height: 1.4;}
.viewWrap .view-header .tit .sub .date li::after{content:"";display: block;width:1px;height:12px;background: #B0B5C7;position: absolute;top:50%;left:-10px;margin-top: -4.5px;}
.viewWrap .view-header .tit .sub .date li:first-child::after{display: none;}
.viewWrap .view-cont{padding: 25px 0 0;border-bottom:2px solid #000;}
.viewWrap .view-cont .txt {font-size: 20px;line-height: 1.4; margin: 40px 0 175px;}
.viewWrap .view-cont .download {text-align: center;margin: 40px 0 175px;}
.viewWrap .view-cont .txt + .download {margin: -130px 0 175px;}
.viewWrap .view-cont .download a {display: inline-block;padding: 10px 20px 10px 25px;border: 1px solid #333;color: #333;border-radius: 0;transition: 0.5s ease;}
.viewWrap .view-cont .download a:hover {background: #333;border: 1px solid #333;color: #fff;}
.viewWrap .view-cont .download a .material-icons-round {display: inline-block;font-size: 16px;vertical-align: sub;margin: 0 0 0 5px;}
.viewWrap .move-view {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 0 40px;border-bottom: 1px solid #ccc;}
.viewWrap .move-view .view{width:50%;}
.viewWrap .move-view .view a{display: flex;flex-wrap: wrap;padding: 29px 0 25px;}
.viewWrap .move-view .view.next a{justify-content: flex-end;text-align: right;}
.viewWrap .move-view .view .tit {display: block;width: 250px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;margin: 0 10px;}
.viewWrap .move-view .view .btn-b {color: #000;font-weight: 600;}
.viewWrap .move-view .view .material-icons{display: block;font-size: 20px;vertical-align: middle;margin: 0;color: #000;}
.viewWrap .move-view .view.next .material-icons{margin-left: 5px;}
.viewWrap .listGo{text-align: center;}
.viewWrap .listGo a{display: inline-block;padding: 20px 125px;background: #000;color: #fff;font-weight: 400;border-radius: 0;cursor: pointer;transition: background 0.5s ease;}
.viewWrap .listGo a:hover{background: #000;}
.viewWrap #bo_v_link li{margin: 0;padding: 15px 0;border:none;border-top: 1px solid #ccc;border-radius: 0;box-shadow: none;}
.viewWrap #bo_v_link li a{float: none;}
.viewWrap #bo_v_link li a:hover{color:#000;}
.viewWrap #bo_v_link li a .material-icons-round{display: inline-block;font-size: 16px;vertical-align: sub;margin: 0 0 0 5px;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active{color:#000;text-decoration: none;}
#bo_v_link li:hover .bo_v_link_cnt{color: #b2b2b2;}
.cmt_btn span.total{color:#000;}
.cmt_btn span.total:after{background: #000;}
.bo_vc_w textarea{border-radius: 0;box-shadow: none;}
.btn_submit{background:#000;transition: background 0.5s ease;}
.bo_vc_w .btn_submit{font-weight: 400;font-size: 14px;border-radius: 0;}
.btn_submit:hover{background: #000;}
.recruitBtn{text-align: center;margin-bottom: 40px;}
.recruitBtn a{display: inline-block;padding: 20px 125px;background: #000;color: #fff;font-weight: 400;border-radius: 0;cursor: pointer;transition: background 0.5s ease;}
.recruitBtn a:hover{background: #000;}

/* view - popup */
.viewWrapBg{width:100%;height:100%;background: rgba(0,0,0,0.4);position: fixed;top:0;left:0;z-index: 1000;display: none;}
.viewWrapPopup{width:calc(100% - 60px);max-width: 1150px;height:100%;background: #fff;position: fixed;top:0;right:-100%;z-index: 1001;transition: right 0.5s ease;}
.viewWrapPopup .closeBtn{width:30px;height:30px;background:url("../img/bbs/ic_close.png") no-repeat 50% 50%;background-size: cover;border:none;position: absolute;top:50px;left:-50px;text-indent: -9999px;}
/* .viewWrapPopup .closeBtn span{font-size: 25px;color:#fff;} */
#content .viewWrapPopup .inner{width:calc(100% - 150px);max-width:1000px;height:100%;margin: 0 90px 0 60px;padding: 25px 0 40px;}
.viewWrapPopup .view-header{padding: 22px 0 35px;border-bottom: 1px solid #000;}
.viewWrapPopup .view-header .tit h3{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;padding: 0;font-size: 20px;color: #333;font-weight: 600;line-height: 1.5em;}
.viewWrapPopup .view-header .tit h3 span{width: 100%;}
.viewWrapPopup .view-header .tit h3 .status{display: inline-block;}
.viewWrapPopup .view-header .tit h3 .status.ing{color:#000;}
.viewWrapPopup .view-header .tit h3 .status.end{color:#ff496f;}
.viewWrapPopup .view-header .tit h3 .detailWrap{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.viewWrapPopup .view-header .tit h3 span.date{display: inline-block;width:auto;margin-top: 15px;font-size: 16px;color:#999;font-weight: 400;}
.viewWrapPopup .view-header .tit h3 a.file{display: inline-block;width:auto;margin-top: 22px;font-size: 14px;color:#000;font-weight: 400;}
.viewWrapPopup .view-header .tit h3 a.file span.material-icons{width:auto;vertical-align: sub;font-size: 16px;}
.viewWrapPopup .view-cont{height:calc(100% - 60px);padding:45px 0;overflow-y: auto;}
.viewWrapPopup .view-cont{-ms-overflow-style: none;}
.viewWrapPopup .view-cont::-webkit-scrollbar{display:none;}
.viewWrapPopup .view-cont .txt {font-size: 16px;line-height: 1.7;}
.viewWrapPopup .view-cont .img img{max-width:100%;margin-bottom: 40px;}

/* gallery */
.bo_gall_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pnBtnArea{width:250px;}
#bo_v.galleryBox{width:calc(100% - 290px);}
#bo_v_atc{margin-top: 45px;}
#bo_gall .titWrap .tit{width:auto;height: auto;line-height: normal;font-size: 20px;}
#bo_gall .flexWrap{display: flex;justify-content: space-between;}
#bo_gall #fboardlist{width:calc(100% - 290px);}
.gall_row .col-gn-10{width:100%;}
#bo_gall .gall_box{border-bottom: 1px solid #ccc;}
#bo_gall .gall_img{border-bottom: none;text-align: left;}
#bo_gall .gall_img a{font-size: 0;}
#bo_gall .gall_text_href{margin: 0;padding: 40px 0 105px;}
#bo_gall .gall_text_href .date{display: block;font-size: 14px;font-weight: 400;color:#666;margin-top: 20px;}

.imgThumbWrap{display: flex;flex-wrap: wrap;justify-content: space-between;}

/* #bo_v_img{width:calc(75% - 15px);} */
#bo_v_img{width:100%;}
/* .showSlider{width:fit-content;height: 0;padding: 43.8% 0 0;position: relative;} */
.showSlider{width:fit-content;height: 0;padding: 55% 0 0;position: relative;}
.showSlider ul{width:auto;height: 100%;position: absolute;top:0;left: 0;}
.showSlider ul li{width:auto;height: 100%;background: #fff;font-size: 0;}
#bo_v_img.showSlider ul li img{display: block;max-width:99.9%;width:auto;height:100%;object-fit: cover;margin: 0;}
/* #bo_v_img.showSlider ul li .imgWrap{width:100%;height:100%;} */

/* #bo_v_thumb{width:25.5%;max-width:710px;overflow: hidden;}
#bo_v_thumb ul{display: flex;flex-wrap: wrap;}
#bo_v_thumb ul li{width:calc(50% - 5px);height:0;margin-right: 10px;padding: 25% 0 0;position: relative;overflow: hidden;cursor: pointer;}
#bo_v_thumb ul li:nth-child(2n){margin-right: 0;}
#bo_v_thumb ul li:nth-child(n+3){margin-top: 10px;}
#bo_v_thumb ul li img{width:100%;height:auto;position: absolute;top:0;left:0;} */

/* .bo_v_info{padding: 35px 0 60px;border-bottom:1px solid #000;} */
.bo_v_info{padding: 35px 0 60px;}
#bo_v_title{margin: 0;}
.bo_v_info .exhibitionsDate{display: block;font-size: 14px;font-weight: 400;color:#666;margin-top: 20px;}
/* #bo_v_con{margin: 0;padding: 50px 0 45px;border-bottom:1px solid #000;} */
#bo_v_con{margin: 0;padding: 50px 0 45px;}
#bo_v_con h3{font-size: 20px;font-weight: 700;margin-bottom: 45px;}

#bo_v_install{padding: 50px 0 0;}
#bo_v_install h3{font-size: 20px;font-weight: 700;margin-bottom: 45px;}
#bo_v_install .installView img{width:100%;}
#bo_v_install .installView{height:0;padding: 28% 0;position: relative;}
#bo_v_install .installView iframe{position: absolute;top:0;left:0;}

.bo_v_nb{margin: 3px 0 0;}
.bo_v_nb li{width:52px;border:none;margin-top: 15px;padding: 0;text-align: right;}
.bo_v_nb li:first-child{margin-top:0;}
.bo_v_nb li:last-child{border:none;}
.bo_v_nb li:hover{background: none;}
.bo_v_nb li a{display: inline-block;border:none;padding:5px 0;border-radius: 0;border-bottom:1px solid transparent;font-weight: 400;}
.bo_v_nb li a:hover{font-weight: 700;border-bottom:1px solid #000;}

#bo_v_title .bo_v_tit{font-size: 20px;}

.file_wr .file_del input[type="checkbox"]{position: absolute;}
.file_wr .file_del input[type="checkbox"] + label{padding-left: 25px;position: relative;cursor: pointer;}
.file_wr .file_del input[type="checkbox"] + label::after{content:'';display:block;width:15px;height:15px;border:1px solid #000;position: absolute;top:5px;left: 0;}
.file_wr .file_del input[type="checkbox"]:checked + label::after{background: url("../img/bbs/chk.png") no-repeat 50% 50% #000;}

/* gallery-category */
#bo_gall #bo_cate{width:250px;margin: 0;}
#bo_gall #bo_cate li{display: block;margin-top: 15px;padding: 0;text-align: right;}
#bo_gall #bo_cate li:first-child{margin-top: 0;}
#bo_gall #bo_cate a{display: inline-block;border:none;padding:5px 0;border-radius: 0;font-weight: 400;}
#bo_gall #bo_cate a:focus, #bo_gall #bo_cate a:hover, #bo_gall #bo_cate a:active{background: none;border:none;font-weight: 700;color:#000;border-bottom:1px solid #000;}
#bo_gall #bo_cate #bo_cate_on{background: none;border:none;box-shadow: none;color:#000;font-weight: 700;border-bottom:1px solid #000;}

/* rental */
#rentalWrap{margin: 40px 0 0;}
.subItemsWrap{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;margin: 0 0 20px;}
/* .subItemsWrap .rentalDownload{font-size: 18px;font-weight: 700;}
.subItemsWrap .rentalDownload span{vertical-align: middle;} */
.subItemsWrap .status{display: flex;flex-wrap: wrap;align-items: center;}
.subItemsWrap .status li{margin-left: 40px;}
.subItemsWrap .status li:first-child{margin-left: 0;}
.rentalCircle{display: inline-block;width:20px;height:20px;border-radius: 50%;border:1px solid #999;background: #fff;vertical-align: middle;}
.rentalCircle.completed{background: #999;}
.subItemsWrap .status li span.rentalCircle{margin-top: -5px;}
.subItemsWrap .status li em{font-size: 16px;font-weight: 700;}
.rentalTap ul{display: flex;flex-wrap: wrap;border-top:1px solid #000;border-bottom: 1px solid #000;}
.rentalTap ul li{width:50%;padding: 20px 0;text-align: center;font-weight: 700;color:#777;cursor: pointer;position: relative;}
.rentalTap ul li.on{color:#000;}
.rentalTap ul li::after{content:"";display: block;width:1px;height:40px;background: #000;position: absolute;top:50%;right:0;margin-top: -20px;}
.rentalTap ul li:last-child::after{display: none;}
.rentalTable{width:100%;margin-top: 60px;}
.rentalTable thead tr th{font-size: 16px;font-weight: 700;padding: 0 0 15px;}
.rentalTable thead tr th:first-child{text-align: left;}
.rentalTable tbody tr td{padding: 20px 0;border-bottom: 0.5px solid #ccc;}
.rentalTable tbody tr:last-child td{border-bottom: none;}
.rentalTable tbody tr td:last-child{text-align: center;}
.rentalTable tbody tr td .rentalCircle{cursor: pointer;}
.rentalTable tbody tr td .rentalCircle.completed{cursor: initial;}
.tableF2{display: none;}
.popupBg{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: fixed;top:0;left:0;z-index: 998;overflow: auto;display: none;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.popupBg::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
#rentalPopup{width:80%;max-width: 600px;margin: 180px auto 100px;background: #fff;box-shadow: 15px 15px 20px rgba(0,0,0,0.2);position: relative;top:-30px;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease;}
#rentalPopup.on{top:0;opacity: 1;}
#rentalPopup .inner{width:100%;padding: 40px;}
#rentalPopup .titWrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 0 0 40px;}
#rentalPopup .titWrap .popupClose{display: block;width:30px;height:30px;background:url("../img/bbs/ic_close.png") no-repeat 50% 50%;background-size: cover; border: none;text-indent: -9999px;}
#rentalPopup .inputWrap{margin-top: 15px;}
#rentalPopup .inputWrap:first-child{margin-top: 0;}
#rentalPopup .inputWrap label{display: block;font-size: 14px;font-weight: 700;margin-bottom: 5px;}
#rentalPopup .inputWrap input{width:100%;border:1px solid #EBEDED;padding: 10px;box-sizing: border-box;font-size: 14px;}
#rentalPopup .inputWrap textarea{width:100%;resize: none;border:1px solid #EBEDED;padding: 10px;box-sizing: border-box;font-size: 14px;}
#rentalPopup .agreeBox{position: relative;margin: 5px 0 15px;}
#rentalPopup .agreeBox input[type="checkbox"]{width:1px;height:1px;position: absolute;top:0;left:0;}
#rentalPopup .agreeBox label{cursor: pointer;}
#rentalPopup .agreeBox label .cust{display: inline-block;width:18px;height:18px;border-radius: 3px;border: 1px solid #F1F1F1;vertical-align: middle;margin-top: -6px;margin-right: 10px;}
#rentalPopup .agreeBox input[type="checkbox"]:checked + label .cust{border-color:#000;background: url("../img/bbs/chk.png") no-repeat 50% 50% #000;}
#rentalPopup .agreeBox label em{font-size: 14px;color:#333;}
#rentalPopup .agreeBox label em a{font-weight: 700;text-decoration: underline;color:#000;}
#rentalPopup #appBtn{width:100%;padding: 15px;border-radius: 5px;border:none;background: #000;font-size: 14px;color:#fff;cursor: pointer;}

/* register */
#fregister section{border-radius: 0;border-color: #000;}
#fregister textarea{transition: none;}
#fregister textarea:focus{border-color: transparent !important;}
#fregister h2{border-color: #000;}
#fregister p{background: #f296a0;border-radius: 0;}
.fregister_agree input[type="checkbox"] + label span{top:25px;right:20px;border-radius: 0;border-color: #000;}
.fregister_agree input[type="checkbox"]:checked + label span{background: url("../img/bbs/chk.png") no-repeat 50% 50% #000;border-color: #000;border-radius: 0;}
.fregister_agree input[type="checkbox"] + label{cursor: pointer;}
.fregister_agree input[type="checkbox"] + label:hover{color:#676e70;}
.register_form_inner{background: none;border:none;}
#register_form h2{font-size: 20px;font-weight: 600;padding: 0 0 20px;border-bottom: 2px solid #000;}
.register_form_inner ul{padding: 20px 0;}
.fregister_agree input[type="checkbox"] + label{color:#000;}
.fregister_agree input[type="checkbox"] + label:hover{color:#000;}
#fregister_chkall{border-radius: 0;border-color: #000;background: #fff;}

/* admin */
.mbskin{width:calc(100% - 20px);max-width: 360px;}
.mbskin .mbskin_box{border-color: #000;}
.mbskin .btn_submit{background: #000;border:none;font-size: 14px;}
#mb_login.mbskin .logo {position: relative;text-align: center;margin: 30px 0 40px;}
#mb_login.mbskin .logo img{width:100%;}

.mb_log_cate h2 {width: 100%;/* float: left; */padding: 20px 0;text-align: center;font-weight: bold;}
#mb_login.mbskin legend {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}
#login_fs{padding: 0 35px 35px;}
#mb_login #login_fs .frm_input {padding: 9px 10px 11px;border: 1px solid #EBEDED;box-sizing: border-box;}
#mb_confirm p strong{color:#000;}
