/* °Ô½ÃÆÇ ¸ñ·Ï °øÅë */
.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;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;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:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.bo-sch-wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.bo-sch-content{width: 100%;height: 100%;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;display: flex;}
.bo-sch {position: relative;z-index: 2;text-align:left;}
.bo-sch h3{font-size: 50px;color:#fff;text-align: center;font-weight: 600;margin-bottom: 30px;opacity: 0;transform:translateY(-30px);text-shadow:5px 5px 10px rgba(0, 0, 0, .8);}
.bo-sch legend{}
.bo-sch-box{background: rgba(74,74,74,.9);border-radius: 10px;padding: 20px;box-shadow:10px 10px 20px 0 rgba(0, 0, 0, .4);width: 380px;opacity: 0;transform:translateY(-30px);}
.bo-sch-inner{background: #e3e3e3;border-radius:10px;padding: 20px;}
.bo-sch select{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;background: url('./img/arrow.png') right 5px center no-repeat;background-size: 18px auto;border: 1px solid #453732;font-size: 14px;}
.bo-sch select::-ms-expand {display: none;}
.bo-sch-input{display: block;}
.bo-sch input[type=text] {width: 100%;height:43px;background: none;padding:0;padding: 0 10px;border: 1px solid #453732;margin-top: 15px;font-size: 14px;color:#000}
.bo-sch-btn{margin-top: 15px;padding-top: 15px;position: relative;text-align: center;}
.bo-sch-btn:after{background: #fff;content:"";position: absolute;left:0;top:0;width: 100%;height: 2px;border-top: 1px solid #9c9c9c;}
.bo-sch .sch-btn {height:38px;color:#fff;border:none;font-size:15px;padding: 0 20px;background: #383838;}

.bo-sch-cls {position:absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(./img/search_close.png) 0 0 no-repeat;z-index: 5;text-indent:-9999px;border: none;opacity: 0;transform:translateX(30px);}
.bo-sch-bg {background:#000;background:rgba(0, 0, 0,0.8);width:100%;height:100%;position: absolute;left:0;top:0;cursor:pointer;}
.bo-sch input[type=text]:focus, .bo-sch select:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}

.bo-sch-wrap.active{display: block;}
.bo-sch-wrap.active .bo-sch-cls{opacity: 1;transform:translateX(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active h3{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active .bo-sch-box{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out 0.15s;}

.bo-top-wrap{display: flex;justify-content:space-between;align-items:flex-end;margin-bottom: 20px;}
	.list-total{font-size: 16px;font-weight: 500;background: url(./icon/show-more-menu_24.png) 0 center no-repeat;min-height:24px;line-height: 24px;}
	.list-total strong{color:#258ccf;font-weight: 600;}

	.board-btn a{vertical-align: top;display: inline-block;border: 1px solid #d1d1d1;font-size: 14px;font-weight: 700;padding: 6px 10px;position: relative;transition:all .3s ease-out;height: 32px;}
	.board-btn a:before{position: absolute;left:0;bottom:0;height: 50%;content:"";background: #f1f1f1;width: 100%;z-index: -2;}
	.board-btn a:after{position: absolute;left:0;bottom:0;height: 100%;content:"";background: #f1f5f9;width: 0;z-index: -1;transition:width 0.3s ease-out;}
	.board-btn a:hover:after{width: 100%;}
	.board-btn a:hover{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}

	.bo-bottom-wrap{display: flex;justify-content:space-between;align-items:flex-end;margin-bottom: 20px;}
	.bo-admin-select-wrap{display: inline-block;position: relative;}

	.more-opt {display:none;position:absolute;top:31px;right:0;background:#fff;z-index:999;width: 100%;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}
	.more-opt li {border-bottom:1px dotted #dfdfdf;}
	.more-opt li:last-child {border-bottom:0}
	.more-opt li button{width:100%;border:0;background:#fff;color:#333;text-align: left;padding: 8px;transition:all 0.3s ease-out;}
	.more-opt li:hover button {color:#000;background: #f1f5f9;}


	.btn-bo-rss{background: url(./img/rss.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-search{background: url(./icon/search.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-write{background: url(./icon/list-square.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-admin{background: url(./icon/settings.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-admin-select{background: url(./icon/auto-renewal.png) 8px center no-repeat;padding-left: 28px !important;}

	.btn-bo-modify{background: url(./icon/check.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-delete{background: url(./icon/delete-permanent.png) 8px center no-repeat;padding-left: 32px !important;background-size: 14px auto;}
	.btn-bo-copy{background: url(./icon/file-earmark.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-move{background: url(./icon/forward-play.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-list{background: url(./icon/text-justify.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-reply{background: url(./icon/chat-lines-2.png) 8px center no-repeat;padding-left: 32px !important;}
	
	.bo-v-btn-wrap{display: flex;justify-content:space-between;margin-bottom: 15px;}
	.bo-v-btn-left{}

#bo_list .pg_wrap {clear:both;text-align: center;margin-top: 30px;display: block;float: none;}
	#bo_list .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
	#bo_list .pg {text-align:center;}
	#bo_list .pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;background: none;border-radius:0;transition:all 0.3s ease-out;}
	#bo_list .pg a:focus, .pg a:hover {text-decoration:none}
	#bo_list .pg_page {color:#959595;font-size:14px;height:35px;line-height:33px;padding:0 13px;min-width:30px;text-decoration:none;position: relative;}
	#bo_list .pg_page:hover {background-color:#fafafa;box-shadow:0px 0px 5px rgba(0, 0, 0, .2);border-color: #b8b8b8;color:#212121;font-weight: bold;}
	#bo_list .pg_start {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_prev {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_end {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_next {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_prev:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f104";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_start:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f100";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_next:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f105";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_end:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:" \f101";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_start:hover,#bo_list .pg_prev:hover,#bo_list .pg_end:hover,#bo_list .pg_next:hover {background-color:#fafafa}

	#bo_list .pg_current {display:inline-block;background:#212121;border:1px solid #212121;color:#fff;font-weight:bold;height:35px;line-height:33px;padding:0 13px;min-width:30px;position: relative;color:#fff;}	
	
/************view*************************/	

.scrap-btn{background: url(./icon/bookmark.png) 8px center no-repeat;padding-left: 32px !important;}
.share-btn{background: url(./icon/arrow-up-square.png) 8px center no-repeat;padding-left: 32px !important;}

/*write*/

.content-input-form{padding: 15px;background: #f8f8f8;border: 1px solid #e1e1e1;border-top: 2px solid #333;}
.input-wrap{margin-top: 10px;}
.input-box{border: 1px solid #dadada;display: flex;flex-wrap:nowrap;justify-content:space-between;margin-top: -1px;}
.input-title{flex:0 0 110px;display: flex;align-items:center;justify-content:flex-start;padding-left: 20px;font-size: 14px;font-weight: bold;position: relative;background: #fff;}
.input-box.required .input-title:after{content:"*";color:#3366cc;}
.input-content{flex-grow: 1;display: flex;align-items:center;min-height:43px;position: relative;background: #fff;}
.input-content input[type=text], .input-content input[type=password]{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;}
.input-content select{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;background: url('./img/arrow.png') right 5px center no-repeat;background-size: 18px auto;}
.input-content select::-ms-expand {display: none;}
.input-content select:focus{}
.input-content .check-box{margin-left: 15px;}
.input-content #btn_autosave{height: 30px;margin-right: 5px;width: 180px;}
.input-wrap .cke_sc{display: none;}
.input-content .hidden-file{position: absolute;width: 0;height: 0;overflow: hidden;}
.input-content .file-label{background: #999;width: 80px;height:42px;display: flex;align-items:center;justify-content:center;color:#fff;}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#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;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {}
#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}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
#bo_w .required{background: none !important;}

#bo_w .btn-confirm .btn-submit{background: #1c54a7;box-shadow:none;border: none;color: #fff;width: 140px;height: 50px;font-size: 16px;vertical-align: top;margin-right: 10px;font-weight: bold;transition:all .4s ease-out;}
#bo_w .btn-confirm .btn-submit:hover{background: none;color:#000}
#bo_w .btn-confirm .btn-cancel{box-shadow: inset 0 0 0 1px #dadada;text-align: center;display: inline-block;width: 140px;height: 50px;line-height: 50px;color: #333;font-size: 16px;vertical-align: top;font-weight: bold;}

#bo_w .btn-confirm{text-align: center;margin: 40px 0;}
#captcha #captcha_key{border-radius:0;background: #fff !important;}


.button {border: 0;box-shadow: inset 0 0 0 1px #f45e61;position: relative;}
.button::before, .button::after{content: "";position: absolute;width: 100%;height: 100%;}

.draw {transition: color 0.25s;}
.draw::before, .draw::after {border: 1px solid transparent;width: 0;height: 0;}
.draw::before {top: 0;left: 0;}
.draw::after {bottom: 0;right: 0;}
.draw:hover {color: #60daaa;}
.draw:hover::before, .draw:hover::after {width: 100%;height: 100%;}
.draw:hover::before {border-top-color: #60daaa;border-right-color: #60daaa;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover::after {border-bottom-color: #60daaa;border-left-color: #60daaa;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.meet:hover {color: #fbca67;}
.meet::after {top: 0;left: 0;}
.meet:hover::before {border-top-color: #000;border-right-color: #000;}
.meet:hover::after {border-bottom-color: #000;border-left-color: #000;transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}

.file-label {}