@charset "utf-8";
@import url(reset.css);
@import url(jquery-ui.css);
@import url(jquery-ui.theme.css);
@import url(skin-win8/ui.fancytree.css);

.icn_phone {
	background: url(../../../images/common/lnb_icon01.png) no-repeat;
}

/* 로그인 */
.loginBody { 
	background:#eee;
}
.loginBox { 
	border:1px solid #ddd;
	width:900px;
	height:480px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;
	margin-left:-450px;	
	box-sizing:border-box;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	overflow:hidden;
	background:#fff;
}
.imgBox { 
	float:left;
	width:50%;
	height:480px;
	background:#4b5053 url('../../../images/common/login_img01.png') no-repeat 50%;
	/*background:#4b5053 url('../../../images/korail/Login_left.png') no-repeat 50%;*/
}
.loginField { 
	float:right;
	width:50%;
	height:480px;
	box-sizing:border-box;
	padding:40px;
}
.loginField h1 { 
	width:347px;
	height:44px;
	background:url('../../../images/common/login_logo.png') no-repeat 0 50%;
	/*background:url('../../../images/korail/korail_logo.png') no-repeat 0 50%;*/
	text-indent:-9999px;
}
.loginField p {
	font-size:14px;
	color:#999;
	line-height:22px;
	margin-top:40px;
	padding-top:40px;
	position:relative;
}
.loginField p:after { 
	content:"";
	display:inline-block;
	width:40px;
	height:1px; 
	
	position:absolute;
	top:0;
	left:0;
}
.loginField input[type="text"] ,
.loginField input[type="password"] { 
	border:1px solid red;
	height:38px;
	width:100%;
	border:1px solid #ddd;
	border-radius:20px;
	padding-left:40px;
	outline:none;
}
.loginField input[type="text"] {
	background:url('../../../images/common/login_id.png') no-repeat 10px 50%;
	margin-top:50px;
}
.loginField input[type="password"] {
	background:url('../../../images/common/login_pw.png') no-repeat 10px 50%;
	margin-top:20px;
}
.loginBtn { 
	display:inline-block;	
	background:#c9252c;
	border-radius:20px;
	padding:0 40px;
	text-align:center;
	margin-top:50px;
	outline: none;
	text-decoration: none;
	cursor: pointer;
	border: 0;
}
.loginBtn em { 
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:15px;
	color:#fff;
	background:url('../../../images/common/login_arrow.png') no-repeat 100% 50%;
	padding-right:30px;
}
.loginBtn:hover { 
	background:#d4464c;
}


