#loading-overlay {
	z-index : 999999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=80);
}
/* 달력 */
.btnCalendarIcon{display:inline-block;cursor:pointer;background:url('../../images/smpp/layout/calendar_icon.png') no-repeat center center;border: 0px solid #737373;height: 22px;width: 23px; vertical-align: middle;}

/* 권한목록 */
#header .utilBox .util .skipNavi .roleNavi {display: inline; margin-left: 10px;}
#header .utilBox .util .skipNavi .roleNavi .myList{background:url('../../images/smpp/layout/top-arrow.png') no-repeat 52px -19px; padding-right:20px;}
#header .utilBox .util .skipNavi .roleNavi .myList:hover{cursor:pointer;}
#header .utilBox .util .skipNavi .roleNavi .myList.on{background-position:52px 3px; font-weight:bold; text-decoration:underline;}
#header .utilBox .util .skipNavi .roleNavi .myMenu{background-color:#fff; border:1px solid #a9a9ab; padding:10px; position:absolute; z-index:999; left:0px; top:32px; display:none;}
#header .utilBox .util .skipNavi .roleNavi .myMenu > ul > li{float:left; padding:0px 10px; border-left:1px solid #ececec; height:155px;}
#header .utilBox .util .skipNavi .roleNavi .myMenu > ul > li:first-child{border-left:none; padding-left:0px;}
#header .utilBox .util .skipNavi .roleNavi .myMenu > ul > li li a{font-size:12px; color:#666; line-height:20px;}
#header .utilBox .util .skipNavi .roleNavi .myMenu > ul > li li a:hover{color:#f47421; text-decoration:underline;}

/* 로고 위치 수정 */
/* #header .headerBox h1.logo {float:left;padding:0} */

/* firstGnb 위치 수정 */
/* #header .utilBox .util .firstGnb {position: absolute;left: 300px;} */

/* gnbBox 위치 수정 */
/* #header .headerBox .gnbBox {float:left;width:900px;margin-left:0px} */

/* gnb 사이즈조정 */
/* #header .gnbDepth1.a1{display:block; padding-bottom: 28px;}
#header .gnbDepth1.a2{padding-bottom: 28px;}
#header .headerBox .gnbBox{float:left; padding-left:15px; padding-top:1px;}
#header .headerBox{height:65px;}
#header .headerBox .logo{margin-top:5px; float:left; overflow:hidden;}
#header .gnbDepth2{top:90px;}
#header .utilBox .util .firstGnb{width:290px; height:33px; float:left; padding-left:100px;}
#header .gnbDepth2 .gnbLine.L{background:url('../../images/smpp/layout/gnb-bg.png') repeat-x; width:45%; left:0px;}
#header .gnbDepth2 .gnbLine.R{background:url('../../images/smpp/layout/gnb-bg2.png') repeat-x; width:55%; left:45%;}
#header .gnbDepth2 .subGnbBox .subGnb{margin-left:0px; padding-top:30px;  display:none;}*/
/* 글자색 빨강 */
.txtRed{color:#a83339;}
.txtRealRed{color:#ff0000; font-weight: bold;}
/* 글자색 주황 */
.txtOrange{color:#f5751e;}
/* 글자색 파랑 */
.txtBlue{color:#0d62d6;}
.txtRealBlue{color:#0000ff; font-weight: bold;}
.txtBlack{color:#333 !important}

.hand{cursor:pointer;}

/* 페이징 버튼 사이즈 조정 */
.tlWrap{text-align:left !important; word-break:break-all; white-space: -moz-pre-wrap; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;color:#a83339}
.tlWrap a{color:#a83338}
.tlWrap a:hover{color:#a83338;text-decoration:underline}
a{color:#333;text-decoration:none}

a.subject {color:#a83338;text-decoration:underline}
a.subject:hover {color:#a83338;text-decoration:underline}

/* #contentWrap #container .subContHeader h3{font-size: 24px; margin-top: 26px;}*/

/* 달력 공휴일 빨강색 표시 */
.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {color: #C00;}

input:-moz-read-only { /* For Firefox */
    background-color: #EEEEEE;
}
input:read-only { 
    background-color: #EEEEEE;
}

input[readonly="readonly"]/* For IE */
{
    background-color: #EEEEEE;
}

input[readonly="true"]/* For IE */
{
    background-color: #EEEEEE;
}

/* 메인레이아웃 수정 */
/*#header{width:100%; height:100px;}
#lnbWrap{width:180px; margin-top:57px; float:left; overflow:hidden;}
#contentWrap #container{width:870px; float:right; margin-top:10px; overflow:hidden;}*/

/*********************
** GNB 메뉴 DEPTH1
**********************/

/*#header .wrapper {overflow:hidden; float:left; width:900px;}*/
/* #header .gnbDepth1Title {overflow:hidden; float:left; height:30px; line-height:30px; padding-left:10px; padding-right:10px; font-size:18px; font-weight:bold; color:#464646;} */
/*#header .gnbDepth1Title {overflow:hidden; float:left; height:40px; line-height:30px; padding-left:10px; padding-right:10px; font-size:18px; font-weight:bold; color:#464646;}

#header .wrapper .gnbTxt{float:right;}*/

/** page structure **/
nav {
  display: block;
  width: 100%;
  /* height: 70px; */
  background: #FFFFFF;
}

.wrapper { 
  display: block;
  margin: 0 auto;
  width: 750px;
}

#menudepth1 {
  display: block;
  position: relative;
  z-index: 99;
}

#menudepth1 .gnbDepth1Title:hover{
	border-top: 5px solid #FA8C03;
	box-shadow: 0 2px 7px rgba(0,0,0,0.45);
}

#menudepth1 li {
  display: block;
  float: left;
  
}
#menudepth1 li a {
  display: block;
  position: relative;
  float: left;
  /* padding: 0 35px; */
  /* padding-left:20px; */
  height:40px;
  font-size: 18px;
  line-height: 40px;
  /* font-weight: bold; */
  text-decoration: none;
  color: #555;
}

#menudepth1 li a p{
  text-align: center;
}

#menudepth1 li a:hover, #menudepth1 li a.active {
  background: #fff;
  color: #2c343b;
}

#menudepth1 li ul {
  font-size: 10px;
  display: none;
  position: absolute;
  margin-top: 40px;
  width: 200px;
  background: #fff;
  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  margin-left: -10px;
}
#menudepth1 li ul li {
  display: block;
  width: 200px;
  border-bottom: 1px solid #DFE8E8;
  /* border-left: 1px solid #DFE8E8;
  border-right: 1px solid #DFE8E8; */
  font-size: 9px;
  font-weight: 200;
  overflow: hidden;
  height: 30px;
}

#menudepth1 li ul li ul li{
  display: block;
  width: 220px;
  border-bottom: 1px solid #DFE8E8;
  border-left: 1px solid #DFE8E8;
  border-right: 1px solid #DFE8E8;
}

#menudepth1 li ul li a {
  width: 170px;
  display: block;
  float: none;
  color: #4e5b67;
  font-size: 1.35em;
  line-height: 30px;
  padding: 0 15px;
}
#menudepth1 li ul li a:hover {
  background: #384958;
  color: red;
}

#menudepth1 li ul.expanded {
  width: 200px;
}
#menudepth1 li ul.expanded li { 
}

#menudepth1 li ul li.arrow {
	 background: url(../../images/smpp/layout/bg_tab_arrow_hv_right.png) no-repeat 180px;
}

