@charset "utf-8";

@import url('font.css');

/************************************************************************************* 
   시스템  CSS 추가 영역
 **************************************************************************************/

/* realgrid2 Color Change_2021 */
/* .rg-focus { // 250610 realgrid에서 적용됨. 삭제_mj
  border: 2px solid rgba(96, 96, 96, 1);
} */

.rg-focus-line {
  border: 2px solid rgba(96, 96, 96, 1);
  width: 2px;
  height: 2px;
}

.rg-focus-editing {
  border: 2px solid var(--ls_primary_blue);
}

.rg-selection-cell {
  background: #e5166a !important;
  color: inherit;
}

.rg-selection {
  background: rgba(242, 110, 147, 0.25) !important;
  border: 1px solid rgba(242, 110, 147, 0.6);
}

.rg-editor-container {
  border: 2px solid #f26e93
}

.rg-header .rg-table tr td:hover {
  background: #eaeaea;
}

.rg-header-focus {
  background: #eaeaea;
}

.rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
  background-color: #eaeaea;
}

/* .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-focus { // 250610 realgrid 중복_삭제_mj
  background-color: #eaeaea;
} 

.rg-body .rg-table tr td:hover,
.rg-fixed-body .rg-table tr td:hover {
  background: #eaeaea;
}

.rg-dropdown-item:hover {
  background: #eaeaea;
}*/


/* UI GNB Reform 2021 */
body {
  position: relative;
}

/* 전체메뉴의 위치설정을 위해 추가됨 */
.layout-header {
  background: #3a3a3a;
}

.gnbArea {
  border-bottom: 1px solid #3a3a3a;
  background-color: #3a3a3a;
}

.topLogo .logo {
  top: 7px
}

.topConArea .mbInfo .search-wrap {
  height: 26px;
}

.topConArea .mbInfo .search-wrap .search-type {
  display: block;
  height: 26px;
  border-radius: 13px;
  /*border:1px solid #5a5a5a; background-color:unset */
  background-color: #838383;
}

.topConArea .mbInfo .search-wrap .search-type input {
  color: #efefef;
}

.topConArea .mbInfo .search-wrap .search-type input::placeholder {
  color: #efefef;
  font-style: normal;
}

.topConArea .mbInfo .search-wrap .search-type input::-webkit-input-placeholder {
  color: #efefef;
  font-style: normal;
}

/* 크롬 구버전 */
.topConArea .mbInfo .search-wrap .search-type input:-ms-input-placeholder {
  color: #efefef;
  font-style: normal;
}

/* IE적용 */
.topConArea .mbInfo .search-wrap .search-type select {
  height: 100%;
  color: #efefef;
  background: url(../images/ico/ico-select-white.png) no-repeat right center
}

.topConArea .mbInfo .search-wrap .global-search {
  height: 26px;
  background-color: unset;
}

.topConArea .mbInfo .search-wrap .global-search::before {
  width: 30px;
  height: 26px;
  top: 0;
  right: 2px;
  background: url(../images/ico/ico_gnbSch.png) center no-repeat;
  background: url(../images/ico/ico_gnbSch_white.png) center no-repeat
}

/* .gnbArea .nav>li { // rap-web-style.css로 옮김 250609_mj
  position: relative
}

.gnbArea .nav .subNav {
  display: none;
  position: absolute;
  top: 40px;
  left: -5px;
  padding: 8px 15px 10px;
  border-radius: 0 0 6px 6px;
  background: #5a5a5a;
  z-index: 1200;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
  letter-spacing: -0.05em
}

.gnbArea .nav .subNav>li {
  display: block;
  padding: 0;
  font-family: var(--ls-basic-font-family);
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #f0f0f0;
  white-space: nowrap
}

.gnbArea .nav .subNav>li>a:hover {
  color: #ff1b6b;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.gnbArea .nav .subNav.on {
  display: block
} */


/***** site map *****/
/* .fullMn { // 임시 삭제 _mj
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  z-index: 100
}

.fullMn h1 {
  position: relative;
  height: 30px;
  border-bottom: 1px solid #e4e4e4;
  padding: 0 20px 0 15px;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  vertical-align: middle;
  cursor: default
}

.fullMn h1>.close {
  position: absolute;
  top: 7px;
  right: 20px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/ico/ico_closing.png) no-repeat 0 0;
  ;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.fullMn h1+div {
  /*height:calc(100% - 30px);
  border-bottom: 1px solid #d6d7d8;
  background: #f8f8f8;
  text-align: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1)
}

.fullMn h1+div>div {
  display: inline-block;
  height: 100%;
  padding: 18px 20px 20px 20px;
  border-right: 1px solid #e4e4e4;
  white-space: nowrap;
  vertical-align: top;
  text-align: left
}

.fullMn h1+div>div:last-child {
  border: none
}

.fullMn h1+ul {
  font-size: 13px;
  font-weight: 300;
  color: 666
}

.fullMn h2 {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  cursor: default
}

.fullMn h2+ul>li {
  line-height: 28px
}

.fullMn a:hover {
  color: #a50034;
  color: #c40452;
} */

.fullMn {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto; 
  z-index: 100;
  background: url(../images/sitemap_bg.jpg) no-repeat center center fixed;
  background-size: cover;
}


/* 기존 h1 스타일은 유지 */
.fullMn h1 {
  height: auto;
  text-align: right;
  margin-top: 10px;
}

/* 기존 h1 > .close 스타일은 유지 */
.fullMn h1 > .close {  
  color: white;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.fullMn h1 > .close::before{  
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 1px;
  background: white;
  transform: rotate(45deg) translate(0, -50%);  
}

.fullMn h1 > .close::after{  
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 1px;
  background: white;
  transform: rotate(-45deg) translate(0, -50%);  
  
}

.fullMn .fullMnNav {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
  padding: 10px 50px;
  gap: 35px;
}

.fullMn .fullMnNav > div {
  display: flex;
  flex-direction: column;
  min-width: 180px; 
  max-width: 250px;
  height: auto;
  padding: 18px 20px 20px 20px;
  white-space: normal; 
  vertical-align: top;
  text-align: left;
  color: var(--ls_primary_white);
  word-wrap: break-word;
  word-break: keep-all;
}

.fullMn .fullMnNav > div:last-child {
  border: none; 
}

.fullMn h1+ul {
  font-size: 13px;
  font-weight: 300;
  color: #666; 
}

.fullMn h2 {
  margin-bottom: 12px;
  font-size: var(--ls-title-size);
  font-weight: 700;
  cursor: default;
}

.fullMn h2+ul>li {
  line-height: 2;
  color: var(--ls_primary_white);
}

.fullMn .fullMnNav > div a{
  color: var(--ls_primary_white);
  font-size: inherit;
}

.fullMn a:hover {
  color: #fdcb4b;
}

/*.required-body, .required-body .ax5select-display-table, .required-body input, .required-body textarea, .required-body .required-target {background-color:#fff5f8!important}*/

h2.subtitle,
h3.subtitle {
  padding-left: 12px
}

h2.subtitle::before,
h3.subtitle::before {
  left: 4px
}

/* display */
.clearfix,
.clearfix::before,
.clearfix::after {
  clear: both;
  content: '';
  display: block
}

.fr {
  float: right
}

.fl {
  float: left
}

.inlineBlc {
  display: inline-block
}

.rltv {
  position: relative
}

.dpNone {
  display: none
}

/* button */


button[type="button"].red,
a.red {
  border-radius: 3px;
  /*background: linear-gradient(to bottom, #fff, #fff)*/
  background-color: var(--ls_primary_white);
  border: 1px solid var(--ls_primary_red);
  color: var(--ls_primary_red);
}

button[type="button"].red:hover,
a.red:hover {
  border: 1px solid var(--ls_primary_red);
  color: var(--ls_slide_bg_color);
  background: var(--ls_primary_red);
}

button[type="button"].white,
a.white,
div.white {
  border-radius: 4px;
  border-color: #9a9a9a
}

button[type="button"].white:hover,
a.white:hover {
  border: 1px solid #c40452
}

.tableBtnSearch button[type="submit"],
.tableBtnSearch button.reset {
  border-radius: 4px;
}

a.ico_spread,
button[type="button"][class~="ico_spread"] {
  padding-left: 28px;
  background-position: 8px -434px
}

a.ico_fold,
button[type="button"][class~="ico_fold"] {
  padding-left: 28px;
  background-position: 8px -460px
}

a.like .fa,
button[type="button"].like .fa {
  padding-right: 8px;
  color: #c40452;
  font-size: 15px;
  vertical-align: middle
}

a.like span,
button[type="button"].like span {
  padding-right: 5px;
}

button[type="button"].like span:last-child {
  padding-right: 0;
}

a.ico_down,
button[type="button"][class~="ico_download"] {
  padding-left: 30px;
  background-position: 8px -57px;
}

a.ico_down:hover,
button[type="button"][class~="ico_download"]:hover {
  padding-left: 30px;
  background-position: 8px -57px;
}

button[type="button"]>i.fa {
  font-size: 16px
}

/* disabled */
.tableBtnSearch button[type="submit"]:disabled,
.tableBtnSearch button[type="submit"].disabled {
  background-color: var(--ls_primary_blue) !important;
  color: #fff !important;
  pointer-events: none;
  opacity: 0.2
}

.disabled,
.disabled input,
:disabled,
button[type="button"]:disabled:hover {
  color: inherit !important;
}

input:disabled,
:disabled,
button[type="button"]:disabled,
.disabled {
  color: inherit !important;
  pointer-events: none;
  /* opacity: 0.5 250617 삭제_mj*/
  opacity: 0.65
}

input:disabled+label,
.disabled+label {
  opacity: 0.5
}

/* */
.errorCode {
  position: relative;
  top: unset;
  margin: 50px auto 20px;
  width: 50%;
  padding: 90px 0 0
}

.errorCode::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 102px;
  height: 90px;
  margin: 0;
  background: url('../images/img_error_common2.png') no-repeat
}