/* header */
.sessionTime { 
	position:fixed;
	bottom:10px;
	right:10px;
	color:#cc2f36;
	opacity:.5;
	z-index:9;
}
.header {
	width:100%;
	min-width:940px;
	height:60px;
	background:#444;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
	box-sizing:border-box;
}
.logo {
	width:356px;
	height:26px;
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-13px;
}
.logo a { 
	display:block;
	width:356px;
	height:45px;
	/*height:31px;*/
	background:url('../../../images/common/logo.png') no-repeat 50%;
	/*background:url('../../../images/korail/top_logo.png') no-repeat 50%;*/
	text-indent:-9999px;
}
.userinfo { 
	position:absolute;
	top:10px;
	right:130px;	
	padding-left:40px;
	background:url('../../../images/common/user_icon.png') no-repeat 0 50%;
}
.userinfo li { 
	height:20px;
	line-height:20px;
}
.userinfo li.user {
	color:#999;
	font-size:13px;
}
.userinfo li.user strong { 
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.userinfo li.iptime {
	color:#999;
	font-size:13px;
}
.userinfo li.iptime em { 
	padding:0 5px;
	color:#666;
}
.logout { 
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 12px;
	font-size:13px;
	color:#fff;
	background:#cc2f36;
	border-radius:2px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-15px;
}
.logout:hover { 
	background:#d4464c;
}

/* LNB */
.lnbArea {
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	height:100%;
	max-height:100%;
	width:200px;
	border-right:1px solid #ddd;
	background:#fdfdfd url('../../../images/common/foot_logo.png') no-repeat left 50% bottom 20px;
	/*background:#fdfdfd url('../../../images/korail/bottom_logo.png') no-repeat left 50% bottom 20px;*/
	padding-top:60px;
	box-sizing:border-box;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.2);
}
#nav > li > a { 
	width:100%;
	display: block;
	padding: 0  15px 0 35px;
	height:40px;
	line-height:40px;
	border-bottom: 1px solid #ddd;
	background:#fff;
	color: #222;
	font-size:15px;
	font-weight:bold;
	box-sizing:border-box;
	position:relative;
}
#nav > li > a:hover { 
	color: #cc2f36;
}
#nav > li > a.open { 
	color: #fff;
}
#nav > li > a:after { 
	content:"";
	display:block;
	width:14px;
	height:7px;
	background:url('../../../images/common/lnb_arrow_down.png') no-repeat 50%;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-4px;
}
#nav > li.main > a:after { display:none; }
#nav > li > a.open:after { 
	background:url('../../../images/common/lnb_arrow_up.png') no-repeat 50%;
}
#nav > li > a.iconMain {
	background:#fff url('../../../images/common/lnb_icon00.png') no-repeat 8px 50%;
}
#nav > li > a.iconMain.open {
	background:#cc2f36 url('../../../images/common/lnb_icon00_on.png') no-repeat 8px 50%;
}
#nav > li > a.icon01 { 
	background:#fff url('../../../images/common/lnb_icon01.png') no-repeat 10px 50%;
}
#nav > li > a.icon01.open { 
	background:#cc2f36 url('../../../images/common/lnb_icon01_on.png') no-repeat 10px 50%;
}
#nav > li > a.icon02 { 
	background:#fff url('../../../images/common/lnb_icon02.png') no-repeat 10px 50%;
}
#nav > li > a.icon02.open { 
	background:#cc2f36 url('../../../images/common/lnb_icon02_on.png') no-repeat 10px 50%;
}
#nav > li > a.icon03 { 
	background:#fff url('../../../images/common/lnb_icon03.png') no-repeat 10px 50%;
}
#nav > li > a.icon03.open { 
	background:#cc2f36 url('../../../images/common/lnb_icon03_on.png') no-repeat 10px 50%;
}
#nav > li > a.icon04 { 
	background:#fff url('../../../images/common/lnb_icon04.png') no-repeat 10px 50%;
}
#nav > li > a.icon04.open { 
	background:#cc2f36 url('../../../images/common/lnb_icon04_on.png') no-repeat 10px 50%;
}
#nav > li > a.icon05 { 
	background:#fff url('../../../images/common/lnb_icon05.png') no-repeat 10px 50%;
}
#nav > li > a.icon05.open { 
	background:#cc2f36 url('../../../images/common/lnb_icon05_on.png') no-repeat 10px 50%;
}
#nav > li > ul {
	display: none; 
	background:#fff;
	border-bottom: 1px solid #ddd;
	padding:15px;
}
#nav > li > ul > li > a { 
	display: block;
	height:26px;
	line-height:26px;
	color: #444;
	font-size:14px;
}
#nav > li > ul > li > a:hover , #nav > li > ul > li > a.active {
	color:#cc2f36;
}
.submenu {
	position:relative;	
}
.submenu:after { 
	content:"";
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-8px;
	background:url('../../../images/common/lnb_plus.png') no-repeat 50%;
}
.submenu.active:after { 
	background:url('../../../images/common/lnb_minus.png') no-repeat 50%;
}
.submenuList { 
	display:none;
	border:1px dotted #ddd;
	margin-top:5px;
	background:#fdfdfd;
	padding:5px 0;
}
.submenuList li a { 
	display:block;
	line-height:24px;
	font-size:13px;
	color:#666;
	padding:0 10px;
	box-sizing:border-box;
}
.submenuList li a:hover , .submenuList li a.active { 
	color:#cc2f36
} 

/* content */
.subbody { 
	background:#eee;
	display: none;
}
.content { 
	padding:80px 20px 20px 220px;
	min-width:1600px;
	box-sizing:border-box;
}
.contArea { 
	border:1px solid #ddd;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	min-height:500px;
}

.titArea { 
	height:30px;
	/*overflow:hidden;*/
}
.titArea h3 { 
	float:left;
	height:30px;
	line-height:30px;
	font-size:19px;
	font-weight:normal;
	color:#222;
	background:url('../../../images/common/tit_bult_icon.png') no-repeat 0 50%;
	padding-left:12px;
}
.titArea h3 em { 
	display:inline-block;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #ddd;
	font-size:13px;
	color:#999;
}
.titArea h4 { 
	float:left;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:normal;
	color:#222;	
	padding-left:12px;
	position:relative;
}
.titArea h4:after { 
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	background:#cc2f36;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
}
.titArea h4 em { 
	display:inline-block;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #ddd;
	font-size:13px;
	color:#999;
}

