html, body {
	position: relative;
	width: 100%;
	/*min-height:974px;*/
	height: 100%;
}
body, input, select, button, textarea {
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight:normal;
	color:#333;
	-webkit-appearance:none;
	appearance:none;
}
select::-ms-expand {
	display:none;
}
a, strong {
	color:inherit;
}
input {font-weight:normal;}
button {cursor:pointer;}

.fw100 {font-weight:100 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw700 {font-weight:700 !important;}

::placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

/* align set */
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}

/* margin */
.margin-t10 {
	margin-top:10px;
}

/* text ellipsis */
.text-ellipsis {
	overflow: hidden;
	display:inline-block;
	text-overflow: ellipsis;
	max-width:100%;
	white-space: nowrap;
}
.text-ellipsis.new-icon {
	position:relative;
	padding-right:30px;
}
.text-ellipsis.new-icon .icon-new {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

/* icon */
.icon-new {
	font-size:12px;
	color:#ca3434;
}

/* input */
input.txt {
	height:36px;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#f6f6f6;
	font-size:16px;
	line-height:34px;
	color:#333;
	vertical-align:middle;
}
input.txt:disabled {
	border-color:#ebebeb;
	color:#999;
}

/* select */
.select {
	display:inline-block;
	height:36px;
	padding:0 36px 0 10px;
	border:1px solid #042258;
	border-radius:5px;
	background:#f6f6f6 url('../images/common/bg_select.png') no-repeat 100% 50%;
	font-size:16px;
	line-height:34px;
	color:#333;
	vertical-align:middle;
}
.btn-select {
	display:inline-block;
	position:relative;
	border-radius:5px;
	background:#2056B2;
}
.btn-select:before {
/* 	content:''; */
/* 	position:absolute; */
/* 	top:2px; */
/* 	left:5px; */
/* 	right:5px; */
/* 	height:1px; */
/* 	background:#e1e4e9; */
}
.btn-select .select {
	height:36px;
	padding:0 40px 0 18px;
	border:1px solid #2056B2;
	background:url('../images/common/bg_btn_select.png') no-repeat 100% 50%;
	font-size:16px;
	line-height:34px;
	color:#fff;
}

.btn-select .select option {
	color: #555;
}

/* textarea */
.text-area {
	overflow:hidden;
	width:100%;
	height:70px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#f6f6f6;
	font-size:12px;
	line-height:28px;
	color:#333;
}
.text-area textarea {
	width:100%;
	height:100%;
	padding:10px;
	background:transparent;
	resize:none;
}

/* button */
.btn-group-box.btn-right {
	text-align:right;
}
.btn-group-box.btn-center {
	text-align:center;
}
.btn-group-box .btn-grid {
	position:relative;
	display:inline-block;
	margin-left:14px;
	padding-left:16px;
}
.btn-group-box .btn-grid:before {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:2px;
	height:24px;
	background:#bbb;
}
.btn-group-box .btn-grid:first-child {
	margin-left:0;
	padding-left:0;
}
.btn-group-box .btn-grid:first-child:before {
	display:none;
}
.btn-group-box .btn-grid .input-and-btn {
	vertical-align:-1px;
}
.btn-group-box.btn-group-grid {
	overflow:hidden;
}
.btn-group-box.btn-group-grid .btn-grid-left {
	float:left;
}
.btn-group-box.btn-group-grid .btn-grid-right {
	float:right;
}
.btn-group-box.btn-group-grid .import-text {
	padding-top:8px;
}
.base-btn {
	position:relative;
	display:inline-block;
	min-width:80px;
	padding:0 18px;
	    border: 1px solid #2056B2;
    border-radius: 5px;
    background: #2056B2;
	font-size:16px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.base-btn:before {
/* 	content:''; */
/* 	position:absolute; */
/* 	top:2px; */
/* 	left:5px; */
/* 	right:5px; */
/* 	height:1px; */
/* 	background:#e1e4e9; */
}
.impo-btn {
/* 	border-color:#18356a; */
/* 	background:linear-gradient(to bottom, rgba(89,133,212,1) 0%,rgba(29,66,128,1) 100%); */
}
.impo-btn:before {
/* 	background-color:#afc0e0; */
}
.nonimpo-btn {
	border-color:#2056B2;
	background:#2056B2;
}
.nonimpo-btn:before {
/* 	background-color:#e8e8e8; */
}
.leave-btn {
	border-color:#444;
	background:linear-gradient(to bottom, rgba(156,156,156,1) 0%,rgba(80,80,80,1) 100%);
}
.leave-btn:before {
	background-color:#cacaca;
}
.btn-disabled {
	opacity:0.7;
	filter: "alpha(opacity=70)";
	-ms-filter: "alpha(opacity=70)";
	cursor:default;
}
.btn-disabled:before {
	opacity:0.7;
	filter: "alpha(opacity=70)";
	-ms-filter: "alpha(opacity=70)";
}
.btn-w26 {
	min-width:26px;
}
.btn-w126 {
	min-width:100px;
}
.btn-h26 {
	line-height:30px;
}
.btn-h30 {
	line-height:34px;
}
.btn-h32 {
	line-height:34px;
}
.btn-h40 {
	line-height:44px;
}
.btn-h52 {
	line-height:34px;
}
.btn-img {
	padding:0;
	font-size:0;
	line-height:0;
}
.icon-btn {
	display:inline-block;
	width:20px;
	height:20px;
	font-size:0;
	line-height:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.icon-btn.icon-upload {
	background-image:url('../images/common/btn_icon_upload.png');
}
.base-btn.add-btn {
	position:relative;
	padding:0 36px 0 20px;
	background:#89a5be;
}
.base-btn.add-btn:before {
	content:'';
	position:absolute;
	top:50%;
	left:auto;
	right:18px;
	width:12px;
	height:2px;
	background:#fff;
	transform:translateY(-50%);
}
.base-btn.add-btn:after {
	content:'';
	position:absolute;
	top:50%;
	left:auto;
	right:23px;
	width:2px;
	height:12px;
	background:#fff;
	transform:translateY(-50%);
}
.btn-white {
	min-width:90px;
	padding:0 20px;
	border:2px solid #539ad9;
	background:#fff;
	font-size:12px;
	font-weight:500;
	color:#539ad9;
	text-align:center;
}
.btn-h30.btn-white {
	line-height:26px;
}
.base-btn.btn-next {
	padding-left:30ppx;
	text-align:left;
}
.base-btn.btn-next:after {
	content:'';
	position:absolute;
	top:50%;
	right:19px;
	width:6px;
	height:12px;
	background:url('../images/common/btn_arrow12.png') no-repeat 0 0;
	transform:translateY(-50%);
}
.base-btn.btn-prev {
	padding-right:30ppx;
	background:#2056B2;
	text-align:right;
}
.base-btn.btn-prev:after {
	content:'';
	position:absolute;
	top:50%;
	left:19px;
	width:6px;
	height:12px;
	background:url('../images/common/btn_arrow12.png') no-repeat 0 0;
	transform:translateY(-50%) rotate(180deg);
}
.base-btn.btn-down {
	border-color:#2056B2;
	background:#2056B2;
}
.btn-group-box.btn-both {
	overflow:hidden;
}
.btn-group-box.btn-both .btn-left {
	float:left;
}
.btn-group-box.btn-both .btn-right {
	float:right;
}
.btn-group-box.btn-both .btn-left + .btn-grid {
	margin-left:0;
	padding-left:0;
}
.btn-group-box.btn-both .btn-left + .btn-grid:before {
	display:none;
}
.base-btn + .base-btn {
	margin-left:8px;
}
.btn-img + .btn-img {
	margin-left:1px;
}
.btn-group-box.btn-vertical .btn-grid {
	display:block;
}
.btn-group-box.btn-vertical .base-btn {
	display:block;
	margin:0 auto;
}
.btn-group-box.btn-vertical .base-btn.btn-img {
	width:26px;
}
.btn-group-box.btn-vertical .base-btn + .base-btn {
	margin-top:4px;
}

/* header */
#header {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	padding:0 40px;
	z-index:10;
}
#header .logo {
	float:left;
	font-size:0;
	line-height:0;
}
#header .site-logout {
	float:right;
	padding-right:37px;
	background:url('../images/common/bg_site_logout.png') no-repeat 100% 50%;
	font-size:14px;
	font-weight:500;
	line-height:70px;
	color:#111;
}
#header .site-login {
	float:right;
	padding-left:35px;
	background:url('../images/common/bg_site_login.png') no-repeat 0 50%;
	font-size:18px;
	font-weight:500;
	line-height:70px;
	color:#fff;
}

