@charset "utf-8";
@import 'common.css';
@import 'select.jquery.css';
@import url("font-awesome/css/font-awesome.css");

#wrap {
	min-width: 1480px
}

#wrap #wrap {
	min-width: auto
}

.log_bg {
	background: url(../images/common/log_bg.png)
}

#container {
	position: relative;
	height: calc(100% - 95px)
}

#container #snb {
	float: left;
	width: 250px;
	box-sizing: border-box;
	position: relative;
	border-right: 1px solid #e5e5e5;
	/*height: calc(100% - 35px);*/
	
	background-color: #fff;
}

#container.snb_collapsed #snb {
	height: auto;
}


#container>#contents {
	float: left;
	width: calc(100% - 250px);
	padding: 30px;
	box-sizing: border-box;
	min-height: calc(100% - 35px);
	border-left: 1px solid #e4e8eb;
	margin-left: -1px;
/*	height: calc(100% - 35px);*/
}

/* #container #contents > form[name=frm], #container #contents > form[name=inputForm]{display:inline-block;width:100%} */
#container footer {
	width: 100%
}

#container.conslayout {
	height: auto
}

#container.conslayout #contents {
	width: 100%
}

/* left_navigation collapse / Expand */
#snb .nav_col {
	position: absolute;
	top: 5px;
	right: 20px;
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/common/ico_nav.png) no-repeat right 0;
	cursor: pointer
}

#snb .nav_col:hover {
	background-position-y: -25px
}

#snb .nav_exp {
	display: none
}

.snb_collapsed #snb .nav_col {
	display: none
}

.snb_collapsed #snb .nav_exp {
	display: block;
	cursor: pointer
}

.snb_collapsed #snb h2,
.snb_collapsed #snb ul {
	display: none
}

.snb_collapsed #snb .nav_exp {
	position: absolute;
	top: 5px;
	left: 33px;
	/*top: 32px;
	left: 9px;*/
	width: 22px;
	height: 22px;
	background: url(../images/common/ico_nav.png) no-repeat 0 0;
	cursor: pointer;
	z-index: 1
}

.snb_collapsed #snb .nav_exp:hover {
	background-position-y: -25px
}

.snb_collapsed #snb {
	width: 0 !important
}

.snb_collapsed#container #contents {
	padding-left: 30px;
	width: 100%;
	margin-left: 0
}

/* left_navigation */
#snb {
	/*padding: 0 15px 0 30px;*/
}

#snb h2 {

	/*margin-bottom: 10px;
	padding-top: 30px;*/
	box-sizing: border-box
}

#snb h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	padding: 24px 30px;
	border-bottom: 1px solid #E5E5E5;
}

#snb ul li {
	position: relative;
	/*background: #fff*/
}

#snb ul li a {
	display: block;
	box-sizing: border-box;
	font-weight: normal;
	cursor: pointer
}

#snb ul li:hover {
	
}

#snb>ul>li:hover,
#snb ul li li.on,
#snb ul li.on:hover {
	
}

#snb .dir {
	margin-right: 0
}

#snb>ul>li {
	/*border-bottom: 1px solid #eceff1;*/
	/*border-radius: 6px;*/

}

#snb>ul>li>a {
	position: relative;
	padding: 8px 40px 8px 30px;
	font-size: 14px;
	line-height: 22px;
	min-height: 35px;
	color: #000;
	/*border-radius: 6px;*/
	width: 100%;
}

#snb>ul>li:hover>a {
	color: #000
}

#snb>ul>li img {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: none;
}

#snb>ul>li.on>a {
	background: #d5dae8;
	display: block;
	color: #000;
	cursor: default;
	font-weight: 500;

}

#snb ul li ul {
	display: none;
	padding: 5px 0 7px;
	background-color: #f2f4f8;
}

#snb ul li ul li a {
	padding: 7px 10px 7px 30px;	
	font-size: 14px !important;
	color: #505570;
	display: block
}

#snb ul li ul li:hover a {
	color: #000;
}

#snb ul li ul li ul {
	display: none
}

#snb ul li ul li ul li {
	background: #fff !important;
	border-top: 1px solid #dfdfdf;
	border-bottom: none !important
}

#snb ul li ul li.on a {
	cursor: default;
	color: #2949b3;
	font-weight: bold;
	position: relative
}

#snb ul li ul li>a:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 13px;
	width: 3px;
	height: 3px;
	background-color: #c0c2c9;
	border-radius: 3px
}

#snb ul li ul li.on>a:after {
	background-color: #3c5dc0
}

#snb ul li ul li ul li a {
	padding-left: 30px;
	font-weight: normal !important
}

iframe {
	border: 0
}

/* contents 화면을 구성하는 타이틀 */
#contents .bc {
	position: absolute;
	top: 10px;
	right: 30px;
	height: 26px;

	font-size: 12px;
	font-weight: normal;
	color: #6a7794;
	box-sizing: border-box
}

#contents .bc strong {
	color: #455467;
	font-weight: bold
}

#contents .bc i {
	display: none;
}



#contents h3 {
	position: relative;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
	display: flex;
	justify-content: left;
	align-items: center;
	margin-bottom: 10px;
	line-height: 28px;

}

#contents h3 p {
	position: absolute;
	top: 34px;
	right: 0
}

#contents h4,
#contents h5 {
	/*font-weight: bold;
	position: relative;
	height: 26px;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #46465a;
	box-sizing: border-box*/
}

#contents h4 {
	/*font-size: 14px;
	padding-top: 2px;
	line-height: 24px*/
}

#contents h5 {
	font-size: 15px;	
	line-height: 24px
}

#contents h4+h5 {
	margin-top: 20px
}

#contents h4.line {
/*	border-bottom: 1px solid #1a436f;
	height: 35px*/
}

#contents .toggle_sec_wrap h4.line.close {
	border-bottom: 0
}

#contents h4 input {
	margin-bottom: -3px;
}

#contents h4 select {
	margin-top: -2px;
}

#contents h4 strong,
#contents h5 strong {
	color: #46465a
}

#contents h4 .slide,
#contents h5 .slide {
	margin: 0 3px;
	font-weight: normal;
	color: #bfbdbe
}

#contents h4 span.smalltext {
	font-size: 13px;
	font-weight: normal
}

.comment_wrap span.comment,
.comment_wrap span.error_comment,
#contents h4 span.comment,
#contents h5 span.comment,
.list_head .button span.comment,
#contents h4 span.error_comment {
	
	color: #566c9d;
	display: inline-block;
	/*margin-left: 10px;*/
	padding: 0 10px 0 20px;
	font-size: 13px;
	font-weight: normal;	
	box-sizing: border-box;
	line-height: 1.8;
}

.comment_wrap span.error_comment,
#contents h4 span.error_comment {
	
	
	font-size: 13px!important;
	padding: 0 10px 0 20px;
	line-height: 1.8;
	color: #454545;
	
	font-weight: 500;
}

#contents h4 span.error_comment .tooltip {
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 0;
	background-position-y: 2px
}

.description,
span.description {
	display: inline-block;
	height: 24px;
	line-height: 22px;
	padding: 4px 2px 0 16px;
	background: #fff url(../images/common/ico_comment.png) no-repeat 0 10px;
	font-size: 11px;
	font-weight: normal;
	color: #566c9d !important
}

.description.error {
	background-image: url(../images/common/ico_error_comment.png);
	color: #ea5242 !important
}

.description.srchtop {
	width: 100%
}

.description.srchtop+.srch_wrap {
	margin-top: 2px
}

.list_head .button span.comment,
#contents h4 .button span.comment,
#contents h5 .button span.comment,
#contents h4 .button span.error_comment {
	padding-top: 2px;
	background-position-y: 8px;
	line-height: 22px;
	min-height: 26px
}

.comment_wrap span.error_comment,
.comment_wrap span.comment {
	/*margin-left: 0 !important;
	margin-top: 2px !important;
	height: auto*/
}

#contents h4 .button span.comment.normal {
	color: #444b6d;
	background: none;
	padding-left: 0
}

.button span.comment_l {
	float: left;
	padding: 6px 14px 0 17px;
	background: url(../images/common/ico_comment.png) no-repeat 3px 8px;
	font-size: 11px;
	color: #566c9d
}

.button span.comment_r i {
	display: none
}

.button span.comment_r,
#contents h4 .button span.comment_r {
	padding: 10px 0 0 16px;
	background: url(../images/common/ico_comment.png) no-repeat 0 11px;
	font-size: 11px;
	line-height: 13px;
	min-height: 16px;
	color: #566c9d
}

#contents h4 .button span.comment_r {
	float: right
}

#contents h4 .button span.comment_r strong {
	font-weight: normal
}

#contents h4 .button span.comment_r strong.red {
	color: #ea5242 !important
}

#contents h4 .button select {
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	margin-top: 0\9;
	box-sizing: border-box;
}

#contents .list_head .button select {
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	margin-right: 2px\9;
	margin-top: 0\9;
	box-sizing: border-box;
}

#contents .form_head .button select {
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	margin-right: 2px\9;
	margin-top: 0\9;
	box-sizing: border-box;
}

#contents h4 span.label_step {
	display: inline-block;
	float: left;
	margin: 8px 10px 0 0;
	min-width: 90px;
	height: 20px;
	box-sizing: border-box;
	background-color: #9caf00;
	border: 1px solid #819000;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	text-align: left
}

#contents h4 label.title {
	float: left;
}

#contents h4 .form_wrap_ico {
	width: 170px;
	float: left;
	margin-left: 10px
}

/*추가2022-06-14*/
#pop_wrap #contents #approval_info[style="display:none;"]+.form_wrap[style="margin-bottom:60px"] .div_box.mt10.pd10 .mail_contents .form_wrap+.list_wrap>.list_head>h5 {
	float: none
}

#contents .list_wrap .list_head>h5 {
	width: 100%
}

/* font 폰트 스타일 */
span.mandatory {
	background: none;
	color: #F60 !important
}

span.required {
	/*margin-left: 3px;
	color: #F60 !important;
	vertical-align: top !important;
	font-weight: normal
	*/
	
		display: inline-block;
		min-width: 6px;
		height: 12px;
		margin-left: 4px;
		background: url(../images/vendor/ico_mandatory.svg) no-repeat center;
		order: 1;
		text-indent: -999px;
	
	
	
	
}

span.focus {
	color: #f93
}

span.error {
	color: #f90
}

span.group {
	color: #f90
}

strong.error {
	color: #ee651f
}

strong.focus {
	color: #fcaf17
}

.clear {
	clear: both
}

.tl {
	text-align: left !important
}

.tc {
	text-align: center !important
}

.tr {
	text-align: right !important
}

.disblock {
	display: block !important
}

.txtoverflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.notoverflow,
.notoverflow td {
	white-space: normal !important
}

.valigntop,
.valigntop td {
	vertical-align: top !important
}

.scrollx {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #e7e7e9;
	scrollbar-highlight-color: #ccc;
	scrollbar-darkshadow-color: #fff;
	scrollbar-arrow-color: #b8b8b8;
	scrollbar-track-color: #f7f7f9
}

.process_img {
	position: relative;
	width: 1040px;
}

.no_img {
	background: url(../images/common/no_img_bg.svg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.no_img_dt {
	background: url(../images/common/no_img_bg.svg) no-repeat center center;
	background-size: cover;
	width: 360px !important;
	height: 360px !important;
}

.no_img_ct {
	background: url(../images/common/no_img_ct.svg) no-repeat center center;
	background-size: cover;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	margin-top: 80px;
	box-sizing: border-box;
}

.img_grid_wrap {
	width: 62px;
	height: 62px;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.img_grid_wrap img {
	max-width: 60px;
	max-height: 60px;
	box-sizing: border-box;
}

.img_thumb_wrap {
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0 auto;
	background-color: transparent;
	box-sizing: border-box;
}

.thumb_img {
	width: 26px !important;
	height: 26px !important;
	background-color: #fff;
	box-sizing: border-box;
}

.thumb_img:hover {
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
}

#thumb_select {
	position: absolute;
	display: none;
	background-color: #ffffff;
	border: solid 2px #4897cd;
	border-top: solid 6px #4897cd;
	padding: 0;
	box-sizing: border-box;
}

#thumb_select img {
	max-width: 340px;
	max-height: 340px;
	background-color: #fff;
}

.mro_list_wrap {
	clear: both;
	position: relative;
	width: 100%;
	border-top: 2px solid #727272;
	padding-top: 15px;
	margin-bottom: 20px
}

.mro_img_wrap {
	position: absolute;
	top: 50px;
	left: 25px;
	width: 120px;
	height: 120px;
	border: 1px solid #bfbfbf;
	text-align: center;
	box-sizing: border-box;
}

.mro_img_wrap.type1 {
	position: inherit;
	top: 0px;
	left: 0px;
}

.mro_img_wrap img {
	width: 120px;
	height: 120px;
	box-sizing: border-box;
}

.mro_detail_img_wrap {
	position: absolute;
	top: 23px;
	left: 15px;
	border: 1px solid #bfbfbf;
	width: 212px;
	height: 212px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.mro_detail_img_wrap img {
	max-width: 200px;
	max-height: 200px;
	box-sizing: border-box;
	margin: 0 auto;
}

.mro_detail_img_wrap.type1 {
	position: absolute;
	top: 25px;
	left: 15px;
	width: 152px;
	height: 152px;
}

.mro_detail_img_wrap.type1 img {
	max-width: 150px;
	max-height: 150px;
}

.mro_detail_wrap {
	box-sizing: border-box;
	padding-left: 260px;
	padding-bottom: 25px;
	border-bottom: 1px solid #bfbfbf;
}

.mro_detail_wrap.type1 {
	padding-left: 210px;
}

.mro_cis_wrap {
	width: 820px;
	margin: 0 auto;
	margin-top: 100px;
}

.mro_btn_a {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 400px;
	min-height: 240px;
	border-color: #ababab;
	background-color: #fafafa;
}

.mro_btn_a {
	border: 2px solid #cdcdcd;
	border-radius: 10px;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.mro_btn_b {
	float: left;
	position: relative;
	margin-left: 10px;
	width: 400px;
	min-height: 240px;
	border-color: #ababab;
	background-color: #fafafa;
}

.mro_btn_b {
	border: 2px solid #cdcdcd;
	border-radius: 10px;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.mro_btn_a,
.mro_btn_b {
	padding: 30px;
	word-break: break-all;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: top;
}

.mro_btn_a p.en,
.mro_btn_b p.en {
	margin-top: 14px;
	font-weight: normal;
}

.mro_btn_a p.sub,
.mro_btn_b p.sub {
	margin-top: 18px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
}

.mro_btn_a a i,
.mro_btn_b a i {
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin-top: 20px;
	font-size: 60px;
	font-weight: normal;
	color: #48a2d0;
}

.mro_btn_a a:hover i,
.mro_btn_b a:hover i {
	margin-top: 20px;
	font-weight: normal;
	color: #ff9600;
}

.img_best_wrap {
	width: 122px;
	height: 122px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #bfbfbf;
}

.img_best_wrap a {
	display: block;
}

.img_best_wrap img {
	max-width: 120px;
	max-height: 120px;
	box-sizing: border-box;
}

.img_best_wrap p {
	position: relative;
	width: 120px;
	margin-top: 6px;
	box-sizing: border-box;
	word-break: break-all;
	text-align: left;
	padding-left: 16px;
}

.img_best_wrap p input {
	position: absolute;
	top: 2px;
	left: 0;
}

/* buttons */
.ico_grid {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-color: #fff;
	border: 1px solid #b3b9cd;
	border-radius: 3px;
	white-space: nowrap;
	font-size: 12px;
	box-sizing: border-box;
}

.ico_grid span {
	display: inline-block;
	width: 26px;
	height: 22px;
	margin-top: 1px;
	margin-left: 0;
	vertical-align: middle;
	opacity: 0.8
}

.ico_grid:hover {
	background-color: #fff;
	border-color: #7980a2
}

.ico_grid:hover span {
	opacity: 1
}

.ico_grid:focus,
.ico_btn:active,
.ico_btn.active,
.ico_btn.disabled,
.ico_btn[disabled] {
	color: #000
}

.ico_grid i {
	color: #1b1b1b
}

.ico_grid i:hover {
	color: #000
}

a.ico_filedown {
	display: block;
	height: 26px;
	padding: 6px 0 0 20px;
	;
	background-image: url(../images/common/ico_filedown.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	box-sizing: border-box;
}

.ico_btn,
.ico_btn_inverse,
.ico_btn_noselect,
.ico_ad_search,
.btn_search,
.btn_search_ad,
.btn_basic,
.btn_blue,
.btn_inner,
.btn_sm,
.btn_action,
.btn_large_a,
.btn_large_b,
.btn_large_c {
	display: inline-block;
	border: 1px solid #000;
	white-space: nowrap;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box !important
}

/* ibsheet etc */
.IBMain .form_table {
	margin: 15px;
	width: calc(100% - 30px)
}

.IBMain .form_table *,
.IBMain a[class^="btn"],
.IBMain .ico_grid {
	box-sizing: border-box !important
}

.IBMain .form_wrap_multi.attach {
	padding-right: 54px
}

.IBMain .form_wrap_multi.attach .text_inner {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	height: 22px;
	line-height: 21px
}

.IBMain .form_wrap_multi.attach .btn_sm.fix {
	margin-top: 0;
	width: 50px
}

.ico_btn span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	opacity: 0.8
}

.ico_btn_inverse span {
	display: inline-block;
	width: 23px;
	height: 24px;
	margin-top: 0;
	margin-right: 1px;
	vertical-align: middle
}

.ico_btn_noselect span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-right: 1px;
	vertical-align: middle
}

.ico_ad_search span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-right: 1px;
	vertical-align: middle
}

.btn_search span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0;
	vertical-align: middle
}

.btn_basic span {
	display: inline-block;
	width: 22px;
	height: 24px;
	margin-top: 0;
	margin-bottom: 1px;
	vertical-align: middle;
	opacity: 0.8
}

.btn_action span {
	display: inline-block;
	width: 22px;
	height: 24px;
	margin-top: 0;
	margin-bottom: 1px;
	vertical-align: middle;
	opacity: 0.8
}

.btn_excel span {
	display: inline-block;
	width: 22px;
	height: 24px;
	margin-top: 0;
	margin-bottom: 1px;
	vertical-align: middle;
	opacity: 0.8
}

.btn_sm span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-top: -3px;
	margin-right: 1px;
	vertical-align: middle
}

.btn_large_a span {
	display: none;
	width: 26px;
	height: 26px;
	margin-top: -5px;
	margin-left: -8px;
	margin-right: 1px;
	vertical-align: top
}

.btn_large_b span {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: 4px;
	margin-left: -8px;
	margin-right: 1px;
	vertical-align: top
}

.btn_large_c span {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: 4px;
	margin-left: -8px;
	margin-right: 1px;
	vertical-align: middle;
	opacity: 0.8
}

.btn_basic:hover span,
.btn_action:hover span,
.btn_excel:hover span,
.btn_large_c:hover span {
	opacity: 1
}

/* ico_btn */
.ico_btn {
	width: 26px;
	height: 26px;
	border-color: #dedfdf;
	background-color: #fff
}

.ico_btn:hover span {
	opacity: 1
}

.ico_btn:hover {
	background-color: #fff;
	border-color: #dedfdf
}

.ico_btn i {
	color: #1b1b1b
}

.ico_btn i:hover {
	color: #000
}

/* ico_btn_inverse */
.ico_btn_inverse {
	width: 26px;
	height: 26px;
	line-height: 22px;
	border-color: #2f51c0;
	background-color: #fff
}

.ico_btn_inverse:hover {
	background-color: #edf2fb
}

.ico_btn_inverse i:hover {
	color: #000
}

/* ico_btn_noselect */
.ico_btn_noselect {
	width: 26px;
	height: 26px;
	border-color: #dddddd;
	background-color: #fcfcfc;
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
	background-repeat: repeat-x;
	color: #333;
}

.ico_btn_noselect:focus,
.ico_btn:active,
.ico_btn.active,
.ico_btn.disabled,
.ico_btn[disabled] {
	color: #000
}

.ico_btn_noselect:hover {
	color: #000
}

.ico_btn_noselect i {
	color: #1b1b1b
}

.ico_btn_noselect i:hover {
	color: #000
}

/* ico_ad_search */
.ico_ad_search {
	display: inline-block;
	margin-left: -2px;
	border: 1px solid #334ea7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 0 3px 3px 0;
	background-color: #3b5dbf;
	color: #fff;
	white-space: nowrap;
	box-sizing: border-box;
}

.ico_ad_search:hover {
	border-color: #1a3392
}

.ico_ad_search span {
	opacity: 0.8
}

.ico_ad_search:hover span {
	opacity: 1
}

.ico_ad_search i:hover {
	color: #bdedff
}

/* btn_state */
.btn_no {
	font-weight: bold;
	color: #e4511e
}

.btn_yes {
	font-weight: bold;
	color: #2a7b0a
}

/* btn_search  btn_blue*/
.btn_blue,
.btn_search {
	height: 26px;
	line-height: 22px;
	padding: 0 10px 0 3px;
	border-color: #324fa7;
	background-color: #3b5dc0;
	color: #d6def3
}

.btn_blue {
	line-height: 23px;
}

.btn_search:focus,
.btn_search:active,
.btn_search.active,
.btn_search.disabled,
.btn_search[disabled] {
	color: #fff
}

.btn_blue:hover,
.btn_search:hover {
	border-color: #1a3392;
	color: #fff
}

.btn_search span {
	opacity: 0.7
}

.btn_search:hover span {
	opacity: 0.9
}

.btn_blue {
	padding-left: 10px
}

/* btn_search_ad */
.btn_search_ad {
	display: inline-block;
	height: 26px;
	padding: 0 10px 0;
	border: 1px solid #324fa7;
	border-radius: 3px 0 0 3px;
	background-color: #3b5dc0;
	color: #fff;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px
}

.btn_search_ad:focus,
.btn_search_ad:active,
.btn_search_ad.active,
.btn_search_ad.disabled,
.btn_search_ad[disabled] {
	color: #fff331
}

.btn_search_ad:hover {
	color: #bdedff
}

/* btn_action */
.btn_action {
	height: 26px;
	line-height: 23px;
	padding: 0 9px 0 2px;
	color: #2f51c0;
	border-color: #2f51c0;
	background-color: #fff
}

.btn_action:hover {
/*	color: #001f63;
	background-color: #edf2fb*/
}

/* btn_basic */
.btn_basic {
	height: 26px;
	line-height: 23px;
	padding: 0 9px 0 2px;
	color: #444b6d;
	border-color: #b3b9cd;
	background-color: #fff
}

.btn_basic i {
	color: #1b1b1b
}