.errorCode>ul {
  margin: 30px 0 90px;
  padding-top: 20px
}

.errorCode>ul>li:first-child {
  font-size: 26px;
  color: #333
}

.errorCode>ul>li {
  color: #808080;
  font-size: 16px
}

div[id$="_lateInfo"] li {
  padding-right: 10px;
  font-size: 12px;
  color: #666
}

/* td inside button with etc */
td .clearfix .buttonArea {
  margin-left: 4px;
  margin-bottom: 0
}

td button[type="button"] {
  border-radius: 4px !important
}

.buttonArea img {
  padding-bottom: 0
}

/* tabs inside tabs */
.tabArea ul.tab a {
  cursor: pointer
}

.tabInTabArea {
  position: relative;
  height: 32px;
  margin-bottom: 5px;
  background: #fff
}

.tabInTabArea::after,
.tabInTabArea::before {
  clear: both;
  content: '';
  display: block
}

.tabInTabArea ul {
  height: 32px;
  margin-bottom: -2px
}

.tabInTabArea ul li {
  float: left;
  height: 100%;
}

.tabInTabArea ul li>a {
  height: 100%;
  padding: 0 20px;
  font-family: var(--ls-basic-font-family);
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 32px;
  cursor: pointer
}

.tabInTabArea ul li>a:hover {
  color: #a50034;
  color: #c40452;
}

.tabInTabArea ul li>a.on {
  border-bottom: 2px solid #c40452;
  color: #a50034;
  color: #c40452;
  cursor: default
}

.tabInTabArea .buttonArea {
  position: absolute;
  right: 5px;
  top: 3px;
  margin-bottom: 0
}

/* tabArea */
.tabArea {
  border-bottom: 1px solid #808080
}

.tabArea ul.tab li a {
  border-radius: 2px 2px 0 0;
  font-family: var(--ls-basic-font-family);
}

.tabArea ul.tab li a.selected {
  border: 1px solid #808080;
  border-bottom: 1px solid #fff;
  font-family: var(--ls-basic-font-family);
  font-weight: 700;
}

/* tabArea inside buttonArea */
.tabArea .buttonArea {
  position: absolute;
  right: 5px;
  top: 3px;
  margin-bottom: 0
}

/*************************************************************************************

    Accordion

 ************************************************************************************* */


/* panel-group Collapse inside buttonArea */
dl.panel-group {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .05)
}

.panel-group dt[data-toggle="collapse"] {

  margin: 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px 2px 0 0;
  background-color: var(--ls_gnbArea_subNav_bg_color);

}

.panel-group dt[data-toggle="collapse"]>a {

  position: relative;

  display: block;

  font-size: var(--ls-title-size);

  color: #333;

  padding: 8px 10px 7px;

}

.panel-group dt[data-toggle="collapse"]>a .number {
  display: none
}

.panel-group dt[data-toggle="collapse"]>a .number {

  position: absolute;

  top: 50%;


  left: 5px;

  margin-top: -12px;

  width: 23px;

  height: 23px;

  background-color: #bc1137;

  border-radius: 50%;

  color: #fff;

  text-align: center;

  line-height: 25px;

  letter-spacing: -1.3px;

  font-size: 14px;

}

.panel-group dt[data-toggle="collapse"]>a>span {
  margin-left: 25px;
  font-size: 14px;
  position: relative;
}

.panel-group dt[data-toggle="collapse"]>a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%; 
  left: 10px; 
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../../resource/images/ico/angle-down-solid.svg) no-repeat;
  box-sizing: content-box;
  transition: 0.3s all;
}

.panel-group dt[data-toggle="collapse"]>a.selected::after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
  background: url(../../../resource/images/ico/angle-down-solid.svg) no-repeat center center;
}

dl.panel-group+.buttonArea {
  position: absolute;
  right: 5px;
  top: 4px;
  margin-bottom: 0
}

dl.panel-group dd.panel-body {
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 2px 2px
}

/* ---------- HOME ---------- */
/* layout str */
.home_wrap {
  height: 100%;
   /* min-height: 724px;
 min-height: 864px; 250714 수정_mj*/
  letter-spacing: -0.025em;
  word-spacing: -0.1em;
  color: #363A3E
}

.home_wrap .contents {
  height: 100%;
  /* padding: 5px 0 5px; 250616 삭제_mj*/
   /*padding: 0 0 5px;
 250616 수정_mj*/
 padding: 0;
  background: #fff;
}

.home_wrap .contents::before {
  clear: both;
  content: '';
  display: block
}

.home_wrap .contents::after {
  clear: both;
  content: '';
  display: block
}

.home_wrap .contents .col-30p {
  width: 30%;
  position: relative;
  height: 100%;
  min-height: 1px;
  float: left;
  padding-right: 10px
}

.home_wrap .contents .col-70p {
  width: 70%;
  position: relative;
  height: 100%;
  min-height: 1px;
  float: left;
  padding-right: 10px
}

.home_wrap .sch_with,
.home_wrap .bbs_anlsInfo,
.home_wrap .bbs_anlsStatus,
.home_wrap .bbs_chart,
.home_wrap .bbs_dvcRsvt,
.home_wrap .bbs_notice {
  min-height: 60px;
  position: relative;
  border: 1px solid #B3B7BA;
  border-radius: 4px;
  padding: 10px 10px;
  /*box-shadow:0 0 3px 3px rgba(0, 0, 0, .03);*/
}

.home_wrap .sch_with,
.home_wrap .bbs_anlsInfo {
  height: calc(20% - 10px);
  margin-bottom: 10px;
  min-height: 150px
}

.home_wrap .bbs_chart {
  height: calc(40% - 10px);
  margin-bottom: 10px;
  min-height: 310px;
  min-height: 330px
}

.home_wrap .bbs_dvcRsvt {
  height: calc(33% - 10px);
  margin-bottom: 10px;
  min-height: 200px;
  min-height: 270px;
}

.home_wrap .bbs_notice {
  height: 27%;
  min-height: 200px;
  min-height: 230px
}

.home_wrap .bbs_anlsStatus {
  height: 60%;
  min-height: 410px
}

/* 뷴석자 화면 */
.home_wrap .bbs_anlsStatus.rqst {
  height: 80%;
}

/* 의뢰자 화면 */
/* layout end */
.home_wrap .contents a:hover {
  color: #D7177B
}

/* .home_wrap .contents>div:last-child {250717 필요없음 삭제_mj
  padding: 0
} */

.mainBodyLeftWrapper .card-container h2,
.mainBodyRightWrapper .card-container h2
 {
  padding: 0 0 0 5px;
  font-family: var(--ls-basic-font-family);
  font-size: 16px;
  line-height: 26px;
  vertical-align: middle;
  white-space: nowrap
}

.home_wrap .contents h2 .sortBy {
  display: inline-block;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 300;
  color: #808080;
  line-height: 26px;
  vertical-align: middle
}

.home_wrap h2 button {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  border-radius: 3px;
  border: 1px solid #7e8284;
  background: #f4f6f8
}

.home_wrap h2 button:hover {
  border: 1px solid #363a3e;
  background: #fff
}

/* select & datePicker */
.home_wrap h2 .rdclrtSelect {
  display: inline-block;
  width: 180px;
  padding: 0 0 0 15px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: 300
}

.home_wrap h2 .rdclrtSelect .form-control {
  min-width: unset !important;
  min-width: initial !important;
  height: 20px;
  border: none;
  border-bottom: 1px solid #7e8284;
  box-shadow: none
}

.home_wrap h2 .rdclrtSelect .ax5select-display .ax5select-display-table [data-ax5select-display="label"] {
  padding: 0 4px 0 2px
}

.home_wrap h2 .rdclrtSelect .select-container {
  height: 20px !important
}

.home_wrap h2 .rdclrtPicker {
  display: inline-block;
  padding: 0 0 0 15px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: 300
}

.home_wrap h2 .rdclrtPicker div[data-ax5picker] {
  border: none !important;
  border-bottom: 1px solid #7e8284 !important;
  background-color: transparent !important;
  line-height: 20px
}

.home_wrap h2 .rdclrtPicker div[data-ax5picker] input {
  height: 20px !important;
  background-color: transparent;
  line-height: 20px
}

