@charset "UTF-8";
/* RESET */
	html:not(.ckeditorHtml) {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:100vh;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;/* overflow-y: hidden; */}
	*, *:before, *:after {box-sizing: inherit;}
	 *:before, *:after	{vertical-align:top;}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
	strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video
	{margin:0; padding:0; border:0;}
	body	{font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; width:100%; height:100%; color:#231815; font-size:12px; font-weight:400; line-height:1; letter-spacing:-0.5px; overflow: hidden;}

	article, aside, details, figcaption, figure, footer, header, menu, nav, section	{display:block;}
	p, h1, h2, h3	{font-weight:inherit; letter-spacing:inherit;}
	span	{display: inline-block; vertical-align:middle;}
	img, li	{vertical-align:middle;}
	a	{display:block; text-decoration:none; color:inherit; cursor:pointer;}
	a:hover	{text-decoration:none;}
	ol, ul	{list-style:none;}
	legend, caption, hr	{display:none;}
	table {border-collapse:collapse; border-spacing:0; table-layout:fixed; empty-cells:show; width:100%;}
	th	{font-weight:inherit;}

	input, select	{vertical-align:middle; border-radius:0; -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto;}
	input, textarea, select, button	{font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; color:#231815; border-radius:0; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-0.5px;}
	input ::-ms-clear	{visibility:hidden; display:none;}
	select::-ms-expand {display:none;}
	input[type="text"], input[type="password"], select	{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		-o-appearance:none;
	}
	button	{background:none; cursor:pointer;}

/*	LAYOUT	*/
.container	{width:100%; min-width:1680px; height:100vh;}
.contentContainer	{width:100%; height:calc(100vh - 48px);background:#e6e6e2; display:flex; flex-wrap:wrap;}
.contentWrap	{margin:10px 17px 17px; background:#fff; flex-basis:0; flex-grow:1; overflow:hidden; display:flex; flex-wrap:wrap; flex-direction:column;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}

/*	contents	*/
.multiLayerArea	{clear:both; flex-basis:0; flex-grow:1; padding:10px; border-top:1px solid #e6e6e2;}
.multiLayerArea .contents	{height:calc(100vh - 167px); display:none;}
.multiLayerArea .contents.on	{display:flex; display:flex; flex-wrap:wrap; flex-direction:column;}

.multiLayerArea .gridWrap	{flex-basis:0; flex-grow:1;}

.iframeContainer	{height:100vh; display:flex; flex-wrap:wrap; flex-direction:column;}
.iframeContainer .gridWrap		{flex-basis:0; flex-grow:1;}
.multiSelect {
    display: none;
    border: 1px solid rgb(0, 0, 0);
    position: absolute;
    z-index: 999999;
    background-color: rgb(255, 255, 255);
    width: 10%;
    cursor: pointer;
}
/* ifrm_loadbox	*/
	.ifrm_loadbox {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7);}
	.ifrm_loadbox	{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}
	.ifrm_loadbox .ifrm_loading	{padding-left:176px; }
	.ifrm_loadbox .ifrm_loading .progressWrap	{position:relative; width:240px; height:48px;}

	.ifrm_loadbox .ifrm_loading .progressWrap p	{position:absolute; top:6px; left:0; overflow:hidden; font-size:16px; font-weight:700; color:#fff; padding-bottom:24px; white-space:nowrap; border-bottom:6px solid #fff;
			-webkit-animation:gograph 1.5s ease-in-out infinite backwards;
			animation:gograph 1.5s ease-in-out infinite backwards;
	}
	.ifrm_loadbox .ifrm_loading .progressWrap > img	{position:absolute; bottom:-22px;  left:0px; width:48px; height:48px;
		-webkit-animation: go 1.5s ease-in-out infinite backwards;
			animation: go 1.5s ease-in-out infinite backwards;
	}

	@-webkit-keyframes gograph {
		from {
			width:0%;
		}
		to {
			width:100%;
		}
	}
	@keyframes gograph {
		from {
			width:0%;
		}
		to {
			width:100%;
		}
	}

	@-webkit-keyframes go {
		from {
			left:0;
		}
		to {
			left:238px;
		}
	}
	@keyframes go {
		from {
			left:0;
		}
		to {
			left:238px;
		}
	}

/*	split	*/
.splitWrap	{height:100%; clear:both;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}

[class*="split_"]	{height:100% !important;}

/*	grid	*/
	.gridContainer	{height:100%; border:1px solid #e6e6e2; display:flex; flex-wrap:wrap; flex-direction:column;}
	.gridContainer .title + div	{flex-basis:0; flex-grow:1; border-top:1px solid #e6e6e2; overflow-y:auto;}
	.gridContainer.inner	{display:block;}
	.gridContainer.inner > div:nth-of-type(3)	{margin-top:10px; border-top:1px solid #e6e6e2;}
/*
	.gridContainer.inner.grid	{display:flex; flex-direction:column;}
	.gridContainer.inner.grid .innerGrid	{flex-basis:0; flex-grow:1;}
*/
	.gridContainer.trisection > ul	{height:100%;display:flex; flex-direction:column;}
	.gridContainer.trisection > ul li	{flex-basis:33.3%; display:flex; flex-direction:column;}
	.gridContainer.trisection > ul li:last-child .title	{border-top:1px solid #e6e6e2;}
	.gridContainer.trisection > ul li:first-child .tableWrap	{flex-basis:auto;}

/*	GNB	*/
.topContainer	{height:48px; background:#ffffff;border-bottom: solid 1px #ccc;}

/*	topContainer - logo	*/
	.topContainer h1	{width:200px; height:48px; float:left; overflow:hidden;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;		
	}
		.topContainer h1 a	{height:100%;}
		.topContainer h1 img	{width:180px;}

		.container.collapse .topContainer h1	{width:52px;}

/*	topContainer - gnb	*/
	.topContainer .gnb	{float:left; padding-left:17px;}
	.topContainer .gnb > ul > li	{position: relative; float:left; width:110px;text-align:center; margin-right:8px;}
	.topContainer .gnb > ul > li > a	{color:#000000; line-height:42px;  font-size:16px; font-weight:bold; border-bottom:6px solid transparent;}
	.topContainer .gnb > ul > li:hover:before,
	.topContainer .gnb > ul > li.on::before	{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: #ef4055; border-radius: 8px 8px 0 0;}
	.topContainer .gnb > ul > li:hover > a,
	.topContainer .gnb > ul > li.on > a	{color: #ef4055;}

/*	topContainer - func	*/
	.topContainer .funcWrap	{float:right; height:48px; color:#777; }
	.topContainer .funcWrap > p	{float:left; line-height:48px;padding:0 24px;}
	.topContainer .funcWrap > ul	{float:right;  height:48px;}
	.topContainer .funcWrap > ul > li a	{display:flex; flex-wrap: wrap; justify-content: center; align-items: center; padding:0 17px 0 20px; height:48px;}
		.topContainer .funcWrap > ul > li a:hover	{background:#ef4055;}

/*	LNB	*/

.sidebar	{position:relative;background:#ffffff; flex-basis: 200px; padding: 5px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}
	.container.collapse .sidebar	{flex-basis:52px;}

/*	sidebar - collapseBtn	*/
	.sidebar .collapseWrap	{position:absolute; /*z-index:1;*/ top:calc(50% - 24px); right:-12px; overflow:hidden; background:#7e7e7e; width:12px; height:48px; border-radius:0 6px 6px 0;}
	.sidebar .collapseWrap a	{width:100%; height:48px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
	.sidebar .collapseWrap a svg	{width:8px; height:8px; fill:#fff;}
		.sidebar .collapseWrap a:hover svg	{ fill:#ef4055;}

	.container.collapse .sidebar .collapseWrap a svg {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	.container.collapse .sidebar .collapseWrap	{display:block; position:static; width:52px; border-radius:0;}
	.container.collapse .sidebar .collapseWrap a	{background:#100705; justify-content: center; }
		.container.collapse .sidebar .collapseWrap a svg	{width:12px; height:12px;}
		.container.collapse .sidebar .tabmenu	{display:none;}

/*	sidebar - tabmenu	*/
	.tabmenu {position:relative; display:flex; flex-wrap:wrap; border: solid 1px #ef4055; border-radius: 4px; margin: 5px 0;}
	.tabmenu > li{flex:1;background :#f7a0aa;}
	.tabmenu > li > p	{display:block; cursor:pointer; text-align:center; line-height:30px; color: #fff;}
		.tabmenu > li > p:hover	{color:#fff; background:#ef4055;}
	.tabmenu .tabBtn.on > p  {background:#ef4055; color:#fff; font-weight: 700;}
	.tabmenu .tabBtn.on .tabContents{display:block;}
	
	.tabmenu .tabContents{display:none; position:absolute; width:100%; left:0; top:30px; height:calc(100vh - 78px);}

/*	sidebar - scroll	*/
	.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical	{margin:0;}
	.mCSB_inside>.mCSB_container	{margin-right:0;}

/*	sidebar - lnb	*/
	.lnb	{color:#bdbdbe;}
	.lnb p	{cursor:pointer; font-weight: 700; color: #000;}
		.lnb p.opened	{color:#ef4055; border-bottom:1px solid #ef4055 !important;}
		.lnb p:hover	{color:#ef4055; font-weight: 700;}
	.lnb ul li ul	{display:none; border-bottom: solid 1px #ef4055; padding: 10px 0;}
	.lnb > ul > li > p	{position: relative; border-bottom:1px solid #ddd; color: #000; font-size: 14px; line-height: 50px; padding-left:12px; position:relative;}
		.lnb > ul > li > p:after	{position:absolute; width:12px; height:12px; content:""; right:17px; top:calc(50% - 6px); background:url("../../../../../static-root/images/common/ico_arrow_p.svg") 50% 50% no-repeat; background-size:contain;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);		

			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;	
		}
		.lnb p.opened:after	{
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
		}

	.lnb > ul > li > p + ul > li	{position:relative; line-height: 40px;}
	.lnb > ul > li > p + ul > li a	{padding-left:18px; color: #000000; font-size: 14px; line-height: 32px;}
		.lnb > ul > li > p + ul > li a:hover,.lnb > ul > li > p + ul > li.on a	{color:#ef4055;font-weight: 700;background:#fde3e6; border-radius: 4px;}

/*	sidebar - func	*/

	.tabmenu > li:last-child .tabContents ul:first-child {padding:7px 0; margin:0 auto; text-align:center; border-bottom:1px solid #202124;}
	.tabmenu > li:last-child .tabContents ul:first-child li	{display:inline-block; margin:0 3px;}
	.tabmenu > li:last-child .tabContents ul:first-child li a {width:24px; height:24px; border-radius:50%; background:#100705; display:flex; flex-wrap:wrap;  justify-content:center; align-items:center;}
		.tabmenu > li:last-child .tabContents ul:first-child li a:hover	{background:#ef4055;}
	.tabmenu > li:last-child .tabContents ul:first-child li a img	{width:10px; height:10px;}
	.tabmenu > li:last-child .tabContents ul:first-child li:first-child a img {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);		
	}
	.tabmenu > li:last-child .tabContents ul:first-child li:nth-child(2) a img {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);					
	}

	.tabmenu > li:last-child .tabContents .bookmarkList li	{clear:both;overflow:hidden; border-bottom: 1px solid #ddd;line-height:32px; padding:0 8px;}
		.tabmenu > li:last-child .tabContents .bookmarkList li:hover	{background:#fde3e6;}
	.tabmenu > li:last-child .tabContents .bookmarkList li span	{position:relative; width:18px; height:18px; border:1px solid #2c2d30; background:rgba(255,255,255,0.1); float:left; margin-right:6px; margin-top:7px; cursor:pointer; }
		.tabmenu > li:last-child .tabContents .bookmarkList li span:hover	{border-color:#ef4055;}
	.tabmenu > li:last-child .tabContents .bookmarkList li a	{float:left; width:calc(100% - 32px);}
		.tabmenu > li:last-child .tabContents .bookmarkList li a:hover	{color:#ef4055;}
		.tabmenu > li:last-child .tabContents .bookmarkList li.selected	{color:#ef4055;}
		.tabmenu > li:last-child .tabContents .bookmarkList li.selected span:after	{content:""; width:12px; height:12px; position:absolute; top:2px; left:2px; background:url("../../../images/common/input_check.svg") 50% 50% no-repeat; background-size:contain;}

/*	MDI	*/

.menuWrap	{position:relative; color:#fff; flex-basis:36px; background: #bbb; overflow:hidden;}
	/*.menuWrap:after	{content:""; width:40px; height:36px; position:absolute; top:0; right:108px; background:linear-gradient(to right, transparent, #595755);}*/

/*	menuWrap - menu	*/
	.menu > ul	{padding:1px 128px 0 0; position:absolute; width:max-content; top:0; left:0;}
	.menu > ul li	{float:left; position:relative; cursor:pointer;}
		.menu > ul li:hover	{background:rgba(255,255,255,.1);}
		.menu > ul li.on	{background:#fff; font-weight:700; color:#303744;}

	.menu > ul li span	{padding:0 32px 0 22px;line-height:35px; }
	.menu > ul li a.close	{opacity:.3;position:absolute; width:20px; height:34px; right:4px; top:0;background:url("../../../../../static-root/images/common/btn_close.svg") 50% 50% no-repeat; background-size:10px 10px;}
		.menu > ul li a.close:hover	{opacity:1;}
		.menu > ul li.on a.close	{background-image:url("../../../../../static-root/images/common/btn_close_on.svg");}

/*	menuWrap - menuFunc	*/
	.menuFuncWrap	{position:absolute; top:0; right:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
	.menuFuncWrap button	{position:relative; width:36px; height:36px; background-repeat:no-repeat; background-position:50% 50%; background-size:12px 12px; background-image:url("../../../../../static-root/images/common/ico_arrow.svg"); background-color:#7e7e7e;}
		.menuFuncWrap button:hover	{background-color:#ef4055}
	.menuFuncWrap .btn_prev	{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);		
	}
	.menuFuncWrap .btn_allclose	{background-image:url("../../../../../static-root/images/common/btn_close.svg");}

/*	CONTENTS	*/

/*	INPUT	*/
	input[type="text"], input[type="password"], input[type="number"], input[type="file"] {padding:0 4px; width:100%; min-height:26px; border:1px solid #e6e6e2; line-height:24px;}
	input[type="text"].necessary, input[type="password"].necessary	{border-color:rgba(239,64,85,0.3); background-color:rgba(239,64,85,0.1);}
	input:disabled, input[readonly="readonly"]	{opacity:1; background-color:rgba(230,230,226,0.5); border-color:#e6e6e2;}	
	input[type="text"].necessary:disabled, input[type="text"].necessary[readonly="readonly"]	{background-color:#e6e6e2; border-color:#aaaaa8;}

	select {height:26px; width:100%; background:url("../../../../../static-root/images/common/input_select.svg") #fff 100% 50% no-repeat; padding-right:31px; padding-left:4px; cursor:pointer; border:1px solid #e6e6e2;}
	select:disabled,select[readonly="readonly"]	{cursor:default; opacity:1; background-color:rgba(230,230,226,0.5);}
	select.necessary	{border-color:#ff94a2; background-color:#faf2f3;}

	input::-webkit-input-placeholder { color:#ppp; }
	input::-ms-input-placeholder { color:#ppp; }
	input::-webkit-input-placeholder { color:#ppp; } 
	input::-moz-placeholder { color:#ppp; }

	textarea	{width:100%; resize:none; border:1px solid #e6e6e2; padding:10px;}

	textarea::-webkit-input-placeholder { color:#e6e6e2; }
	textarea::-ms-input-placeholder { color:#e6e6e2; }
	textarea::-webkit-input-placeholder { color:#e6e6e2; } 
	textarea::-moz-placeholder { color:#e6e6e2; }
	textarea.necessary {border-color:rgba(239,64,85,0.3); background-color:rgba(239,64,85,0.1);}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		transition: background-color 5000s ease-in-out 0s;
		-webkit-text-fill-color: #231815;
	}

	input[type="checkbox"]:not(.not_absolute),input[type="radio"]:not(.not_absolute) {position:absolute; clip:rect(0,0,0,0);}

	input[type="checkbox"] + label {cursor:pointer; display:inline-block; position:relative; line-height:26px;}
	input[type="checkbox"] + label:before {content:" "; display:inline-block; vertical-align:middle; margin:-2px 2px 0; width:18px; height:18px; background:#fff; border:2px solid #e6e6e2; }
	input[type="checkbox"]:checked + label:before {background-position:50% 50%; background-size:10px 10px; background-repeat:no-repeat; background-image:url("../../../../../static-root/images/common/input_check.svg");}

	input[type="radio"] + label {cursor:pointer; display:inline-block; position:relative; line-height:26px;}
	input[type="radio"] + label:before {content:" "; display:inline-block; vertical-align:middle; margin:-2px 2px 0; width:18px; height:18px; background:#fff; border:2px solid #e6e6e2; border-radius:50%;}
	input[type="radio"]:checked + label:before {background-position:50% 50%; background-size:10px 10px; background-repeat:no-repeat; background-image:url("../../../../../static-root/images/common/input_radio.svg");}
	
	input.select	{height:26px; width:100%; background:url("../../../../../static-root/images/common/input_select.svg") #fff 100% 50% no-repeat; padding-right:31px; padding-left:4px; cursor:pointer; border:1px solid #e6e6e2;}
	input[type="text"].calendar	{cursor:pointer; background-image:url("../../../../../static-root/images/common/input_calendar.svg"); padding-right:27px; width:100%; background-position:100% 50%; background-repeat: no-repeat;}
	

	label.necessary:after,span.necessary:after	{content:""; width:10px; height:10px; display:inline-block; background-position:50% 50%; background-size:12px 12px; background-repeat:no-repeat; margin-top:2px; margin-left:6px; background-image:url("../../../../../static-root/images/common/input_check.svg");}


/*	INPUT - COMPLEX	*/
	.fromtoWrap span	{float:left; width:12px; text-align:center; line-height:26px; color:#e6e6e2;}
	.fromtoWrap input[type="text"]	{float:left; width:calc((100% - 12px)/2);}
	.fromtoWrap input[type="text"].calendar	{width:130px;}

	.textBtnWrap	{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
	.textBtnWrap input[type="text"], .textBtnWrap input[type="password"]	{flex-basis:0; flex-grow:1; padding-right:0;}
	.textBtnWrap button	{border:1px solid #e6e6e2; border-left:none; flex-basis:26px; height:26px;}
		.textBtnWrap button:before	{margin:0; vertical-align: middle;}
	.textBtnWrap input.necessary + button.textBtn	{border-color:rgba(239,64,85,0.3); background:#ef4055; color:#fff;}
	.textBtnWrap.address input[type="text"]:first-child	{flex-basis:92px; flex-grow: 0;}
	.textBtnWrap.address input[type="text"]:last-child	{border-left:none;}

	.searchWrap	{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
	.searchWrap select	{width:134px; margin-right:8px;}
	.searchWrap .textBtnWrap	{width:181px;}

/*	INPUT - BUTTON	*/
	.btnGroup	{float:right;}
	.btnGroup.left	{float:left; margin-left:10px;}
	.btnGroup + 	.btnGroup	{margin-right:6px;}
	.btnGroup.left + 	.btnGroup	{margin-right:0;}
	.btnGroup li	{float:left; margin: 0 2px;}
	.excelAll {background:#fff; width:100%; line-height:24px; padding:0 8px; border:1px solid #ff223c36 !important; border-radius: 4px;}
	.btnGroup li button, 	.btnGroup li a	{background:#fff; width:100%; line-height:24px; padding:0 8px; border:1px solid #e6e6e2; border-radius: 4px;}
		.btnGroup li button:hover, .btnGroup li a:hover	{color:#ef4055; border-color:#ef4055;}
	.btnGroup li select	{border-radius:4px;}
	.btnGroup li p {display:inline-block;vertical-align: middle;} 
	.fixed .btnGroup li {margin: 0;}
	.fixed .btnGroup li:first-child button, .fixed .btnGroup li:first-child a {border-radius: 4px 0 0 4px;}
	.fixed .btnGroup li:last-child button, .fixed .btnGroup li:first-child a {border-radius: 0 4px 4px 0;}
	button.solo	{line-height:24px; padding:0 8px; border:1px solid #e6e6e2; border-radius:4px;}
	button.solo:hover	{color:#ef4055; background:#ef4055; border-color:#ef4055; color:#fff;}
	
	button.acc_solo	{background-color:#ef4055 !important; color:#fff !important; line-height:24px; padding:0 8px; border:1px solid #ef4055 !important; border-radius:4px;}
	button.acc_solo:hover {color:#ef4055 !important; background:#231815 !important; border-color:#231815 !important; color:#fff !important;}

	button:before	{content:""; width:12px; height:12px; display:inline-block; background-position:50% 50%; background-size:12px 12px; background-repeat:no-repeat; margin-top:6px; margin-right:3px;}

	button.close:before	{background-image:url("../../../../../static-root/images/common/ico_close.svg");}
	button.search:before	{background-image:url("../../../../../static-root/images/common/ico_search.svg");}	
	button.save:before	{background-image:url("../../../../../static-root/images/common/ico_save.svg");}
	button.ok:before	{background-image:url("../../../../../static-root/images/common/ico_save.svg");}
	button.cancel:before	{background-image:url("../../../../../static-root/images/common/ico_cancel.svg");}
	button.reset:before	{background-image:url("../../../../../static-root/images/common/ico_reset.svg");}
	button.download:before	{background-image:url("../../../../../static-root/images/common/ico_download.svg");}
	button.plus:before	{background-image:url("../../../../../static-root/images/common/ico_plus.svg"); width:10px; height:10px; margin-top:7px;}
	button.minus:before	{background-image:url("../../../../../static-root/images/common/ico_minus.svg");width:10px; height:10px; margin-top:7px;}
	button.new:before	{background-image:url("../../../../../static-root/images/common/ico_new.svg");}
	button.write:before	{background-image:url("../../../../../static-root/images/common/ico_write.svg");}
	button.reply:before	{background-image:url("../../../../../static-root/images/common/ico_reply.svg");}
	button.list:before	{background-image:url("../../../../../static-root/images/common/ico_list.svg");}
	button.delete:before	{background-image:url("../../../../../static-root/images/common/ico_delete.svg"); width:14px; height:14px;background-size:14px 14px;margin-top:5px;}
	button.print:before	{background-image:url("../../../../../static-root/images/common/ico_print.svg"); width:14px; height:14px;background-size:14px 14px;margin-top:5px;}
	button.upload:before	{background-image:url("../../../../../static-root/images/common/ico_upload.svg");}
	button.excel:before	{background-image:url("../../../../../static-root/images/common/ico_excel.svg");}
	button.excelAll:before	{background-image:url("../../../../../static-root/images/common/ico_excel.svg");}
	button.thumb:before	{background-image:url("../../../../../static-root/images/common/ico_thumb.svg");}
		button.thumb.up	{color:#ef4055;}
		button.thumb.down	{color:#00657d;}
		button.thumb.down:before	{margin-top:7px;
				-webkit-transform: scaleY(-1);
				-moz-transform: scaleY(-1);
				transform: scaleY(-1);
				-o-transform: scaleY(-1);
				-ms-transform: scaleY(-1);		
		}
	
	button.accent{background-color:#ef4055 !important; color:#fff !important; border:1px solid #ef4055 !important;}
	button.accent:hover	{color:#ef4055 !important; background:#231815 !important; border-color:#231815 !important; color:#fff !important;}
	
	button.textBtn	{width:auto; flex-basis:auto; padding:0 6px;}
	button.textBtn:before	{display:none;}
	button.smallBtn	{background: #ef4055; border: 1px solid #ef4055; color: #fff; border-radius: 4px; font-size: 12px; line-height: 20px; padding:0 6px;}
	button.smallBtn:before	{display:none;}	
	button.org {background-color:#e7b300 !important; color:#fff !important; border:1px solid #e7b300 !important;}
	button.org:hover {background-color:#fff !important; color:#e7b300 !important;}
	button.grn {background-color:#60c753 !important; color:#fff !important; border:1px solid #60c753 !important;}
	button.grn:hover {background-color:#fff !important; color:#60c753 !important;}
	button.blr {background-color:#4eb8ff !important; color:#fff !important; border:1px solid #4eb8ff !important;}
	button.blr:hover {background-color:#fff !important; color:#4eb8ff !important;}
	button.org_bd {color:#e7b300 !important; border:1px solid #e7b300 !important;}
	button.org_bd:hover {color:#fff !important; background:#e7b300 !important;}
	button.grn_bd {color:#60c753 !important; border:1px solid #60c753 !important;}
	button.grn_bd:hover {color:#fff !important; background:#60c753 !important;}
	button.blr_bd {color:#4eb8ff !important; border:1px solid #4eb8ff !important;}
	button.blr_bd:hover {color:#fff !important; background:#4eb8ff !important;}
	
	.searchContainer .btnGroup button.search	{background-color:#ef4055; color:#fff; border:1px solid #ef4055 !important;}
	.searchContainer .btnGroup button.search:before	{width:14px; height:14px;background-image:url("../../../../../static-root/images/common/btn_search.svg");}	
	.searchContainer .btnGroup button.search:hover	{background:#231815; border-color:#231815 !important;}

/*	label	*/
	.label	{padding:0 4px; border-radius:4px; line-height:18px; color:#fff; font-size:11px; vertical-align:top; margin-right:2px;}
	.label.wait	{background:#aaaaa8;}
	.label.end	{background:#00657d;}
	.label.new	{background:#ef4055; line-height:14px; font-size:10px; padding:0 3px; margin-top:1px;}
	.label.lock	{width:14px; height:12px; background:url("../../../../../static-root/images/common/ico_lock.svg") 50% 50% no-repeat; padding:0; margin-top:2px;background-size:14px 12px; }

/*	DATEPICKER	*/
	.ui-datepicker	{width:292px; border:1px solid #e6e6e2; padding:8px; background:#fff; margin-top:-1px;}
	.ui-datepicker table th, .ui-datepicker table td	{padding:0; line-height:24px; text-align:center; font-size:12px;}
	.ui-datepicker-header	{position:relative;text-align:center; background:#fff; padding-bottom:6px; border-bottom:1px dotted #e6e6e2; margin-bottom:6px;}
	.ui-datepicker-header > a	{position:absolute; border:1px solid #e6e6e2;  width:26px; height:26px; background-repeat:no-repeat;background-color:#fff; background-image: url('../../../../../static-root/images/common/ico_arrow.svg'); top:0; text-indent:-200vw; background-size:12px 12px; background-position:50% 50%;}
	.ui-datepicker-header > a:hover	{background-color:#ef4055;}
	.ui-datepicker-prev		{left:0;
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);	
	}
	.ui-datepicker-next	{right:0;}
	.ui-datepicker-header select	{width:112px; text-align:center; text-align-last:center;}
	.ui-datepicker-header select + select	{border-left:none;}
	.ui-priority-secondary	{opacity:.5;  filter: Alpha(Opacity=50);}
	.ui-datepicker-current-day	{background:#ef4055; color:#fff;}
	.ui-state-highlight	{color:#ef4055; font-weight:700;}
	.ui-datepicker-current-day .ui-state-highlight	{color:#ef4055; font-weight:700; background:#fff;}
	.ui-state-hover	{background:#ef4055; color:#fff;}

/*	table	*/
	table	{background:#fff;word-wrap:break-word;}
		table th	{vertical-align:middle; text-align:center; background:rgba(230,230,226,0.3); padding:0 4px; border:1px solid #e6e6e2; }
		table td	{vertical-align:middle; padding:4px; border:1px solid #e6e6e2;}
		table td > p	{display:flex; align-items:center; min-height:27px;}
		table td.center	{text-align:center !important;}
		table td.left	{text-align:left !important;}
	table thead th	{font-weight:700;line-height:20px;line-height:34px;}

	.order table tbody td	{line-height:34px; text-align:right; padding-right:10px;}

/*	board	*/
	.gridContainer .title + .boardWrap	{border-top:none;}
	.boardWrap table td	{text-align:center; padding:6px;}
	.boardWrap table td.left	{line-height:1.4;}
	.boardWrap table tr:hover	{background:rgba(230,230,226,0.2);}
	.boardWrap table tr th:first-child, .boardWrap table tr td:first-child	{border-left:none;}
	.boardWrap table tr th:last-child, .boardWrap table tr td:last-child	{border-right:none;}
	.boardWrap table thead th	{line-height:28px;}
	.boardWrap table a	{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.boardWrap table a:hover	{color:#ef4055; text-decoration:underline;}

	.boardWrap table .reply a	{background:url("../../../../../static-root/images/common/ico_reply.svg") 0% 50% no-repeat; background-size:10px 10px; padding-left:14px;}
	.boardWrap table .reply.sub a	{background-position:14px 50%; padding-left:28px;}

	.boardWrap .boardFuncWrap	{margin-top:10px; padding:10px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}

	.boardWrap .paginate	{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

	.boardWrap .paginate a	{background:#fff; font-size:14px; width:100%; line-height:26px; padding:0 12px; text-align:center; border:1px solid #e6e6e2; border-left:0;}
		.boardWrap .paginate li.on a	{background:#ef4055; border-color:#ef4055; color:#fff; }
	.boardWrap .paginate a:hover	{color:#fff; background:#842326; border-color:#842326;}
	.boardWrap .paginate li:first-child a	{border-left:1px solid #e6e6e2; border-top-left-radius:4px;border-bottom-left-radius:4px;}
	.boardWrap .paginate li:last-child a	{border-top-right-radius:4px;border-bottom-right-radius:4px;}


	.boardWrap .paginate a img	{width:12px; height:12px; margin:-3px 2px 0;}
	.boardWrap .paginate .prev a, .boardWrap .paginate .next a	{padding:0 10px; font-size:12px; color:#aaaaa8;}
		.boardWrap .paginate .prev a:hover, .boardWrap .paginate .next a:hover	{color:#fff;}
	.boardWrap .paginate .prev a img	{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);		
	}

	.boardWrap.read	{display:flex; flex-direction:column;}

	.boardWrap.read .boardTitleWrap	{border-top:1px solid #e6e6e2;}
	.boardWrap.read .boardTitleWrap dl	{display:flex; flex-wrap:wrap; border-bottom:1px solid #e6e6e2;}
	.boardWrap.read .boardTitleWrap dl dt	{flex-basis:100px; padding:6px; text-align:center; border-right:1px solid #e6e6e2; background: rgba(230,230,226,0.3); display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
	.boardWrap.read .boardTitleWrap dl:last-child dt:not(:first-child)	{text-align:center; border-left:1px solid #e6e6e2; }
	.boardWrap.read .boardTitleWrap dl dd	{padding:6px; line-height:1.4;  flex-basis:0; flex-grow:1; display:flex; flex-wrap:wrap; align-items:center;}

	.boardWrap.read .boardContentsWrap	{padding:6px; line-height:1.4; flex-basis:0; flex-grow:1; border-bottom:1px solid #e6e6e2; overflow-y:auto;}

	.boardWrap.read .boardLinkWrap	{background: rgba(230,230,226,0.5); line-height:36px; border-bottom:1px solid #e6e6e2; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.boardWrap.read .boardLinkWrap li	{max-width:512px;}
	.boardWrap.read .boardLinkWrap li a	{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
		.boardWrap.read .boardLinkWrap li a:hover	{color:#ef4055; text-decoration:underline;}
	.boardWrap.read .boardLinkWrap li a img	{width:12px; height:12px; margin:-2px 2px 0;}
	.boardWrap.read .boardLinkWrap li:first-child a img	{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);		
	}
	
	.boardWrap.read .boardFileWrap table td	{text-align:left;}
	.boardWrap.read .boardFileWrap table tr:last-child td	{border-bottom:none;}

	.boardWrap.write	{display:flex; flex-direction:column; flex-grow:1;}

	
	.boardWrap.write >  [class*="board"] dl	{display:flex; flex-wrap:wrap; border-bottom:1px solid #e6e6e2;}
	.boardWrap.write >  [class*="board"] dl dt	{flex-basis:100px; padding:6px; text-align:center; border-right:1px solid #e6e6e2; background: rgba(230,230,226,0.3); display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
	.boardWrap.write >  [class*="board"] dl dt:not(:first-child)	{border-left:1px solid #e6e6e2; }
	.boardWrap.write >  [class*="board"] dl dd	{padding:6px; line-height:1.4;  flex-basis:0; flex-grow:1; display:flex; flex-wrap:wrap; align-items:center;}

	.boardWrap.write .boardContentsWrap	{padding:6px; line-height:1.4; /*flex-basis:0;*/ flex-grow:1; border-bottom:1px solid #e6e6e2; }
	.boardWrap.write .boardContentsWrap.editorContainer	{padding:0;}
	.boardWrap.write .boardContentsWrap.editorContainer .cke_chrome	{border:none;}
	.boardWrap.write .boardContentsWrap.editorContainer .cke_chrome .cke_top	{background:#fff; border-color:#e6e6e2}
	.boardWrap.write .boardContentsWrap.editorContainer .cke_chrome .cke_bottom	{background:#fff; border-color:#e6e6e2}
	.boardWrap.write .boardContentsWrap textarea	{height:100%;}

	.boardWrap.write .boardFileWrap .dropZone	{position:relative;}
	.boardWrap.write .boardFileWrap .dropZone .fileDragDesc	{text-align:center;border-bottom:1px solid #e6e6e2;background: rgba(230,230,226,0.1); /* padding:24px; */ padding: 9px; font-size:13px;}
	.boardWrap.write .boardFileWrap .dropZone .drag_txt	{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(255,255,255,0.7) url("../../../../../static-root/images/common/ico_upload.svg") 50% 50% no-repeat; background-size:48px 48px;border-bottom:1px solid #e6e6e2;}

	.boardWrap.write ul.btnWrap	{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:10px;background: rgba(230,230,226,0.5);}
	.boardWrap.write .btnWrap > li button	{border-radius:0; padding:0 24px; line-height:32px; font-weight:700; }
	.boardWrap.write .btnWrap > li button:before	{margin-top:11px; margin-right:6px;}
	.boardWrap.write .btnWrap > li:first-child button	{background:#fff;}
	.boardWrap.write .btnWrap > li:last-child button	{background:#ef4055; color:#fff; }
		.boardWrap.write .btnWrap > li button:hover	{color:#fff; background:#231815;}

	.gridContainer.inner.file .title:first-child	{border-bottom:1px solid #e6e6e2;}	


/*	content - title	*/
.titleWrap	{padding:0 10px; flex-basis:40px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.titleWrap h2	{float:left; font-size:16px; font-weight:700; cursor:pointer;}
	.titleWrap h2 a	{font-size:12px; display:inline-block;}
	.titleWrap h2 a svg	{fill:#e6e6e2; width:16px; height:16px;}
		.titleWrap h2.on a svg	{fill:#e7b300;}
	.titleWrap h2 p	{display:inline-block;}
	.titleWrap .location	{float:right;}
	.titleWrap .location span + span	{background:url("../../../../../static-root/images/common/ico_arrow_b.svg") 6px 50% no-repeat; background-size:10px 10px; padding-left:18px;}

/*	content - searchContainer	*/
.searchContainer	{margin-bottom:10px;}
	.searchContainer table tr:last-child th,.searchContainer table tr:last-child td	{border-bottom:0;}
	.searchContainer .btnWrap {padding: 4px 10px; border:1px solid #dadce0; overflow:hidden; background:rgba(230,230,226,0.5);}
	.searchContainer a.close	{float:left; line-height: 26px;color:#231815; font-weight:700;}
		.searchContainer a.close:hover, .searchContainer.close .close	{color:#ef4055;}

	.searchContainer a.close svg	{width:10px; height:10px; margin-left:6px; fill:#231815;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
		.searchContainer a.close:hover svg	{fill:#ef4055;}
		.searchContainer.close a.close svg	{fill:#ef4055;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
		}
	.searchContainer a.close p	{display:inline-block;}
	.searchContainer a.close p:after	{display:inline-block; /*content:"검색창 닫기";*/}
	/*.searchContainer.close a.close p:after	{content:"검색창 열기";}*/

/*	gridContainer - title	*/
.gridContainer .title	{position:relative; width:100%; padding:5px 10px 5px 0; min-height:36px;}
	.gridContainer .title h3	{float:left; font-weight:700; font-size:16px; line-height:26px; padding-left:20px;}
	.gridContainer .title h3 p span	{vertical-align:baseline;}
	.gridContainer .title h3 p:before	{content:""; position:absolute; top:8px; left:4px; width:10px; height:20px; background:#ef4055; border-radius: 5px 5px 5px 0;}

	.gridContainer .title.none	{padding:0; min-height:auto; height:0;}
	.gridContainer .title.none + div	{border-top:none;}
	.gridContainer .title label {font-size: 12px; font-weight: 400;}

/*	gridContainer - table	*/
	.gridContainer .tableWrap table tr:first-child th, 	.gridContainer .tableWrap table tr:first-child td	{border-top:none;}
	.gridContainer .tableWrap table tr th:first-child	{border-left:none;}
	.gridContainer .tableWrap table tr td:last-child	{border-right:none;}
	.gridContainer .tableWrap table thead tr th:last-child	{border-right:none;}
	.gridContainer .tableWrap table thead + tbody tr td:first-child	{border-left:none;}

	.gridContainer .tableWrap .btnWrap	{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; padding:10px;}
	.gridContainer .tableWrap .btnWrap a	{padding:0 24px; line-height:32px; background:#ef4055; color:#fff; font-weight:700;}
	.gridContainer .tableWrap .btnWrap a:hover	{background:#231815;}
	.gridContainer .tableWrap.removeScroll	{overflow-y:hidden;}
	
	/* title - btn */
	.titleBtn{padding:0 24px; line-height:32px; background:#ef4055; color:#fff; font-weight:700; float:right; border-left:0; }
	.titleBtn:before{display:none;}
	.titleBtn:hover	{background:#231815;}

	.rightSubmitBtn{padding:0 24px; line-height:32px; background:#ef4055; color:#fff; font-weight:700; float:right; margin: 10px; }
	.rightSubmitBtn:before{display:none;}
	.rightSubmitBtn:hover	{background:#231815;}

/*	tab	*/
	.tabContainer	{padding:0; height:100%;}
	.tabContainer .tabBtnWrap	{display:flex; padding-left:1px; background:#e6e6e2;}
	.tabContainer .tabBtnWrap > li	{flex-grow:1; font-size:14px; cursor:pointer; position:relative; margin-top:1px; margin-right:1px; background:#e6e6e2;}
	.tabContainer .tabBtnWrap > li p	{border-top:3px solid transparent; text-align:center; line-height:38px; color:#595755; 
			-moz-transition: all 0.3s ease-in;
			-ms-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			-webkit-transition: all 0.2s ease-in;		
	}
		.tabContainer .tabBtnWrap > li:first-child p	{border-left:none;}
		.tabContainer .tabBtnWrap > li:last-child p	{border-right: 1px solid #e6e6e2;}
		.tabContainer .tabBtnWrap > li:hover p	{background:#fff;}
		.tabContainer .tabBtnWrap > li.on p	{background:#fff; font-weight:700;}
		.tabContainer .tabBtnWrap > li:after	{content: ''; position:absolute; top:0; left:0; display:block; display:block; width:0; height:4px; background:#ef4055;
			-moz-transition: all 0.3s ease-in;
			-ms-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			-webkit-transition: all 0.3s ease-in;		
		}
				.tabContainer .tabBtnWrap > li:hover:after,.tabContainer .tabBtnWrap > li.on:after	{width:100%;}
	.tabContainer .tabContentsWrap	{height:calc(100% - 42px);}
	.tabContainer .tabContentsWrap > li	{display:none;height:100%; }
		.tabContainer .tabContentsWrap > li:first-child	{display:block;}
	.tabContainer .tabContentsWrap .gridWrap	{height:100%;}

	.gridContainer.inner.tab	{display:flex; flex-direction:column;}
	.gridContainer.inner .tabContainer	{flex-basis:0; flex-grow:1; }
	.gridContainer.inner .tabContainer .tabBtnWrap	{padding-left:0;}
	.gridContainer.inner .tabContainer .tabBtnWrap > li	{flex-grow:0;}
	.gridContainer.inner .tabContainer .tabBtnWrap > li > p	{padding:0 50px;}
	.gridContainer.inner .tabContainer .gridContainer	{border-width:1px 0 0 0;}
	.gridContainer.inner .tabContainer .gridContainer

/*	list	*/
	.listWrap ul	{padding:10px; display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start;}
	.listWrap ul li	{cursor:pointer; height:180px; margin:10px; overflow:hidden; position:relative; border-radius:10px;width:calc((100% - 80px)/4);}
	.listWrap ul li:hover	{box-shadow:0 5px 10px rgba(0,0,0,.2);} 
	.listWrap ul li .imgWrap	{height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;
		transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
	}
		.listWrap ul li:hover .imgWrap {
			-ms-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
		}

	.listWrap ul li p	{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.6); padding:5px 10px; line-height:1.4; color:#fff; text-align:justify;}
	.listWrap ul li p span	{display:block; font-weight:700; margin-top:2px;}

	@media all and (max-width:1439px) {
		.listWrap ul li	{width:calc((100% - 80px)/3);}
	}

/*	splitter	*/
	.hsplitter {width: 100%; height:3px; background-image:url('../../images/common/grip_horizontal.svg'); opacity: 0.5;}
	.splitter_panel .vsplitter,	.splitter_panel .hsplitter	{opacity:.5; z-index:1; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat;}
	.splitter_panel .vsplitter {width:10px; background-image:url('../../../../../static-root/images/common/grip_vertical.svg'); background-size:4px 120px;}
	.splitter_panel .hsplitter {height:10px; background-image:url('../../../../../static-root/images/common/grip_horizontal.svg'); background-size:120px 4px;}
		.splitter_panel  [class*="splitter"]:hover	{opacity:1;}

/*	POPUP	*/
.popupContainer	{display:none;  position:fixed; width:100%; height:100%; top:0; left:0; z-index:10;}
.popupContainer.on	{display:flex; justify-content:center; align-items:center;}
.popupContainer .popupDimmed	{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0;}
.popupContainer.alert   {z-index:3000;}   /*  210318 추가   */

.popupContainer > [class*="Wrap"]	{z-index:1; background:#fff;}
.popupContainer > .popupWrap	{width:720px;}
.popupContainer > .alertWrap	{width:240px;}

.popupContainer .popupTitleWrap	{position:relative; background:#231815; cursor:move;}
.popupContainer .popupTitleWrap .title	{line-height:42px;font-size:16px;  font-weight:700; color: #fff; padding-left:10px;}
.popupContainer .popupTitleWrap .close	{opacity:0.5; cursor:pointer; position:absolute; width:42px; height:42px; top:0; right:0; background:url("../../../../../static-root/images/common/btn_close.svg") 50% 50% no-repeat; background-size:18px 18px;}
.popupContainer .popupTitleWrap .close:hover	{opacity:1;}
.popupContainer .popupContentWrap	{overflow:hidden;}
.popupContainer .popupContent .realGridWrap	{height:480px;}
.popupContainer .popupContent .searchContainer table tr:last-child th, .popupContainer .popupContent .searchContainer table tr:last-child td	{border-bottom:1px solid #e6e6e2;}

.popupContainer [class*="Content"] + [class*="BtnWrap"]	{display:flex; width:100%;}
.popupContainer [class*="Content"] + [class*="BtnWrap"] button	{text-align:center; flex:1; cursor:pointer; line-height:36px; font-size:14px; font-weight:700; background:#e6e6e2;}
.popupContainer [class*="Content"] + [class*="BtnWrap"] button:last-child	{background:#ef4055; color:#fff;}
.popupContainer [class*="Content"] + [class*="BtnWrap"] button:hover	{background:#231815; color:#e6e6e2;}
.popupContainer [class*="Content"] + [class*="BtnWrap"] button:before	{margin-top:13px; margin-right:6px;}

.alertWrap .alertContent	{padding:30px 20px; background-position:20px 30px; background-repeat:no-repeat; background-size:38px 38px;border-top:6px solid #ef4055; }
.alertWrap .alertContent p	{min-height:38px; padding-left:48px; line-height:1.6;display:flex; justify-content:flex-start; align-items:center;}

/* alert image*/
.alertWrap.alert .alertContent	{background-image:url('../../../../../static-root/images/common/img_warning.svg'); }
.alertWrap.bizError .alertContent	{background-image:url('../../../../../static-root/images/common/ico_filealert.png'); }
.alertWrap.info .alertContent	{background-image:url('../../../../../static-root/images/common/ico_monitoralert.png'); }
.alertWrap.sysError .alertContent	{background-image:url('../../../../../static-root/images/common/ico_monitoralert2.png'); }
.alertWrap.confirm .alertContent	{background-image:url('../../../../../static-root/images/common/img_save.svg'); }

/*	realgrid 내부 스타일 조정	*/
.realGridWrap input[type="checkbox"], .realGridWrap input[type="radio"]	{position:static;}

/*	calendar	*/
.xdsoft_datetimepicker	{border-color:#e6e6e2;}
.xdsoft_datetimepicker .xdsoft_month	{width:auto; margin-left:23px;}
.xdsoft_datetimepicker .xdsoft_year	{margin-left:12px; width:auto;}
.xdsoft_datetimepicker .xdsoft_label i	{margin-left:10px;}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th	{border-color:#e6e6e2; color:#231815;}
.xdsoft_datetimepicker .xdsoft_calendar th	{background-color:rgba(230,230,226,0.5);line-height:24px;}
.xdsoft_datetimepicker .xdsoft_calendar td	{height:26px;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today	{color:#ef4055;}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th	{border-color:#e6e6e2;}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current	{background-color:#ef4055; color:#fff!important; box-shadow:none;}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover	{background-color:rgba(232,56,14,0.8) !important;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover	{background-color:rgba(232,56,14,0.8) !important; box-shadow:none !important; }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current	{background-color:#ef4055 !important; box-shadow:none !important;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover	{background-color:rgba(232,56,14,0.8) !important;}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect, .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect	{right:6px;}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option	{min-width:52px; padding:3px 15px 3px 8px;}



/**************************************************************************** 추가 CSS START **************************************************************************************************/
/* btn area */
a.btn, button.btn {/*display:inline-block;text-align:center;background:#fff;vertical-align:middle; color:#fff;*/ display: inline-block;text-align: center; background: #fff; vertical-align: middle; color: #fff; font-weight: 600;border-radius: 4px;box-shadow: 0 2px 0px rgba(0,0,0,0.1);}/*2017.02.07 수정*/
a.btn:hover, button.btn:hover {opacity: 0.9;position: relative;top: 1px;box-shadow: none;}/*2017.02.07 수정*/
a.btn_icon, button.btn_icon {width:24px;height:24px;line-height:24px;border:1px solid #aaa}
a.btn_type01, button.btn_type01 {background:#ef4055; height:30px; line-height:30px; font-size:16px; padding:0 22px; padding-right: 38px;}
a.btn_type04, button.btn_type04 {background:#000; height:30px; line-height:30px; font-size:16px; padding:0 22px; padding-right: 38px;}
a.btn_type02, button.btn_type02 {background:#aa4a4b; height:30px; line-height:24px;padding:0 7px;padding:0 8px; font-size:16px; padding-right: 38px;}
a.btn_type03, button.btn_type03 {height:30px;line-height:30px;padding:0 7px;min-width:40px; /*background:#7f7e7f;*/ background:#999999; color:#fff; font-size:14px; padding-right: 38px;}/*2017.02.07 bg수정*/
a.btn_type05, button.btn_type05 {height:30px;line-height:24px;padding:0 7px;min-width:40px; /*border:1px solid #7f7e7f;*/border:1px solid #999999; background:#fff; color:#333; font-size:12px; padding-right: 38px;}/*2017.02.07 boreder수정*/
a.btn_type06, button.btn_type06 {height:30px;line-height:24px;padding:0 7px;min-width:40px; background:#83ae65; color:#fff; font-size:12px; padding-right: 38px;}

/* btn icon */
.btn_icon {display:inline-block; vertical-align: middle; margin-right:5px; width:10px; height:10px; background: url(../../../images/common/btn_icon.png) no-repeat 0 0}
.btn_icon.type02 {background-position:0 -10px}
.btn_icon.type03 {background-position:0 -20px}
.btn_icon.type04 {background-position:0 -30px}
.btn_icon.type05 {background-position:0 -40px}
.btn_icon.type06 {width:11px; background: url(../../../images/common/btn_down.png) no-repeat 0 0; margin:4px 5px 0 5px; }
.btn_arrowbox .btn_awup{display: block;width: 14px;height: 20px;background: url(../../../images/common/btn_awup.png) no-repeat 0 4px;margin: 0 auto;}
.btn_arrowbox .btn_awdown{display: block;width: 14px;height: 20px;background: url(../../../images/common/btn_awdown.png) no-repeat 0 6px;margin: 0 auto;}

.plus_b:after{display: inline-block; content:''; width: 10px; height: 30px; vertical-align: top; background: url(../../../images/common/btn_plus.png) center no-repeat; margin-left: 5px; transition:.3s;}
.plus_b:hover:after { transform: rotate(360deg) }

.minus_b:after{display: inline-block; content:''; width: 10px; height: 2px; vertical-align: top; background: url(../../../images/common/btn_plus.png) center no-repeat; margin-left: 5px; transition:.3s; position: relative; top:15px;}
.minus_b:hover:after { transform: rotate(360deg) }

.logo {margin: 40px 100px auto 57px;}
.logo2 {margin: 50px auto 40px; text-align:center;}

/* 에러페이지 */
#error_info_wrap {position:relative;min-height:100%;background-color:#f6f6f6;}
#error_info_wrap .error_info_area {width:870px; min-height:100%; margin:0 auto; padding:74px 0 100px;}
.error_info_area .error_tit_box {position:relative; padding-top:125px; margin-bottom:40px; text-align:center;}
.error_info_area .error_tit_box:before {display:block; content:""; position:absolute; top:0; left:50%; width:100px; height:88px; margin-left:-50px; background:url(../../../images/common/ico_error_page_100x88.png) no-repeat 0 0;}
.error_tit_box h1.error_tit {font-weight:bold; font-size:36px; color:#666;}
.error_tit_box .t_desc {padding-top:20px; font-size:22px; color:#555; line-height:28px;}
.error_info_area .error_info_box {margin-bottom: 50px; padding:41px 50px; border:1px solid #d7d7d7; background-color:#eee;}
.error_info_box .error_txt {font-size:18px; color:#666; line-height:24px;}
#error_info_wrap .footer_info_wrap {width:100%; height:32px; margin-top:-32px; padding-bottom:20px;}
#error_info_wrap .footer_info_wrap .footer_info {font-size:12px; color:#888; text-align:center;}

/* drag and drop */
 #fileDragDesc {width: 100%; height: 100%; margin-left: auto; margin-right: auto; text-align: center; line-height: 180px; vertical-align:middle;}
/*.dropZone {width: 99%; height: 220px; margin: auto;}*/
.dropZone table thead th:first-child	{border-left:none;}
.dropZone table thead th:last-child	{border-right:none;}
#updateFileListZone	{margin-top:0; border-top:none;}
.dragZone {background:rgba(255,255,255,0.7) url("../../../../../static-root/images/common/ico_upload.svg") 50% 50% no-repeat; background-size: 35px; width: 99%; height: 220px; border-color: #fff; outline: 2px dashed #333; margin: auto;}
.dropTable {border-bottom:1px solid #dadce0; /*border-left:1px solid #dadce0; border-right:1px solid #dadce0;*/}
.drag_txt {display:none; position: absolute; margin: -14px 0 0 -100px; font-size: 17px; margin-top: 110px; left: 50%; font-weight: 600; color: #333; width:250px;}
.dropBody {width:100%; height:200px; overflow:auto;}
.btnDelete {background:#fff; line-height:24px; padding:0 8px; border:1px solid #dfe1e5; border-left:0; height:27px; border-radius:4px 0 0 4px; border-left:1px solid #dfe1e5;}
.btnDelete:before	{content: "\f068";}
.btnDelete:hover	{color:#25aae1;}
.btnDownload {background:#fff; line-height:24px; padding:0 8px; border:1px solid #dfe1e5; border-left:0; height:27px; border-radius:4px 0 0 4px; border-left:1px solid #dfe1e5;}
.btnDownload:hover	{color:#25aae1;}
.btnDownload:before	{content: "\f019";} 

.gridContainer .title .sellRadioBtn {float:left; line-height:26px; margin-left:10px;}

.gridContainer .title .progress_txt {float:left; font-weight:700; font-size:12px; line-height:26px; padding-left:calc(100% - 850px);}
.gridContainer .title .progress_txt p:before {content:""; position:absolute;  top:0; left:0; width:4px; height:36px; background:#9a7d4a;}

.gridContainer .title .information_txt {float:right; font-weight:700; font-size:12px; line-height:26px;}

/* 주문진행현황 주석 관련 */
.gridContainer .title .orderProgressStatus {float:left; font-weight:700; font-size:12px; line-height:26px; padding-left:calc(100% - 1630px);}

.titleBtnEtc{padding:0px 32px; line-height:26px; background:#ef4055; color:#fff; font-weight:700; float:right; border-left:0; margin-right:5px; }
.titleBtnEtc:before{display:none;}
.titleBtnEtc:hover {background:#231815;}

/* 옵션품 개정이력 버튼렌더러  관련*/
.renderer_revision:before{margin-top: 2px;background: no-repeat center/100% url("../../../../../static-root/images/common/ico_search.svg");}
.renderer_revision {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; border: 1px solid #8e9aaf; border-radius: 3px; background: #c7d7df; font-size: 12px; background: linear-gradient(to bottom, #e8eef2, #c7d7df);
}

/* real-grid custom_render*/

.custom_render_span {
	flex: 1;
	text-align: right;
}

.custom_render_center_span {
	flex: 1;
	text-align: center;
}

.custom_render_left_span {
	flex: 1;
	text-align: left;
}

.custom_renderer > div {
	display: flex;
	align-items: center;
}

 .custom_renderer .rg-renderer:hover .custom-hover {
	visibility: visible;
}

.custom_renderer .rg-renderer .custom-hover {
	visibility: visible;
}

.custom_renderer .rg-renderer .custom-focused {
	visibility: visible;
}
.custom_file_delete {
	width : 62px;
	margin : 0px 2px;
	height: 26px;
	background: url(../../../../../static-root/images/common/btn_del.png);
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_file_delete_en {
	width : 62px;
	margin : 0px 2px;
	height: 26px;
	background: url(../../../../../static-root/images/common/btn_del_eng.png);
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_file_upload {
	width : 62px;
	margin : 0px 2px;
	height: 26px;
	background: url(../../../../../static-root/images/common/btn_fileUp.png);
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_file_upload_en {
	width : 62px;
	margin : 0px 2px;
	height: 26px;
	background: url(../../../../../static-root/images/common/btn_fileUp_eng.png);
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_popup {
	width : 14px;
	margin : 3px 2px;
	height: 14px;
	background: url("../../../../../static-root/images/common/ico_search.svg");
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_file_download {
	width : 62px;
	margin : 0px 2px;
	height: 26px;
	background: url(../../../../../static-root/images/common/btn_fileDown.png);
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_plus {
	width : 14px;
	margin : 3px 2px;
	height: 14px;
	background: url("../../../../../static-root/images/common/ico_plus.png");
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_minus {
	width : 14px;
	margin : 3px 2px;
	height: 14px;
	background: url("../../../../../static-root/images/common/ico_minus.png");
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_copy {
	width : 14px;
	margin : 3px 2px;
	height: 14px;
	background: url("../../../../../static-root/images/common/ico_copy.svg");
	background-repeat: no-repeat;
	float : right;
	background-size : 100%;
}

.custom_btn_print {
	width : 14px;
	height: 14px;
	background: url("../../../../../static-root/images/common/ico_print.svg");
	background-repeat: no-repeat;
	background-size : 100%;
	margin-left: 48%;
}

/* sms전송 버튼 */
.custom_btn_sms {
    width : 40px;
    height: 20px;
    margin: -5px -25px;
    position : absolute;
    background: url("../../../../../static-root/images/common/ico_cs.png");
    clip:rect(0,40px,40px,20px);
    background-repeat: no-repeat;
    background-size : 100%;
}
/* 실고객전환 버튼 */
.custom_btn_addClnt {
    width : 23px;
    height: 20px;
    background: url("../../../../../static-root/images/common/bt_i_write.png");
    background-repeat: no-repeat;
    background-size : 80%;
}
.right-column {
	text-align: right;
}
.right-bold-column {
	text-align: right;
	font-weight: bold;
}
.yellow-right-column {
	background: #FFCC00;
	text-align: right;
}

.gren-right-column {
	background: #EAF1DD;
	text-align: right;
}

.gray-column {
	background: #F6F6F6;
}

.gray-right-column {
	background: #F6F6F6;
	text-align: right;
}

.gray-left-column {
	background: #F6F6F6;
	text-align: left;
}
.error-row-column {
	background: #FDEBE6; /* E8380D */
}
.green-row-column {
	background: #EAF1DD; /* E8380D */
}
.readonly-row-column {
	background: #F6F6F6; /* E8380D */
}

/* DASH BOARD(21.09.27)*/
select {appearance:none; -webkit-appearance:none;}
/*.multiLayerArea.dashboard	{padding:0;}
.multiLayerArea.dashboard .contents	{height:100%;}*/
.contents.dashboard	{border:1px solid #e6e6e2; border-top:none; height:100vh;}
.contents.dashboard .tabBtnWrap	{padding-left:0;}
.contents.dashboard .tabBtnWrap > li	{flex-grow:0; flex-basis:240px;}
.contents.dashboard .flexWrap	{display:flex; height:100%;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap	{padding:20px; height:100%;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap	{flex-direction:column;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap [class*="Container"] + [class*="Container"]	{margin-top:20px;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child	{flex:1}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:last-child	{margin-left:20px; flex-basis:720px;}
.contents.dashboard .title	{display:flex; font-size:14px;justify-content: space-between; align-items: center;  padding:8px 20px; min-height:42px; border-bottom:1px solid #e6e6e2;}
.contents.dashboard .title h3	{font-weight:700; font-size:16px; line-height:26px;}
.contents.dashboard .title > a	{font-size:11px;}
.contents.dashboard .title > a:hover	{text-decoration:underline;}
.contents.dashboard .title > a:before	{content:""; width:10px; height:10px; margin-right:4px; display:inline-block; background:url("../../../../../static-root/images/common/ico_arrow.svg"); background-size:contain;}
.contents.dashboard [class*="Container"]	{border:1px solid #e6e6e2;}
.contents.dashboard table thead	{border-bottom:1px solid #e6e6e2;}
.contents.dashboard table td,.contents.dashboard table th	{border:none; text-align:center; }
.contents.dashboard table th	{line-height:42px;}
.contents.dashboard table td	{padding:15px;}
.contents.dashboard table td.left	{text-align:left;}
.contents.dashboard table td.right	{text-align:right;}
.contents.dashboard table td + td	{border-left:1px solid #e6e6e2;}
.contents.dashboard table tr + tr td	{border-top:1px solid #e6e6e2;}
.contents.dashboard table td p .new	{font-family:"tahoma"; vertical-align:top; padding:1px 4px 3px; margin-top:-1px; margin-right:4px; line-height:12px; font-size:10px; background:#ef4055; color:#fff; border-radius:2px; }
.contents.dashboard table td p a	{padding:10px; text-align:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap	{margin:20px 0;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap table	{border:1px solid #e6e6e2;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap table tr th:first-child	{border-right:1px solid #e6e6e2;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap table thead tr + tr th	{border-top:1px solid #e6e6e2;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap table thead tr + tr th:first-child	{border-right:none;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap th	{line-height:24px;}
.contents.dashboard .tabContentsWrap > li >  .flexWrap > .flexWrap:first-child > .tableWrap > p	{text-align:right; font-weight:700; margin-bottom:10px;}

.contents.dashboard .graphContainer	{flex:1;display:flex; flex-direction:column;}
.contents.dashboard .graphContainer .graphWrap	{flex:1;}
.contents.dashboard .menuContainer	{/*height:211px; */display:flex; flex-direction:column;}
.contents.dashboard .menuContainer ul	{display:flex; height:100%; flex-wrap:wrap; padding:10px;}
.contents.dashboard .menuContainer ul li	{/*height:calc((100% - 10px) / 2); */line-height:52px; margin-left:10px; width:calc((100% - 21px) / 3); text-align:center; /*margin-top:10px;*/}
/*.contents.dashboard .menuContainer ul li:nth-child(n+0):nth-child(-n+3)	{margin-top:0;}*/
.contents.dashboard .menuContainer ul li:nth-child(3n + 1)	{margin-left:0;}
.contents.dashboard .menuContainer ul li a	{width:100%; height:100%;display:flex; justify-content: center; align-items: center;border:1px solid rgba(230,230,226,0.6);}
.contents.dashboard .menuContainer ul li a:hover	{border-color:#ef4055; color:#ef4055;}
.contents.dashboard .summaryContainer	{flex:1; display:flex; flex-direction:column; }
.contents.dashboard .summaryContainer ul	{flex:1; display:flex; flex-wrap:wrap; padding:10px;}
.contents.dashboard .summaryContainer ul li	{display:flex; border:1px solid rgba(230,230,226,0.6); padding:20px; flex:1; flex-direction:column; justify-content: center; align-items: center;}
.contents.dashboard .summaryContainer ul li + li	{margin-left:10px;}
.contents.dashboard .summaryContainer ul li > span	{margin-bottom:12px; font-size:14px;}
.contents.dashboard .summaryContainer ul li > p	{font-size:18px; font-weight:700;}
.contents.dashboard .summaryContainer ul li > p > span	{vertical-align:top; color:#ef4055;}
.contents.dashboard .accountsContainer tr td:last-child	{color:#ef4055; font-weight:700;}
.contents.dashboard .noticeContainer td	{padding:0;}


/**************************************************************************** 추가 CSS END **************************************************************************************************/

.orderOkWrap	{display:flex; flex-direction:column;  justify-content:center; align-items:center;}
.order_ok	{width:480px; text-align:center;border:1px solid #e6e6e2; box-shadow:0 5px 10px rgba(0,0,0,.2); position:relative; padding-top:18px;}
.order_ok:after	{content:""; position:absolute; width:100%; height:12px; top:0; left:0; background:#ef4055;}
.order_ok .imgWrap svg	{width:160px; fill:#73c6c8;}
.order_ok h4	{font-size:42px;}
.order_ok h4 + p	{font-size:20px; margin:42px 0 52px; letter-spacing:-2px;color:#9ba09e;}
.order_ok h4 + p span	{vertical-align:baseline; color:#9a7d4a;}
.order_ok .btnWrap	{width:100%; display:flex;}
.order_ok .btnWrap a	{text-align:center; flex:1; cursor:pointer; line-height:52px; font-size:18px; font-weight:700; background:#e6e6e2;}
.order_ok .btnWrap a:last-child	{background:#ef4055; color:#fff;}
.order_ok .btnWrap a:hover	{background:#231815; color:#e6e6e2;}
.order_ok .btnWrap a:before	{margin-top:13px; margin-right:6px;}
.order_ok .btnWrap a img	{width:18px; margin-left:18px; margin-top:-4px;}
.order_ok .btnWrap a svg	{width:16px; height:16px; fill:#aaaaa8; margin-right:18px;}

/*	210415	add	*/
.cke_editable	{line-height:1.4;}
.cke_wysiwyg_frame html	{overflow-y: auto; padding:10px;}

/*	scroll container	*/
.iframeContainer.scroll	{border-top:1px solid #dadce0; border-bottom:1px solid #dadce0; overflow-y:scroll;}
.iframeContainer.scroll .searchContainer table tr:first-child th,.iframeContainer.scroll .searchContainer table tr:first-child td	{border-top:none;}
.iframeContainer.scroll .searchContainer.close .btnWrap	{border-top:none;}
.iframeContainer.scroll .splitWrap > .title	{position:relative; width:100%; padding:4px 10px 4px 0; min-height:36px; border:1px solid #e6e6e2; border-left:none; overflow:hidden;}
.iframeContainer.scroll .splitWrap > .title h3	{float:left; font-weight:700; font-size:16px; line-height:26px; padding-left:12px;}
.iframeContainer.scroll .splitWrap > .title h3 p span	{vertical-align:baseline;}
.iframeContainer.scroll .splitWrap > .title h3 p:before	{content:""; position:absolute;  top:0; left:0; width:4px; height:36px; background:#9a7d4a;}
.iframeContainer.scroll .splitWrap > .title h3.green p:before	{background:#73c6c8;}
.iframeContainer.scroll .splitWrap > .title h3.blue p:before	{background:#00657d;}
.iframeContainer.scroll .splitWrap > .title h3.burgundy p:before	{background:#842326;}
.iframeContainer.scroll .hsplitter	{display:none;}
.iframeContainer.scroll .fixheight	{height:284px !important;}
.iframeContainer.scroll .fixheight .gridContainer	{border-top:none;}
.iframeContainer.scroll .fixheight .gridContainer .realGridWrap	{height:100%;}
.iframeContainer.scroll .gridContainer.bottom_panel	{border:none; overflow:inherit;}
.iframeContainer.scroll .innerTable	{border:1px solid #e6e6e2; border-bottom:none; margin-bottom:10px;}
.iframeContainer.scroll .tabContainer	{border:1px solid #e6e6e2; border-bottom:none;}
.iframeContainer.scroll .fixheightSize	{height:495px !important;}
.iframeContainer.scroll .fixheight210px	{height:210px !important;}
.iframeContainer .fixheight111px	{height:111px !important;}
.iframeContainer .fixTopHeight	{height:315px !important;}

.xxx {height:100% !important;}
.guideTex {line-height: 18px; font-size: 13px; padding-left: 40px;}
.guideTexB {line-height: 25px; font-size: 14px; padding-left: 20px; font-weight: bold; }
.necessarySpan{color: red; margin-bottom: 5px;}
.result-success {color: #5D8CEA; font-weight: bold;}
.result-fail{color: #ED5E5E;font-weight: bold;}

/*noneGridContainer*/
.noneGridContainer{height:100%; border:1px solid #e6e6e2; flex-wrap:wrap; flex-direction:column;}
.noneGridContainer .title + div	{flex-basis:0; flex-grow:1; border-top:1px solid #e6e6e2; }
.noneGridContainer.inner	{display:block;}
.noneGridContainer.inner > div:nth-of-type(3)	{margin-top:10px; border-top:1px solid #e6e6e2;}

.noneGridContainer .title	{position:relative; width:100%; padding:5px 10px 5px 0; min-height:36px;}
.noneGridContainer .title h3	{float:left; font-weight:700; font-size:16px; line-height:26px; padding-left:12px;}
.noneGridContainer .title h3 p span	{vertical-align:baseline;}
.noneGridContainer .title h3 p:before	{content:""; position:absolute;  top:0; left:0; width:4px; height:36px; background:#9a7d4a;}
.noneGridContainer .title h3.green p:before	{background:#73c6c8;}
.noneGridContainer .title h3.blue p:before	{background:#00657d;}
.noneGridContainer .title h3.burgundy p:before	{background:#842326;}

.noneGridContainer .title.none	{padding:0; min-height:auto; height:0;}
.noneGridContainer .title.none + div	{border-top:none;}


/* 20230410 추가 */
.inputGroup {width: 100%; display: flex; flex-wrap: wrap; flex-grow: unset !important; flex-basis: unset !important; align-items: flex-start; padding: 0; border-bottom: 1px solid #ddd;}
.inputGroup:last-of-type {border-bottom: 0;}
.searchContainer .inputGroup>div, .searchContainer .inputGroup>dl {flex: 1;}
.inputGroup>div, .inputGroup>dl {min-width: 152px; margin:0 5px 5px 0;}
.inputGroup>div {display: flex; align-items: center; min-width: 164px;}
@media (min-width: 1200px) {
	.gridContainer .inputGroup>div, .gridContainer .inputGroup>dl {width: calc(16.666% - 5px);}
}
@media (max-width: 1200px) {
	.gridContainer .inputGroup>div, .gridContainer .inputGroup>dl {width: calc(20% - 5px);}
}
@media (max-width: 900px) {
	.gridContainer .inputGroup>div, .gridContainer .inputGroup>dl {width: calc(25% - 5px);}
}
@media (max-width: 768px) {
	.gridContainer .inputGroup>div, .gridContainer .inputGroup>dl {width: calc(33.333% - 5px);}
}
.inputGroup>div>button {font-size: 0; width: 20px; height: 20px;}
.inputGroup>div>button.btn-back {background: url(../../../../../static-root/images/common/ico_triangle.svg) center center no-repeat; background-size: 80%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);}
.inputGroup>div>button.btn-next {background: url(../../../../../static-root/images/common/ico_triangle.svg) center center no-repeat; background-size: 80%;}
.inputGroup dl dt {background: #f2f2f0; border: solid 1px #e6e6e2; border-bottom: 0; color: #000; font-weight: 700; line-height: 1.2; padding: 2px 8px 4px 8px; white-space: nowrap;}
.required {color: #ef4055;}
.required::after {content: "*";}
.title + .inputGroup {padding: 5px 0 5px 5px;}

.inbutton {float: none !important;}

.statusWrap {width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
.statusWrap>div {flex: 1; min-height: 50px; background: #eee; border: solid 1px #ccc; border-radius: 20px; padding: 10px 0; text-align: center;}
.statusWrap>div.on {background: #fff; border-color: #ef4055;}
.statusWrap>div>p {font-size: 16px; font-weight: 700; line-height: 1.6;}
.statusWrap>div>a, .statusWrap>div>span {display: inline-block; width: 80%; height: 23px; font-size: 14px; font-weight: 700; color:#ef4055;line-height: 1.6;}
.statusWrap>div>a:hover {text-decoration: underline;}
.statusWrap .next-arrow {width: 24px; height: 24px; background: url("../../../../../static-root/images/common/ico_arrow_p.svg") center center no-repeat; background-size: 100%; margin: 0 5px;}

.tabWrap {width: 100%; height: 100%;}
.tab-button {display: flex; align-items: flex-start;}
.tab-button>li {flex: 1; text-align: center; margin-left: -1px;}
.tab-button a {display: block; font-size: 16px; font-weight: 500; line-height: 36px; color: #eee; border: solid 1px #ddd; background: #999;}
.tab-button a.on {background: #ef4055; color: #fff; font-weight: 700; border-bottom: 0;}
.tab-content {height: calc(100% - 38px); overflow-y: auto;}
.tab-content .gridContainer {flex-wrap: nowrap !important;}
.btnInnerWrap {display: flex; margin-top: 5px;}
.btnInnerWrap button {flex: 1; line-height: 24px; padding: 0; color: #ef4055; border:solid 1px rgba(239,64,85,0.3); background: rgba(239,64,85,0.1);}
.btnInnerWrap button+button {margin-left: 5px;}

.btnGroup li:first-child button.refresh.on {border-color: #ef4055; border-left: 1px solid #ef4055;}
button.refresh:before, button.refresh.on:hover::before {width: 14px; height: 14px; margin-top: 5px; background:url("../../../../../static-root/images/common/ico_refresh.svg") center top no-repeat; background-size: auto 100%; }
button.refresh.on:before {background:url("../../../../../static-root/images/common/ico_refresh_on.svg") center top no-repeat; background-size: auto 100%; }

.textBtnWrap button.btn-inner {flex-basis: 52px; color: #ef4055; border: solid 1px rgba(239,64,85,0.3); background: rgba(239,64,85,0.1);}
.textBtnWrap button.btn-inner::before {display: none;}

/*	inputWrap - title	*/
.inputWrap .title	{position:relative; width:100%; padding:5px 10px 5px 0; min-height:36px;}
	.inputWrap .title h3	{float:left; font-weight:700; font-size:16px; line-height:26px; padding-left:20px;}
	.inputWrap .title h3 p span	{vertical-align:baseline;}
	.inputWrap .title h3 p:before	{content:""; position:absolute; top:50%; left:4px; width:10px; height:20px; background:#ef4055; border-radius: 5px 5px 5px 0; transform: translateY(-10px);}

	.inputWrap .title.none	{padding:0; min-height:auto; height:0;}
	.inputWrap .title.none + div	{border-top:none;}

.textBtnWrap button.plus:before {margin-top: 3px;}

.columWrap>div {border-bottom: solid 1px #ddd;}
.btn-down-arrow {font-size: 0; width: 24px; height: 24px; background: url("../../../../../static-root/images/common/down_arrow.svg") center center no-repeat; background-size: 100%; border: solid 1px #EF4055; margin: 0;}
.btn-down-arrow::before {display: none;}


.tableData th, .tableData td {padding: 5px;}
.taxTable {border: solid 1px #333; margin-bottom: 10px}
.taxTable>div {margin: 0;}
.taxTable th, .taxTable td {text-align: left !important;}
.taxTable .pink {background: #ffe6e7; text-align: center !important;}
.taxTable .blue {background: #eaf1ff; text-align: center !important;}