.btnR { 
	float:right;
}
.btnA { 
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 12px;
	font-size:13px;
	color:#fff !important;
	background:#cc2f36 !important;
	border-radius:2px;
	box-sizing:border-box;
}
.btnA:hover { 
	background:#d65258 !important;
	color:#fff !important;
}
.btnB { 
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 12px;
	font-size:13px;
	color:#fff !important;
	background:#999 !important;
	border-radius:2px;
	box-sizing:border-box;
}
.btnB:hover { 
	background:#666 !important;
	color:#fff !important;
}
.btnC { 
	display:inline-block;
	height:30px;
	line-height:28px;
	padding:0 12px;
	font-size:13px;
	color:#d65258 !important;
	background:#fff !important;
	border:1px solid #d65258;
	border-radius:2px;
	box-sizing:border-box;
}
.btnC:hover { 
	background:#d65258 !important;
	color:#fff !important;
}

.layout { 
	overflow:hidden;
	margin-top:20px;
	box-sizing:border-box;
}

.cont { 
	width:100%;
	padding-left:300px;
	box-sizing:border-box;
}

.textAreaBox {
	margin-top: 10px;
}

.textAreaBox textarea {
	width: 100%;
	border: 1px solid #ddd;
	line-height: 22px;
	font-size: 14px;
}
.infotxts {
	font-size: 12px;
	color: #888;
	margin-top: 5px;
	font-weight: normal;
}

.tableTop {
	/*overflow:hidden;*/
	height:30px;
}

.totaltxt { 
	float:left;
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight:bold;
	color:#222;
}
.totaltxt em { 
	font-size:15px;
	font-weight:bold;
	color:#cc2f36;
}
.searchTop { 
	float:right;
}
.searchTop select , .searchTop input[type="text"] { 
	height:30px;
	box-sizing:border-box;
	vertical-align:middle;
}
.searchBtn { 
	display:inline-block;
	width:30px;
	height:30px;
	background:#444 url('../../../images/common/search_icon.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.searchBtn:hover { 
	background:#666 url('../../../images/common/search_icon.png') no-repeat 50%;
}

/* 테이블 스타일 */
.tableStyle { 
	width:100%; 
	border-top: 2px solid #5d5a5a;
	border-right:1px solid #d7d7d7;	
	margin-top:10px;
	word-break: break-all;
	table-layout:fixed;
	font-size:13px !important;
}
.mobileSpec table tbody th{
	height:36px !important;
	font-size:13px !important;
	font-weight: bold !important;
	background: #f4f4f4 !important;
	border-left: 1px solid #d7d7d7 !important;
	border-bottom: 1px solid #d7d7d7 !important;
	text-align: center !important;
	padding: 0px !important;
}
.tableStyle thead th , .tableStyle tbody th ,.tableStyle tfoot th { 
	height:37px !important;
	font-size:13px !important;
	padding: 5px 10px !important;
	font-weight: bold !important;
	background: #f4f4f4 !important;
	border-left: 1px solid #d7d7d7 !important;
	border-bottom: 1px solid #d7d7d7 !important;
	text-align: center !important;
}
.tableStyle tbody td , .tableStyle tfoot td {
	height:36px !important;
	font-size:13px !important;
	/*color:#5b5b5b !important;*/
	/*color : black !important;*/
	padding:5px;
	border-left:1px solid #d7d7d7 !important;
	border-bottom:1px solid #d7d7d7 !important;
	/*background:#fff !important;*/
}

.tableStyle.thLeft th {
	text-align: left !important;
}

.tableStyle.thLeft th p{
	font-size:13px !important;
	height: 15px !important;
}
.tableStyle.thLeft th .infotxts{
	font-size:12px !important;
	height: 14px !important;
}
.locationInfoDetail tbody tr td {
	height:36px !important;
	font-size:13px !important;
	/*color:#5b5b5b !important;*/
	/*color : black !important;*/
	padding:0px !important;
	border-left:1px solid #d7d7d7 !important;
	border-bottom:1px solid #d7d7d7 !important;
	/*background:#fff !important;*/
}

.tBtn {
	display:inline-block !important;
	height:28px !important;
	line-height:28px !important;
	font-size:13px !important;
	color:#fff !important;
	background:#999 !important;
	text-align:center !important;
	padding:0 12px !important;
	border-radius:2px !important;
	vertical-align:middle !important;
}

.tInput {
	display:inline-block !important;
	height:28px !important;
	line-height:28px !important;
	font-size:15px !important;
	color:#444 !important;
	background:white !important;
	text-align:center !important;
	padding:0 12px !important;
	border-radius:2px !important;
	vertical-align:middle !important;
	margin-right:5px !important;
}

.tBtn:hover { 
	background:#666 !important;
}
.tSearch {
	display:inline-block;
	height:28px;
	width:28px;
	background:#999 url('../../../images/common/search_icon.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.tSearch:hover { 
	background:#666 url('../../../images/common/search_icon.png') no-repeat 50%;
}

.reviseBtn {
	display:inline-block;
	height:28px;
	width:28px;
	background:#999 url('../../../images/common/revise_icon.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.reviseBtn:hover { 
	background:#666 url('../../../images/common/revise_icon.png') no-repeat 50%;
}