.home_wrap h2 .rdclrtSelect label {
  font-size: 13px;
  color: #64696D
}

.home_wrap .contents div[class^="bbs_"] ul {
  padding: 5px
}


/* 의뢰 프로세스 */
.rqstPrcs {
  padding: 30px;
  border: 1px solid #e7e7e7;
  background: #f5f5f5
}

.rqstPrcs::before,
.rqstPrcs::after {
  clear: both;
  content: '';
  display: block
}

.rqstPrcs>div[class^="stp_0"] {
  float: left;
  width: calc(33.3% - 62px);
  margin-right: 62px
}

.rqstPrcs>div[class^="stp_0"]:last-child {
  width: calc(33.3% - 31px);
  margin-right: 0
}

.rqstPrcs .stp_01>.tlt {
  background: #bea0c6
}

.rqstPrcs .stp_02>.tlt {
  background: #c7c464
}

.rqstPrcs .stp_03>.tlt {
  background: #9eb99d
}

.rqstPrcs .stp_01>.tlt::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: -60px;
  top: 0;
  margin: 0;
  border-width: 30px;
  border-style: solid;
  border-color: transparent #bea0c6 transparent transparent;
  transform: rotate(-180deg)
}

.rqstPrcs .stp_02>.tlt::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: -60px;
  top: 0;
  margin: 0;
  border-width: 30px;
  border-style: solid;
  border-color: transparent #c7c464 transparent transparent;
  transform: rotate(-180deg)
}

.rqstPrcs .stp_03>.tlt::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: -60px;
  top: 0;
  margin: 0;
  border-width: 30px;
  border-style: solid;
  border-color: transparent #9eb99d transparent transparent;
  transform: rotate(-180deg)
}

.rqstPrcs>div[class^="stp_"]>.tlt {
  position: relative;
  width: 100%;
  height: 61px;
  border-radius: 2px
}

.rqstPrcs>div[class^="stp_"]>.tlt>span {
  display: inline-block;
  height: 61px;
  padding-left: 20px;
  color: #303030;
  font-family: var(--ls-basic-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 61px;
  vertical-align: middle
}

.rqstPrcs .stp_01>.tlt::before {
  content: '';
  display: inline-block;
  width: 61px;
  height: 61px;
  border-radius: 2px;
  background: #b48bbd url(../images/sprites.png) no-repeat 0 0;
  vertical-align: middle
}

.rqstPrcs .stp_02>.tlt::before {
  content: '';
  display: inline-block;
  width: 61px;
  height: 61px;
  border-radius: 2px;
  background: #bab73e url(../images/sprites.png) no-repeat -61px 0;
  vertical-align: middle
}

.rqstPrcs .stp_03>.tlt::before {
  content: '';
  display: inline-block;
  width: 61px;
  height: 61px;
  border-radius: 2px;
  background: #8aae89 url(../images/sprites.png) no-repeat -122px 0;
  vertical-align: middle
}

.rqstPrcs ol.children {
  padding: 10px 10px 10px 48px
}

.rqstPrcs ol.children,
.rqstPrcs ol.children::before,
.rqstPrcsol ol.children::after {
  clear: both;
  content: '';
  display: block
}

.rqstPrcs ol.children li {
  height: 34px;
  margin-bottom: 2px;
  line-height: 34px;
  vertical-align: middle;
  white-space: nowrap
}

.rqstPrcs ol.children li::before {
  clear: both;
  content: '';
  display: block
}

.rqstPrcs ol.children li::after {
  clear: both;
  content: '';
  display: block
}

.rqstPrcs ol.children .num {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 20px;
  border-radius: 2px;
  color: #333;
  font-family: var(--ls-basic-font-family);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 28px
}

.rqstPrcs .stp_01 ol.children .num {
  background: #d4c2d9
}

.rqstPrcs .stp_02 ol.children .num {
  background: #d9d89d
}

.rqstPrcs .stp_03 ol.children .num {
  background: #cad8ca
}

.rqstPrcs .stp_01 ol.children .num::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -24px;
  margin: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #d4c2d9 transparent transparent transparent;
  transform: rotate(0deg)
}

.rqstPrcs .stp_02 ol.children .num::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -24px;
  margin: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #d9d89d transparent transparent transparent;
  transform: rotate(0deg)
}

.rqstPrcs .stp_03 ol.children .num::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -24px;
  margin: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #cad8ca transparent transparent transparent;
  transform: rotate(0deg)
}

.rqstPrcs ol.children>li>.prcs {
  float: left
}

.rqstPrcs ol.children>li>.add {
  float: right;
  text-align: right
}

.rqstPrcs ol.children .tlt {
  display: inline-block;
  padding-left: 10px;
  font-family: var(--ls-basic-font-family);
  font-size: 14px;
  font-weight: 700
}

.rqstPrcs ol.children>li>.add>span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  color: #888
}

.rqstPrcs span.ico_rqst {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background: url(../images/sprites.png) no-repeat -16px -61px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  vertical-align: middle
}

.rqstPrcs span.ico_anls {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background: url(../images/sprites.png) no-repeat 0 -61px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  vertical-align: middle
}

.rqstPrcsLgd {
  background: #e7e7e7;
  padding: 10px 30px;
  color: #606060;
  vertical-align: middle
}

.rqstPrcsLgd::before {
  clear: both;
  content: '';
  display: block
}

.rqstPrcsLgd::after {
  clear: both;
  content: '';
  display: block
}

.rqstPrcsLgd span {
  display: inline-block;
}

.rqstPrcsLgd span.ico_rqst,
.rqstPrcsLgd span.ico_anls {
  margin-right: 20px;
  line-height: 16px;
  vertical-align: middle
}

.rqstPrcsLgd span.ico_rqst::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/sprites.png) no-repeat -16px -61px;
  vertical-align: middle
}

.rqstPrcsLgd span.ico_anls::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/sprites.png) no-repeat 0 -61px;
  vertical-align: middle
}


/* search with str */
.home_wrap .sch_with {
  position: relative;
  /*background:#fff url(../images/home/home_schBg.png) no-repeat right 52%;*/
  background: url(../images/home/bg_motif1.png)no-repeat right -20px, url(../images/home/bg_motif2.png)no-repeat 71% 45px
}

.home_wrap .sch {
  position: relative;
  top: 40%;
  width: 65%;
  margin-left: 8px;
  padding-bottom: 2px;
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #D7177B, #551D83, #70C0E6, #0087B5);
  border-image-slice: 1;
  transform: translateY(-40%)
}

.home_wrap .input-container input[type='text'] {
  height: 32px;
  padding: 0 0 0 2px !important;
  border: none;
  background: transparent;
  color: #363A3E;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.025em
}

.home_wrap .input-container input::placeholder {
  color: #cfd2d4;
  font-style: normal
}

.home_wrap input::-webkit-input-placeholder {
  color: #cfd2d4;
  font-style: normal
}

/* 크롬 구버전 */
.home_wrap input:-ms-input-placeholder {
  color: #cfd2d4;
  font-style: normal
}

/* IE적용 */
.home_wrap .sch button.ico {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  background: url(../images/sprites.png) no-repeat -50PX -77px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em
}

.home_wrap .sch .input-container {
  width: 68%;
  margin-left: 36px
}

.home_wrap .sch_with .required-body-white {
  background-color: transparent !important
}

.home_wrap .sch_with .dwnld_manual {
  position: absolute;
  right: 0;
  top: 10px;
  text-align: right;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer
}

.home_wrap .sch_with .dwnld_manual::before {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  content: '';
  border-radius: 15px;
  background: #3f4247 url(../images/sprites.png) no-repeat 0 -251px;
  vertical-align: middle
}

.home_wrap .sch_with .dwnld_manual:hover {}

.home_wrap .sch_with .dwnld_manual:hover::before {
  background-color: #c40452
}

.home_wrap .sch .chkGroup {
  position: absolute;
  right: 0;
  top: 50%;
  vertical-align: middle;
  transform: translateY(-50%)
}

.home_wrap .sch .chkGroup .input-container {
  width: 100%;
  font-weight: 600
}

.sch_with .anlsTeamRec {
  position: absolute;
  /*height:80px; bottom:15px;*/
  bottom: 35px;
  right: 65px;
}

.sch_with .anlsTeamRec a {
  display: inline-block
}

.sch_with .anlsTeamRec p {
  display: inline-block;
  padding-right: 5px;
  color: #363A3E;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  vertical-align: middle;
  text-align: right
}

.sch_with .anlsTeamRec span {
  display: block;
  margin-bottom: 4px
}

.sch_with .anlsTeamRec a::after {
  display: inline-block;
  display: none;
  content: "";
  width: 80px;
  height: 80px;
  background: url(../images/home/ico_robotRed.png) no-repeat;
  vertical-align: middle
}

.sch_with .anlsTeamRec a:hover p {
  color: #0096AA;
  color: #CE007C;
  text-decoration: underline
}

.sch_with .anlsTeamRec button {
  display: inline-block;
  height: 36px;
  padding: 0 10px 0 18px;
  border-radius: 18px;
  font-size: 14px;
  color: #fff;
  background: #363A3E;
  vertical-align: middle
}