#container {
	/*display:inline-block;*/
	position:relative;
	width:100%;
	/*height:100%;*/
	height: 100vh;
	padding-top:70px;
}
#lnb {
	/*position:relative;
	float:left;
	width:228px;
	height:100%;*/
	position:absolute;
	top:70px;
	bottom:0;
	left:0;
	width:228px;
	height: calc(100vh - 70px);
	background: url(../images/common/bg_lnb.png) no-repeat 100% 0;
    background-size: cover;
}
.lnb-one {
	width:88px;
	height:100%;
	padding:4px 14px 0;
	background:#232f58;
}

.lnb-one:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:88px;
	width:3px;
	/*box-shadow:3px 3px 3px 0px rgba(20,23,43,1);*/
	background:linear-gradient(to right, rgba(20,23,43,1) 0%,rgba(20,23,43,0) 100%);
	z-index:3;
}
.lnb-one > li {
	width:100%;
	padding-top:36px;
}
.lnb-one > li > a {
	display:block;
	position:relative;
	font-size:0;
	line-height:0;
}
.lnb-one > li > a:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
}
.lnb-one > li.active > a:after {
	content:'';
	position:absolute;
	top:11px;
	right:-21px;
	width:34px;
	height:38px;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:3;
}
.lnb-one > li.active:nth-child(1) > a:after {background-image:url('../images/common/bg_lnb_one01_on.png');}
.lnb-one > li.active:nth-child(2) > a:after {background-image:url('../images/common/bg_lnb_one02_on.png');}
.lnb-one > li.active:nth-child(3) > a:after {background-image:url('../images/common/bg_lnb_one03_on.png');}
.lnb-one > li.active:nth-child(4) > a:after {background-image:url('../images/common/bg_lnb_one04_on.png');}
.lnb-one > li.active:nth-child(5) > a:after {background-image:url('../images/common/bg_lnb_one05_on.png');}
.lnb-one > li.active:nth-child(6) > a:after {background-image:url('../images/common/bg_lnb_one06_on.png');}
.lnb-one > li.active:nth-child(7) > a:after {background-image:url('../images/common/bg_lnb_one07_on.png');}
.lnb-one > li > a img {
	position:relative;
	z-index:4;
}
.lnb-one > li strong {
	display:block;
	margin-top:11px;
	font-size:16px;
	font-weight:500;
	line-height:1;
	color:#fff;
	text-align:center;
}
.lnb-two {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:140px;
	padding:10px 0 0 8px;
	/*background:linear-gradient(135deg, rgba(66,78,191,1) 0%,rgba(0,102,171,1) 44%,rgba(18,56,98,1) 100%);*/
	background:#123963 url('../images/common/bg_lnb_two_gradi.png') no-repeat 0 0;
	z-index:2;
}
.lnb-two:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:250px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.lnb-one > li:nth-child(1) .lnb-two:before {background-image:url('../images/common/bg_lnb_two01.png');}
.lnb-one > li:nth-child(2) .lnb-two:before {background-image:url('../images/common/bg_lnb_two02.png');}
.lnb-one > li:nth-child(3) .lnb-two:before {background-image:url('../images/common/bg_lnb_two03.png');}
.lnb-one > li:nth-child(4) .lnb-two:before {background-image:url('../images/common/bg_lnb_two04.png');}
.lnb-one > li:nth-child(5) .lnb-two:before {background-image:url('../images/common/bg_lnb_two05.png');}
.lnb-one > li:nth-child(6) .lnb-two:before {background-image:url('../images/common/bg_lnb_two06.png');}
.lnb-one > li:nth-child(7) .lnb-two:before {background-image:url('../images/common/bg_lnb_two07.png');}
.lnb-one > li.active .lnb-two {
	display:block;
}
.lnb-two > li {
	position:relative;
	width:100%;
	margin-top:20px;
	padding:0 16px 0 8px;
	font-size:16px;
	font-weight:500;
	line-height:40px;
	color:#fff;
	text-align:center;
}
.lnb-two > li.active {
	color:#17234a;
}
.lnb-two > li.active:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:8px;
	width:150px;
	background:#e8e8e8;
}
.lnb-two > li.active:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:137px;
	border-radius:5px 0 0 5px;
	background:#e8e8e8;
	box-shadow:inset 4px 0px 4px 0px rgba(59,64,70,1);
}
.lnb-two > li a {
	display:block;
	position:relative;
	z-index:3;
}

#contents {
	min-height:100%;
	margin-left:228px;
	background:#eaeaea;
	box-shadow:inset 4px 4px 4px 0px rgba(136,136,136,1);
}
.contents-cont {
	/*overflow-y:auto;*/
	height:calc(100vh - 130px);
	padding:20px 40px 0;
	
}
#footer {
	height:60px;
	padding-top:23px;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	text-align:right;
	color:#777;
	text-align:center;
}
#footer a {
	position:relative;
	margin-left:2px;
	padding-left:7px;
	color:#3e6bbf;
}

#footer .pInfo {
	position:relative;
	margin-left:2px;
	padding-left:7px;
	color:#3e6bbf;
	font-size: 14px;
	font-weight: bold;
}

#footer a:before {
	content:'';
	position:absolute;
	top:5px;
	left:0;
	width:1px;
	height:12px;
	background:#777;
}

/* grid area */
.cont-grid-area {
	display:flex;;
	width:100%;
}
.cont-grid-area .cont-grid {
	padding:0 10px;
}
.cont-grid-area .cont-grid:first-child {padding-left:0 !important;}
.cont-grid-area .cont-grid:last-child {padding-right:0 !important;}
.cont-grid-area .cont-grid.grid-vertical {
	align-content:center;
}
.cont-grid-area.grid-area-vertical {
	align-items: center;
	justify-content: center;
}

.cont-grid-area.white-grid {
	padding:20px;
	background:#fff;
}
.cont-grid-area.white-grid .cont-grid:first-child .page-sub-title-area {
	padding-top:0;
}
.cont-grid-area.white-grid .board-set + .cont-grid-area {
	margin-top:20px;
}
.cont-grid-area.white-grid + .white-grid {
	margin-top:20px;
}
.cont-grid-area.cont-grid-no-padding .cont-grid {
	padding:0;
}
.cont-grid-area .board-set {
	height:auto;
}