.btn_basic.light {
	border-color: #4fa7b3 !important;
	background-color: #c8f2f8;
	background-image: -moz-linear-gradient(top, #d7f6fa, #c8f2f8);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d7f6fa), to(#c8f2f8));
	background-image: -webkit-linear-gradient(top, #d7f6fa, #c8f2f8);
	background-image: -o-linear-gradient(top, #d7f6fa, #c8f2f8);
	background-image: linear-gradient(to bottom, #d7f6fa, #c8f2f8);
	background-repeat: repeat-x;
	color: #333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd7f6fa', endColorstr='#ffc8f2f8', GradientType=0);
}

/* btn_excel */
/*.btn_excel {
	height: 26px;
	line-height: 23px;
	padding: 0 9px 0 2px;
	margin-right: 1px;
	border-color: #3cb878;
	background-color: #fff;
	color: #1e9353
}

.btn_excel:hover {
	color: #1f7646;
	background-color: #f3fef6
}*/

/* btn_inner */
.btn_inner {
	height: 26px;
	line-height: 23px !important;
	padding: 0 10px;
	color: #444b6d;
	border-color: #b3b9cd;
	background-color: #fff;
	text-align: center
}

.btn_inner:hover {
	border-color: #7980a2;
	color: #465268
}

.btn_inner i {
	color: #1b1b1b
}

.gridbox .objbox .btn_inner {
	padding-top: 0 !important
}

.btn_inner.w145 {
	width: 145px
}

/* btn_sm */
.btn_sm {
	color: #444b6d;
	font-size: 12px !important;
	height: 22px;
	line-height: 1.1 !important;
	padding: 3px 6px 0 6px;
	text-align: center;
	border-color: #ababab;
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #f6f6fa)
}

.btn_sm i {
	color: #1b1b1b
}

/* btn_toggle btn_sm - newcss */
.btn_toggle {
	width: 46px;
	margin: 0 auto
}

.btn_toggle:after {
	content: "";
	display: block;
	clear: both
}

.btn_toggle .btn_sm {
	float: left;
	width: 23px;
	line-height: 14px !important;
	text-align: center
}

.btn_toggle .btn_sm:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px solid #e1e4e8
}

.btn_toggle .btn_sm:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 1px solid #e1e4e8
}

.btn_toggle .btn_sm.on {
	color: #2f51c0;
	border-color: #2f51c0;
	background: #edf2fb !important
}

/* btn_large_a */
.btn_large_a {
	height: 34px;
	line-height: 30px;
	padding: 0 40px;
	font-size: 13px;
	color: #4a3004;
	border-color: #e68c22;
	background-color: #ffcd75;
	background-image: -moz-linear-gradient(top, #ffd894, #ffcd75);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd894), to(#ffcd75));
	background-image: -webkit-linear-gradient(top, #ffd894, #ffcd75);
	background-image: -o-linear-gradient(top, #ffd894, #ffcd75);
	background-image: linear-gradient(to bottom, #ffd894, #ffcd75);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd894', endColorstr='#ffffcd75', GradientType=0);
}

.btn_large_a:focus,
.btn_large_a:active,
.btn_large_a.active,
.btn_large_a.disabled,
.btn_large_a[disabled] {
	color: #000
}

.btn_large_a:hover {
	color: #000;
}

.btn_large_a i {
	color: #4a3004
}

/* btn_large_b */
.btn_large_b {
	height: 34px;
	padding: 9px 40px 0;
	font-size: 13px;
	color: #fff;
	border-color: #7e7e7e;
	background-color: #828282;
	background-image: -moz-linear-gradient(top, #929292, #828282);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92923b), to(#f68e28));
	background-image: -webkit-linear-gradient(top, #929292, #828282);
	background-image: -o-linear-gradient(top, #929292, #828282);
	background-image: linear-gradient(to bottom, #929292, #828282);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffc9b3b', endColorstr='#fff68e28', GradientType=0);
}

.btn_large_b:focus,
.btn_large_b:active,
.btn_large_b.active,
.btn_large_b.disabled,
.btn_large_b[disabled] {
	color: #000
}

.btn_large_b:hover {}

.btn_large_b i {
	color: #fff
}

/* btn_large_c */
.btn_large_c {
	height: 34px;
	line-height: 30px;
	padding: 0 40px 0;
	font-size: 13px;
	color: #444b6d;
	border-color: #b3b9cd;
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #f6f6fa)
}

.btn_large_c:focus,
.btn_large_c:active,
.btn_large_c.active,
.btn_large_c.disabled,
.btn_large_c[disabled] {
	color: #000
}

.btn_large_c i {
	color: #1b1b1b
}

/* btn hover */
.btn_basic:hover,
.btn_sm:hover,
.btn_large_c:hover {
	/*border-color: #7980a2;
	color: #465268*/
}

.btn_inner.inactive,
.btn_action.disabled,
.btn_action[disabled],
.btn_excel.disabled,
.btn_excel[disabled],
.btn_basic.disabled,
.btn_basic[disabled],
.btn_basic.inactive,
.btn_inner.disabled,
.btn_inner[disabled],
.btn_blue.disabled,
.btn_sm.disabled,
.btn_sm[disabled],
.btn.disabled {
	background-color: #f9f9fc !important;
	border-color: #e0e1eb !important;
	color: #a4a7bc !important;
	cursor: default !important
}

.btn_inner.inactive span,
.btn_action.disabled span,
.btn_excel.disabled span,
.btn_basic.disabled span,
.btn_blue.disabled span,
.btn_basic.inactive span {
	opacity: 0.5 !important
}

/* button단독으로 쓰이는 버튼 */
.button.single {
	margin-top: 25px;
	text-align: right
}

.button.single.center {
	margin-top: 15px;
	text-align: center;
	margin-bottom: 20px
}

/* icon */
span.ico_search_w {
	background-image: url(../images/common/ico_search_w.png);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 23px
}

span.ico_reset {
	background-image: url(../images/common/ico_reset.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_basic span.ico_reset {
	background-position-y: -26px
}

span.ico_search_down {
	background-image: url(../images/common/ico_search_down.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_search_up {
	background-image: url(../images/common/ico_search_up.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_select_sh {
	background-image: url(../images/common/ico_select.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_select {
	background-image: url(../images/common/ico_select.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_select {
	background-position-y: -27px
}

span.ico_calendar {
	background-image: url(../images/common/ico_calendar.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_time {
	background-image: url(../images/common/ico_time.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_add {
	background-image: url(../images/common/ico_add.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_delete {
	background-image: url(../images/common/ico_delete.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_edit {
	background-image: url(../images/common/ico_edit.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_edit {
	background-position-y: -27px
}

span.ico_cancel {
	background-image: url(../images/common/ico_cancel.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_cancel {
	background-position-y: -27px
}

span.ico_close {
	background-image: url(../images/common/ico_close.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_confirm {
	background-image: url(../images/common/ico_confirm.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_confirm {
	background-position-y: -27px
}

span.ico_register {
	background-image: url(../images/common/ico_register.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_register {
	background-position-y: -27px
}

span.ico_save {
	background-image: url(../images/common/ico_save.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_list {
	background-image: url(../images/common/ico_list.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_print {
	background-image: url(../images/common/ico_print.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_list_add {
	background-image: url(../images/common/ico_list_add.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_list_delete {
	background-image: url(../images/common/ico_list_delete.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_mail {
	background-image: url(../images/common/ico_mail.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_download {
	background-image: url(../images/common/ico_download.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_upload {
	background-image: url(../images/common/ico_upload.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_config {
	background-image: url(../images/common/ico_config.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_help {
	background-image: url(../images/common/ico_help.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_guide {
	background-image: url(../images/common/ico_guide.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_excel_download {
	background-image: url(../images/common/ico_excel_download.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_excel_upload {
	background-image: url(../images/common/ico_excel_upload.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_request {
	background-image: url(../images/common/ico_request.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_request {
	background-position-y: -27px
}

span.ico_create {
	background-image: url(../images/common/ico_create.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_end {
	background-image: url(../images/common/ico_end.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_recept {
	background-image: url(../images/common/ico_recept.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_recept {
	background-position-y: -27px
}

span.ico_approved {
	background-image: url(../images/common/ico_approved.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_approved {
	background-position-y: -27px
}

span.ico_rejected {
	background-image: url(../images/common/ico_rejected.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_copy {
	background-image: url(../images/common/ico_copy.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.ico_payment {
	background-image: url(../images/common/ico_payment.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_payment {
	background-position-y: -27px
}

span.ico_send {
	background-image: url(../images/common/ico_send.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.btn_action span.ico_send {
	background-position-y: -27px
}

span.ico_next {
	background-image: url(../images/common/ico_next.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_prev {
	background-image: url(../images/common/ico_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_search {
	background-image: url(../images/common/ico_search.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_cart {
	background-image: url(../images/common/ico_cart.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_common {
	background-image: url(../images/common/ico_common.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_popup {
	background-image: url(../images/common/ico_popup.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_excel {
	background-image: url(../images/common/ico_excel.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_down {
	background-image: url(../images/common/ico_down.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_up {
	background-image: url(../images/common/ico_up.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_listview {
	background-image: url(../images/common/ico_listview.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_imgview {
	background-image: url(../images/common/ico_imgview.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_gridview {
	background-image: url(../images/common/ico_gridview.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_listview_select {
	background-image: url(../images/common/ico_listview_select.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_imgview_select {
	background-image: url(../images/common/ico_imgview_select.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_gridview_select {
	background-image: url(../images/common/ico_gridview_select.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_more {
	background-image: url(../images/common/ico_more.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_right {
	background-image: url(../images/common/ico_next.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_left {
	background-image: url(../images/common/ico_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_sm_modify {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_up {
	background-image: url(../images/common/ico_sm_up.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_down {
	background-image: url(../images/common/ico_sm_down.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_delete {
	background-image: url(../images/common/ico_sm_delete.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_search {
	background-image: url(../images/common/ico_sm_search.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_ps {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_pr {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_pm {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_cm {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_lm {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

span.ico_sm_jg {
	background-image: url(../images/common/ico_sm_modify.png);
	background-repeat: no-repeat;
	background-position: center center
}

/* icon newcss */
span.ico_overlapcheck {
	background-image: url(../images/common/ico_overlapcheck.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_overlapcheck.action {
	background-position-y: -26px;
	opacity: 1
}

span.ico_lang {
	background-image: url(../images/common/ico_lang.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_treeopen {
	background-image: url(../images/common/ico_treeopen.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 22px;
	margin-top: 1px;
	vertical-align: top
}

span.ico_treeclose {
	background-image: url(../images/common/ico_treeclose.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 22px;
	margin-top: 1px;
	vertical-align: top
}

span.ico_selectok {
	background-image: url(../images/contents/ico_toggle_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 22px;
	margin-top: 1px
}

span.ico_selectcancel {
	background-image: url(../images/contents/ico_toggle_btn.png);
	background-repeat: no-repeat;
	background-position: -25px 0;
	height: 22px;
	margin-top: 1px
}

span.ico_list_first {
	background-image: url(../images/common/ico_list_move.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

span.ico_list_next {
	background-image: url(../images/common/ico_list_move.png);
	background-repeat: no-repeat;
	background-position: -25px 0
}

span.ico_list_prev {
	background-image: url(../images/common/ico_list_move.png);
	background-repeat: no-repeat;
	background-position: -50px 0
}

span.ico_list_last {
	background-image: url(../images/common/ico_list_move.png);
	background-repeat: no-repeat;
	background-position: -75px 0
}

.ico_list_move {
	display: inline-block;
	margin-right: 8px
}

.button .ico_list_move {
	vertical-align: top;
	margin-right: 8px
}

.list_sort .ico_list_move .ico_btn {
	height: 22px;
	margin-top: 2px
}

.list_sort .ico_list_move .ico_btn span {
	background-position-y: -2px
}

/* margin,padding */
.m0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: -1px !important
}

.mt-2 {
	margin-top: -2px !important
}

.mt-3 {
	margin-top: -3px !important
}

.mt-4 {
	margin-top: -4px !important
}

.mt-5 {
	margin-top: -5px !important
}

.mt-6 {
	margin-top: -6px !important
}

.mt-7 {
	margin-top: -7px !important
}

.mt-8 {
	margin-top: -8px !important
}

.mt-9 {
	margin-top: -9px !important
}

.mt-10 {
	margin-top: -10px !important
}

.mt-20 {
	margin-top: -20px !important
}

.mt-30 {
	margin-top: -30px !important
}

.mt1 {
	margin-top: 1px !important
}

.mt2 {
	margin-top: 2px !important
}

.mt3 {
	margin-top: 3px !important
}

.mt4 {
	margin-top: 4px !important
}

.mt5 {
	margin-top: 5px !important
}

.mt6 {
	margin-top: 6px !important
}

.mt7 {
	margin-top: 7px !important
}

.mt8 {
	margin-top: 8px !important
}

.mt9 {
	margin-top: 9px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt15 {
	margin-top: 15px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt40 {
	margin-top: 40px !important
}

.ml1 {
	margin-left: 1px !important
}

.ml2 {
	margin-left: 2px !important
}

.ml3 {
	margin-left: 3px !important
}

.ml4 {
	margin-left: 4px !important
}

.ml5 {
	margin-left: 5px !important
}

.ml10 {
	margin-left: 10px !important
}

.mr0 {
	margin-right: 0px !important
}

.mr1 {
	margin-right: 1px !important
}

.mr2 {
	margin-right: 2px !important
}

.mr3 {
	margin-right: 3px !important
}

.mr4 {
	margin-right: 4px !important
}

.mr5 {
	margin-right: 5px !important
}

.mr10 {
	margin-right: 10px !important
}
.mr20 {
	margin-right: 20px !important
}

.mb0 {
	margin-bottom: 0 !important
}

.mb1 {
	margin-bottom: 1px !important
}

.mb2 {
	margin-bottom: 2px !important
}

.mb3 {
	margin-bottom: 3px !important
}

.mb4 {
	margin-bottom: 4px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.mb6 {
	margin-bottom: 6px !important
}

.mb7 {
	margin-bottom: 7px !important
}

.mb8 {
	margin-bottom: 8px !important
}

.mb9 {
	margin-bottom: 9px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.pd0 {
	padding: 0 !important
}

.pd5 {
	padding: 5px !important
}

.pd10 {
	padding: 10px !important
}

.pd20 {
	padding: 20px !important
}

.pt1 {
	padding-top: 1px !important
}

.pt2 {
	padding-top: 2px !important
}

.pt3 {
	padding-top: 3px !important
}

.pt4 {
	padding-top: 4px !important
}

.pt5 {
	padding-top: 5px !important
}

.pt10 {
	padding-top: 10px !important
}

.pt20 {
	padding-top: 20px !important
}

.pb1 {
	padding-bottom: 1px !important
}

.pb2 {
	padding-bottom: 2px !important
}

.pb3 {
	padding-bottom: 3px !important
}

.pb4 {
	padding-bottom: 4px !important
}

.pb5 {
	padding-bottom: 5px !important
}

.pb10 {
	padding-bottom: 10px !important
}

.pb20 {
	padding-bottom: 20px !important
}

.pl0 {
	padding-left: 0 !important
}

.pl1 {
	padding-left: 1px !important
}

.pl2 {
	padding-left: 2px !important
}

.pl3 {
	padding-left: 3px !important
}

.pl4 {
	padding-left: 4px !important
}

.pl5 {
	padding-left: 5px !important
}

.pl10 {
	padding-left: 10px !important
}

.pr0 {
	padding-right: 0 !important
}

.pr1 {
	padding-right: 1px !important
}

.pr2 {
	padding-right: 2px !important
}

.pr3 {
	padding-right: 3px !important
}

.pr4 {
	padding-right: 4px !important
}

.pr5 {
	padding-right: 5px !important
}

.pr10 {
	padding-right: 10px !important
}

.pb0 {
	padding-bottom: 0 !important
}

/* border_none */
.border_none {
	border: 1px solid #fff;
	background-color: #fff
}

.sbox {
	border: 2px solid #62b4f5;
}

.form1 {
	color: #5b85ad
}

.form2 {
	color: #dfa321
}

.form3 {
	font-weight: bold;
	color: #5b85ad
}

.form4 {
	font-weight: bold;
	color: #dfa321
}

.form5 {
	color: #9c9c9c
}

.form6 {
	font-weight: bold;
	color: #9c9c9c
}

.form8 {
	font-size: 1em;
	font-weight: bold;
	color: #3185a1
}

/* form */
input.none {
	border: 0 solid #000 !important;
	background: none !important
}

textarea.none {
	background: #fff !important;
	border: none
}

textarea.none.text_area_disable,
textarea.none.text_area_readonly {
	border-width: 1px;
	border-style: solid
}

input.highlight {
	background: #ffe7c8 !important
}

input.initial {
	color: #b6b6b6
}

input.sp {
	background: #fff0d9 !important
}

input.tr {
	padding-right: 10px;
	text-align: right
}

input.tc {
	text-align: center
}

input.no {
	width: 0px !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important
}

/* section layout */
.sec_layout {
	margin-top: 15px
}

.sec_layout .sec_left .form_wrap h4 .button {
	float: none;
	position: absolute;
	top: 2px;
	right: 0
}

.sec_left {
	float: left;
}

.sec_center {
	float: left;
}

.sec_right {
	float: left;
}

.sec_left_content {
	margin-right: 7px;
}

.sec_center_content {
	margin-left: 7px;
	margin-right: 7px;
}

.sec_right_content {
	margin-left: 20px;
}

.tree_layout {
	overflow: auto;
	min-height: 450px;
	padding: 10px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box
}

.sec_layout+.form_tab_ch {
	margin-top: 25px
}

/* section layout half - newcss */
.srch_wrap+.sec_layout.half div[class*="content"]>div[class*="_wrap"]:first-child,
.srch_wrap+.sec_layout.half div[class*="content"]>div[class*="_wrap"] h4 {
	margin-top: 0 !important
}

.sec_layout.half {
	position: relative;
	min-height: 400px
}

.sec_layout.half:after {
	content: "";
	display: block;
	clear: both
}

.sec_layout.half .sec_left {
	width: calc(50% - 10px);
	margin-right: 10px
}

.sec_layout.half .sec_left .sec_left_content {
	margin-right: 0
}

.sec_layout.half .sec_right {
	width: calc(50% - 10px);
	margin-left: 10px
}

.sec_layout.half .sec_right .sec_right_content {
	margin-left: 0
}

.sec_layout.half .list_wrap_grid .list_table {
	border-bottom: 1px solid #cdd1dd
}

.sec_layout.half .list_wrap_grid {
	min-height: 400px;
	border-bottom: 1px solid #b5bbce;
	overflow: auto
}

.sec_layout.half.listselect .sec_left {
	width: calc(50% - 20px);
	margin-right: 20px
}

.sec_layout.half.listselect .sec_right {
	width: calc(50% - 20px);
	margin-left: 20px
}

.sec_layout.half.listselect .sec_button {
	position: absolute;
	left: calc(50% - 11px);
	top: calc(50% - 40px);
	width: 22px
}

.sec_layout.half.listselect .sec_button .ico_btn {
	margin-top: 10px;
	width: 22px
}

.sec_layout.half.listselect .sec_button .ico_btn span {
	width: 20px
}

.sec_layout.half.listselect .sec_button .ico_btn span.ico_selectok {
	background-position-x: -3px
}

.sec_layout.half.listselect .sec_button .ico_btn span.ico_selectcancel {
	background-position-x: -26px
}

.sec_layout.half.listselect .sec_button .ico_btn:hover span {
	background-position-y: -50px
}

.sec_layout.half.per70 .sec_left {
	width: calc(68% - 20px)
}

.sec_layout.half.per70 .sec_right {
	width: calc(32% - 20px)
}

.sec_layout.half.per70 .sec_button {
	left: calc(68% - 11px)
}

.sec_layout.half.tree {
	min-height: auto
}

.sec_layout.half.tree .sec_left {
	width: calc(30% - 10px)
}

.sec_layout.half.tree .sec_right {
	width: calc(70% - 10px)
}

.sec_layout.half.tree .tree_layout {
	min-height: auto
}

.sec_layout.half.tree.per35 .sec_left {
	width: calc(35% - 10px)
}

.sec_layout.half.tree.per35 .sec_right {
	width: calc(65% - 10px)
}

.sec_layout.half.tree.per40 .sec_left {
	width: calc(40% - 10px)
}

.sec_layout.half.tree.per40 .sec_right {
	width: calc(60% - 10px)
}

/* mro_srch_wrap */
.mro_srch_wrap_bd {
	border: 2px solid #4d6ad0 !important;
	border-radius: 8px;
	background-color: #fff;
	box-sizing: border-box;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	background-color: #fff !important;
}

.mro_srch_wrap {
	position: relative;
	margin: 0 auto;
	margin-top: 30px;
	width: 800px;
	height: 50px;
	padding: 0;
	border: 3px solid #4d6ad0;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.mro_srch_form {
	position: relative;
	margin-right: 50px;
	height: 44px;
	padding: 0;
	box-sizing: border-box;
}

.mro_srch_form .layout_table {
	height: 100%
}

.mro_srch_wrap .button_ad {
	position: absolute;
	top: 0;
	right: 0
}

.mro_srch_wrap .button_ad a.ico_search {
	position: absolute;
	top: 3px;
	right: 50px;
	width: 40px;
	height: 38px;
	border: none;
	background-color: #fff;
	box-sizing: border-box;
}

.mro_srch_wrap .button_ad a.ico_search {
	background-image: url(../images/main/ico_search_main.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.mro_srch_wrap .button_ad a.ico_ad_search {
	background-image: url(../images/common/ico_search_down.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.mro_srch_wrap .button_ad a.ico_ad_search {
	position: absolute;
	top: 6px;
	right: -2px;
	width: 50px;
	height: 44px;
	border: none;
	background-color: #4d6ad0
}

.mro_srch_wrap .mro_search {
	z-index: 1 !important
}

.mro_srch_wrap .mro_search .selectyzeValue {
	border-right: 1px solid #e4e8eb;
	background-position-y: 1px;
	padding-top: 0;
	margin-top: 8px;
	height: 28px;
	line-height: 24px
}

.mro_srch_wrap .mro_search .selectyzeValue:hover {
	border-right: 1px solid #e4e8eb;
	background-position-y: 2px
}

.mro_srch_wrap .mro_search .UlSelectize {
	top: 43px;
	border-top: 1px solid #cdcdcd
}

/* mro_select_layer */
.mro_select_layer {
	position: relative;
	width: 100%;
	height: 26px;
	box-sizing: border-box;
}

.mro_select_layer_box {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	width: 260px;
	z-index: 9999999;
	box-sizing: border-box;
}

.mro_select_layer_box_auto {
	width: 100%;
	height: 270px;
	padding: 0;
	overflow: auto;
	border: 1px solid #cdcdcd;
	background: #fff;
	box-sizing: border-box;
}

.mro_select_layer_box_auto .btn_sm {
	position: absolute;
	bottom: -25px;
	right: 0;
	width: 40px;
	height: 26px;
}

.mro_select_layer_box_auto .btn_sm {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 0 0 3px 3px;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px
}

.mro_select_layer_box_auto .btn_sm {
	border-color: #7e7e7e;
	background-color: #828282;
	background-image: -moz-linear-gradient(top, #929292, #828282);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#929292), to(#828282));
	background-image: -webkit-linear-gradient(top, #929292, #828282);
	background-image: -o-linear-gradient(top, #929292, #828282);
	background-image: linear-gradient(to bottom, #929292, #828282);
	background-repeat: repeat-x;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.mro_select_layer_box_auto .btn_sm span.mro_layer_close_btn {
	background-image: url(../images/common/ico_layer_close.png);
	background-repeat: no-repeat;
	background-position: 0 -3px;
}

/* mro_tree_wrap_layer */
.mro_tree_wrap_layer {
	position: relative;
}

.mro_tree_wrap_layer input {
	width: 100%;
	height: 38px !important;
	padding: 0 0 0 10px;
	border: none;
	font-size: 14px;
	border: none;
	border-right: 1px solid #d1d1d1;
	box-sizing: border-box
}

.mro_tree_wrap_layer input {
	background-image: url(../images/common/ico_layer_down_big.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	cursor: pointer;
}

.mro_tree_wrap_layer p {
	width: 100%;
	height: 42px !important;
	padding: 11px 0 0 10px;
	border: none;
	font-size: 14px;
	border: none;
	border-right: 0;
	box-sizing: border-box
}

.mro_tree_wrap_layer p {
	background-image: url(../images/common/ico_layer_down_big.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	cursor: pointer;
	color: #2a4ab1
}

.mro_tree_wrap_layer p span.num {
	margin-left: 4px;
}

.mro_tree_wrap_layer p span.num strong {
	color: #4d6ad0;
	margin: 0 3px 0 2px;
}

/* mro_form_wrap_input */
.mro_form_wrap_input {
	position: relative;
	width: 100%
}

.mro_form_wrap_input input {
	width: 100%;
	height: 34px !important;
	padding: 0 0 0 10px;
	color: #1b1b1b;
	border: none;
	font-size: 14px;
	line-height: 34px;
	box-sizing: border-box
}

.mro_form_wrap_input input.click {
	color: #babecd;
}

.tooltip_mro_input {
	width: 100%;
	cursor: help;
}

.tooltip_mro_input {
	position: relative;
	display: inline-block;
	text-decoration: none;
	outline: none;
}

a.tooltip_mro_input {
	color: #1b1b1b !important;
}

.tooltip_mro_input span {
	visibility: hidden;
	position: absolute;
	top: 39px;
	left: 50%;
	z-index: 999999;
	width: 314px;
	margin-left: -167px;
	padding: 0 0 20px 20px;
	border: 1px solid #6a6a6a;
	background-color: #fff;
}

.tooltip_mro_input span p {
	color: #1b1b1b;
}

.tooltip_mro_input span ul li {
	margin-left: 10px;
}

.tooltip_mro_input span ul li {
	background: url(../images/common/buls_search.gif) no-repeat left 6px;
	padding-left: 14px;
	line-height: 18px;
}

.tooltip_mro_input span p.title {
	margin: 20px 0 10px 0;
	color: #0d76b2;
	font-weight: bold;
}

.tooltip_mro_input:hover {
	border: 0;
	/* IE6 fix */
}

.tooltip_mro_input:hover span {
	visibility: visible;
}

/* mro_search_result */
.mro_search_result {
	position: relative;
	height: 40px;
	margin-top: 20px;
	display: block;
	padding: 10px 0 0 0;
	box-sizing: border-box;
}

.mro_search_result ul li {
	float: left;
	position: relative;
	padding: 8px 6px 0 30px;
	background: url(../images/common/bg_prcs_s.png) no-repeat left -6px;
	color: #a8a8a8;
	box-sizing: border-box;
}

.mro_search_result ul li.first {
	background: none;
	padding-left: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 14px;
}

.mro_search_result ul li {
	color: #1b1b1b;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}

.mro_search_result ul li strong {
	color: #3a89c5;
	font-size: 20px;
	font-weight: bold;
	line-height: 14px;
}

.mro_search_result ul li span.total {
	color: #eb8e29;
	font-weight: bold;
}

.mro_search_result ul li span.result {
	color: #eb8e29;
	font-weight: bold;
}

/* form_wrap_ico */
.form_wrap_ico {
	position: relative;
	padding-right: 25px;
	box-sizing: border-box
}

.form_wrap_ico input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form_wrap_ico .ico_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	border-color: #dedfdf;
	border-radius: 4px;
}

.form_wrap_ico .ico_btn span {
	vertical-align: baseline
}

.form_wrap_ico input+.ico_btn {
	border-radius: 0 4px 4px 0
}

.form_wrap_ico .ico_img {
	position: absolute;
	top: 0;
	right: 6px;
	padding-top: 0;
	text-align: center
}

.form_wrap_ico .file_wrap {
	width: calc(100% + 25px)
}

/* form_wrap_ico_del */
.form_wrap_ico_del {
	position: relative;
	padding-right: 55px
}

.form_wrap_ico_del input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form_wrap_ico_del a.ico_btn {
	position: absolute;
	top: 0;
	right: 30px;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form_wrap_ico_del a.ico_delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	text-align: center;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.form_wrap_ico_del a span.ico_delete {
	background-image: url(../images/common/ico_close.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* form_wrap_ico_btn */
.form_wrap_ico_btn {
	position: relative;
	padding-right: 178px
}

.form_wrap_ico_btn a.ico_btn {
	position: absolute;
	top: 0;
	right: 144px;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center
}

.form_wrap_ico_btn a.ico_btn_fix {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: 26px;
}

.form_wrap_ico_btn a span.ico_delete {
	background-image: url(../images/common/ico_close.png);
	background-repeat: no-repeat;
	background-position: 1px 2px;
}

/* select_layer */
.select_layer {
	position: relative;
	width: 100%;
	height: 26px;
	box-sizing: border-box;
	float: left;
	margin-right: 4px;
}

.select_layer_box {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	width: 100%;
	z-index: 60000000;
	box-sizing: border-box;
}

.select_layer_box_auto {
	width: 100%;
	height: 100px;
	padding: 6px;
	overflow: auto;
	border: 1px solid #cdcdcd;
	background: #fff;
	box-sizing: border-box;
}

.select_layer_box_fix {
	width: 100%;
	height: 100px;
	padding: 4px;
	overflow: hidden;
	border: 1px solid #cdcdcd;
	background: #fff;
	box-sizing: border-box;
}

.select_layer_box_list {
	width: 100%;
	padding: 0px;
	overflow: hidden;
	border: 1px solid #cdcdcd;
	background: #fff;
	box-sizing: border-box;
}

.select_layer_box_auto .btn_sm {
	position: absolute;
	bottom: -21px;
	right: 0;
	width: 36px;
	height: 22px;
}

.select_layer_box_auto .btn_sm {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 0 0 3px 3px;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px
}

.select_layer_box_auto .btn_sm span.layer_close_btn {
	background-image: url(../images/common/ico_layer_close.png);
	background-repeat: no-repeat;
	background-position: 0 -5px;
}

.select_layer_box_fix .btn_sm {
	position: absolute;
	bottom: -21px;
	right: 0;
	width: 36px;
	height: 22px;
}

.select_layer_box_fix .btn_sm {
	display: inline-block;
	background: #7c859d;
	border: 1px solid #646f8c;
	border-radius: 0 0 3px 3px;
	white-space: nowrap;
	box-sizing: border-box
}

.select_layer_box_fix .btn_sm:hover {
	background-color: #646f8c
}

.select_layer_box_fix .btn_sm.layer_close_btn .fa-angle-double-up {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-top: -3px;
	margin-right: 1px;
	vertical-align: middle;
	font-size: 0
}

.select_layer_box_fix .btn_sm.layer_close_btn .fa-angle-double-up,
.select_layer_box_fix .btn_sm span.layer_close_btn {
	background-image: url(../images/common/ico_layer_close.png);
	background-repeat: no-repeat;
	background-position: 0 -5px;
	opacity: 0.7
}

.select_layer_box_fix .btn_sm.layer_close_btn:hover .fa-angle-double-up {
	opacity: 1
}

.select_layer_box_fix .btn_sm:hover span.layer_close_btn {
	opacity: 1
}

.select_layer_box_list .btn_sm {
	position: absolute;
	bottom: -21px;
	right: 0;
	width: 36px;
	height: 22px;
}

.select_layer_box_list .btn_sm {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 0 0 3px 3px;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px
}

.select_layer_box_auto .btn_sm,
.select_layer_box_list .btn_sm {
	background: #7c859d;
	border: 1px solid #646f8c;
	color: #fff
}

.select_layer_box_auto .btn_sm:hover,
.select_layer_box_list .btn_sm:hover {
	background-color: #646f8c
}

.select_layer_box_list .btn_sm span.layer_close_btn {
	background-image: url(../images/common/ico_layer_close.png);
	background-repeat: no-repeat;
	background-position: 0 -5px;
}

.select_layer_box_site_wrap {
	display: none;
	position: absolute;
	top: 29px;
	top: 30px;
	right: 136px;
	width: 200px;
	z-index: 60000000;
	box-sizing: border-box;
}

.select_layer_box_site {
	padding: 10px;
	min-height: 20px;
	overflow: hidden;
	border: 2px solid #185791;
	background: #fff !important;
	box-sizing: border-box;
}

.select_layer_box_site p.arrow {
	position: absolute;
	top: -9px;
	left: 86px;
	width: 18px;
	height: 11px;
	background: url(../images/common/ico_site_setting_arrow.png) no-repeat;
	background-color: #185791;
	box-sizing: border-box;
}

.select_layer_box_site .form_wrap_radio_hr label {
	width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

.select_layer_box_site .form_wrap_radio_hr label:hover {
	color: #3889c8;
}

.select_layer_box_site .btn_sm {
	position: absolute;
	bottom: -21px;
	right: 0;
	width: 30px;
	height: 22px;
}

.select_layer_box_site .btn_sm {
	display: inline-block;
	border: 1px solid #000;
	border-radius: 0 0 3px 3px;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px
}

.select_layer_box_site .btn_sm {
	border-color: #185791 !important;
	background: #185791 !important;
}

.select_layer_box_site .btn_sm span.layer_close_btn {
	background-image: url(../images/common/ico_close_w.png);
	background-repeat: no-repeat;
	background-position: -4px 0px;
}

.list_layer_wrap {
	position: relative;
	display: block
}

.list_layer_wrap .list_head {
	padding: 4px;
	height: 34px;
	margin-bottom: 0;
	background: #f4f4f4 !important;
	border-bottom: 1px solid #dfdfdf;
	white-space: nowrap;
	clear: both;
}

.list_layer_wrap .list_head ul.list_sort li {
	font-size: 11px !important;
	float: left;
	margin-right: 2px !important;
}

.list_layer_wrap .list_table {
	border-top: none !important;
}

.list_layer_wrap .list_table td {
	overflow: hidden;
	border-left: none !important;
	border-right: none !important;
	padding: 6px 10px 4px 10px;
	height: 26px !important
}

.list_layer_wrap .list_table td:hover {
	background: #e2f4f9
}

.list_layer_wrap .button_b {
	position: relative;
	text-align: center;
	padding: 6px;
	border-bottom: 1px solid #dfdfdf;
}

/* checkbox가 label위치가 다를때 사용 */
.mrocheckbox .select_layer_box p:after {
	content: "";
	clear: both;
	display: block
}

.mrocheckbox .form_wrap_check_hr {
	float: none;
	display: block;
	padding-bottom: 8px
}

.mrocheckbox .form_wrap_check_hr input[type='checkbox'] {
	float: left;
	margin-top: 6px;
	margin-left: 4px;
	margin-right: 4px
}

.mrocheckbox .form_wrap_check_hr label {
	clear: none;
	line-height: 22px
}

/* form_wrap_layer */
.form_wrap_layer {
	position: relative;
	padding-right: 30px
}

.form_wrap_layer a.ico_btn.ico_select .fa-caret-down {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	opacity: 0.8;
	font-size: 0
}

.form_wrap_layer a.ico_btn.ico_select:hover .fa-caret-down {
	opacity: 1
}

.form_wrap_layer a.ico_btn.ico_select .fa-caret-down,
.form_wrap_layer a span.ico_select {
	background-image: url(../images/common/ico_layer_down.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.form_wrap_layer a.ico_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center
}

/* form_wrap_btn */
.form_wrap_btn {
	position: relative
}

.form_wrap_btn select {
	width: 100%
}

.form_wrap_btn a {
	position: absolute;
	top: 0;
	right: 0
}

/* form_wrap_date_center */
.form_wrap_date_center {
	height: 26px;
}

.form_wrap_date_center input {
	float: left;
	width: 80px;
	height: 26px !important;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form_wrap_date_center label {
	float: left;
	margin: 6px !important;
	color: #000;
	text-align: center
}

.form_wrap_date_center a.ico_btn {
	float: left;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	vertical-align: middle;
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

/* form_wrap_date */
.form_wrap_date {
	height: 26px
}

.form_wrap_date.tc {
	width: 106px;
	margin: auto
}

.form_wrap_date input {
	float: left;
	width: 80px;
	height: 26px !important;
	background: #fff !important;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px 0 0 4px;
	border-color: #dedfdf!important;
}

.form_wrap_date label,
.form_wrap_multi .form_wrap_date label {
	float: left;
	margin: 6px 4px !important;
	text-align: center;
	padding: 0 !important;
	line-height: 1
}

.form_wrap_date a.ico_btn {
	float: left;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form_wrap_multi .form_wrap_date a.ico_btn {
	margin-right: 0
}

.form_wrap_multi .form_wrap_date {
	width: auto !important;
	float: left
}

/* form_wrap_time */
.form_wrap_time {
	height: 26px
}

.form_wrap_time input {
	float: left;
	width: 80px;
	height: 26px !important;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form_wrap_time label {
	float: left;
	margin: 6px !important;
	text-align: center
}

.form_wrap_time a.ico_btn {
	float: left;
	width: 26px;
	height: 26px;
	padding-top: 0;
	text-align: center;
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form_wrap_multi .form_wrap_time {
	float: left
}

.form_wrap_multi .form_wrap_time select {
	margin-right: 0
}

.form_wrap_multi .form_wrap_time+.form_wrap_time {
	margin-left: 4px
}

/* form_wrap_input */
.form_wrap_input {
	position: relative;
}

.form_wrap_input .fix {
	position: absolute;
	top: 0;
	right: 0;
}

.form_wrap_input label {
	line-height: 26px;
}

.form_wrap_input select {
	height: 26px !important;
	padding-top: 0;
	line-height: 20px;
	box-sizing: border-box
}

/* form_wrap_label */
.form_wrap_label {
	position: relative
}

.form_wrap_label label {
	padding: 6px 0 0 4px
}

/* form_wrap_file */
.form_wrap_file input {
	width: 100%;
	height: 26px !important;
	padding: 3px;
	background: #fff;
	box-sizing: border-box
}

/* form_wrap_textarea */
.form_wrap_textarea {
	position: relative
}

.form_wrap_textarea textarea {
	width: 100%;
	padding: 3px 3px 3px 6px;
	background: #fff
}

.textarea_view_wrap {
	border: 1px solid #c9cddd;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 10px;
}

.textarea_view {
	border: 0 solid #eef0f2;
	border-radius: 3px;
	background: #fff;
	box-sizing: border-box;
	overflow: auto
}

.textarea_view img {
	vertical-align: baseline
}

.textarea_view_wrap textarea {
	border: 0
}

/* form_wrap_select_d */
.form_wrap_select_d {
	position: relative;
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	line-height: 20px;
	padding-right: 20px;
	border: 1px solid #c9cddd;
	text-align: left !important;
	box-sizing: border-box;
}

.form_wrap_select_d {
	background-image: url(../images/common/ico_combo.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #fff;
}

.form_wrap_select_d input {
	width: 100%;
	height: 24px !important;
	padding: 1px;
	border: none;
	background: none;
	box-sizing: border-box
}

.form_wrap_select_d input {
	padding-left: 8px;
	white-space: nowrap;
	box-sizing: border-box;
	text-overflow: ellipsis
}

/* form_wrap_textarea_d */
.form_wrap_textarea_d {
	position: relative;
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	line-height: 20px;
	padding-right: 20px;
	border: 1px solid #c9cddd;
	text-align: left !important;
	box-sizing: border-box;
}

.form_wrap_textarea_d {
	background-image: url(../images/common/ico_text.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #fff;
}

.form_wrap_textarea_d input {
	width: 100%;
	height: 24px !important;
	padding: 1px;
	border: none;
	background: none;
	box-sizing: border-box
}

.form_wrap_textarea_d input {
	padding-left: 8px;
	white-space: nowrap;
	box-sizing: border-box;
	text-overflow: ellipsis
}

/* form_wrap_select */
.form_wrap_select {
	position: relative
}

.form_wrap_select select,
.form_wrap_ico select,
.input-group select {
	width: 100%;
	height: 26px !important;
	padding-top: 0;
	box-sizing: border-box;
	border: 1px solid #dedfdf;
	border-radius: 4px;
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: .5rem;
	padding-right: 2.25rem;
	font-size: 13px;
	line-height: normal;
	color: #000;
}

.form_wrap_ico select+.ico_btn {
    border-radius: 0 4px 4px 0;
}

.form_wrap_ico select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;	
}

/* form_wrap_select */
.form_wrap_select_multiple {
	position: relative
}

.form_wrap_select_multiple select {
	width: 100%;
	padding-top: 0;
	line-height: 20px;
}

/* form_wrap_vbtn */
.form_wrap_vbtn {
	position: relative;
	padding-left: 144px !important;
}

.form_wrap_vbtn select {
	width: 100%
}

.form_wrap_vbtn .btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}

.form_wrap_vbtn .btn a.btn_sm {
	width: 140px;
	margin-bottom: 2px;
	padding-left: 0px;
}

/* form_check */
.form_wrap_check {
	display: inline-block
}

.form_wrap_check label {
	margin-right: 7px;
	white-space: nowrap
}

.form_wrap_check label input {
	margin-right: 4px;
	cursor: pointer
}

.form_wrap_check label input:disabled {
	cursor: default
}

/* form_wrap_check_hr */
.form_wrap_check_hr {
	display: inline-block;
	float: left
}

.form_wrap_check_hr label {
	float: left;
	clear: both;
	margin-right: 15px;
	line-height: 22px;
	white-space: nowrap
}

.form_wrap_check_hr label input {
	margin-right: 4px
}

/* form_wrap_check_hr */
.form_wrap_check_hr_fix {
	display: inline-block;
	float: left;
	width: 200px;
}

.form_wrap_check_hr_fix label {
	float: left;
	clear: both;
	margin-right: 15px;
	line-height: 22px;
	white-space: nowrap
}

.form_wrap_check_hr_fix label input {
	margin-right: 4px
}

/* form_wrap_check_ver */
.form_wrap_check_ver {
	display: inline-block;
	clear: both;
	width: 100%
}

.form_wrap_check_ver label {
	float: left;
	clear: both;
	margin-right: 15px;
	line-height: 22px;
	white-space: nowrap
}

.form_wrap_check_ver label input {
	margin-right: 4px
}

/* form_wrap_radio_fulll */
.form_wrap_radio_fulll {
	display: inline-block;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 26px;
	border: 1px solid #d2d2d2;
	background: #fafafa;
	padding: 6px 10px 0 12px;
	box-sizing: border-box;
}

.form_wrap_radio_fulll label {
	margin-right: 7px;
	white-space: nowrap
}

.form_wrap_radio_fulll label input {
	margin-right: 4px
}

/* form_wrap_radio */
.form_wrap_radio {
	display: inline-block
}

.form_wrap_radio label {
	margin-right: 7px;
	white-space: nowrap
}

.form_wrap_radio label input {
	margin-right: 4px;
	cursor: pointer
}

.form_wrap_radio label input:disabled {
	cursor: default
}

/* form_wrap_radio_hr */
.form_wrap_radio_hr {
	display: inline-block;
	float: left
}

.form_wrap_radio_hr label {
	float: left;
	clear: both;
	margin-right: 15px;
	line-height: 22px;
	white-space: nowrap
}

.form_wrap_radio_hr label input {
	margin-right: 4px
}

/* form_wrap_radio_multi */
.form_wrap_radio_ver {
	display: inline-block;
	clear: both;
	width: 100%
}

.form_wrap_radio_ver label {
	float: left;
	clear: both;
	margin-right: 15px;
	line-height: 22px;
	white-space: nowrap
}

.form_wrap_radio_ver label input {
	margin-right: 4px
}

/* form_wrap_multi */
h4 .form_wrap_multi a,
h5 .form_wrap_multi a {
	margin-right: 0;
	margin-left: 4px;
}

h4 .form_wrap_multi select,
h5 .form_wrap_multi select {
	margin-right: 0;
}

.text_inner {
	display: inline-block;
	line-height: 26px
}

.form_wrap_multi {
	position: relative
}

.form_wrap_multi label {
	float: left;
	margin-right: 7px;
	padding: 6px 0 0 10px;
	white-space: nowrap;
	line-height: 1
}

.form_wrap_multi label.title {
	font-weight: bold;
	padding-top: 0;
	line-height: 23px
}

.form_wrap_multi .text_inner {
	float: left;
	margin-right: 4px;
	height: 26px;
	font-weight: normal
}

.form_wrap_multi .fix {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0
}

.form_wrap_multi .fix_l {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0
}

.form_wrap_multi input {
	float: left;
	height: 26px !important;
	background: #fff;
	box-sizing: border-box;
	margin-right: 4px
}

.form_wrap_multi input[type="text"]+input[type="hidden"]+.ico_btn,
.form_wrap_multi input[type="text"]+.ico_btn {
	margin-left: -5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form_wrap_multi input[type="text"]+.btn_inner {
	margin-left: 4px
}

.form_wrap_multi select {
	float: left;
	height: 26px !important;
	margin-right: 4px;
	padding-top: 0;
	line-height: 20px;
	box-sizing: border-box;
	min-width: 55px
}

.form_wrap_multi a {
	float: left;
	margin-right: 4px
}

.form_wrap_multi a.ico_search {
	width: 26px;
	height: 26px;
	padding-top: 6px;
	text-align: center
}

.form_wrap_multi .form_wrap_check {
	float: left;
	margin-right: 6px
}

.form_wrap_multi .form_wrap_check label input {
	margin-top: -6px !important;
	margin-left: -7px;
	border: none;
	background: none;
}

.form_wrap_multi .form_wrap_radio {
	float: left;
	margin-right: 6px
}

.form_wrap_multi .form_wrap_radio label input {
	margin-top: -6px !important;
	margin-left: -7px;
	border: none;
	background: none;
}

.form_wrap_multi .form_wrap_date {
	margin-right: 4px;
}

.form_wrap_multi .form_wrap_date a.ico_calendar {
	float: left;
	width: 26px;
	height: 26px;
	padding-top: 6px;
	text-align: center;
	margin-right: 0px
}

.form_wrap_multi .fronttxt strong {
	display: block;
	font-weight: normal;
	padding-bottom: 3px;
	color: #898ea9
}

.form_wrap_multi[style*="174"] .fix_l input[type="text"] {
	width: 145px
}

/* 기표품의 input에 width값이 없었음 */
.form_wrap_multi .btn_sm.fix {
	margin-top: 2px
}

/* form_wrap_multi half newcss */
.form_wrap_multi::after {
	content: "";
	display: block;
	clear: both
}

.form_wrap_multi.half:after {
	content: "";
	display: block;
	clear: both
}

.form_wrap_multi.half select {
	min-width: 30px
}

.form_wrap_multi.half>* {
	width: 50%;
	float: left;
	margin-right: 0
}

.form_wrap_multi.half>div {
	box-sizing: border-box
}

.form_wrap_multi.half .form_wrap_ico a {
	margin-right: 0
}

.form_wrap_multi.half>select+*,
.form_wrap_multi.half>input+*,
.form_wrap_multi.half>div+* {
	margin-left: 4px;
	width: calc(50% - 4px)
}

.form_wrap_multi.half .form_wrap_date label {
	margin: 6px 4px !important;
	padding: 0 !important
}

.form_wrap_multi>.form_wrap_ico:last-of-type .ico_btn {
	margin-right: 0
}

.form_wrap_multi.half .form_wrap_date .ico_btn {
	margin-right: 0
}

.form_wrap_multi.half.per40>* {
	width: 40%
}

.form_wrap_multi.half.per40>select+*,
.form_wrap_multi.half.per40>input+*,
.form_wrap_multi.half.per40>div+* {
	width: calc(60% - 4px)
}

.form_wrap_multi.limit:after {
	content: "";
	display: block;
	clear: both
}

.form_wrap_multi.limit input {
	width: calc(50% - 8px);
	float: left
}

.form_wrap_multi.limit em {
	float: left;
	width: 16px;
	height: 26px;
	line-height: 22px;
	text-align: center;
	margin-right: 4px
}

.form_wrap_multi.half.third>* {
	width: calc(34% - 4px);
	margin-left: 4px
}

.form_wrap_multi.half.third>*:first-child {
	width: 32%;
	margin-left: 0
}

.form_wrap_multi.half.fourth>* {
	width: calc(25% - 4px);
	margin-left: 4px
}

.form_wrap_multi.half.fourth>*:first-child {
	width: 25%;
	margin-left: 0
}

.form_wrap_multi.half.bothside>* {
	width: calc(50% - 12px)
}

.form_wrap_multi.half.bothside>em {
	width: 24px;
	text-align: center;
	box-sizing: border-box;
	margin: 0;
	float: left;
	height: 26px;
	line-height: 22px;
}

/* form_wrap_multi_ver */
.form_wrap_multi_ver {
	display: inline-block;
	clear: both;
	width: 100%;
	margin-top: 4px;
	margin-bottom: -4px
}

.srch_table td .form_wrap_multi_ver {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}

.form_wrap_multi_ver label {
	float: left;
	margin-right: 7px;
	padding: 6px 0 0 10px;
	white-space: nowrap
}

.form_wrap_multi_ver label.title {
	font-weight: bold
}

.form_wrap_multi_ver input {
	float: left;
	height: 26px !important;
	margin-right: 4px;
	padding: 0 0 0 6px;
	box-sizing: border-box
}

.form_wrap_multi_ver select {
	float: left;
	height: 26px !important;
	margin-right: 4px;
	padding-top: 0;
	line-height: 20px;
	box-sizing: border-box
}

.form_wrap_multi_ver a {
	float: left;
	margin-right: 4px
}

.form_wrap_multi_ver a.ico_search {
	width: 26px;
	height: 26px;
	padding-top: 6px;
	text-align: center
}

.form_wrap_multi_ver .form_wrap_check {
	float: left;
	margin-right: 6px
}

.form_wrap_multi_ver .form_wrap_check label input {
	margin-top: -6px !important;
	border: none;
	background: none;
}

.form_wrap_multi_ver .form_wrap_radio {
	float: left;
	margin-right: 6px
}

.form_wrap_multi_ver .form_wrap_radio label input {
	margin-top: -6px !important;
	border: none;
	background: none;
}

.form_wrap_multi_ver .form_wrap_date {
	margin-right: 4px;
}

.form_wrap_multi_ver .form_wrap_date label {
	float: left;
	margin: 1px 8px 2px 0 !important;
	color: #000;
	text-align: center
}

.form_wrap_multi_ver .form_wrap_date a.ico_calendar {
	float: left;
	width: 26px;
	height: 26px;
	padding-top: 6px;
	text-align: center;
	margin-right: 0px;
}

/* form_wrap_select_multiple */
.form_wrap_select_multiple {
	float: left;
	width: 100%
}

.form_wrap_select_multiple select {
	width: 100%
}

/* form_align */
.center {
	text-align: center !important
}

.right {
	text-align: right !important
}

.fl {
	float: left
}

.fr {
	float: right
}

/* form_button */
.form_button {
	position: relative;
	width: 100%;
	margin-top: 5px
}

.t-r {
	text-align: right
}

.t-c {
	text-align: center
}

/* search */
.srch_wrap {
	position: relative;
	padding: 10px;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	margin-bottom: 10px;
}

.srch_wrap .button .ico_btn_inverse {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 4px;
	text-align: center;
	font-size: 0
}

.srch_wrap .button .btn_search {
	float: left;
	min-width: 65px;
}

.srch_wrap .button,
.srch_wrap .button_ad {
	position: absolute;
	right: 24px;
	bottom: 13px;

}

.srch_wrap .button_ad a.ico_btn_inverse.mro_btn {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	font-size: 0;
}

.srch_wrap .button_ad a.ico_btn_inverse {
	float: left;
	margin-right: 4px;
	width: 26px;
	height: 26px;
	text-align: center;
	font-size: 0;
}

.srch_wrap .button_ad a.btn_search {
	float: left
}

.srch_wrap .button_ad a.ico_ad_search {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	box-sizing: border-box;
	font-size: 0;
}

.ico_reset {
	width: 26px;
	height: 26px;
	text-align: center;
}

.ico_toggle {
	width: 26px;
	height: 26px;
	padding-top: 6px;
	text-align: center
}

.ico_toggle_wide {
	width: 50px;
	height: 26px;
	padding-top: 0;
	text-align: center
}

.ico_toggle_wide {
	background-image: url(../images/common/ico_toggle_wide.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.srch_form {
	position: relative;
	margin-right: 165px;
	padding: 0
}

.srch_table {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed
}

.srch_table caption {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

.srch_table th {
	color: #000;
	padding-left: 14px;
	font-size: 13px;
	padding-right: 0;
	line-height: normal;
	text-align: left;
	font-weight: 500;
}

.srch_table th .form_wrap_select select {}

.srch_table th {
	word-break: break-word;
	word-wrap: break-word;

}

.srch_table td {
	height: 32px;
	border: none;
	line-height: normal;
	white-space: nowrap;
	box-sizing: border-box
}

.srch_table td {
	padding: 0 10px 0;
}

.srch_table td .form_wrap_ico>input[type="checkbox"],
.srch_table td .form_wrap_check>input[type="checkbox"] {
	vertical-align: baseline;
	margin-top: 2px;
}

#container #contents form .form_wrap:last-of-type .toggle_sec_wrap {
	margin-bottom: 0;
}

.toggle_sec_wrap {
	position: relative;
	margin-bottom: 25px
}

.toggle_sec_wrap .toggle_sec_contents>.button {
	position: absolute;
	top: 2px;
	right: 40px;
	z-index: 99 !important
}

.toggle_sec_wrap h4 {
	
	margin-bottom: 0px !important;
	
}

.toggle_sec_wrap h4 a {
	display: block;
	height: 34px !important;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: center;
}

.toggle_sec_wrap h4 a {
	color: inherit;
	background: url(../images/contents/ico_toggle_open.png) no-repeat right 5px;
}

.toggle_sec_wrap h4 a:hover {
	/*background-position: right -40px*/
}

.toggle_sec_wrap h4:hover {
	/*background-color: #fff*/
}

.toggle_sec_wrap h4.close a {
	/*border-bottom: 1px solid #1a436f;
	height: 35px !important*/
}

.toggle_sec_wrap h4.line.open {
/*	border-bottom: 1px solid #1a436f;
	height: 35px !important*/
}

.toggle_sec_wrap h4.open {
	
}

.toggle_sec_wrap h4.open a {
	background: url(../images/contents/ico_toggle_close.png) no-repeat right 5px;
	color: inherit;
	width: 100%;

}

.toggle_sec_wrap h4.open a:hover {
	background-position: right 5px;
}

.toggle_sec_wrap h4+div {
	display: none;
}

.toggle_sec_wrap h4 span.comment {
	margin-left: 3px;
	font-size: 11px;
	color: #e74c3c;
	font-weight: normal;
}

.toggle_sec_contents>.form_table:first-child,
.toggle_sec_contents>div.gridbox_dhx_web.gridbox:first-child {
	border-top-color: #9fa5b8
}

#contents .toggle_sec_wrap h4 {
	padding-top: 0
}

#contents .toggle_sec_contents h5 {
	margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contents .toggle_sec_contents>.form_wrap:first-child,

#contents .toggle_sec_contents>.list_wrap:first-child {
	margin-top: 10px
}

/* boxtype_red - newcss */
.toggle_sec_wrap.boxtype_red>div>h4 {
	border-bottom: 1px solid #ff5230 !important;
	height: 35px !important
}

.toggle_sec_wrap.boxtype_red>div>h4 a {
	color: #ff5230 !important;
	border-bottom-color: #ff5230 !important
}

.toggle_sec_wrap.boxtype_red .toggle_sec_contents {
	border: 1px solid #ff5230;
	padding: 0 20px 20px
}

.toggle_sec_wrap.boxtype_red h4.close a,
.toggle_sec_wrap.boxtype_red h4.open a {
	background-position-y: -90px
}

.toggle_sec_wrap.boxtype_red h4.close a:hover,
.toggle_sec_wrap.boxtype_red h4.open a:hover {
	background-position-y: -140px
}

/* modulehead - newcss */
.modulehead_wrap {
	display: inline-block
}

.head_title {
	float: left;
	margin-right: 10px;
	height: 23px
}

.modulehead_title {
	float: left;
	margin-right: 10px;
	height: 29px
}

.modulehead_title {
	padding-left: 19px;
	background: url(../images/contents/module_red.png) no-repeat 0 9px
}

.modulehead_tip {
	margin-left: 15px;
	float: left;
	font-size: 12px;
	color: #898ea9;
	font-weight: normal;
	position: relative;
	height: 29px;
	box-sizing: border-box
}

.modulehead_tip:after {
	content: "";
	position: absolute;
	top: 11px;
	left: -12px;
	height: 15px;
	width: 1px;
	background-color: #eff0f4
}

.head_title+.modulehead_tip {
	height: 23px;
	padding-top: 1px
}

.head_title+.modulehead_tip:after {
	top: 6px
}

.toggle_sec_wrap a .head_title {
	height: 29px
}

.toggle_sec_wrap a .head_title+.modulehead_tip {
	height: 29px
}

.toggle_sec_wrap a .head_title+.modulehead_tip:after {
	top: 11px
}

h4>.form_wrap_multi {
	float: left;
	margin-top: -2px;
	margin-left: 15px;
	font-weight: normal;
	font-size: 12px
}

h4>.form_wrap_multi .text_inner {
	font-weight: normal;
	margin-right: 6px
}

h4>.form_wrap_multi select {
	margin-top: 0 !important
}

h4>.form_wrap_multi .ico_btn span {
	float: left
}

h4>.form_wrap_radio,
h4>.form_wrap_check {
	float: left;
	margin-top: 0;
	margin-left: 15px;
	font-weight: normal;
	font-size: 12px
}

h4>.form_wrap_radio input,
h4>.form_wrap_check input {
	margin-bottom: 0 !important
}

/* form_head */
.form_head {
	position: relative;
	height: 28px;
	box-sizing: border-box;
	margin-bottom: 10px
}

/* form_head .button */
.form_head .button {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	box-sizing: border-box
}

.button .legend {
	float: left;
	margin-top: 4px;
	padding-right: 6px
}

.button .legend span.comment {
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle
}

.button .legend span.txt {
	font-size: 11px;
	font-weight: normal !important;
	vertical-align: middle
}

/* form_head2 :입찰_산업안전보건법팝업*/
.form_head2 {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 5px
}

.form_head2 h5 {
	height: auto !important
}

.form_head2 .button {
	position: absolute;
	bottom: 0;
	right: 0;
	box-sizing: border-box
}

span.red {
	color: red !important
}

.red {
	color: red !important
}

span.blue {
	color: blue !important
}

.blue {
	color: blue !important
}

/* form_sp_wrap */
.form_sp_wrap {
	margin-top: 15px
}

/* form_table */
.form_sp_table {
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
	position: relative;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed
}

.form_sp_table caption {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

.form_sp_table {
	border: 2px solid #b5985a
}

.form_sp_table tbody th {
	padding: 5px;
	border: 1px solid #d5c8ad;
	line-height: 16px;
	vertical-align: middle
}

.form_sp_table tbody th {
	padding-right: 0;
	background: #f1eee4;
	font-weight: bold;
	color: #7a6946
}

.form_sp_table tbody td {
	padding: 5px;
	border: 1px solid #d5c8ad;
	line-height: 16px;
	vertical-align: middle
}

.form_sp_table tbody td.img {
	padding: 1px;
	border: 2px solid #b5985a;
	text-align: center;
	vertical-align: middle
}

.form_sp_table tbody td.img img {
	margin: 0;
	padding: 0
}

/* form_wrap */
.form_wrap {
	/*margin-top: 15px*/
}

.none_topline {
	border-top: none !important
}

/* layout_table */
.layout_table {
	clear: both;
	position: relative;
	width: 100%;
	border: none;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 0
}

.layout_table.top_line {
	border-top: 2px solid #727272
}

.layout_table tbody td.vt {
	vertical-align: top
}

.gap_line {
	border-top: 1px solid #bfbfbf !important
}

/* form_table */
.form_table {
	clear: both;
	position: relative;
	width: 100%;
	border-top: 1px solid #9fa5b8;
	border-bottom: 1px solid #b5bbce;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 0
}

.form_table.top_noline {
	border-top: 0
}

.form_table.top_line {
	border-top: 1px solid #c8c8c8;
}

.form_table caption {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

.form_table tbody td table.form_table {
	border-top: 1px solid #b5bbce;
	margin-top: 3px;
	margin-bottom: 3px
}

.form_table thead th:not(.IBCellBase),
.form_table tbody th:not(.IBCellBase) {
	word-break: break-word;
	word-wrap: break-word;
	
	
	
	padding: 6px 12px;
	font-weight: 500;
	color: #666;
}

.form_table thead th:not(.IBCellBase) {
	border-left: 0;
	border-bottom: 1px solid #b5bbce;
	background: #f6f6fa;
	text-align: left
}

.form_table tbody th:not(.IBCellBase) {
	border-left: 0;
	border-top: 1px solid #d6dce9;
	background: #f6f6fa;
	text-align: left
}

.form_table tbody th .btn_sm {
	margin-top: 5px
}

.form_table tbody th.sub_th {
	background: #f6f6fa;
	font-weight: bold;
	color: #3a3a4a
}

.form_table tbody td:not(.IBCellBase) {
	padding: 6px 12px;
	border-left: 0;
	border-top: 1px solid #e1e4e8;
	background: #fff;
	line-height: 18px;
	min-height: 30px;
	box-sizing: border-box
}

.form_table tbody tr:first-child>th,
.form_table tbody tr:first-child>td {
	border-top: 0
}

.form_table tbody td label.title i {
	margin: 6px 5px 0 0
}

.form_table tbody td label.title b {
	display: inline-block;
	height: 26px;
	line-height: 23px;
	margin-right: 5px
}

.form_table tbody td .IBMain table th,
.form_table tbody td .IBMain table td:not(.IBType) {
	min-height: auto;
	padding: 0;
	border-top: 0
}

.form_table tbody td .IBMain table td.IBCellSpace {
	min-height: auto
}

.form_table tbody th.left_line {
	border-left: 1px solid #e1e4e8
}

.form_table tbody td.noline {
	border-left: none
}

.form_table tbody td.pd_0 {
	padding: 0
}

.form_table tbody td div.button {
	margin-bottom: -1px
}

.form_table tbody td img {
	margin: 0;
	padding: 0;
	vertical-align: top
}

.form_table tbody th.vt {
	vertical-align: top
}

.form_table tbody td.vt {
	vertical-align: top
}

.form_table tbody td.manual {
	padding: 19px;
	text-align: center
}

.form_table tbody td.manual img {
	margin-left: 10px;
	margin-right: 10px
}

.form_table tbody td label.comment {
	padding: 4px 0 0 16px;
	background: url(../images/common/ico_comment.png) no-repeat 0 7px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #5b85ad;
	margin: 0 6px !important
}

.form_table.bottom_line {
	border: none !important;
}

.form_table.bottom_line tbody th {
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0;
	vertical-align: top;
	background: url(../images/common/buls_search.gif) no-repeat left 15px;
	line-height: normal;
	text-align: left;
}

.form_table.bottom_line tbody th {
	border: none !important;
	border-bottom: 1px solid #ededed !important;
}

.form_table.bottom_line tbody td {
	padding-top: 5px;
	padding-bottom: 5px;
	border: none !important;
	border-bottom: 1px solid #ededed !important;
}

/* form_list */
.form_list {
	position: relative;
	margin-top: 15px;
	border-top: 1px solid #d0d0d0
}

.form_list dl {
	clear: both;
	height: 24px;
	padding-top: 6px;
	border-bottom: 1px solid #d0d0d0
}

.form_list dt {
	float: left;
	width: 80px;
	padding-left: 25px;
	color: #53718e
}

.form_list dt.pre {
	background: url(../images/common/ico_pre.gif) no-repeat 10px 3px
}

.form_list dt.next {
	background: url(../images/common/ico_next.gif) no-repeat 10px 3px
}

.form_list dd {
	float: left
}

.form_list dd.writer {
	float: right;
	padding-left: 30px;
	padding-right: 10px
}

.form_list dd.writer_file {
	float: right;
	padding-left: 30px;
	padding-right: 10px;
	background: url(../images/common/ico_clip.gif) no-repeat 10px 3px
}

/* list_top */
.list_top {
	position: relative;
	height: 24px
}

/* list_head */
.list_head {
	position: relative;
	/*margin-bottom: 10px;*/
	box-sizing: border-box;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#contents .list_head h4 {
	/*float: left;
	margin: 0;
	padding-top: 0;
	position: static*/
}

#contents .list_head .list_sort>div.button,
#contents .list_head h4 .button {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0
}

#contents h4 #uploadFrm .button {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0
}

/* Bulk PO Close  */
.list_wrap>h5+script+script+.list_head,
/* dhtmlx 첨부파일에만 쓰임  */
.list_wrap>h4+.list_head,
.list_wrap>h5+.list_head {
	margin-top: -8px
}

/* list_sort */
.list_head .list_sort {
	display: inline-flex;
	align-items: center;

}



.list_head .list_sort li.result {
	margin-right: 15px !important;

	font-size: 12px !important;

}

.list_head .list_sort li.page {
	margin-right: 15px !important;

	font-size: 12px !important;

}

.list_head .list_sort li.item {
	margin-right: 10px !important;


	font-size: 12px
}

.list_head .list_sort li i {
	margin-top: 1px !important;
	color: #6c6c6c;
	display: none !important
}

.list_head .list_sort li.num {
	padding: 4px 0 0 5px !important
}

.list_head .list_sort li.select {
	padding: 0 !important;
	margin-right: 15px
}

.list_head .list_sort li.select select {

	min-width: 80px;
	height: 22px !important;
	background-position-y: 8px
}

.list_head .list_sort li.check {
	margin-top: 6px !important;
	margin-left: 10px !important;
}

.list_head .list_sort li.ico_btn {
	margin-right: 8px !important;
	padding: 6px 0 0 4px !important;
	font-size: 12px !important
}

.list_head .list_sort li.button {
	margin-right: 8px;
	max-width: none
}

.list_head .list_sort li.comment {
	padding: 5px 10px 0 16px;
	background: url(../images/common/ico_comment.png) no-repeat 0 9px;
	font-size: 11px;
	font-weight: normal;
	color: #566c9d;
	line-height: 19px
}

.list_head .list_sort li.comment span[class*="box0"] {
	display: inline-block;
	line-height: 16px
}

.list_head .list_sort li.comment span.box01 {
	padding: 0 14px 0 8px;
	background: url(../images/common/ico_box.png) no-repeat right 5px;
	color: #5f9d48
}

.list_head .list_sort li.comment span.box02 {
	padding: 0 14px 0 5px;
	background: url(../images/common/ico_box.png) no-repeat right -45px;
	color: #366fe9
}

.list_head .list_sort li.comment span.box03 {
	padding: 0 14px 0 5px;
	background: url(../images/common/ico_box.png) no-repeat right -95px;
	color: #767676
}

.list_head .list_sort li .form_wrap_radio {
	margin-top: 6px;
	margin-left: 10px
}

.list_head .list_sort li .form_wrap_check {
	margin-top: 6px;
	margin-left: 10px
}

/* list_sort 옆에 붙어있는 comment글 - 마케팅 - 심사인력 */
.list_head .list_sort+div font {
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	margin-top: -5px
}

.list_head .list_sort+div font[color="blue"] {
	color: #415cc2
}

/* list_head h5 안에  넣는 버튼을 밖에서 썼을경우  */
#contents .form_wrap .list_head>h5,
#contents .list_wrap .list_head>h5 {
	float: left;
	margin: 0;
	padding-top: 2px
}

/* list_button */
#contents h4 .button,
#contents h5 .button {
/*	float: right;
	text-align: right;
	max-width: 90%;
	font-weight: normal;
	font-size: 12px*/
}

#contents h4 .button {
/*	margin-top: -2px;
	margin-bottom: 8px*/
}

#contents h5 .button {
	margin-top: -4px
}

.list_head .button {
	float: right;
	text-align: right;
	max-width: 85%;
	min-height: 26px;
	box-sizing: border-box
}

.list_head>div[style^="font-size"]+.button {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0
}

#contents h4 .button .form_wrap_radio,
.list_head .button .form_wrap_radio {
	margin-top: 1px;
	margin-right: 10px
}

#contents h4 .button .form_wrap_check,
.list_head .button .form_wrap_check {
	margin-top: 1px;
	margin-right: 10px
}

#contents h4 .button .form_wrap_radio input,
.list_head .button .form_wrap_radio input {
	margin-bottom: 0
}

#contents h4 .button .form_wrap_check input,
.list_head .button .form_wrap_check input {
	margin-bottom: 0
}

.list_head .button input.file {
	height: 26px !important;
	margin-top: 0 !important;
	padding: 0 !important;
	background: #fff;
	box-sizing: border-box
}

.list_wrap h4 select {
	height: 26px !important
}

.list_wrap h4 span.result {
	display: inline-block;
	margin-left: 8px !important;
	margin-right: 12px !important;
	padding: 0 0 0 16px !important;
	color: #505570;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 16px;
	background: url(../images/common/ico_page.gif) no-repeat left 3px
}

.button span.legend_r {
	padding: 6px 0 0 17px;
	font-size: 12px;
	color: #5b85ad;
	letter-spacing: -.07em
}

.button span.legend_l {
	float: left;
	padding: 6px 14px 0 17px;
	font-size: 12px;
	color: #5b85ad;
	letter-spacing: -.07em
}

.button span.select select {
	height: 26px !important;
	padding-top: 0;
	line-height: 0px;
	box-sizing: border-box
}

/* tree */
.tree_wrap {
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
	overflow: auto
}

.tree ul ul {
	margin: 0 0 0 -3px
}

.tree li {
	position: relative;
	margin: 5px 0;
	padding: 0 0 0 14px;
	background: url(../images/common/trees.png) no-repeat -16px -80px;
	white-space: nowrap
}

.tree li a {
	display: inline-block;
	padding: 1px 0 2px 18px;
	background: url(../images/common/trees.png) no-repeat 0 -17px
}

.tree li input {
	margin-right: 3px;
	vertical-align: middle
}

.tree li.active a {
	font-weight: bold
}

.tree li.active li a {
	font-weight: normal
}

.tree a.root {
	display: block;
	height: 15px;
	padding-left: 18px;
	background: url(../images/common/trees.png) no-repeat 0 -18px;
	font-weight: bold;
	color: #53b4e4
}

.tree li.toggle ul {
	display: none
}

.tree li.toggle {
	background: url(../images/common/trees.png) no-repeat -32px -64px
}

.tree li.toggle a {
	background: url(../images/common/trees.png) no-repeat 0 -1px
}

.tree li.last a {
	background: url(../images/common/trees.png) no-repeat 0 -34px
}

/* list_wrap */
.list_wrap {
	position: relative;
	margin-top: 15px
}

.list_wrap_scroll {
	overflow: auto;
	overflow-y: hidden;
	position: relative;
	width: 100%;
	margin-bottom: auto;
	background: #fdfdfe;
	border-bottom: none;
	box-sizing: border-box;
}

.list_wrap_grid {
	width: 100%;
	margin-bottom: auto;
	background: #fdfdfe;
	border-bottom: none;
	box-sizing: border-box;
}

.list_wrap_scroll_y {
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	width: 100%;
	margin-bottom: auto
}

.list_wrap_grid_y {
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	width: 100%;
	margin-bottom: auto
}

.list_wrap_grid .list_table thead:last-child th {
	border-bottom: 0
}

/* list_table */
.list_table {
	clear: both;
	position: relative;
	width: 100%;
	border-top: 1px solid #9fa5b8;
	border-right: 1px solid #eff0f4;
	border-bottom: 1px solid #b5bbce;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed
}

.list_table.auto {
	table-layout: auto
}

.list_table.top_noline {
	border-top: none !important
}

.list_table thead th {
	border-left: 1px solid #e1e4e8;
	border-bottom: 1px solid #b5bbce;
	background: #f6f6fa;
	text-align: center;
	padding: 6px 5px;
	min-height: 34px;
	line-height: 18px;	
	color: #3a3a4a;
	box-sizing: border-box;
	font-size: 13px !important;
	color: #000 !important;
	height: 34px;
}

.list_table thead th:first-child {
	border-left: 1px solid #eff0f4
}

.list_table td {
	overflow: hidden;
	min-height: 30px;
	line-height: 18px;
	padding: 5px 8px;
	border-left: 1px solid #eff0f4;
	border-top: 1px solid #cdd1dd;
	background: #fff;
	color: #444b6d;
	white-space: nowrap;
	box-sizing: border-box;
	text-overflow: ellipsis;
	font-size: 13px !important;
		color: #656a88 !important;
		height: 30px;
}

.list_table thead td {
	border-top: 0
}

.form_table tbody td .list_table td {
	border-left: 1px solid #eff0f4
}

.list_table tbody tr:first-child td {
	border-top: 0
}

.list_table img,
.list_table span {
	vertical-align: middle
}

.contentsWrap table td>a {
	margin-top: 0;
	color: #2b55d9;
	vertical-align: middle
}

.contentsWrap table td>a>span {
	vertical-align: baseline
}

.contentsWrap table td>a[class^="btn"]>span {
	vertical-align: middle
}

.list_table tr.alt th {
	background: #f0f0f0
}

.list_table tr.odd {
	background: #f4f4f4
}

.list_table tr.odd td {
	background: #f4f4f4
}

.list_table tr.clk {
	background: #fffde5
}

.list_table td a:hover {
	text-decoration: underline
}

.list_table td.noline {
	border-left: none;
}

.list_table tbody tr:hover td {
	background: rgba(152, 207, 229, 0.1);
	border-color: rgba(152, 179, 229, 0.2)
}

.list_table tbody tr.focus td {
	background-color: rgba(152, 207, 229, 0.2);
	border-color: rgba(152, 179, 229, 0.4)
}

.list_table.multi thead th {
	min-height: 24px;
	padding-top: 3px;
	padding-bottom: 3px
}

.list_table.multi thead tr th {
	border-bottom: 1px solid #e1e4e8
}

.list_table.multi thead tr:last-child th {
	border-bottom: 1px solid #b5bbce
}

.list_table.multi thead tr:first-child+tr th[rowspan="2"],
.list_table.multi thead tr:first-child th[rowspan="2"],
.list_table.multi thead tr:first-child th[rowspan="3"] {
	border-bottom: 1px solid #b5bbce
}

/* list_sort */
.list_table thead th.sort {
	position: relative
}

.list_table thead th.sort a {
	padding: 5px 9px 0 0;
	background-image: url(../images/button/btn_sort.png);
	background-repeat: no-repeat
}

.list_table thead th.sort a.asc {
	position: absolute;
	top: 10px;
	right: 6px;
	background-position: left 0
}

.list_table thead th.sort a.asc:hover {
	background-position: left -5px
}

.list_table thead th.sort a.asc.on {
	background-position: left -5px
}

.list_table thead th.sort a.des {
	position: absolute;
	top: 18px;
	right: 6px;
	background-position: left -10px
}

.list_table thead th.sort a.des:hover {
	background-position: left -15px
}

.list_table thead th.sort a.des.on {
	background-position: left -15px
}

/* list_sort */
.list_table thead th.sort_se {
	position: relative
}

.list_table thead th.sort_se a {
	padding: 5px 9px 0 0;
	background-image: url(../images/button/btn_sort.png);
	background-repeat: no-repeat
}

.list_table thead th.sort_se a.asc {
	position: absolute;
	top: 12px;
	right: 6px;
	background-position: left 0
}

.list_table thead th.sort_se a.asc:hover {
	background-position: left -5px
}

.list_table thead th.sort_se a.asc.on {
	background-position: left -5px
}

.list_table thead th.sort_se a.des {
	position: absolute;
	top: 20px;
	right: 6px;
	background-position: left -10px
}

.list_table thead th.sort_se a.des:hover {
	background-position: left -15px
}

.list_table thead th.sort_se a.des.on {
	background-position: left -15px
}

/* list_total */
.list_table tr.sub_total th,
.list_table tr.sub_total td {
	border-top: 1px solid #b5c7aa;
	border-left: 1px solid #c8d6bf;
	background: #f3f8e5;
	font-weight: bold;
	text-align: right
}

.list_table tr.total th,
.list_table tr.total td {
	border-color: #bfd0e8 !important;
	border-top: 1px solid #8aa9d2 !important;
	background-color: #d8e3f2;
	color: #1b1b1b;
	font-weight: bold;
	text-align: right
}

.list_table tr.sub_total th,
.list_table tr.total th {
	text-align: center
}

.list_table tfoot th:not(.line):first-child,
.list_table tfoot td:not(.line):first-child {
	border-left: 0
}

/* list_variety */
.list_table tr.line td {
	border-bottom: 1px solid #aeaeae
}

.list_table td.tc {
	text-align: center !important
}

.list_table td.tr {
	text-align: right !important
}

.list_table td.tl {
	text-align: left !important
}

.list_table td.head,
td.IBCellBase.head {
	background: #faf9fe
}

.list_table td.head1 {
	background: #f8fcfe
}

.list_table td.head2 {
	background: #f8f8f8
}

.list_table td.head3 {
	background: #f9f9f9
}

.list_table th input,
.list_table td input {
	vertical-align: middle
}

.list_table td label.comment {
	margin-left: 6px;
	padding: 7px 0 0 14px;
	background: url(../images/common/ico_comment.png) no-repeat 0 7px;
	font-size: 11px;
	font-weight: normal;
	color: #5b85ad
}

.list_table td.complete {
	background: #e8ffb0 !important;
	font-weight: bold;
	color: #4b833c
}

.list_table td.return {
	background: #ffe4e8 !important;
	font-weight: bold;
	color: #e17070
}

.list_table td.ing {
	font-weight: bold;
	color: #a2a2a2
}

.list_table td select {
	height: 26px !important;
}

.list_table td.vt {
	vertical-align: top
}

.list_table td.word_br {
	white-space: pre-line !important;
	word-break: break-all !important;
}

.list_table.word_br tr td {
	white-space: pre-line !important;
	word-break: break-all !important;
}

/* nodata */
.nodata {
	position: absolute;
	display: none;
	z-index: 999;
	width: 100%;
	height: 30px;

	top: 34px !important;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	/*주석 처리 : 251127
	   display: flex !important;*/
	align-items: center !important;
	justify-content: center !important;
	padding-top: 8px;
}

/* list_pagination */
.list_table td.pagination {
	background: #f7f7f7;
	text-align: right
}

.list_table td.pagination .btn_list_sm {
	margin-right: 5px;
	margin-left: -2px
}

.list_table td.pagination select {
	margin-right: 5px
}

.list_table td.pagination img {
	margin-right: 3px
}

.list_table td.pagination .pt {
	margin-left: 10px
}

/* gridbox */
.gridbox .objbox td img {
	margin-bottom: 2px
}

.gridbox .xhdr td input[type="checkbox"] {
	margin-bottom: 3px
}

/* pagenate - newcss */
.paginate {
	margin-top: 10px;
	text-align: center;
	font-family: 'Arial';

}

.paginate a,
.paginate strong {
	border: 1px solid #dee2ee;
	font-weight: normal;
	display: inline-block;
	min-width: 27px;
	padding: 1px 8px 0;
	font-size: 13px;
	line-height: 23px;
	height: 25px;
	box-sizing: border-box;
	vertical-align: middle;
	margin-left: -5px
}

.paginate a {
	position: relative;
	color: #636a88;
	background-color: #fff
}

.paginate a.first {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 0
}

.paginate a.last {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 0
}

.paginate a:hover {
	color: #0056b3;
	text-decoration: none;
	background-color: #f6f6fa;
	border-color: #dee2ee
}

.paginate a.pre,
.paginate a.next {
	padding: 0
}

.paginate strong {
	z-index: 2;
	color: #fff;
	background-color: #4368d4;
	border-color: #3c5dc0
}

.paginate a img {
	vertical-align: middle
}

/* New PageNavi - newcss */
.div_pageNavi {
	text-align: center;
	font-family: 'Arial'
}

.div_pageNavi .pagination {
	display: inline-block;
	list-style: none;
	border-radius: .25rem;
	padding: 13px 0 7px
}

.pagination-sm .page-item {
	float: left
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pagination-sm .page-link {
	padding: 6px 8px 4px;
	font-size: 13px;
	line-height: 1;
	height: 26px;
	box-sizing: border-box
}

.pagination-sm .page-link {
	position: relative;
	display: block;
	min-width: 25px;
	margin-left: -1px;
	color: #636a88;
	background-color: #fff;
	border: 1px solid #dee2ee
}

.page-item .page-link:hover {
	color: #0056b3;
	text-decoration: none;
	background-color: #f6f6fa;
	border-color: #dee2ee
}

.page-item.disabled .page-link {
	color: #999db1 !important;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2ee
}

.page-item.active .page-link {
	z-index: 2;
	color: #fff;
	background-color: #4368d4;
	border-color: #3c5dc0
}

.page-item.first .page-link,
.page-item.prev .page-link,
.page-item.next .page-link,
.page-item.last .page-link {
	color: #2c54d6;
	font-size: 17px;
	padding-top: 3px
}

/* form_tab */
.form_tab {
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 40px;
/*	margin-top: 15px;*/
	font-size: 14px;
}

.form_tab li {
	float: left;
	margin-right: -1px;
	font-size: 14px
}

.form_tab li a {
	color: #444b6d !important;
	margin-right: 6px;
	border-radius: 20px;
	box-sizing: border-box
}

.form_tab li.first a {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px
}

.form_tab li.last a {
	margin-right: 0;
	border-radius: 20px
}

.form_tab ul.p2 li {
	width: 50%
}

.form_tab ul.p3 li {
	width: 33.33%
}

.form_tab ul.p4 li {
	width: 25%
}

.form_tab ul.p5 li {
	width: 20%
}

.form_tab ul.p6 li {
	width: 16.5%
}

.form_tab ul.p8 li {
	width: 12.5%
}

.form_tab li a {
	display: block;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #babecd;
	background-color: #f6f6fa;
	background-image: linear-gradient(180deg, #f1f1f6 1%, #fff 9%, #fff 40%, #f1f1f6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* form_tab_ch  form_tab_sh*/
ul.tabs,
.form_tab_ch {
	position: relative;
	display: flex;
	width: 100%;	
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin-bottom: 10px;
}

ul.tabs li,
.form_tab_ch li {
	float: left;	
	font-size: 13px;
	cursor: pointer;
	text-align: center;	
}

ul.tabs li,
.form_tab_ch li a {
	color: #666;
	border-bottom: none !important;
	box-sizing: border-box;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 30px;
	border: 1px solid #ddd;
	background-color: transparent;	
	border-radius: 4px 4px 0 0;
	cursor: pointer;
}


ul.tabs li:hover,
.form_tab li a:hover,
.form_tab_ch li a:hover {
	color: #3059F4 !important;
		border-color: #6C87EB;
		cursor: default;
		background: #fff;
}

.form_tab li a:hover {
	border-color: #324fa7
}

ul.tabs li.current,
.form_tab li.on a,
.form_tab_ch li.active a,
.form_tab_ch li.on a {
	color: #3059F4 !important;
	border-color: #6C87EB;
	cursor: default;
	background: #fff;
}

.form_tab_ch li.saved a,
.form_tab li.saved a {
	font-weight: bold;
	color: #177541 !important;
	border: 1px solid #62ba40;
	background-color: #e0fad4;
	background-image: linear-gradient(to bottom, #e0fad4, #f3fef6)
}

.form_tab_ch li.inactive:not(.active) a {
	background: #f6f6fa;
	border-top-color: #b8bfd8
}

.form_tab_ch li.inactive:not(.active) a:hover {
	color: #737b94 !important
}

.form_tab_ch li.complete a {
	border-top-color: #4c6dd1;
	background-color: #ecf2fb;
	background-image: linear-gradient(180deg, #f7f9fc 5%, #ecf2fb 80%);
	color: #001f63;
	border-top-width: 2px;
	padding-top: 7px
}

.form_tab_ch li.complete a:hover {
	color: #001f63 !important
}

/* form_tab_sh */
.form_tab_sh {
	width: 100%
}

.tabscontent {
	display: none;
}

/* process_wrap_sc */
.process_wrap_sc {
	position: relative;
	height: 60px;
	margin-top: 0;
	margin-bottom: 10px;
	display: block;
	padding: 0;
	border: 1px solid #babecd;
	background-color: #efefef;
	background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
	background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
	background-repeat: repeat-x;
	color: #333;
	box-sizing: border-box;
}

.process_wrap_sc {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-sizing: border-box;
}

.process_wrap_sc ul li {
	float: left;
	position: relative;
	height: 58px;
	padding: 8px 10px 0 40px;
	background: url(../images/common/bg_prcs.png) no-repeat left center;
	color: #a8a8a8;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}

.process_wrap_sc ul li.first {
	background: none;
	padding-left: 22px;
}

.process_wrap_sc ul li {
	color: #959595;
	font-weight: normal
}

.process_wrap_sc ul li.on {
	color: #3a6b9a;
	font-weight: bold
}

.process_wrap_sc ul.p8 li {
	width: 12.2%
}

.process_wrap_sc ul.p4 li {
	width: 25%
}

.process_wrap_sc ul.p3 li {
	width: 33%
}

.process_wrap_sc ul.p1 li {
	width: 100%;
	padding-left: 90px;
	background: none;
	text-align: left
}

.process_wrap_sc .expand,
.process_wrap_sc .collapse {
	position: absolute;
	top: 8px;
	right: 10px;
	padding-right: 10px;
	background-image: url(../images/common/ico_layer.gif);
	background-repeat: no-repeat;
	font-size: .95em
}

.process_wrap_sc .expand {
	background-position: right top
}

.process_wrap_sc .collapse {
	background-position: right -10px
}

/* process */
.process_wrap {
	position: relative;
	height: 40px;
	margin-top: 15px;
	margin-bottom: 10px;
	display: block;
	padding: 0;
	border: 1px solid #babecd;
	background-color: #f6f6fa;
	background-image: linear-gradient(0deg, #f1f1f6 1%, #f6f6fa 9%, #fcfcfd 40%, #fcfcfd 86%, #f1f1f6 99%);
	background-repeat: repeat-x;
	color: #333;
	box-sizing: border-box;
}

.process_wrap {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	box-sizing: border-box
}

.process_wrap ul {
	height: 100%
}

.process_wrap ul li {
	float: left;
	position: relative;
	height: 100%;
	padding: 1px 10px 0 40px;
	background: url(../images/common/bg_prcs.png) no-repeat left center;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	box-sizing: border-box;
}

.process_wrap ul li.first {
	background: none;
	padding-left: 20px;
}

.process_wrap ul.p3 li.first span.rgst {
	margin-left: 10px !important;
}

.process_wrap ul.p3 li span.rgst {
	margin-left: 10px !important
}

.process_wrap.attachment ul li a,
.process_wrap ul li {
	color: #737b94
}

.process_wrap.attachment ul li.on a,
.process_wrap ul li.on {
	color: #2749b5;
	font-weight: bold;
	cursor: default
}

.process_wrap ul.p4 li {
	width: 25%
}

.process_wrap ul.p3 li {
	width: 33%
}

.process_wrap ul.p1 li {
	width: 100%;
	background: none;
	text-align: left
}

.process_wrap .expand,
.process_wrap .collapse {
	position: absolute;
	top: 13px;
	right: 14px;
	padding-right: 14px;
	background-image: url(../images/common/ico_layer.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 1
}

.process_wrap .expand {
	background-position: right top
}

.process_wrap .collapse {
	background-position: right -10px
}

/* process - attachment */
.process_wrap.attachment ul li a {
	display: block;
	padding: 0 30px
}

.process_wrap.attachment ul li.on a {
	background: url(../images/contents/ico_processon.png) no-repeat 16px 7px;
	padding-left: 40px
}

/* process vendor */
.process_wrap_vendor {
	position: relative;
	height: 100px;
	margin-top: 15px;
	margin-bottom: 25px
}

.process_wrap_vendor li * {
	box-sizing: border-box
}

.process_wrap_vendor li {
	width: calc(12.5% + 3px);
	height: 100%;
	float: left
}

.process_wrap_vendor li:first-child {
	width: calc(12.5% - 21px)
}

.process_wrap_vendor li:first-child .vendor_item {
	width: 100%
}

.process_wrap_vendor li .vendor_item {
	width: calc(100% - 24px);
	height: 100%;
	border: 1px solid #e1e3ee;
	border-top: 3px solid #979cb1;
	border-radius: 3px;
	float: left;
	box-sizing: border-box;
	box-shadow: 0 1px 4px -1px #d1d8e5;
	cursor: pointer
}

.process_wrap_vendor li .vendor_item:not(.unlink):hover {
	border-color: #4c6dd1
}

.process_wrap_vendor li .vendor_item:not(.unlink, .active):hover dt {
	color: #001f63
}

.process_wrap_vendor li .vendor_item dt {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #46465a;
	height: 38px;
	padding: 6px 6px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #edeef5
}

.process_wrap_vendor li .vendor_item dd {
	text-align: center;
	margin-top: 7px;
	font-size: 12px;
	color: #6a7794
}

.process_wrap_vendor li .vendor_item .date {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 80%;
	display: block;
	line-height: 20px;
	margin: auto;
	height: 23px
}

.process_wrap_vendor li .vendor_item.active {
	background-color: #587bd8;
	background-image: linear-gradient(180deg, #5e81dd 80%, #587bd8 100%);
	cursor: default;
	border-color: #4668ce
}

.process_wrap_vendor li .vendor_item.active dt {
	color: #ecf2fa;
	border-bottom-color: #7190e1
}

.process_wrap_vendor li .vendor_item.active .date,
.process_wrap_vendor li .vendor_item.active .shortcut {
	color: #fff
}

.process_wrap_vendor li .vendor_item.inactive:not(.active) {
	background-color: #f6f6fa;
	border-top-color: #b8bfd8
}

.process_wrap_vendor li .vendor_item.inactive:hover:not(.active) {
	border-color: #e1e3ee;
	border-top-color: #b8bfd8
}

.process_wrap_vendor li .vendor_item.inactive:not(.active) dt,
.process_wrap_vendor li .vendor_item.inactive:not(.active) .date,
.process_wrap_vendor li .vendor_item.inactive:not(.active) .shortcut {
	color: #444b6d
}

.process_wrap_vendor li .vendor_item.complete {
	border-color: #4c6dd1;
	background-color: #ecf2fb;
	background-image: linear-gradient(180deg, #f7f9fc 30%, #ecf2fb 100%)
}

.process_wrap_vendor li .vendor_item.complete dt {
	color: #001f63;
	border-bottom-color: #e2e4f2
}

.process_wrap_vendor li .vendor_item.complete dd {
	color: #213b75
}

.process_wrap_vendor li .arrow {
	width: 24px;
	height: 100%;
	float: left;
	position: relative
}

.process_wrap_vendor li .arrow:after {
	content: "";
	height: 10px;
	width: 10px;
	border: 2px solid #d1d4e4;
	border-right-width: 0;
	border-top-width: 0;
	transform: rotate(-135deg);
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 8px)
}

.process_wrap_vendor li .vendor_item .shortcut {
	height: 45px;
	max-width: 80%;
	margin: auto;
	color: #6a7794;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center
}

.process_wrap_vendor li .vendor_item .shortcut strong {
	font-weight: normal
}

.process_wrap_vendor li .vendor_item .shortcut span {
	display: block
}

.process_wrap_vendor li .vendor_item .shortcut em {
	margin: 1px 0 0 5px;
	vertical-align: top;
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	border: 1px solid #6a7794;
	border-radius: 8px
}

.process_wrap_vendor li .vendor_item .shortcut em:after {
	content: "";
	height: 5px;
	width: 5px;
	border: 1px solid #6a7794;
	border-right-width: 0;
	border-top-width: 0;
	transform: rotate(-135deg);
	position: absolute;
	top: 4px;
	right: 4px
}

.process_wrap_vendor li .vendor_item .shortcut em::before {
	content: "";
	height: 1px;
	width: 6px;
	background: #6a7794;
	position: absolute;
	top: 6px;
	right: 4px
}

.process_wrap_vendor li .vendor_item.inactive .shortcut em,
.process_wrap_vendor li .vendor_item.inactive .shortcut em:after {
	border-color: #d1d4e4
}

.process_wrap_vendor li .vendor_item.inactive .shortcut em::before {
	background: #d1d4e4
}

.process_wrap_vendor li .vendor_item.active .shortcut em,
.process_wrap_vendor li .vendor_item.active .shortcut em:after {
	border-color: #fff
}

.process_wrap_vendor li .vendor_item.active .shortcut em::before {
	background: #fff
}

.process_wrap_vendor li .vendor_item.unlink {
	cursor: default
}


.process_wrap_vendor.item6 li {
	width: calc(17% + 6px)
}

.process_wrap_vendor.item6 li:first-child {
	width: calc(16% - 30px)
}

.process_wrap_vendor.item6 li:last-child {
	width: calc(16% + 6px)
}

.process_wrap_vendor.item6 li .vendor_item {
	width: calc(100% - 36px)
}

.process_wrap_vendor.item6 li:first-child .vendor_item {
	width: 100%
}

.process_wrap_vendor.item6 li .arrow {
	width: 36px
}

.process_wrap_vendor .vendor_item.unlink .tooltip {
	display: none
}

.process_wrap_vendor .vendor_item.inactive .tooltip {
	display: none
}

.process_wrap_vendor .vendor_item.inactive .date.sch_date .tooltip {
	display: block
}

.process_wrap_vendor .vendor_item.inactive .date.sch_date .tooltip p {
	white-space: normal
}

.process_wrap_vendor .vendor_item.inactive.active .tooltip {
	display: block
}

.process_wrap_vendor .vendor_item {
	position: relative
}

.process_wrap_vendor .vendor_item .tooltip {
	position: absolute;
	bottom: 9px;
	right: -3px;
}

.process_wrap_vendor .vendor_item .tooltip>span {
	bottom: auto;
	top: 33px;
	margin-left: -105px !important
}

.process_wrap_vendor .vendor_item .tooltip span::before,
.process_wrap_vendor .vendor_item .tooltip span::after {
	bottom: auto;
	top: -7px;
	left: 100px;
	border-top: 0;
	border-bottom: 8px solid #fbfaeb
}

.process_wrap_vendor .vendor_item .tooltip span::before {
	border-bottom-color: #959cb2;
	top: -8px;
	left: 100px;
}

.process_wrap_vendor .vendor_item .tooltip.right>span {
	margin-left: -373px !important;
}

.process_wrap_vendor .vendor_item .tooltip.right span::before,
.process_wrap_vendor .vendor_item .tooltip.right span::after {
	left: auto;
	right: 100px;
}

.process_wrap_vendor .vendor_item .tooltip.right span::before {
	left: auto;
	right: 100px;
}

.process_wrap_vendor .vendor_item .tooltip.lastright>span {
	margin-left: -468px !important;
}

.process_wrap_vendor .vendor_item .tooltip.lastright span::before,
.process_wrap_vendor .vendor_item .tooltip.lastright span::after {
	left: auto;
	right: 7px;
}

.process_wrap_vendor .vendor_item .tooltip.lastright span::before {
	left: auto;
	right: 7px;
}

/* process_map */
.mk_a_process_map_wrap {
	position: relative;
	margin-top: 20px;
	min-width: 1029px;
	height: 520px;
	overflow: auto;
}

.mk_a_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1260px;
	height: 484px;
	background: url(../images/common/process_marketing_a01.png) no-repeat;
}

.mk_a_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1260px;
	height: 484px;
	background: url(../images/common/process_marketing_a02.png) no-repeat;
}

.mk_a_process_map_03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1260px;
	height: 484px;
	background: url(../images/common/process_marketing_a03.png) no-repeat;
}

.mk_a_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1260px;
	height: 484px;
	background: url(../images/common/process_marketing_a04.png) no-repeat;
}

.mk_b_process_map_wrap {
	position: relative;
	margin-top: 20px;
	min-width: 1090px;
	height: 590px;
	overflow: auto;
}

.mk_b_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1090px;
	height: 555px;
	background: url(../images/common/process_marketing_b01.png) no-repeat;
}

.mk_b_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1090px;
	height: 555px;
	background: url(../images/common/process_marketing_b02.png) no-repeat;
}

.mk_b_process_map_03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1090px;
	height: 555px;
	background: url(../images/common/process_marketing_b03.png) no-repeat;
}

.mk_b_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1090px;
	height: 555px;
	background: url(../images/common/process_marketing_b04.png) no-repeat;
}

.mk_c_process_map_wrap {
	position: relative;
	margin-top: 20px;
	min-width: 1029px;
	height: 520px;
	overflow: auto;
}

.mk_c_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_marketing_c01.png) no-repeat;
}

.mk_c_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_marketing_c02.png) no-repeat;
}

.mk_c_process_map_03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_marketing_c03.png) no-repeat;
}

.mk_c_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_marketing_c04.png) no-repeat;
}

/* 신규 마케팅pjt 프로세스 이미지 파일 추가 : younggun81.shin : 20161122*/
.mk_d_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1260px;
	height: 484px;
	background: url(../images/common/process_marketing_d04.png) no-repeat;
}

.biz_process_map_wrap {
	position: relative;
	margin-top: 20px;
	min-width: 1029px;
	height: 520px;
	overflow: auto;
}

.biz_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_biz_01.png) no-repeat;
}

.biz_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_biz_02.png) no-repeat;
}

.biz_process_map_03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_biz_03.png) no-repeat;
}

.biz_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1130px;
	height: 484px;
	background: url(../images/common/process_biz_04.png) no-repeat;
}

.mro_process_map_wrap {
	position: relative;
	margin-top: 20px;
	width: 1029px;
	height: 499px;
}

.mro_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1029px;
	height: 499px;
	background: url(../images/common/process_mro_01.png) no-repeat;
}

.mro_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1029px;
	height: 499px;
	background: url(../images/common/process_mro_02.png) no-repeat;
}

.mro_process_map_03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1029px;
	height: 499px;
	background: url(../images/common/process_mro_03.png) no-repeat;
}

.mro_process_map_04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1029px;
	height: 499px;
	background: url(../images/common/process_mro_04.png) no-repeat;
}

.mro_process_map_001 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1053px;
	height: 493px;
	background: url(../images/common/process_mro_001.png) no-repeat;
}

.mro_process_map_002 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1053px;
	height: 493px;
	background: url(../images/common/process_mro_002.png) no-repeat;
}

.mro_process_map_003 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1053px;
	height: 493px;
	background: url(../images/common/process_mro_003.png) no-repeat;
}

.mro_process_map_004 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1053px;
	height: 493px;
	background: url(../images/common/process_mro_004.png) no-repeat;
}

.it_process_map_wrap {
	position: relative;
	margin-top: 20px;
	min-width: 1029px;
	height: 520px;
	overflow: auto;
}

.it_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 488px;
	background: url(../images/common/process_it_01.png) no-repeat;
}

.it_process_map_02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 488px;
	background: url(../images/common/process_new_it_01.png) no-repeat;
}

/*신규 E-Catalog 프로세스 이미지 파일 추가 : younggun81.shin : 20180208 */
.eCatalog_process_map_wrap {
	overflow: auto;
	position: relative;
	min-width: 1253px;
	height: 628px;
	margin-top: 20px
}

.eCatalog_process_map_01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1253px;
	height: 628px;
	background: url(../images/common/process_ecatalog_01.png) no-repeat
}

/* state_wrap */
.state_wrap {
	position: relative;
	height: 36px;
	margin-top: 15px;
	margin-bottom: 10px;
	display: block;
	padding: 0;
	border: 1px solid #4882ae;
	background-color: #68a2ce;
	background-image: -moz-linear-gradient(top, #79b0da, #68a2ce);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#79b0da), to(#68a2ce));
	background-image: -webkit-linear-gradient(top, #79b0da, #68a2ce);
	background-image: -o-linear-gradient(top, #79b0da, #68a2ce);
	background-image: linear-gradient(to bottom, #79b0da, #68a2ce);
	background-repeat: repeat-x;
	color: #fff;
	cursor: default
}

.state_wrap {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-sizing: border-box;
}

.state_wrap ul li {
	float: left;
	position: relative;
	height: 34px;
	padding: 8px 10px 0 40px;
	background: url(../images/common/bg_prcs.png) no-repeat left center;
	color: #a8a8a8;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}

.state_wrap ul li.first {
	background: none;
	padding-left: 22px;
}

.state_wrap ul li {
	color: #fff;
	font-weight: bold;
}

.state_wrap ul li.on {
	color: #fff;
	font-weight: bold;
}

.state_wrap ul.p3 li {
	width: 33%
}

.state_wrap ul.p1 li {
	width: 100%;
	padding-left: 90px;
	background: none;
	text-align: left
}

.state_wrap .expand,
.state_wrap .collapse {
	position: absolute;
	top: 12px;
	right: 10px;
	padding-right: 10px;
	background-image: url(../images/common/ico_layer.gif);
	background-repeat: no-repeat;
	font-size: 11px;
}

.state_wrap .expand {
	background-position: right top
}

.state_wrap .collapse {
	background-position: right -10px
}

.state_wrap span.comment {
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 11px;
	color: #fff;
}

/* process_label 진행상태표시라벨 */
.process_wrap span.comment {
	position: absolute;
	top: 10px;
	right: 16px;
	min-height: 16px;
	padding: 3px 0 0 16px;
	background: url(../images/common/ico_comment.png) no-repeat 0 3px;
	font-size: 11px;
	font-weight: normal;
	color: #566c9d;
	line-height: 1
}

.process_wrap span.comment i {
	display: none !important;
}

.process_wrap span.rgst {
	margin: 8px 10px 0 10px !important;
	padding: 0 14px 0;
	vertical-align: top
}

span.rgst {
	display: inline-block;
	min-width: 65px;
	height: 20px;
	padding: 0 14px;
	text-align: center;
	margin: 0 10px 0 10px;
	box-sizing: border-box
}

span.rgst {
	border-radius: 10px;
	font-size: 11px;
	font-weight: bold !important;
	line-height: 18px
}

span.r_save {
	background: #deedfb;
	border: 1px solid #8fbde4;
	color: #266296;
}

/* process 저장 */
span.r_processing {
	background: #dcf3f8;
	border: 1px solid #78b4c1;
	color: #267f92;
}

/* process 진행중 */
span.r_complete {
	background: #e9f2df;
	border: 1px solid #a9be8d;
	color: #596746;
}

/* process 완료 */
span.r_cancel {
	background: #f1f2f3;
	border: 1px solid #b7b7b7;
	color: #6b6b6b;
}

/* process 취소 */
span.r_reject {
	background: #f4e6ea;
	border: 1px solid #ab8cba;
	color: #825863;
}

/* process 실패 */
span.r_processing_c {
	border: 1px solid #378bb2;
	background: #68c1ea;
	color: #fff
}

span.r_processing_h {
	border: 1px solid #8e68c8;
	background: #b097d5;
	color: #fff
}

span.r_processing_r {
	border: 1px solid #7e7a84;
	background: #aaa8ad;
	color: #fff
}

span.r_processing_i {
	border: 1px solid #339c80;
	background: #51c0a2;
	color: #fff
}

span.r_processing_n {
	border: 1px solid #ed4422;
	background: #fa6c4c;
	color: #fff
}

/* 불가능 */
span.r_processing_y {
	border: 1px solid #3ea724;
	background: #61ce3e;
	color: #fff
}

/* 가능 */
span.rgst_tl {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -2px;
	padding: 1px;
	font-size: 11px;
	font-weight: normal;
	line-height: 8px;
	color: #fff;
	text-align: center;
	vertical-align: middle
}

span.rgst.w90 {
	width: 90px
}

/* 입고정산>기표처리 상태표시 */
span.btn_iv_status01 {
	border: 1px solid #6a68b5;
	background-color: #8583c9;
}

/*전표 */
span.btn_iv_status02 {
	border: 1px solid #5f9d48;
	background-color: #74b05b;
}

/*기표 */
span.btn_iv_status03 {
	border: 1px solid #3d8c9d;
	background-color: #5ea5b4;
}

/*역발행 */
span.btn_iv_status01,
span.btn_iv_status02,
span.btn_iv_status03 {
	display: inline-block;
	margin-top: 1px;
	height: 22px;
	padding: 0 2px 0 6px;
	min-width: 160px;
	text-align: left;
	border-radius: 6px;
	box-sizing: border-box !important;
	color: #fff !important;
	font-size: 11px;
	line-height: 19px !important
}

span.w100[class*="btn_iv_status"] {
	width: 100%;
	min-width: 100%
}

span.btn_iv_status01 span.rgst,
span.btn_iv_status02 span.rgst,
span.btn_iv_status03 span.rgst {
	display: inline-block;
	float: right;
	min-width: 115px;
	height: 16px;
	padding: 0 5px;
	text-align: center;
	margin: 2px 0 0 5px;
	box-sizing: border-box !important;
	line-height: 13px !important;
	border-radius: 4px;
	font-weight: normal !important
}

span.w100[class*="btn_iv_status"] span.rgst {
	width: calc(100% - 40px);
	min-width: calc(100% - 40px);
	text-overflow: ellipsis;
	overflow: hidden;
}

span.i_save {
	background: #fff;
	border: 1px solid #fff;
	color: #0268cb !important
}

/* 입고정산>기표처리 저장 */
span.i_processing {
	background: #fff;
	border: 1px solid #fff;
	color: #00843b !important
}

/* 입고정산>기표처리 진행중 */
span.i_complete {
	background: #fff;
	border: 1px solid #fff;
	color: #0a8a84 !important
}

/* 입고정산>기표처리 완료 */
span.i_cancel {
	background: #fff;
	border: 1px solid #fff;
	color: #999 !important
}

/* 입고정산>기표처리  취소 */
span.i_reject {
	background: #fff;
	border: 1px solid #fff;
	color: #e74c3c !important
}

/* 입고정산>기표처리 실패 */

/* comment_wrap 두줄이상 설명글 */
.comment_wrap {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	/*border: 1px solid #e1e4e8;*/	
	background-color: #fff;
	width: 100%;
    height: 100%;
    padding: 14px 24px!important;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;		
}

.comment_wrap ul {
	margin-top: 6px
}

.comment_wrap ul.con {
	overflow: hidden
}

.comment_wrap ul li.title {
	margin-bottom: 4px;
	padding: 0 5px 5px 0;
	font-weight: bold;
	color: #4b8dc5
}

.comment_wrap ul li.title i {
	margin-right: 3px
}

.comment_wrap ul li.half {
	float: left;
	width: 350px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
}

.comment_wrap ul li.half a {
	font-weight: normal;
}

.comment_wrap ul li.half_r {
	float: right;
	width: 350px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
}

.comment_wrap ul li.half ul,
.comment_wrap ul li.half_r ul {
	margin-left: 0;
	padding-top: 5px
}

.comment_wrap ul li.half li,
.comment_wrap ul li.half_r li {
	padding: 0 0 1px 0;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}

.comment_wrap ul li.quater {
	float: left;
	width: 150px;
	margin-bottom: 6px;
	padding-left: 30px;
	font-size: 11px;
	line-height: 13px;
}

.comment_wrap ul li {
	margin-bottom: 6px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 13px
}

.comment_wrap ul li:not(.title) i {
	margin-top: 1px
}

.comment_wrap ul li.txt {
	background: none;
	line-height: 18px
}

.comment_wrap ul li.txt strong {
	color: #0076a7;
}

.comment_wrap ul li.txt_red {
	background: none;
	color: red
}

.comment_wrap ul li a {
	color: #4b8dc5
}

.comment_wrap ul li.msg {
	font-weight: bold;
	color: #018353;
	background: none !important;
	text-align: center;
}

/* comment_txt_wrap 두줄이상 설명글 text only*/
.comment_txt_wrap {
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0
}

.comment_txt_wrap ul li {
	margin-top: 4px;
	padding-left: 10px;
	line-height: 13px;
	background: url(../images/common/buls.gif) no-repeat left -56px
}

.comment_txt_wrap ul li a {
	color: #4b8dc5
}

/* attach */
.attach_check {
	position: relative;
	margin-top: 0;
	padding: 3px 0;
	border-bottom: 1px solid #e6f1f5;
	line-height: normal
}

.attach_check label input {
	margin-right: 0
}

.attach_file label input {
	margin-right: 2px;
	vertical-align: middle
}

.attach_file {
	line-height: normal
}

.attach_file ul li {
	position: relative;
	margin: 3px 0 3px 9px;
	padding-left: 8px;
	background: url(../images/common/buls.gif) no-repeat left -56px
}

.attach_file ul li img {
	margin-right: 5px;
	margin-top: 2px
}

.attach_check .file_size {
	position: absolute;
	right: 0;
	bottom: 7px;
	color: #666
}

.attach_file ul li .file_size {
	display: inline;
	margin-left: 7px;
	color: #999
}

.attach_check object {
	height: 17px !important
}

/* attach newcss */
.attach_preview {
	color: #b8bbc5 !important;
	font-weight: normal !important
}

.form_wrap_attach {
	position: relative;
	padding-right: 20px
}

.form_wrap_attach:after {
	content: "";
	display: block;
	clear: both
}

.attachname {
	color: #444b6d !important;
	font-weight: normal !important;
	padding-left: 19px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: calc(100% - 110px);
	line-height: 18px
}

a.attachname {
	color: #2b55d9 !important;
	max-width: calc(100% - 110px)
}

.attachname.image {
	background: url(../images/attach/image.png) no-repeat 0 2px
}

.attachname.excel {
	background: url(../images/attach/excel.png) no-repeat 0 2px
}

.attachname.pdf {
	background: url(../images/attach/pdf.png) no-repeat 0 2px
}

.attachname.ppt {
	background: url(../images/attach/ppt.png) no-repeat 0 2px
}

.attachname.word {
	background: url(../images/attach/word.png) no-repeat 0 2px
}

.attachname.etc {
	background: url(../images/attach/etc.png) no-repeat 0 2px
}

.attachsize {
	color: #939ab1 !important;
	font-weight: normal !important;
	padding-left: 5px;
	line-height: 18px;
	float: left
}

.attach_file_del {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../images/attach/ico_close.png) no-repeat 3px 4px;
	display: block;
	width: 16px;
	height: 18px !important;
	text-indent: -9999px;
	opacity: 0.7
}

.attach_file_del:hover {
	opacity: 1
}

/* popup */
#pop_wrap {
	position: relative;
	height: 100%
}

#pop_wrap #contents:not(.approval_preview) {
	position: relative;
	padding: 15px 20px 0;
	box-sizing: border-box;
	min-height: 20px;
	vertical-align: top;
	overflow: auto;
	height: calc(100% - 101px)
}

#pop_wrap form[name="searchForm"]:last-child {
	height: 100%
}

#pop_wrap #contents2 {
	position: relative;
	padding: 15px 20px;
	box-sizing: border-box;
	min-height: 20px;
	vertical-align: top;
	overflow: auto;
}

#pop_wrap #contents.resizble {
	margin-top: 50px;
	margin-bottom: 50px;
	overflow: visible !important;
	height: auto !important;
	padding-bottom: 5px
}

/* popup 창 resizble시 적용 */
#pop_wrap h3.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

/* popup 창 resizble시 적용 */
#pop_wrap h3 {
	/*height: 50px;
	line-height: 50px;*/
	padding: 0 14px;
	font-size: 17px;
	font-weight: normal;
	color: #e4ecfb;
	box-sizing: border-box;
	background-color: #205198;
	background-image: linear-gradient(180deg, #184282 0, #2a5799 90%)
}

#pop_wrap h3 .pop_close {
	display: block;
	position: absolute;
	top: 11px;
	right: 10px;
	width: 25px;
	height: 25px;
	color: #fff;
	box-sizing: border-box;
	line-height: normal;
	text-align: center
}

#pop_wrap #contents>.list_wrap.m0:first-child>h4:first-child,
#pop_wrap #contents>.list_wrap:first-child,
#pop_wrap #contents>h4:first-child {
	margin-top: 0
}

#pop_wrap #contents .srch_wrap.m0 {
	margin-bottom: 15px
}

#pop_wrap #contents>.list_wrap,
#pop_wrap #contents>.form_wrap {
	margin-bottom: 55px
}

#pop_wrap+.pop_button,
#pop_wrap .pop_button {
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 11px 20px 0 0;
	border-top: 1px solid #e1e4e8;
	background-color: #fff;
	text-align: right;
	z-index: 99;
	box-sizing: border-box
}

#pop_wrap .pop_button .txt_again {
	float: left;
	padding: 4px 15px 0 15px;
	font-size: 11px;
}

#pop_wrap .pop_button .txt_again input {
	margin-right: 6px;
}

#pop_wrap h3 .pop_close i,
#layer_pop_wrap h3 .pop_close i {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

#pop_wrap h3 .pop_close i:hover,
#layer_pop_wrap h3 .pop_close i:hover {
	color: #ff7200;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

/* layer_pop_wrap */
#layer_pop_wrap {
	position: relative;
	padding-bottom: 50px;
	background-color: #fff;
	border: 1px solid #1a436f
}

#layer_pop_wrap #contents {
	position: relative;
	padding: 15px 20px;
	box-sizing: border-box;
	min-height: 20px;
	vertical-align: top;
	overflow: auto;
	float: none;
	width: 100%
}

#layer_pop_wrap #contents2 {
	position: relative;
	padding: 15px;
	box-sizing: border-box;
	min-height: 20px;
	vertical-align: top;
	overflow: auto;
}

#layer_pop_wrap h3 {
	height: 40px;
	padding: 0 14px;
	font-size: 16px;
	line-height: 38px;
	font-weight: normal;
	color: #e4ecfb;
	box-sizing: border-box;
	position: relative;
	background-color: #205198;
	background-image: linear-gradient(180deg, #184282 0, #2a5799 90%)
}

#layer_pop_wrap h3 .pop_close {
	display: block;
	position: absolute;
	top: 7px;
	right: 8px;
	width: 25px;
	height: 25px;
	color: #fff;
	box-sizing: border-box;
	line-height: normal;
	text-align: center
}

#layer_pop_wrap .pop_button {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 0 10px 0 0;
	border-top: 0;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box
}

/* layer_pop_wrap newcss */
.alertmessagebox {
	padding-top: 70px;
	position: relative
}

.alertmessagebox:after {
	position: absolute;
	top: 10px;
	left: calc(50% - 20px);
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	font-size: 22px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	box-sizing: border-box
}

.alertmessagebox.alertconfirm:after {
	content: "!";
	border: 2px solid #3c5dc0;
	color: #3c5dc0
}

.alertmessagebox dt {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3px
}

.alertmessagebox dd {
	text-align: center
}

/* BQMS 벤더 포탈 화면으로 이동중 */
#layer_pop_wrap.venderportalgo {
	z-index: 99999;
	position: absolute;
	margin: 0 auto;
	width: 500px;
	height: 200px;
	left: calc(50% - 250px);
	top: calc(50% - 150px);
	padding-bottom: 0
}

#layer_pop_wrap.venderportalgo {
	border-width: 2px;
	background: #fff;
	box-shadow: 0px 2px 3px 2px rgba(190, 197, 209, 0.3)
}

#layer_pop_wrap.venderportalgo .alertmessagebox {
	padding-top: 85px
}

#layer_pop_wrap.venderportalgo .alertmessagebox:after {
	content: "";
	background: url(../images/common/loading7.gif) no-repeat 0 0;
	width: 130px;
	height: 15px;
	border-radius: 0;
	left: calc(50% - 65px);
	top: 35px
}

#layer_pop_wrap.venderportalgo .alertmessagebox dd {
	opacity: 0.7
}

/* modal */
.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	display: none
}

.modal {
	display: none;
	overflow: auto;
	background: #fff;
	z-index: 99999;
	position: absolute;
	margin: 0 auto;
	box-shadow: 0px 2px 4px -1px #bec5d1
}

.simplemodal-container .modal {
	box-shadow: 0px 2px 4px -1px #494f58
}

.div_box {
	clear: both;
	position: relative;
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 6px;
}

.div_box .approval_preview {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 0
}

.div_box .approval_preview .approval_wrap {
	border: 0;
	padding: 10px 15px 20px
}

/* alert */
.alert {
	position: relative;
	min-height: 38px
}

.alert dt,
.alert dd {
	float: left
}

.alert dt {
	position: absolute;
	top: 0;
	left: 10px;
	margin-right: 5px
}

.alert dd {
	min-height: 38px;
	margin-top: 2px;
	margin-left: 55px;
	line-height: 1.4em
}

.alert dd.row1 {
	margin-top: 10px
}

.alert dd strong {
	display: block;
	margin-bottom: 5px
}

.alert dd strong.error {
	color: #ee651f
}

/* alert_msg */
.alert_wrap {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px 1px #ccc
}

.alert_img {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 10px 0 20px;
	border-right: 1px solid #eee
}

.alert_msg {
	position: relative;
	margin-top: 30px;
	margin-left: 85px;
	padding-bottom: 30px;
	padding-right: 40px;
	line-height: 1.5em
}

.alert_msg h3 {
	margin-bottom: 20px;
	font-size: 1.5em
}

.alert_msg ul {
	margin-right: 20px
}

.alert_msg .alert_ko {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee
}

.alert_msg ol {
	margin-top: 15px
}

.alert_msg ol li {
	margin-bottom: 3px
}

/* form_table_none_ */
.form_table_none {
	clear: both;
	position: relative;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed
}

.form_table_none td {
	padding: 0 !important;
	vertical-align: top
}

/* box */
.box {
	border: 1px solid #cdcdcd
}

/* alert 경고창 */
.alert {
	margin: 0 auto
}

.alert.success {
	padding-top: 15px;
	text-align: center
}

.alert.success i {
	color: #5aaa19
}

.alert.success p {
	margin-top: 10px;
	font-size: 14px;
	text-align: center
}

.alert.error {
	padding-top: 15px;
	text-align: center
}

.alert.error i {
	color: #ea7575
}

.alert.error p {
	margin-top: 10px;
	font-size: 14px;
	text-align: center
}

.alert.warning {
	padding-top: 15px;
	text-align: center
}

.alert.warning i {
	color: #ffa200
}

.alert.warning p {
	margin-top: 10px;
	font-size: 14px;
	text-align: center
}

/* loading */
.loading_bar {
	display: block;
	position: relative;
	width: 130px;
	height: 60px;
	margin: 0 auto;
	margin-top: 160px;
	text-align: center
}

.loading_bar img {
	margin-top: 10px
}

.loading_bar span {
	line-height: 35px;
	font-weight: bold;
	color: #76736d
}

.loading_bar {
	width: 220px;
	height: 40px;
	text-align: center
}

.loading_bar span {
	display: block;
	margin-top: 7px;
	color: #5f7584;
	text-align: center
}

#loading {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999999;
	width: 100%;
	height: 100%;
	background: url(../images/common/loading_bg.png)
}

#loading span {
	display: inline-block
}

#loading #loading_img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px
}

/* layout_wrap */
.layout_wrap {
	margin: 0 auto;
	margin-top: 10px
}

.layout_v_wrap {
	margin-top: 10px
}

.title_date {
	height: 40px;
	padding: 2px 0 0 50px;
	background: url(../images/common/ico_dashboard_date.png) no-repeat 5px 5px;
	font-weight: bold;
	font-size: 32px;
	color: #3d3d3d;
	box-sizing: border-box
}

/* layout_table_none */
.layout_table_none {
	clear: both;
	position: relative;
	width: 100%;
	height: 100%;
	border-collapse: collapse
}

.layout_table_none td {
	padding: 0 !important;
	vertical-align: top
}

.layout_table_none td.left_gap {
	padding-left: 15px !important
}

.layout_table_none td.top_gap {
	padding-top: 15px !important
}

/* title_window */
.title_window {
	overflow: hidden;
	position: relative;
	border: 2px solid #bababa;
	border-radius: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.title_window.row1 {
	height: 236px
}

.title_window.row2 {
	height: 484px
}

.title_window h6 {
	height: 45px;
	padding-top: 14px;
	padding-left: 14px;
	border-bottom: 1px solid #cfcfcf;
	background: url(../images/common/bg_dashboard_title.gif) repeat-x;
	font-weight: bold;
	font-size: 14px;
	color: #3d3d3d;
	box-sizing: border-box
}

.title_window.row1 .tw_content {
	overflow: auto;
	position: relative;
	width: auto;
	height: 190px;
	padding: 10px !important;
	text-align: center
}

.title_window.row2 .tw_content {
	overflow: auto;
	position: relative;
	width: auto;
	height: 438px;
	padding: 10px !important;
	text-align: center
}

/* title_window_content */
.tw_content .dash_list {
	margin-top: 10px;
	margin-top: 0;
	margin-top: 10px;
	font-size: 11px;
	color: #5c5c5c
}

.tw_content .dash_list li {
	position: relative;
	padding: 6px 0 6px 6px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left
}

*html .tw_content .dash_list li {
	height: 11px;
	padding: 5px 0 6px 6px
}

.tw_content .dash_list li span {
	position: absolute;
	top: 6px;
	right: 3px;
	font-size: 1em;
	color: #848484
}

*html .tw_content .dash_list li span {}

.tw_content .dash_list li.tit {
	padding: 7px 0 6px 6px;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #eaeaea;
	font-weight: bold
}

*html .tw_content .dash_list li.tit {
	padding: 8px 0 6px 6px
}

.tw_content .dash_list li.tit span {
	position: absolute;
	top: 8px;
	right: 3px;
	font-size: 1em;
	color: #5c5c5c
}

*html .tw_content .dash_list li.tit span {
	position: absolute;
	top: 8px
}

.tw_content .dash_list a {
	display: block;
	overflow: hidden;
	color: #5c5c5c;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tw_content .dash_list a:hover {
	color: #0da4e3
}

/* dash_table */
.dash_table {
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 0;
	border-collapse: collapse;
	background-color: #fff;
	table-layout: fixed
}

.dash_table.auto {
	table-layout: auto
}

.dash_table thead th {
	height: 50px;
	font-weight: normal;
	font-size: 14px;
	box-sizing: border-box
}

.dash_table tbody td {
	height: 50px;
	font-weight: normal;
	font-size: 14px;
	box-sizing: border-box
}

.dash_table tbody td.num {
	padding-top: 0 !important;
	font-size: 35px;
	font-weight: bold
}

.dash_table tbody td.act {
	color: #009166
}

.dash_table tbody td.loc {
	color: #ff6000
}

.dash_table tbody td.strong {
	font-weight: bold
}

.dash_table thead {
	border-bottom: 1px solid #d4d4d4
}

.dash_table thead th {
	padding-top: 1px !important;
	border-left: 1px solid #d4d4d4;
	background: #f6f6f6 !important;
	font-weight: bold;
	color: #1b1b1b;
	text-align: center
}

.dash_table tbody td {
	padding-top: 18px !important;
	border-left: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	text-align: center
}

.dash_table td.noline_bottom {
	border-bottom: none
}

.dash_table th.noline_left {
	border-left: none
}

.dash_table td.noline_left {
	border-left: none
}

.dash_table tbody td.nowrap {
	white-space: nowrap
}

.dash_table tr.odd {
	background: #f4f4f4
}

.dash_table td.tl {
	text-align: left
}

.dash_table td.tr {
	text-align: right
}

/* log_info */
.msg_wrap {
	border: 2px solid #87b3df;
	border-radius: 10px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px 1px #ccc;
	background: url(../images/common/log_box_bg.png) no-repeat left top;
	background-color: #fff;
}

.msg_wrap_ds {
	border: 2px solid #87b3df;
	border-radius: 10px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 5px 1px #ccc;
	background-color: #fff;
}

.msg_wrap h1 {
	position: relative;
	height: 50px;
	padding: 20px 0 0 20px;
	line-height: 59px;
	dispaly: block;
	border-bottom: 1px solid #b6cee5;
	box-sizing: border-box;
}

.msg_wrap h1 {
	background: url(../images/system_img/system_logo.png) no-repeat 15px 20px;
}

.msg_wrap h1.ex {
	background: url(../images/system_img/system_logo_ex.png) no-repeat 15px 20px;
}

.box_in dl {
	width: 450px;
	margin: 0 auto;
	font-size: 1.25em;
	overflow: hidden;
}

.box_in dt {
	width: 210px;
	padding-left: 9px;
	background: url(../images/common/buls.gif) no-repeat left -180px;
	font-weight: bold;
	color: #5d626a
}

.box_in dt,
.box_in dd {
	float: left
}

.box_in .wrap {
	padding: 20px 0;
	background-color: #fff;
	border-radius: 6px;
}

.box_in .in_button {
	clear: both;
	padding-top: 18px;
	text-align: center
}

.box_in .security_info {
	clear: both;
	margin: 0;
	padding: 17px 0 25px 0;
	border-top: 1px solid #d5d5d5;
	font-size: .95em;
	line-height: 1.2em;
	color: #757a80;
	letter-spacing: -0.5px;
	text-align: center
}

.box_in .security_info p {
	padding: 2px 0
}

.box_in .security_info p.txt_en {
	letter-spacing: 0
}

.box_in .wrap p.txt_logout {
	line-height: 26px;
	padding: 25px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center
}

.box_in .wrap p.txt_log {
	padding: 10px 0 20px;
	font-size: 1.2em;
	text-align: center
}

.box_in .wrap p.txt_log a {
	color: #C00;
	text-decoration: underline
}

.box_in .wrap p.txt_msg {
	min-height: 50px;
	padding: 25px 0 10px;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center
}

.box_in .wrap p.txt_msg a {
	color: #F60;
	text-decoration: underline
}

.box_in .wrap h4 {
	height: 24px;
	padding-left: 12px;
	background: url(../images/common/buls_title.gif) no-repeat left 2px;
	font-size: 13px;
}

/* position */
.position1 {
	position: absolute;
	top: 180px;
	left: 50%;
	width: 620px;
	margin-left: -310px
}

.position2 {
	position: absolute;
	top: 180px;
	left: 50%;
	width: 400px;
	margin-left: -200px
}

.position3 {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

.position4 {
	position: absolute;
	top: 90px;
	left: 50%;
	width: 740px;
	margin-left: -370px;
}

.position5 {
	position: absolute;
	top: 90px;
	left: 50%;
	width: 100%;
	margin-left: -400px;
}

/* policy */
.policy_wrap {
	line-height: 1.6;
	color: #444b6d
}

.policy_wrap header {
	margin-bottom: 15px
}

.policy_wrap a {
	color: #3e60cd !important
}

.policy_wrap a:hover {
	color: #2c54d6 !important;
	text-decoration: underline !important
}

.policy_wrap h3 {
	border-bottom: none !important;
	font-size: 12px;
}

#pop_wrap .policy_wrap h3.title {
	height: 26px !important;
	padding: 4px 0 2px 0 !important;
	border: 1px solid #babecd;
	border-bottom: none;
	background: #f6f6fa;
	font-size: 1em !important;
	text-align: center;
	box-sizing: border-box
}

#member_wrap .policy_wrap h3.title {
	height: 30px !important;
	padding: 3px 0 2px 0 !important;
	border: 1px solid #babecd;
	border-bottom: none;
	background: #f6f6fa;
	font-size: 13px !important;
	text-align: center;
	box-sizing: border-box
}

#member_wrap .policy_wrap {
	padding: 0;
}

#member_wrap .policy_wrap h4 {
	background: none !important
}

#member_wrap .policy_wrap .section>p {
	padding-left: 10px
}

#member_wrap .policy_wrap .section>p>b span {
	font-size: 15px !important;
	color: #172b4d !important;
	font-weight: bold
}

#member_wrap .policy_wrap .section p,
#member_wrap .policy_wrap .section span {
	font-weight: normal;
	font-size: 12px !important;
	color: #444b6d !important;
	margin-bottom: 7px !important;
}

#member_wrap .policy_wrap .section .MsoNormalTable {
	border-spacing: 0;
	border: 0 !important;
	border-top: 1px solid #9fa5b8 !important;
	border-bottom: 1px solid #b4bbce !important;
	margin-top: 5px;
	margin-left: 35px;
	width: calc(100% - 55px) !important
}

#member_wrap .policy_wrap .section .MsoNormalTable td p {
	margin-bottom: 0 !important
}

#member_wrap .policy_wrap .section .MsoNormalTable td p b span {
	font-weight: bold !important;
	color: #3a3a4a !important
}

#member_wrap .policy_wrap .section .MsoNormalTable td p span {
	font-weight: normal !important
}

.policy_wrap h4 {
	padding-left: 10px !important;
	background: none !important;
	margin: 20px 0 10px !important
}

.policy_wrap h5 {
	padding-left: 10px !important;
	background: none !important;
	margin-top: 5px !important
}

.policy_wrap ul,
.policy_wrap ol {
	margin-left: 10px !important;
	margin-bottom: 10px
}

.policy_wrap ul li,
.policy_wrap ol li {
	margin: 3px 0 7px
}

.policy_wrap ul li li,
.policy_wrap ol li li {
	margin: 3px 0 5px
}

.policy_wrap .section ul li {
	padding-left: 15px;
	background: url(../images/common/buls.gif) no-repeat 7px -213px;
	line-height: 1.4em
}

.policy_wrap .section table ul {
	margin: 0
}

.policy_wrap .section {
	overflow: auto;
	padding: 5px 10px;
	border: 1px solid #babecd;
	color: #444b6d
}

.policy_wrap h3.title+.section {
	border-top-color: #d6dce9
}

.policy_wrap .page_intro {
	margin-bottom: 20px;
	padding: 13px 0 10px;
	background: #f2f4fa;
	text-align: center
}

.policy_wrap .page_intro_list {
	margin-bottom: 20px
}

.policy_wrap .page_intro_list li {
	margin-bottom: 10px;
	padding-left: 7px;
	background: url(../images/common/buls.gif) no-repeat 0 -143px;
	line-height: 1.4em
}

.policy_wrap .page_summary {
	margin-bottom: 0;
	border: 3px solid #eee
}

.policy_wrap .page_summary ul {
	float: left;
	width: 45%;
	margin: 8px 0 6px 15px
}

.policy_wrap .page_summary:after {
	display: block;
	clear: both;
	content: ''
}

.policy_wrap .txt {
	margin-bottom: 10px;
	padding-left: 10px
}

.policy_wrap .terms_agree {
	clear: both;
	margin: 5px 0 20px;
	font-weight: normal
}

.policy_wrap .terms_agree input {
	vertical-align: middle
}

.policy_wrap .focus {
	color: #f00
}

.document .section {
	padding: 10px 5px;
	border: none
}

.document .page_summary {
	margin-bottom: 0;
	padding: 13px 10px;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.document .page_summary a {
	font-weight: bold
}

.policy_wrap .comment_wrap {
	display: block;
	margin-top: 10px;
	margin-bottom: 4px;
	padding: 15px 0 0px;
	border: 1px solid #c5c9d7;
	border-radius: 8px;
	background-color: #f6f6fa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}

.policy_wrap .comment_wrap ul {}

.policy_wrap .comment_wrap ul.con {
	overflow: hidden
}

.policy_wrap .comment_wrap ul li {
	margin-bottom: 6px;
	padding: 0 0px 0 15px;
	font-size: 12px;
	line-height: 13px
}

.policy_wrap .comment_wrap ul li.half {
	float: left;
	width: 47%
}

.policy_wrap .form_table tbody th {
	border-left: 1px solid #e1e4e8;
	border-top-color: #cdd1dd
}

.policy_wrap .form_table tbody td {
	border-left: 1px solid #eff0f4;
	border-top-color: #cdd1dd
}

.policy_wrap .form_table tbody th:first-child,
.policy_wrap .form_table tbody td:first-child {
	border-left: 0
}

.policy_wrap .MsoNormalTable {
	width: 100% !important;
	border-top: 1px solid #9fa5b8;
	border-bottom: 1px solid #b4bbce !important;
	border-collapse: separate !important;
	margin-bottom: 10px
}

.policy_wrap .MsoNormalTable tr td {
	border: 0 !important;
	border-left: 1px solid #eff0f4 !important;
	border-top: 1px solid #cdd1dd !important;
	min-height: 34px;
	padding: 5px 8px !important;
	box-sizing: border-box;
	vertical-align: middle
}

.policy_wrap .MsoNormalTable tr:first-child td {
	background: #f6f6fa !important;
	border-top: 0 !important;
	border-left-color: #e1e4e8 !important
}

.policy_wrap .MsoNormalTable tr td:first-child {
	border-left: 0 !important
}

.policy_wrap .MsoNormalTable td p span {
	color: #455365 !important;
	font-size: 12px !important;
	font-weight: bold !important
}

/* Mail */
#mail_wrap {
	overflow: hidden;
	width: auto;
	margin: 20px;
	border: 2px solid #185791;
	background: url(../images/common/mail_bg.jpg) repeat-x left top;
	background-color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-sizing: border-box;
}

#mail_wrap.sides {
	margin-left: 0;
	margin-right: 0;
}

#mail_wrap #mail_top {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	table-layout: fixed;
}

#mail_wrap #mail_top span.right {
	display: none;
	position: absolute;
	top: 14px;
	right: 10px;
	height: 20px;
	background: #e74c3c;
	color: #fff;
	font-size: 11px;
	padding: 4px 6px 0 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-sizing: border-box;
}

#mail_wrap #mail_top span.right_ex {
	display: none;
}

#mail_wrap #mail_top span.left {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 234px;
	height: 40px;
	background: url(../images/system_img/system_logo_mail.png) no-repeat left top;
}

#mail_wrap #mail_top span.left_ex {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 234px;
	height: 40px;
	background: url(../images/system_img/system_logo_ex_mail.png) no-repeat left top;
}

#mail_wrap #mail_contents {
	padding: 20px;
	overflow: hidden;
}

#mail_wrap #mail_contents .mail_title {
	display: inline-block;
	width: 100%;
	background: #ebebeb
}

#mail_wrap #mail_contents .mail_title span.title {
	margin: 3px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px 0;
}

.mail_wrap {
	overflow: hidden;
	width: auto;
	margin: 20px;
	border: 2px solid #185791;
	background: url(../images/common/mail_bg.jpg) repeat-x left top !important;
	background-color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-sizing: border-box;
}

.mail_wrap.sides {
	margin-left: 0;
	margin-right: 0;
}

.mail_wrap .mail_top {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	table-layout: fixed;
}

.mail_wrap .mail_top span.right {
	display: none;
	position: absolute;
	top: 14px;
	right: 10px;
	height: 20px;
	background: #e74c3c;
	color: #fff;
	font-size: 11px;
	padding: 4px 6px 0 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-sizing: border-box;
}

.mail_wrap .mail_top span.right_ex {
	display: none;
}

.mail_wrap .mail_top span.left {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 234px;
	height: 40px;
	background: url(../images/system_img/system_logo_mail.png) no-repeat left top !important
}

.mail_wrap .mail_top span.left_ex {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 234px;
	height: 40px;
	background: url(../images/system_img/system_logo_ex_mail.png) no-repeat left top
}

.mail_wrap .mail_contents {
	padding: 20px;
	overflow: hidden;
}

.mail_wrap .mail_contents .mail_title {
	display: inline-block;
	width: 100%;
	background: #ebebeb
}

.mail_wrap .mail_contents .mail_title span.title {
	margin: 3px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px 0;
}

/* mail_title_wrap */
.mail_title_wrap {
	display: block;
	margin-bottom: 20px;
	padding: 14px 10px;
	border: 2px solid #81add5;
	border-radius: 8px;
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.mail_title_wrap h3 {
	color: #185791 !important;
	font-size: 13px;
	font-weight: bold;
	border-bottom: none !important;
}

.mail_title_wrap h3 p.hand {
	width: 80px;
	height: 80px;
	background: url(../images/common/img_handshake.png) no-repeat;
	box-sizing: border-box;
	margin: 0 auto;
}

/* mail_sub_title_wrap */
.mail_sub_title_wrap {
	display: block;
	margin-bottom: 10px;
	padding: 20px 12px;
	border: 4px double #dadada;
	border-radius: 8px;
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.mail_sub_title_wrap ul li {
	color: #666;
}

.mail_sub_title_wrap ul li.cmt {
	padding-top: 12px;
	font-weight: bold;
	color: #222;
}

/* mail_contents 화면을 구성하는 타이틀 */
#mail_contents h3 {
	position: relative;
	box-sizing: border-box;
	padding: 0;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	background: #fff !important;
	border-bottom: 1px solid #fff;
	color: #1b1b1b;
}

#mail_contents h4 {
	background-image: url(../images/common/buls_title.gif);
	background-repeat: no-repeat;
	font-size: 13px;
}

#mail_contents h5 {
	background-image: url(../images/common/buls_title.gif);
	background-repeat: no-repeat;
	font-size: 13px;
}

#mail_contents h6 {
	background-image: url(../images/common/buls.gif);
	background-repeat: no-repeat;
	font-size: 12px;
}

#mail_contents h4 {
	position: relative;
	min-height: 26px;
	margin-top: 15px;
	margin-bottom: 4px;
	padding-top: 6px;
	color: #1b1b1b !important;
	box-sizing: border-box
}

#mail_contents h5 {
	position: relative;
	min-height: 26px;
	margin-top: 15px;
	margin-bottom: 4px;
	padding-top: 4px;
	color: #1b1b1b !important;
	box-sizing: border-box
}

#mail_contents h5.tc {
	display: block;
	height: 30px;
	margin-bottom: 20px;
	padding: 6px;
	background-color: #e2edf8;
	border: 1px solid #b2ceeb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#mail_contents h5.tc {
	text-align: center;
	background-image: none;
	margin-bottom: 20px;
	color: #205184 !important;
}

#mail_contents h4 {
	background-position: left 8px;
	padding-left: 13px;
	color: #1b1b1b
}

#mail_contents h5 {
	background-position: left -22px;
	padding-left: 13px;
	color: #1b1b1b
}

#mail_contents h6 {
	background-position: left -84px;
	padding-left: 10px;
	color: #1b1b1b
}

#mail_contents h6 strong {
	font-weight: normal;
}

#mail_contents h4 .button,
#mail_contents h5 .button {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
	font-size: 12px
}

#mail_contents h4 .button span.comment_r {
	float: right;
	padding: 10px 0 0 14px;
	;
	background: url(../images/common/ico_comment.png) no-repeat 0 10px;
	font-size: 11px;
	color: #5b85ad
}

#mail_contents .con_txt {
	margin-bottom: 20px;
	line-height: 18px;
	color: #1b1b1b;
}

#mail_contents .con_txt strong {
	color: #0076a7;
}

#mail_contents .con_txt p strong {
	color: #858585;
}

#mail_contents .con_txt p.contact {
	color: #4f6b80;
}

/* mail_contents 화면을 구성하는 타이틀 */
.mail_contents h3 {
	position: relative;
	box-sizing: border-box;
	padding: 0;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	background: #fff !important;
	border-bottom: 1px solid #fff;
	color: #1b1b1b;
}

.mail_contents h4 {
	background-image: url(../images/common/buls_title.gif);
	background-repeat: no-repeat;
	font-size: 13px;
}

.mail_contents h5 {
	background-image: url(../images/common/buls_title.gif);
	background-repeat: no-repeat;
	font-size: 13px;
}

.mail_contents h6 {
	background-image: url(../images/common/buls.gif);
	background-repeat: no-repeat;
	font-size: 12px;
}

.mail_contents h4 {
	position: relative;
	min-height: 26px;
	margin-top: 15px;
	margin-bottom: 4px;
	padding-top: 6px;
	color: #1b1b1b !important;
	box-sizing: border-box
}

.mail_contents h5 {
	position: relative;
	min-height: 26px;
	margin-top: 15px;
	margin-bottom: 4px;
	padding-top: 4px;
	color: #1b1b1b !important;
	box-sizing: border-box
}

.mail_contents h5.tc {
	display: block;
	height: 30px;
	margin-bottom: 20px;
	padding: 6px;
	background-color: #e2edf8;
	border: 1px solid #b2ceeb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.mail_contents h5.tc {
	text-align: center;
	background-image: none;
	margin-bottom: 20px;
	color: #205184 !important;
}

.mail_contents h4 {
	background-position: left 8px;
	padding-left: 13px;
	color: #1b1b1b
}

.mail_contents h5 {
	background-position: left -22px;
	padding-left: 13px;
	color: #1b1b1b
}

.mail_contents h6 {
	background-position: left -84px;
	padding-left: 10px;
	color: #1b1b1b
}

.mail_contents h6 strong {
	font-weight: normal;
}

.mail_contents h4 .button,
#mail_contents h5 .button {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
	font-size: 12px
}

.mail_contents h4 .button span.comment_r {
	float: right;
	padding: 10px 0 0 14px;
	background: url(../images/common/ico_tip.gif) no-repeat 0 10px;
	font-size: 11px;
	color: #5b85ad;
	letter-spacing: -.07em
}

.mail_contents .con_txt {
	margin-bottom: 20px;
	line-height: 18px;
	color: #1b1b1b;
}

.mail_contents .con_txt strong {
	color: #0076a7;
}

.mail_contents .con_txt p strong {
	color: #858585;
}

.mail_contents .con_txt p.contact {
	color: #4f6b80;
}

/* mail Footer */
.mail_footer {
	clear: both;
	margin: 10px 15px 0 0;
	height: 46px;
	padding: 0;
	border-top: 1px solid #cdcdcd;
	font-size: 11px;
	color: #5c5c5c;
	box-sizing: border-box
}

.mail_footer p {
	padding: 15px 0 5px 15px;
}

.mail_footer a {
	color: #cc0000;
	margin: 0 3px;
	display: inline-block
}

.mail_footer a:hover {
	color: #cc0000;
	text-decoration: underline
}

.button span.legend_mail_r {
	float: right;
	padding: 6px 0 0 17px;
	font-size: 12px;
	color: #5b85ad;
	letter-spacing: 0em
}

/* calendar */
.cal_wrap {
	display: none;
	position: absolute;
	z-index: 2;
	width: 200px;
	padding: 5px;
	border: 1px solid #7b8594;
	background: #f7f8f8;
	font-size: .95em
}

.cal_wrap .layer_close {
	display: block;
	position: absolute;
	top: 7px;
	right: 2px;
	width: 16px;
	height: 15px;
	background: url(../images/button/btn_layer_close.gif);
	text-indent: -1000em
}

.week {
	width: 230px !important
}

.week .wk {
	background-color: #ebebeb;
	color: #555
}

.cal_date {
	margin-bottom: 3px;
	text-align: center
}

.cal_date img,
.cal_date select {
	vertical-align: middle
}

.cal_table {
	width: 100%;
	border-collapse: collapse;
	background: #fff
}

.cal_table th,
.cal_table td {
	border: 1px solid #c2c6cc;
	text-align: center
}

.cal_table th {
	background: #e2ecf2;
	font-weight: bold;
	color: #7b8594
}

.cal_table th.sun {
	color: #900
}

.cal_table th.sat {
	color: #069
}

.cal_table td {
	border: 1px solid #ddd
}

.cal_table td.pre,
.cal_table td.next {
	background: #f7f7f7
}

.cal_table td.weekend {
	color: #C00
}

.cal_table td.over {
	background: #f0fafd
}

.cal_table td.select {
	font-weight: bold;
	color: #36c
}

.mro_alert_box {
	padding: 0;
	margin: 0;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	color: #000;
	border: 10px solid #aaa;
	border-radius: 9px;
	background-color: #fff;
	cursor: wait;
	font-size: 20px;
}

.photo_ceo {
	width: 122px;
	height: 162px;
	text-align: center;
	margin: 0 auto 6px;
	border: 1px solid #dadada;
	box-sizing: border-box
}

.photo_ceo img {
	width: 120px;
	height: 160px;
	box-sizing: border-box;
}

/* tooltip */
.form_table tbody th a.tooltip {
	width: 18px;
	height: 24px;
	background: url(../images/common/ico_tip.png) no-repeat 1px 3px;
	box-sizing: border-box;
	vertical-align: middle
}

.tooltip {
	padding: 5px 0 2px 24px;
	background: url(../images/common/ico_tip.png) no-repeat 1px 4px;
	margin-left: 2px !important
}

.tooltip {
	position: relative;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	height: 20px;
	letter-spacing: -.03em
}

a.tooltip {
	color: #5b85ad !important;
}

.btn_tooltip span.tip,
.tooltip span {
	color: #656a88;
	visibility: hidden;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 999;
	min-width: 230px;
	margin-left: -127px;
	padding: 8px 10px;
	border: 1px solid #959cb2;
	opacity: 1;
	background-color: #fbfaeb;
	background-image: linear-gradient(to bottom, #fbfaeb, #fcfbf1);
	border-radius: 4px;
	box-shadow: 0px 1px 2px -1px #bec5d1;
	text-align: left
}

.btn_tooltip span.tip strong,
.tooltip span strong {
	color: #363f4b
}

.btn_tooltip span.tip p,
.tooltip span p {
	margin-top: 2px;
	font-weight: normal;
	margin-bottom: 10px
}

.btn_tooltip span.tip p:last-child,
.tooltip span p:last-child {
	margin-bottom: 0
}

.tooltip:hover {
	border: 0;
	/* IE6 fix */
}

.tooltip:hover span {
	visibility: visible;
}

.btn_tooltip span.tip:before,
.btn_tooltip span.tip:after,
.tooltip span:before,
.tooltip span:after {
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #fbfaeb;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.btn_tooltip span.tip:before,
.tooltip span:before {
	border-top-color: #959cb2;
	bottom: -8px;
}

.arrowtop span:after {
	bottom: auto;
	top: -7px;
	border-top: 0;
	border-bottom: 8px solid #fbfaeb
}

.arrowtop span:before {
	bottom: auto;
	top: -8px;
	border-top: 0;
	border-bottom: 8px solid #959cb2
}

.btn_tooltip {
	position: relative;
	display: inline-block;
	text-decoration: none;
	outline: none
}

.btn_tooltip:hover span.tip {
	visibility: visible
}

.btn_tooltip span.tip {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	height: auto !important;
	white-space: pre-wrap;
	word-break: break-all
}

/* tooltip newcss */
.tooltip_wrap {
	display: inline-block;
	height: 26px;
	text-align: left
}

.tooltip_wrap span {
	display: inline-block;
	box-sizing: border-box;
	font-size: 12px;
	z-index: 99
}

.tooltip_wrap .tooltip_txt {
	display: inline-block;
	color: #505570;
	margin-top: 5px;
	margin-left: -2px
}

.tooltip_info {
	position: relative
}

.tooltip_info .icon {
	cursor: help;
	width: 20px;
	height: 20px;
	margin-top: 0
}

.tooltip_info .icon::after {
	content: "i";
	background: #f7f8f9;
	border: 1px solid #959cb2;
	display: inline-block;
	font-weight: normal;
	color: #656a88;
	text-align: center;
	box-sizing: border-box
}

.tooltip_info .icon::after {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	font-size: 11px;
	line-height: 15px
}

.tooltip_info .tooltip_view {
	visibility: hidden;
	position: absolute;
	bottom: 28px;
	right: -20px;
	width: 300px;
	padding: 10px 13px;
	border-radius: 3px;
	box-shadow: 0px 1px 2px -1px #bec5d1
}

.tooltip_info .tooltip_view {
	border: 1px solid #959cb2;
	background-color: #fff;
	line-height: 18px;
	color: #656a88
}

.tooltip_info .tooltip_view p {
	margin-top: 3px;
	margin-bottom: 3px
}

.tooltip_info .tooltip_view p:after {
	content: "";
	display: block;
	clear: both
}

.tooltip_info .tooltip_view strong {
	display: inline-block;
	min-width: 45px;
	float: left
}

.tooltip_info .tooltip_view em {
	display: inline-block;
	float: left;
	margin-top: -1px
}

.tooltip_info .tooltip_view:after {
	content: "";
	position: absolute;
	transform: rotate(225deg);
	z-index: 1000;
	bottom: -7px;
	right: 25px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #959cb2;
	border-left: 1px solid #959cb2;
	background: #fff
}

.tooltip_info:hover .tooltip_view {
	visibility: visible
}

#pop_wrap #contents .tooltip_info .tooltip_view,
#layer_pop_wrap .tooltip_info .tooltip_view,
.tooltip_info.bottom .tooltip_view {
	top: 28px;
	bottom: auto
}

#pop_wrap #contents .tooltip_info .tooltip_view:after,
#layer_pop_wrap .tooltip_info .tooltip_view:after,
.tooltip_info.bottom .tooltip_view:after {
	transform: rotate(45deg);
	bottom: auto;
	top: -6px
}

.form_table td .gridbox tbody th {
	border-left: none !important;
	border-bottom: none !important;
	min-height: auto
}

.form_table td .gridbox tbody td {
	border-left: none !important
}

.form_table tbody th a.tooltipSol {
	width: 18px;
	height: 24px;
	background: url(../images/common/ico_tip.png) no-repeat 1px 3px;
	box-sizing: border-box;
}

.tooltipSol {
	padding: 5px 0 2px 24px;
	background: url(../images/common/ico_tip.png) no-repeat 1px 4px;
	margin-left: 2px !important;
}

.tooltipSol {
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	font-weight: normal;
	color: #5b85ad;
	letter-spacing: -.07em;
	line-height: 80%;
	height: 18px
}

a.tooltipSol {
	color: #5b85ad !important;
}

.tooltipSol span {
	color: #1b1b1b;
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 20%;
	z-index: 999;
	width: 230px;
	margin-left: -127px;
	padding: 10px 10px 0 10px;
	border: 1px solid #c88946;
	opacity: 1;
	background-color: #ffeaa6;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	-moz-border-radius: 4px;
	border-radius: 4px
}

.tooltipSol span p {
	margin-top: 6px;
	font-weight: normal;
	margin-bottom: 10px;
}

.tooltipSol:hover {
	border: 0;
	/* IE6 fix */
}

.tooltipSol:hover span {
	visibility: visible;
}

.tooltipSol span:before,
.tooltipSol span:after {
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ffeaa6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltipSol span:before {
	border-top-color: #e1ca82;
	bottom: -8px;
}

.po_status1 {
	background: #3fd555;
	border: 1px solid #25b139;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin: auto
}

.po_status2 {
	background: #ff8a44;
	border: 1px solid #e6712a;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin: auto
}

.po_status3 {
	background: #f7da51;
	border: 1px solid #edcd35;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin: auto
}

.purchase h1 {
	font-size: 3.0em;
	font-weight: bold;
	color: #292929;
	text-align: center
}

.fb {
	font-weight: bold
}

.po_total {
	margin: 20px auto;
	margin-bottom: 50px;
	padding: 5px;
	width: 40%;
	border-bottom: 2px solid #c8c8c8;
	font-size: 1.2em;
	font-weight: bold;
	color: #181818
}

.po_total span {
	font-weight: bold;
	font-size: 1.5em
}

.ep_status_green {
	background: #3fd555;
	border: 1px solid #25b139;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	margin: auto
}

.ep_status_red {
	background: #ff8a44;
	border: 1px solid #e6712a;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	margin: auto
}

.ep_status_yellow {
	background: #f7da51;
	border: 1px solid #edcd35;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	margin: auto
}

/* 약정서관리 - newcss */
.certificate_wrap {
	margin-top: 15px;
	margin-bottom: 25px
}

.certificate_wrap:after,
.certificate_management dl:after {
	content: "";
	display: block;
	clear: both
}

.certificate_wrap h4 {
	margin-top: 0 !important;
	margin-bottom: 10px !important
}

.certificate_wrap .certificate_sign {
	width: 34%;
	float: left
}

.certificate_wrap .certificate_management {
	width: calc(66% - 30px);
	margin-left: 30px;
	float: left
}

.certificate_wrap .certificate_box {
	height: 460px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.certificate_box {
	border: 2px solid #ebeef5;
	padding: 45px 20px 40px;
	border-radius: 8px;
	box-sizing: border-box
}

.certificate_wrap .certificate_box dl {
	padding: 0 10px;
	box-sizing: border-box
}

.certificate_wrap .certificate_box dl dt {
	font-size: 21px;
	font-weight: bold;
	color: #172b4d;
	text-align: center;
	height: 55px
}

.certificate_wrap .certificate_box dl dd {
	text-align: center;
	color: #6a7794
}

.certificate_wrap .certificate_box dl dd.icon {
	height: 160px
}

.certificate_wrap .certificate_box dl dd.txt {
	height: 80px
}

.certificate_wrap .certificate_box dl dd.btn {
	height: 50px;
	border: 0 solid #5072F2;
	background: transparent;
}

.certificate_wrap .certificate_box dl .icon.csign {
	background: url(../images/contents/csign_icon.png) no-repeat center 0
}

.certificate_wrap .certificate_box dl .icon.issue {
	background: url(../images/contents/issue_icon.png) no-repeat center 0
}

.certificate_wrap .certificate_box dl .icon.export {
	background: url(../images/contents/export_icon.png) no-repeat center 0
}

.certificate_wrap .certificate_box dl ul {
	margin-top: 15px
}

.certificate_wrap .certificate_box dl ul li.red {
	font-size: 14px
}

.certificate_wrap .issue_contents {
	border-right: 1px solid #edf0f6
}

.certificate_management dl {
	width: 50%;
	float: left
}

.btn_action.big {
	height: 50px;
	line-height: 46px;
	padding: 0;
	font-size: 16px
}

.btn_action.big strong {
	width: 100%;
	height: 100%;
	padding: 0 50px;
	display: block;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	font-weight: normal
}

.btn_action.big:hover strong {
	color: #fff !important
}

.btn_action.big.red {
	border: 1px solid #f26522;
	color: #eb5006 !important
}

.btn_action.big.red strong {
	border-color: #fecbad;
	background-image: linear-gradient(180deg, #fef2ec 0%, #fff 5%, #fff 95%, #fef2ec 100%)
}

.btn_action.big.red:hover strong {
	background: #f0783f;
	border-color: #f0783f
}

.btn_action.big.green {
	border: 1px solid #00a651;
	color: #00a651
}

.btn_action.big.green strong {
	border-color: #adefa6;
	background-image: none!important;
	border-width: 0;
}

.btn_action.big.green:hover strong {
	background: #21ba6c;
	border-color: #21ba6c
}

.btn_action.big.blue {
	border: 1px solid #049dd6;
	color: #0993c6 !important
}

.btn_action.big.blue strong {
	border-color: #abe2f6;
	background-image: none!important;
	border-width: 0;
}

.btn_action.big.blue:hover strong {
	background: #21ace0;
	border-color: #21ace0
}

.btn_action.big.disabled strong,
.btn_action.big.disabled {
	background: #f9f9fc !important;
	border-color: #e0e1eb !important;
	color: #a4a7bc !important;
	cursor: default !important
}

.certificate_terms {
	height: 520px
}

.certificate_terms .certificate_box {
	margin-top: 5px;
	padding: 0 20px;
	overflow: auto;
	height: calc(100% - 50px);
	border-radius: 3px
}

.certificate_terms .certificate_box h4 {
	height: 26px;
	padding: 0 10px !important;
	margin: 20px 0 0 !important;
	font-size: 15px;
	color: #172b4d;
	box-sizing: border-box
}

.certificate_terms .certificate_box h4.terms_title {
	font-size: 21px !important;
	text-align: center;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	height: 40px !important
}

.certificate_terms .certificate_box .policy_wrap {
	margin-bottom: 25px;
	line-height: 1.6;
	color: #444b6d
}

.certificate_terms .certificate_box .policy_wrap .txt {
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 10px
}

.certificate_terms .certificate_box .policy_wrap ol {
	margin: 0 0 10px 10px !important;
	padding: 0;
	list-style: none
}

.certificate_terms .certificate_box .policy_wrap ol li {
	position: relative;
	padding-left: 17px;
	margin: 3px 0 7px
}

.certificate_terms .certificate_box .policy_wrap ol li em {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 12px;
	padding-top: 3px
}

.certificate_terms .certificate_box .policy_wrap ol li ol li {
	padding-left: 0;
	margin: 3px 0 5px
}

.certificate_terms div[class^="agree"] {
	color: #444b6d
}

.certificate_terms .certificate_box .agree_text {
	margin-top: 30px;
	padding-left: 10px
}

.certificate_terms .certificate_box .agree_date {
	text-align: center;
	margin-top: 20px;
	font-size: 14px
}

.certificate_terms .agree_text {
	margin-top: 12px
}

.certificate_terms .agree_text label {
	margin-top: 4px;
	display: inline-block
}

.certificate_terms .agree_text label input {
	cursor: pointer
}

.certificate_terms .agree_company {
	margin-top: 10px;
	padding: 0 10px;
	font-size: 14px
}

.certificate_terms .agree_text:after,
.certificate_terms .agree_company:after {
	content: "";
	display: block;
	clear: both
}

.certificate_terms .agree_company .company_info {
	float: left;
	width: 48%
}

.certificate_terms .agree_company .company_info.supply {
	float: right
}

.certificate_terms .agree_company dt {
	font-size: 16px;
	color: #172b4d;
	font-weight: bold;
	margin: 8px 0
}

.certificate_terms .agree_company dd {
	display: table;
	width: 100%;
	margin: 0;
	padding-left: 10px
}

.certificate_terms .agree_company dd strong,
.certificate_terms .agree_company dd span {
	display: table-cell;
	vertical-align: middle;
	height: 30px
}

.certificate_terms .agree_company dd strong {
	width: 90px;
	color: #172b4d
}

.certificate_terms .agree_company input {
	color: #172b4d
}

.certificate_terms .agree_company .company_name input {
	width: 50%
}

.certificate_terms .agree_company .company_add input {
	width: 100%
}

.certificate_terms .agree_company .company_ceo input {
	width: 50%
}

.certificate_terms .agree_btn {
	text-align: right;
	float: right
}

.certificate_terms .agree_btn .btn_blue,
.cert_request_btnwrap .btn_blue {
	line-height: 23px;
	height: 30px;
	padding: 1px 20px
}

.cert_request_btnwrap {
	margin-top: 12px;
	position: relative;
	text-align: right
}

.cert_request_btnwrap .text_success {
	display: none;
	min-height: 38px;
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 12px;
	line-height: 18px;
	padding-left: 32px;
	color: #444b6d;
	background: url(../images/contents/cert_success.png) no-repeat 0 3px
}

/* 참조정보 modulelink - newcss */
.modulelink_wrap {
	display: inline-block
}

.modulelink_title {
	float: left;
	margin-right: 10px;
	padding-left: 19px;
	background: url(../images/contents/module_link.png) no-repeat 0 4px
}

.modulelink_select {
	margin-top: 0;
	width: 200px;
	float: left;
	position: relative;
	z-index: 10
}

.modulelink_select .selectyze {
	display: block;
	width: 100%;
	height: 24px;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 15px 2px 7px;
	border: 1px solid #fff;
	border-bottom: 1px solid #6c6c6c;
	background: url(../images/common/ico_selectbox.png) no-repeat 100% 10px;
	background-color: #fff;
	color: inherit;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 3px
}

.modulelink_select .selectyze:hover {
	background-color: #fff;
	cursor: pointer
}

.modulelink_select .selectyze.focus {
	color: #444b6d;
	border-color: #9da4b8;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: url(../images/common/ico_selectbox2.png) no-repeat 100% 10px
}

.modulelink_select .ul_selectize {
	display: none;
	width: 100%;
	top: 25px;
	left: 0;
	border: 1px solid #9da4b8;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	box-sizing: border-box;
	background-color: #fff
}

.modulelink_select li a {
	font-size: 12px;
	line-height: 14px;
	display: block;
	width: 100%;
	padding: 6px 4px 7px 6px;
	border-top: none;
	color: #444b6d;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box
}

.modulelink_select li a:hover {
	background: #f5fafc;
	color: #455365;
	cursor: pointer
}

.modulelink_select li:last-child a {
	border-radius: 0 0 3px 3px
}

.modulelink_wrap .form_wrap_select {
	float: left;
	width: 220px;
	margin-top: -2px
}

.modulelink_wrap .form_wrap_select select {
	margin-top: 0
}

#wrap.modulelink #gnb {
	display: none
}

#wrap.modulelink #container {
	height: 100%
}

#wrap.modulelink #container #snb {
	display: none
}

#wrap.modulelink #container #contents {
	width: 100%
}

#wrap.modulelink #container footer {
	display: none
}

/* 진행상태 - newcss */
.badge_status:after {
	content: "";
	clear: both;
	display: block
}

.badge_status .badge_icon {
	float: left;
	display: inline-block;
	width: 18px;
	height: 18px
}

.badge_icon.waiting {
	background: url(../images/contents/badge_waiting.png) no-repeat 0 1px
}

.badge_icon.complete {
	background: url(../images/contents/badge_complete.png) no-repeat 0 1px
}

.badge_icon.cancel {
	background: url(../images/contents/badge_cancel.png) no-repeat 0 1px
}

.badge_label {
	white-space: nowrap;
	line-height: 16px !important;
	float: left;
	display: inline-block
}

h4 .legend {
	display: inline-block;
	margin-left: 20px
}

h4 .legend li {
	display: inline-block;
	line-height: 20px
}

h4 .legend li .badge_icon {
	margin: 0
}

h4 .legend li .badge_label {
	float: none;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color: #656a88;
	margin-left: 3px;
	margin-right: 8px
}

.badge_icon.circle {
	float: none;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin-bottom: 2px
}

.badge_icon.submission {
	background-color: #00aeef
}

.badge_icon.unsubmission {
	background-color: #ef6000
}

.badge_icon.waiver {
	background-color: #373b3c
}

/* 결재 미리보기 */
.approval_preview {
	padding: 20px
}

.approval_wrap {
	padding: 20px 25px 30px;
	border: 1px solid #ced2df
}

.approval_preview .approval_wrap h1 {
	width: 130px;
	height: 30px;
	background: url(../images/system_img/system_logo.png) no-repeat 0 0;
	box-sizing: border-box;
	text-indent: -900px
}

.approval_preview .approval_wrap .button {
	margin: 15px 0 20px
}

#contents.approval_preview h4 {
	border-bottom: 1px solid #1a436f;
	height: 35px
}

.approval_preview h4.noline {
	border-bottom: 0 !important;
	margin-bottom: 0
}

.approval_preview h4.noline+table {
	border-top: 1px solid #1a436f !important
}

.approval_preview h4 span.smalltext {
	font-size: 12px;
	font-weight: normal
}

.approval_preview .approval_wrap.h4_noline h4 {
	border-bottom: 0 !important;
	height: 26px !important
}

.approval_preview .attach_table {
	padding: 0 !important;
	border-left: 1px solid #e1e4e8 !important
}

.approval_preview .attach_table .list_wrap {
	margin-top: 0 !important
}

.approval_preview .attach_table .list_wrap .list_table {
	border-top: 0 !important;
	border-bottom: 0 !important
}

.approval_preview .attach_table .list_wrap .list_table td {
	border-left: 1px solid #eff0f4
}

/* 특정파일에 대한 css  */
body>form[action*="qtSQuotContentPopup"] #pop_wrap #contents {
	height: calc(100% - 101px) !important
}

body>form[action*="qtSQuotContentPopup"],
/* 견적서 조회  */
body>form[action*="gbdSearchTestPage"] {
	height: 100%
}

/* Bidding Notification Writing Guide */
body>form[action*="bdQaoContentPopup"] #pop_wrap .form_table .file_wrap .fileUploadContainer #manager_up_containerBQ21000001 {
	height: 190px !important
}

/* 질의내용  */
body>form[action*="evalManageSite"] #pop_wrap .form_table .file_wrap .fileUploadContainer #manager_up_containerattaFileId {
	height: 270px !important
}

/* 업체 심사 관련 파일  */
body>form[action*="judgeAttatchFileDown"] #pop_wrap .form_table .file_wrap .fileUploadContainer #manager_up_containerJudgeFile {
	height: 230px !important
}

/* 첨부파일  */
#pop_wrap #contents .form_table tbody tr td div div input[style*="height"] {
	width: 200px;
	border: 1px solid #c9cddd !important;
	padding: 0 4px 1px !important
}

/* 경영관리 입찰서개봉  */
#pop_wrap #contents .form_table tbody tr td div div input[style*="height"]+.ico_btn+#lastApprovalDiv .btn_basic,
#pop_wrap #contents .form_table tbody tr td div div input[style*="height"]+.ico_btn+#lastApprovalDiv+.btn_basic {
	vertical-align: middle
}

#pop_wrap>form[action*="eprRecomUp"] #contents .list_wrap>.form_wrap {
	height: auto !important
}

/* 추천업체등록  */
#isSiteForm #pop_wrap h3 {
	left: 0;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 1
}

/* BQMS권한신청 팝업 */
#isSiteForm #mailTable {
	padding-top: 70px !important
}

#isSiteForm+.form_button {
	margin-top: 0 !important;
	padding-bottom: 15px
}

h4 #modYn+input[type="text"] {
	width: 60%;
	color: blue !important;
	background: #fff !important
}

/* 심사업체 - 심사인력배정 */
.srch_table td .form_wrap_multi input#firstVendorName:first-child,
.srch_table td .form_wrap_multi a+input#secondVendorName,
.srch_table td .form_wrap_multi a+input#thirdVendorName {
	width: 180px
}

/* 관리기능 - BQMS운영현황 - 계약현황  */

/* 버튼 겹치는 화면 */
@media screen and (max-width: 1530px) {
	form[action*="itemMgtList"] .list_wrap .list_head {
		height: 59px
	}

	/* 마케팅 - 아이템현황  */
	form[action*="itemMgtList"] .list_wrap .list_head .button {
		margin-top: 7px;
		width: 100%;
		max-width: 100%
	}
}

@media screen and (max-width: 1750px) {
	#contents form[action*="poRequestCreate"]>.list_wrap:last-of-type h5 {
		height: 55px
	}

	/* 마케팅 - 작업요청  */
	#contents form[action*="poRequestCreate"]>.list_wrap:last-of-type h5 .button {
		margin-top: 1px;
		width: 100%;
		max-width: 100%
	}

	#contents form[action*="poRequestCreate"]>.list_wrap:last-of-type h5 .button .comment {
		position: absolute;
		top: 3px;
		right: 0;
		padding-right: 0
	}
}

/* 파이어폭스 핵 */
@-moz-document url-prefix() {

	.btn_action,
	.btn_basic,
	.btn_excel {
		line-height: 24px
	}

	.btn_inner {
		line-height: 24px !important
	}

	#contents h4 .button span.comment_r {
		line-height: 15px
	}
}

/* 크롬 핵 */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {

	.btn_action,
	.btn_basic,
	.btn_excel,
	.btn_search {
		line-height: 24px
	}

	.btn_inner {
		line-height: 24px !important
	}

	#contents h4 .button span.comment_r {
		line-height: 15px
	}
}*/


/* tooltip Left */
.tooltipLt {
	padding: 5px 0 2px 24px;
	background: url(../images/common/ico_tip.png) no-repeat 1px 4px;
	margin-left: 2px !important
}

.tooltipLt {
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	height: 20px;
	letter-spacing: -.03em
}

a.tooltipLt {
	color: #5b85ad !important;
}

.tooltipLt span strong {
	color: #363f4b
}

.tooltipLt span p {
	margin-top: 2px;
	font-weight: normal;
	margin-bottom: 10px
}

.tooltipLt span p:last-child {
	margin-bottom: 0
}

.tooltipLt:hover {
	border: 0;
	/* IE6 fix */
}

.tooltipLt:hover span {
	visibility: visible;
}

.tooltipLt span {
	color: #656a88;
	visibility: hidden;
	position: absolute;
	/* bottom:-150%; top and bottom arrow map */
	/* left:60%;   left and right arrow map */
	/* width:230px; tooltip size */
	z-index: 999;
	margin: 15px;
	/* (?)icon gap */
	padding: 8px 10px;
	border: 1px solid #959cb2;
	opacity: 1;
	background-color: #fbfaeb;
	background-image: linear-gradient(to bottom, #fbfaeb, #fcfbf1);
	border-radius: 4px;
	box-shadow: 0px 1px 2px -1px #bec5d1;
	text-align: left;
}

.tooltipLt span:before,
.tooltipLt span:after {
	/* Arrow shape */
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	top: 30% !important;
	/* left arrow border+color */
	margin-left: -8px;
	border-left: 8px solid transparent;
	/* yellow arrow */
	border-right: 8px solid transparent;
	/* yellow arrow */
}

.tooltipLt span:before {
	border-top-color: #959cb2;
	bottom: -8px;
}

.arrowleft span:after {
	bottom: auto;
	left: -4px;
	border-top: 0;
	border-bottom: 8px solid #fbfaeb;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.arrowleft span:before {
	bottom: auto;
	left: -5px;
	border-top: 0;
	border-bottom: 8px solid #959cb2;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


.arrowlefttip span:after {
	bottom: auto;
	top: 40px;
	left: -4px;
	border-top: 0;
	border-bottom: 8px solid #fbfaeb;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.arrowlefttip span:before {
	bottom: auto;
	top: 40px;
	left: -5px;
	border-top: 0;
	border-bottom: 8px solid #959cb2;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.overlay {
	opacity: 0.7!important;
}

.modal {
	border-radius: 8px;
    overflow: hidden;
    border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

#pop_wrap h3 {
	background-color: #fff;
	background-image:none;
	color: #000;
	font-size: 18px;    
	font-weight: 600;
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 16px 24px 16px;
	margin-bottom: 0;
}


#pop_wrap h3 .pop_close {
	color: #000;
	display: flex;
    align-items: center;
    justify-content: center;
	position: unset;
}

#pop_wrap h3 .pop_close i:before {
	display: none;
}

#pop_wrap h3 .pop_close i:after {	
	content: 'close';
	font-family: 'Material Symbols Rounded';
	color: #666;
	display: flex;
	align-items: center;
	font-size: 24px;
}

#pop_wrap h3 .pop_close i:hover, #layer_pop_wrap h3 .pop_close i:hover {
	transform:none;
	color: #000;
}

.form_table tbody td:not(.IBCellBase) {
	word-break: break-all;
}

#container.conslayout #contents {
	padding: 0!important;
}