.sch_with .anlsTeamRec button::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/ico/ico_arrow_white.png) no-repeat;
  vertical-align: middle
}

.sch_with .anlsTeamRec button:hover {
  background: #0096AA;
  background: #CE007C
}

/* 분석 정보 */
.home_wrap .bbs_anlsInfo {
  position: relative;
  background: #fff url(../images/home/bg_motif3.png) no-repeat left -10px;
}

.home_wrap .bbs_anlsInfo h2+div {
  padding-top: 16px;
  padding-left: 12%
}

.home_wrap .bbs_anlsInfo h2 .teamName {
  display: inline-block;
  padding-left: 15px;
  font-size: 13px;
  font-weight: 300
}

.home_wrap .bbs_anlsInfo h2 .teamName::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-right: 2px;
  background: url(../images/home/ico_team.png) no-repeat;
  vertical-align: middle
}

.home_wrap .bbs_anlsInfo h2 .teamName em {
  color: #0096AA;
  color: #64696D
}

.home_wrap .bbs_anlsInfo ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 0 !important
}

.home_wrap .bbs_anlsInfo li {
  position: relative;
  flex-basis: 20%;
  width: 20%;
  flex-shrink: 0;
  white-space: nowrap
}

.home_wrap .bbs_anlsInfo li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  content: "";
}

.home_wrap .bbs_anlsInfo li:nth-child(1)::before {
  background: #fff url(../images/home/ico_anls01.png) no-repeat center
}

.home_wrap .bbs_anlsInfo li:nth-child(2)::before {
  background: #fff url(../images/home/ico_anls02.png) no-repeat center
}

.home_wrap .bbs_anlsInfo li:nth-child(3)::before {
  background: #fff url(../images/home/ico_anls03.png) no-repeat center
}

.home_wrap .bbs_anlsInfo li:nth-child(4)::before {
  background: #fff url(../images/home/ico_anls03.png) no-repeat center
}

.home_wrap .bbs_anlsInfo li:nth-child(5)::before {
  background: #fff url(../images/home/ico_anls04.png) no-repeat center
}

.home_wrap .bbs_anlsInfo li>div {
  position: absolute;
  left: 32px;
  top: 0;
  padding-left: 10px
}

.home_wrap .bbs_anlsInfo li .tit {
  color: #989c9f;
  font-weight: 400
}

.home_wrap .bbs_anlsInfo li .tit span {
  display: block;
  margin-bottom: 5px
}

.home_wrap .bbs_anlsInfo li .tit .name {
  color: #363A3E;
  font-size: 16px;
  font-weight: 700
}

.home_wrap .bbs_anlsInfo li .value {
  display: inline-block;
  height: 36px;
  margin-top: 5px;
  padding: 0 20px;
  border-radius: 18px;
  background: #0096AA;
  color: #fff;
  line-height: 36px;
  vertical-align: middle;
  cursor: pointer
}

.home_wrap .bbs_anlsInfo li .value span {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  vertical-align: middle
}

.home_wrap .bbs_anlsInfo li .value .num {
  padding-right: 4px;
  color: #fff;
  font-size: 22px;
  letter-spacing: -0.05em
}

.home_wrap .bbs_anlsInfo li .value:hover {
  background: #CE007C;
  background: #363A3E
}


/* realgrid top line color */
.home_wrap .contents .bbs_anlsStatus .tabUnder>div>div {
  border-top: 1px solid #707070 !important;
}

.home_wrap .contents .bbs_anlsStatus .nav+div>div>div {
  border-top: 1px solid #707070 !important;
}

.home_wrap .contents .bbs_dvcRsvt>div>div {
  border-top: 1px solid #707070 !important;
}


/* 의뢰현황 bbs_chart */
.home_wrap .bbs_chart .nav_chart {
  margin: 10px 0 5px 0;
  text-align: right
}

.home_wrap .bbs_chart .nav_chart button {
  display: inline-block;
  height: 26px;
  margin-right: -1px;
  padding: 0 8px;
  border: 1px solid #989C9F;
  border-radius: 0;
  background: #fff
}

.home_wrap .bbs_chart .nav_chart button:hover {
  background: #dde0e2
}

.home_wrap .bbs_chart .nav_chart button:first-child {
  border-radius: 13px 0 0 13px;
  padding-left: 12px;
}

.home_wrap .bbs_chart .nav_chart button:last-child {
  border-radius: 0 13px 13px 0;
  padding-right: 12px
}

.home_wrap .bbs_chart .nav_chart button.on {
  margin: 0;
  border-color: #D7177B;
  background: #D7177B;
  color: #fff
}

.home_wrap .bbs_chart .nav_chart button.on+button {
  border-left: none
}

.home_wrap .bbs_chart .nav_chart+div {
  width: 100%;
  height: calc(100% - 67px)
}

.home_wrap .bbs_chart.rqst .nav_chart {
  position: absolute;
  right: 10px;
  top: 0
}

.home_wrap .bbs_chart.rqst .nav_chart+div {
  width: 100%;
  height: calc(100% - 31px)
}

.home_wrap .bbs_chart .chartArea {
  position: relative;
  width: 100%;
  height: 100%
}

/*.home_wrap .bbs_chart .chartArea canvas {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}*/


