@charset "utf8";
.wrap {
	padding : 25px;
	margin: 0 auto;
	position: relative;
}

.contents {
	padding: 10px 20px 10px;
	margin: 0px;
}

.content-row {
	padding-bottom:25px;
	margin:0 -10px;
	overflow: hidden;
}

.content-col {
	display:block;
	float:left;
}

.portal .panel {
}

.portal .panel-heading {
	position: relative;
}

.portal .panel-heading .control-box{
	position: absolute;
	right: 0;
	top: 0;
}

.portal .panel-body {
	border-top: 2px solid #616161;
	padding-top: 0; height: 250px;
}

.cnt-status-info {
	position: absolute;
	bottom : 47px;
	left : 20px;
	display:block;
	float:left;
}

.cnt-status-box {
	display:block;
	float:right;
}

.cnt-status-box li{
	width: 140px;
	list-style-image:url(/images/portal/dot.png);
	padding-bottom: 7px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.cnt-status-item-value {
	padding-left:10px;
	padding-right:10px;
	float:right;
	text-decoration: none;
	font-weight: bold;
	color: #005bc2;
}

.cnt-status-item-value a {
	text-decoration: none;
	color: #005bc2;
}

.portal .panel-heading div.bbs_title {
    font-size: 1.1rem;
    color: #4f5254;
    text-decoration:none;
    line-height:120%;
    font-weight:bold;
    padding: 6px 10px 8px 0px;
    text-align:left;
    letter-spacing: -1px;
}

.bbs_tab{
	margin: 10px;
	height: 27px;
	border-bottom: 1px solid #cecece;
}
div.bbs_tab .tab_on {
	background-image: url(/images/portal/dsme/tab_on.png);
	background-repeat: no-repeat;
	/* background-size: cover; */
	width: 82px;
	height: 28px;
	line-height: 28px;
	text-align:center;
	text-valign:bottom;
	float:left;
	margin-top:0px;
  font-size:12px;
  color: #ffffff;
  text-decoration:none;
  font-weight:bold;

}
div.bbs_tab .tab_off {
	background-image: url('/images/portal/dsme/tab.png');
	background-repeat: no-repeat;
	/* background-size: cover; */
	width: 82px;
	height: 28px;
	line-height: 28px;
	text-align:center;
	text-valign:bottom;
	float:left;
	margin-top:0px;
  font-size:12px;
  color: #666666;
  text-decoration:none;
  font-weight:bold;
}

.srm-req-link-heading {
	border: 1px solid #efefef;
	position: relative;
	background-image:url(/images/portal/pattern_bg.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

.portal .srm-req-link-heading {
	background: #fff;
	background-clip: border-box;
	border: 1px solid #dedede;
	border-radius: .25rem;
	box-shadow: 0px 0px 5px 0px #e6e6e6;
	min-height: 150px;
}

.srm-req-link-heading .info-box {
	padding: 11px 95px 15px 27px;
}

.portal .info-box {
	border-top: none;
	background: none;
	color: #333333;
}

.srm-req-title {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
}

.srm-req-info {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}

.srm-req-desc {
	font-size: 0.9rem;
	padding-bottom: 10px;
}


.srm_req_link_btn {
	height: 47px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
	cursor: pointer;

}

.srm_req_link_btn:hover {
	background: #f3f8fc;
	color:#222222;
}

.srm_req_link_btn .link_label {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	padding-top:14px;
	color: #7b8084;
}

.ass_tab{
	height: 28px;
	border-bottom: 2px solid #1699dc;
}
div.ass_tab .tab_on {
	background-image: url(/images/portal/myreq_tab_on.png);
	background-repeat: no-repeat;

	width: 117px;
	height: 30px;

	text-align:center;
	text-valign:bottom;
	float:left;
	margin-top:0px;

  font-size:13px;
  color: #0082d3;
  text-decoration:none;
  font-weight:bold;
  cursor: pointer;

}
div.ass_tab .tab_off {
	background-image: url('/images/portal/myreq_tab.png');
	background-repeat: no-repeat;

	width: 110px;
	height: 30px;

	text-align:center;
	text-valign:bottom;
	float:left;
	margin-top:0px;

  font-size:13px;
  color: #222222;
  text-decoration:none;
  font-weight:bold;
  cursor: pointer;

}

div.ass_tab .tab_label {
	padding-top: 4px;
}

div.ass_tab .tab_on .tab_label.idx-1{
	padding-right: 7px;
}

div.ass_tab .tab_off .tab_label.idx-1{
	padding-right: 0;
}


div.ass_tab .tab_on .tab_label.idx-2 {
	padding-left: 0px;
	margin-left: -7px;
}

div.ass_tab .tab_off .tab_label.idx-2 {
	padding-left: 0px;
}

.inner_box {
	position: absolute;
	top: 172px;
	left: 20px;
	width: 1240px;
	height: 470px;
	background-color: #FFFFFF;
	z-index: 99;
	box-shadow: 1px 1px 3px #666666;
}

.req_form_box .all_title {
	height:25px;
  background-color: #009fde;
  padding: 5px 10px;
  border:2px;
}

.req_form_box .all_title_green {
	height:40px;
  background-color: #4caf50;
  border:2px;
}

.req_form_box .all_title_blue {
	height:40px;
	background-color: #10253f;
	border:2px;
}

.req_form_box .all_title_orange {
	height:40px;
	background-color: #0070c0;
	border:2px;
}

.inner_title{
 	float: left;
 	padding : 5px 15px;
  font-size: 22px;
  text-decoration:none;
  line-height:120%;
  font-weight:bold;
  color: #FFFFFF;
}

.close_btn {
 	float: right;
 	padding : 5px 15px;
  cursor:pointer;
}

.req_form_box .all_menu {
  padding:10px 15px;
  overflow: auto;
	list-style-type: none;
  cursor: default;
  font-size:15px;
  text-decoration:none;
  line-height:28px;
  font-weight:bold;
	border:2px solid #009fde;
  color: #009fde;
}

.req_form_box .all_menu_green {
  padding:10px 10px;
  overflow: auto;
	list-style-type: none;
  cursor: default;
  font-size:15px;
  text-decoration:none;
  line-height:28px;
  font-weight:bold;
  border:1px solid #4caf50;
  color: #4f5828;
}

.all_menu_green .srm_cty_list div ul {
	padding-left: 6px;
}

.req_form_box .all_menu_blue {
	padding:10px 15px;
	overflow: auto;
	list-style-type: none;
	cursor: default;
	font-size:15px;
	text-decoration:none;
	line-height:28px;
	font-weight:bold;
	border:1px solid #10253f;
	color: #10253f;
}

.all_menu_blue .srm_cty_list div ul {
	padding-left: 8px;
}

/* Portal 메뉴 간격 */
.srm_cty_list div div.srm_cat_line,
.srm_infra_list div div.srm_infra_line,
.roi_list div div.roi_line {
	display:table-cell;
	width:236px;
	max-width:236px;
	min-width:236px;
	height:100%;
	vertical-align:top;
	padding-top : 10px;
	padding-bottom : 10px;
}

/* 메뉴 간에 Right Line 5개가 있으나 마지막은 line 제외 */
.srm_cty_list div div.srm_cat_line_0 .srm_cat_li,
.srm_cty_list div div.srm_cat_line_1 .srm_cat_li,
.srm_cty_list div div.srm_cat_line_2 .srm_cat_li,
.srm_cty_list div div.srm_cat_line_3 .srm_cat_li,
.srm_infra_list div div.srm_infra_line_0 .srm_cat_li,
.srm_infra_list div div.srm_infra_line_1 .srm_cat_li,
.srm_infra_list div div.srm_infra_line_2 .srm_cat_li,
.srm_infra_list div div.srm_infra_line_3 .srm_cat_li,
.roi_list div div.roi_line_0 .srm_cat_li {
	border-right: 2px dotted #333333
}

/* 메뉴간의 간격 Width 총 5칸 */
.srm_cty_list div div li,
.srm_infra_list div div li {
	width:236px;
}

/* INFRA Sub Title */
.srm_cty_list .subtitle,
.srm_infra_list .subtitle,
.roi_list .subtitle {
	padding-left: 10px;
	font-size: 23px;
}

.req_form_box .all_menu_orange {
	padding:10px 15px;
	overflow: auto;
	list-style-type: none;
	cursor: default;
	font-size:15px;
	text-decoration:none;
	line-height:28px;
	font-weight:bold;
	border:1px solid #0070c0;
	color: #0070c0;
}

.all_menu_orange .srm_cty_list div ul {
	padding-left: 8px;
}

.all_menu_orange .srm_infra_list div ul {
	padding-left: 8px;
}

.all_menu_orange .roi_list div ul {
	padding-left: 8px;
}

li.srm_cat_list {
	list-style-type: none;
	overflow:hidden;
	/* border-right: 2px dotted #333333; */
}

.srm_cat_list li {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-decoration:none;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
  cursor: pointer;
  width: 90%;
      padding-left: 10px;
}

.srm_cat_list li:HOVER {
  text-decoration:underline;
}

.link-content{
	 width:80px;
	 margin:0 auto;
	 text-align:center;
}

.shortcut_title {
	font-size:18px;
	color:#4f6228;
	line-height:120%;
	font-weight:bold;
	border-bottom: 1px solid #00b050;
    padding-bottom: 4px;
    padding-left: 10px;
}

.shortcut_link{
	font-size:12px;
	line-height:25px;
	font-weight:normal;
}

.shortcut_link a{
  cursor: pointer;
  text-decoration:none;
	color:#0d0d0d;
}

div.wrap_style {
	overflow-y: auto;
	height: 100%;
}

#footwrap{
	display:table;
	position: fixed;
	bottom:0px;
	width:100%;
	z-index:9999;
	background-color:#ffffff;
}

#footer{
	display:table-cell;
	width:100%;
	font-size: 11px;
	font-weight: normal;
	color:#666666;
	border-top:1px solid #E4EAEC;
	text-align:center;
	vertical-align:middle;
	height:36px;
}

#footer_div{
	position: fixed;
	bottom:0px;
	right:-15px;
	z-index:10000;
}


