/* input & textarea css*/
.text {
    width:100%;
    background:#fff;
    border:1px solid #ebebeb;
    color:#868686 !important;
    padding:0;margin:0;
    height:35px;line-height:35px;
    text-indent:10px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.text:focus{
    border-color: rgba(12, 218, 311, 0.8);
    box-shadow: 0 1px 1px rgba(0, 110, 311, 0.075) inset, 0 0 8px rgba(12, 218, 311, 0.6);
    outline: 0 none;
}
.textarea{
    width:100%;
    border:1px solid #ebebeb;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.textarea:focus{
    border-color: rgba(12, 218, 311, 0.8);
    box-shadow: 0 1px 1px rgba(0, 110, 311, 0.075) inset, 0 0 8px rgba(12, 218, 311, 0.6);
    outline: 0 none;
}

/* placeholder css */
.text::-webkit-input-placeholder { /* WebKit browsers */
    color:    #868686;
}
.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #868686;
   opacity:  1;
}
.text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #868686;
   opacity:  1;
}
.text:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #868686;
}

/*table*/
.tbl-lst{width:100%;border:1px solid #ebebeb;border-collapse: separate;border-spacing: 0px;}
.tbl-lst th{padding:10px 20px;background:#adadad;color:#fff;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.tbl-lst td{padding:10px 20px;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

.tbl-wrt{width:100%;border:1px solid #ebebeb;border-collapse: separate;border-spacing: 0px;}
.tbl-wrt th{padding:10px 20px;background:#adadad;color:#fff;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.tbl-wrt td{padding:10px 20px;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

.tbl-view{width:100%;border:1px solid #ebebeb;border-collapse: separate;border-spacing: 0px;}
.tbl-view th{padding:10px 20px;background:#adadad;color:#fff;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.tbl-view td{padding:10px 20px;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

/*pagenate*/
.paginate-complex{padding:30px 0;line-height:normal;text-align:center !important;}
.paginate-complex a,
.paginate-complex strong{display:inline-block;position:relative;z-index:2;margin:0;width:35px;height:35px;line-height:35px !important; color:#929292;text-decoration:none; background:#fff;  margin:0px;border:1px solid #ececec;font-size:12px;vertical-align: middle;}
.paginate-complex a:hover,
.paginate-complex a:active,
.paginate-complex a:focus{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background-color:#b4b4b4;color:#fff}
.paginate-complex strong{color:#444;background-color:#fafafa;}
.paginate-complex .direction{border:0;font-weight:normal;color:white;text-decoration:none;z-index:1}
.paginate-complex .direction:hover,
.paginate-complex .direction:active,
.paginate-complex .direction:focus{background-color:#ebebeb;color:#ebebeb}
.paginate-complex .prev{display:inline-block; margin-right:5px;border:1px solid #ececec;background:url("/image/common/pagenate_l.png") no-repeat center;background-size:20%}
.paginate-complex .next{display:inline-block; margin-left:5px;border:1px solid #ececec;background:url("/image/common/pagenate_r.png") no-repeat center;background-size:20%}
.pagenate-complex .prev span{opacity:0 !important;}

.bd_wrt_wrap{width:1280px;margin:0 auto;margin-top:40px;margin-bottom:80px;}
.bd_list_wrap{position:relative;width:1280px;margin:0 auto;margin-bottom:80px;}
.tbl_list{width:100%;margin-top:40px;border-collapse:separate;border-spacing:0px;border-top:1px solid #eee;color:#333;}
.tbl_list tr th{background:#f8f8f8;border-top:1px solid #444;border-bottom:1px solid #eee;color:#444;font-size:16px;font-weight:400;padding:12px}
.tbl_list tr td{font-size:16px;color:#444;padding:18px 10px;cursor:pointer;border-left:1px solid #eee;border-bottom:1px solid #eee}
.tbl_list tr td:first-child{border-left:0px solid #eee;}
.tbl_list tr td.t1{font-size:18px;color: #111;}
.tbl_list tr:hover td{color:#2d9df4;}
.tbl_list .xi-microphone-o{font-size:30px;}
.tbl_list .xi-lock-o{font-size:16px;color:#999;vertical-align:-1px}
.tbl_list .bd_notice td{background:#f7fbfe}
.bd_list_wrap .bd_search_wrap{background:#f5f5f5;text-align:center;padding:30px;}
.bd_list_wrap .bd_search_wrap *{display:inline-block;}
.bd_list_wrap .bd_search_wrap input[type='text']{width:260px;height:38px;border:1px solid #eee;text-indent:15px;vertical-align:top;background:#fff}
.bd_list_wrap .bd_search_wrap button{width:40px;height:40px;text-align:center;line-height:40px;font-size:20px;color:#fff;background:#ccc;vertical-align:top;border:none}
.bd_list_wrap .bd_wrt_btn{display:block;position:absolute;right:0;bottom:130px;width:180px;height:60px;line-height:60px;text-align:center;color:#fff;background:#292e42;font-size:20px;}
.bd_list_wrap .q_box{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;color:#fff;background:#393e44;margin-right:5px;}
.bd_list_wrap .a_box{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;color:#fff;background:#788bab;margin-right:5px;}

.tbl_wrt{width:1280px;margin:0 auto;margin-top:40px;border-collapse:separate;border-spacing:0px;border-left:1px solid #eee;border-top:1px solid #eee;color:#333}
.tbl_wrt tr th{font-size:18px;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fafafa}
.tbl_wrt tr td{font-size:18px;padding:10px;border-right:1px solid #eee;border-bottom:1px solid #eee}

.tbl_wrt span{color:red;margin-left:5px;}
.tbl_wrt input[type='text'],.tbl_wrt input[type='password'],
.tbl_wrt select{height:45px;border:1px solid #eee;text-indent:12px;width:100%;font-size:18px;}
.tbl_wrt textarea{box-sizing: border-box;width:100%;padding:20px;border:1px solid #eee;}
.tbl_wrt input[type='checkbox']{vertical-align:middle;}
.tbl_wrt label{display:inline-block;font-size:15px;margin-top:10px;cursor:pointer;}
.tbl_wrt .pri_wrap{overflow-y:scroll;height:100px;padding:10px;color:#666; font-size:12px;line-height:18px;border:1px solid #eee;}
.tbl_wrt .pri_wrap p{white-space: pre-wrap;}

.tbl_view{border-collapse:separate;border-spacing:0px;width:100%;margin-top:40px}
.tbl_view tr th{background:#f8f8f8;border-top:1px solid #444;border-bottom:1px solid #eee;color:#444;font-size:16px;font-weight:400;padding:18px}
.tbl_view tr td{border-bottom:1px solid #eee;color:#444;padding:60px}
.tbl_view tr td.td{border-bottom:1px solid #eee;color:#444;padding: 80px 40px;}
.tbl_view i{font-size:18px;margin-right:5px;vertical-align:-2px;}
.tbl_view .t1{font-size:22px;font-weight:500;color: #111;text-align:left;}
.tbl_view .bar{display:inline-block;vertical-align:-1px;width:1px;height:12px;background:#ddd;margin:0 30px}
.tbl_view .t2{color:#1565c0}
.tbl_view .newlink {font-size: 16px; color: #666;}
.tbl_view .newlink:hover {font-size: 16px; color: #1565c0;}


.img_list{margin-top:40px;overflow: hidden;}
/*.img_list:after{content:"";display:block;clear:both}*/
/*.img_list li{float:left;margin-bottom:40px;margin-right:40px;}*/
/*.img_list li>a{display:block;width:290px;height:390px;background:#f6f6f6}*/
/*.img_list li:nth-child(4n){margin-right:0;}*/
.img_list li {
    float: left;
    display: block;
    width: 300px;
    background: #fff;
    margin: 10px;
    border: 1px solid #eee;
}

.img_list .img_wrap{font-size: 0;}
.img_list .img_wrap img{width:100%;height:8.731vw;/*height:220px;*/}
.img_list .cont_wrap{padding: 20px;}

.img_list .cont_wrap .t1{font-size:16px;color:#00a0e9}
.img_list .cont_wrap .t2{font-size:18px;color:#222;line-height:140%;letter-spacing: -1px; margin-top: 10px;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.img_list .cont_wrap .t3{font-size:13px;color:#b9b9b9; margin-top: 20px;}



.btn_wrap{width:1280px;margin:0 auto;text-align:right;padding:30px 0}
.btn_wrap .bd_del_btn{display:block;float:left;vertical-align:top;width:180px;height:60px;line-height:60px;text-align:center;color:#fff;background:#292e42;font-size:20px;}
.btn_wrap .bd_wrt_btn{display:inline-block;margin-left:10px;vertical-align:top;width:180px;height:60px;line-height:60px;text-align:center;color:#fff;background:#292e42;font-size:20px;}
.btn_wrap .bd_list_btn{display:inline-block;margin-left:10px;vertical-align:top;width:178px;height:58px;line-height:60px;text-align:center;color:#444;border:1px solid #666;font-size:20px;}
.btn_wrap2{position:relative;}
.btn_wrap2>.bd_wrt_btn{top:0;transform:translate(0,-135%);}

.bd_pw_wrap{width:400px;text-align:center;margin:40px auto;}
.bd_pw_wrap .bd_wrt_btn{display:inline-block;margin-top:30px;width:180px;height:60px;line-height:60px;text-align:center;color:#fff;background:#292e42;font-size:18px;border:none}
.bd_view_wrap{width:1280px;margin:0 auto;margin-bottom:80px;}
.bd_view_wrap .tbl_wrt tr td{padding:20px 10px;}




.note-editable pre {
    /* display: block; */
    font-family: 'Nanum Barun Gothic' !important;
    /* white-space: pre; */
    /* margin: 0 !important; */
    line-height: 160% !important;
    font-size: 18px;
}

.note-editable div {
    display: block;
    line-height: 160%;
    font-size: 18px;
}

.note-editable p {
    display: block;
    line-height: 160%;
    font-size: 18px;
}

.note-editable span {
    display: block;
    line-height: 160%;
    font-size: 18px;
}