/* table 임시 제어  str */
.home_wrap .contents .bbs_anlsStatus .tabUnder>table {
  position: absolute;
  top: 14px;
  right: 100px;
  width: auto
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table>colgroup {
  display: none
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table>colgroup>col[width="41%"]:nth-child(1) {
  width: 0 !important
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table>colgroup>col[width="9%"]:nth-child(2) {
  width: 0 !important
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table>colgroup>col[width="41%"]:nth-child(3) {
  width: 0 !important
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table tbody tr:first-child td:first-child[colspan="3"] {
  display: none;
  width: 0px !important
}

.home_wrap .contents .bbs_anlsStatus .tabUnder>table tbody tr:first-child td:last-child {
  width: 150px !important
}

/* table 임시 제어  end */
.home_wrap .contents .bbs_anlsStatus h2>i {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 6px;
  background: #8545a2;
  font-size: 16px;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  box-shadow: none !important
}

.home_wrap .contents .bbs_dvcRsvt h2>i {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 6px;
  background: #977546;
  font-size: 16px;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  box-shadow: none !important
}

.home_wrap .contents .bbs_notice h2>i {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 6px;
  background: #46a9a3;
  font-size: 16px;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  box-shadow: none !important
}

/* 분석진행현황 */
.home_wrap .bbs_anlsStatus h2+div {}

.home_wrap .bbs_anlsStatus h2+div::after {
  clear: both;
  content: "";
  display: block
}

.home_wrap .prcsStp {
  position: relative;
  width: calc(80% - 10px);
  float: left;
  padding: 10px;
  border: 1px solid #B3B7BA;
  border-radius: 4px;
  white-space: nowrap
}

.home_wrap .prcsStp.rqst {
  width: 100%
}

/* 의뢰자 화면 */
.home_wrap .prcsStp ul {
  padding: 10px 0 10px 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}

.home_wrap .prcsStp li {
  position: relative;
  padding-left: 10px;
  background: #fff;
  white-space: nowrap;
  z-index: 2
}

.home_wrap .prcsStp li::after {
  display: none;
  width: 14px;
  height: 50px;
  content: '';
  background: url(../images/sprites.png) no-repeat -360px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:last-child::after {
  display: none
}

.home_wrap .prcsStp li>div {
  display: inline-block;
  width: calc(100% - 24px);
  background: #fff;
}

.home_wrap .prcsStp li:last-child>div {}

.home_wrap .prcsStp li>div>p {
  display: inline-block;
  width: inherit;
  padding: 0 5px 0 5px;
  background: #fff;
  color: #7e8284;
  line-height: 1.8em;
  vertical-align: middle;
  cursor: pointer
}

.home_wrap .prcsStp li span {
  margin: 2px 0 0
}

.home_wrap .prcsStp li span.tlt {
  display: block;
  width: inherit;
  font-size: 16px;
  color: #363a3e;
  font-weight: 700;
  letter-spacing: -0.05em
}

.home_wrap .prcsStp li span.num {
  display: inline-block;
  padding-right: 4px;
  font-size: 24px;
  font-family: var(--ls-basic-font-family);
  font-weight: 700;
  color: #363a3e;
  vertical-align: bottom
}

.home_wrap .prcsStp li>div>p:hover .tlt {
  color: #CE007C
}

.home_wrap .prcsStp li:nth-child(1)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat 0 -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:nth-child(2)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat -50px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:nth-child(3)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat -100px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:nth-child(4)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat -150px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:nth-child(5)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat -200px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li:nth-child(6)>div::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  content: '';
  background: #CFD2D4 url(../images/sprites.png) no-repeat -250px -156px;
  vertical-align: middle
}

.home_wrap .prcsStp li.on>div::before {
  background-color: #c40452
}

.home_wrap .prcsStp li.on::before {
  position: absolute;
  width: 50px;
  height: 15px;
  content: '';
  top: 44px;
  left: 10px;
  background: url(../images/sprites.png) no-repeat 0 -206px
}

.home_wrap .prcsStp li.on span.tlt,
.home_wrap .prcsStp li.on span.num {
  color: #D7177B
}

.connecting-line {
  height: 1px;
  background: #CFD2D4;
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

/* 협조의뢰  */
.home_wrap .reqCprtn {
  float: right;
  position: relative;
  width: 20%;
  height: 92px;
  padding: 10px;
  border: 1px solid #B3B7BA;
  border-radius: 4px;
  white-space: nowrap;
  text-align: center
}

.home_wrap .reqCprtn::after {
  clear: both;
  content: "";
  display: block
}

.home_wrap .reqCprtn ul {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.home_wrap .reqCprtn li::before {
  display: inline-block;
  content: "";
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(../images/home/ico_people.png) no-repeat 50%;
  vertical-align: middle
}

.home_wrap .reqCprtn ul p {
  display: inline-block;
  padding-left: 8px;
  color: #7e8284;
  text-align: left;
  line-height: 1.8em;
  cursor: pointer;
  vertical-align: middle
}

.home_wrap .reqCprtn span {
  margin: 2px 0 0
}

.home_wrap .reqCprtn .tlt {
  display: block;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  color: #363A3E;
}

.home_wrap .reqCprtn .num {
  display: inline-block;
  padding-right: 4px;
  white-space: nowrap;
  font-family: var(--ls-basic-font-family);
  font-size: 24px;
  font-weight: 700;
  color: #B3B7BA;
  color: #363a3e;
  vertical-align: middle
}

.home_wrap .reqCprtn li.on::before {
  background: url(../images/home/ico_people_active.png) no-repeat 50%
}

.home_wrap .reqCprtn li.on .tlt {
  color: #D7177B
}

.home_wrap .reqCprtn li.on .num {
  color: #D7177B;
}

.home_wrap .reqCprtn ul p:hover .tlt {
  color: #CE007C
}

/* 분석 솔루션 문의 */
.solutionAsk {
  position: absolute;
  position: fixed;
  bottom: 22px;
  right: 10px;
  height: 52px;
  padding: 0 26px;
  border-radius: 26px;
  background: #0096AA;
  background-color: rgba(0, 150, 170, .9)
}

.solutionAsk:hover {
  background: #363a3e
}

.solutionAsk>div {
  line-height: 52px;
  vertical-align: middle
}

.solutionAsk span {
  display: inline-block;
  padding-right: 20px;
  font-family: var(--ls-basic-font-family);
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  cursor: pointer
}

.solutionAsk span::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  padding-right: 6px;
  background: url(../images/home/ico_heart.png) no-repeat center;
  vertical-align: middle
}

.solutionAsk .close {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url(../images/home/ico_close_white.png) no-repeat center;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.solutionAsk span:hover {
  color: #fff
}

@media screen and (max-height:890px) {
  .home_wrap .bbs_notice li {
    height: 28px;
    line-height: 28px
  }
}

@media screen and (min-width:2100px) {
  .home_wrap .bbs_chart .chartArea canvas {
    height: inherit !important
  }
}

/* 기기예약현황  */
.bbs_dvcRsvt li,
.bbs_notice li {
  height: 32px;
  line-height: 32px
}

.bbs_dvcRsvt span,
.bbs_notice span {
  display: inline-block;
  vertical-align: middle
}

.bbs_dvcRsvt span.tlt {
  width: calc(100% - 190px);
  padding-left: 26px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.bbs_dvcRsvt span.stts {
  width: 100px;
  text-align: center
}

.bbs_dvcRsvt span.date {
  width: 90px;
  text-align: center;
  color: #808080
}

/* 공지사항 */
.bbs_notice span.tlt {
  width: calc(100% - 90px);
  padding-left: 26px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.bbs_notice span.date {
  width: 90px;
  text-align: center;
  color: #808080
}

.bbs_dvcRsvt span.tlt,
.bbs_notice span.tlt {
  background: url(../images/sprites.png) no-repeat 0 -105px
}

.home_wrap .contents div[class^="bbs_"] .tool {
  position: absolute;
  right: 10px;
  top: 13px;
  text-align: right
}

.home_wrap .contents div[class^="bbs_"] .tool span {
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  color: #808080;
  line-height: 20px;
  vertical-align: middle
}

.home_wrap .contents div[class^="bbs_"] .tool span.reflash {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat 0 -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .contents div[class^="bbs_"] .tool span.more {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat -26px -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .contents h2>ul.tabWrap {
  padding: 0
}

.home_wrap .contents h2>ul.tabWrap::after,
ul.tabWrap::before {
  clear: both;
  content: '';
  display: block
}

.home_wrap .contents h2>ul.tabWrap {
  position: relative;
  height: 44px;
  margin-bottom: 5px;
  padding: 0;
  border-bottom: 1px solid #707070;
  background: #fff
}

.home_wrap .contents h2>ul.tabWrap>li {
  float: left;
  height: 44px;
  margin-bottom: -2px;
  font-family: var(--ls-basic-font-family);
  font-weight: 300;
  line-height: 44px;
}

.home_wrap .contents h2>ul.tabWrap>li::before {
  display: none !important
}

.home_wrap .contents h2>ul.tabWrap>li>a {
  display: block;
  height: 100%;
  padding: 0 20px;
  color: #909090;
  font-size: 17px;
  vertical-align: middle;
  line-height: 44px;
  cursor: pointer
}

.home_wrap .contents h2>ul.tabWrap>li>a:hover {
  color: #a50034;
  color: #c40452;
  color: #909090
}

.home_wrap .contents h2>ul.tabWrap>li.on>a {
  border-bottom: 3px solid #c40452;
  color: #a50034;
  color: #c40452;
  cursor: default
}

/************************************************************************************* 
   2021-12-26_CTO FAB
 **************************************************************************************/

.home_wrap .fab {
  position: relative
}

.home_wrap .fab i {
  font-style: normal
}

/* 상단 비주얼영역 & 검색 */
.home_wrap .fab .visual {
  height: 210px;
  background: url(../images/home/fab_visual01.png) no-repeat;
  background-size: cover
}

.home_wrap .fab .visual .sysInfo {
  padding: 30px 0 25px
}

.home_wrap .fab .visual .sysInfo .sysName {
  padding: 20px 0 20px;
  font-size: 72px
}

.home_wrap .fab .visual .sysInfo .sysInfo {
  padding: 20px 0 10px;
  font-size: 25px
}

.home_wrap .fab .visual .input-container input::placeholder {
  color: #c40452
}

.home_wrap .fab .visual .input-container input[type='text'] {
  color: #333
}

.home_wrap .fab .sch {
  width: calc(100% - 130px)
}

.home_wrap .fab .sch_with .sch+button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  padding: 0 25px;
  border-radius: 25px;
  background: #c40452;
  color: #fff;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
  cursor: pointer
}

.home_wrap .fab .sch_with .sch+button span::after {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  margin-left: 10px;
  background: url('../images/home/home_am_sprite.png') no-repeat 0 -66px;
  vertical-align: middle
}

.home_wrap .fab .sch_with .sch+button.detail_cls span::after {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  margin-left: 10px;
  background: url('../images/home/home_am_sprite.png') no-repeat -11px -66px;
  vertical-align: middle
}

/* 실험현황 의뢰현황 탭 */
.home_wrap .fab .contents h2 {
  position: relative
}

.home_wrap .fab .contents h2>ul.tabWrap>li>a {
  font-size: 18px
}

.home_wrap .fab .contents h2 .tool {
  position: absolute;
  right: 5px;
  top: 0;
  text-align: right
}

.home_wrap .fab .contents h2 .tool span {
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  color: #808080;
  line-height: 20px;
  vertical-align: middle
}

.home_wrap .fab .contents h2 .tool span.reflash {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat 0 -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .fab .contents h2 .tool span.more {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat -26px -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .fab .contents h2 .legend {
  position: absolute;
  right: 80px;
  top: 0;
  font-size: 13px;
  color: #808080;
  font-weight: normal;
  text-align: left
}

.home_wrap .fab .contents h2 .legend span {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle
}

.home_wrap .fab .contents h2 .legend .stts_done i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #ff4d88;
  vertical-align: middle
}

.home_wrap .fab .contents h2 .legend .stts_doing i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #29c3be;
  vertical-align: middle
}

.home_wrap .fab .contents h2 .legend .stts_initial i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #eaeaea;
  vertical-align: middle
}

.home_wrap .fab .exprmntStts {
  display: block
}

/* 실험현황 */
.home_wrap .fab .rqstStts {
  display: none
}

/* 의뢰현황  */
.home_wrap .fab .rqstStts ul.prcsStp {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  padding: 20px
}

.home_wrap .fab .rqstStts .prcsStp li>div {
  display: inline-block;
  width: calc(100% - 30px)
}

.home_wrap .fab .rqstStts .prcsStp li>div::before {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  content: '';
  background: #71757d url(../images/sprites.png) no-repeat;
  vertical-align: middle
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(1)>div::before {
  background-position: 0 -280px
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(2)>div::before {
  background-position: -60px -280px
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(3)>div::before {
  background-position: -120px -280px
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(4)>div::before {
  background-position: -180px -280px
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(5)>div::before {
  background-position: -240px -280px
}

.home_wrap .fab .rqstStts .prcsStp li:nth-child(6)>div::before {
  background-position: -300px -280px
}

.home_wrap .fab .rqstStts .prcsStp li.on>div::before {
  background-color: #c40452
}

.home_wrap .fab .rqstStts .prcsStp li.on::before {
  position: absolute;
  width: 60px;
  height: 15px;
  content: '';
  bottom: -9px;
  left: 0;
  background: url(../images/sprites.png) no-repeat 0 -340px
}


/************************************************************************************* 
   2021-09-01_첨단소재
 **************************************************************************************/
.tableInquiry.withSlider {
  padding-right: 13px
}

.sch_slider {
  /*width:100%;*/
  margin: 13px -13px -13px -13px;
  padding: 10px;
  background: #fff;
  text-align: center
}

.sch_slider::after {
  clear: both;
  content: '';
  display: block
}

.home_wrap .am {
  position: relative
}

.home_wrap .am i {
  font-style: normal
}

/* 상단 비주얼영역 & 검색 */
.home_wrap .am .visual {
  height: 210px;
  background: url(../images/home/am_visual01.jpg) no-repeat;
  background-size: cover
}

.home_wrap .am .visual .sysInfo {
  padding: 30px 0 25px
}

.home_wrap .am .visual .sysInfo .sysName {
  padding: 10px 0 5px
}

.home_wrap .am .visual .input-container input::placeholder {
  color: #c40452
}

.home_wrap .am .visual .input-container input[type='text'] {
  color: #333
}

.home_wrap .am .sch {
  width: calc(100% - 130px)
}

.home_wrap .am .sch_with .sch+button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  padding: 0 25px;
  border-radius: 25px;
  background: #c40452;
  color: #fff;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
  cursor: pointer
}

.home_wrap .am .sch_with .sch+button span::after {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  margin-left: 10px;
  background: url('../images/home/home_am_sprite.png') no-repeat 0 -66px;
  vertical-align: middle
}

.home_wrap .am .sch_with .sch+button.detail_cls span::after {
  display: inline-block;
  content: '';
  width: 11px;
  height: 10px;
  margin-left: 10px;
  background: url('../images/home/home_am_sprite.png') no-repeat -11px -66px;
  vertical-align: middle
}


/* 상세검색 */
.home_am_schDtl {
  display: none;
  position: absolute;
  top: 180px;
  left: 15%;
  right: 15%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  z-index: 99
}

.home_am_schDtl .tableInquiry {
  margin: 0;
  padding: 0
}

.home_am_schDtl .sch_slider {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  text-align: center
}

.home_am_schDtl .sch_slider::after {
  clear: both;
  content: '';
  display: block
}

.sch_slider>div {
  display: inline-block;
  margin: 0 20px;
  text-align: left;
  vertical-align: top
}

.sch_slider h3 {
  padding: 10px 0 5px;
  border-bottom: 1px solid #e5e5e5
}

.sch_slider h3 .tit {
  padding-left: 2px;
  float: left
}

.sch_slider h3 i {
  float: right;
  margin: 0 5px;
  color: #8a8a8a;
  font-size: 17px;
  cursor: pointer
}

.sch_slider h3::after {
  clear: both;
  content: '';
  display: block
}

.sch_slider ul {}

.sch_slider li {
  margin-bottom: 15px
}

.sliderHeader {
  position: relative;
  margin: 10px 0 5px 0
}

.sliderHeader::after {
  clear: both;
  content: '';
  display: block
}

.sliderHeader .amount {
  float: right
}

.sliderHeader .amount label {
  display: none
}

.sliderHeader .amount input {
  margin-right: 26px;
  border: none;
  color: #8a8a8a;
  text-align: right
}

.sliderHeader .btn_del {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background: url('../images/home/home_am_ico_del.png') no-repeat center;
  font-size: 0;
  line-height: 0;
  text-indent: 100%;
  overflow: hidden
}

.sch_slider .sliderRange.ui-widget-content {
  border: 1px solid #7f8182;
  border-bottom: 1px solid #a2a4a6;
  background: #bdbebf
}

.sch_slider .sliderRange.ui-slider-horizontal {
  height: 6px
}

.sch_slider .sliderRange.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 6px;
  border: none;
  border-top: 1px solid #a8024a;
  background: #e92177
}

.sch_slider .sliderRange .ui-state-default {
  border: none;
}

.sch_slider .sliderRange.ui-slider .ui-slider-handle {
  width: 11px;
  height: 14px;
  border: none;
  background: url('../images/home/home_am_ico_sliderHandle.png') no-repeat 0 0
}

.sch_slider .sliderRange.ui-slider .ui-state-hover,
.sch_slider .sliderRange .ui-state-focus {
  border: none;
  background: none;
  background: url('../images/home/home_am_ico_sliderHandle.png') no-repeat -22px 0
}

.sch_slider .sliderRange.ui-slider .ui-state-active {
  border: none;
  background: none;
  background: url('../images/home/home_am_ico_sliderHandle.png') no-repeat -11px 0
}

/* 실험현황 의뢰현황 탭 */
.home_wrap .am .contents h2 {
  position: relative
}

.home_wrap .am .contents h2>ul.tabWrap>li>a {
  font-size: 18px
}

.home_wrap .am .contents h2 .tool {
  position: absolute;
  right: 5px;
  top: 0;
  text-align: right
}

.home_wrap .am .contents h2 .tool span {
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  color: #808080;
  line-height: 20px;
  vertical-align: middle
}

.home_wrap .am .contents h2 .tool span.reflash {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat 0 -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .am .contents h2 .tool span.more {
  width: 26px;
  height: 20px;
  padding: 0;
  background: url(../images/sprites.png) no-repeat -26px -136px;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.home_wrap .am .contents h2 .legend {
  position: absolute;
  right: 80px;
  top: 0;
  font-size: 13px;
  color: #808080;
  font-weight: normal;
  text-align: left
}

.home_wrap .am .contents h2 .legend span {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle
}

.home_wrap .am .contents h2 .legend .stts_done i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #ff4d88;
  vertical-align: middle
}

.home_wrap .am .contents h2 .legend .stts_doing i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #29c3be;
  vertical-align: middle
}

.home_wrap .am .contents h2 .legend .stts_initial i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  background: #eaeaea;
  vertical-align: middle
}

.home_wrap .am .exprmntStts {
  display: block
}

/* 실험현황 */
.home_wrap .am .rqstStts {
  display: none
}

/* 의뢰현황  */
.home_wrap .am .rqstStts ul.prcsStp {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  padding: 20px
}

.home_wrap .am .rqstStts .prcsStp li>div {
  display: inline-block;
  width: calc(100% - 30px)
}

.home_wrap .am .rqstStts .prcsStp li>div::before {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  content: '';
  background: #71757d url(../images/sprites.png) no-repeat;
  vertical-align: middle
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(1)>div::before {
  background-position: 0 -280px
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(2)>div::before {
  background-position: -60px -280px
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(3)>div::before {
  background-position: -120px -280px
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(4)>div::before {
  background-position: -180px -280px
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(5)>div::before {
  background-position: -240px -280px
}

.home_wrap .am .rqstStts .prcsStp li:nth-child(6)>div::before {
  background-position: -300px -280px
}

.home_wrap .am .rqstStts .prcsStp li.on>div::before {
  background-color: #c40452
}

.home_wrap .am .rqstStts .prcsStp li.on::before {
  position: absolute;
  width: 60px;
  height: 15px;
  content: '';
  bottom: -9px;
  left: 0;
  background: url(../images/sprites.png) no-repeat 0 -340px
}

/* 실험현황 */
.home_wrap .am dl.panel-group {
  box-shadow: none
}

.home_wrap .am dl.panel-group>dt[data-toggle="collapse"] {
  margin-top: 10px;
  border: 1px solid #c5c8cd;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #6a6a6a;
  background: #6a6a6a
}

.home_wrap .am dl.panel-group dt[data-toggle="collapse"]>a {
  position: relative;
  color: #fff
}

.home_wrap .am dl.panel-group dt[data-toggle="collapse"]>a::after {
  left: unset;
  top: 13px;
  right: 10px;
  width: 14px;
  height: 7px;
  border: none;
  background: url('../images/home/home_am_ico_collapse.png') no-repeat 0 0;
  box-sizing: border-box
}

.home_wrap .am dl.panel-group dt[data-toggle="collapse"]>a.selected::after {
  margin-top: 0;
  transform: unset;
  border: none;
  background: url('../images/home/home_am_ico_collapse.png') no-repeat -14px 0;
  box-sizing: border-box
}

.home_wrap .am dl.panel-group dt[data-toggle="collapse"]>a>span {
  margin: 0;
  font-siae: 16px
}

.home_wrap .am dd.panel-body {
  margin-bottom: 10px;
  border-radius: 0 0 5px 5px
}

.exprmntStts {
  margin-top: 10px
}

.exprmntStts .tabMnArea {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap
}

.exprmntStts .tabMnArea>li {
  flex-basis: calc(25% - 10px);
  flex-shrink: 0;
  margin-right: 10px;
  padding: 10px 20px;
  overflow: hidden
}

.exprmntStts .tabMnArea>li:nth-child(1) {
  border: 1px solid #eae9e1;
  background: #fbf9ed
}

.exprmntStts .tabMnArea>li:nth-child(2) {
  border: 1px solid #dbe7e5;
  background: #e4f4f3
}

.exprmntStts .tabMnArea>li:nth-child(3) {
  border: 1px solid #e7e4ed;
  background: #f2eff8
}

.exprmntStts .tabMnArea>li:nth-child(4) {
  border: 1px solid #e3e9df;
  background: #eff6eb
}

.exprmntStts .tabMnArea>li:hover {}

.exprmntStts .tabMnArea>li.selected {
  border-color: #fff;
  background: #fff
}

.exprmntStts .tabMnArea>li:last-child {
  margin-right: 0
}

.exprmntStts .tabMnArea>li>.header {
  height: 48px;
  background: none;
  line-height: 48px
}

.exprmntStts .tabMnArea>li>.header::after {
  clear: both;
  content: '';
  display: block
}

.exprmntStts .tabMnArea>li>.header .tit {
  margin-right: 10px;
  font-size: 21px;
  font-weight: 700;
  vertical-align: middle
}

.exprmntStts .tabMnArea>li>.header .tit::before {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  content: '';
  vertical-align: middle
}

.exprmntStts .tabMnArea>li>.header .num {
  margin-right: 20px;
  font-size: 23px;
  font-weight: 700
}

.exprmntStts .tabMnArea>li>.header .num i {
  padding-left: 4px;
  font-size: 13px;
  ;
  font-weight: 300;
  color: #808080
}

.exprmntStts .tabMnArea>li>.header .rqst {
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url('../images/home/home_am_sprite.png') no-repeat -65px -48px;
  font-size: 0;
  line-height: 0;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer
}

.exprmntStts .tabMnArea>li>.header .rgst {
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url('../images/home/home_am_sprite.png') no-repeat 0 -48px;
  font-size: 0;
  line-height: 0;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer
}

.exprmntStts .tabMnArea>li>.header .more {
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url('../images/home/home_am_sprite.png') no-repeat -24px -48px;
  font-size: 0;
  line-height: 0;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer
}

.exprmntStts .tabMnArea>li:nth-child(1)>.header .tit::before {
  background: url('../images/home/home_am_sprite.png') no-repeat 0 0
}

.exprmntStts .tabMnArea>li:nth-child(2)>.header .tit::before {
  background: url('../images/home/home_am_sprite.png') no-repeat -48px 0
}

.exprmntStts .tabMnArea>li:nth-child(3)>.header .tit::before {
  background: url('../images/home/home_am_sprite.png') no-repeat -96px 0
}

.exprmntStts .tabMnArea>li:nth-child(4)>.header .tit::before {
  background: url('../images/home/home_am_sprite.png') no-repeat -144px 0
}

.exprmntStts .tabMnArea>li>.header+.list {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 148, 148, .3)
}

.exprmntStts .tabMnArea>li>.header+.list li {
  margin-bottom: 1px;
  padding: 0 5px;
  line-height: 24px;
  cursor: pointer
}

.exprmntStts .tabMnArea>li>.header+.list li::after {
  clear: both;
  content: '';
  display: block
}

.exprmntStts .tabMnArea>li:nth-child(1)>.header+.list li.selected {
  background: #f7e595
}

.exprmntStts .tabMnArea>li:nth-child(2)>.header+.list li.selected {
  background: #94e5e0
}

.exprmntStts .tabMnArea>li:nth-child(3)>.header+.list li.selected {
  background: #cdbbf1
}

.exprmntStts .tabMnArea>li:nth-child(4)>.header+.list li.selected {
  background: #b8e39f
}

.exprmntStts .tabMnArea>li:nth-child(1)>.header+.list li:hover {
  background: #94e5e0
}

.exprmntStts .tabMnArea>li:nth-child(1)>.header+.list li:hover {
  background: #f7e595
}

.exprmntStts .tabMnArea>li:nth-child(2)>.header+.list li:hover {
  background: #94e5e0
}

.exprmntStts .tabMnArea>li:nth-child(3)>.header+.list li:hover {
  background: #cdbbf1
}

.exprmntStts .tabMnArea>li:nth-child(4)>.header+.list li:hover {
  background: #b8e39f
}

.exprmntStts .tabMnArea>li>.header+.list li.selected .tit {
  font-weight: 700
}

.exprmntStts .tabMnArea>li>.header+.list .tit {
  float: left;
  width: 76%;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.exprmntStts .tabMnArea>li>.header+.list .tit::before {
  content: "-";
  padding-right: 7px
}

.exprmntStts .tabMnArea>li>.header+.list .pic {
  float: right;
  width: 22%;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.exprmntStts .tabMnArea>li>.header+.list .pic::before {
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-right: 5px;
  content: '';
  background: url('../images/home/home_am_sprite.png') no-repeat -48px -48px;
  vertical-align: middle
}

.exprmntStts .tabMnArea>li>.header+.list .pic i {
  padding-left: 4px;
  color: #808080
}

.exprmntStts .stts_done i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff4d88
}

.exprmntStts .stts_doing i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #29c3be
}

.exprmntStts .stts_initial i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #eaeaea
}

.exprmntStts li[class$="_grade"] {
  display: none
}

.exprmntStts li[class$="_grade"] h4 {
  margin-top: 15px;
  margin-bottom: 27px;
  padding-left: 5px;
  font-size: 16px;
  vertical-align: middle
}

.exprmntStts li[class$="_grade"] h4::before {
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 10px;
  content: '';
  background: #333;
  vertical-align: middle;
  line-height: 1.2em
}

.exprmntStts li[class$="_grade"] h4 span {
  vertical-align: middle
}

.exprmntStts li[class$="_grade"] .prcs li {
  background: #bdbdbe
}

.exprmntStts li.tabMn01_grade .prcs li {
  background: #f7e595
}

.exprmntStts li.tabMn02_grade .prcs li {
  background: #94e5e0
}

.exprmntStts li.tabMn03_grade .prcs li {
  background: #cdbbf1
}

.exprmntStts li.tabMn04_grade .prcs li {
  background: #b8e39f
}

.exprmntStts li[class$="_grade"] .prcs li.off {
  color: #808080;
  background: #dedede
}

.exprmntStts .prcs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap
}

.exprmntStts .prcs li {
  flex-basis: 280px;
  position: relative;
  height: 48px;
  ;
  margin: auto 0;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
  white-space: nowrap
}

.exprmntStts .prcs li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 48px;
  content: '';
  background: url('../images/home/home_am_prcsTab.png') no-repeat 0 center;
  vertical-align: middle
}

.exprmntStts .prcs li::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 48px;
  content: '';
  background: url('../images/home/home_am_prcsTab.png') no-repeat -14px center;
  vertical-align: middle
}

.exprmntStts .prcs li:first-child::before {
  display: none
}

/*.exprmntStts .prcs li:last-child::after {display:none}*/
.exprmntStts .prcs li span {
  display: inline-block;
  padding: 0 5px;
  ;
  vertical-align: middle
}

.exprmntStts .prcs li .tit {
  font-size: 17px;
  font-weight: 700
}

.exprmntStts .prcs li .date {
  color: rgba(51, 51, 51, .6)
}

.exprmntStts .prcs span[class^="stts_"] {
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  width: 280px;
  height: 12px
}

.exprmntStts .prcs .stts_done,
.exprmntStts .prcs .stts_doing {
  background: url('../images/home/home_am_line_donedoing.png') repeat-x
}

.exprmntStts .prcs .stts_initial {
  background: url('../images/home/home_am_line_initial.png') repeat-x
}

.exprmntStts .prcs .stts_done i {
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff4d88
}

.exprmntStts .prcs .stts_doing i {
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #29c3be
}

.exprmntStts .prcs .stts_initial i {
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #eaeaea
}


/* private fav */
.privateFav_wrap {
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  width: 490px;
  height: calc(100% - 50px);
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, .08);
  z-index: 99
}

.privateFav_wrap a:hover {
  color: #c40452
}

.privateFav_wrap>.heading {
  position: relative;
  height: 50px;
  padding: 12px 15px;
  background: #c40452;
  line-height: 26px;
  vertical-align: middle
}

.privateFav_wrap>.heading::after {
  clear: both;
  content: '';
  display: block
}

.privateFav_wrap>.heading::before {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  right: 38px;
  top: -16px;
  margin: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #c40452 transparent;
  transform: rotate(0deg);
  font-size: 0;
  line-height: 0;
  text-indent: -999em
}

.privateFav_wrap>.heading h2 {
  float: right;
  color: #fff;
  font-size: 16px
}

.privateFav_wrap>.heading button {
  float: left;
  color: rgba(255, 255, 255, .5);
  line-height: inherit
}

.privateFav_wrap>.heading button:hover {
  color: #fff
}

.privateFav_wrap>.contents {
  height: calc(100% - 50px);
  min-height: unset;
  padding: 0;
  margin: 0;
  border: 1px solid #b3b4b5;
  border-top: none;
  border-right: none
}

.privateFav_wrap>.contents::after {
  clear: both;
  content: '';
  display: block
}

.privateFav_wrap>.contents>.myLink {
  float: right;
  width: 50%;
  height: 100%;
  padding: 10px;
  background-color: #fff;
  /*background-color:rgba(255, 255, 255, .9)*/
}

.privateFav_wrap>.contents .favMn {}

.privateFav_wrap>.contents .favMn ul {
  padding: 0 0 10px
}

.privateFav_wrap>.contents .favMn ul::after {
  clear: both;
  content: '';
  display: block
}

.privateFav_wrap>.contents .favMn li {
  float: left;
  width: 50%;
  margin-top: 10px
}

.privateFav_wrap>.contents .favMn li:nth-child(1),
.privateFav_wrap>.contents .favMn li:nth-child(2) {
  margin-top: 0
}

.privateFav_wrap>.contents .favMn li a {
  display: block;
  padding: 5px 5px 0
}

.privateFav_wrap>.contents .favMn li a:hover {
  border-radius: 4px;
  color: #c40452;
  background: #e7e8e9
}

.privateFav_wrap>.contents .favMn li i {
  display: block;
  color: #c40452;
  font-size: 1.3em;
  text-align: center
}

.privateFav_wrap>.contents .favMn li a:hover i {
  color: #333
}

.privateFav_wrap>.contents .favMn li span {
  display: block;
  padding: 5px 0;
  font-family: var(--ls-basic-font-family);
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.05em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.privateFav_wrap .nD {
  padding: 10px 0;
  color: #999;
  text-align: center
}

.privateFav_wrap .nD i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  border-radius: 10px;
  color: #fff;
  background: #9c9e9f;
  line-height: 20px;
  text-align: center;
  vertical-align: middle
}

.privateFav_wrap>.contents h3 {
  padding: 10px 0 5px;
  border-bottom: 1px solid #e5e2e2;
  font-size: 13px
}

.privateFav_wrap>.contents>.addMn {
  float: left;
  width: 50%;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #b3b4b5;
  background-color: #f4f5f6;
  /*background-color:rgba(244, 245, 246, .9)*/
}

.privateFav_wrap>.contents .hstr {
  position: relative;
  padding: 10px 0
}

.privateFav_wrap>.contents .hstr ul {
  margin-top: 10px;
  padding: 0
}

.privateFav_wrap>.contents .hstr li {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  line-height: 16px
}

.privateFav_wrap>.contents .hstr li a,
.privateFav_wrap>.contents .favSys li a {
  display: unset;
  padding: 0;
  margin: 0
}

.privateFav_wrap>.contents .hstr li a:hover,
.privateFav_wrap>.contents .favSys li a:hover {
  background: none
}

.privateFav_wrap>.contents .hstr li i {
  display: inline-block;
  margin-right: 5px;
  color: #999;
  font-size: 13px;
  vertical-align: middle
}

.privateFav_wrap>.contents .hstr li span {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: var(--ls-basic-font-family);
  text-align: left;
  letter-spacing: 0;
  vertical-align: middle
}

.privateFav_wrap>.contents .favSys {
  position: relative;
  padding: 10px 0
}

.privateFav_wrap>.contents .favSys ul {
  margin-top: 10px
}

.privateFav_wrap>.contents .favSys li {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  line-height: 16px
}

.privateFav_wrap>.contents .favSys li i {
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/ico/ico_sysFav.png) no-repeat 0 0;
  vertical-align: middle
}

.privateFav_wrap>.contents .favSys li.on i {
  background: url(../images/ico/ico_sysFav.png) no-repeat -12px 0
}

.privateFav_wrap>.contents .favSys li span {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: var(--ls-basic-font-family);
  text-align: left;
  letter-spacing: 0;
  vertical-align: middle
}

.privateFav_wrap>.contents .more {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 20px;
  color: #999;
  line-height: 20px;
  vertical-align: middle
}

.privateFav_wrap>.contents .more:hover {
  color: #333
}

.privateFav_wrap>.contents .more::after {
  content: " > ";
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
}

.sysMap_wrap {
  display: none;
  position: absolute;
  right: 490px;
  top: 50px;
  width: 665px;
  height: calc(100% - 50px);
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, .03);
  background-color: rgba(255, 255, 255, .9);
  background-color: #fff;
  z-index: 99
}

.sysMap_wrap a:hover {
  color: #c40452
}

.sysMap_wrap>.heading {
  position: relative;
  height: 50px;
  padding: 12px 15px;
  background: #5a5a5a;
  line-height: 26px;
  vertical-align: middle
}

.sysMap_wrap>.heading h2 {
  float: left;
  margin-right: 20px;
  font-family: var(--ls-basic-font-family);
  color: #fff;
  font-size: 16px;
  font-weight: 300
}

.sysMap_wrap>.heading::after {
  clear: both;
  content: '';
  display: block
}

.sysMap_wrap>.heading .search-wrap {
  position: relative;
  float: left;
  height: 26px;
  font-size: 12px
}

.sysMap_wrap>.heading .search-wrap .search-type {
  display: block;
  height: 26px;
  padding-left: 8px;
  border-radius: 13px;
  background-color: #838383
}

.sysMap_wrap>.heading .search-wrap .search-type input {
  border: none;
  color: #bebebe;
  background: none
}

.sysMap_wrap>.heading .search-wrap .search-type input::placeholder {
  color: #bebebe;
  font-style: normal
}

.sysMap_wrap>.heading .search-wrap .search-type input::-webkit-input-placeholder {
  color: #bebebe;
  font-style: normal
}

/* 크롬 구버전 */
.sysMap_wrap>.heading .search-wrap .search-type input:-ms-input-placeholder {
  color: #bebebe;
  font-style: normal
}

/* IE적용 */
.sysMap_wrap>.heading .search-wrap .search-type select {
  height: 100%;
  border: none;
  color: #bebebe;
  background: url(../images/ico/ico-select-white.png) no-repeat right center
}

.sysMap_wrap>.heading .search-wrap .global-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 26px;
  border-radius: 50%;
  background-color: unset
}

.sysMap_wrap>.heading .search-wrap .global-search::before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 26px;
  top: 0;
  right: 2px;
  margin-left: 10px;
  background: url(../images/ico/ico_gnbSch.png) center no-repeat;
  background: url(../images/ico/ico_gnbSch_white.png) center no-repeat
}

.sysMap_wrap>.heading>.close {
  position: absolute;
  right: 15px;
  top: 17px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  background: url(../images/ico/ico_closing_white.png) no-repeat 0 0;
  ;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  cursor: pointer
}

.sysMap_wrap>.contents {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 50px);
  min-height: unset;
  padding: 0;
  margin: 0;
  border: 1px solid #b3b4b5;
  border-top: none;
  overflow-y: auto
}

.sysMap_wrap>.contents::after {
  clear: both;
  content: '';
  display: block
}

.sysMap_wrap>.contents>div {
  width: 33.3%;
  padding: 10px
}

.sysMap_wrap>.contents>div:nth-child(3),
.sysMap_wrap>.contents>div:nth-child(6),
,
.sysMap_wrap>.contents>div:nth-child(9) {
  clear: both;
  padding-right: 0
}

.sysMap_wrap>.contents>div>h3 {
  padding: 10px 0 5px;
  border-bottom: 1px solid #b3b4b5;
  font-size: 14px;
  line-height: 26px
}

.sysMap_wrap>.contents>div>ul {
  margin-top: 10px
}

.sysMap_wrap>.contents>div>ul>li {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 3px 0;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sysMap_wrap>.contents>div>ul>li i {
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/ico/ico_sysFav.png) no-repeat 0 0;
  vertical-align: middle
}

.sysMap_wrap>.contents>div>ul>li.on i {
  background: url(../images/ico/ico_sysFav.png) no-repeat -12px 0
}

/* pivot */
div.realpivot-setup {
  width: 840px
}

div.realpivot-setup .realpivot-setup-table {
  width: 800px
}

/* etc */
.buttonArea .select-container {
  text-align: left
}

.buttonArea .select-container {
  vertical-align: middle
}

.buttonArea label.label {
  display: inline-block;
  line-height: 26px;
  vertical-align: middle;
}

.A1 {
  display: inline-block;
  margin-left: 2px;
  padding: 0 1px;
  border: 1px solid #CC8DD9;
  border-radius: 3px;
  color: #CC8DD9;
  background: rgba(255, 255, 255, 0);
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.075em
}

.C1 {
  display: inline-block;
  margin-left: 2px;
  padding: 0 1px;
  border: 1px solid #5EC6C6;
  border-radius: 3px;
  color: #5EC6C6;
  background: rgba(255, 255, 255, 0);
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.075em
}