/********************************************************************************/
.plan {
	font-size: 12px;
	background: #F5F5F5;
	border: 0px solid #f5f5f5;
	color: #333;
	margin-left: 10px;
	margin-right: 10px;
	width: 230px;
	float: left;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:431px;
	text-align:center;
}
.plan_btn {
	font-size: 12px;
	text-shadow: 0 1px rgba(255,255,255,.8);
	color: #333;
	margin-left: 10px;
	margin-right: 10px;
	width: 230px;
	float: left;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.quick_btn {
	height:201px;
          cursor: pointer;
}
.div_title {
	width: 230px; height: 40px;
	display: table-cell; vertical-align: middle;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-left-radius: 3px;
	-webkit-border-left-radius: 3px;
	-moz-border-right-radius: 3px;
	-webkit-border-right-radius: 3px;
}
.inner_img {
	width: 230px; height:80px;
    vertical-align: middle;
    font-size:47px;
    color: #ffffff;
    text-decoration:none;
    line-height:80px;
    font-weight:bold;
    text-align:center;
}
.clear { clear:both; zoom:1; }
#secure_div    .div_title { background-color: #b0d63e; }
#secure_div    .inner_img { background-color: #bcdd4b; }
#equipment_div .div_title { background-color: #3e92d6; }
#equipment_div .inner_img { background-color: #4ba1dd; }
#account_div   .div_title { background-color: #7a9eda; }
#account_div   .inner_img { background-color: #8aace1; }
#design_div    .div_title { background-color: #66bcb5; }
#design_div    .inner_img { background-color: #76c7c1; }
.link_list li{
	list-style-type : none;
	text-align: center;
	margin:0px 10px; padding:0px;
	line-height: 50px;
    font-size:13px;
    color: #7b8084;
    text-decoration:none;
    font-weight:bold;
    border-top: 1px solid #ebeced;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.all_btn {
    cursor: pointer;
}
.q_bt{
    font-size:22px;
    color: #ffffff;
    text-decoration:none;
    line-height:120%;
    font-weight:bold;
    text-shadow : 1px 1px 3px #666666;
    padding: 10px;
}
.q_st{
    font-size:13px;
    color: #ffffff;
    text-decoration:none;
    line-height:120%;
    font-weight:bold;
    text-shadow : 1px 1px 3px #666666;
    padding: 3px 10px;
}
#bbs_div {
	width : 321px;
	height: 243px;
	float: left;
	position: relative;
	text-align:center;
	border: 1px solid #cecece;
	background-color: #fafafa;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.plan2 {
	float: left;
	position: relative;
	text-align:center;
	border: 1px solid #cecece;
	background-color: #fafafa;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 10px;
}
#bbs_div {
	width : 321px;
	height: 243px;
}
#req_div {
	width : 562px;
	height: 243px;
}
#help_div {
	width : 303px;
	height: 243px;
	background: url('/images/portal/dsme/helpdesk_bg.png');
	border: 0px;
}

