@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@charset "utf-8";


/* 기본 */
* { margin:0; padding:0; }
html { width:100%; }
body, code { font:0.75em 'Nanum Gothic','NanumGothic',AppleGothic,sans-serif; color:#313942; background:#fff; }
body {min-width:1280px; background:#197DC2;}

ul,li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; color:#353535; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }

a { text-decoration:none; color:#313942; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }

.clear { clear:both; height:0; overflow:hidden; }


/* 레이아웃 */
header {position:relative; width:100%; min-width:1280px; height:80px; background:#25272A; } 
/* nav {clear:both; position:absolute; left:0px; top:80px;  float:left; width:100px; min-height:740px; background:#313942; z-index:20; opacity:0.9; overflow:hidden; } */
nav {clear:both; position:absolute; left:0px; top:80px;  float:left; width:100px; min-height:740px; background:#313942; z-index:30; overflow:hidden; }
nav:hover {width:300px; transition:all 0.2s ease-in-out;}
section {min-width:1200px; padding-bottom:1%;}
.section:after {display:block; content:""; clear:both;}

/* h3 {padding:34px 0 34px 9%; float:left; font-size:24px; font-weight:bold; color:#fff; } */
h3 {padding:20px 0 10px 0; float:left; font-size:24px; font-weight:bold; color:#fff; margin-left: 110px }
h4 {line-height:24px; color:#fff; font-size:18px; font-weight:bold; margin-bottom:20px; } 


/* 헤더 */ 
header h1 {float:left; padding:25px 36px; cursor:pointer;}
/* header #menu_btn {position:absolute; left:36px; top:26px;} */
header .hd_menu {float:right;}
header .hd_menu li {float:left;}
header .hd_menu li a {display:block; padding:28px 20px; border-left:0px solid #666; }
header .hd_menu li a:hover {background:#404040; transition:all 0.1s ease-in-out;}

/* 좌측 메뉴 */
nav ul.nav_s {padding-top:30px;}

nav ul.nav_s li {height:40px; line-height:40px;  width:300px; margin-bottom:40px; text-indent:100px; font-size:22px;}
/*
nav ul.nav_s li#Nav01 {background:url('../../img/nav_bg.png') no-repeat 26px 6px;}
nav ul.nav_s li#Nav02 {background:url('../../img/nav_bg.png') no-repeat 26px -68px;}
nav ul.nav_s li#Nav03 {background:url('../../img/nav_bg.png') no-repeat 26px -146px;}
nav ul.nav_s li#Nav04 {background:url('../../img/nav_bg.png') no-repeat 26px -222px;}
nav ul.nav_s li#Nav05 {background:url('../../img/nav_bg.png') no-repeat 26px -300px;}
nav ul.nav_s li#Nav06 {background:url('../../img/nav_bg.png') no-repeat 26px -373px;}  /*  20171010 추가메뉴  /
*/
nav ul.nav_s li#Nav01 {background:url('../../img/nav_bg.png') no-repeat 26px 6px;}
nav ul.nav_s li#Nav02 {background:url('../../img/nav_bg.png') no-repeat 26px -68px;}
nav ul.nav_s li#Nav03 {background:url('../../img/nav_06.png') no-repeat 30px 0px;}
nav ul.nav_s li#Nav04 {background:url('../../img/nav_bg.png') no-repeat 26px -146px;}
nav ul.nav_s li#Nav05 {background:url('../../img/nav_bg.png') no-repeat 26px -222px;}
nav ul.nav_s li#Nav06 {background:url('../../img/nav_bg.png') no-repeat 26px -300px;} /*  20171010 추가메뉴  */
nav ul.nav_s li#Nav07 {background:url('../../img/nav_07.png') no-repeat 32px 0px;} /*  20180201 추가메뉴  */
nav ul.nav_s li a {display:block; color:#fff;}
nav ul.nav_s li a:hover {color:#ffe353;}

nav .copy {position:absolute; left:36px; bottom:40px; width:0px; color:#777; font-size:10px; line-height:1.4; z-index:12; overflow:hidden; }
nav:hover .copy {width:300px;}


/* 팝업 레이어 */
.Pstyle {display:none; position:relative; width:auto; padding:20px; background:#fff; opacity:0; box-shadow:2px 2px 10px rgba(0,0,0,0.4); z-index:99; }

.Pstyle h4 {padding-bottom:10px; font-size:20px; font-weight:bold; line-height:32px; line-height:32px; color:#313942;} 

	#popup_id h4 {background:url('../../img/bg_bar_tit.png') no-repeat 0px 0px; text-indent:22px; border-bottom:1px solid #D3D7DB; }
	#popup_pw h4 {background:url('../../img/bg_bar_tit.png') no-repeat 0px 0px; text-indent:22px; border-bottom:1px solid #D3D7DB; }
	
	#popup_grp h4 {background:url('../../img/ico_add_group.png') no-repeat 0px 2px; text-indent:42px;}
	#popup_hlm h4 {background:url('../../img/ico_add_equip.png') no-repeat 0px 2px; text-indent:50px;}
	#popup_user h4 {background:url('../../img/ico_add_user.png') no-repeat 0px 2px; text-indent:34px;}
	#popup_user_modify h4 {background:url('../../img/ico_add_user.png') no-repeat 0px 2px; text-indent:34px;}
	
	#modify_grp h4 {background:url('../../img/ico_add_group.png') no-repeat 0px 2px; text-indent:42px;}
	#modify_hlm h4 {background:url('../../img/ico_add_equip.png') no-repeat 0px 2px; text-indent:50px;}
	#modify_user h4 {background:url('../../img/ico_add_user.png') no-repeat 0px 2px; text-indent:34px;}

.Pstyle ul {margin:30px 0 60px 0; padding:0 30px 30px 20px; font-size:15px; }
.Pstyle ul li {background:url('../../img/bg_bar.png') no-repeat 0px 5px; text-indent:10px; line-height:34px;}
.Pstyle ul li span {display:inline-block; width:100px; }
.Pstyle ul li input[type="text"] {width:190px; }
.Pstyle ul li:last-child input[type="text"] {width:100px; background:#EEEEEE; }
.Pstyle ul li:last-child input[type="button"] {background:#9299A2; border:0 none; font-size:12px; color:#fff; padding:4px 5px; }
	
.Pstyle table {font-size:14px; line-height:28px; text-align:left; padding-bottom:30px; margin-bottom:60px;}
.Pstyle table tr:first-child th {border-top:1px solid #eee;}
.Pstyle table tr:first-child td {border-top:1px solid #eee;}
.Pstyle table th {width:100px; color:#5FB6BA; padding:4px 0 4px 10px; border-bottom:1px solid #eee; text-align:left;}
.Pstyle table th span {float:right;}
.Pstyle table td {padding:4px 10px 4px 20px; border-bottom:1px solid #eee;}

	.over_chk_btn {background:#5FB6BA; color:#fff; border:0 none; border-radius:2px; font-size:12px; padding:2px 4px;}
	.over_chk_true {background:#5FB6BA; color:#fff; border:0 none; border-radius:2px; font-size:12px; padding:2px 4px;}
	.over_chk_false {background:#DB0000; color:#fff; border:0 none; border-radius:2px; font-size:12px; padding:2px 4px;}


.Pstyle .pop_btn {position:absolute; bottom:0px; left:0px; width:100%; }
.Pstyle .pop_btn input {display:block; float:left; width:50%; height:60px; line-height:60px; background:#00579A; border:0 none; font-size:16px; font-weight:bold; color:#fff; cursor:pointer;}
.Pstyle .pop_btn .cancel_btn {display:block; float:right; width:50%; height:60px; line-height:60px; background:#eee; border:0 none; font-size:16px; font-weight:bold; color:#696A6B; text-align:center; cursor:pointer;}

.Pstyle .pop_btn input:hover {background:#268EDE; transition:all 0.1s ease-in-out;} 
.Pstyle .pop_btn .cancel_btn:hover {background:#c2c2c2; transition:all 0.1s ease-in-out;} 


.Pstyle .popclose_btn {position:absolute; top:14px; right:14px; cursor:pointer;}

.Pstyle select {font-size:12px; padding-right:10px;}

/* 중복체크 */
.check_valid {
  color: #00B16F;
}

.check_invalid {
  color: #FF0000;
}


/* 알람 */
.event-alarm, .event-alarm a, .event-alarm h4 {
  font-weight: bolder;
  color: red;
}

/* 말줄임 */
.text-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100px;
	overflow: hidden;
}