.deletBtn {
	display:inline-block;
	height:28px;
	width:28px;
	background:#999 url('../../../images/common/delet_icon.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.deletBtn:hover { 
	background:#666 url('../../../images/common/delet_icon.png') no-repeat 50%;
}

.tUpBtn {
	display:inline-block;
	height:28px;
	width:28px;
	background:#999 url('../../../images/common/select_up.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.tUpBtn:hover { 
	background:#666 url('../../../images/common/select_up.png') no-repeat 50%;
}
.tDownBtn {
	display:inline-block;
	height:28px;
	width:28px;
	background:#999 url('../../../images/common/select_down.png') no-repeat 50%;
	vertical-align:middle;
	text-indent:-9999px;
	border-radius:2px;
}
.tDownBtn:hover { 
	background:#666 url('../../../images/common/select_down.png') no-repeat 50%;
}


/* 페이징 */
.pagingBtnArea { 
	position:relative;
	margin:15px 0;
}
.paging { 
	width:100%;
	text-align:center;
}
.paging a {
	min-width:18px;
	height:28px;
	line-height:28px;
	display:inline-block;
	text-align:center;
	margin:0 1px;	
	border:1px solid #ddd;
	font-size:12px;	
	color:#444;	 
	padding:0 5px;
}
.paging a.selected ,
.paging a:hover { 
	background:#cc2f36; 
	color:#fff; 
	border:1px solid #cc2f36;
}
.paging a.first { 
	background:#fff url('../../../images/common/page_first.png') no-repeat 50%; width:28px; padding:0; 
}
.paging a.prev {
	background:#fff url('../../../images/common/page_pre.png') no-repeat 50%; width:28px; padding:0;
}
.paging a.last {
	background:#fff url('../../../images/common/page_last.png') no-repeat 50%;  width:28px; padding:0; 
}
.paging a.next {
	background:#fff url('../../../images/common/page_next.png') no-repeat 50%; width:28px; padding:0; 
}
.totalNum { 
	position:absolute;
	top:0;
	left:0;
}
.paging a.no-cursor { 
	cursor:default;
}
.excelBtn { 
	display:inline-block;
	height:30px;
	line-height: 30px;
	padding:0 15px 1px 35px;
	font-size:13px;
	color:#fff;
	border-radius:2px;
	box-sizing:border-box;
	background:#1e7145 url('../../../images/common/excel_icon.png') no-repeat 10px 50%;
	/*position:absolute;
	top:0;
	right:0;*/
}
.excelBtn:hover { 
	background:#2c8656 url('../../../images/common/excel_icon.png') no-repeat 10px 50%;	
}

/* 트리메뉴 */
.treeArea { 
	float:left;
	width:280px;
}
.treeSelect {
	position:relative; 
	line-height:35px;
}
.treeSelect > a {
	display:block; 
	overflow:hidden;
	height:40px;
	line-height:38px;
	box-sizing:border-box;
	background:#666;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border:1px solid #585858;
	padding:0 15px;
}
.treeSelect > a:after {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #fff;
	background:url('../../../images/common/select_down.png') no-repeat 50%;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-11px;
	border-radius:2px;
}
.treeSelect > ul {
	position:absolute; 
	width:100%; 
	top:0; 
	border-bottom:1px solid #585858;
	display:none;
	z-index:1;
}
.treeSelect > ul > li {
	height:40px;
	line-height:38px;
	box-sizing:border-box;
	background:#666;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border:1px solid #585858;
	border-bottom:0;
	padding:0 15px;
	position:relative;
	cursor:pointer;
}
.treeSelect > ul > li:hover { 
	background:#999;
}
.treeSelect > ul > li:first-child:after {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #fff;
	background:url('../../../images/common/select_up.png') no-repeat 50%;
	position:absolute;
	top:50%;
	right:14px;
	margin-top:-12px;
	border-radius:2px;
}
.tree { 
	border:1px solid #ddd;
	border-top:0;
	height:500px;
}

.btnArea { 
	padding-top:15px;
	overflow:hidden;
}

#treeMenu {
	height:500px;
	overflow-y:scroll; 
	border:1px solid #ddd;
	padding:5px 0;
	box-sizing:border-box;
}

/* 중간텝 */
.tabs ul, .tabs2 ul, .tabs3 ul {
	height:42px !important;
	border-bottom:1px solid #333 !important;
	margin-top:10px !important;
}

