@import url("base.css");

body {
	width: 100%;
}

* {
	outline: none;
}

/*login*/
.loginLayout {
	margin: 0 auto;
	/*padding:100px 30px 100px 30px;*/
	background: url("../images/login.png") center center no-repeat;
	background-color: #333333;
	height: 45%;
	width: 100%;
	/*background-size:60% 22%;*/
}

h1 {
	margin: 0 auto;
	width: 372px;
	height: 50px;
	padding: 0 0 60px 0;
}

h1 span {
	font-size: 0px;
	color: #fff;
}

.login input {
	height: 40px;
	background-color: #333333;
	width: 100%;
	border-bottom: 2px solid #464646;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 1px;
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #b3b3b3;
	padding: 0px 0 0 40px;
}

.email {
	background: url("../images/email.png") left 50% no-repeat;
	passding-left: 100px;
	width: 100%;
}

.password {
	background: url("../images/password.png") left 50% no-repeat;
	width: 100%;
}

.login button {
	width: 100%;
	height: 60px;
	border-radius: 1px;
	border: 0;
	/*background-color:#181818;*/
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background: #181818 url("../images/sign_in.png") center center no-repeat;
	/*background:linear-gradient(to bottom,#2f2f2f,#181818); background:-moz-linear-gradient(to bottom,#2f2f2f,#181818); background:-o-linear-gradient(to bottom,#2f2f2f,#181818); background:-webkit-linear-gradient(to bottom,#2f2f2f,#181818);
  */
}

.trial button{
	width: 100%;
	height: 60px;
	border-radius: 1px;
	border: 0;
	/*background-color:#181818;*/
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background: #181818 url("../images/Free_Trial.png") center center no-repeat;
	/*background:linear-gradient(to bottom,#2f2f2f,#181818); background:-moz-linear-gradient(to bottom,#2f2f2f,#181818); background:-o-linear-gradient(to bottom,#2f2f2f,#181818); background:-webkit-linear-gradient(to bottom,#2f2f2f,#181818);
  */
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 8%;
	background-color:#333333;
}

.footer {
	padding-bottom: 20px;
	float: right;
	background-position-y: 50%;
	padding-right: 10px;
	padding-top: 10px;
}


.footerlnb {
	position: fixed;
	bottom: 0px;
	float: left;
	width: 100%;
	padding: 0px 0 8px 0;
	background: #333333;
}

.footerlnb li {
	float: left;
	width: 20%;
	font-size: 12px;
	color: #eee;
	text-align: center;
	font-family: NanumGothic;
	padding-top: 25px;
}

.footerlnb li a:link {
	color: #555;
	text-decoration: none;
}

.footerlnb li a:visited {
	color: #555;
	text-decoration: none;
}

.footerlnb li a:hover {
	COLOR: #555;
	text-decoration: none;
}

.footerlnb li.on {
	color: #1d5b89;
	border-bottom: 3px #1d5b89 solid;
	font-weight: bold;
}

.footerlnb li.on a:link {
	color: #1d5b89;
	text-decoration: none;
}

.footerlnb li.on a:visited {
	color: #1d5b89;
	text-decoration: none;
}

.footerlnb li.on a:hover {
	COLOR: #1d5b89;
	text-decoration: none;
}


/*main*/
h2 {
	margin: 0 auto;
	width: 295px;
	background: url("../images/logo2.jpg") 0 15px no-repeat;
	height: 65px;
}

h2 span {
	font-size: 0px;
	color: #fff;
}

.menu {
	width: 100%;
	height: 76%;
	margin: auto;
	/*border-top:1px #000 solid;*/
	background-color: #f9f9f9;
	padding-left: 2px;
}

