@charset "UTF-8";
/* temp */
.mile {
  margin-top: 10px;
  padding: 7px;
  text-align: center;
  border: 1px solid #e0e0e0;
  background: #f8f8f8; }

.exdiv {
  margin: 15px 0;
  padding: 0 0 10px 65px;
  color: #8a8a8a;
  border-bottom: 1px solid #cfcfcf;
  background: url(../img/i_waring.png) no-repeat 0 0; }
.exdiv strong {
  color: #666; }
.exdiv .exLi {
  margin: 5px 0; }

.title + .submit_wrap {
  margin: 10px 20px 0 20px; }

.fc-border-separate {
  margin: 0 !important; }

/* temp */
.content_detail_infobox {
  margin-top: 20px;
  /* content_detail_infobox */ }
.content_detail_infobox > li {
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  font-weight: 500; }
.content_detail_infobox > li:first-child {
  border-top: 2px solid #333; }
.content_detail_infobox > li .button {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 12px;
  height: 26px;
  line-height: 24px;
  border-color: #ddd; }
.content_detail_infobox > li .button:hover {
  border-color: #1f61b9; }
.content_detail_infobox > li > a {
  display: block;
  padding: 1em 0 1em 28px;
  background: url("../img/i_list_arrow_right.png") no-repeat 8px center; }
.content_detail_infobox > li > a.on {
  background: url("../img/i_list_arrow_bottom.png") no-repeat 8px center; }
.content_detail_infobox > li > a.on + .infobox_content {
  display: block; }
.content_detail_infobox > li > a:focus {
  outline: none; }
.content_detail_infobox > li .infobox_content {
  /* display: none; */
  padding-bottom: .8em;
  /* infobox_content */ }
.content_detail_infobox > li .infobox_content:before, .content_detail_infobox > li .infobox_content:after {
  content: "";
  display: table; }
.content_detail_infobox > li .infobox_content:after {
  clear: both; }
.content_detail_infobox > li .infobox_content table {
  margin-top: 0; }
.content_detail_infobox > li .infobox_content table.write, .content_detail_infobox > li .infobox_content table thead th {
  border-top: 1px solid #cfcfcf; }
.content_detail_infobox > li .infobox_content table thead th {
  color: #6A6B6D;
  background: #f0f1f5; }
.content_detail_infobox > li .infobox_content .infobox_content_ul {
  display: inline-block;
  float: right;
  /* writer_info */ }
.content_detail_infobox > li .infobox_content .infobox_content_ul.writer_info {
  float: left;
  margin-left: 2em; }
.content_detail_infobox > li .infobox_content .infobox_content_ul li {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  margin-right: 15px; }
.content_detail_infobox > li .infobox_content .infobox_content_ul li span {
  font-weight: 400;
  color: #929292; }

/* temp */
.category_mng .cate_slider_wrap, .category_mng .cate_slider_box {
  overflow: hidden; }
.category_mng .cate_div {
  float: left;
  margin-right: 5px;
  width: 188px; }

.cate_div h4 {
  padding: 0;
  height: 27px;
  line-height: 27px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #4bbdc4;
  border: 1px solid #259da4; }
.cate_div ul {
  margin-top: 2px;
  border: 1px solid #dddddd; }
.cate_div ul li {
  padding: 0 10px;
  line-height: 25px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.cate_div ul li span {
  margin-right: 10px; }
.cate_div ul li:hover {
  background: #f8f8f8;
  color: #4CC3C4; }
.cate_div .btn {
  overflow: hidden;
  margin-top: 5px; }
.cate_div .btn .move {
  float: left; }
.cate_div .btn .bt {
  float: right; }
.cate_div .btn .button {
  font-size: 11px;
  /* *margin-right: 4px; */ }

/* temp */
#divChart {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  margin: -1px 0 0;
  padding: 10px;
  width: auto !important;
  height: 440px;
  border: 1px solid #d4d4d4;
  border-top: 1px solid #EBEBEB; }
#divChart * {
  font-family: "NanumGothic" !important; }

.divChart_area {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  margin: -1px 0 0;
  padding: 10px;
  width: auto !important;
  height: 440px;
  border: 1px solid #d4d4d4;
  border-top: 1px solid #EBEBEB; }

#divChart .title, #chart-header-divChart, #chartTempImage {
  display: none; }

#divChart #chart-footer-divChart {
  text-align: left !important;
  height: auto !important;
  left: 40px !important;
  bottom: 5px !important; }
#divChart .remarks {
  font-family: inherit;
  width: 105px; }

#divReport {
  width: 740px;
  height: 360px;
  border: 1px solid #d3d3d3;
  position: relative; }

.divChart {
  margin: 0;
  padding: 10px;
  border-top: 1px solid #EBEBEB; }

.chart_listView {
  position: relative;
  z-index: 10;
  margin-top: 15px;
  border: 1px solid #d4d4d4;
  border-top: 2px solid #4CC3C4; }
.chart_listView .tit {
  padding: 12px 0;
  text-align: center;
  border-bottom: 1px solid #cfcfcf; }
.chart_listView .tit h4 {
  margin: 0 auto;
  padding: 0;
  width: 80%;
  font-size: 16px;
  font-weight: bold;
  color: #4CC3C4;
  background: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.chart_listView .tit span {
  margin-right: 10px; }
.chart_listView .decrip {
  padding: 4px 15px;
  background: #f8f8f8; }
.chart_listView .decrip p {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.chart_listView .char_info {
  padding: 7px 15px;
  background: #f8f8f8; }
.chart_listView .char_info .photo {
  overflow: hidden;
  float: left;
  margin-right: 10px;
  width: 45px;
  height: 45px;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
.chart_listView .char_info .photo img {
  width: 45px; }
.chart_listView .char_info dl {
  overflow: hidden;
  height: 45px; }
.chart_listView .char_info dt {
  float: left;
  max-width: 9.5%;
  min-width: 5%;
  margin-right: 0.5%;
  font-weight: bold;
  line-height: 22px;
  white-space: nowrap; }
.chart_listView .char_info dd {
  float: left;
  width: 42%;
  line-height: 22px; }
.chart_listView .char_info dd.count {
  margin-right: 5px;
  width: auto; }
.chart_listView .char_info dd a {
  font-weight: bold;
  color: #4CC3C4; }
.chart_listView .char_info dd a:hover {
  text-decoration: underline; }
.chart_listView .chart_opt {
  position: absolute;
  right: 10px;
  top: 8px; }
.chart_listView .chart_opt button {
  overflow: hidden;
  /* *margin-left: 4px; */
  white-space: nowrap;
  width: 27px;
  height: 25px;
  font-size: 0;
  line-height: 0;
  background: #c8c8c8 url(../img/i_chat.png) no-repeat;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
.chart_listView .chart_opt .fav {
  background-position: 6px -601px;
  background-color: #ffbc0f;
  border-color: #ffb800; }
.chart_listView .chart_opt .fav.off {
  background-color: #989898;
  border-color: #898989; }
.chart_listView .chart_opt .snap {
  background-position: 5px -569px;
  background-color: #989898;
  border-color: #898989; }

.chart_box {
  display: inline-block;
  margin: 0 6px 14px;
  width: 48%; }
.chart_box .tit, .chart_box .stit {
  padding: 3px 10px; }
.chart_box .tit {
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
  background: #0b3664; }
.chart_box.style1 .tit {
  background: #cb5030; }
.chart_box.style2 .tit {
  background: #851d28; }
.chart_box.style3 .tit {
  background: #3e5b09; }
.chart_box .stit {
  background: #f0f0f0;
  border: 1px solid #d4d4d4;
  border-top: 0; }
.chart_box .stit strong {
  margin-right: 5px;
  text-transform: capitalize; }
.chart_box .stit span {
  color: #4CC3C4; }
.chart_box .draw {
  padding: 15px;
  border: 1px solid #d4d4d4;
  border-top: 0; }

.chartView {
  position: relative;
  margin-top: 10px;
  border: 1px solid #d4d4d4;
  height: 500px; }

.chartMake {
  margin: 15px 0;
  border-top: 2px solid #4CC3C4; }
.chartMake p {
  padding: 7px 0;
  border-bottom: 1px solid #d4d4d4; }
.chartMake label {
  display: inline-block;
  width: 100px;
  padding-left: 15px;
  font-weight: bold; }
.chartMake input {
  width: 640px; }
.chartMake textarea {
  width: 640px;
  height: 57px; }

.chartChoice {
  margin-bottom: 10px; }
.chartChoice:after {
  content: '';
  display: block;
  clear: both; }

.chart_add {
  overflow: hidden;
  position: relative;
  margin: 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd; }
.chart_add .close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 7px; }

.chart_type {
  position: relative;
  float: right;
  width: 30%; }

ul.type_box {
  overflow: auto;
  margin-top: 10px;
  height: 189px;
  border: 1px solid #d4d4d4; }

.type_box li {
  cursor: pointer;
  padding: 0 15px;
  line-height: 26px;
  border-bottom: 1px solid #eee;
  background-position: 10px center !important;
  background-repeat: no-repeat; }
.type_box li:hover {
  background-color: #f8f8f8 !important; }
.type_box li.selectedChartType {
  font-weight: bold;
  background-color: #f8f8f8 !important; }

.chart_type ul.type_box li.selectedTemplate {
  font-weight: bold;
  background-color: #f8f8f8 !important; }

.type_box li:last-child, .chart_type ul.type_box li.last {
  border-bottom: 0; }

ul.type_box li.bar_chart {
  padding-left: 40px;
  background-image: url(../img/ic_bar.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.line_chart {
  padding-left: 40px;
  background-image: url(../img/ic_line.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.pie_chart {
  padding-left: 40px;
  background-image: url(../img/ic_pie.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.doughnut_chart {
  padding-left: 40px;
  background-image: url(../img/ic_doug.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.gauge_chart {
  padding-left: 40px;
  background-image: url(../img/ic_gauge.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.dot_chart {
  padding-left: 40px;
  background-image: url(../img/ic_dot.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.complex_chart {
  padding-left: 40px;
  background-image: url(../img/ic_barline.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }
ul.type_box li.report_chart {
  padding-left: 40px;
  background-image: url(../img/ic_report.png) !important;
  -webkit-background-size: inherit !important;
  background-size: inherit; }

.chart_type + .source_select {
  float: left;
  width: 67%; }

.file_list, .source_list, .own_chart_list, .shared_chart_list {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 7px;
  padding: 0;
  height: 81px;
  border: 1px solid #d4d4d4; }

.button + .file_list {
  margin-top: 5px;
  min-height: 56px;
  border: 1px solid #e2e2e2; }

td .file_list, .source_list {
  margin: 0; }

.source_select .file_list, .source_select .source_list {
  clear: both;
  margin: 0;
  height: 162px;
  border-top: 0 !important; }
.source_select .sub_tab {
  margin-top: 10px;
  margin-bottom: 0; }

.own_chart_list, .shared_chart_list {
  clear: both;
  margin: 0;
  height: 162px;
  border-top: 0 !important; }

.source_list, .shared_chart_list {
  display: none; }

.file_list ul li, .source_list ul li, .own_chart_list ul li, .shared_chart_list ul li {
  cursor: pointer;
  padding: 0 7px;
  height: 27px;
  line-height: 27px; }

.file_list ul li:hover, .source_list ul li:hover, .own_chart_list ul li:hover, .shared_chart_list ul li:hover {
  background: #f8f8f8;
  color: #4CC3C4; }

.file_list .convN {
  padding: 1px 5px;
  color: #fff;
  background: #4CC3C4; }
.file_list .convY {
  padding: 1px 5px;
  color: #fff;
  background: #F58220; }

.own_chart_list, .shared_chart_list {
  position: relative;
  height: 167px; }

.own_chart_list ul li {
  position: relative;
  /* zoom: 1; */ }

.fht-table {
  margin-left: -1px !important; }

.fht-thead {
  padding-right: 15px;
  border-bottom: 1px solid #cfcfcf;
  background: #f8f8f8 !important; }

.fht-tbody {
  overflow-y: scroll !important; }

.fht-table th {
  padding: 0 !important;
  line-height: 27px !important;
  border-left: 1px solid #d8d8d8;
  background: #f8f8f8 !important; }
.fht-table th:first-child {
  border-left: 0; }
.fht-table td {
  text-align: center;
  line-height: 27px !important;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee; }
.fht-table .selectedChart td {
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

.selectedFile, .selectedSource, .selectedChartType {
  background-color: #F0F0F0; }

.first_column {
  background-color: #f6fef6; }

.first_row td {
  background-color: #fef5f9; }

.undo {
  position: absolute;
  right: 20px; }

.input_bg {
  padding: 5px 7px;
  border: 1px solid #E2E2E2;
  background: url(../img/write_input.png); }

.excel_view {
  overflow: auto;
  margin-top: 10px;
  height: 220px;
  border: 1px solid #d4d4d4;
  background: #F8f8f8; }

.btn_wrap + .excel_view {
  margin-top: 20px; }

.source_select + .excel_view {
  padding: 2px 0;
  height: 70px; }
.source_select + .excel_view ul {
  padding: 8px 10px 10px;
  height: 50px; }

.dashChart_view {
  overflow: hidden;
  padding: 10px;
  background: #f2f2f2; }
.dashChart_view strong {
  display: block;
  margin: 0 20px;
  font-size: 16px; }
.dashChart_view .dc1 {
  float: left;
  height: 350px; }
.dashChart_view .dc2, .dashChart_view .dc3 {
  float: right;
  height: 169px; }
.dashChart_view .dc2 {
  margin-bottom: 10px; }
.dashChart_view .box > a > span {
  display: block;
  margin: 0 auto;
  width: 103px;
  height: 100px;
  text-indent: -9999px; }
.dashChart_view .bar > a > span {
  background: url(../img/ic_l_bar.png) no-repeat center top; }
.dashChart_view .barline > a > span {
  background: url(../img/ic_l_barline.png) no-repeat center top; }
.dashChart_view .dot > a > span {
  background: url(../img/ic_l_dot.png) no-repeat center top; }
.dashChart_view .doug > a > span {
  background: url(../img/ic_l_doug.png) no-repeat center top; }
.dashChart_view .gauge > a > span {
  background: url(../img/ic_l_gauge.png) no-repeat center top; }
.dashChart_view .line > a > span {
  background: url(../img/ic_l_line.png) no-repeat center top; }
.dashChart_view .pie > a > span {
  background: url(../img/ic_l_pie.png) no-repeat center top; }
.dashChart_view .report > a > span {
  background: url(../img/ic_l_report.png) no-repeat center top; }
.dashChart_view .box {
  display: table;
  position: relative;
  width: 370px;
  background-color: #e3e3e3;
  border: 1px solid #cccccc;
  text-align: center; }
.dashChart_view .box a {
  display: table-cell;
  vertical-align: middle; }

.chart_optBar {
  /* *zoom: 1; */
  padding: 3px 7px;
  color: #545454;
  border: 1px solid;
  border-color: #E6E6E6 #CACACA #CACACA #E6E6E6;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); */}
.chart_optBar:after {
  content: '';
  display: block;
  clear: both; }
.chart_optBar .opt_area, .chart_optBar label, .chart_optBar .tit, .chart_optBar .color, .chart_optBar .width {
  display: inline-block;
  /* *display: inline;
   *zoom: 1; */ }
.chart_optBar .opt_area {
  float: left; }
.chart_optBar .btn {
  float: right;
  padding-top: 1px; }
.chart_optBar label {
  margin: 0 5px 0 10px; }
.chart_optBar .tit {
  float: left;
  margin: 4px 0;
  padding-right: 7px;
  text-transform: capitalize;
  border-right: 1px solid #d4d4d4; }
.chart_optBar .color {
  vertical-align: middle;
  width: 25px;
  height: 20px;
  border: 1px solid #cfcfcf;
  background: #dadada; }
.chart_optBar .width {
  position: relative;
  padding-right: 17px;
  vertical-align: middle;
  border: 1px solid #BCBCBC;
  box-shadow: 1px 1px #fff; }
.chart_optBar .width input {
  float: left;
  width: 60px;
  height: 24px;
  box-shadow: 1px 1px #fff;
  border: 0 none;
  background: #dfdfdf;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); }
.chart_optBar .width input:focus {
  background: #f8f8f8; }
.chart_optBar .width span {
  border-left: 1px solid #bcbcbc; }
.chart_optBar .width span {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 17px;
  height: 24px;
  text-indent: -9999px;
  background: url(../img/btn_user_option.gif) no-repeat center center; }
.chart_optBar .type {
  width: 90px; }
.chart_optBar .type .t1 {
  background: url(../img/chart_opt.png) no-repeat 50px 12px; }
.chart_optBar .type .t2 {
  background: url(../img/chart_opt.png) no-repeat 50px -31px; }
.chart_optBar .type .t3 {
  background: url(../img/chart_opt.png) no-repeat 50px -73px; }
.chart_optBar .symbol {
  width: 90px; }
.chart_optBar .symbol .s1 {
  background: url(../img/chart_opt.png) no-repeat 73px -137px; }
.chart_optBar .symbol .s2 {
  background: url(../img/chart_opt.png) no-repeat 73px -172px; }
.chart_optBar .symbol .s3 {
  background: url(../img/chart_opt.png) no-repeat 73px -206px; }
.chart_optBar .symbol .s4 {
  background: url(../img/chart_opt.png) no-repeat 73px -240px; }
.chart_optBar .symbol .s5 {
  background: url(../img/chart_opt.png) no-repeat 73px -274px; }

/* temp */
.comment_box {
  padding: 1em 0 0;
  margin-top: 30px;
  /* comment_box */ }
.comment_box .comment_header {
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  /* comment_header */ }
.comment_box .comment_header div {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 6px;
  /* &:before {
  	content: "";
  	position: absolute;
  	top: 3px;
  	right: 0;
  	bottom: 1px;
  	width: 1px;
  	background: #ddd;
  }
  &:nth-of-type(3):before {
  	display: none;
  } */ }
.comment_box .comment_header div .disp {
  font-weight: 700;
  color: #1f61b9; }
.comment_box .comment_header .comment_align button {
  padding-right: 12px;
  background: url("../img/btn_user_option.gif") no-repeat right center; }
.comment_box .comment_header .view_reading_list {
  position: absolute;
  top: -5px;
  right: 0;
  height: 24px;
  line-height: 22px;
  font-size: 12px; }
.comment_box .reply_user_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  overflow: hidden; }
.comment_box .reply_user_img img {
  width: 100%;
  height: auto; }
.comment_box .reply_content_input textarea {
  height: 40px; }
.comment_box .comment_content {
  /* comment_content */ }
.comment_box .comment_content li {
  position: relative;
  padding: 10px 0 10px 48px;
  border-bottom: 1px solid #ddd;
  /* li */ }
.comment_box .comment_content li .reply_user_img {
  top: 10px; }
.comment_box .comment_content li .reply_content {
  position: relative;
  /* reply_content */ }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_1 span {
  margin-right: 5px; }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_1 .reply_user {
  font-weight: 700; }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_1 .reply_btn {
  padding-left: 12px;
  background: url("../img/i_reply.png") no-repeat left center; }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_2 {
  position: absolute;
  top: 0;
  right: 0;
  /* reply_info_module_2 */ }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_2 button {
  position: relative;
  padding: 0 8px 0 8px; }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_2 button:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 1px;
  width: 1px;
  background: #ddd; }
.comment_box .comment_content li .reply_content .reply_info_module .reply_info_module_2 button:last-child:before {
  content: "";
  display: none; }
.comment_box .comment_content li .reply_content .reply_content_view {
  margin-top: 5px; }
.comment_box .comment_content li > ul li {
  border-bottom: none;
  border-top: 1px dotted #ddd;
  /* &:first-child {
  	margin-top: 10px;
  } */ }
.comment_box .comment_content li > ul li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: -22px;
  width: 10px;
  height: 10px;
  background: url("../img/i_reply_depth.png") no-repeat left top; }
.comment_box .comment_write {
  position: relative;
  padding: 10px 75px 10px 58px;
  background: #f8f8f8;
  border-bottom: 1px solid #eee; }
.comment_box .comment_write .reply_user_img {
  top: 10px;
  left: 10px; }
.comment_box .comment_write .reply_user_img img {
  background: #fff; }
.comment_box .comment_write .submit_reply_content {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 40px;
  border-radius: 0 2px 2px 0; }
.comment_box .comment_content .attachBox .overview .up_file .ulManual li .ulManual li.liBtn .borderNone {
  width: 100%; }
.comment_box .comment_content .attachBox .overview .up_file .ulManual li .ulManual li.liBtn .borderNone:first-child {
  border-right: 0; }

.option_module_box {
  /* attachBox */
  /* feed_input */ }
.option_module_box .file_up {
  border: none;
  padding: 0;
  margin-top: 5px;
  margin-right: -65px; }
.option_module_box .file_up .tit {
  display: none; }
.option_module_box .file_up .feed_slider_wrap .viewport {
  height: 100px !important; }
.option_module_box .option_btns {
  margin-top: 5px; }
.option_module_box .attachBox {
  margin-top: 5px;
  /* overview */ }
.option_module_box .attachBox .feed_slider_wrap {
  border: 0;
  padding: 0; }
.option_module_box .attachBox .overview li {
  padding: 0;
  border: 0; }
.option_module_box .attachBox .overview li:before {
  display: none; }
.option_module_box .attachBox .overview li ul {
  margin: 0; }
.option_module_box .attachBox .overview li ul .liBtn {
  height: 20px; }
.option_module_box .feed_input {
  display: none;
  margin-top: 5px; }
.option_module_box .feed_input .feed_input_txt textarea {
  border-right: 0; }
.option_module_box .feed_input .feed_input_txt .ulComment li {
  padding: 0;
  border-bottom: 0;
  border-top: 0; }
.option_module_box .feed_input .feed_input_txt .comment_link_url {
  clear: both; }

/* temp */
.myinfo_email {
  background: url(../img/ico_email.gif) no-repeat left center;
  padding-left: 18px; }

.myinfo_phone {
  background: url(../img/ico_list.gif) no-repeat left center;
  padding-left: 18px; }

.myinfo_regidate {
  background: url(../img/ico_regidate.gif) no-repeat left center;
  padding-left: 18px; }

.confer_online .etc {
  margin-bottom: 10px; }

.etc {
  margin-top: 5px;
  margin-right: 2px;
  text-align: right; }
.etc span {
  display: inline-block;
  padding-left: 25px;
  height: 21px; }
.etc .e1 {
  margin-left: 10px;
  background: url(../img/ic_attend_color.png) no-repeat left center;
  background-size: 21px; }
.etc .e2 {
  background: url(../img/ic_host_color.png) no-repeat left center;
  background-size: 21px; }

.confer_online_wrap {
  overflow: hidden; }

.confer_online_div {
  position: relative;
  float: left;
  width: 32.33333%;
  height: 245px;
  border: 1px solid #ddd;
  margin: 0 1.5% 1.5% 0; }
.confer_online_div.last {
  margin-right: 0; }
.confer_online_div h4 {
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  margin: 0; }
.confer_online_div h4 a {
  display: block;
  padding-left: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.confer_online_div .mark {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px; }
.confer_online_div.host a:hover {
  color: #ed5003; }
.confer_online_div.host .mark {
  background: url(../img/ic_host.png) no-repeat; }
.confer_online_div.attend .mark {
  background: url(../img/ic_attend.png) no-repeat; }
.confer_online_div.no {
  background: url(../img/conf_open.png) no-repeat center center;
  text-indent: -9999px; }
.confer_online_div ul {
  height: 183px;
  margin: 0 15px;
  padding: 10px 0 0; }
.confer_online_div li {
  margin-bottom: 5px;
  padding: 3px 0 0 20px;
  min-height: 24px;
  line-height: 24px;
  border-top: 1px solid #eee;
  background-repeat: no-repeat;
  background-position: left 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-position: left 9px; }
.confer_online_div li.o1 {
  border: none;
  background-image: url(../img/ic_list01.png); }
.confer_online_div li.o2 {
  background-image: url(../img/ic_list02.png); }
.confer_online_div li.o3 {
  background-image: url(../img/ic_list03.png); }
.confer_online_div li.o4 {
  background-image: url(../img/ic_list04.png); }
.confer_online_div li.o5 {
  background-image: url(../img/ic_list05.png); }
.confer_online_div .bt {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-weight: 800;
  text-align: center;
  border-top: 1px solid #fe5247;
  background: #fe5247;
  color: #fff; }
.confer_online_div .bt.change {
  background-color: #4cc3c4;
  border-top: 1px solid #4cc3c4;
  color: #fff; }
.confer_online_div .tag {
  margin-left: 10px;
  padding: 1px 5px 2px;
  font-size: 11px;
  color: #fff;
  background-color: #ff7402; }
.confer_online_div .tag.done {
  background-color: #418cc1; }

/* temp */
.content_detail {
  margin-top: 20px;
  /* content_detail */ }
.content_detail h4 {
  margin-bottom: 10px; }
.content_detail .content_detail_info {
  margin-top: 30px;
  /* content_detail_info */ }
.content_detail .content_detail_info h5 {
  font-size: 14px; }
.content_detail .content_detail_info h5 strong {
  font-size: 18px;
  font-weight: 700; }
.content_detail .content_detail_info h5 span {
  font-size: 90%;
  color: #929292; }
.content_detail .content_detail_info h5 span time {
  color: #555;
  font-weight: 500; }
.content_detail .content_detail_info h5 span i {
  position: relative;
  font-size: 90%;
  font-style: normal;
  border: 1px solid #fd922c;
  padding: .3em .6em;
  margin-right: 8px;
  background: #fd922c;
  color: #fff; }
.content_detail .content_detail_info h5 span i:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background: url("../img/process/i_arrow_on.png") no-repeat; }
.content_detail .content_detail_info .content_detail_summary {
  border: 1px solid #ddd;
  margin-top: 10px;
  /* content_detail_summary */ }
.content_detail .content_detail_info .content_detail_summary:before, .content_detail .content_detail_info .content_detail_summary:after {
  content: "";
  display: table; }
.content_detail .content_detail_info .content_detail_summary:after {
  clear: both; }
.content_detail .content_detail_info .content_detail_summary li {
  float: left;
  width: 33.33333%;
  text-align: center;
  padding: .8em .4em;
  font-weight: 500; }
.content_detail .content_detail_info .content_detail_summary li span {
  font-weight: 400; }
.content_detail .content_detail_info .content_detail_summary.col_4 li {
  width: 25%; }
.content_detail .btn_wrap {
  margin-bottom: 30px; }

/* temp */
.content_detail_display_box {
  padding: 10px;
  border: 1px solid #ddd;
  border-top: 2px solid #333;
  margin-bottom: 10px;
  /* content_detail_display_box */ }
.content_detail_display_box header {
  position: relative; }
.content_detail_display_box header h4 {
  font-size: 14px;
  margin-top: 5px; }
.content_detail_display_box header .button {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 12px;
  height: 26px;
  line-height: 24px;
  border-color: #ddd; }
.content_detail_display_box header .button:hover {
  border-color: #1f61b9; }
.content_detail_display_box .display_content {
  margin-top: 15px; }
.content_detail_display_box .display_content .no_record {
  display: block;
  border: 1px solid #eee;
  padding: .8em;
  text-align: center; }
.content_detail_display_box .display_content table {
  margin-top: 0;
  border-top: 1px solid #cfcfcf; }
.content_detail_display_box .display_content table.write {
  border-top: 1px solid #cfcfcf;
  margin-bottom: 10px; }
.content_detail_display_box .display_content .btn_wrap {
  margin-bottom: 0; }
.content_detail_display_box .display_content .board_added_module {
  margin-top: 30px; }
.content_detail_display_box .display_content .board_added_module .board {
  margin-top: 5px; }

/* temp */
.friend_wrap {
  padding-top: 10px; }
.friend_wrap h4 {
  margin-top: 15px; }

.friend_list {
  margin-top: 10px;
  margin-bottom: 40px;
  min-height: 60px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #ddd; }
.friend_list li {
  display: table;
  width: 100%;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  /* *zoom: 1; */ }
.friend_list li:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.'; }
.friend_list li:last-child {
  border-bottom: 0 none; }
.friend_list li .thumb {
  /* float: left; */
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  margin-right: 7px;
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 50%; }
.friend_list li .thumb a {
  display: block; }
.friend_list li .thumb img {
  width: 45px; }
.friend_list li .info {
  /* float: left; */
  /* padding-top: 7px; */
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }
.friend_list li .info a {
  display: block; }
.friend_list li .info strong {
  display: block;
  font-weight: bold; }
.friend_list li .info span {
  color: #979797; }
.friend_list li .bt {
  float: right;
  margin-top: 12px;
  font-size: 12px; }
.friend_list li .bt.del2 {
  margin-top: 15px; }
.friend_list li .bt.del2 a {
  padding: 10px; }

li.noLi {
  text-align: center;
  height: 48px;
  line-height: 48px; }

/* temp */
.post_layer {
  display: none;
  position: absolute;
  top: 42px;
  right: -1px;
  z-index: 80;
  padding: 8px 10px;
  width: 320px;
  border: 2px solid #00ACE6;
  background: #fff; }
.post_layer .post_layer_thumb {
  float: left;
  margin-right: 8px;
  width: 70px;
  height: 57px;
  border: 1px solid #e0e0e0;
  background: #f8f8f8; }
.post_layer .post_layer_thumb img {
  width: 70px !important;
  height: 57px !important; }
.post_layer .post_layer_text {
  float: left; }
.post_layer textarea {
  overflow: hidden;
  width: 230px;
  height: 47px !important;
  word-wrap: break-word;
  resize: none; }
.post_layer .btn {
  clear: both;
  padding-top: 5px;
  /* zoom: 1; */ }
.post_layer .btn:after {
  content: '';
  display: block;
  clear: both; }
.post_layer select.form {
  float: left;
  width: 180px; }
.post_layer .button {
  float: right; }

/* temp */
.masonry {
  padding: 15px 0 0 15px;
  margin-left: 9px;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  transition: all .7s; }
.masonry .preview {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%; }
.masonry .preview .tit, .masonry .preview .etc {
  position: relative;
  z-index: 10;
  margin: 0 15px; }
.masonry .preview .tit {
  padding: 7px 0 5px; }
.masonry .preview .tit strong {
  display: block;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.masonry .preview .tit span {
  font-size: 11px;
  color: #adadad; }
.masonry .preview .etc {
  height: 25px;
  line-height: 25px;
  font-size: 10px;
  border-top: 1px solid #8d8d8d; }
.masonry .preview .etc .date {
  float: left;
  color: #adadad; }
.masonry .preview .etc .count {
  float: right;
  color: #fff; }
.masonry .preview .etc .count em {
  display: inline-block;
  /* *display: inline;
  zoom: 1; */
  margin-left: 4px;
  padding-left: 21px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 center; }
.masonry .preview .etc .count .reply {
  background-image: url(../img/i_reply_white.png); }
.masonry .preview .etc .count .like {
  background-image: url(../img/i_like_white.png); }
.masonry .preview .etc .count .like.on {
  background-image: url(../img/i_like_white.png); }
.masonry .blockBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; }
.masonry .item {
  overflow: hidden;
  width: 252px;
  min-height: 10px;
  border: 1px solid #f1f1f1;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  transition: all .7s; }
.masonry .item.w2 {
  width: 510px; }
.masonry .item img {
  width: 100%; }
.masonry .imgNum {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)"; }
.masonry .imgSlide {
  overflow: hidden;
  position: relative; }
.masonry .imgSlide li {
  position: absolute;
  top: 0;
  left: 0; }

/* temp */
.msgAlert {
  position: fixed;
  bottom: 0px;
  right: 210px;
  z-index: 40;
  padding-bottom: 7px;
  width: 350px;
  border: 1px solid #2f76a8;
  background: #fff; }
.msgAlert .tit {
  position: relative;
  display: block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;
  background: #4089bd; }
.msgAlert .tit a {
  position: absolute;
  right: 10px;
  color: #fff; }
.msgAlert .thumb {
  width: 50px;
  height: 50px; }
.msgAlert .thumbInfo {
  position: relative;
  padding: 7px 10px 0; }
.msgAlert .thumbInfo .thumb {
  position: absolute;
  top: -24px;
  left: 10px;
  background: #fff;
  border: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
.msgAlert .thumbInfo dd {
  float: left;
  margin-right: 3px;
  color: #8d8d8d; }
.msgAlert .text {
  padding: 0 10px;
  color: #000;
  width: 75%; }
.msgAlert .text a {
  color: #4ca2d7;
  font-weight: bold; }
.msgAlert .tit, .msgAlert .thumbInfo, .msgAlert .text {
  padding-left: 70px; }

.msgWrap {
  position: relative;
  border-top: 2px solid #333;
  background: #fff; }
.msgWrap .close_layer {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  display: block;
  width: 50px;
  height: 50px;
  background: url(../img/i_layer_close.png) no-repeat center center; }
.msgWrap table.list tbody th, .msgWrap table.list tbody td {
  padding: 8px;
  height: 40px; }
.msgWrap input[type="checkbox"] {
  margin: 0; }
.msgWrap .tit {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  /* height: 50px;
  color: #fff;
  background: #4089bd;
  border: 1px solid #2f76a8; */ }
.msgWrap .file_up .tit {
  height: auto;
  color: #333;
  border: 0;
  line-height: 1;
  padding: 0 0 0 12px;
  margin-bottom: 10px; }
.msgWrap .file_up .feed_slider_wrap {
  border-bottom: 0; }
.msgWrap .thumbInfo .thumb {
  background: #f5f5f5;
  border: 0;
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important; }
.msgWrap .tit .thumbInfo dl {
  position: relative;
  padding-top: 15px;
  vertical-align: top;
  font-weight: bold; }
.msgWrap .tit .thumbInfo dd {
  float: left;
  margin-right: 10px;
  line-height: normal; }
.msgWrap .tit .thumbInfo .part {
  position: absolute;
  top: 0; }
.msgWrap .tit .thumbInfo .name {
  font-size: 13px; }
.msgWrap .tit2 .thumbInfo dl {
  /* padding-top: 5px; */
  margin-left: 5px; }
.msgWrap .tit2 .thumbInfo .name {
  font-size: 16px !important; }
.msgWrap .tit2 .thumbInfo .part {
  position: relative;
  top: 3px; }
.msgWrap .cont {
  /* padding: 0 20px; */ }
.msgWrap .cont .t {
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 16px; }
.msgWrap .cont .t ul {
  float: right;
  margin-top: -10px; }
.msgWrap .cont .msgListBox {
  margin-top: 40px; }
.msgWrap .cont .msgListBox .board_added_module {
  margin-bottom: 10px; }
.msgWrap .cont #message_item .msgView {
  border-top: 2px solid #333;
  border-bottom: 1px solid #eee; }
.msgWrap .tab {
  float: right;
  margin-top: -75px; }
.msgWrap .tab li {
  float: left;
  margin-left: -1px;
  border: 1px solid #3c7ca9;
  border-bottom-color: #2f76a8;
  background: #67aad6;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  padding: 0 15px; }
.msgWrap .tab li a {
  display: block;
  color: #fff; }
.msgWrap .tab li.on {
  font-weight: bold;
  letter-spacing: -1px;
  border-bottom-color: #fff;
  background: #fff; }
.msgWrap .tab li.on a {
  color: #4089bd; }
.msgWrap .cont .t .search_wrap {
  margin: 0; }
.msgWrap .cont .t .search_wrap li {
  font-size: 12px; }
.msgWrap .msgSendBox {
  margin-top: 30px; }
.msgWrap .msgSendBox#reply {
  margin-top: -10px;
  margin-bottom: 30px; }
.msgWrap .msgSendBox#reply .t {
  margin-top: 0;
  padding-bottom: 35px;
  border-bottom: 1px solid #ddd; }
.msgWrap .submit_wrap {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-top: 2px solid #333;
  box-shadow: none;
  padding: 10px 15px 20px; }
.msgWrap .submit_wrap .msgForm {
  border-top: 0; }
.msgWrap .submit_wrap .msgForm:before, .msgWrap .submit_wrap .msgForm:after {
  content: "";
  display: table; }
.msgWrap .submit_wrap .msgForm:after {
  clear: both; }
.msgWrap .submit_wrap .msgForm .msgSendLabel {
  float: left;
  min-width: 80px;
  font-weight: 700; }
.msgWrap .submit_wrap .msgForm .msgSendLabel ~ a {
  margin-right: 10px; }
.msgWrap .submit_wrap .msgForm .msgSendInputForm {
  display: block; }
.msgWrap .submit_wrap .msgForm .msgSendInputForm .i_message_user_input {
  position: relative;
  top: -2px; }
.msgWrap .submit_wrap .msgForm .msgSendInputForm .i_groupsel_select {
  position: relative;
  top: -1px;
  width: 200px;
  height: 26px;
  line-height: 25px;
  /* display: none; */ }
.msgWrap .submit_wrap .msgForm .msgSendInputForm .fr .button {
  height: 27px;
  line-height: 25px; }
.msgWrap .submit_wrap .msgForm .msgSendInputForm .fr .button.on {
  background: #fd922c;
  border-color: #fd922c;
  color: #fff; }
.msgWrap table {
  margin: 0; }
.msgWrap .list_division {
  font-size: 11px; }

.msgView {
  margin-bottom: 25px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
.msgView .th {
  padding: 8px 15px;
  background: #f5f5f5;
  border-bottom: 1px solid #dfdfdf; }
.msgView .td {
  padding: 10px; }
.msgView .button {
  background: #fff; }
.msgView .thumbInfo .thumb {
  width: 45px;
  height: 45px; }
.msgView .thumbInfo dl {
  width: 500px; }
.msgView .thumbInfo dt {
  display: block;
  float: left;
  margin-right: 3px;
  line-height: 1.6;
  overflow: visible; }
.msgView .thumbInfo dd {
  display: block;
  float: left;
  margin-right: 3px;
  line-height: 1.6;
  overflow: visible;
  width: 185px; }
.msgView .thumbInfo dd.w {
  width: 30px; }

.msgForm {
  border-top: 1px solid #96c5db; }
.msgForm li {
  margin: 4px 0;
  line-height: 26px; }
.msgForm li.send_msg_form_container {
  margin-top: 10px;
  padding-top: 6px;
  border-top: 1px solid #ddd; }
.msgForm textarea {
  width: 100%;
  /* border: 1px solid #96c5db; */
  margin-top: 5px; }
.msgForm .doc_filelist {
  margin-top: 10px; }

.msgFileView {
  /* border-top: 1px dotted #ccc; */
  padding: 5px 0;
  margin-top: 5px; }
.msgFileView .ulManualBoxWrap .ulManualBox li a {
  width: 100%; }
.msgFileView .ulManualBoxWrap .ulManualBox li a:first-child {
  border-right: 0; }

.msgGuideText {
  background: #f5f5f5;
  padding: 5px 10px; }
.msgGuideText img {
  margin-right: 5px;
  vertical-align: middle; }

.i_message_user, .i_groupline, .i_groupsel {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid #d4d4d4;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px; }

.i_groupline {
  background-image: url(../img/ic_groupline.png); }

.i_groupsel {
  background-image: url(../img/ic_groupsel.png); }

.i_message_user {
  background-image: url(../img/ic_message_user.png); }

.checkbox {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  background: url(../img/i_checkbox.png) no-repeat 0 -13px;
  cursor: pointer; }
.checkbox.on {
  background-position: 0 0; }
.checkbox input {
  display: none; }

.msgAlarmBox {
  display: none;
  position: fixed;
  right: 5px;
  bottom: 5px;
  float: left;
  width: 300px;
  border: 1px solid #ddd;
  background: #fff;
  z-index: 99; }
.msgAlarmBox ul li {
  float: left;
  width: 100%;
  padding: 10px; }
.msgAlarmBox ul li img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff; }
.msgAlarmBox ul li h4, .msgAlarmBox ul li p {
  float: left;
  margin-left: 10px; }
.msgAlarmBox ul li h4 .alarmClose, .msgAlarmBox ul li p .alarmClose {
  float: right;
  margin-right: 10px;
  font-weight: 700;
  color: #4CC3C4;
  cursor: pointer; }
.msgAlarmBox ul li h4 {
  font-size: 13px;
  background: url(../img/ic_reply.png) no-repeat left center;
  background-size: 14px;
  padding-left: 18px;
  margin-bottom: 2px;
  width: calc( 100% - 50px ); }
.msgAlarmBox ul li h4 + p {
  font-size: 11px;
  width: calc( 100% - 50px );
  margin-top: 3px;
  margin-left: 10px; }
.msgAlarmBox ul li h4 + p strong {
  margin-right: 10px; }
.msgAlarmBox ul li h4 + p span {
  color: #929292;
  float: right; }
.msgAlarmBox ul li p {
  width: 100%;
  margin-left: 0; }
.msgAlarmBox ul li:first-child {
  background: #eee; }

/* temp */
.board_added_module {
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 20px 0;
  min-height: 40px; }
.board_added_module:before, .board_added_module:after {
  content: "";
  display: table; }
.board_added_module:after {
  clear: both; }
.board_added_module .search_wrap {
  position: absolute;
  top: 4px;
  right: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  height: 26px; }
.board_added_module .search_wrap label.form {
  position: relative;
  height: 26px;
  line-height: 24px;
  top: 0; }
.board_added_module .search_wrap label.form input[type="checkbox"], .board_added_module .search_wrap label.form input[type="radio"] {
  margin-top: -2px; }
.board_added_module .search_wrap select.form {
  position: relative;
  margin: 0;
  height: 26px;
  line-height: 24px;
  min-width: 60px;
  vertical-align: middle; }
.board_added_module .search_wrap .button, .board_added_module .search_wrap .btn {
  height: 26px;
  line-height: 26px;
  font-size: 11px; }
.board_added_module .search_wrap .search_form {
  height: 26px;
  background-size: auto 100%;
  position: relative;
  top: 0;
  padding-left: 0;
  padding-right: 26px;
  margin-left: 4px; }
.board_added_module .search_wrap .search_form label {
  display: block; }
.board_added_module .search_wrap .search_form label input {
  height: 24px;
  line-height: 24px; }
.board_added_module .search_wrap .search_form a {
  height: 24px;
  width: 24px;
  background-position: center center;
  background-size: 14px; }
.board_added_module .search_wrap .search_form a:before {
  top: .3em;
  bottom: .3em; }

.board_added_module + table {
  margin-top: 5px; }

/* temp */
.photobook {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 809px !important; }
.photobook .title {
  padding-left: 20px;
  padding-bottom: 10px !important; }
.photobook .post_write {
  border-top: 1px solid #ddd; }
.photobook .photoAddBtn {
  margin-bottom: 15px; }
.photobook .photoAddBtn button {
  margin: 0 auto;
  display: block;
  width: 95%;
  height: 38px;
  text-align: center;
  border: 1px dashed #ddd; }
.photobook .photoAddBtn button span {
  margin: 0 auto;
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  background: url(../img/file_upload_btn_on.gif) no-repeat center center; }
.photobook .post_up .target_select .optBt {
  display: none; }
.photobook .target_select {
  position: absolute;
  top: 0;
  right: 0; }
.photobook .post_write select.form {
  display: block;
  margin-bottom: 3px; }
.photobook .post_write .file_up {
  margin: 15px 0 0; }

.photobookDetail {
  width: 1000px; }
.photobookDetail .tit {
  padding-left: 10px;
  padding-right: 10px; }
.photobookDetail .cont {
  padding: 0 10px 10px; }
.photobookDetail .tit .thumbInfo {
  float: right;
  padding-left: 10px;
  width: 385px; }
.photobookDetail .photoDetailImg {
  float: left;
  position: relative;
  overflow: hidden;
  width: 582px;
  height: 550px;
  line-height: 550px;
  text-align: center;
  border: 1px solid #999; }
.photobookDetail .photoDetailImg li > a {
  vertical-align: middle; }
.photobookDetail .photoDetailCont {
  position: absolute;
  right: 10px;
  top: 51px;
  width: 395px; }
.photobookDetail .feed_good {
  padding: 7px 10px 0 80px;
  border: 0; }
.photobookDetail .tx {
  padding: 0 15px;
  line-height: 1.6;
  min-height: 80px; }
.photobookDetail .grouplist {
  overflow-y: auto;
  position: relative;
  margin-top: 5px;
  height: 360px; }
.photobookDetail .grouplist li {
  padding: 5px 0 3px; }
.photobookDetail .grouplist li .photo {
  position: relative;
  width: 32px;
  height: 32px;
  border: 0; }
.photobookDetail .grouplist li .photo .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/mask32.png) no-repeat center center; }
.photobookDetail .grouplist .feed_user_info strong {
  display: block;
  font-size: 12px; }
.photobookDetail .grouplist .good a {
  vertical-align: top; }
.photobookDetail .feed_input {
  margin-left: 15px; }

/* temp */
.content_detail_process {
  /* content_detail_process */ }
.content_detail_process ul:before, .content_detail_process ul:after {
  content: "";
  display: table; }
.content_detail_process ul:after {
  clear: both; }
.content_detail_process ul li {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  padding-top: 68px;
  border: 1px solid #eee;
  text-align: center;
  margin-right: 15px;
  color: #a6a6a6;
  /* 프로세스 단계별 아이콘 표시 */
  /* content_detail_process ul */ }
.content_detail_process ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background: url("../img/process/i_arrow_off.png") no-repeat; }
.content_detail_process ul li.complete:after {
  background: url("../img/process/i_arrow_on.png") no-repeat; }
.content_detail_process ul li:last-child {
  margin-right: 0; }
.content_detail_process ul li:last-child:after {
  display: none; }
.content_detail_process ul li.complete {
  border-color: #fd922c;
  color: #fd922c; }
.content_detail_process ul li.current {
  border-color: #fd922c;
  background: #fd922c;
  color: #fff; }
.content_detail_process ul li span {
  display: block; }
.content_detail_process ul li:nth-child(1) {
  background: url("../img/process/i_process_01_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(1).complete {
  background: url("../img/process/i_process_01.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(1).current {
  background: #fd922c url("../img/process/i_process_01_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(2) {
  background: url("../img/process/i_process_02_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(2).complete {
  background: url("../img/process/i_process_02.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(2).current {
  background: #fd922c url("../img/process/i_process_02_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(3) {
  background: url("../img/process/i_process_03_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(3).complete {
  background: url("../img/process/i_process_03.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(3).current {
  background: #fd922c url("../img/process/i_process_03_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(4) {
  background: url("../img/process/i_process_04_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(4).complete {
  background: url("../img/process/i_process_04.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(4).current {
  background: #fd922c url("../img/process/i_process_04_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(5) {
  background: url("../img/process/i_process_05_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(5).complete {
  background: url("../img/process/i_process_05.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(5).current {
  background: #fd922c url("../img/process/i_process_05_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(6) {
  background: url("../img/process/i_process_06_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(6).complete {
  background: url("../img/process/i_process_06.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(6).current {
  background: #fd922c url("../img/process/i_process_06_on.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(7) {
  background: url("../img/process/i_process_07_off.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(7).complete {
  background: url("../img/process/i_process_07.png") no-repeat center 12px; }
.content_detail_process ul li:nth-child(7).current {
  background: #fd922c url("../img/process/i_process_07_on.png") no-repeat center 12px; }

/* temp */
.share_layer {
  position: absolute;
  left: -1px;
  z-index: 80;
  width: 165px;
  border: 1px solid #d4d4d4;
  background: #fff; }
.share_layer h4 {
  font-size: 12px;
  background: none;
  padding: 5px 12px;
  -webkti-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkti-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #f8f8f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); */}
.share_layer .close {
  position: absolute !important;
  top: 0;
  right: 0;
  padding: 10px; }

.sharelist {
  overflow-y: auto;
  max-height: 285px;
  padding: 0px 10px; }
.sharelist li {
  overflow: hidden;
  position: relative;
  padding: 4px 0 4px 37px;
  border-top: 1px solid #ECECEC; }
.sharelist li .close {
  position: absolute !important;
  top: 50%;
  right: 0;
  margin-top: -8px;
  padding: 0;
  display: block; }
.sharelist .photo {
  overflow: hidden;
  float: left;
  vertical-align: middle;
  margin-left: -37px;
  width: 30px;
  height: 30px;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
.sharelist .photo img {
  width: 30px; }
.sharelist .name {
  display: inline-block;
  line-height: 30px;
  color: #4CC3C4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%; }
.sharelist .part {
  line-height: 15px; }
.sharelist .part span, .sharelist .part em {
  display: block;
  color: #979797;
  font-size: 11px; }

.share_layer .user_serarch_wrap > input {
  width: 95.5% !important;
  border: 0;
  border-bottom: 0; }

/* temp */
#sortable {
  margin: 12px 0 0; }
#sortable li {
  position: relative;
  margin-bottom: 5px;
  padding: 5px;
  background: #F0F1F5;
  background-image: none; }
#sortable li input {
  margin-left: 12px;
  width: 100px;
  line-height: 25px; }
#sortable li input[value] {
  text-align: center; }
#sortable li span {
  display: inline-block;
  vertical-align: middle; }
#sortable li input.w {
  width: 135px; }
#sortable li select {
  margin-left: 12px; }
#sortable li .close {
  position: absolute;
  top: 10px;
  right: 8px; }

/* temp */
.timeline {
  margin-top: 20px;
  padding: 15px;
  height: 462px;
  border: 1px solid #418cc1; }

.timeline_container {
  position: relative;
  overflow: hidden;
  height: 400px;
  padding-bottom: 16px;
  overflow-y: hidden;
  overflow-x: scroll; }

.timeline_band {
  position: absolute;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #ddd; }

.timeline_band0 {
  top: 0;
  left: 0;
  width: 1420px;
  height: 265px; }

.timeline_band1 {
  top: 266px;
  left: 0;
  width: 1420px;
  height: 135px; }

.timeline_band_inner {
  position: relative;
  width: 100%;
  height: 100%; }

.timeline_band_layer {
  position: absolute;
  width: 100%;
  height: 100%; }
.timeline_band_layer.bg {
  z-index: 0; }
.timeline_band_layer.events {
  z-index: 0;
  visibility: hidden; }
.timeline_band_layer.date {
  z-index: 100; }
.timeline_band_layer.lines {
  z-index: 1; }
.timeline_band_layer.tapes {
  z-index: 115; }

.timeline_band_tooltip {
  z-index: 120; }

.timeline_bg {
  width: 100%;
  height: 100%; }

.timeline_date_label {
  position: absolute;
  bottom: 0;
  padding-left: 2px;
  width: 5em;
  height: 2.2em;
  font-family: verdana;
  font-size: 11px;
  color: #aaa;
  border: solid #aaa;
  border-width: 0 0 0 1px; }

.timeline_date_label_em {
  height: 2em;
  color: #3174a2;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -1px;
  border-color: #ed7b1b;
  text-transform: capitalize; }

.timeline_event_tape {
  position: absolute;
  padding-left: 22px;
  height: 20px;
  font-size: 11px;
  color: #fff;
  opacity: 1; }
.timeline_event_tape > p {
  cursor: pointer;
  line-height: 22px; }
.timeline_event_tape.tape1 {
  font-weight: 800;
  border: 1px solid #5ab0b5;
  background: #6fcad0 url(../img/i_timeline1.png) no-repeat 5px center; }
.timeline_event_tape.tape2 {
  border: 1px solid #9d9ea1;
  background: #bfbfbf url(../img/i_timeline2.png) no-repeat 5px center; }

.timeline_event_label {
  position: absolute;
  cursor: pointer;
  font-size: 11px;
  color: #fff; }

.timeline_lines {
  position: absolute;
  top: 0; }

.timeline-highlight {
  position: absolute;
  background-color: #fff;
  top: 2px;
  left: 52.5px;
  width: 210px;
  height: 128px;
  border: 1px solid #9abbd3; }

.timeline_band_tooltip {
  position: absolute;
  left: 0;
  /* *left: -1px; */
  top: 23px;
  width: 290px;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #cecece;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.timeline_band_tooltip .timeline_tooltip_tit {
  margin: -1px 0 0 -1px;
  padding: 7px 15px 0;
  width: 260px;
  height: 48px;
  line-height: 19px;
  background: #4c93c4;
  border: 1px solid #3d83b4; }
.timeline_band_tooltip .timeline_tooltip_tit span {
  display: block;
  padding: 0  5px 0 22px;
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.tape1 .timeline_tooltip_tit span {
  background: url(../img/i_timeline1.png) no-repeat 0 4px; }

.tape2 .timeline_tooltip_tit span {
  background: url(../img/i_timeline2.png) no-repeat 0 4px; }

.timeline_band_tooltip .timeline_tooltip_tit strong {
  font-size: 14px;
  font-weight: 800; }
.timeline_band_tooltip .date {
  display: block;
  padding: 0 15px;
  height: 28px;
  font: 10px/28px verdana;
  color: #555;
  border-bottom: 1px solid #ddd; }
.timeline_band_tooltip .timeline_tooltip_cont p {
  padding: 7px 15px;
  line-height: 16px;
  color: #555; }
.timeline_band_tooltip .btn {
  padding-top: 4px;
  height: 36px;
  text-align: center;
  background-color: #f4f5f6;
  border-top: 1px solid #ddd; }
.timeline_band_tooltip .btn a {
  display: inline-block;
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  background: #fff;
  border: 1px solid;
  border-color: #d3d3d3 #b1b1b1 #b1b1b1 #d3d3d3; }
.timeline_band_tooltip .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  background: url(../img/i_close.png) no-repeat center center; }
.timeline_band_tooltip .arrow {
  position: absolute;
  top: -4px;
  left: 15px;
  display: block;
  width: 5px;
  height: 5px;
  background: url(../img/i_timeline_arrow.png) no-repeat 0 0; }

.timeline_band0 .timeline_lines {
  width: 35px;
  height: 100%;
  background: #f5f5ef; }

.timeline_band1 .timeline_bg {
  background-color: #eee; }
.timeline_band1 .timeline_lines {
  width: 1px;
  height: 100%;
  opacity: 0.25;
  border-width: 0 0 0 1px;
  border-color: #666;
  border-style: dotted; }
.timeline_band1 .timeline_event_tape {
  overflow: hidden;
  height: 15px;
  line-height: 15px;
  text-indent: -9999px;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.timeline_lines:nth-child(1), .timeline_date_label:nth-child(1) {
  left: 0; }

/*70*/
.timeline_lines:nth-child(2), .timeline_date_label:nth-child(2) {
  left: 70px; }

.timeline_lines:nth-child(3), .timeline_date_label:nth-child(3) {
  left: 140px; }

.timeline_lines:nth-child(4), .timeline_date_label:nth-child(4) {
  left: 210px; }

.timeline_lines:nth-child(5), .timeline_date_label:nth-child(5) {
  left: 280px; }

.timeline_lines:nth-child(6), .timeline_date_label:nth-child(6) {
  left: 350px; }

.timeline_lines:nth-child(7), .timeline_date_label:nth-child(7) {
  left: 420px; }

.timeline_lines:nth-child(8), .timeline_date_label:nth-child(8) {
  left: 490px; }

.timeline_lines:nth-child(9), .timeline_date_label:nth-child(9) {
  left: 560px; }

.timeline_lines:nth-child(10), .timeline_date_label:nth-child(10) {
  left: 630px; }

.timeline_lines:nth-child(11), .timeline_date_label:nth-child(11) {
  left: 700px; }

.timeline_lines:nth-child(12), .timeline_date_label:nth-child(12) {
  left: 770px; }

.timeline_lines:nth-child(13), .timeline_date_label:nth-child(13) {
  left: 840px; }

.timeline_lines:nth-child(14), .timeline_date_label:nth-child(14) {
  left: 910px; }

.timeline_lines:nth-child(15), .timeline_date_label:nth-child(15) {
  left: 980px; }

.timeline_lines:nth-child(16), .timeline_date_label:nth-child(16) {
  left: 1050px; }

.timeline_lines:nth-child(17), .timeline_date_label:nth-child(17) {
  left: 1120px; }

.timeline_lines:nth-child(18), .timeline_date_label:nth-child(18) {
  left: 1190px; }

.timeline_lines:nth-child(19), .timeline_date_label:nth-child(19) {
  left: 1260px; }

.timeline_lines:nth-child(20), .timeline_date_label:nth-child(20) {
  left: 1330px; }

.timeline_lines:nth-child(21), .timeline_date_label:nth-child(21) {
  left: 1400px; }

.timeline_lines:nth-child(22), .timeline_date_label:nth-child(22) {
  left: 1470px; }

.timeline_lines:nth-child(23), .timeline_date_label:nth-child(23) {
  left: 1540px; }

.timeline_band1 .timeline_lines:nth-child(1), .timeline_band1 .timeline_date_label:nth-child(1) {
  left: 52.5px; }
.timeline_band1 .timeline_lines:nth-child(2), .timeline_band1 .timeline_date_label:nth-child(2) {
  left: 157.5px; }
.timeline_band1 .timeline_lines:nth-child(3), .timeline_band1 .timeline_date_label:nth-child(3) {
  left: 262.5px; }
.timeline_band1 .timeline_lines:nth-child(4), .timeline_band1 .timeline_date_label:nth-child(4) {
  left: 367.5px; }
.timeline_band1 .timeline_lines:nth-child(5), .timeline_band1 .timeline_date_label:nth-child(5) {
  left: 472.5px; }
.timeline_band1 .timeline_lines:nth-child(6), .timeline_band1 .timeline_date_label:nth-child(6) {
  left: 577.5px; }
.timeline_band1 .timeline_lines:nth-child(7), .timeline_band1 .timeline_date_label:nth-child(7) {
  left: 682.5px; }
.timeline_band1 .timeline_lines:nth-child(8), .timeline_band1 .timeline_date_label:nth-child(8) {
  left: 787.5px; }
.timeline_band1 .timeline_lines:nth-child(9), .timeline_band1 .timeline_date_label:nth-child(9) {
  left: 892.5px; }
.timeline_band1 .timeline_lines:nth-child(10), .timeline_band1 .timeline_date_label:nth-child(10) {
  left: 997.5px; }
.timeline_band1 .timeline_lines:nth-child(11), .timeline_band1 .timeline_date_label:nth-child(11) {
  left: 1102.5px; }
.timeline_band1 .timeline_lines:nth-child(12), .timeline_band1 .timeline_date_label:nth-child(12) {
  left: 1207.5px; }
.timeline_band1 .timeline_lines:nth-child(13), .timeline_band1 .timeline_date_label:nth-child(13) {
  left: 1312.5px; }

/* temp */
.user_list {
  position: relative; }
.user_list .list2 {
  margin-top: 10px;
  padding: 0;
  border-top: 2px solid #284565; }
.user_list .list2 .bt {
  clear: both;
  text-align: right;
  position: relative;
  top: auto;
  right: auto;
  margin: 0; }
.user_list .list2 .list_wrap {
  width: auto; }
.user_list li {
  position: relative;
  margin: 0;
  padding: 8px 0 8px 77px;
  border-bottom: 1px solid #ECECEC;
  /* *zoom: 1; */
  vertical-align: top; }
.user_list li:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
  line-height: 0;
  font-size: 0; }
.user_list li:hover {
  background-color: #f8f8f8; }
.user_list .list_wrap {
  float: left;
  width: 80%;
  display: table;
  min-height: 60px; }
.user_list .num {
  color: #717171; }
.user_list .num span {
  color: #717171; }

.list_num {
  float: left;
  width: 30px;
  line-height: 55px;
  text-align: center; }

.list_wrap dl.detail dd {
  color: #545454; }
.list_wrap dl.detail dt, .list_wrap dl.detail dd {
  font-size: 11px;
  display: inline-block;
  /* *display: inline;
   *zoom: 1; */ }

.user_list .feed_txt {
  min-height: 0;
  margin: 4px 0 10px;
  padding: 0;
  line-height: 16px; }
.user_list .tag {
  display: inline-block;
  margin-right: 3px;
  padding: 0 5px;
  font-size: 11px;
  line-height: 1.6;
  border: 1px solid; }
.user_list .tag.closed {
  background: #eee;
  border-color: #d1d1d1; }
.user_list .tag.open {
  color: #87b6f4;
  border-color: #aecaee; }
.user_list .fri_bt {
  /* position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 110px; */ }
.user_list .fri_bt p {
  display: inline-block; }
.user_list .fri_bt span {
  vertical-align: middle; }
.user_list .fri_bt i, .user_list .fri_bt .follow_cancel {
  display: inline-block;
  /* *display: block;
  *float: left;
  *margin-right: 3px; */
  vertical-align: middle;
  text-indent: -9999px;
  width: 17px;
  height: 17px;
  background: url(../img/i_file.png) no-repeat -36px 0; }
.user_list .fri_bt .follow_cancel {
  cursor: pointer; }
.user_list .fri_bt .add {
  cursor: pointer; }
.user_list .fri_bt .add i {
  background-position: -36px -36px; }
.user_list .fri_bt .add:hover {
  color: #1d90d2; }
.user_list .fri_bt .ok {
  color: #a2a2a2; }
.user_list .fri_bt .ok i {
  background-position: -36px -54px; }
.user_list .fri_bt .ok span {
  display: inline-block; }
.user_list .bt {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  min-width: 90px; }

/* temp */
.user_serarch_wrap {
  position: relative;
  /* .thumbnail2 {
  	margin-top: 5px;
  } */ }
.user_serarch_wrap img {
  margin: 0 !important; }
.user_serarch_wrap > input {
  width: 160px !important; }
.user_serarch_wrap .connetName {
  width: 168px; }

.user_search_result .board {
  margin-top: 6px;
  width: 90%; }
.user_search_result .board .col1 {
  width: 30%; }
.user_search_result .board .col2 {
  width: 20%; }
.user_search_result .board .col3 {
  width: 50%; }
.user_search_result table thead th {
  padding: 3px 0;
  text-align: center;
  color: #fff;
  border: 1px solid #8F979C;
  border-bottom: 1px solid #8F979C;
  background: #9BA2A7; }
.user_search_result table tbody td {
  padding: 5px 0;
  text-align: center;
  border: 1px solid #d4d4d4;
  border-top: 0; }
.user_search_result table tbody tr:hover td {
  background: #f8f8f8; }
.user_search_result table tbody td a {
  display: block; }
.user_search_result table tbody td a:hover {
  text-decoration: underline; }

/* .userSearchUI {
  *font-size: 0;
  *line-height: 0; } */

.connetName {
  position: absolute;
  top: 26px;
  left: 0;
  z-index: 100;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: -1px;
  width: 100%;
  height: auto;
  background: #fff url(../img/null.gif) repeat 0 0;
  -webkit-box-shadow: 0 2px 4px #D1D1D1;
  -moz-box-shadow: 0 2px 4px #D1D1D1;
  box-shadow: 0 2px 4px #D1D1D1;
  min-width: 200px;
  min-height: 100px;
  text-align: left;
  border: 1px solid #777; }
.connetName li {
  font-size: 12px;
  line-height: 18px; }
.connetName li span {
  display: inline-block;
  /* *display: inline;
  *zoom: 1; */
  vertical-align: middle; }
.connetName li .cnRow {
  padding: 1px 7px;
  white-space: nowrap; }
.connetName li .photo {
  overflow: hidden;
  margin-right: 5px;
  width: 16px;
  height: 16px; }
.connetName li .photo img {
  width: 16px; }
.connetName li .name strong {
  padding: 0 2px;
  background-color: #FAF37B; }
.connetName li .userRole {
  color: #999; }
.connetName .cnRow:hover {
  background: #f8f8f8;
  cursor: pointer; }
.connetName .cnRow:hover .name {
  color: #4C93C4; }
.connetName li.selected .cnRow {
  background: #D5F8FD; }
.connetName li.selected .name {
  color: inherit; }
.connetName li.selected .name strong {
  background: none; }

/* temp */
.i2viewer_wrap {
  position: absolute;
  display: table;
  width: 100%;
  border-top: 1px solid #dddddd;
  background: #f8f8f8;
  table-layout: fixed;
  height: auto !important;
  bottom: 0; }
.i2viewer_wrap .i2view {
  display: table-cell;
  border-right: 1px solid #dddddd;
  text-indent: -99999px; }
.i2viewer_wrap .i2view a {
  display: block;
  letter-spacing: -1px;
  text-align: center;
  line-height: 20px; }
.i2viewer_wrap .i2view:last-child {
  border-right: none; }
.i2viewer_wrap .view {
  background: url(../img/ico_zoom.png) no-repeat 50%; }
.i2viewer_wrap .down {
  background: url(../img/ico_down.png) no-repeat 50%; }

.i2viewer_b {
  border: 1px solid #d3d3d3; }

.viewer_relation {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin: -258px 0 0 -385px;
  padding: 0;
  width: 750px; }
.viewer_relation h3 {
  margin: 0;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #c44c91;
  border: 1px solid #aa407d;
  border-top: none; }
.viewer_relation .submitclose {
  display: block;
  padding: 10px 20px 10px 10px; }

/* temp */
.vision_t {
  margin-top: 25px; }

.vision_plan {
  position: relative;
  margin-top: 40px;
  padding-top: 37px; }
.vision_plan h4 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: none; }
.vision_plan table {
  table-layout: fixed; }
.vision_plan table thead th {
  background: #4bbdc4;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  text-transform: capitalize; }
.vision_plan table thead th.last {
  border-right: 0; }
.vision_plan table thead th p {
  padding-top: 20px;
  height: 60px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #259da4; }
.vision_plan table tbody th p {
  line-height: 50px;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  border: 1px solid #3174a2;
  border-right: 0;
  background: #418cc1; }
.vision_plan table tbody th p a {
  color: #fff; }
.vision_plan table tbody th.last p {
  border-right: 1px solid #3174a2; }
.vision_plan table tbody td {
  text-align: center;
  border-left: 2px solid #4bbdc4;
  border-bottom: 1px solid #e3e3e3; }
.vision_plan table tbody td.delay {
  border-left-color: #f06e6c; }
.vision_plan table tbody td.last p, .vision_plan table tbody td.last .progress_box {
  border-right: 1px solid #e3e3e3; }
.vision_plan table tbody td p {
  height: 43px;
  line-height: 43px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
.vision_plan .count td {
  border: 0; }
.vision_plan .count td ul {
  overflow: hidden;
  background: #f3f3f3;
  border: 1px solid #caced1;
  border-right: 0; }
.vision_plan .count td.last ul {
  border-right: 1px solid #caced1; }
.vision_plan .count td ul li {
  float: left;
  margin-left: -1px;
  width: 33%;
  line-height: 29px;
  font-size: 11px;
  text-align: center;
  border-left: 1px solid #e5e5e5; }
.vision_plan .progress_box {
  height: 25px;
  background: #fafafa;
  border-top: 1px dotted #ececec; }
.vision_plan .progress_box .progress_bar {
  width: 70%;
  margin-top: 7px; }
.vision_plan .progress_box .progress {
  margin-top: 6px;
  height: 1px;
  border: 0; }
.vision_plan .progress_box .bar {
  top: 0;
  height: 1px; }
.vision_plan .progress_box .rate {
  font-family: dotum; }
.vision_plan table tbody td.last div.empty {
  display: block;
  border-right: 1px solid #e3e3e3;
  height: 69px; }