/* grid size */
.grid-w1 {flex:1 !important; width:10%;}
.grid-w2 {flex:2 !important; width:20%;}
.grid-w3 {flex:3 !important; width:30%;}
.grid-w4 {flex:4 !important; width:40%;}
.grid-w5 {flex:5 !important; width:50%;}
.grid-w6 {flex:6 !important; width:60%;}
.grid-w7 {flex:7 !important; width:70%;}
.grid-w8 {flex:8 !important; width:80%;}
.grid-w9 {flex:9 !important; width:90%;}
.grid-w10 {flex:10 !important; width:100%;}
.grid-absolut {
	position:relative;
}
.grid-absolut .cont-grid.absolut-center {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.grid-absolut.absolute-w50 .cont-grid {padding:0 25px;}
.grid-absolut.absolute-w50 .absolut-center {
	width:50px;
	padding:0;
}
.grid-absolut .absolut-center .btn-vertical {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

/* title */
.page-title-area {
	position:relative;
	display:inline-block;
	width:100%;
	padding-bottom:11px;
}
.page-title-area .page-title {
	float:left;
	font-size:22px;
	font-weight:500;
	line-height:38px;
	color:#111;
}
.page-title-area .page-loction {
	position:relative;
	float:left;
	margin-left:17px;
	padding-left:6px;
	font-size:16px;
	line-height:38px;
}
.page-title-area .page-loction:before {
	content:'';
	position:absolute;
	top:9px;
	left:0;
	width:2px;
	height:20px;
	background:#bbb;
}
.page-title-area .page-loction > span {
	position:relative;
	display:inline-block;
	padding:0 11px 0 15px;
	color:#555;
}
.page-title-area .page-loction > strong {
	position:relative;
	display:inline-block;
	padding:0 11px 0 15px;
	font-weight:500;
	color:#2f55ac;
}
.page-title-area .page-loction > span:before,
.page-title-area .page-loction > strong:before {
	content:'';
	position:absolute;
	top:16px;
	left:0;
	width:5px;
	height:9px;
	background:url('../images/common/bg_location.png') no-repeat 0 0;
}
.page-title-area .page-loction > span:first-child:before {
	display:none;
}
.page-title-area .btn-group-box {
	position:absolute;
	top:0;
	right:0;
	font-size:0;
	line-height:0;
}

.page-sub-title-area {
	position:relative;
	min-height:36px;
	padding-top:16px;
	margin-bottom:8px;
}
.page-sub-title-area .page-sub-title {
	font-size:20px;
	font-weight:500;
	line-height:26px;
}
.page-sub-title-area .btn-group-box {
	position:absolute;
	bottom:-2px;
	right:0;
}
.page-sub-title-area .title-right-unit {
	position:absolute;
	bottom:1px;
	right:0;
	font-size:14px;
	color:#777;
}
.page-sub-title-area .title-req-text {
	position:absolute;
	bottom:1px;
	right:0;
	font-size:14px;
	color:#bf3f3f;
}
.page-sub-title-area .title-req-text:before {
	content:'*';
	display:inline-block;
}
.page-sub-title-area .title-req-text.req-bule-text {
	color:#3f67af;
}

.board-set {
	overflow:hidden;
	position:relative;
	height:calc(100% - 44px);
}
/* board list */
.list-board {
	overflow-y:scroll;
	overflow-x:auto;
	width:100%;
	background:#f6f6f6;
}
.list-board.no-y-scroll {
	overflow-y:hidden;
}
.list-board table {
/* 	border-bottom:1px solid #c8c8c8; */
}
.list-board th {
	
	padding:4px;
	border:1px solid #aac8ed;
	background:#e0ebf8;
	font-size:16px;
	line-height:27px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	font-weight: 400;
}
.list-board th:before {
/* 	content:''; */
/* 	position:absolute; */
/* 	top:2px; */
/* 	left:5px; */
/* 	right:5px; */
/* 	height:2px; */
/* 	background:#c7c7c7; */
}
.list-board th.only-thead-two {
	height:60px;
}
.list-board th .sort {
	cursor:pointer;
}
.list-board th .sort:after {
	display:inline-block;
	margin-left:8px;
	width:12px;
	height:10px;
	vertical-align:middle;
}
.list-board th .sort.up:after {
	content:'';
	transform:rotate(180deg);
	background:url('../images/common/btn_sort_arrow.png') no-repeat 0 0;
}
.list-board th .sort.down:after {
	content:'';
	background:url('../images/common/btn_sort_arrow.png') no-repeat 0 0;
}
.list-board tbody tr {
	cursor:pointer;
}
.list-board tbody th {
	padding:2px;
	font-size:16px;
	line-height:22px;
}
.list-board tbody th.th-left {
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
.list-board th.only-thead-two {
	height:60px;
}
.list-board td {
	padding:2px;
	border:1px solid #aac8ed;
	background:#f6f6f6;
	font-size:16px;
	line-height:28px;
	color:#111;
	text-align:center;
	text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.list-board tbody tr:hover td,
.list-board tbody tr.tr-hover td {
	/*background:rgba(246, 246, 246, 0.2);*/
	background:#e6e6e6;
}
.list-board td > a {
	display:block;
}
.list-board td .base-btn {
	display:inline-block;
}
.list-board td.img-icon,
.list-board td.img-icon img {
	padding:0;
	vertical-align:middle;
}
.list-board td:first-child {
/* 	border-left-color:#f6f6f6; */
}
.list-board td:last-child {
/* 	border-right-color:#f6f6f6; */
}
.list-board .x-fixed td:last-child {
	border-right-color:#c8c8c8;
}
.list-board tr.tr-total td {
	background:#eee;
}
.list-board tbody tr:last-child th,
.list-board tr:last-child td {
/* 	border-bottom:0; */
}
.list-board .status-text {
	margin-left:10px;
	font-size: 14px;
}
.list-board .check-wrap {
	display:block;
	height:14px;
	line-height:0;
}
.list-board td .check-wrap label {
	vertical-align:12px;
}
.list-board td .text-area textarea {
	vertical-align:middle;
}
.list-board td .text-ellipsis {
	vertical-align:top;
	font-size: 16px;
}
/* list board head fixed */
.list-board-head {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
.list-board-head.x-fixed-head {
	right:auto;
	z-index:3;
}
.list-board-head.x-fixed-head table {
	width:auto;
}
.list-board .th-text-btn {
	position:relative;
	min-height:30px;
	line-height:30px;
	vertical-align:middle;
}
.list-board .th-text-btn .base-btn {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
/* list board left fixed */
.list-board-xFixed {
	float:left;
}
.board-set .list-board-xFixed {
	height:calc(100% - 58px) !important;
}
.list-board-xFixed .mCSB_inside > .mCSB_container {
	margin:0;
	padding-bottom:0;
}
.list-board-xFixed .mCSB_scrollTools {
	opacity: 0 !important;
	filter: "alpha(opacity=0)" !important;
	-ms-filter: "alpha(opacity=0)" !important;
}
.board-set .x-fixed {
	position:relative;
	float:left;
	height:calc(100% - 58px) !important;
	z-index:1;
}
.board-set .x-fixed table {
	width:auto;
}
.board-set .x-fixed-start .x-fixed-head table,
.board-set .x-fixed-start .x-fixed-head + .list-board-head table,
.board-set .x-fixed-start .x-fixed table,
.board-set .x-fixed-start .x-fixed + .x-no-fixed table {
	table-layout:auto;
}
.board-set .x-fixed-head th,
.board-set .x-fixed-head + .list-board-head th,
.board-set .x-fixed th,
.board-set .x-fixed td,
.board-set .x-fixed + .x-no-fixed th,
.board-set .x-fixed + .x-no-fixed td {
	white-space:nowrap;
}
.board-set .table-layout-fixed table,
.board-set .x-fixed-end .x-fixed-head table,
.board-set .x-fixed-end .x-fixed-head + .list-board-head table,
.board-set .x-fixed-end .x-fixed table,
.board-set .x-fixed-end .x-fixed + .x-no-fixed table {
	table-layout:fixed;
}
.board-set td.td-left {
	text-align:left;
}
.board-set td.td-right {
	text-align:right;
}
.board-set .td-right input.txt{
	text-align:right;
}

/* data board */
.data-board {
	overflow-y:auto;
	width:100%;
}
.data-board th {
	padding-left:10px;
	border:1px solid #aac8ed;
	background:#e0ebf8;
	font-size:16px;
	font-weight:400;
	line-height:38px;
	color:#333;
	text-align:left;
	vertical-align:middle;
}
.data-board td {
	padding:6px 10px;
	border:1px solid #aac8ed;
	background:#f6f6f6;
	font-size:16px;
	line-height:26px;
	vertical-align:middle;
}
.data-board td.td-center {
	text-align:center;
}
.data-board td.td-right {
	text-align:right;
}
.data-board .radio-wrap label {
	vertical-align:0;
}
.board-set .board-input,
.board-set .board-input {
	padding:4px;
}
.board-set .board-input input.txt,
.board-set .board-input .select {
	width:100%;
}
.board-set .board-td-scroll {
	overflow-y:auto;
	width:100%;
	height:95px;
}
.board-set .impo-text {
	margin-top:3px;
	margin-left:8px;
}

.board-set .th-req:after {
	content:'*';
	display:inline-block;
}
.board-set .change-data {
	margin:0 -2px;
	padding:0 2px;
	background:#f1cbcb;
}
.outer-and-check .outer-area,
.outer-and-check .no-outer-area {
	display:inline-block;
}
.outer-and-check .outer-area {
	min-width:50px;
}
.outer-and-check .outer-area + .no-outer-area {
	margin-left:60px;
}

/* paging */
.paging-area {
	position:relative;
	display:inline-block;
	width:100%;
	height:42px;
	padding-top:10px;
}
.paging-area .total-number {
	position:absolute;
	bottom:0;
	left:0;
	font-size:16px;
	line-height:38px;
	color:#777;
}
.paging-area .total-number strong {
	font-weight:500;
}
.paging-area .btn-group-box {
	position:absolute;
	bottom:0;
	right:0;
	font-size:0;
	line-height:0;
}
.paging-area .board-paging {
	padding:6px 0;
	text-align:center;
}
.paging-area .board-paging a,
.paging-area .board-paging strong {
	display:inline-block;
	width:20px;
	margin:0 5px;
	border-radius:5px;
	font-size:15px;
	line-height:26px;
	color:#777;
	text-align:center;
	vertical-align:middle;
}
.paging-area .board-paging strong {
	background:#6e9bcd;
	font-weight:500;
	color:#fff;
}
.paging-area .board-paging .prev {
	height:20px;
	margin:0 24px 0 0;
	background:url('../images/common/bg_paging_prev.png') no-repeat 0 50%;
	font-size:0;
	line-height:0;
}
.paging-area .board-paging .first {
	height:20px;
	margin:0 13px 0 0;
	background:url('../images/common/bg_paging_first.png') no-repeat 0 50%;
	font-size:0;
	line-height:0;
}
.paging-area .board-paging .next {
	height:20px;
	margin:0 0 0 24px;
	background:url('../images/common/bg_paging_next.png') no-repeat 0 50%;
	font-size:0;
	line-height:0;
}
.paging-area .board-paging .last {
	height:20px;
	margin:0 0 0 13px;
	background:url('../images/common/bg_paging_last.png') no-repeat 0 50%;
	font-size:0;
	line-height:0;
}

/* no data */
.no-data .mCSB_container {
	height:100%;
}
.board-set .no-data,
.board-set .no-data .list-board-scroll,
.board-set .no-data .list-board-scroll .x-no-fixed {
	height:100%;
	background:#f6f6f6;
}
.board-set .no-data tbody tr {
	cursor:default;
}
.board-set .no-data tbody tr:hover td,
.board-set .no-data tbody tr.tr-hover td {
	/*opacity:1;*/
	background:#f6f6f6;
}
.no-data .x-no-fixed {
	height:100%;
}
.no-data table {
	height:100%;
}
.no-data .list-board-scroll table {
	min-height:200px;
}
.no-data.no-data-only-text .list-board-scroll table {
	min-height:auto;
}
.no-data th {
	height:30px;
}
.no-data .no-data-cont {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	padding-top:79px;
	background:url('../images/common/bg_no_data.png') no-repeat 50% 0;
	font-size:18px;
	line-height:20px;
	text-align:center;
	color:#777;
	transform:translateY(-50%);
}
.no-data.no-data-only-text .no-data-cont {
	padding-top:31px;
	background:none;
}
.no-data .x-fixed {
	background:transparent;
}
.no-data .x-fixed .no-data-cont {
	background:none;
	font-size:0;
}
.no-data .x-fixed td {
	border-right-color:#f6f6f6 !important;
	background:transparent !important;
}

/* search */
.search-box {
	position:relative;
	padding:12px 100px 12px 7px;
	border:2px solid #bbb;
	border-radius:5px;
	background:#f6f6f6;
	box-shadow:6px 6px 6px 0px rgba(204,204,204,1);
}
.search-flex {
	display:flex;
}
.search-flex .search-grid {
	display:flex;
	height:36px;
}
.search-flex .search-grid strong {
	float:left;
	padding:0 12px 0 20px;
	font-size:16px;
	font-weight:500;
	line-height:36px;
	color:#111;
	white-space:nowrap;
}
.search-flex .search-grid .search-input {
	flex:1;
	display:inline-block;
}
.search-flex .search-grid .search-input + .search-input {
	margin-left:6px;
}
.search-flex .search-grid .search-input {
	line-height:30px;
}
.search-flex .search-grid .search-input.radio-check {
	padding:8px 0;
	line-height:0;
}
.search-flex .search-grid .select-input-btn input.txt,
.search-flex .search-grid .select-input-btn .select {
	width:calc(100% - 100px);
}
.search-flex .search-grid .select-input-btn.btn-two input.txt,
.search-flex .search-grid .select-input-btn.btn-two .select {
	width:calc(100% - 200px);
}
/*.search-flex .search-grid .radio-check {
	padding-top:6px;
	padding-bottom:10px;
}*/
.search-flex .search-grid input.txt,
.search-flex .search-grid .select {
	width:100%;
}
.search-flex .search-grid .calendar-wrap .select {
	float:left;
	width:calc(70% - 5px);
}
.search-flex .search-grid .calendar-wrap .select + .select {
	float:right;
	width:30%;
}
.search-box .search-btn {
	position:absolute;
	top:50%;
	right:18px;
	width:66px;
	border: 1px solid #2056B2;
    border-radius: 5px;
    background: #2056B2;
	font-size:16px;
	font-weight:500;
	line-height:34px;
	color:#fff;
	transform:translateY(-50%);
}
.search-box .search-btn:before {
/* 	content:''; */
/* 	position:absolute; */
/* 	top:2px; */
/* 	left:5px; */
/* 	right:5px; */
/* 	height:1px; */
/* 	background:#a0bdef; */
}
.search-two .search-btn {
	line-height:76px;
}

.board-set .list-board {
	max-height:calc(100% - 42px);
}
.board-set.no-bottom .list-board {
	max-height:100%;
	height:100%;
}

/* popup */
.popup-wrap {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:20;
}
/* popup-2 : 24.08.02 김태욱 : 본인인증 방법 변경(DID인증 -> 문자인증) */
.popup-wrap-2 {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:30;
}
/* popup-3 : 24.08.02 김태욱 : 본인인증 방법 변경(DID인증 -> 문자인증) */
.popup-wrap-3 {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:40;
}
.popup-box {
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	min-width:1000px;
	padding-bottom:81px;
	border-radius:5px;
	background-color:#fff;
	transform:translate(-50%,-50%);
}
.popup-box .popup-tit {
	display:block;
	padding:16px 62px 16px 31px;
	background:#ddd;
	font-size:22px;
	font-weight:500;
	line-height:30px;
	color:#222;
}
.popup-box .popup-cont {
	overflow-y:auto;
	max-height:416px;
	padding:40px 40px 30px;
}
.popup-box .popup-cont.popup-cont-full {
	max-height:none;
}
.popup-box .popup-close {
	position:absolute;
	top:0;
	right:0;
	width:62px;
	height:62px;
	background:url('../images/common/btn_popup_close.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.popup-box .popup-btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px 0;
	border-top:1px solid #eee;
	text-align:center;
}
.popup-box.popup-bottom-no-btn {
	padding-bottom:40px;
}
.popup-box.popup-bottom-no-btn .popup-cont {
	max-height:497px;
}
.popup-box .page-title-area {
	border-bottom:1px solid #cfcfcf;
}
.popup-title {
	font-size:26px;
	font-weight:500;
	line-height:30px;
	color:#111;
	text-align:center;
}
.popup-title .title-copy {
	display:block;
	font-size:20px;
}
.radio-only-center-box {
	margin-top:24px;
	padding:30px 0;
	border-radius:5px;
	background:#f6f6f6;
	text-align:center;
}
.radio-only-center-box .radio-wrap {
	margin:0 55px;
}
.popup-box.pop-w360 {
	min-width:360px;
}
.popup-box.pop-w500 {
	min-width:500px;
}
.popup-box.pop-w730 {
	min-width:730px;
}
.popup-box.pop-w1480 {
	min-width:1480px;
}
.popup-box .page-sub-title-area .page-sub-title {
	font-size:18px;
}
.popup-view {
	display:block;
}
.popup-title + .text-area {
	margin-top:26px;
}
.popup-title + .board-set {
	margin-top:26px;
}

/* upload */
.upload-area {
	position:relative;
	padding-right:32px;
}
.upload-area .icon-btn.icon-upload {
	position:absolute;
	top:50%;
	right:6px;
	transform:translateY(-50%);
}

/* important */
.impo-text {
	display:block;
	font-size:14px;
	line-height:20px;
}
.impo-text.color-blue {
	color:#0d38a3;
}

/* radio */
.radio-wrap {
	display:inline-block;
}
.radio-wrap input.rdo {
	display:none;
}
.radio-wrap label {
	display:inline-block;
	position:relative;
	padding-left:19px;
	background:url('../images/common/bg_radio.png') no-repeat 0 3px;
	font-size:16px;
	line-height:20px;
	color:#333;
	vertical-align:middle;
}
.radio-wrap input.rdo:checked + label {
	background:url('../images/common/bg_radio_checked.png') no-repeat 0 3px;
}
.radio-wrap input.rdo:disabled + label {
	background:url('../images/common/bg_radio_disabled.png') no-repeat 0 3px;
}
.radio-wrap .no-text {
	width:14px;
	height:14px;
	padding-left:0;
	font-size:0;
	line-height:0;
}
.radio-wrap + .radio-wrap {
	margin-left:7px;
}
.month-check label {
	width:60px;
	height:36px;
	padding:0;
	border-radius:5px;
	background:#8ea4bc;
	line-height:36px;
	color:#fff;
	text-align:center;
}
.month-check input.rdo:checked + label {
	background:#3b6594;
}
.month-check input.rdo:disabled + label {
	background:#8ea4bc;
	opacity:0.7;
	filter: "alpha(opacity=70)";
	-ms-filter: "alpha(opacity=70)";
}
.month-check input.rdo:checked:disabled + label {
	background:#3b6594;
}
.month-check .radio-wrap + .radio-wrap {
	margin-left:1px;
}

/* checkbox */
.check-wrap {
	display:inline-block;
}
.check-wrap input.chk {
	display:none;
}
.check-wrap label {
	display:inline-block;
	position:relative;
	padding-left:19px;
	background:url('../images/common/bg_checkbox.png') no-repeat 0 3px;
	font-size:16px;
	line-height:20px;
	color:#333;
	vertical-align:middle;
}
.check-wrap input.chk:checked + label {
	background:url('../images/common/bg_checkbox_checked.png') no-repeat 0 3px;
}
.check-wrap input.chk:disabled + label {
	background:url('../images/common/bg_checkbox_disabled.png') no-repeat 0 3px;
}
.check-wrap input.chk:checked:disabled + label {
	background:url('../images/common/bg_checkbox_checked_disabled.png') no-repeat 0 3px;
}
.check-wrap .no-text {
	width:14px;
	height:14px;
	padding-left:0;
	font-size:0;
	line-height:0;
}
.check-wrap + .check-wrap {
	margin-left:7px;
}

/* calendar */
.calendar-wrap {
	/*position:absolute;*/
	display:inline-block;
	width:100%;
	display:flex;
}
.calendar-wrap .calender-cont {
	position:relative;
	/*float:right;*/
	flex:1;
	/*width:calc(50% - 9px);
	margin-left:9px;*/
}
/*.calendar-wrap .calender-cont:first-child {
	float:left;
	margin-left:0;
	margin-right:9px;
}*/
.calendar-wrap .calender-wave {
	flex:auto;
	position:relative;
	/*top:0;
	bottom:0;
	left:50%;*/
	max-width:18px;
	/*transform:translateX(-50%);*/
	font-size:0;
	line-height:0;
}
.calendar-wrap .calender-wave:before {
	content:'';
	position:absolute;
	top:14px;
	left:5px;
	right:5px;
	height:1px;
	background:#aaa;
}
.calendar-wrap .date-input {
	width:100%;
	border-color:#bbb;
	background:#f6f6f6;
	color:#777;
}
.calendar-wrap .ui-datepicker-trigger {
	position:absolute;
	top:50%;
	right:4px;
	width:28px;
	height:28px;
	background:url('../images/common/bg_calender.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
	transform:translateY(-50%);
}
.calendar-wrap .date-input:focus {
	border-color:#2f55ac;
	background:#fff;
}
.calendar-wrap .date-input:focus + .ui-datepicker-trigger {
	background-image:url('../images/common/bg_calender_on.png');
}
.ui-datepicker {
	display:none;
	width:350px;
	margin-top:5px;
	padding:33px 0 30px;
	border:1px solid #2f55ac;
	border-radius:5px;
	background:#fff;
	z-index:30 !important;
}
.ui-datepicker-header {
	position:relative;
	display:block;
	text-align:center;
}
.ui-datepicker-title > select {
	display:inline-block;
	width:95px;
	height:36px;
	padding:0 40px 0 10px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#f6f6f6 url('../images/common/bg_select.png') no-repeat 100% 50%;
	font-size:16px;
	line-height:34px;
	color:#111;
}
.ui-datepicker-title > select + select {
	margin-left:6px;
}
.ui-datepicker-header .ui-corner-all {
	position:absolute;
	top:2px;
	width:28px;
	height:28px;
	border-radius:100%;
	background:linear-gradient(to right, rgba(101,110,136,1) 0%,rgba(152,169,218,1) 100%);
}
.ui-datepicker-header .ui-corner-all .ui-icon {
	display:block;
	width:100%;
	height:100%;
	background:url('../images/common/icon_datepicker_arrow.png') no-repeat 0 0;
	font-size:0;
	line-height:0;
}
.ui-datepicker-header .ui-datepicker-prev {
	left:33px;
}
.ui-datepicker-header .ui-datepicker-next {
	right:33px;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
	transform:rotate(180deg);
}
.ui-datepicker table {
	width:329px;
	margin:16px auto 0;
}
.ui-datepicker table th,
.ui-datepicker table td {
	padding:0 7px 0 8px;
	font-size:14px;
	line-height:36px;
	color:#999;
	text-align:center;
}
.ui-datepicker table .ui-state-default {
	display:inline-block;
	width:36px;
	height:36px;
	border-radius:3px;
}
.ui-datepicker table .ui-state-active {
	background:#a3ceed;
	font-weight:500;
	color:#003e62;
}

/* tab */
.tab-wrap {
	position:relative;
	display:inline-block;
	width:100%;
}
.tab-wrap:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background:#bbb;
}
.tab-wrap .page-title-area {
	float:left;
	width:auto;
}
.tab-wrap .tab-list {
	float:right;
}
.tab-wrap.tab-left .tab-list {
	float:left;
}
.tab-wrap .tab-list > li {
	float:left;
	margin-left:-1px;
}
.tab-wrap .tab-list > li > a {
	position:relative;
	display:block;
	min-width:201px;
	padding:0 10px;
	border:1px solid #bbb;
	background:linear-gradient(to bottom, rgba(242,247,255,1) 0%,rgba(188,198,215,1) 100%);
	font-size:18px;
	font-weight:500;
	line-height:40px;
	text-align:center;
}
.tab-wrap .tab-list > li > a:before {
	content:'';
	position:absolute;
	top:2px;
	left:5px;
	right:5px;
	height:1px;
	background:#dee2ea;
}
.tab-wrap .tab-list > li:first-child {
	margin-left:0;
}
.tab-wrap .tab-list > li:first-child > a,
.tab-wrap .tab-list > li:first-child > a:before {
	border-top-left-radius:5px;
}
.tab-wrap .tab-list > li:last-child > a,
.tab-wrap .tab-list > li:last-child > a:before {
	border-top-right-radius:5px;
}
.tab-wrap .tab-list > li.active > a {
	border-color:#1f3466;
	background:linear-gradient(to bottom, rgba(87,121,197,1) 0%,rgba(38,65,124,1) 100%);
	color:#fff;
	z-index:2;
}
.tab-container {
	/*height:calc(100% - 44px);*/
}
.tab-container .tab-contents {
	display:none;
	padding:20px;
	background:#fff;
}
.tab-container .tab-contents.active {
	display:block;
}
.tab-container .sub-tab-contents {
	display:none;
}
.tab-container .sub-tab-contents.active {
	display:block;
}
.tab-wrap.sub-tab .tab-list {
	display:flex;
	width:100%;
	float:none;
}
.tab-wrap.sub-tab .tab-list > li {
	float:none;
	flex:1;
}
.tab-wrap.ssub-tab .tab-list {
	display:block;
	float:right;
	width:100%;
}
.tab-wrap.ssub-tab .tab-list > li {
	float:left;
}
/*
.tab-wrap.sub-tab .tab-list-flex {
	display:flex;
	width:100%;
	float:none;
}
.tab-wrap.sub-tab .tab-list-flex > li {
	float:none;
	flex:1;
}*/
.tab-wrap.sub-tab .tab-list > li > a {
	min-width:auto;
	border:0;
	font-size:18px;
	line-height:44px;
	white-space:nowrap;
}
.tab-wrap.sub-tab .tab-list > li > a:before {
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:auto;
	border:1px solid #b9b9b9;
	background:transparent;
	z-index:1;
}
.tab-wrap.sub-tab .tab-list > li:first-child > a,
.tab-wrap.sub-tab .tab-list > li:first-child > a:before {
	border-bottom-left-radius:5px;
}
.tab-wrap.sub-tab .tab-list > li:last-child > a,
.tab-wrap.sub-tab .tab-list > li:last-child > a:before {
	border-bottom-right-radius:5px;
}
.tab-wrap.sub-tab .tab-list > li > a {
	position:relative;
	z-index:2;
}
.tab-wrap.sub-tab .tab-list > li.active > a {
	background:linear-gradient(to bottom, rgba(87,121,197,1) 0%,rgba(38,65,124,1) 100%);
}
.tab-wrap.sub-tab .tab-list > li.active > a:before {
	display:none;
}
.tab-wrap.ssub-tab {
	padding-bottom:38px;
}
.tab-wrap.ssub-tab:before {
	display:none;
}
.tab-wrap .ssub-tab-list {
	display:none;
	position:absolute;
	bottom:11px;
	left:0;
	flex-wrap:nowrap;
}
.tab-wrap .ssub-tab-list > li {
	margin-left:18px;
	padding-left:10px;
	font-size:16px;
	line-height:28px;
	color:#555;
	white-space:nowrap;
}
.tab-wrap .ssub-tab-list > li:first-child {
	margin-left:0;
}
.tab-wrap .ssub-tab-list > li > a {
	display:block;
}
.tab-wrap .ssub-tab-list > li.active {
	font-weight:500;
	color:#2056b2;
}
.tab-wrap .ssub-tab-list > li.active > a {
	text-decoration:underline;
}
.tab-wrap .tab-list > li.active .ssub-tab-list {
	display:flex;
}

/* number input */
.number-wrap3 {
	display:flex;
	width:100%;
}
.number-wrap3 .number-cont {
	flex:1;
	position:relative;
}
/*.number-wrap3 .number-cont:first-child {
	margin-left:0;
}
.number-wrap3 .number-cont:last-child {
	margin-right:0;
}*/
.number-wrap3 .number-wave {
	flex:auto;
	display:block;
	position:relative;
	/*top:0;
	bottom:0;
	left:50%;*/
	max-width:18px;
	height:100%;
	/*transform:translateX(-50%);*/
	font-size:0;
	line-height:0;
}
.number-wrap3 .number-wave:before {
	content:'';
	position:absolute;
	top:17px;
	left:5px;
	right:5px;
	height:1px;
	background:#aaa;
}
/*.number-wrap3 .number-wave:nth-child(2) {
	left:calc(34% - 9px);
}
.number-wrap3 .number-wave:nth-child(4) {
	left:auto;
	right:33%;
	transform:translateX(50%);
}*/
.number-wrap3 .select,
.number-wrap3 input.txt {
	width:100%;
}

.operator-number {
	display:flex;
	width:100%;
}
.operator-number .number-cont {
	flex:1;
	position:relative;
}
.operator-number .number-cont:last-child {
	flex:2;
}
.operator-number .number-wave {
	flex:auto;
	display:block;
	position:relative;
	max-width:18px;
	height:100%;
	font-size:0;
	line-height:0;
}
.operator-number .number-wave:before {
	content:'';
	position:absolute;
	top:21px;
	left:5px;
	right:5px;
	height:1px;
	background:#aaa;
}
.operator-number .select,
.operator-number input.txt {
	width:100%;
}

/* email */
.email-wrap {
	display:flex;
	width:100%;
}
.email-wrap .email-cont {
	flex:1;
	position:relative;
}
.email-wrap .email-wave {
	flex:auto;
	display:block;
	position:relative;
	max-width:24px;
	height:100%;
	font-size:16px;
	line-height:36px;
	text-align:center;
}
.email-wrap .select,
.email-wrap input.txt {
	width:100%;
}
.email-wrap .email-cont + .email-cont {
	margin-left:9px;
}
/* status text */
.status-text {
	position:relative;
	display:inline-block;
	padding-left:8px;
}
.status-text:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:4px;
	border-radius:100%;
	transform:translateY(-50%);
}
.status-text.status-start {
	color:#c83030;
}
.status-text.status-start:before {
	background-color:#c83030;
}
.status-text.status-ing {
	color:#2c9556;
}
.status-text.status-ing:before {
	background-color:#2c9556;
}
.status-text.status-end {
	color:#2f668c;
}
.status-text.status-end:before {
	background-color:#2f668c;
}

/* input unit */
.input-unit {
	position:relative;
	padding-right:30px;
}
.input-unit .unit-text {
	position:absolute;
	top:0;
	right:0;
	width:24px;
	margin-left:6px;
	font-size:16px;
	line-height:36px;
	color:#333;
}
.input-unit.unit-w60 {
	padding-right:60px;
}
.input-unit.unit-w60 .unit-text {
	width:54px;
}
.input-unit.unit-w140 {
	padding-right:140px;
}
.input-unit.unit-w140 .unit-text {
	width:134px;
}

/* input and btn */
.input-and-btn {
	position:relative;
	display:inline-block;
	width:300px;
	padding-right:75px;
}
.input-and-btn .base-btn {
	position:absolute;
	top:0;
	right:0;
}
.input-and-btn input.txt {
	width:100%;
}
.input-and-btn.text-word4 {
	padding-right:110px;
}

/* list text */
.list-text li {
	position:relative;
	padding-left:7px;
	font-size:14px;
	line-height:22px;
	color:#777;
}
.list-text li:before {
	content:'';
	position:absolute;
	top:9px;
	left:0;
	width:3px;
	height:3px;
	border-radius:100%;
	background:#777;
	/*transform:translateY(-50%);*/
}
/* import text */
.import-text {
	display:block;
	font-size:16px;
	line-height:22px;
	color:#ca3434;
}


/* contents margin */
.search-box + .board-set {
	margin-top:10px;
	height:calc(100% - 122px);
}
.search-box.search-two + .board-set {
	height:calc(100% - 158px);
}
.search-flex + .search-flex {
	margin-top:6px;
}
.select-input-btn .base-btn,
input.txt ~ .base-btn,
.select ~ .base-btn {
	min-width:70px;
	margin-left:3px;
	border-color:#2056B2;
	background:#2056B2;
	line-height:34px;
}
input.txt ~ .base-btn:before,
.select ~ .base-btn:before {
/* 	background-color:#e4e5e8; */
}
.btn-select + .base-btn {
	margin-left:8px;
}
.board-set + .btn-group-box,
.list-board + .btn-group-box,
.data-board + .btn-group-box {
	margin-top:20px;
}
.radio-only-center-box + .list-text,
.board-set + .list-text {
	margin-top:8px;
}
.search-box + .white-grid,
.board-set + .board-set,
.survey-cont + .btn-group-box,
.search-box + .tab-wrap{
	margin-top:10px;
}
.chart-unit-box + .board-set {
	margin-top:40px;
}
.page-step-list + .cont-grid-area {
	margin-top:10px;
}

/* append file area */
.append-file-area input.file {
	display:none;
}
.append-file-area input.file ~ .base-btn {
	margin-left:0;
}
.append-file-area .base-btn + .impo-text {
	display:inline-block;
	margin:0 0 0 15px;
	vertical-align:middle;
}
.append-file-area .append-file-cont {
	margin:0 -3px;
}
.append-file-area label ~ .append-file-cont {
	padding-top:7px;
}
.append-file-area .append-file-box {
	position:relative;
	display:inline-block;
	max-width:calc(100% - 10px);
	margin:3px;
	padding:0 117px 0 12px;
	border-radius:5px;
	background:#eeeeee;
	font-size:16px;
	font-weight:500;
	line-height:42px;
	color:#222;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.append-file-area .append-file-box .file-volume {
	position:absolute;
	top:0;
	right:40px;
	/*display:inline-block;
	margin-left:20px;*/
	display:block;
	font-weight:400;
	color:#777;
}
.append-file-area .append-file-box .append-delete {
	position:absolute;
	top:0;
	right:0;
	width:36px;
	height:42px;
	background:url('../images/common/btn_file_delete.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
}
.append-file-area.appedn-file-inline .append-file-cont {
	display:inline;
}
.append-file-area.appedn-file-inline label + .append-file-cont {
	margin:0;
}

/* window popup */
.win-popup {
	min-width:1500px;
	min-height:894px;
	padding:40px;
	padding-top:0;
	background:#eaeaea;
}
.win-popup #container {
	padding:0;
}
.win-popup #contents {
	margin:0;
	padding:0;
	box-shadow:none;
}
.win-popup .contents-cont {
	height:100%;
}
.win-popup .page-title-area {
	margin-bottom:30px;
	border-bottom:1px solid #cfcfcf;
}

/* board details */
.board-details .board-set {
	height:auto;
}
.board-details-cont {
	overflow-y:auto;
	height:470px;
	margin:10px 0;
	padding:20px;
	font-size:16px;
	line-height:28px;
	background:#f6f6f6;
	color:#333;
}
.board-details-cont.board-details-modify {
	padding:3px;
}
.board-details-cont.board-details-modify .text-area {
	height:100%;
}
.board-details .board-append-height {
	padding:0;
}
.board-details .append-file-area {
	overflow-y:auto;
	max-height:240px;
	padding:7px;
}
.cont-grid .board-details-cont {
	height:165px;
}

/* loading */
.loading-area {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:30;
}
.loading-area .loading-cont {
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	border-radius:100%;
	background:#eee;
	transform:translate(-50%, -50%);
}
.loading-area .loading-cont img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

/* chart */
.chart-unit-box {
	position:relative;
	height:0;
}
.chart-unti-cont {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
.pie-chart-area {
	padding-top:30px;
}
.pie-chart-area.no-unit {
	padding-top:0;
}

/* layout notice */
.layout-notice-area {
	overflow:hidden;
	position:absolute;
	top:82px;
	bottom:18px;
	right:0;
	width:0;
	border-bottom:1px solid #b5b5b5;
	background:#f6f6f6;
	box-shadow: -1px 1px 2px 1px rgba(170,170,170,1);
	/*transform:translateX(110%);*/
	transition:all 0.5s;
	z-index:10;
}
.layout-notice-area.notice-view {
	right:0;
	width:332px;
	/*transform:translateX(0);*/
}
.layout-notice-area .notice-layout-title {
	display:block;
	width:332px;
	padding:0 20px;
	background:#ddd;
	font-size:14px;
	font-weight:500;
	line-height:52px;
	color:#222;
}
.layout-notice-area .layout-notice-list {
	overflow-y:auto;
	width:332px;
	height:calc(100% - 52px);
	padding:10px 24px 10px 20px;
}
.layout-notice-area .notice-time {
	position:relative;
	display:block;
	margin-top:7px;
	padding-left:9px;
	font-size:12px;
	font-weight:500;
	line-height:36px;
	color:#222;
}
.layout-notice-area .notice-time:before {
	content:'';
	position:absolute;
	top:13px;
	left:0;
	width:2px;
	height:12px;
	background:#555;
}
.layout-notice-area .notice-cont-list > li {
	margin-top:6px;
	padding:9px 15px 0;
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
}
.layout-notice-area .notice-cont-list > li:first-child {
	margin-top:0;
}
.layout-notice-area .notice-cont-title {
	display:block;
	font-size:12px;
	font-weight:500;
	line-height:20px;
	color:#222;
}
.layout-notice-area .notice-dot {
	margin-top:1px;
}
.layout-notice-area .notice-dot > li {
	position:relative;
	padding-left:9px;
	font-size:12px;
	line-height:20px;
	color:#555;
}
.layout-notice-area .notice-dot > li:before {
	content:'';
	position:absolute;
	top:50%;
	left:1px;
	width:3px;
	height:3px;
	border-radius:100%;
	background:#555;
	transform:translateY(-50%);
}
.layout-notice-area .notice-rink {
	display:block;
	margin:12px -15px 0;
	border-top:1px solid #ccc;
	font-size:12px;
	line-height:27px;
	color:#555;
	text-align:center;
}
.layout-notice-area .notice-area-close {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:52px;
	height:52px;
	background:url('../images/common/btn_close15.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
}
.layout-notice-area.notice-view .notice-area-close {
	display:block;
}

/* error page */
.error-page {
	background:#eaeaea;
}
.error-cont {
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	transform:translate(-50%, -50%);
}
.error-cont .error-title {
	padding-top:155px;
	background:url('../images/common/bg_error.png') no-repeat 50% 0;
	font-size:42px;
	font-weight:500;
	line-height:50px;
	color:#222;
}
.error-cont .error-title strong {
	padding-bottom:10px;
	font-size:64px;
	line-height:70px;
}
.error-cont .error-code {
	margin-top:25px;
	font-size:18px;
	font-weight:500;
	line-height:25px;
	color:#777;
}
.error-cont .error-btn {
	position:relative;
	display:inline-block;
	width:190px;
	height:60px;
	margin-top:138px;
	padding:0 30px;
	border-radius:5px;
	background:linear-gradient(to bottom, #337cf9 0%,#003aa1 100%);
	font-size:14px;
	font-weight:500;
	line-height:60px;
	color:#fff;
	text-align:left;
}
.error-cont .error-btn:before {
	content:'';
	position:absolute;
	top:50%;
	right:28px;
	width:6px;
	height:11px;
	background:url('../images/common/bg_btn_error.png') no-repeat 0 0;
	transform:translateY(-50%);
}

/* step list */
.page-step-list {
/* 	padding-top:20px; */
	font-size:0;
	line-height:0;
	text-align:center;
}
.page-step-list li {
	position:relative;
	display:inline-block;
	width:180px;
	padding-top:14px;
	font-size:18px;
	font-weight:500;
	line-height:26px;
	color:#8da2d4;
}
.page-step-list li:before {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	width:10px;
	height:10px;
	border-radius:100%;
	background:#8da2d4;
	transform:translateX(-50%);
}
.page-step-list li:after {
	content:'';
	position:absolute;
	top:4px;
	left:calc(-50% + 11px);
	right:calc(50% + 11px);
	height:2px;
	background:#8da2d4;
}
.page-step-list li:first-child:after {
	display:none;
}
.page-step-list li.active {
	color:#134294;
}
.page-step-list li.active:before {
	background:#134294;
}.page-step-list li.active ~ li {
	color:#555;
}
.page-step-list li.active ~ li:before {
	background:#777;
}
.page-step-list li.active ~ li:after {
	background:#ccc;
}

/* clause box */
.clause-box {
	background:#f6f6f6;
}
.clause-box .clause-cont {
	overflow-y:auto;
	padding:25px 20px;
	font-size:16px;
	line-height:26px;
	color:#555;
}
.clause-box .clause-cont strong {
	font-weight:500;
}
.clause-box .clause-choice {
	padding:18px 0 20px;
	border-top:1px solid #c8c8c8;
	text-align:center;
}
.clause-box .clause-choice .radio-wrap + .radio-wrap {
	margin-left:25px;
}

/* bank choice pop */
.bank-choice-pop {
	overflow:hidden;
	width:660px;;
	margin:-2px auto -1px;
}
.bank-choice-pop li {
	float:left;
	width:214px;
	height:42px;
	margin:2px 2px 1px 1px;
	border:1px solid #ddd;
	border-radius:5px;
	font-size:15px;
	line-height:40px;
	color:#111;
	text-align:center;
}
.bank-choice-pop li:hover,
.bank-choice-pop li.active {
	border-color:#3f67af;
	background-color:#3f67af;
	color:#fff;
}
.bank-choice-pop li a {
	display:block;
	width:100%;
	height:100%;
}
/* completion page */
.completion-page {
	height:705px;
	padding-top:115px;
	background:#fff;
}
.completion-page .completion-text {
	display:block;
	padding:140px 0 40px;
	background:url('../images/common/bg_bank_document.png') no-repeat 50% 0;
	font-size:32px;
	line-height:42px;
	color:#333;
	text-align:center;
}
.completion-page .data-board {
	width:800px;
	margin:0 auto;
}
.page-step-list + .completion-page {
	margin-top:36px;
}

/*전자세금계산서*/
.color-list{
	border:0;
	margin-top:-1px;
}
.margin-none{
	margin-top:-15px;
	margin-bottom:-15px;
}
.color-list tr:first-child .pink-main-bg,
.color-list tr:first-child .pink-sub-bg,
.color-list tr:first-child .pink-border {
	border-top:1px solid #ea5555;
}
.color-list .pink-main-bg{
	color:#e10d0d;
	background:#ffd9d9;
}
.color-list .pink-sub-bg{
	color:#af5f5f;
	background:#fff2f2;
}
.color-list .pink-main-bg{
	border-top:1px solid #ea5555;
}
.color-list tbody tr:nth-child(3) th,
.color-list tbody tr:nth-child(3) td{
	height:49px;
	white-space:normal;
}
.color-list tr:first-child .blue-main-bg,
.color-list tr:first-child .blue-sub-bg,
.color-list tr:first-child .blue-border{
	border-top:1px solid #5396da;
}
.color-list .blue-main-bg{
	color:#5396da;
	background:#c2d9f2;
}
.color-list .blue-sub-bg{
	color:#3a77a2;
	background:#f2f5ff;
}
.total-list{
	position:relative;
	left:0;
	padding-right:155px;
	border-right:1px solid #bcbfc1;
	border-bottom:1px solid #bcbfc1;
	background:#fff;
}
.total-list .claim-table .f-tbl-type tbody tr td{
	border-bottom:0;
}
.claim-list{
	position:absolute;
	right:0px;
	top:50%;
	width:155px;
	font-size:14px;
	text-align:center;
	transform:translateY(-50%);
}
/*agreement-content*/
.agreement-title strong{
	margin-top:50px;
	display:block;
	text-align:center;
	text-decoration:underline;
	font-size:25px;
}
.agreement-content{
	margin-top:20px;
	border:1px solid #666;
	line-height:1.4;
}
.agreement-content-information{
	padding:15px 15px 0 15px;
}
.agreement-content-information strong{
	font-size:15px;
	display:block;
	margin:20px 0 10px;
}
.agreement-content-file dl dd span,
.agreement-content-information ul li span{
	font-weight:500;
}
.agreement-content-information ul{
	margin-top:10px;
}
.agreement-content-information ul li{
	position:relative;
	left:15px;
	line-height:1.8;
}
.agreement-content-information ul li:before{
	content:'○';
	font-size:5px;
	position:absolute;
	top:4px;
	left:-15px;
}
.agreement-content-information ul li strong{
	font-size:14px;
	font-weight:400;
	margin:0;
	margin-left:63px;
	margin-top:-7px;
}
.agreement-content-file{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:20px 0;
	padding:20px 0;
	text-align:center;
}
.agreement-content-file dl{
	overflow:hidden;
	line-height:2;
}
.agreement-content-file dl dd{
	width:50%;
	float:left;
}
.agreement-content-sign{
	text-align:center;
	margin-bottom:20px;
	line-height:3;
}
.agreement-content-sign strong{
	font-size:15px;
}
.year-group span{
	display:inline-block;
	padding:0 10px;
}
.year-group .name_line{
	width:90px;
	border-bottom:1px solid #333;
}
.year-group .space80{
	position:relative;
}
.year-group .space80 .stemp{
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	right:-5px;
}
.year-group .space80 .stemp img{
	width:100%;
}
.email-group .mail_line{
	display:inline-block;
	width:200px;
	border-bottom:1px solid #333;
}
.mail_line,
.name_line{
	line-height:1.4;
}
/*bank-agreement*/
.agreement-title p{
	text-align:right;
	margin-top:20px;
}
.bank-agreement-data strong{
	margin:0;
	margin-bottom:10px;
}
.bank-agreement-data .f-tbl-type tr td span{
	display:block;
	text-align:right;
	font-weight:400;
	color:#888;
}
.bank-agreement-data strong{
	display:block;
	margin:10px 0;
}
.bank-agreement-data ul li span{
	font-weight:400;
	text-decoration:underline;
}
.agreement-sub-title{
	margin-top:30px;
	text-align:center;
	text-decoration:underline;
	font-size:17px;
	font-weight:600;
}
.bank-agreement-data + .agreement-content-information{
	padding:0;
	padding-right:15px;
	margin:0;
}
.usage-agreement{
	margin-top:30px;
	border:1px solid #333;
	padding:10px;
}
.usage-agreement strong{
	display:block;
	text-align:center;
	font-size:17px;
	margin:20px 0;
}

.usage-agreement p{
	text-align:center;
	line-height:1.3;
	font-weight:600;
	margin-bottom:20px;
}
.usage-agreement dl{
	margin:10px 0;
	line-height:1.3;
}
.usage-agreement dl dt{
	font-weight:600;
	margin:10px 0;
}
.usage-agreement dl span{
	font-weight:500;
}
.agree-box input.agree-check {
	display:none;
}
.agree-box label {
	display:inline-block;
	position:relative;
	padding-left:19px;
	background:url('../images/common/bg_radio_2.png') no-repeat 0 0;
	vertical-align:middle;
}
.agree-box .agree-check:checked + label{
	background:url('../images/common/bg_radio_checked_2.png') no-repeat 0 0;
}
.agree-box .agree-check:disabled + label {
	background:url('../images/common/bg_radio_disabled.png') no-repeat 0 0;
}
.usage-agreement-check{
	overflow:hidden;
	border:1px dotted black;
	padding:5px;
	margin:7px 0;
	font-size:13px;

}
.usage-agreement-check p{
	text-align:left;
	font-weight:400;
	float:left;
	width:60%;
	margin:0;
}
.usage-agreement-check .agree-box{
	display:inline-block;
	float:left;
	width:20%;
	text-align:right;
}
.usage-agreement-check .disagree{
	display:inline-block;
	width:20%;
	text-align:right;
}
.agreement-content-sign{
	margin-top:20px;
	position:relative;
}
.agreement-content-sign.f-tbl-type{
	border:0;
	margin:0;
	margin-top:20px;
}
.agreement-content-sign.f-tbl-type .td-box .txt01{
	width:500px;
	padding:0;
}
.agreement-content-sign.f-tbl-type .td-box .txt01 .space80 .stemp{
	top:-5px;
	right:90px;
}
.td-middle{
	vertical-align:middle;
}


/*.main-popup-wrap{background-color: rgba(0,0,0,0.4); position: fixed; z-index: 60; width: 100%; height: 100%; top: 0; left: 0; display: none;}*/
.main-popup-wrap{background-color:rgba(0,0,0,0.4);z-index:100;}
	.main-popup-wrap .main-popup-div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
	.main-popup-wrap .main-popup-div ul{text-align: center; list-style: none; text-align: center; position: relative; margin: 0 auto;}
	.main-popup-wrap .main-popup-div ul li{display: inline-block; margin-right: 2%; position: relative; width: 31%;}
	.main-popup-wrap .main-popup-div ul li:last-child{margin-right: 0px;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container{width: 100%; height: 60vh; background-color: #f6f6f6; position: relative; overflow: hidden;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container .main-popup-scroll{position: relative; width: 100%; height: 100%; overflow: auto;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container .main-popup-scroll .main-popup-img-div{width: 100%; position: relative;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container .main-popup-scroll .main-popup-img-div img{width: 100%; display: block;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container .main-popup-scroll .main-popup-title{display: block; text-align: left; padding: 10px; font-size: 20px; background-color: #2056B2; color: #FFF; line-height: 1.5;}
	.main-popup-wrap .main-popup-div ul li .main-popup-container .main-popup-scroll .main-popup-content{display: block; text-align: left; padding: 10px; line-height: 1.5; font-size: 20px; }
	.main-popup-wrap .main-popup-div .main-popup-brn-wrap{text-align: center; margin-top: 20px;}
	.main-popup-wrap .main-popup-div .main-popup-brn-wrap a{height: 30px; line-height: 28px;}