.tabs ul li , .tabs2 ul li , .tabs3 ul li {
	float:left !important;
}
.tabs ul li a , .tabs2 ul li a , .tabs3 ul li a {
	display:inline-block;
	line-height:40px; 
	/*width:180px;*/
	border:1px solid #ddd; 
	border-bottom:1px solid #f8f8f8; 
	background:#f8f8f8; 
	margin-right:4px; 
	cursor:pointer;	
	font-size:16px; 
	color:#999;
	text-align:center;
	padding:0 30px;
}
.tabs ul li.on a , .tabs2 ul li.on a , .tabs3 ul li.on a {
	background:#fff;
	color:#333;  
	border-top:3px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:0; 
	font-weight:bold;
}

.tabsSmall , .tabsSmall2 { 
	height:36px; 
	border-bottom:1px solid #cc2f36 ;
	margin-top:10px;
}
.tabsSmall li , .tabsSmall2 li { 
	float:left; 
}
.tabsSmall li a , .tabsSmall2 li a { 
	display:inline-block;
	line-height:34px; 
	/*width:180px;*/
	border:1px solid #ddd; 
	border-bottom:1px solid #f8f8f8; 
	background:#f8f8f8; 
	margin-right:4px; 
	cursor:pointer;	
	font-size:14px; 
	color:#999;
	text-align:center;
	padding:0 30px;
}
.tabsSmall li.on a , .tabsSmall2 li.on a { 
	background:#fff;
	color:#cc2f36 ;  
	border-top:3px solid #cc2f36 ;
	border-left:1px solid #cc2f36 ;
	border-right:1px solid #cc2f36 ;
	border-bottom:0; 
	font-weight:bold;
}

.tab_content , .tab_content2 , .tab_content3 , 
.tab_contentSM , .tab_contentSM2 { 
	padding-top:20px;
}

/* primeng에 맞게 변경한 tabview */
.tabP .ui-tabview-nav {
	border-bottom:1px solid #333 !important;
	margin-top:10px !important;
	border-radius: 0px !important;
	padding: 0px !important;
	height: 44px;
}
.tabP .ui-tabview-nav li {
	height:42px !important;
	/*position: inherit !important;*/
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin: 0 5px 1px 0 !important;
}

.tabP .ui-tabview-nav li a{
	display:inline-block !important;
	line-height:39px !important;
	/*width:180px;*/
	/*border:1px solid #ddd !important;*/
	border-bottom:1px solid #fff !important;
	background:#fff !important;
	/*margin-right:4px !important;*/
	cursor:pointer !important;
	font-size:16px !important;
	color:#999;
	text-align:center !important;
	padding:0 30px !important;
}

.tabP .ui-tabview-selected{
	/*z-index: 99;*/
	background:#fff !important;
	color:#333 !important;
	border-top:3px solid #333 !important;
	border-left:1px solid #333 !important;
	border-right:1px solid #333 !important;
	border-bottom:0 !important;
	font-weight:bold !important;
}

.tabP .ui-tabview-panel {
	padding : 0px !important;
	background: none;
	margin-top: 15px !important;

}

.tabS .ui-tabview-nav {
	border-bottom:1px solid #cc2f36 !important;
	margin-top:10px !important;
	border-radius: 0px !important;
	padding: 0px !important;
	height: 38px;
}

.tabS .ui-tabview-nav li {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin: 0 5px 1px 0 !important;
	height: 36px !important;
}

.tabS .ui-tabview-nav li a{
	display:inline-block !important;
	line-height:33px !important;
	/*width:180px;*/
	/*border:1px solid #ddd !important;*/
	border-bottom:1px solid #fff !important;
	background:#fff !important;
	/*margin-right:4px !important;*/
	cursor:pointer !important;
	font-size:14px !important;
	color:#999;
	text-align:center !important;
	padding:0 30px !important;
}

.tabS .ui-tabview-selected{
	background:#fff !important;
	color:#cc2f36 !important;
	border-top:3px solid #cc2f36 !important;
	border-left:1px solid #cc2f36 !important;
	border-right:1px solid #cc2f36 !important;
	border-bottom:0 !important;
	font-weight:bold !important;
}
.tabS .ui-tabview-selected a span{
	color : #cc2f36 !important;
}

.tabS .ui-tabview-panel {
	padding : 0px !important;
	background: none;
	margin-top: 15px !important;
}

.tabI .ui-tabview-nav {
	overflow:hidden !important;
	border-bottom:0px !important;
	height: 34px;
	margin-top: 1px !important;
}

.tabI .ui-tabview-nav li {

	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	margin-left:5px !important;
}

.tabI .ui-tabview-nav li a{
	display:block !important;
	height:32px !important;
	line-height:30px !important;
	font-size:14px !important;
	/*border:1px solid #ddd !important;*/
	padding:0 15px !important;
	border-radius:2px !important;
	border-bottom: 1px solid #ddd !important;
}