#menudepth1 li ul li ul {
  display: none;
  position: absolute;
  left: 200px;
  /* height: 100%; */
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  margin-top: -40px;
}
#menudepth1 li ul li ul li a { color: #464646; }
#menudepth1 li ul li ul li a:hover { text-decoration: underline; }

#menudepth1 li ul li.blue a:hover, #menudepth1 li ul li.blue a.active { background: #FBFBFB; color: #F10303; }
#menudepth1 li ul li.blue ul li{ background: #FBFBFB; }



/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* 팁영역 단계별 스타일 */
.tipStep1{ padding-bottom: 10px;}
.tipStep1 span{ font-family: sans-serif; }
.tipStep2 {padding:0 0 10px 15px; }
.tipStep3 {padding:0 0 10px 25px;}




/* 본문바로가기 */
.hide {
	font-size: 0;
	height: 0;
	position: absolute;
	top: -99999px;
	width: 0;
}

.skip dd a {
	display: block;
	font-size: 16px;
	left: 0;
	position: absolute;
	text-align: center;
	top: -10000px;
	width: 100%;
	z-index: 500;
}

.skip dd a:hover, .skip dd a:focus, .skip dd a:active {
	background: none repeat scroll 0 0 #ffffff;
	color: #4f4f4f;
	padding: 15px 0;
	position: absolute;
	top: 0;
	z-index: 99999;
	height: 20px;
}