.menu li {
	width: 48%;
	height: 45%;
	float: left;
	color: #333;
	font-size: 1.5em;
	/*font-family:NanumGothic;*/
	letter-spacing: -1px;
	font-weight: bold;
	/*border:2px solid #DDD;*/
	overflow: hidden;
	`
}

.menu li.expense {
	background-color: #f9f9f9;
	background-image: url("../images/main_expense.png");
	background-position-x: center;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: 50% 43%; /*°¡·Î ¼¼·Î*/
}

.menu li.report {
	background-color: #f9f9f9;
	background-image: url("../images/main_report.png");
	background-position-x: center;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: 50% 43%; /*°¡·Î ¼¼·Î*/
}

.menu li.scan {
	background-color: #f9f9f9;
	background-image: url("../images/main_scan.png");
	background-position-x: center;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: 50% 43%; /*°¡·Î ¼¼·Î*/
}

.menu li.corpcard {
	background-color: #f9f9f9;
	background-image: url("../images/main_corpcard.png");
	background-position-x: center;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: 50% 43%; /*°¡·Î ¼¼·Î*/
}

.menu li.approval {
	background-color: #f9f9f9;
	background-image: url("../images/main_approval.png");
	background-position-x: center;
	background-position-y: 30%;
	background-repeat: no-repeat;
	background-size: 50% 43%; /*°¡·Î ¼¼·Î*/
}

.menu li.green {
	background-color: #2eaeb7;
	background-image: url("../images/icon1.png");
	background-position: 110px 170px;
	background-repeat: no-repeat;
}

.menu li.blue {
	background-color: #184f78;
	background-image: url("../images/icon2.png");
	background-position: 110px 170px;
	background-repeat: no-repeat;
}

.menu li.olive {
	background-color: #a1b400;
	background-image: url("../images/icon3.png");
	background-position: 110px 170px;
	background-repeat: no-repeat;
}

.menu li.red {
	background-color: #de3f18;
	background-image: url("../images/icon4.png");
	background-position: 110px 170px;
	background-repeat: no-repeat;
}

.menu li span {
	position: relative;
	top: 70%;
	text-align: center;
	display: block;
}

.gnb {
	float: left;
	width: 100%;
}

.gnb li {
	float: left;
	width: 33%;
	text-align: center;
	color: #000;
	font-family: NanumGothic;
	font-size: 21px;
	font-weight: bold;
	padding: 30px 0 30px 0;
}

.gnbBlack {
	float: left;
	width: 100%;
	background: #272727;
}

.gnbBlack li {
	float: left;
	width: 33%;
	text-align: center;
	color: #ababab;
	font-family: NanumGothic;
	font-size: 21px;
	font-weight: bold;
	padding: 30px 0 30px 0;
}

.gnbBlack li a:link {
	color: #ababab;
	text-decoration: none;
}

.gnbBlack li a:visited {
	color: #ababab;
	text-decoration: none;
}

.gnbBlack li a:hover {
	COLOR: #ababab;
	text-decoration: none;
}

/*sub*/
.titleBlue {
	float: left;
	width: 100%;
	height: 35px;
	background: #049ede;
	padding: 15px 0 0 0;
	color: #fff;
}

.titleBlue p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.titleGray {
	float: left;
	width: 100%;
	height: 35px;
	background: #333333;
	padding: 15px 0 0 0;
	background-image: url("../images/mobileLog.png");
	background-repeat: no-repeat;
	background-size: 60% 70%;
	background-position: center;
}

.titleGray p {
	float: left;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	position: fixed;
	left: 40%;
}

.titleOrange {
	float: left;
	width: 100%;
	height: 35px;
	background: #ff9c00;
	padding: 15px 0 0 0;
}

.titleOrange p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.titleGreen {
	float: left;
	width: 100%;
	height: 35px;
	background: #00aa44;
	padding: 15px 0 0 0;
}

.titleGreen p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.titleWhite {
	float: left;
	width: 100%;
	height: 50px;
	background: #fff;
	padding: 15px 0 0 0;
}

.titleWhite p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.titleCyan {
	float: left;
	width: 100%;
	height: 50px;
	background: #2eaeb7;
	padding: 15px 0 0 0;
}

.titleCyan p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.titleRed {
	float: left;
	width: 100%;
	height: 50px;
	background: #de3f18;
	padding: 15px 0 0 0;
}

.titleRed p {
	position:absolute;
	text-align: center;
	font-family: NanumGothic;
	font-size: 1.7em;
	color: #ffffff;
	line-height: 1em;
	width: 100%;
	z-index: 0;
}

.leftBtn {
	background-image : url("/mobile/easy/images/icon_back.png");
	background-position : 10px;
	background-repeat : no-repeat;
	position : relative;
	z-index : 1;
	float: left;
	padding: 2px 0 0 30px;
	color: #ffffff;
	font-size: 1.5em;
}
.homeBtn {
	position : relative;
	z-index : 1;
	float: left;
	padding: 2px 0 0 10px;
	color: #ffffff;
	font-size: 1.5em;
}
.leftBtnNB {
	position : relative;
	z-index : 1;
	float: left;
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 1.5em;
}

.leftBtn a {
	color: #ffffff;
	font-size: 1.0em;
	font-family: NanumGothic;
	line-height: 1.2em;
}

.homeBtn a {
	color: #ffffff;
	font-size: 1.0em;
	font-family: NanumGothic;
	line-height: 1.2em;
}

.leftBtnNB a {
	color: #ffffff;
	font-size: 1.0em;
	font-family: NanumGothic;
	line-height: 1.2em;
}

.rightBtn {
	position : relative;
	z-index : 1;
	float: right;
	padding: 2px 10px 0 0;
	font-size: 1.5em;
	color: #ffffff;
}

.rightBtn a {
	color: #ffffff;
	font-size: 1.0em;
	font-family: NanumGothic;
	line-height: 1.2em;
}
.centerBtn {
	text-align: center;
	float: left;
	width: 100%;
	height: 25px;
	background: #049ede;
	padding: 6px 0 0 0;
}
.centerBtn p {
	/* position:absolute */;
	text-align: center;
	font-size: 1.2em;
	font-weight : bold;
	color: #ffffff;
	width: 100%;
	z-index: 0;
}

.centerBtnSmall {
	text-align: center;
	width: 50%;
	height: 25px;
	background: #049ede;
}
.centerBtnSmall p {
	/* position:absolute */;
	text-align: center;
	float: left;
	width: 100%;
	height: 25px;
	background: #049ede;
	padding: 6px 0 0 0;
	font-size: 1.2em;
	font-weight : bold;
	color: #ffffff;
	z-index: 0;
}


.centerBtnGreen {
	text-align: center;
	float: left;
	width: 100%;
	height: 25px;
	background: #00aa44;
	padding: 6px 0 0 0;
}
.centerBtnGreen p {
	/* position:absolute */;
	text-align: center;
	font-size: 1.2em;
	font-weight : bold;
	color: #ffffff;
	width: 100%;
	z-index: 0;
}

.centerBtnSmallGreen {
	text-align: center;
	width: 50%;
	height: 25px;
	background: #00aa44;
}
.centerBtnSmallGreen p {
	/* position:absolute */;
	text-align: center;
	float: left;
	width: 100%;
	height: 25px;
	background: #00aa44;
	padding: 6px 0 0 0;
	font-size: 1.2em;
	font-weight : bold;
	color: #ffffff;
	z-index: 0;
}


.lnb {
	float: left;
	width: 100%;
	padding: 10px 0 0 0px;
	height: 75px;
	border-bottom: 1px #c8c7cc solid;
	background: #f6f6f6;
}

.lnb li {
	float: left;
	width: 20%;
	font-size: 14px;
	color: #555;
	text-align: center;
	font-family: NanumGothic;
	line-height: 90px;
	padding-top: 20px;
}

.lnb li a:link {
	color: #555;
	text-decoration: none;
}

.lnb li a:visited {
	color: #555;
	text-decoration: none;
}

.lnb li a:hover {
	COLOR: #555;
	text-decoration: none;
}

.lnb li.on {
	color: #1d5b89;
	border-bottom: 3px #1d5b89 solid;
	height: 43px;
	font-weight: bold;
}

.lnb li.on a:link {
	color: #1d5b89;
	text-decoration: none;
}

.lnb li.on a:visited {
	color: #1d5b89;
	text-decoration: none;
}

.lnb li.on a:hover {
	COLOR: #1d5b89;
	text-decoration: none;
}

.lnb2 {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	height: 45px;
	border-bottom: 1px #c8c7cc solid;
	background: #f6f6f6;
}

.lnb2 li {
	float: left;
	width: 25%;
	font-size: 21px;
	color: #555;
	text-align: center;
	font-family: NanumGothic;
}

.lnb2 li a:link {
	color: #555;
	text-decoration: none;
}

.lnb2 li a:visited {
	color: #555;
	text-decoration: none;
}

.lnb2 li a:hover {
	COLOR: #555;
	text-decoration: none;
}

.lnb2 li.on {
	color: #cb330f;
	border-bottom: 3px #de3f18 solid;
	height: 43px;
	font-weight: bold;
}

.lnb2 li.on a:link {
	color: #cb330f;
	text-decoration: none;
}

.lnb2 li.on a:visited {
	color: #cb330f;
	text-decoration: none;
}

.lnb2 li.on a:hover {
	COLOR: #cb330f;
	text-decoration: none;
}

.content {
	float: left;
	background: #e1e4e5;
	padding: 0 15px 15px 1px;
}

.content2 {
	float: left;
	/* ·¹Æ÷Æ® ÀÛ¼º¿¡¼­ ¾Æ¹«°Íµµ ¾øÀ»½Ã ¹é±×¶ó¿îµå·Î ºí·ÏÀÌ ÀâÇô »èÁ¦.
background:#e1e4e5; 
*/
	width: 100%;
}

.subTitle {
	clear: both;
	font-size: 18px;
	color: #65707a;
	font-family: NanumGothic;
	padding: 15px 0 8px 0;
}

.subTitle2 {
	clear: both;
	font-size: 18px;
	color: #65707a;
	font-family: NanumGothic;
	padding: 15px 0 8px 15px;
}

.roundBox {
	float: left;
	border-left: 1px #d3d6d7 solid;
	border-right: 1px #d3d6d7 solid;
	/*border-bottom: 1px #b7babb solid;*/
	border-radius: 1px;
	background: #fff;
	width: 100%;
}

.lineBox {
	float: left;
	border-bottom: 0px #b7babb solid;
	background: #fff;
	width: 100%;
}

.listRight2 li {
	font-size: 16px;
	color: #919191;
	padding: 5px;
	border-bottom: 1px #dbdbdb solid;
	font-family: NanumGothic;
}

.listRight2 li span {
	float: right;
	font-size: 16px;
}

.listRight li {
	font-size: 16px;
	color: #919191;
	padding: 5px;
	border-bottom: 1px #dbdbdb solid; /* font-family:NanumGothic;*/
}

.listRight li span {
	float: left;
	font-size: 14px;
}

li span.li_right {
	float: right;
	font-size: 16px;
	line-height: 40px;
	padding-right: 10px;
}

li span.li_right[type=textarea] {
	outline: none;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	line-height: 20px;
}

.listRight li span.blue {
	float: right;
	font-size: 18px;
	color: #049ede;
	background: url("../images/icon_blueArrow.png") right center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.blue2 {
	float: right;
	font-size: 18px;
	color: #049ede;
	padding: 0 15px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.gray {
	float: right;
	font-size: 18px;
	color: #666666;
	/*background:url("../images/icon_blueArrow.png")right center no-repeat; */
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.date {
	float: right;
	font-size: 18px;
	color: #666666;
	background: url("../images/calendar.png") 95% center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: normal;
}

.listRight li span.date2 {
	float: right;
	line-height: 40px;
	font-size:16px;
	color:#919191;
	font-weight:normal; 
	padding:0 15px 0 0;
}


.listRight li span.date_green {
	float: right;
	font-size: 18px;
	color: #666666;
	background: url("../images/calendar_g.png") 95% center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: normal;
}

.listRight li span.amount {
	float: right;
	font-size: 22px;
	color: #049ede;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.amount2 {
	float: right;
	font-size: 20px;
	color: #f24183;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.report_amount {
	float: right;
	font-size: 22px;
	color: #ff9c00;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.approval_amount {
	float: right;
	font-size: 22px;
	color: #00aa44;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.report_cur {
	float: right;
	font-size: 15px;
	color: #666666;
	background: url("../images/icon_arrowOrange.png") 95% center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.report_gray {
	float: right;
	font-size: 18px;
	color: #666666;
	background: url("../images/icon_arrowOrange.png") right center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.listRight li span.cur {
	float: right;
	font-size: 15px;
	color: #666666;
	background: url("../images/icon_blueArrow.png") right center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 45px;
	font-weight: bold;
}

.listRight li span.cur2 {
	float: right;
	font-size: 15px;
	color: #666666;
	padding: 0 15px 0px 0;
	line-height: 45px;
	font-weight: bold;
}

.listRight li span.green {
	float: right;
	font-size: 1em;
	color: #839300;
	background: url("../images/icon_greenArrow.png") right 7px no-repeat;
	padding: 0 30px 0 0;
	height: 35px;
	line-height: 35px;
}

.listRight li span.cyan {
	float: right;
	font-size: 21px;
	color: #2eaeb7;
	background: url("../images/icon_cyanArrow.png") right 7px no-repeat;
	padding: 0 30px 0 0;
	height: 35px;
	line-height: 35px;
}

.listRight li span em {
	font-size: 31px;
}

.listRight li p {
	min-width : 27%;
	display: inline-block;
	padding: 12px 0 12px 0;
	font-weight: bold;
}

.listRight li img {
	padding: 0 10px 0 0;
}

.listRight li p.icoGreen {
	background: url("../images/icon_plus.png") left 5px no-repeat;
	padding: 0 0 0 35px;
	height: 35px;
	line-height: 35px;
}

.listRight li p.icoCyan {
	background: url("../images/icon_plus2.png") left 5px no-repeat;
	padding: 0 0 0 35px;
	height: 35px;
	line-height: 35px;
}

.listLeft li {
	font-size: 21px;
	color: #646464;
	padding: 15px;
	border-bottom: 1px #dbd9d6 solid;
}

.listLeft li p {
	font-family: NanumGothic;
	font-weight: bold;
	display: inline-block;
	width: 140px;
}

.listLeft li span {
	color: #949494;
	font-weight: 0;
	font-family: NanumGothic;
}

.listLeft li span.green {
	color: #839300;
	font-weight: 0;
	font-family: NanumGothic;
}

.listLeft li span.gray {
	float: right;
	font-size: 18px;
	color: #949494;
	background:url("../images/icon_grayArrow.png")right center no-repeat;
	padding: 0 30px 0px 0;
	line-height: 1.3em;
	font-weight: bold;
}

.listLeft li span.cyan {
	color: #2eaeb7;
	font-weight: 0;
	font-family: NanumGothic;
}

.listImg {
	float: left;
	padding: 0 5px 0 5px;
}

.listImg li {
	float: left;
	padding: 10px 6px 10px 6px;
}

.exTable {
	float: left;
	width: 100%;
	height: 40px;
	border-bottom: 1px #c8c7cc solid;
	background: #fefefe;
}

.exTable li {
	float: left;
	font-size: 14px;
	color: #6a6a6a;
	text-align: center;
	font-family: NanumGothic;
	line-height: 40px;
	letter-spacing: -1px;
	padding: 0 5px 0 5px;
}

.exTable li img {
	margin: 13px 0 0 8px;
}

.btnBlack {
	float: right;
	margin: 15px 15px 15px 0;
	height: 52px;
	border-radius: 3px;
	border: 0;
	background: #141414;
	font-size: 21px;
	color: #fff;
	padding: 0 20px 0 20px;
	font-weight: 0;
	background: linear-gradient(to bottom, #2f2f2f, #000);
	background: -moz-linear-gradient(to bottom, #2f2f2f, #000);
	background: -o-linear-gradient(to bottom, #2f2f2f, #000);
	background: -webkit-linear-gradient(to bottom, #2f2f2f, #000);
}

}
li.category {
	color: blue;
	font-size: 40px !important;
	font-weight: bold;
	text-align: left;
}

.category_name {
	color: #333333;
	font-size: 1.0em !important;
	font-weight: bold;
	text-align: left;
	float: left;
	line-height: 30px;
}

.use_date {
	color: #333333;
	font-size: 0.8em !important;
	font-weight: normal;
	text-align: center;
	padding-left: 10px;
	line-height: 30px;
	float: right !important;
}

.card_use_date {
	color: #333333;
	font-size: 0.8em !important;
	font-weight: normal;
	text-align: center;
	padding-left: 10px;
	line-height: 30px;
}



.store_name {
	color: #333333;
	font-size: 0.8em !important;
	font-weight: normal;
	text-align: center;
	text-align: left;
	line-height: 30px;
}

.use_amt {
	color: #049ede;
	font-size: 1.2em !important;
	font-weight: bold;
	text-align: right;
	padding-left: 20px;
	line-height: 30px;
	/*background:url("../images/blue_won.png")20px 3px no-repeat;*/
	float: right !important;
}

.moreTitle {
	line-height: 50px;
	font-size: 16px;
	color: #919191;
	font-family: NanumGothic;
	background-color: #ebebeb;
	border-bottom: 2px solid #dbdbdb;
	text-align: right;
	/*padding-right:50px;*/
}

.titleMore {
	float: left;
	width: 100%;
	height: 35px;
	background: #ebebeb;
	padding: 0px 0 0 0;
	line-height: 35px;
	border-bottom: 1px solid #dbdbdb;
}

.titleMore p {
	float: left;
	text-align: right;
	color: #191919;
	font-family: NanumGothic;
	font-size: 16px;
	width: 85%;
	line-height: 35px;
	height: 35px;
	color: #919191;
	font-weight: bold;
}

.moreBtn {
	float: right;
	padding: 5px 10px 0 0;
}

.addBtn {
	float: left;
	padding: 10px 15px 0 0;
}
.minusBtn {
	float: right;
	padding: 10px 15px 0 15px;
}

.titleAdd p {
	float: left;
	text-align: left;
	color: #191919;
	font-family: NanumGothic;
	font-size: 20px;
	width: 85%;
	line-height: 40px;
	height: 40px;
	color: #919191;
	font-weight: bold;
}

.titleAdd {
	float: left;
	width: 100%;
	height: 40px;
	background: #f1f1f1;
	padding: 0px 0 0 0;
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
}

.report_amt {
	color: #333333;
	font-size: 22px !important;
	font-weight: bold;
	text-align: left;
	padding-left: 40px;
	line-height: 30px;
	background: url("../images/orange_won.png") 10px 3px no-repeat;
	float: left !important;
}

.report_amt2 {
	color: #ff9c00;
	font-size: 1.2em !important;
	font-weight: bold;
	text-align: right;
	padding-left: 30px;
	line-height: 30px;
	/*background:url("../images/orange_won.png")20px 3px no-repeat;*/
	float: right !important;
}

.report_status {
	color: #049ede;
	font-size: 20px !important;
	font-weight: bold;
	text-align: right;
	padding-left: 50px;
	line-height: 30px;
	background: url("../images/blue_won.png") 20px 3px no-repeat;
	float: right !important;
}

.report_name {
	color: #333333;
	font-size: 18px !important;
	font-weight: bold;
	text-align: left;
	float: left;
	line-height: 30px;
}

.vacation_name {
	color: #333333;
	font-size: 16px !important;
	font-weight: bold;
	text-align: left;
	float: left;
	line-height: 30px;
}

.approval_amt {
	color: #333333;
	font-size: 22px !important;
	font-weight: bold;
	text-align: left;
	/* padding-left: 40px; */
	padding-left: 10px;
	line-height: 30px;
	/* background: url("../images/green_won.png") 10px 3px no-repeat; */
	float: left !important;
}

.approval_travel {
	color: #333333;
	font-size: 22px !important;
	font-weight: bold;
	text-align: left;
	/* padding-left: 40px; */
	padding-left: 10px;
	line-height: 30px;
	/* background: url("../images/green_plane.png") 10px 3px no-repeat; */
	float: left !important;
}

.approval_amt2 {
	color: #00aa44;
	font-size: 1.2em !important;
	font-weight: bold;
	text-align: right;
	padding-left: 20px;
	line-height: 30px;
	/*background:url("../images/blue_won.png")20px 3px no-repeat;*/
	float: right !important;
}

.bottomGray {
	float: left;
	width: 100%;
	height: 35px;
	background: #333333;
	padding: 15px 0 0 0;
}

.cardStyle {
	height: 40px;
	width: 100%;
	float: left;
}

.rowStyle {
	height: 60px;
	width: 100%;
	float: left;
}

.rowStyle2 {
	height: 40px;
	width: 97%;
	float: left;
	border: none;
}

/*
background:url(images/no_image.png) 5px center no-repeat;
*/
}
.listRight li span.subject {
	float: right;
	font-size: 21px;
	color: #839300;
}

.listRight li span.approvalline {
	float: left;
	font-size: 14px;
	color: #666666;
	/*background:url("../images/icon_blueArrow.png")right center no-repeat; */
	padding: 0 30px 0px 0;
	line-height: 40px;
	font-weight: bold;
}

.welcome {
	padding-top: 50px;
	line-height: 60px;
	text-align: center;
	font-size: 1.5em;
	height: 60px;
	background-color: #f1f1f1;
	color: #666;
	font-weight: bold;
	height: 8%;
}

.numbertype {
	width: 60%;
	font-size: 22px;
	color: #049ede;
	padding: 0 0px 0px 0;
	line-height: 40px;
	font-weight: bold;
	text-align: right;
	border: 0px;
}

.commaNumberType {
	border : 0px solid black;
	width: 40%;
	font-size: 22px;
	color: #049ede;
	padding: 0 0px 0px 0;
	line-height: 42px;
	font-weight: bold;
	text-align: right;
}
.mainNoticeBar {
    border: 1px solid gray;
    width: 100%;
    height: 25px;
    background-color: #f9f9f9;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-family: NanumGothic;
    padding-top: 9px;
    color: #333;
}

.mainNoticeBar a:HOVER {
	color: #333;
}

.mainNoticeBar a:ACTIVE {
	color: #333;
}

.mainNoticeBar a:LINK {
	color: #333;
}

.noDataRowStyle {
	height: 55%;
	width: 100%;
	float: left;
	border-bottom: 0px #dbdbdb solid !important;
}
.noDataBackground {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    /* position: absolute; */
    background-image: url("/mobile/easy/images/not_document.png");
    text-align: center;
    vertical-align: bottom;
    z-index: -1;
    
}
.noDataBackground div {
	width: 100%;
	position: relative;
	top: 85%;
	font-size: 16px;
	font-weight: bold;
}

.taxSummary {
	width: 95%;
	padding: 10px;
	float: left;
	line-height: 23px;
	font-size: 13px;
	color: #919191;
	padding: 5px;
	border-bottom: 1px #dbdbdb solid;
	font-family: NanumGothic;
	font-weight: bold;
}	
.taxSummary div {
	width: 100%;
}

.taxSummary div .taxSummaryTextFirst{
	width: 30%;	
	float: left;
}
.taxSummary div .taxSummaryValue{
	width: 60%;
	float: right;
	text-align: right;
	color: #049ede;
	font-size: 18px;
}
.taxSummary div .taxSummaryTextLast{
	width: 10%;
	float: right;
	text-align: right;
}
.tax_company{
	width: 100%;
	float: left;
	text-align: left;
	color: #9b9b9b;
	font-size: 13px !important;
	font-family: NanumGothic;
	font-weight: bold;
}
.tax_user{
	width: 50%;
	float: left;
	text-align: left;
	color: #9b9b9b;
	font-size: 13px !important;
	font-family: NanumGothic;
	font-weight: bold;
}
.tax_date{
	width: 50%;
	float: right;
	text-align: right;
	color: #9b9b9b;
	font-size: 13px !important;
	font-family: NanumGothic;
	font-weight: bold;
}
.tax_amt{
	width: 50%;
	float: left;
	text-align: left;
	color: #049ede;
	font-size: 16px;
	font-family: NanumGothic;
	font-weight: bold;
}
.tax_vat{
	width: 50%;
	float: right;
	text-align: right;
	color: #049ede;
	font-size: 16px;
	font-family: NanumGothic;
	font-weight: bold;
}
.taxRowStyle{
	height: 47px;
	width: 100%;
	float: left;	
}
.taxTabMenu {
	width: 35%;
	color: black;
	border: 1px solid gray;
	background:  #ffffff;
	display: inline-block;
	font-size: 13px;
	line-height: 100%;
	padding: 10px;
	text-decoration: none;
}

.taxTabMenuActive {
	width: 35%;
	color: black;
	border: 1px solid gray;
	background:  #8EB4E3;
	display: inline-block;
	font-size: 13px;
	line-height: 100%;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
}

.merchant {
	color: #333333;
	font-size: 1.0em !important;
	font-weight: bold;
	text-align: left;
	float: left;
	line-height: 30px;
}

.topTab{
	float:left;
	width:100%;
	font-family:NanumGothic;
	background:#dedede;
	line-height:40px;
}
.topTab div{
	float:left;
	display:inline-block;
	width:50%;
}
.topTab .leftActive{
	background:#f7f7f7;
	position:relative;
}
.topTab .rightActive{
	background:#f7f7f7;
	position:absolute;
}
.topTab .right{
	position:absolute;
}
.topTab .left{
	position:relative;
}
.topTab p{
	text-align:center;
	font-size:16px;
	color: #555;
}
.topTab .leftActive p{
	font-size:18px;
	color: #049ede;
	font-weight:bold;
}
.topTab .rightActive p{
	font-size:18px;
	color: #049ede;
	font-weight:bold;
}