.subTabMenu .tabI .ui-tabview-selected{

	border:2px solid #666 !important;
	background:#666 !important;
	color:#fff !important;
	font-weight:bold !important;
}

.subTabMenu .tabI .ui-tabview-selected a span{
	color: #fff !important;
}

.subTabMenu .tabI .ui-tabview-selected a{
	background: #666 !important;
	color: #fff !important;
}



/* layer popup */
.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: rgba( 0, 0, 0, 0.5 );
}
.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
	width:700px;
    z-index: 9999;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.pop-title {
    height: 48px;
    line-height: 48px;
    position: relative;
    background: #cc2f36;
}
.pop-title h3 {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}
.pop-title h3 em {
	font-size:15px;
	font-weight:normal;
	color:#a7b1c1;
}

.xbtn {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../../../images/common/close_icon.png') no-repeat;
    position: absolute;
    top: 18px;
    right: 18px;
}
.pop-container {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
}

.pop-BtnArea { 
	padding-top:20px;
	text-align:center;
}

.req {
	display:inline-block;
	padding-right:14px;
	background:url('../../../images/common/required_item.png') no-repeat 100% 50%;
}

.ui-datepicker-trigger { 
	border:0;
	margin-left:5px;
}
.wave {
	display:inline-block;
	padding:0 5px;
}
.labelName { 
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	margin-right:10px;
	padding-left:12px;
	vertical-align:middle;
	position:relative;
}
.labelName:after { 
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	background:#cc2f36;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
}

.nodata { 
	padding:130px 0 60px;
	font-size:16px;
	color:#999;
	background:url('../../../images/common/nodata.png') no-repeat 50% 50px;
	text-align:center;
}