.h_st{
	text-align:left;
	margin-top:57px;
	margin-left:80px;
    font-size:16px;
    color: #000;
    text-decoration:none;
    line-height:140%;
    font-weight:bold;
    /* text-shadow : 1px 1px 3px #666666; */
}
.h_st ul{
 	clear: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.h_st ul li{
 	float: left;
	margin: 0px;
    font-size: 14px;
    color: #444;
    text-decoration:none;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow : 1px 1px 3px #888;
}
.h_st .col {
	text-align:left;
	width: 90px;
	padding-left: 12px;
	font-size: 12px;
	color:#63CAE3;
    text-shadow : 1px 1px 3px #FFF;
}

#bbs_div2 {
	width : 399px;
	height: 243px;
}
#ass_div {
	width : 395px;
	height: 243px;
}
#stat_div {
	width : 395px;
	height: 243px;
}

.bbs_list{
	margin: 10px;
	height: 27px;
}
.bbs_list ul{
 	clear: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.bbs_list ul li{
 	float: left;
	margin: 0px;
    font-size: 12px;
    color: #666666;
    text-decoration:none;
    line-height: 200%;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bbs_list .col {
	background: url('/images/portal/dsme/icon_dot.png') no-repeat 0;
	text-align:left;
	width: 220px;
	padding-left: 12px;
}

.bbs_list2{
	margin: 10px;
	height: 27px;
}
.bbs_list2 ul{
 	clear: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.bbs_list2 ul li{
 	float: left;
	margin: 0px;
    font-size: 12px;
    color: #666666;
    text-decoration:none;
    line-height: 200%;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bbs_list2 .col1 {
	background: url('/images/portal/dsme/icon_dot.png') no-repeat 0;
	text-align:left;
	width: 270px;
	padding-left: 12px;
}
.bbs_list2 .col2 {
	text-align:center;
	width: 90px;
}

.tab-contents-box {
	border-bottom: 2px solid #9ab5c3;
}


.div_all {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #FFFFFF;
	opacity: 0.7;
	z-index: 50;
}

.span_search {
	margin:4px;
	position:relative;
	top:3px;
}
.search_emp {
	background-color: #DDDDDD;
	width:123px;
}
#stat_table {
	margin: 10px 10px;
}

.stable, .stable td, .stable th{
	margin: 0px; padding: 0px;
	border: 1px solid #717e85;
}

.stable {
	border-collapse: collapse;
}
.stable th {
	font-size:12px;
	color: #ffffff;
	text-decoration:none;
	line-height:220%;
	font-weight:bold;
	background-color: #849299;
}
.stable td {
	font-size:12px;
	color: #747474;
	text-decoration:none;
	line-height:210%;
	font-weight:normal;
}
.stable tr:nth-child(even) {
	background-color: #e9eaec;
}

/* jqxgrid */
.portal .panel-body .jqx-widget-content {
	border : 1px solid #fff;
	line-height : 19px;
	font-size: 0.9rem;
}

.portal .panel-body .jqx-widget-header {
	background : #fff;
	/*border-bottom: 2px solid #dadada;*/
}

/* header */
.portal .panel-body .jqx-widget .jqx-grid-column-header {
	background: #fff;
	font-weight : 600;
}

.portal .panel-body .jqx-widget .jqx-grid-cell{
	border : none;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
	font-weight: inherit;
}


.portal .panel-body .jqx-widget .jqx-grid-column-header,
.portal .panel-body .jqx-widget .jqx-grid-group-cell {
	border: none;
}


/* hover */
.portal .panel-body .jqx-grid-cell.jqx-item.jqx-grid-cell-hover.jqx-fill-state-hover,
.portal .panel-body .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned.jqx-grid-cell-selected.jqx-fill-state-pressed {
	background : #f3f3f4;
	color : #000 !important;
}

.portal .panel-body .jqx-grid-pager-number.jqx-rc-all {
	padding: 0px;
	margin-top: 0px;
	width: 27px;
	float: left;
	cursor: pointer;
	text-align: center;
	border: 1px solid transparent;
}
.portal .panel-body .jqx-grid-pager-number.jqx-rc-all.jqx-fill-state-pressed {
	color : #fff !important;
}

.portal .panel-body .jqx-grid-cell.jqx-item .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal  span {
	left : 0px !important;
	top : -9px !important;
	position : relative !important;
}

/* scroll bar */
.portal .panel-body .jqx-scrollbar-state-normal {
	background: transparent;
}
.portal .panel-body .jqx-grid-pager {
	/*border: none;
	border-top: 1px solid transparent;*/
	margin-top: 1px;
}
.portal .panel-body .jqx-scrollbar-thumb-state-normal-horizontal {
	border: none;
	border-radius: 5px
}
.portal .panel-body .jqx-button {
	background-color: #fff;
}

.portal div.btn-view-more {
	display: inline-block;
	padding: 2px 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 20px;
	font-size: 11px;
	color: #9c9c9c;
	font-weight: 600;
	cursor: pointer;
}


.portal div.btn-view-more > i {
	font-weight: normal;
	padding-right: 4px;
}