/* 원격관리 */
.accordion dt { 
	cursor:pointer;
	border:1px solid #ddd;
	padding:20px 20px 20px 95px;
	background-color:#f9f9f9;
	margin-top:20px;
	position:relative !important;
}
.accordion dt:after {
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	border:1px dashed #ccc;
	background:url('../../../images/common/acco_plus.png') no-repeat 50%;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-20px;
	border-radius:4px;
}
.accordion dt.accordion-active:after { 
	border:1px dashed #999;
	background:url('../../../images/common/acco_minus.png') no-repeat 50%;
}
.accordion dt.accordion-active { 
	background-color:#666;
	border:1px solid #444;
}
.accordion dt.icon01 {
	background-image:url('../../../images/common/acco_icon01.png');
	background-repeat:no-repeat;
	background-position:25px 50%;
}
.accordion dt.icon01.accordion-active {
	background-image:url('../../../images/common/acco_icon01_w.png');
}
.accordion dt.icon02 {
	background-image:url('../../../images/common/acco_icon02.png');
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.accordion dt.icon02.accordion-active {
	background-image:url('../../../images/common/acco_icon02_w.png');
}
.accordion dt.icon03 {
	background-image:url('../../../images/common/acco_icon03.png');
	background-repeat:no-repeat;
	background-position:25px 50%;
}
.accordion dt.icon03.accordion-active {
	background-image:url('../../../images/common/acco_icon03_w.png');
}
.accordion dt h2 { 
	font-size:19px;
	font-weight:600;
}
.accordion dt p { 
	font-size:14px;
	margin-top:10px;
	color:#777;
}
.accordion dt.accordion-active h2 ,
.accordion dt.accordion-active p { 
	color:#fff;
}
.accordion dd {
	border:1px solid #ddd;
	border-top:0;
	padding:20px;
}

.state {
	border: 1px solid #eee;
	background: #fdfdfd;
	padding: 10px;
	margin-top:5px;
}
.state p { 
	height:24px;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
}
.state p em { 
	font-size:14px;
	font-weight:bold;
	color:#cc2f36;
}

.infotxt { 
	font-size:14px;
	color:#57a0e0;
	margin-top:20px;
}

.radioList { 
	overflow:hidden;
	margin-top:10px;
}
.radioList li { 
	float:left;
	width:25%;
}
.radioList.st5 {
	margin-top:0;
}
.radioList.st5 li {
	width:20%;
}
.radioList li label { 
	display:inline-block;
	font-size:13px;
	position:relative;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
.radioList li label input[type="radio"] {
	margin-left:10px;
}
.radioList li label input[type="checkbox"] {
	margin-right:10px;
}

.playBtnA { 
	display:inline-block;	
	background:#c9252c;
	border-radius:20px;
	padding:0 30px;
	text-align:center;
	cursor: pointer;
	border: 0;
}
.playBtnA em { 
	display:inline-block;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#fff;
	background:url('../../../images/common/login_arrow.png') no-repeat 100% 50%;
	padding-right:30px;

}
.playBtnA:hover { 
	background:#d4464c;
}

.playBtnB { 
	display:inline-block;	
	background:#666;
	border-radius:20px;
	padding:0 30px;
	text-align:center;
}
.playBtnB em { 
	display:inline-block;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#fff;
	background:url('../../../images/common/login_arrow.png') no-repeat 100% 50%;
	padding-right:30px;
}
.playBtnB:hover { 
	background:#999;
}

.mobileinfo { 
	display:table;
	width:100%;
	table-layout:fixed;
	margin-top:20px;
}
.mobileimg { 
	display:table-cell;
	width:20%;
	vertical-align:middle;
}
.mobileThum { 
	border:1px solid #ddd;
	text-align:center;
	padding:20px 0;
	height:298px;
	box-sizing:border-box;
}
.mobileThum h3 { 
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
}
.mobileThum p { 
	font-size:14px;
	color:#666;
	margin-top:20px;
}
.mobileThum img { 
	height:170px;
	width:auto;
	margin-top:20px;
}
.mobileSpec { 
	display:table-cell;
	width:80%;
	vertical-align:middle;
	padding-left:20px;
}

.lineArea { 
	margin-top:20px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px 0;
}


.sorting { 
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	color:#454545;
	padding-right:16px;
}
.sorting.basic { 
	background:url('../../../images/common/sorting_icon.png') no-repeat 100% 50%;
}
.sorting.up { 
	background:url('../../../images/common/sorting_up.png') no-repeat 100% 50%;
}
.sorting.down { 
	background:url('../../../images/common/sorting_down.png') no-repeat 100% 50%;
}

.mapArea { 
	margin-top:20px;
	width:100%;
	height:400px;
	background:#eee;
	border:1px solid #ddd;
	box-sizing:border-box;
}


/* 메인 */
.chart { 
	border:1px dashed #ccc;
	padding:20px;
	text-align:center;
	margin-top:10px;
	height: 450px;
	overflow: hidden;
}
.layout  {
	overflow:hidden;
	margin-top:40px;
}
.leftArea { 
	float:left;
	width:50%;
	padding-right:10px;
	box-sizing:border-box;
}
.rightArea { 
	float:right;
	width:50%;
	padding-left:10px;
	box-sizing:border-box;
}

.doubleLayout {
	margin-top: 40px;
	overflow: hidden;
}

/* 정책관리 */
.tabin , .tabin2 , .tabin3 , .tabin4 , .tabin5 { 
	overflow:hidden;
}
.tabin li , .tabin2 li , .tabin3 li , .tabin4 li , .tabin5 li    { 
	float:left;
	margin-left:5px;
}
.tabin li:first-child , .tabin2 li:first-child , .tabin3 li:first-child , .tabin4 li:first-child , .tabin5 li:first-child { 
	margin-left:0;
}
.tabin li a , .tabin2 li a , .tabin3 li a , .tabin4 li a , .tabin5 li a    { 
	display:block;
	height:32px;
	line-height:32px;
	font-size:14px;
	border:1px solid #ddd;
	padding:0 15px;
	border-radius:2px;
}
.tabin li.on a , .tabin2 li.on a , .tabin3 li.on a , .tabin4 li.on a , .tabin5 li.on a {
	border:1px solid #666;
	background:#666;
	color:#fff;
	font-weight:bold;
}

/* 토글 스위치 */
.cmn-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.cmn-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
}
input.cmn-toggle-round + label {
	padding: 2px;
	width: 40px;
	height: 20px;
	background-color: #dddddd;
	border-radius: 30px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
	display: block;
	position: absolute;
	top: 1px;
	left: 0px;
	bottom: 1px;
	content: "";
}
input.cmn-toggle-round + label:before {
	right: 1px;
	background-color: #f1f1f1;
	border-radius: 30px;
	transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
	width: 21px;
	background-color: #fff;
	border-radius: 100%;
	transition: margin 0.4s;
	border:1px solid #ddd;
}
input.cmn-toggle-round:checked + label:before {
	background-color: #cc2f36;
}
input.cmn-toggle-round:checked + label:after {
	margin-left: 21px;
}

.labelRadio { 
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:14px;
	margin-right:15px;
}
.labelRadio input[type="radio"] { 
	margin-right:5px;
}

a:hover{
	cursor: pointer;
}

/*primeng 변형*/
.ui-column-title, .ui-cell-data {
	font-size: 13px !important;
}

.ui-paginator {
	margin-top: 15px !important;
	position: relative;
	background: white !important;
	border : 0px !important;
}

/*.ui-paginator-rpp-options {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0px !important;
	margin-right: 0px !important;
}*/

.ui-paginator-prev {
	width: 21px !important;
}
.ui-paginator-next {
	width: 21px !important;
}
.ui-chkbox, .ui-radiobutton {
	display: inline-block !important;
}

.ui-datatable-emptymessage {
	padding: 130px 0 60px !important;
	font-size: 16px !important;
	color: #999 !important;
	background: url('../../../images/common/nodata.png') no-repeat 50% 50px !important;
	text-align: center !important;
}

.ui-inputswitch{
	height: 26px !important;
	width: 53px !important;
	overflow: visible !important;
	background-color: #9e9e9e !important;
	border-color: #9e9e9e !important;
	-moz-border-radius: 13px !important;
	-webkit-border-radius: 13px !important;
	border-radius: 13px !important;
}
.ui-inputswitch .ui-inputswitch-off{
	/*border-radius: 30px !important;
	transition: background 0.4s;*/
	width: 31px !important;
	white-space: nowrap !important;
	position: absolute !important;
	top: 0 !important;
	font-weight: 700 !important;
	height: 100% !important;
	line-height: 1.5em !important;
	right: 1px !important;
	text-align: right !important;

}
.ui-inputswitch .ui-inputswitch-on{
	left: 0 !important;
	border: 0 none !important;
	/*visibility: hidden !important;*/
	white-space: nowrap !important;
	position: absolute !important;
	top: 0 !important;
	width: auto !important;
	font-weight: 700 !important;
	height: 100% !important;
	line-height: 1.5em !important;
	border-radius: 12px !important;
}

.ui-inputswitch-on .ui-inputswitch-onlabel{
	margin-left : -2px !important;
	width: 28px !important;
}

.ui-inputswitch .ui-inputswitch-handle {
	top: 0px !important;
	background-color: #ffffff !important;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	-moz-transition: background-color 0.3s !important;
	-o-transition: background-color 0.3s !important;
	-webkit-transition: background-color 0.3s !important;
	transition: background-color 0.3s !important;
	width: 27px !important;
	height: 25px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px !important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px !important;
}

.ui-inputswitch-checked {
	background-color:  #cc2f36 !important;
	border-color: #9e9e9e !important;
}

.charts canvas{
	margin: 0px auto !important;
}

.calP input {
	text-align: center;
	width: 90px !important;
}

.ui-datatable {
	border-right: 0;
	border-left:0;
}

.navB{
	display: block !important;
}
.navN{
	display: none;
}

/* 다이얼로그 */
.ui-dialog{
	border : 0 !important;
	border-radius: 0px !important;
}

.ui-dialog .ui-dialog-title {
	color: #fff;
	font-weight: bold;
	height: 48px !important;
	line-height: 48px;
	position: relative;
	background: #cc2f36;
	padding-left: 20px;
}

.ui-dialog .ui-dialog-titlebar {
	position: relative;
	border: 0 !important;
	background: #cc2f36 !important;
	padding: 0 !important;
	border-radius: 0px !important;
}

.ui-dialog-title span {
	font-size: 18px !important;
}

.ui-dialog-content {
	max-height: 650px;
	overflow: hidden;
	overflow-y: auto;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
}

.ui-dialog-titlebar-close {
	display: inline-block;
	background: url(../../../images/common/close_icon.png) no-repeat;
	position: absolute;
	top: 18px;
	right: 18px;
	border: 0px !important;

}

.ui-dialog-titlebar-close span {
	display: none !important;
	background: #cc2f36;
}

.ui-dialog-titlebar-icon:hover {
	border:0 !important;
	opacity: 0.65 !important;
	background: #cc2f36 url(../../../images/common/close_icon.png) no-repeat !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	width: 17px !important;
	height: 17px !important;
	right: 14px !important;
	top: 55% !important;
}

.upload .ui-button{
	background: #cc2f36 !important;
	border:0 !important;
}

.submitA {
	display: inline-block;
	height: 30px;
	line-height: 31px;
	padding: 0px 12px;
	font-size: 13px !important;
	color: #fff !important;
	background: #cc2f36 !important;
	border-radius: 2px;
	border: 0 !important;
}
.submitA:hover{
	cursor: pointer;
	background:#d65258 !important;
	color:#fff !important;
}

.appUserTree .ui-tree{
	height: 695px !important;
}
.appDeviceTree .ui-tree{
	height: 1020px !important;
}

.ui-spinner-button{
	background: #9e9e9e !important;
	border: #9e9e9e !important;
}
.auditlog tbody td {
	border: 1px solid #d9d9d9 !important;
}

.popCont {
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
}

.noticeP .ui-datepicker {
	width: 19em;
}
.deviceType .ui-dropdown {
	width: 190px !important;
}
.userInputClass {
	width: 210px !important;
}
.adminInputClass {
	width: 180px !important;
}
.installationLogTree .ui-tree{
	height: 392px !important;
}

.imgOn {
	cursor: pointer;
}