@charset "utf-8";

/* All */
header, footer, nav, main, section, article, aside, figure, figcaption, embed, iframe {display:block;}
body, table, input, textarea, select, button {font-size:12px;}
a img {border:0;}


/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; font-style:normal; line-height:1;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:break-all;}

html, body {height:100%;}
html {overflow-y:hidden;}
body {margin:0; padding:0; scroll 0 0 transparent; font-family:'PretendardR','RobotoR',sans-serif; font-size:12px; color:#606060; color:#26282c; color:#171717;}

table				{border-collapse:collapse; border:0; padding:0;}
td,th				{vertical-align:middle; font-size:12px; font-family:'PretendardR','RobotoR',sans-serif;}
dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
button, label		{padding:0; border:none; vertical-align:middle; font-family:'PretendardR','RobotoR',sans-serif; outline:none; cursor:pointer;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
blockquote, q		{quotes:none;}
ins					{text-decoration:none;}
del					{text-decoration:line-through;}
hr					{display:block; -webkit-margin-before:0.5em; -webkit-margin-after:0.5em; -webkit-margin-start:auto; -webkit-margin-end:auto;}
img, fieldset		{border:0 none; vertical-align:middle;}
img					{max-width:100%;}
a					{outline:none; select-dummy:expression(this.hideFocus=true); cursor:pointer;}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:100%; font-family:'PretendardR','RobotoR',sans-serif; font-size:15px; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:8px 0; width:100%; font-family:'PretendardM','RobotoM',sans-serif; font-size:15px; color:#000; border:none; resize:none;}
input, textarea		{outline:none;}

textarea.heightAuto										{height:auto !important;}


input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"] {
	padding:0;
	width:100%;
	height:40px;
	font-family:'PretendardM','RobotoM',sans-serif;
	font-size:15px; font-size:14px;
	color:#000; color:#26282c;
	border:none;
	background-color:#fff;
	vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align:middle;
	margin:0;
	padding:0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}


input::-webkit-input-placeholder	{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
input:-ms-input-placeholder			{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
input::-moz-placeholder				{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
input:-moz-placeholder				{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}

textarea::-webkit-input-placeholder	{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
textarea:-ms-input-placeholder		{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
textarea::-moz-placeholder			{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}
textarea:-moz-placeholder			{font-family:'PretendardR','RobotoR',sans-serif; color:#ddd; color:#8B93A1;}


input								{-webkit-appearance:none; appearance:none;}
input,textarea, button, select		{border-radius:0; -webkit-border-radius:0;}

textarea[disabled],
textarea[readonly],
input[disabled],
input[readonly]						{background-color:#f0f0f0; background-color:#F9F9FB; background-color:#f8f8f8;}

.hasTextarea.readonly,
.hasTextarea.disabled,
.layerView .oneHada textarea[disabled],
.layerView .oneHada textarea[readonly],
.oneHada textarea[disabled],
.oneHada textarea[readonly],
.layerView.oneHada input[disabled],
.oneHada input[disabled],
.layerView.oneHada input[readonly],
.oneHada input[readonly]				{background-color:#F8FAFC !important;}

.oneHada .top_search .wrap-select.hasInput input[disabled],
.oneHada .top_search .wrap-select.hasInput input[readonly]						{background-color:transparent !important;}

input[disabled]:focus,
input[readonly]:focus					{border-color:#d2d2d2 !important; box-shadow:none !important;}


/* 스크롤바 */ /* Custom scrollbars are not supported in Firefox or in Edge, prior version 79. */
::-webkit-scrollbar {width: 5px; height:5px;}		/* width, height */
/* ::-webkit-scrollbar {width: 10px; height:10px;}		/* width, height */ 
/* ::-webkit-scrollbar {width: 8px; height:8px;}		/* width, height */
::-webkit-scrollbar-track {background: #fafafa;}		/* Track */
::-webkit-scrollbar-thumb {background: #d3d6de; border-radius: 15px;}		/* Handle */
/* ::-webkit-scrollbar-thumb {background: #e5e5e5; border-radius: 15px;}		/* Handle */
::-webkit-scrollbar-thumb:hover {background: #9b9da3;}			/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {background: #d3d6de;}		/* Handle on hover */


/* Link style */
a:link					{color:#000; text-decoration:none;}
a:visited				{color:#000; text-decoration:none;}
a:hover					{color:#000; text-decoration:none;}
a:active				{color:#000; text-decoration:none;}
a:focus					{color:#000; text-decoration:none;}
a.self					{text-decoration:none;}


/* etc define */
.underline {text-decoration:underline;}
.lineThrough {text-decoration:line-through; color:#8a8a8a;}
.font-default {color:#333; font-weight:normal;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle !important;}
.alignTop {vertical-align:top !important;}
.alignBottom {vertical-align:bottom !important;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderBottom {border-bottom:1px solid #dfdfdf;}
.borderRight {border-right:1px solid #e8e8e8;}
.txtspace {letter-spacing:-1px;}
.displayInline-block {display:inline-block;}
.displayBlock {display:block;}
.displayNone {display:None !important;}
.borderNone {border:none !important;}
.overflowHidden {overflow:hidden;}



/* Selectbox Style */
.wrap-select							{position:relative;}
.wrap-select > a					{display:flex; align-items:center; width:100%; padding:10px 25px 10px 0; position:relative; transition:.2s; background-color:#fff;}
.wrap-select > a:before,
.wrap-select > a:after					{content:""; position:absolute; right:0; top:50%; width:9px; height:2px; background-color:#333; border-radius:1px; transition:.2s;}
.wrap-select > a:before				{transform:translateY(-50%) rotate(42deg); right:5px;}
.wrap-select > a:after					{transform:translateY(-50%) rotate(-42deg);}
.wrap-select > a > label				{font:14px / 1 "PretendardM"; color:#8B93A1;}

/* .wrap-select.beLine.on > a:before, */
/* .wrap-select > a:hover:before, */
.wrap-select > a.on:before				{transform:translateY(-50%) rotate(-42deg);}

/* .wrap-select.beLine.on > a:after, */
/* .wrap-select > a:hover:after, */
.wrap-select > a.on:after					{transform:translateY(-50%) rotate(42deg);}

/* .wrap-select > a:hover > label, */
.wrap-select.on > a > label,
.wrap-select > a.on > label				{color:#333;}

.wrap-select > a.readonly					{background-color:#F8FAFC !important;}

.wrap-select > a > i:first-child				{flex:0 0 20px; margin-right:6px;}

.wrap-select.beLine > a						{border:1px solid #E9E9F0; border-radius:8px; padding:10px 45px 10px 20px; border-color:#d2d2d2; border-color:#D7DCE5;}
.wrap-select.beLine > a:before				{right:23px;}
.wrap-select.beLine > a:after					{right:17px;}

.wrap-select.beLine:hover > a					{border-color:#202224; box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);}
.wrap-select.beLine:hover > a.readonly				{border-color:#d2d2d2; box-shadow:none;}

/* .wrap-select.beLine:hover > a.readonly:before, */
.wrap-select.beLine > a.readonly.on:before					{transform:translateY(-50%) rotate(42deg);}

/* .wrap-select.beLine:hover > a.readonly:after, */
.wrap-select.beLine > a.readonly.on:after						{transform:translateY(-50%) rotate(-42deg);}

/* .wrap-select.beLine.on > a								{border-color:#26282c;} */

.wrap-select.beLine.hasIcon > a								{padding-block:9px;}

.wrap-select.hasInput > a											{padding-block:0;}
.wrap-select.hasInput > a .reset								{aspect-ratio:1 / 1; border-radius:50%; height:15px; width:15px; background-color: #D7DCE5; transition:.2s; position:relative; min-height:15px !important; padding:0; display:none;}
.wrap-select.hasInput > a .reset:before,
.wrap-select.hasInput > a .reset:after					{content:""; position:absolute; top:50%; left:50%; width:1px; height:10px; background-color:#fff;}
.wrap-select.hasInput > a .reset:before					{transform:translate(-50%, -50%) rotate(45deg);}
.wrap-select.hasInput > a .reset:after					{transform:translate(-50%, -50%) rotate(-45deg);}
.wrap-select.hasInput.on > a .reset						{display:block;}
.wrap-select.hasInput:focus-within > a .reset						{background-color:#9A9DA6;}

.wrap-select.hasInput > a button.reset					{border-color:transparent;} 

.beFlex.twoInputs .dateSelect + .wrap-select.hasInput							{flex:0 0 192px;}

.wrap-select .select-list						{position:absolute; top:100%; left:0; border:1px solid #ECECF2; border-radius:10px; padding:20px; box-shadow:0 4px 15px 0 rgba(0,0,0,.15); background-color:#fff; z-index:2; display:none; z-index:5;}
.wrap-select .select-list > ul				{min-width:300px; overflow-y:auto; max-height:180px; max-height:201px;}

.top_search .wrap-select .select-list > ul,
.inputs-wrap .wrap-select .select-list > ul				{min-width:inherit;}

.wrap-select .select-list li a				{display:flex; align-items:center; border:1px solid transparent; font:14px / 1.2 "PretendardM"; color:#26282c; padding:10px 20px; transition:.25s; border-radius:6px; min-height:40px;}
.wrap-select .select-list li:hover a			{border-color:#333; background-color:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.15);}
.wrap-select .select-list li.on a					{border-color:#E9EDFB; background-color:#E9EDFB; box-shadow:none;}
.wrap-select .select-list li a > i:first-child				{flex:0 0 24px; margin-right:10px;}

.wrap-select .select-list li dl dt > .badge					{min-height:20px; font-size:10px; padding-inline:5px; min-width:32px;}

.wrap-select .select-list.toTop									{top:inherit !important; bottom:calc(100% + 6px);}
.wrap-select .select-list.toLeft									{left:inherit; right:0;}

.oneHada .wrap-select .select-list li.on a					{background-color:#EFF5FF; border-color:#EFF5FF;}

.wrap-select > a.on + .select-list				{display:block;}
.wrap-select > a.readonly.on + .select-list				{display:none;}

.wrap-select .select-list li + li					{margin-top:5px;}

.wrap-select.beLine .select-list							{top:calc(100% + 6px);}

.wrap-select.hasIcon .select-list li a					{padding-block:7px;}

.wrap-select.hasIcon.flag > a > i:first-child,										
.wrap-select.hasIcon.flag .select-list li a > i:first-child					{aspect-ratio:1 / 1; position:relative; border-radius:50%; overflow:hidden; margin-right:10px;}
.wrap-select.hasIcon.flag > a > i:first-child > img,
.wrap-select.hasIcon.flag .select-list li a > i:first-child > img			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%; max-width:inherit;}

.inputs-wrap .wrap-select > a				{min-height:40px;}

.inputs-wrap .wrap-select.beLine > a				{background-color:#F9F9FB; background-color:inherit;}
.inputs-wrap .wrap-select.beLine:hover > a,
.inputs-wrap .wrap-select.beLine.on > a			{background-color:#fff;}

.inputs-wrap .wrap-select.disabled > a:hover,
.inputs-wrap .wrap-select.disabled > a						{background-color:#F8FAFC;}
.inputs-wrap .wrap-select.disabled > a:hover			{border-color:#E9E9F0; box-shadow:none;}
.inputs-wrap .wrap-select.disabled input					{background-color:transparent;}

.top_search .wrap-select .select-list,
.inputs-wrap .wrap-select .select-list				{top:calc(100% + 6px); width:100%;}



/* Checkbox Image */
.wrap-check														{position:relative;}
.wrap-check > a												{display:flex; align-items:center; width:100%; padding:10px;}
.wrap-check > a > input									{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:0; opacity:0;}
.wrap-check > a > label									{display:flex; align-items:center; font:14px / 1.2 "PretendardM"; color:#202224; width:100%; position:relative; padding-left:30px;}
.wrap-check > a > label > i							{position:absolute; left:0; width:20px; height:20px; border-radius:6px; background:#D1D6E3 url('/images/icon/i_check.png') no-repeat center; /* flex:0 0 20px; */ aspect-ratio:1 / 1; transition:.2s; background-image:url('/images/icon/svg/i_check_wh.svg');}
.wrap-check > a > label > i:first-child			{margin-right:8px;}
.wrap-check > a > input:checked + label > i				{background-color:#3617CE;}

.wrap-check.noTxt label > i:first-child		{margin:0; left:50%; transform:translateX(-50%);}
.oneHada .wrap-check.noTxt > a									{padding-inline:0;}

.wrap-check.small > a > label											{padding-left:24px;}
.wrap-check.small > a > label > i:first-child					{width:16px; height:16px; border-radius:4px;}

.top-searchOpt .wrap-check label				{/* white-space:nowrap; */}


.oneHada .wrap-radio > a > label,
.oneHada .wrap-check > a > label							 {color:#475067;}

.oneHada .wrap-radio > a > input:checked + label > i,
.oneHada .wrap-check > a > input:checked + label > i				{background-color:#2D67FF;}

.checkboxs-wrap.radioStyle .wrap-check > a > label > i						{background-image:none; border-radius:50%; background-color:#D1D6E3;}
.checkboxs-wrap.radioStyle .wrap-check > a > label > i:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:9px; height:9px; background-color:#fff; border-radius:50%; transition:.2s;}

.oneHada .checkboxs-wrap.noGap > .beGrid								{row-gap:0;}



/* Radio Image */
.wrap-radio														{position:relative;}
.wrap-radio > a												{display:flex; align-items:center; width:100%; padding:10px;}
.wrap-radio > a > input									{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:0; opacity:0;}
.wrap-radio > a > label									{display:flex; align-items:center; font:14px / 1.2 "PretendardM"; color:#202224; width:100%; position:relative; padding-left:30px;}
.wrap-radio > a > label > i								{position:absolute; left:0; border-radius:50%; background-color:#D1D6E3; flex:0 0 20px; aspect-ratio:1 / 1; transition:.2s; height:20px; width:20px;}
.wrap-radio > a > label > i:after					{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:9px; height:9px; background-color:#fff; border-radius:50%; transition:.2s}
.wrap-radio > a > label > i:first-child			{margin-right:10px;}
.wrap-radio > a > input:checked + label > i				{background-color:#3617CE;}
.wrap-radio > a > input:checked + label > i:after				{width:9px; height:9px;}

.wrap-radio.noTxt label > i:first-child		{margin:0; left:50%; transform:translateX(-50%);}

.wrap-radio > a > label.hasDetail				{flex-wrap:wrap; row-gap:8px; align-items:flex-start;}
.wrap-radio > a > label .detail						{flex:0 0 100%; font-size:12px;}
.wrap-radio > a > label .detail ul li						{line-height:1.2;}
.wrap-radio > a > label .detail ul li + li				{margin-top:2px;}

.oneHada .wrap-radio.noTxt > a							{padding:10px 0;}

.oneHada .layer-conts dl.beFlex.topAlign > dd > .wrapRadio-wrap:first-child > .wrap-radio > a				{padding-block:16px;}


.wrapRadio-wrap									{display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, auto)); grid-auto-rows:minmax(40px, auto); align-items:center;}
.noWide .wrapRadio-wrap					{grid-template-columns:repeat(auto-fill, minmax(150px, auto));}
.wrapRadio-wrap.threeCol					{grid-template-columns:repeat(3, 1fr);}
.wrapRadio-wrap.twoCol						{grid-template-columns:1fr 1fr;}

.beFlex.wrapRadio-wrap						{display:flex; align-items:center; column-gap:20px;}


/* Layout Selector */
.wrap												{/* min-width:1280px; */ display:grid; height:100%; overflow-y:auto; overflow-y:inherit;}
.wrap.beGrid								{display:grid; grid-template-columns:auto 1fr; gap:0; height:100%; width:100%;}
.stage												{display:grid; grid-template-rows:auto 1fr; gap:0;}
.bg-logo											{position:relative;}
.bg-logo:before							{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300px; height:94px; background:url('/images/icon/logo_w300.png') no-repeat center; background-size:100% auto; opacity:.1; z-index:0;}
.list-wrap										{position:relative;}
.beFlex											{display:flex; align-items:center;}

.beFlex.topAlign							{align-items:flex-start;}
.beFlex.beStretch						{align-items:stretch;}
.beFlex.alignRight.farAway,
.beFlex.farAway							{justify-content:space-between;}
.beFlex.alignRight						{justify-content:flex-end;}
.beFlex.alignCenter					{justify-content:center;}

.beFlex.beWrap							{flex-wrap:wrap;}

.beFlex.beJustify > *					{width:100%; /* flex:0 0 100% !important; */}

.beFlex.alignRight.farAway > .btn-wrap:last-child									{margin-inline:auto 0;}

.beFlex-col									{display:flex; flex-direction:column;}

.oneHada .beGrid						{display:grid;}
.oneHada .beGrid.noGap					{gap:0;}
.oneHada .beGrid.alignMiddle									{place-items:center;}

.oneHada .beGrid.threeCol				{grid-template-columns:1fr 1fr 1fr;}
.oneHada .beGrid.twoCol				{grid-template-columns:1fr 1fr;}
.oneHada .beGrid.sixCol				{grid-template-columns:repeat(6, 1fr);}

.inputs-wrap.twoCol .spanColAll,
.inputs-wrap.twoCol .spanTwoCol,
.oneHada .beGrid > .spanTwoCol,
.oneHada .beGrid.twoCol .spanColAll					{grid-column:span 2;}

.oneHada .beGrid.threeCol .spanColAll				{grid-column:span 3;}

.oneHada .beGrid.beBg												{padding:25px 30px; border-radius:8px;}
.oneHada .beGrid.beBg.lightBlue							{background-color:#F8FAFC;}
.oneHada .beGrid.beBg.beGrid								{row-gap:15px;}
.oneHada .beGrid.beBg.hasCheckboxsWrap				{padding-block:10px;}
.oneHada .beGrid.beBg dl.beFlex.hasInputWrapHasTime							{margin-inline:15px; column-gap:15px;}
.oneHada .beGrid.beBg dl.beFlex.hasInputWrapHasTime > dt					{flex:0 0 auto;}
.oneHada .beGrid.beBg dl.hasInputWrapHasTime + dl.hasInputWrapHasTime				{/* margin-left:30px; */}

.layerView.oneHada .beGrid.beBg .input-wrap input					{min-height:40px;}

.oneHada .beGrid.beBg.beGrid dl.beFlex > dt													{flex:0 0 100px;}
.oneHada .beGrid.beBg.beGrid dl.beFlex dd .wrap-radio > a						{white-space:nowrap;}

.oneHada .beGrid.beBg.beGrid.twoCol																{column-gap:30px;}

.oneHada > header > div,
.oneHada > .beGrid > article > div,
.oneHada > .beGrid > footer > div,
.oneHada > .beGrid > header > div							{max-width:1920px; margin-inline:auto;}


.wrap > .beGrid														{display:grid; grid-template-rows:52px 1fr; gap:0; height:100%; width:100%;}

.wrap > .beGrid.threeRow										{grid-template-rows:auto 1fr auto;}
.wrap > .beGrid.fourRow										{grid-template-rows:auto auto 1fr auto;}

.wrap > .beGrid > article > .beGrid						{display:grid; grid-template-columns:180px 1fr; height:100%;}
.wrap > .beGrid > article > .beGrid .snb:after				{background-color:#d2d2d2;}
.wrap > .beGrid > article > .beGrid .snb + article			{background-color:#fff;}

.wrap > .beGrid .stage				{padding:24px; height:100%; row-gap:24px;}
.wrap > .beGrid .stage > section					{display:grid; grid-template-rows:auto 1fr; height:100%; row-gap:24px; overflow-y:auto;}

.wrap > .beGrid .stage > section > .beFlex .beFlex button + .btn-wrap						{margin-left:15px;}
.wrap > .stage section .beFlex.farAway > .tabBtns-wrap + :last-child,
.wrap > .beGrid .stage > section > .beFlex.farAway > .beFlex										{flex:0 0 auto;}

.layerView .layer-conts .list-wrap,
.wrap > .beGrid .stage > section .list-wrap										{border-top:1px solid #000;}
.wrap > .beGrid .stage > section .list-wrap .table-wrap					{position:absolute; inset:0;}
.wrap > .beGrid .stage > section .list-wrap .table-wrap table tfoot td:first-child,
.wrap > .beGrid .stage > section .list-wrap .table-wrap table tfoot				{background-color:#F8F8F8;}


article.beGrid > section								{display:grid; grid-template-rows:auto 1fr; gap:10px 0; padding:20px; height:100%; width:100%; position:absolute; left:0; top:0;}

.wrap > .beGrid .stage .stageTop-wrap .iconBtn,
article.beGrid > section .iconBtn										{padding-left:25px; font:14px / 1 "PretendardM"; color:#8B93A1; height:20px; background-repeat:no-repeat; background-position:left center; background-size:auto 100%; display:flex; align-items:center; position:relative; color:#171717;}

.wrap > .beGrid .stage .stageTop-wrap .iconBtn:before,
article.beGrid > section .iconBtn:before						{content:""; position:absolute; left:25px; bottom:0; width:calc(100% - 25px); height:1px; background-color:#8B93A1; background-color:#171717;}

.wrap > .beGrid .stage .stageTop-wrap .guide,
article.beGrid > section .guide											{background-image:url('/images/icon/i_question_bk.png');}

.wrap > .beGrid .stage h1:first-child,
article.beGrid > section h1:first-child					{display:flex; align-items:center;}

.wrap > .beGrid .stage h1:first-child							{min-height:40px;}	

.wrap > .beGrid .stage h1:first-child > em,
article.beGrid > section h1:first-child > em									{font:18px / 1 "PretendardB"; color:#333;}

.wrap > .beGrid .stage h1:first-child > span:last-child,
article.beGrid > section h1:first-child > span:last-child				{margin-left:auto;}

.wrap > .beGrid .stage h1:first-child > em + a,
article.beGrid > section h1:first-child > em + a										{margin-left:30px;}

.wrap > .beGrid .stage h1:first-child .btn-wrap button,
article.beGrid > section h1:first-child .btn-wrap button					{height:40px; font-family:"PretendardM"; padding-inline:15px; min-width:128px;}

.wrap > .beGrid .stage h1:first-child .btn-wrap button.hasIcon,
article.beGrid > section h1:first-child .btn-wrap button.hasIcon					{padding-left:37px;}

.wrap > .beGrid .stage h1:first-child .btn-wrap button + button,
article.beGrid > section h1:first-child .btn-wrap button + button					{margin-left:20px;}

article.beGrid  > section.hasTwoCols .noWide + div,
.top-area + div,
.hasOneRow > div.only-of-type,
article.beGrid > section .noWide,
article.beGrid > section > div:only-of-type,
article.beGrid > section h1:first-child + div									{background-color:#fff; z-index:0; border-radius:8px; position:relative;}

.top-area + div > div article,
section.hasOneRow .noWide article,
article.beGrid > section .noWide article,
article.beGrid > section > div:only-of-type article,
article.beGrid > section h1:first-child + div article					{padding-inline:20px;}

article.beGrid > section.hasOneRow										{grid-template-rows:1fr;}
article.beGrid > section.hasTwoCols																{grid-template-columns:auto auto 1fr; column-gap:20px;}
article.beGrid  > section.hasTwoCols .noWide + div										{width:680px;}

.top-area + div > div,
section.hasOneRow .noWide > div,
article.beGrid > section > div:only-of-type > div,
article.beGrid > section h1:first-child + div > div										{height:calc(100% - 40px); width:100%; overflow-y:auto; margin:20px 0; position:absolute; left:0; top:0; display:grid; grid-auto-rows:auto; gap:15px;}

.top-area + div > div																						{margin-block:15px;}

section.hasOneRow .noWide												{width:800px; position:relative;}


.beGrid-twoRows-wrap															{display:grid; grid-template-rows:auto 1fr; row-gap:15px; height:100%; width:100%;}
.beGrid-twoRows-wrap.noGap											{row-gap:0 !important;}
.beGrid-twoRows-wrap .list-wrap .table-wrap				{position:absolute; width:100%; height:100%;}

.layerView .layer-conts .beGrid-twoRows-wrap				{min-height:500px; row-gap:20px;}

.top-area + div .beGrid-twoRows-wrap								{display:grid; grid-template-rows:auto 1fr; row-gap:15px; overflow-y:inherit;}

article.beGrid section .hasBeGridTwoRows-wrap,
.hasBeGridTwoRows-wrap													{margin-bottom:0; height:calc(100% - 20px);}

.beGrid-twoColumns-wrap													{display:grid; grid-template-columns: 1fr 1fr;}
.beGrid-twoColumns-wrap.twoOne									{grid-template-columns:2fr 1fr;}

.beGrid-fourColumns-wrap													{display:grid; grid-template-columns:1fr 1fr 1fr 1fr;}


.wrap > .beGrid .stage .stageTop-wrap > .beGrid			{display:grid; row-gap:20px;}

.oneHada > .beGrid > article > .beFlex							{height:100%; column-gap:20px; padding-inline:0 20px; padding-inline:0;}
.oneHada > .beGrid > article > .beFlex > div					{flex:1 1 0; height:100%;}
.oneHada > .beGrid > article > .beFlex .lnb					{flex:0 0 220px; border-width:0 1px; border-style:solid; border-color:#EAEDF4;}

.oneHada > .beGrid > article .conts-wrap > div							{padding-inline:0 20px;}
.oneHada > .beGrid > article .conts-wrap > .beGrid					{height:100%; padding-block:25px; row-gap:24px; grid-auto-rows:min-content;}
.oneHada > .beGrid > article .conts-wrap > .beGrid > h1:first-child				{font:24px / 1 "PretendardB";}

.oneHada > .beGrid > article .conts-wrap > .beGrid.fourRow							{grid-template-rows:auto auto auto 1fr auto;}

.oneHada > .beGrid > article .conts-wrap > .beGrid.detail_info						{row-gap:50px; padding-block:25px 100px; max-width:1040px;}

.oneHada > .beGrid > article .conts-wrap.hasScroll							{position:relative;}
.oneHada > .beGrid > article .conts-wrap.hasScroll > div					{overflow-y:auto; position:absolute; inset:0;}

.oneHada > .beGrid > article .conts-wrap.hasScroll > .toTop				{height:86px; width:74px; position:absolute; right:50px; bottom:25px; z-index:9; right:20px;}
.oneHada > .beGrid > article .conts-wrap.hasScroll > .toTop > a			{position:absolute; inset:0; border-width:1px 0 1px 1px; border-style:solid; border-color:#E1E5EC; border-radius:20px 0 0 20px; display:grid; place-items:center; box-shadow:-4px 0 10px 0 rgba(0,0,0,.05); background-color:#fff;}
.oneHada > .beGrid > article .conts-wrap.hasScroll > .toTop > a > p			{font:14px / 1 "PretendardM"; color:#171717; background:url('/images/icon/svg/i_totop.svg') no-repeat top center; padding-block:22px 0;}

.oneHada > .beGrid > article .conts-wrap.hasScroll > .toTop.withInqBtnWrap							{bottom:100px;}

.oneHada .layer-conts .top_search .btn-wrap > button,
.oneHada > .beGrid > article .btn-wrap > button					{font-family:"PretendardM"; background-color:transparent; border:1px solid #D7DCE5; border-radius:8px; color:#292E41; padding-inline:18px;}
.oneHada > .beGrid > article .btn-wrap > button.mBtn					{background-color:#2D67FF !important; border-color:unset !important;}
.oneHada > .beGrid > article .btn-wrap > button.reg,
.oneHada > .beGrid > article .btn-wrap > button.download			{/* padding-left:30px; */ min-width:115px;}

.oneHada .layer-conts .top_search .btn-wrap > button					{min-height:40px; height:auto;}

.oneHada > .beGrid > article .btn-wrap > a > i,
.layerView.oneHada .btn-wrap > button > i,
.oneHada > .beGrid > article .btn-wrap > button > i							{aspect-ratio:1 / 1; width:16px; display:inline-block; float:left; position:relative; margin-right:8px;}

.oneHada > .beGrid > article .btn-wrap > button.reg > i:before,
.oneHada > .beGrid > article .btn-wrap > button.reg > i:after						{content:""; position:absolute; left:50%; top:50%; width:10px; height:1px;}
.oneHada > .beGrid > article .btn-wrap > button.reg > i:before								{transform:translate(-50%, -50%) rotate(90deg);}
.oneHada > .beGrid > article .btn-wrap > button.reg > i:after									{transform:translate(-50%, -50%);}

.oneHada > .beGrid > article .btn-wrap > button.mBtn.reg > i:after,
.oneHada > .beGrid > article .btn-wrap > button.mBtn.reg > i:before							{background-color:#fff;}

.oneHada .layer-conts .btn-wrap > button.download > i,
.oneHada > .beGrid > article .btn-wrap > button.download > i										{background:url('/images/icon/svg/i_down_excel.svg') no-repeat center;}
.oneHada > .beGrid > article .btn-wrap > button.goView > i											{background:url('/images/icon/i_docu.png') no-repeat center;}

.oneHada > .beGrid > article .btn-wrap > a.view > i,	
.oneHada > .beGrid > article .btn-wrap > button.view > i													{background:url('/images/icon/svg/i_view.svg') no-repeat center; background-image:url('/images/icon/svg/i_doc_sheet.svg');}

.oneHada > .beGrid > article .btn-wrap > a.set > i,	
.oneHada > .beGrid > article .btn-wrap > button.set > i													{background:url('/images/icon/svg/i_set.svg') no-repeat center;}

.oneHada > .beGrid > article .btn-wrap.beFlex .reg.mBtn												{width:auto; flex:0 0 auto;}

.layerView.oneHada .btn-wrap > button.reset > i,
.oneHada > .beGrid > article .btn-wrap > button.reset > i												{background:url('/images/icon/svg/i_reset.svg') no-repeat center;}

.layerView.oneHada .addFileBtn-wrap > .beFlex.btn-wrap > button.blue,
.layerView.oneHada .btn-wrap > button.blue,
.oneHada > .beGrid > article .btn-wrap > button.blue												{color:#2D67FF; border-color:#2D67FF;}

.oneHada .title-borderInfo .badge.bgDkGray,
.oneHada > .beGrid > article .btn-wrap > button.bgDkGray									{color:#fff; background-color:#475067;}

.oneHada .hasIconBg														{position:relative;}
.oneHada .hasIconBg:before											{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:322px; aspect-ratio:322 / 250; background:url('/images/icon/svg/main_bg_ic.svg') no-repeat center; z-index:-1; opacity:.15; background-image:url('/images/icon/svg/main_bg_ic-1.svg'); opacity:.5;}

.oneHada article.hasPDFform > .beGrid					{padding-inline:20px; padding-inline:0;}
.oneHada article.hasPDFform .beGrid.detail_info					{row-gap:30px;}
.oneHada article.hasPDFform .beGrid.detail_info .title-borderInfo > .beGrid > .beFlex.employee-detail.sm					{padding:21px 36px; border: 1px solid #D7DCE5; border-radius: 8px; column-gap:15px;}
.oneHada article.hasPDFform .beGrid.detail_info .title-borderInfo > .beGrid > .beFlex.employee-detail.sm > .beGrid.hasPhoto					{flex:0 0 40px;}
.oneHada article.hasPDFform .beGrid.detail_info .title-borderInfo > .beGrid > .beFlex.employee-detail.sm > .beGrid.hasPhoto .photo-wrap				{margin-inline:0;}

.oneHada article.hasPDFform.beGrid									{grid-template-rows:none; row-gap:30px; align-content:start; height:auto; width:auto;}

.oneHada article.hasPDFform .title-borderInfo > .beGrid > .beGrid + .beGrid.total dl.beFlex dd font > b,
.oneHada article.hasPDFform .title-borderInfo dl.beFlex.total																		{font-size:16px; font-family:"PretendardSB";}

.oneHada article.hasPDFform .title-borderInfo > .beGrid > .beGrid > dl.beFlex.total dd font > b			{font-size:18px; font-family:"PretendardB";}

.oneHada article.hasPDFform .title-borderInfo dl.beFlex.hasMsg .msg > font									{font-size:12px; font-family:"PretendardM";}

.oneHada article.hasPDFform .title-borderInfo > .beGrid > .beGrid + .beGrid.total																		{position:relative; padding-block:30px 20px;}
.oneHada article.hasPDFform .title-borderInfo > .beGrid > .beGrid + .beGrid.total:before															{content:""; position:absolute; top:0; left:0; height:10px; width:100%; background-color:#F8F9FB;}
.oneHada article.hasPDFform .title-borderInfo > .beGrid > .beGrid + .beGrid.total dl.beFlex dd font:last-child					{padding-right:0;}

.oneHada article.hasPDFform .beFlex.head												{font:16px / 1 "PretendardM";}
.oneHada article.hasPDFform .beFlex.head b												{font-family:"PretendardSB";}

.oneHada article.hasPDFform .title-borderInfo .total .beFlex.beWrap.account-info font										{padding-inline:0;}
.oneHada article.hasPDFform .title-borderInfo .total .beFlex.beWrap.account-info font + font							{padding-inline:15px 0;}
.oneHada article.hasPDFform .title-borderInfo .total .beFlex.beWrap.account-info font + font:before				{display:none;}
.oneHada article.hasPDFform .title-borderInfo .total .beFlex.beWrap.account-info font + font:last-child			{flex:0 0 100%;}





/* Footer */
.oneHada footer					{min-height:129px; border-top:1px solid #DBE3E8; background-color:#F8FAFC; padding-block:20px 30px; transition:.35s ease-in-out; z-index:1;}
.oneHada footer ul				{text-align:center;}
.oneHada footer ul	 font,
.oneHada footer ul	 a			{padding:9px 17px; color:#5C667B; display:inline-block;}
.oneHada footer ul	 a						{padding-inline:15px;}
.oneHada footer ul	 a > b				{font-family:"PretendardB";}

.oneHada footer.out						{padding-block:6px; margin-bottom:-141px; margin-bottom:-88px;}
.oneHada footer.on						{margin-bottom:0;}


/* Header */
header				{background-color:#333; height:52px; /* z-index:99; */ position:relative;}

header > div					{display:flex; align-items:center; height:100%; padding-inline:20px; white-space:nowrap;}
header > div > div						{color:#fff;}
header > div > div:first-child				{margin-right:40px;}
header > div > div:last-child				{margin-left:auto; padding-block:10px;}

header .wrap-select							{position:inherit;}
header .wrap-select > a						{background-color:transparent;}
header .wrap-select > a:before,
header .wrap-select > a:after			{background-color:#fff;}
header .wrap-select > a.on label,
header .wrap-select > a label					{color:#fff;}
header .wrap-select .select-list		{min-width:300px; /* left:-20px; top:calc(100% + 7px); */top:calc(100% - 3px);}
header .wrap-select .select-list > ul				{max-height:450px;}
header .wrap-select .select-list label				{font-family:"PretendardM";}

.top-menus							{display:grid; grid-template-columns:auto auto auto auto; gap:40px; transition:.2s;}
.top-menus > span				{display:flex; align-items:center; font:14px "PretendardR"; color:#909090;}
.top-menus > span font				{font-family:"PretendardM"; color:#fff;}
.top-menus > span i					{border-radius:50%; display:grid; place-items:center; width:18px; height:18px; color:#fff;}
.top-menus > span i.red		{background-color:#EC605B;}
.top-menus > span b				{color:#fff;}
.top-menus > span p				{width:32px; height:32px; border-radius:50%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#DCE0EA; text-indent:-9999px;}
.top-menus > span p.on			{box-shadow:0 0 0 1px #DCE0EA inset;}

/* .top-menus .alim > b			{font-family:"PretendardM";} */
.top-menus .alim > i			{height:19px; width:auto; padding:0 8px; border-radius:20px; background-color:#A5A9B0; font:13px / 1 "PretendardSB"; margin-left:10px; cursor:pointer;}
.top-menus .alim.red > i			{background-color:#EC605B;}

.top-menus .point				{font-family:"PretendardM";}
.top-menus .point > b		{font-family:"PretendardB"; margin-left:10px;}
.top-menus .point > i			{background-color:#3617CE; font:12px / 1 "RobotoB"; margin-left:8px;}
.top-menus .hasSelect				{padding-right:30px; position:relative; cursor:pointer;}

.top-menus .hasSelect:before,
.top-menus .hasSelect:after					{content:""; position:absolute; top:50%; width:9px; height:2px; background-color:#fff; border-radius:1px; transition:.2s;}
.top-menus .hasSelect:before				{transform:translateY(-50%) rotate(42deg); right:5px;}
.top-menus .hasSelect:after					{transform:translateY(-50%) rotate(-42deg); right:0;}
.top-menus .hasSelect:hover:before		{transform:translateY(-50%) rotate(-42deg);}
.top-menus .hasSelect:hover:after					{transform:translateY(-50%) rotate(42deg);}

.top-menus .mem				{}
.top-menus .mem > p		{flex:0 0 32px;}
.top-menus .mem > b		{font-family:"PretendardSB"; margin:0 6px 0 10px; flex:0 0 auto;}
.top-menus .mem > b.beEllipsis				{flex:0 0 48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top-menus .mem > i.admin				{display:none;}
.top-menus .mem.admin > i				{white-space:nowrap; display:flex; align-items:center; justify-content:center; font:9px / 1 "PretendardM"; width:auto; height:auto; flex:0 0 auto; border:1px solid transparent; height:14px; border-radius:7px; padding:0 5px; margin-left:10px;}
.top-menus .mem.admin > i.red			{color:#EC605B; border-color:#EC605B; background-color:#fff;}

.top-menus .edit					{display:flex; align-items:center; margin-left:20px; padding-left:26px; position:relative;}
.top-menus .edit:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_top_setting.png') no-repeat center; background-size:100% auto;}

.top-menus .logOut						{border:1px solid #D5D5D5; height:28px; border-radius:14px; background-color:#333; color:#fff; padding:0 15px; transition:.2s; font-family:"PretendardM";}
.top-menus .logOut:hover				{background-color:#fff; border-color:#fff; color:#26282c;}

header > .beGrid						{display:grid; grid-template-columns:180px 1fr; align-items:center; background-color:#171717; padding-inline:0;}
header > .beGrid > div:first-child				{margin:0; padding-inline:14px;}
header > .beGrid > div:first-child .wrap-select label					{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
header > .beGrid > div:last-child				{padding-inline:20px;}
header > .beGrid .top-menus .logOut					{background-color:transparent;}
header > .beGrid .top-menus .logOut:hover		{background-color:#fff;}


.oneHada header									{background-color:#fff; min-height:70px; border-bottom:1px solid #EAEDF4;}
.oneHada header > div							{padding-top:10px; min-height:60px; padding-inline:0; white-space:unset;}
.oneHada header > div > div				{color:revert;}
.oneHada header .logo				{padding-inline:32px; flex:0 0 219px; height:100%; align-content:center;}
.oneHada header .logo > p			{height:30px; aspect-ratio:96 / 30; background:url('/images/snb/logo.png') no-repeat left center; background-size:auto 100%;}
.oneHada header > div > .beFlex			{flex:1 1 0; height:100%; padding-block:0;}
.oneHada header > div > .beFlex.farAway > span:first-child					{margin-right:20px;}

.oneHada header.beSticky							{position:sticky; top:0; z-index:999;}


.oneHada header .wrap-select									{position:relative;}
.oneHada header .wrap-select > a								{padding-inline:16px;}
.oneHada header .wrap-select > a:before,
.oneHada header .wrap-select > a:after					{display:none;}
.oneHada header .wrap-select > a label					{font:20px / 1 "PretendardB";}
.oneHada header .wrap-select > a.on label,
.oneHada header .wrap-select > a label					{color:#292E41;}
.oneHada header .wrap-select > a > label + i			{width:18px; aspect-ratio:1 / 1; border-radius:50%; background-color:#475067; margin-left:13px; position:relative; flex:0 0 18px;}
.oneHada header .wrap-select > a > label + i:before,
.oneHada header .wrap-select > a > label + i:after						{content:""; position:absolute; left:50%; top:50%; width:6px; height:1px; background-color:#fff; transition:.15s;}
.oneHada header .wrap-select > a > label + i:before					{transform:translate(-50%, -50%) rotate(42deg); margin-left:-2px;}
.oneHada header .wrap-select > a > label + i:after						{transform:translate(-50%, -50%) rotate(-42deg); margin-left:2px;}
.oneHada header .wrap-select > a.on > label + i:before			{transform:translate(-50%, -50%) rotate(-42deg); margin-left:-2px;}
.oneHada header .wrap-select > a.on > label + i:after				{transform:translate(-50%, -50%) rotate(42deg); margin-left:2px;}
.oneHada header .wrap-select.selectComp									{min-width:190px;}

.oneHada header .wrap-select .select-list									{top:calc(100% + 7px); max-width:300px;}
.oneHada header .wrap-select .select-list > ul							{width:100%; min-width:unset; max-height:320px;}	

.oneHada header .logout																	{margin-inline:32px;}

.oneHada header .topInfo-wrap.beFlex										{}
.oneHada header .topInfo-wrap														{font-size:14px; font-family:"PretendardM";}
.oneHada header .topInfo-wrap button										{background-color:transparent; border:1px solid #D7DCE5; min-height:28px; border-radius:14px; padding-inline:16px; color:#292E41; font:12px / 1 "PretendardM"; white-space:nowrap;}
.oneHada header .topInfo-wrap button.blue								{color:#2D67FF; border-color:#2D67FF;}
.oneHada header .topInfo-wrap > article										{}

.oneHada header .topInfos.beFlex													{column-gap:30px;}

.oneHada header .topInfos article													{/* white-space:nowrap; */}
.oneHada header .topInfos article > dl.beFlex							{column-gap:10px;}
.oneHada header .topInfos article > dl > dt									{color:#9AA0AA; font-family:"PretendardR"; white-space:nowrap;}

.oneHada header .topInfos article i									{aspect-ratio:1 / 1; width:18px; display:grid; place-items:center; background-color:#D7DCE5; border-radius:50%; font:12px / 1 "PretendardSB"; color:#fff;}
.oneHada header .topInfos article i.blue							{background-color:#2D67FF; color:#fff;}
.oneHada header .topInfos article i.red							{background-color:#EC605B; font-size:10px; font-family:"PretendardB"; color:#fff;}
.oneHada header .topInfos article dl .hasValue							{padding-right:17px; position:relative;}
.oneHada header .topInfos article dl .hasValue:before,
.oneHada header .topInfos article dl .hasValue:after				{content:""; position:absolute; right:0; top:50%; width:7px; height:1px; background-color:#8491A7;}
.oneHada header .topInfos article dl .hasValue:before			{transform:translateY(-50%) rotate(49deg); margin-top:-2.5px;}
.oneHada header .topInfos article dl .hasValue:after				{transform:translateY(-50%) rotate(-49deg); margin-top:2.5px;}
.oneHada header .topInfos article dl .hasValue > b					{font-family:"PretendardB"; white-space:nowrap;}
.oneHada header .topInfos article dl a.beFlex.hasValue			{column-gap:8px;}
.oneHada header .topInfos article dl .copy									{padding-right:28px; background:url('/images/icon/i_copy_20.png') no-repeat right center;}

.oneHada header .topInfos .account > dl > dt.beFlex						{column-gap:8px;}
.oneHada header .topInfos .account > dl > dd.beGrid						{display:grid; grid-template-columns:auto auto; align-items:center;}
.oneHada header .topInfos .account dl dd > span						{padding-inline:30px; position:relative;}
.oneHada header .topInfos .account dl dd > span:first-child				{padding-left:15px; width:fit-content;}
.oneHada header .topInfos .account dl dd > span:last-child				{padding-right:15px;}
.oneHada header .topInfos .account dl dd > span + span:before		{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#D7DCE5;}
.oneHada header .topInfos .account dl a.beFlex.hasValue					{column-gap:5px;}
.oneHada header .topInfos .account a.copy											{white-space:nowrap;}

.oneHada header .topInfos .account-info dl.beFlex						{column-gap:10px; row-gap:3px; flex-wrap:wrap; justify-content:center; transition:.2s;}
.oneHada header .topInfos .account-info dt.beFlex						{column-gap:4px;}
.oneHada header .topInfos .account-info dt.beFlex > p				{flex:0 0 17px;}

.oneHada header .topInfos .point dl dd > button						{margin-inline:15px 0;}
.oneHada header .topInfos .point dl dd.beFlex							{column-gap:8px;}

.oneHada header .topInfos .alim										{padding-inline:10px;}
.oneHada header .topInfos .alim p								{aspect-ratio:1 / 1; width:24px; background:url('/images/icon/i_alim.png') no-repeat center; text-indent:-9999px;}
.oneHada header .topInfos .alim i									{display:none;}
.oneHada header .topInfos .alim.new i							{display:grid;}
.oneHada header .topInfos .alim .beFlex						{column-gap:3px;}

.oneHada header .topInfos .myinfo a,
.oneHada header .topInfos .myinfo p							{text-indent:-9999px;}
.oneHada header .topInfos .myinfo dl.beFlex,
.oneHada header .topInfos .myinfo > .beFlex				{column-gap:10px;}
.oneHada header .topInfos .myinfo p							{flex:0 0 32px; width:32px; aspect-ratio:1 / 1; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#DCE0EA; background-image:url('/images/file/nophoto-image.png'); border-radius:50%; overflow:hidden;}
.oneHada header .topInfos .myinfo dl.beFlex				{flex-wrap:wrap; row-gap:4px;}
.oneHada header .topInfos .myinfo font						{color:#9AA0AA;}
.oneHada header .topInfos .myinfo font > b				{color:#292E41; font-family:"PretendardR"; min-width:40px; /* max-width:50px; */ display:block;}
.oneHada header .topInfos .myinfo font.beFlex						{column-gap:5px;}
.oneHada header .topInfos .myinfo font.beFlex > b				{flex:1 1 50px;}
.oneHada header .topInfos .myinfo small					{display:flex; align-items:center; justify-content:center; padding-inline:5px; height:14px; border-radius:7px; border:1px solid #dadada; font:9px / 1 "PretendardM"; white-space:nowrap;}
.oneHada header .topInfos .myinfo small.admin		{color:#EC605B; border-color:#EC605B;}
.oneHada header .topInfos .myinfo a							{flex:0 0 20px; width:20px; aspect-ratio:1 / 1;background:transparent url('/images/icon/i_top_setting.png') no-repeat center; background-size:100% auto;}

.oneHada header .beFlex.topInfos .myInfo,
.oneHada header .beFlex.topInfos .alim,
.oneHada header .beFlex.toppInfo-wrap .logout					{flex:0 0 auto;}





/* Snb */
.snb							{width:180px; transition:.3s; /* border-right:1px solid #E7EBEF; */ position:relative;}
.snb:after				{content:""; position:absolute; top:0; right:0; height:100%; width:1px; background-color:#E7EBEF;}
.snb	 > div				{display:grid; grid-template-rows:auto 1fr; height:100%; overflow:hidden;}
.snb > div > div			{padding:20px;}

.snb .logo-wrap					{display:flex; align-items:center; padding-inline:18px; padding-bottom:17px; border-bottom:1px solid #E7EBEF; height:70px;}
.snb .logo-wrap .logo						{padding-inline:2px;}
.snb .logo-wrap .logo > p				{width:70px; height:22px; background:url('/images/snb/logo.png') no-repeat center; background-size:100% auto; text-indent:-9999px;}
.snb .logo-wrap .close					{margin-left:auto; display:block; height:24px; width:24px; background:url('/images/snb/close_open.png') no-repeat center; background-size:100% auto; transition:.2s;}
.snb .logo-wrap .open					{transform:rotate(180deg);}

.snb .menus-wrap									{padding:8px 0; position:relative;}
.snb .menus-wrap > div							{overflow-y:auto; height:100%; /* max-height:100%; */ min-height:720px; position:absolute; top:0; left:0; display:inline-grid; grid-auto-rows:36px; row-gap:12px; padding-block:10px;}
.snb .menus-wrap > div:after					{content:""; position:absolute; right:0; height:36px; width:4px; z-index:1; background-color:transparent; transition:.3s;}
.snb .menus-wrap.act > div:after				{background-color:#3617CE;}
.snb .menus-wrap > div > a						{display:block; }
.snb .menus-wrap > div > a > div				{display:flex; align-items:center; width:100%; font:14px / 1 "PretendardM"; color:#A3AED0; padding:12px 20px; padding-block:8px;}
.snb .menus-wrap > div > a > div > p			{flex:0 0 20px; height:20px;}
.snb .menus-wrap > div > a > div > p + span				{margin-left:10px; transition:.3s;}

.snb .menus-wrap > div > a.on > div > span					{color:#3617CE; font-family:"PretendardSB";}

.snb .menus-wrap > div.sm01:after						{top:12px;}
.snb .menus-wrap > div.sm02:after						{top:60px;}
.snb .menus-wrap > div.sm03:after						{top:108px;}
.snb .menus-wrap > div.sm04:after						{top:156px;}
.snb .menus-wrap > div.sm05:after						{top:204px;}
.snb .menus-wrap > div.sm06:after						{top:252px;}
.snb .menus-wrap > div.sm07:after						{top:300px;}
.snb .menus-wrap > div.sm08:after						{top:348px;}
.snb .menus-wrap > div.sm09:after						{top:396px;}
.snb .menus-wrap > div.sm10:after						{top:444px;}
.snb .menus-wrap > div.sm11:after						{top:492px;}
.snb .menus-wrap > div.sm12:after						{top:540px;}
.snb .menus-wrap > div.sm13:after						{top:588px;}
.snb .menus-wrap > div.sm14:after						{top:636px;}
.snb .menus-wrap > div.sm15:after						{top:684px;}
.snb .menus-wrap > div.sm16:after						{top:732px;}
.snb .menus-wrap > div.sm17:after						{top:780px;}
.snb .menus-wrap > div.sm18:after						{top:828px;}
.snb .menus-wrap > div.sm19:after						{top:876px;}
.snb .menus-wrap > div.sm20:after						{top:924px;}
.snb .menus-wrap > div.sm21:after						{top:972px;}
.snb .menus-wrap > div.sm22:after						{top:1020px;}

.snb.close				{width:60px;}
.snb.close .logo-wrap					{}
/* .snb.close .logo-wrap .logo					{display:none;} */
.snb.close .menus-wrap div > span					{white-space:nowrap;}

.snb + article					{background-color:#F5F6FA;}

.wrap > .beGrid .snb .menus-wrap								{grid-template:none; padding:0;}
.wrap > .beGrid .snb .menus-wrap > .beGrid			{padding:15px 0; display:grid; row-gap:15px; width:100%; overflow-y:auto; grid-auto-rows:min-content; inset:0;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl				{padding-inline:10px; font:14px / 1 "PretendardSB";}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl i						{display:block; aspect-ratio:1 / 1; background-repeat:no-repeat; background-position:center; width:32px; height:32px; margin-right:5px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dt				{display:flex; align-items:center; height:32px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dt + dd			{margin-top:5px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd					{display:grid; row-gap:5px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a			{display:flex; align-items:center; height:40px; border-radius:6px; position:relative; transition:.2s;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a:before,
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a:after					{content:""; position:absolute; right:9px; top:50%; width:6px; height:1px; background-color:#D2D2D2;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a:before				{transform:translateY(-50%) rotate(48deg); margin-top:-2px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a:after					{transform:translateY(-50%) rotate(-48deg); margin-top:2px;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a > i		{position:relative;}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a.new > i:before				{content:"N"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:grid; place-items:center; border-radius:50%; height:15px; width:15px; background-color:#EC605B; color:#fff; font:9px / 1 "PretendardB";}
.wrap > .beGrid .snb .menus-wrap > .beGrid > dl > dd > a.on			{background-color:#ECEDFF;}

.snbM01 dt > i						{background-image:url('/images/icon/i_snb_mt01.png');}
.snbM02 dt > i						{background-image:url('/images/icon/i_snb_mt02.png');}
.snbM03 dt > i						{background-image:url('/images/icon/i_snb_mt03.png');}
.snbM04 dt > i						{background-image:url('/images/icon/i_snb_mt04.png');}


/* LNB */
.oneHada > .beGrid > article .lnb .beGrid							{display:grid;}
.oneHada > .beGrid > article .lnb a										{padding-inline:16px; display:block; padding-block:14px; min-height:44px; transition:.2s; padding-block:12px; min-height:40px; align-content:center;}
.oneHada > .beGrid > article .lnb a.beFlex										{display:flex;}
.oneHada > .beGrid > article .lnb a.hasBrack									{padding-right:0;}
.oneHada > .beGrid > article .lnb a.hasBrack > i								{display:block; width:24px; height:100%; position:relative;}
.oneHada > .beGrid > article .lnb a.hasBrack > i:before,
.oneHada > .beGrid > article .lnb a.hasBrack > i:after					{content:""; position:absolute; left:50%; top:50%; width:5px; height:1px; background-color:#8491A7;}
.oneHada > .beGrid > article .lnb a.hasBrack > i:before				{transform:translate(-50%, -50%) rotate(49deg); margin-top:-1.5px;}
.oneHada > .beGrid > article .lnb a.hasBrack > i:after					{transform:translate(-50%, -50%) rotate(-49deg); margin-top:1.5px;}
.oneHada > .beGrid > article .lnb a.hasBrack.on							{color:#2D67FF;}
.oneHada > .beGrid > article .lnb a.hasBrack.on > i:before,
.oneHada > .beGrid > article .lnb a.hasBrack.on > i:after					{background-color:#2D67FF;}
.oneHada > .beGrid > article .lnb ul a								{padding-inline:56px 0; background-color:transparent;}
.oneHada > .beGrid > article .lnb ul a.on							{background-color:#EFF5FF; color:#2D67FF; font-family:"PretendardB";}
.oneHada > .beGrid > article .lnb dl a,
.oneHada > .beGrid > article .lnb dl									{font-size:15px; font-family:"PretendardR"; color:#475067;}
.oneHada > .beGrid > article .lnb dl > dt							{padding-inline:40px 0; position:relative;}
.oneHada > .beGrid > article .lnb dl.inquriry > dt a.hasBrack:before,
.oneHada > .beGrid > article .lnb dl > dt:before			{content:""; position:absolute; left:16px; top:9px; width:24px; height:24px; aspect-ratio:1 / 1; background-position:center; background-repeat:no-repeat; background-image:url('/images/icon/svg/lnb_menu_df.svg'); top:8px;}
.oneHada > .beGrid > article .lnb dl.basic > dt:before							{background-image:url('/images/icon/svg/lnb_menu01.svg');}
.oneHada > .beGrid > article .lnb dl.hrm > dt:before								{background-image:url('/images/icon/svg/lnb_menu02.svg');}
.oneHada > .beGrid > article .lnb dl.accountBook > dt:before			{background-image:url('/images/icon/svg/lnb_menu03.svg');}
.oneHada > .beGrid > article .lnb dl.inquriry > dt:before						{background-image:url('/images/icon/svg/lnb_menu04.svg');}
.oneHada > .beGrid > article .lnb dl.inquriry > dt a.hasBrack:before				{background-image:url('/images/icon/svg/lnb_menu04_bl.svg'); transition:.2s; opacity:0;}
.oneHada > .beGrid > article .lnb dl.inquriry > dt a.hasBrack.on:before				{display:block; opacity:1;}

.oneHada > .beGrid > article .lnb dl > dt > a			{font-family:"PretendardB";}
.oneHada > .beGrid > article .lnb > .beGrid						{grid-auto-rows:min-content; row-gap:18px; padding-block:20px 50px; padding-inline:16px; height:100%;}

.oneHada > .beGrid > article .lnb.hasScroll						{position:relative;}
.oneHada > .beGrid > article .lnb.hasScroll > .beGrid				{position:absolute; inset:0; height:100%; width:100%; overflow-y:auto;}






/* Layer View */
.layerView											{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0; transition:all .2s ease-out; /* backdrop-filter:saturate(180%) blur(8px); */}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(255,255,255,.7); background-color:rgba(0,0,0,.15);}
.layerView > a										{position:fixed; top:0; bottom:0; left:0; right:0; z-index:1; text-indent:-9999px; background-color:transparent; cursor:default;}
.layerView .layer-body								{position:absolute; top:30%; top:55%; left:50%; z-index:9999; background-color:#fff; border-radius:15px; border-radius:10px; /* box-shadow:0 6px 48px 0 rgb(30,40,58,.2); */ opacity:0; transform:translate(-50%,-50%); transition:all .2s ease-out;}
.layerView.on										{opacity:1; z-index:9998;}
.layerView.on .layer-body							{top:50%; opacity:1;}

.layerView.alert.on										{z-index:9999;}

.layer-container									{position:relative; padding:30px; padding:20px; padding:0;}

.layer-container > a								{position:absolute; top:25px; right:25px; z-index:1; width:30px; height:30px; text-indent:-9999px;}
.layer-container > a:before,
.layer-container > a:after							{content:""; position:absolute; left:50%; margin-left:-1px; width:1px; height:31px; background-color:#000;}
.layer-container > a:before							{transform:rotate(45deg);}
.layer-container > a:after							{transform:rotate(-45deg);}

.layer-container > em								{display:flex; flex-wrap:nowrap; height:50px; font-family:'RobotoM','NotoKrM',sans-serif; font-size:22px; color:#000;}
.layer-container > em.alignCenter				{justify-content:center;}

.layer-container > button							{margin:20px auto;}
.layer-container > button:last-child							{margin:30px auto 10px;}
.layer-container > button,
.layer-container .plural-button button				{display:block; width:180px; height:50px; font-family:'NotoKrM'; font-size:17px; color:#fff; background-color:#039be6; border-radius:25px; box-shadow:0 1px 5px 0 rgba(0,0,0,.4); transition:all .2s;}
.layer-container > button:hover,
.layer-container .plural-button button:hover		{box-shadow:0 5px 10px 0 rgba(0,0,0,.2);}

.layer-container .plural-button						{display:flex; flex-wrap:nowrap; justify-content:center; margin:30px 0 10px;}
.layer-container .plural-button button				{margin:0 5px;}
.layer-container .plural-button button:last-child	{background-color:#444;}

.layer-container .btn-wrap														{}
.layer-container > .btn-wrap:last-child										{border-top:1px solid #d5d5d5; padding:10px 20px;}
.layer-container > .btn-wrap > div								{display:inline-flex; margin:0 -5px;}
.layer-container > .btn-wrap button						{min-width:100px; height:40px; border-radius:8px; font:14px / 1 "PretendardSB"; color:#202224; border:1px solid transparent; margin:0 5px;}
.layer-container > .btn-wrap.alignRight:last-child button					{width:auto;}

.layerView.oneHada.alert .layer-container > .btn-wrap:last-child											{padding:20px;}


.layer-header											{display:flex; align-items:center; padding-bottom:18px; border-bottom:1px solid #d5d5d5; position:relative; padding:20px;}
/* .layer-header:after									{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d5d5d5;} */
.layer-header > em									{font:18px / 1 "PretendardB"; color:#202224;}
.layer-header > a:last-child					{margin-left:auto;}
.layer-header .close								{position:relative; width:22px; height:22px; text-indent:-9999px;}
.layer-header .close:before,
.layer-header .close:after						{content:""; position:absolute; top:50%; left:50%; width:1px; height:22px; background-color:#202224;}
.layer-header .close:before					{transform:translate(-50%, -50%) rotate(45deg);}
.layer-header .close:after						{transform:translate(-50%, -50%) rotate(-45deg);}

.layer-conts												{padding:20px; font:14px / 1.4 "PretendardM"; color:#26282c; overflow-y:auto; max-height:calc(100vh - 270px); color:#171717;}

.layer-conts > .beFlex													{column-gap:40px;}
.layer-conts > .beFlex > span									{flex:1 1 0;}
.layer-conts > .beFlex.four-five > span:first-child								{flex:0 0 45%;}

.layer-container > .beFlex > .layer-conts				{width:100%;}
.layer-container > .beFlex > .layer-conts + .layer-conts						{border-left:1px solid rgba(0,0,0,.2);}


.layerView.alert .layer-body									{min-width:400px;}

.layerView.alert .layer-conts									{padding-block:0;}
.layerView.oneHada.alert .layer-conts									{padding-block:3px;}

.layerView.alert .layer-header,
.layerView.alert .btn-wrap:last-child					{border:0;}

.layerView.alert .layer-body + a,
.layerView.alert .layer-header .close					{display:none;}


.w430																{width:430px;}
.w480																{width:480px;}
.w520																{width:520px;}
.w530																{width:530px;}
.w610																{width:610px;}
.w630																{width:630px;}
.w640																{width:640px;}
.w610																{width:610px;}
.w680																{width:680px;}
.w720																{width:720px;}
.w740																{width:740px;}
.w850																{width:850px;}
.w870																{width:870px;}
.w880																{width:880px;}
.w890																{width:890px;}
.w900																{width:900px;}
.w980																{width:980px;}
.w1045															{width:1045px;}
.w1080															{width:1080px;}
.w1100															{width:1100px;}
.w1200															{width:1200px;}
.w1476															{width:1476px;}
.w1360															{width:1360px;}
.w1650															{width:1650px;}
.w1800															{width:1800px;}
.w1830															{width:1830px;}

.h600 .layer-conts										{height:calc(100vh - 571px);}

#popup_workTimeSet_reg .w870,
#popup_employee_reg .w870					{width:880px;}

.layerView .layer-body.noBd .layer-header						{border-bottom:0; padding:36px;}

.layerView .layer-body.noBd .layer-container > .btn-wrap:last-child						{border-top:0; padding:36px;}

.layerView .layer-body.noBd .layer-conts								{padding:4px 36px;}
.layerView .layer-body.noBd .layer-conts:last-child					{/* padding-bottom:50px; */ margin-bottom:50px;}
.layerView .layer-body.noBd .layer-conts.imgView-wrap					{margin-inline:36px; padding-inline:0;}

.layerView .layer-body.noBd .layer-conts > .beFlex > .beGrid,
.layerView .layer-body.noBd .layer-conts	 > .beGrid			{row-gap:20px; height:100%;}

.layerView .layer-body.noBd .layer-conts	 > .beGrid.hasNoti,
.layerView .layer-body.noBd .layer-conts	 > .beGrid.inputsWrap-wrap			{grid-template-rows:auto 1fr;}

.layerView .layer-body.noBd .layer-conts	 > .beGrid.hasNoti						{row-gap:24px;}

.layerView .layer-body.noBd .layer-header > em				{font:28px / 1 "PretendardB";}
.layerView .layer-body.noBd .layer-header > em > button					{min-height:40px; min-width:118px; background-color:transparent; border:1px solid #D7DCE5; border-radius:8px; font-size:14px; font-family:"PretendardM"; color:#171717;}
.layerView .layer-body.noBd .layer-header > em.beFlex						{column-gap:20px; column-gap:40px;}
.layerView .layer-body.noBd .layer-header .close:before,
.layerView .layer-body.noBd .layer-header .close:after					{width:1px; height:25px;}

.layerView .layer-body.noBd .layer-container > .btn-wrap:last-child > div.beFlex					{column-gap:7px;}
.layerView .layer-body.noBd .layer-container > .btn-wrap:last-child > div.beFlex > button					{min-width:150px; min-height:48px;}

.layer-container > .btn-wrap.oneVsTwo > div									{margin:0;}
.layer-container > .btn-wrap.oneVsTwo > div.beFlex					{width:100%;}
.layer-container > .btn-wrap.oneVsTwo > div.beFlex > button:nth-child(1)					{margin-right:auto; margin-left:0;}
.layer-container > .btn-wrap.oneVsTwo > div.beFlex > button:last-child							{margin-right:0;}


.layerView dl.beGrid						{display:grid; align-items:center; grid-template-columns:110px 1fr; font-size:13px; font-family:"PretendardM"; column-gap:10px; grid-template-columns:125px 1fr;}
.layerView dl.beGrid > dt				{padding-right:10px; color:#475067; word-break:keep-all; line-height:1.3; padding-right:inherit;}

.layerView .w870 .inputs-wrap dl.beGrid,
.layerView .w850 .inputs-wrap dl.beGrid					{grid-template-columns:120px 1fr 1fr; grid-template-columns:120px 269px 1fr; grid-template-columns:110px 269px 1fr; grid-template-columns:125px 269px 1fr;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail															{border:1px solid #D7DCE5;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid									{grid-template-columns:inherit;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid > dt,
.layerView .w870 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid > dd,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid > dt,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail > dl.beGrid > dd									{padding-inline:30px;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail > dl > dd.total,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail > dl > dd.total												{min-height:inherit;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail > dl > dd.total > span,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail > dl > dd.total > span											{padding-inline:0;}

.layerView .w870 .inputs-wrap dl.beFlex .amount-detail .inputs-wrap > dl.beFlex > dt,
.layerView .w850 .inputs-wrap dl.beFlex .amount-detail .inputs-wrap > dl.beFlex > dt							{flex:0 0 110px;}

.layerView .w870 .inputs-wrap .beFlex dd.hasBtnSelect > .btn_select,
.layerView .w850 .inputs-wrap .beFlex dd.hasBtnSelect > .btn_select,
.layerView .w680 .inputs-wrap .beFlex dd.hasBtnSelect > .btn_select					{max-width:320px;}

.layerView .w680 .inputs-wrap .beFlex dd.beFlex.hasBtnSelect > .btn_select							{flex:0 0 320px;}

.layerView .w900 .inputs-wrap .beFlex dd.beFlex.hasBtnSelect > .btn_select,
.layerView .w980 .inputs-wrap .beFlex dd.beFlex.hasBtnSelect > .btn_select							{flex:0 0 300px;}

.layerView .w1200 .inputs-wrap dl.beGrid.hasBtnSelect										{grid-template-columns:120px 269px auto;}
.layerView .w1200 .inputs-wrap .beFlex.hasBtnSelect > .btn_select					{flex:0 0 320px;}

.layerView .w1200 .inputs-wrap .beFlex.farAway > .hasSlideSwitch.beFlex:first-child										{flex:0 0 560px;}
.layerView .w1200 .inputs-wrap .beFlex.farAway > .hasSlideSwitch.beFlex:first-child > dl.beFlex										{flex:1 1 0;}
.layerView .w1200 .inputs-wrap .beFlex.farAway > .hasSlideSwitch.beFlex:first-child > dl.beFlex + .slide-switch			{flex:0 0 auto;}

.layerView .w1200 .inputs-wrap .spanTwoCol .beFlex.farAway > .hasSlideSwitch.beFlex:first-child						{flex:none;}

.layerView .w1200 .inputs-wrap.hasWorksTimeSet												{grid-template-columns:3fr 1fr; grid-template-columns:3.5fr 1fr;}
.layerView .w1200 .inputs-wrap.hasWorksTimeSet .spanTwoCol						{grid-column:span 2;}

.layerView .w1200 .inputs-wrap.hasWorksTimeSet .worksTimeSet					{min-height:inherit;}

.oneHada .inputs-wrap .verify-check .beFlex.farAway > .hasSlideSwitch.beFlex:first-child										{flex:0 0 auto;}

/*
.layerView .inputs-wrap dl.beGrid.twoVsOne				{grid-template-columns:120px 1fr;}
.layerView .inputs-wrap dl.beGrid.twoVsOne 				{margin-right:214px;}
.layerView .inputs-wrap dl.beGrid.fourTeenVsOne				{grid-template-columns:120px 14fr 1fr;}
*/

.oneHada .inputs-wrap .wrap-select .select-list > ul											{min-width:inherit; max-height:267px;}
.oneHada .inputs-wrap .wrap-select .select-list.hasAddress > ul					{min-width:unset; min-width:388px; max-height:361px;}

.oneHada .inputs-wrap .wrap-select .select-list.reduce > ul							{max-height:168px;}

.wrap-select .select-list.hasAddress						{width:auto;}
.wrap-select .select-list.hasAddress > ul				{min-width:350px;}
.wrap-select .select-list.hasAddress > ul li dl					{font-size:12px; color:#9AA0AA; font-family:"PretendardR":}
.wrap-select .select-list.hasAddress > ul li dl dt				{color:#171717; font-size:12px;}
.wrap-select .select-list.hasAddress > ul li dl dt b			{font-size:14px; font-family:"PretendardSB";}
.wrap-select .select-list.hasAddress > ul li dl dt i						{color:#dadada;}
.wrap-select .select-list.hasAddress > ul li dl dt.beFlex							{column-gap:7px;}
.wrap-select .select-list.hasAddress > ul li dl dd				{margin-top:8px;}
.wrap-select .select-list.hasAddress > ul li dl dd > font				{line-height:1.2;}

.top_search .wrap-select .select-list.hasAddress > ul				{min-width:388px;}

.layerView .inputs-wrap dl.beFlex .input-btn > button:last-child,
.layerView .inputs-wrap dl.beGrid .input-btn > button:last-child				{min-width:100px;}

.layerView .layer-conts.passwordSet						{min-height:300px;}

.layerView .layer-body.noBd .layer-conts .beGrid.detail_info						{row-gap:50px; row-gap:40px;}


.toastMsg.layerView												{left:50%; top:unset; transform:translateX(-50%); bottom:10%; width:auto; height:auto; position:absolute;}
.toastMsg.layerView:before									{display:none;}

.toastMsg.layerView .noti										{background-color:#475067; color:#fff; font:14px / 1 "PretendardSB"; opacity:0;}
.toastMsg.layerView .noti:before							{background-color:#F2A900;}

.toastMsg.layerView.on .noti								{will-change:transform; animation-name:toast-in; animation-duration:5s; -webkit-animation-duration:5s; animation-delay:.5s; animation-timing-function:ease; animation-iteration-count:1;}

@keyframes toast-in												{0% {transform:translateY(0); opacity:0;} 10% {transform:translateY(-10px); opacity:1;} 90% {transform:translateY(-10px); opacity:1;} 100% {transform:translateY(0); opacity:0;}}




/* button style */
.btn-wrap .mBtn						{background-color:#3617CE !important; color:#fff !important; border-color:#3617CE !important;}
.btn-wrap .subBtn					{background-color:#fff !important; color:#171717 !important; border-color:#D2D2D2 !important;}
/* .btn-wrap .subBtn					{background-color:#F5F6FA !important; color:#202224 !important; border-color:#E9E9F0 !important;} */
.btn-wrap .midBtn					{background-color:#fff !important; color:#3617CE !important; border-color:#3617CE !important;}
.btn-wrap .dkgBtn					{background-color:#22303E !important; color:#fff !important; border-color:#22303E !important;}
.btn-wrap .whBtn					{background-color:#fff !important; color:#171717 !important; border-color:#d2d2d2 !important;}
.btn-wrap .bkBtn					{background-color:#171717 !important; color:#fff !important; border-color:#171717 !important;}
.btn-wrap .bk50Btn				{background-color:#475067 !important; color:#fff !important; border-color:#475067 !important;}

.oneHada .btn-wrap .mBtn						{background-color:#2D67FF !important; color:#fff !important; border-color:#2D67FF !important;}
.oneHada .btn-wrap .midBtn						{background-color:#fff !important; color:#2D67FF !important; border-color:#2D67FF !important;}



/* Login */
.beGrid.login-wrap					{grid-template-columns:1fr; place-items:center; background-color:#F5F6FA; overflow-y:auto; background-color:#f8f8f8;}

.login-wrap .logo-loginInput						{display:grid; grid-template-rows:auto 1fr; gap:50px 0;}
.login-wrap p.logo				{background:url('/images/icon/logo_w300.png') no-repeat center; background-size:100% auto; width:150px; height:47px; text-indent:-9999px; margin:0 auto;}

.login-wrap .login-input				{background-color:#fff; box-shadow:0 4px 10px 0 rgba(0,0,0,.15); border-radius:20px; padding:50px; min-width:500px; box-shadow:0 4px 10px 0 rgba(0,0,0,.08);}

.login-wrap .login-input > div:first-child > em							{font:30px / 1 "PretendardB"; color:#202224;}
.login-wrap .login-input > div:first-child > small						{display:block; font:14px / 1 "PretendardR"; color:#333; margin-top:20px;}

.login-wrap .login-input > .beGrid												{display:grid; row-gap:20px;}
.login-wrap .login-input > .beGrid:first-child > small								{margin-top:0;}
.login-wrap .login-input > .beGrid:first-child > small.gray					{color:#9AA0AA;}


.login-wrap .login-input .inputs-wrap + .floatRight					{margin:-7px 0 20px;}
.login-wrap .login-input .inputs-wrap + .floatRight > a				{font:14px / 1 "PretendardM"; color:#171717; padding-right:18px; position:relative; text-decoration:underline;}
.login-wrap .login-input .inputs-wrap + .floatRight > a:before,
.login-wrap .login-input .inputs-wrap + .floatRight > a:after				{content:""; position:absolute; right:6px; top:50%; width:6px; height:1px; background-color:#171717;}
.login-wrap .login-input .inputs-wrap + .floatRight > a:before			{transform:translateY(-50%) rotate(47deg); margin-top:-2px;}
.login-wrap .login-input .inputs-wrap + .floatRight > a:after				{transform:translateY(-50%) rotate(-47deg); margin-top:2px;}


.wrap.oneHada > .beGrid.threeRow						{grid-template-columns:1fr;}
.wrap.oneHada > .beGrid.threeRow .beGrid.login-wrap				{background-color:transparent; background-color:#F8FAFC; overflow-y:unset; grid-template-rows:unset;}
.wrap.oneHada .beGrid.login-wrap .login-input > .beGrid			{row-gap:10px;}


.input-wrap								{position:relative;}
.input-wrap input					{border:1px solid #E9E9F0; border-radius:8px; padding-inline:20px; transition:.25s; border-color:#d2d2d2; border-color:#D7DCE5;}
.input-wrap input:focus				{border-color:#26282C; box-shadow:0 2px 6px 0 rgba(0,0,0,.15); padding-right:50px;}

.input-wrap.red input					{border-color:#f00;}
.input-wrap.red + .msg					{color:#f00;}

/*
.input-wrap input:focus + .pwEye,
.input-wrap input:focus + .btn-wrap .reset,
.input-wrap input:focus + .reset,
*/
.oneHada .inputWrap.on .reset,
.input-wrap.on .pwEye,
.input-wrap.on .reset															{display:block;}

.oneHada .input-wrap.on input[type="number"],
.oneHada .input-wrap.on input[type="tel"],
.oneHada .input-wrap.on input[type="text"]				{padding-right:47px; padding-inline:20px 47px;}

.input-wrap.on:focus-within .reset.round					{background-color:#9A9DA6;}

.input-wrap.on input[readonly] + .reset				{display:none;}

.oneHada .input-wrap input:focus									{padding-right:20px;}
.oneHada .input-wrap.on input:focus							{padding-right:47px; padding-inline:20px 47px;}

.beFlex.error > .input-wrap > input								{border-color:#f00;}
.beFlex.error > .input-wrap + small								{color:#f00; margin-top:10px; font-size:12px; flex:0 0 100%;}
.beFlex.error > .input-wrap + small.msg						{margin-top:0;}

.oneHada .inputs-wrap > dl.beGrid > dd.beFlex.error					{flex-wrap:wrap;}

.oneHada .inputs-wrap .beFlex.farAway								{column-gap:20px;}



.oneHada .input-wrap.hasDay,
.oneHada .input-wrap.hasWon															{position:relative;}

.oneHada .input-wrap.hasMinute > input[type="text"],
.oneHada .input-wrap.hasMinute > input[type="tel"],
.oneHada .input-wrap.hasMinute > input[type="number"],
.oneHada .input-wrap.hasPeople > input[type="text"],
.oneHada .input-wrap.hasPeople > input[type="tel"],
.oneHada .input-wrap.hasPeople > input[type="number"],
.oneHada .input-wrap.hasWon > input[type="text"],
.oneHada .input-wrap.hasWon > input[type="tel"],
.oneHada .input-wrap.hasWon > input[type="number"],
.oneHada .input-wrap.hasDay > input[type="text"],
.oneHada .input-wrap.hasDay > input[type="tel"],
.oneHada .input-wrap.hasDay > input[type="number"],
.oneHada .input-wrap.hasWon > input[type="text"],
.oneHada .input-wrap.hasWon > input[type="tel"],
.oneHada .input-wrap.hasWon > input[type="number"]			{padding-inline:20px 40px; text-align:right; color:#171717;}

.oneHada .input-wrap.hasKm > input[type="text"],
.oneHada .input-wrap.hasKm > input[type="tel"],
.oneHada .input-wrap.hasKm > input[type="number"],
.oneHada .input-wrap.hasDaypay > input[type="text"],
.oneHada .input-wrap.hasDaypay > input[type="tel"],
.oneHada .input-wrap.hasDaypay > input[type="number"],
.oneHada .input-wrap.hasLabor > input[type="text"],
.oneHada .input-wrap.hasLabor > input[type="tel"],
.oneHada .input-wrap.hasLabor > input[type="number"],
.oneHada .input-wrap.hasTime > input[type="text"],
.oneHada .input-wrap.hasTime > input[type="tel"],
.oneHada .input-wrap.hasTime > input[type="number"]			{padding-inline:20px 50px; text-align:right; color:#171717;}

.input-wrap.hasKm:after,
.input-wrap.hasDaypay:after,
.input-wrap.hasLabor:after,
.input-wrap.hasMinute:after,
.input-wrap.hasPeople:after,
.input-wrap.hasTime:after,
.input-wrap.hasDay:after,
.input-wrap.hasWon:after													{content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); font:14px / 1 "PretendardM";}

.input-wrap.hasWon:after													{content:"원";}
.input-wrap.hasDay:after													{content:"일";}
.input-wrap.hasPeople:after											{content:"명";}
.input-wrap.hasTime:after												{content:"시간";}
.input-wrap.hasMinute:after											{content:"분";}
.input-wrap.hasLabor:after												{content:"공수";}
.input-wrap.hasDaypay:after											{content:"일급";}
.input-wrap.hasKm:after													{content:"km";}


.search-wrap.hasDetail .input-wrap input				{padding-right:144px;}

.input-wrap .detail,
.input-wrap .pwEye,
.input-wrap .reset					{position:absolute; right:0; top:0; height:100%; aspect-ratio:1 / 1; text-indent:-9999px; display:none; aspect-ratio:1.3 / 1;}

.oneHada .input-wrap .pwEye					{aspect-ratio:1 / 1;}

.input-wrap .reset:before,
.input-wrap .reset:after					{content:""; position:absolute; top:50%; left:50%; width:2px; height:13px; background-color:#26282c; border-radius:1px;}
.input-wrap .reset:before				{transform:translate(-50%, -50%) rotate(45deg);}
.input-wrap .reset:after					{transform:translate(-50%, -50%) rotate(-45deg);}

.input-wrap .reset.round				{right:20px; top:50%; transform:translateY(-50%); border-radius:50%; aspect-ratio:1 / 1; height:15px; background-color:#D7DCE5; transition:.2s;}
.input-wrap .reset.round:before,
.input-wrap .reset.round:after							{background-color:#fff; width:1px; height:8px;}

.search-wrap.hasDetail .input-wrap .reset					{right:92px;}

.input-wrap .detail							{text-indent:0; right:20px; display:grid; align-content:center; aspect-ratio:1.8 / 1; font:14px / 1 "PretendardM";}
.input-wrap .detail:after				{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-top:7px solid #171717; border-right:5px solid transparent;}
.input-wrap .detail.on					{color:#3617CE;}
.input-wrap .detail.on:after			{border-top:inherit; border-bottom:7px solid #3617CE;}

.input-wrap .pwEye						{background-repeat:no-repeat; background-position:center;}
.input-wrap.off .pwEye					{background-image:url('/images/icon/i_pweye_off.png'); display:block; background-image:url('/images/icon/svg/i_pweye_off.svg');}
.input-wrap.on .pwEye					{background-image:url('/images/icon/i_pweye_on.png'); display:block; background-image:url('/images/icon/svg/i_pweye_on.svg');}

.input-wrap .icon-btn						{position:absolute; right:0; top:0; height:100%; aspect-ratio:1.3 / 1; text-indent:-9999px; display:block;}
.input-wrap .icon-btn:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; background-position:center; background-repeat:no-repeat;}
.input-wrap .calendar:after				{background-image:url('/images/icon/i_calendar.png');}

.input-wrap .btn-wrap								{position:absolute; top:0; right:0; height:100%; display:flex; align-items:center; padding:5px 12px;} 

.input-wrap.hasIconBtn .btn-wrap > a						{position:relative; top:inherit; right:inherit; aspect-ratio:1 / 1;}

.input-wrap.hasIconBtn .reset					{right:52px; aspect-ratio:1 / 1;}
.input-wrap.hasIconBtn.on > input				{padding-right:72px;}

.login-wrap .input-wrap input					{/* height:50px; */}

.beFlex.hasWon input:focus,
.beFlex.hasWon input									{text-align:right; padding-inline:20px;}
.beFlex.hasWon > span:last-child				{margin-left:10px;}

.btn-wrap > div							{display:flex;}
.btn-wrap > div button				{white-space:nowrap;}
.btn-wrap button						{width:100%; height:50px; border-radius:8px; font:14px / 1 "PretendardSB"; padding-inline:17px; border:1px solid transparent; height:40px; height:48px; position:relative;}
.btn-wrap button > i							{background-repeat:no-repeat; background-position:center; background-size:100%; width:16px; height:16px;}
.btn-wrap button.plus > i					{background-image:url('/images/icon/i_plus.png');}
.btn-wrap button.mem > i					{background-image:url('/images/icon/i_mem.png');}
.btn-wrap button.setting > i					{background-image:url('/images/icon/i_setting_btn.png');}
.btn-wrap button.hasIcon				{padding-left:37px; position:relative; padding-inline:42px 19px;}
.btn-wrap button.hasIcon > i			{position:absolute; left:15px; top:50%; transform:translateY(-50%);}

.btn-wrap button > input[type="file"]				{position:absolute; inset:0; width:100%; cursor:pointer; opacity:0;}

.alignRight > .beFlex.btn-wrap							{display:inline-flex; column-gap:10px;}

.login-input .btn-wrap button								{height:50px;}
.login-input .btn-wrap button.mBtn					{box-shadow:0 4px 10px 0 rgba(54,23,206,.3);}

.login-input .inputs-wrap					{margin:50px 0 30px;}
.login-input .inputs-wrap:last-child			{margin-bottom:0;}

.snsLogin-wrap									{margin:30px 0;}
.snsLogin-wrap:last-child					{margin-bottom:0;}
.snsLogin-wrap > div							{display:flex; align-items:center; justify-content:space-evenly;}
.snsLogin-wrap > div > a					{flex:0 0 50px; height:50px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.snsLogin-wrap > div .kakao				{background-image:url('/images/icon/logo_kakao.png');}
.snsLogin-wrap > div .naver				{background-image:url('/images/icon/logo_naver.png');}
.snsLogin-wrap > div .google				{background-image:url('/images/icon/logo_google.png'); box-shadow:0 0 0 1px rgba(80,88,102,.2) inset;}
.snsLogin-wrap > div .apple				{background-image:url('/images/icon/logo_apple.png');}

.snsLogin-wrap > .beFlex.alignCenter						{column-gap:5px; cursor:pointer; border-radius:8px; min-height:48px; border-width:1px; border-style:solid; transition:.25s;}
.snsLogin-wrap > .beFlex.alignCenter > a					{flex:0 0 30px; height:30px;}
.snsLogin-wrap > .beFlex.alignCenter > .btn-wrap				{display:none;}
.snsLogin-wrap > .beFlex.alignCenter > .btn-wrap button				{height:auto; width:auto; min-height:40px; min-width:100px; border:1px solid #D7DCE5; border-radius:8px;}
.snsLogin-wrap > .beFlex.alignCenter .google					{box-shadow:none;}
.snsLogin-wrap .hasKakao											{background-color:#FAE100; border-color:#FAE100;}
.snsLogin-wrap .hasNaver											{background-color:#00C300; border-color:#00C300; color:#fff;}
.snsLogin-wrap .hasGoogle											{background-color:#fff; border-color:#D7DCE5;}
.snsLogin-wrap .hasApple											{background-color:#171717; border-color:#171717; color:#fff;}

.snsLogin-wrap > .beFlex.alignCenter.on									{background-color:transparent; border-color:transparent; column-gap:10px; color:#171717; cursor:default;}
.snsLogin-wrap > .beFlex.alignCenter.on > .btn-wrap			{display:block; margin-inline:auto  0;}
.snsLogin-wrap > .beFlex.alignCenter.on a								{flex:0 0 24px; height:24px;}
.snsLogin-wrap > .beFlex.alignCenter.on .google					{box-shadow:0 0 0 1px rgba(80,88,102,.2) inset;}


.divide						{height:30px; display:grid; place-items:center; position:relative;}
.divide:before						{content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; height:1px; background-color:#EBEEF0;}
.divide > font						{font:14px / 1 "PretendardM"; color:#8B93A1; background-color:#fff; position:relative; padding:0 10px; }

.login-input .btn-wrap + .divide									{margin-top:25px;}									
.login-input .divide + .snsLogin-wrap						{margin-top:20px;}

.beGrid.login-wrap .beFlex-col					{display:flex; flex-direction:column; height:90%; max-height:900px;}
.wrap.oneHada > .beGrid.threeRow .beGrid.login-wrap .beFlex-col						{height:unset; max-height:unset;}

.beGrid.login-wrap .beFlex-col .logo-loginInput					{margin:10% 0 80px; margin:7% 0 50px;}
.wrap.oneHada > .beGrid.threeRow .beGrid.login-wrap .beFlex-col .logo-loginInput											{gap:unset; margin-block:5%;}

.login-footer					{margin-top:auto; position:relative; text-align:center;}
.login-footer > div			{display:flex; justify-content:center; align-items:center;}
.login-footer > div > span											{position:relative;}
.login-footer > div > span + span:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}
.login-footer > div > span > a		{padding:0 15px; font:14px / 1 "PretendardM"; color:#8B93A1; transition:.2s;}
.login-footer > div > span > a:hover,					
.login-footer > div > span:first-child > a			{color:#26282c;}
.login-footer > div > span:last-child > a				{font-family:"PretendardB";}

.login-footer	 > font											{font:14px / 1 "PretendardM"; display:inline-block; color:#8B93A1; margin-block:25px 10%;}

.certify-resend														{display:grid; place-items:center; height:50px;}
.certify-resend > a												{font:14px / 1 "PretendardR"; color:#000; position:relative; padding-right:15px;}
.certify-resend > a:before,
.certify-resend > a:after										{content:""; position:absolute; right:0; top:50%; width:7px; height:1px; background-color:#000;}
.certify-resend > a:before									{transform:translateY(-50%) rotate(42deg); margin-top:-2px;}
.certify-resend > a:after									{transform:translateY(-50%) rotate(-42deg); margin-top:2px;}
.certify-resend > a > font									{position:relative;}
.certify-resend > a > font:before						{content:""; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background-color:#000;}

.inquiryBtn-wrap													{position:fixed; right:5%; bottom:5%; transition:.3s;}
.inquiryBtn-wrap	 > a											{display:block; width:56px; height:56px; background-color:#3617CE; border-radius:24px; text-indent:-9999px; position:relative; box-shadow:0 4px 10px 0 rgba(0,0,0,.15);}
.inquiryBtn-wrap	 > a:after								{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:30px; background:url('/images/icon/i_inquiry.png') no-repeat center; background-size:100%;}

.inquiryBtn-wrap	 > a.blue								{background-color:#2D67FF;}

.inquiryBtn-wrap	 > span								{position:absolute; bottom:calc(100% - 30px); right:calc(100% + 40px); background-color:#333; color:#fff; white-space:nowrap; padding:20px; border-radius:10px; font:16px "PretendardSB"; box-shadow:0 4px 10px 0 rgba(0,0,0,.15); cursor:pointer; transform:translateY(150px); opacity:0; z-index:-1; transition:.5s;}

.inquiryBtn-wrap	 > span:before					{content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:0; height:0; border-bottom: 20px solid #333; border-right: 25px solid transparent;}

.inquiryBtn-wrap	 > span.play						{will-change:transform; animation-name: inquiry-txts; animation-duration:10s; -webkit-animation-duration:10s; animation-delay:.5s; animation-timing-function:ease; animation-iteration-count:1;}
.inquiryBtn-wrap	 > span.hover					{will-change:transform; animation-name: inquiry-hover; animation-duration:5s; -webkit-animation-duration:5s; animation-timing-function:ease; animation-fill-mode:forwards;}
.inquiryBtn-wrap	 > span.out						{will-change:transform; animation-name: inquiry-out; animation-duration:5s; -webkit-animation-duration:5s; animation-timing-function:ease;}

.inquiryBtn-wrap	 > span.out						{}

.inquiryBtn-wrap.three-rd								{/* bottom:167px; */ right:2%;}
.inquiryBtn-wrap.on											{bottom:167px;}
.inquiryBtn-wrap.hasOut.on							{bottom:65px;}


@keyframes inquiry-txts							{0% {transform:translateY(10px);} 10% {transform:translateY(0); opacity:1;} 50% {transform:translateY(0); opacity:1;} 60% {transform:translateY(10px); opacity:0;}}
@keyframes inquiry-hover						{0% {transform:translateY(10px);} 10% {transform:translateY(0); opacity:1;} 50% {transform:translateY(0); opacity:1;} 60% {transform:translateY(10px); opacity:0;}}
@keyframes inquiry-out							{0% {transform:translateY(0); opacity:1;} 10% {transform:translateY(10px); opacity:0;}}


/* 입력 - 데타뷰 */
.datas-wrap,
.inputs-wrap					{display:grid; grid-auto-rows:minmax(62px, auto); gap:15px; align-content:start;}

.datas-wrap.hasNodd,
.inputs-wrap.hasNodd				{grid-auto-rows:minmax(40px, auto);}

.datas-wrap dl dt,
.inputs-wrap dl dt				{font:14px / 1 "PretendardM"; color:#26282c; color:#171717;}

.datas-wrap dl dt .beFlex,
.inputs-wrap dl dt .beFlex						{display:flex; align-items:center;}

.datas-wrap dl dt .beFlex button,
.inputs-wrap dl dt .beFlex button									{height:40px; font:14px / 1 "PretendardM"; color:#26282c; background-color:#fff; border:1px solid #B6C1DC; border-radius:8px; padding-inline:37px 15px; position:relative; border-color:#d2d2d2;}
.datas-wrap dl dt .beFlex button:last-child,
.inputs-wrap dl dt .beFlex button:last-child					{margin-left:auto;}
.datas-wrap dl dt .beFlex button > i,
.inputs-wrap dl dt .beFlex button > i								{display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.datas-wrap dl dt .beFlex button.addFileBtn > i,
.inputs-wrap dl dt .beFlex button.addFileBtn > i						{background-image:url('/images/icon/i_file_bk_btn.png');}
.datas-wrap dl dt .beFlex button.addFileBtn.photo > i,
.inputs-wrap dl dt .beFlex button.addFileBtn.photo > i			{background-image:url('/images/icon/i_photo_bk_btn.png');}
.datas-wrap dl dt .beFlex button.addFileBtn.video > i,
.inputs-wrap dl dt .beFlex button.addFileBtn.video > i			{background-image:url('/images/icon/i_video-url.png');}
.datas-wrap dl dt .beFlex button.addFileBtn.url > i,
.inputs-wrap dl dt .beFlex button.addFileBtn.url > i					{background-image:url('/images/icon/i_url.png');}
.datas-wrap dl dt .beFlex button.addFileBtn > input,
.inputs-wrap dl dt .beFlex button.addFileBtn > input				{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:1;}
.datas-wrap dl dt .beFlex > button.editBtn > i,
.inputs-wrap dl dt .beFlex > button.editBtn > i						{background-image:url('/images/icon/i_edit.png');}
.datas-wrap dl dt .beFlex > button.plusBtn > i,
.inputs-wrap dl dt .beFlex > button.plusBtn > i						{background-image:url('/images/icon/i_plus_circle.png');}

.inputs-wrap dl dt .beFlex.farAway button + button				{margin-left:10px;}

.inputs-wrap dl dt .beFlex a.hasBracket										{height:40px; display:flex; align-items:center; flex:0 0 90px; padding-right:25px; font:14px / 1 "PretendardSB"; color:#3617ce; position:relative;}
.inputs-wrap dl dt .beFlex a.hasBracket:before,
.inputs-wrap dl dt .beFlex a.hasBracket:after								{content:""; position:absolute; right:7px; top:50%; width:7px; height:1px; background-color:#171717;}
.inputs-wrap dl dt .beFlex a.hasBracket:before							{transform:translateY(-50%) rotate(47deg); margin-top:-2.5px;}
.inputs-wrap dl dt .beFlex a.hasBracket:after								{transform:translateY(-50%) rotate(-47deg); margin-top:2.5px;}

.inputs-wrap dl dt .beFlex > a.hasBracket:last-child					{margin-left:auto;}

.datas-wrap .blue,
.inputs-wrap .blue										{color:#3617CE;}		

.cashReceipt-wrap dt.hasStar:after,
.taxInvoice-wrap dt.hasStar:after,
.top_search dt.hasStar:after,
 table th.hasStar:after,
.taxInvoice-wrap dl.beFlex > dt.hasStar:after,
.inputs-wrap dl dt .beFlex.hasStar > span:first-child:after,
.inputs-wrap dl dt.hasStar:after				{content: "\2731"; color: #EC605B; position: relative; top: -3px; right: -3px; font-size: 9px; font-weight:bold;}

.beBg.txts-wrap .hasQmark,
.inputs-wrap dl dt.hasQmark					{position:relative;}

.beBg.txts-wrap .hasQmark > a,
.inputs-wrap dl dt.hasQmark > a				{display:inline-block; aspect-ratio:1 / 1; width:16px; border-radius:50%; background-color:#D7DCE5; align-content:center; text-align:center; color:#fff; font-size:12px; margin-inline:10px;}

.inputs-wrap dl dt.hasQmark.hasStar > a					{position:absolute; top:100%; display:block; margin:4px; top:inherit; display:inline-block; margin:0 16px;}

.beBg.txts-wrap .hasQmark > a									{background-color:#D7DCE5;}

.inputs-wrap dl dd				{margin-top:8px;}
.inputs-wrap dl.beFlex dd,
.inputs-wrap dl.beGrid dd			{margin-top:0;}

.inputs-wrap dl.beFlex > dd .beFlex.beJustify .wrap-select							{max-width:192px;}

.inputs-wrap dl.beGrid dd a.down											{color:#2D67FF; padding-left:20px; background:url('/images/icon/svg/i_down_sm.svg') no-repeat left center;}
.inputs-wrap dl.beGrid dd a.plus											{color:#2D67FF; padding-left:20px; background:url('/images/icon/svg/i_plus.svg') no-repeat left center;}
.inputs-wrap dl.beGrid dd.downLinked													{align-content:end;}
.layer-conts .inputs-wrap dl.beGrid dd.downLinked								{margin-bottom:-10px;}

.inputs-wrap dl dd button														{border-radius:8px; height:40px; padding-inline:20px; border:1px solid #B6C1DC; background-color:#fff; font:14px / 1 "PretendardM";}
.inputs-wrap dl dd .input-wrap + button								{margin-left:10px;}

.layerView .inputs-wrap dl dd button									{padding-inline:12px;}

.inputs-wrap dl dd .beFlex .input-wrap								{width:100%;}

.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items					{gap:12px 20px; padding:17px 20px; flex-wrap:wrap;}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex							{column-gap:10px;}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex > .del					{flex:0 0 15px; aspect-ratio:1 / 1; background-color:#D7DCE5; border-radius:50%; position:Relative; transition:.2s;}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex > .del:before,
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex > .del:after						{content:""; position:absolute; left:50%; top:50%; width:1px; height:8px; background-color:#fff;}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex > .del:before					{transform:translate(-50%, -50%) rotate(45deg);}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex > .del:after						{transform:translate(-50%, -50%) rotate(-45deg);}
.inputs-wrap dl dd .beFlex .input-wrap .beFlex.items > span.beFlex:hover > .del						{background-color:#9A9DA6;}


.inputs-wrap dl dd .beFlex.hasBtn											{align-items:flex-start;}
.inputs-wrap dl dd .beFlex.hasBtn .input-wrap 							{flex:1 1 0;}
.inputs-wrap dl dd .beFlex.hasBtn > button						{flex:0 0 auto;}

.inputs-wrap > dl.beGrid .beFlex.topAlign										{column-gap:10px;}
.inputs-wrap > dl.beGrid .beFlex.topAlign > .hasTextarea				{flex:1 1 0;} 
.inputs-wrap > dl.beGrid .beFlex.topAlign > .addFileBtn-wrap			{flex:0 0 auto;}

.inputs-wrap dl.beFlex dd.beFlex-col													{row-gap:20px;}

.inputs-wrap button.bkBtn														{border-color:#000; color:#fff; background-color:#000;}

.inputs-wrap.two-three										{grid-template-columns:2fr 3fr;}

.beFlex .wave,
.inputs-wrap .wave										{font-size:14px; padding-inline:5px;}

.beFlex.twoInputs										{column-gap:10px;}

.datas-wrap.twoCol,
.inputs-wrap.twoCol									{grid-template-columns:repeat(2, 1fr); column-gap:50px;}

.inputs-wrap.twoCol.vs322px					{grid-template-columns:322px 1fr;}

.datas-wrap > dl > dt								{font:16px "PretendardSB"; color:#202224;}
.datas-wrap > dl > dt .circleBtn						{border-radius:50%; width:18px; height:18px; color:#fff; background-color:#A3AED0; display:grid; place-items:center; font:18px / 1 "PretendardR"; margin:0 10px;}
.datas-wrap > dl > dt.hasFakeBtn .beFlex					{height:40px;}
.datas-wrap > dl > dd + dd						{margin-top:10px;}

.datas-wrap dl dd .photo-wrap				{margin-block:15px;}
.datas-wrap dl dd .video-wrap				{margin-block:-10px;}

.inputsWrap-wrap							{}
.inputsWrap-wrap.beRndBorder					{border:1px solid #E9E9F0; border-radius:8px; padding:15px 20px;}

/*
 .inputsWrap-wrap + .txts-wrap,
 .inputs-wrap + .txts-wrap,
*/
.txts-wrap.linked																					{margin-top:10px;}

.layerView .inputs-wrap + .txts-wrap,
.inputs-wrap + .inputs-wrap,
.txts-wrap + .inputs-wrap,
.txts-wrap + .inputsWrap-wrap,
.inputs-wrap + .inputsWrap-wrap,
.inputsWrap-wrap + .inputs-wrap,
.datas-wrap + .datas-wrap,
.inputsWrap-wrap + .inputsWrap-wrap				{margin-top:15px;}

.inputsWrap-wrap + .inputsWrap-wrap.beRndBorder						{margin-top:0;}

.textarea-wrap														{border:1px solid #E9E9F0; border-radius:8px; overflow:hidden; padding:10px 40px 10px 20px; position:relative; transition:.2s; border-color:#d2d2d2; padding-block:8px 0; /* min-height:46px; */ padding-block:4px 3px; padding-block:3px;}
.textarea-wrap:hover											{border-color:#26282c;}
.textarea-wrap.on												{padding-right:52px;}
.textarea-wrap > textarea									{padding:0; font:14px / 1.4 "PretendardM"; color:#26282c; transition:.2s;  /* padding-block:10px 0; */  /* align-content:center; */ padding-block:10px; padding-top:10px; padding-bottom:10px;}
.textarea-wrap > textarea::-webkit-input-placeholder,
.textarea-wrap > textarea::placeholder		{position:absolute; top:50%; transform:translateY(-50%);}
.textarea-wrap .reset													{position:absolute; top:50%; transform:translateY(-50%); right:0;  /* width:40px; */ height:40px; display:none;}
/*
.textarea-wrap > textarea:focus + .reset,
*/
.textarea-wrap.on .reset									{display:block;}

.textarea-wrap.disabled,
.textarea-wrap.readonly						{background-color:#F9F9FB;}
.textarea-wrap.disabled:hover			{border-color:#E9E9F0;}

.layerView .textarea-wrap > textarea	 								{/* min-height:30px; */}

.inputsWrap-wrap.beGrid-twoCol					{display:grid; grid-template-columns:1fr 1fr; gap:15px; grid-template-columns:repeat(auto-fit, minmax(32%, 1fr));}

.inputsWrap-wrap.beGrid-threeCol > .inputs-wrap + .inputs-wrap,
.inputsWrap-wrap.beGrid-twoCol > .inputs-wrap + .inputs-wrap					{margin-top:0;}

.inputsWrap-wrap.beGrid-threeCol .wrap-select .select-list > ul,
.inputsWrap-wrap.beGrid-twoCol .wrap-select .select-list > ul					{min-width:auto;}

.inputsWrap-wrap.beGrid-twoCol .beWide									{grid-column:span 2;}

.inputsWrap-wrap.beGrid-twoCol.twoOne 									{grid-template-columns:2fr 1fr;}
.inputsWrap-wrap.beGrid-twoCol.oneTwo 									{grid-template-columns:1fr 2fr;}

/* .inputsWrap-wrap.beGrid-twoCol .txts-wrap			{grid-column:span 2; margin-top:-5px;} */

.inputsWrap-wrap.beGrid-threeCol				{display:grid; grid-template-columns:1fr 1fr 1fr; gap:15px; grid-template-columns:repeat(auto-fit, minmax(24%, 1fr));}

.inputsWrap-wrap.beGrid-threeCol.beGrid-autoFit					{display:grid; grid-template-columns:repeat(auto-fit, minmax(24%, 1fr));}


.addFiles-wrap > div											{display:grid; grid-template-columns:repeat(auto-fill, minmax(78px, auto)); gap:10px;}

.layerView .w680 .addFiles-wrap > div				{grid-template-columns:repeat(auto-fill, minmax(84px, auto));}

.layerView .w1045 .addFiles-wrap > div				{grid-template-columns:repeat(auto-fill, minmax(91px, auto)); grid-template-columns:repeat(auto-fill, minmax(83px, auto));}

.oneHada .conts-wrap .detail_info .title-borderInfo dl.beFlex > dd .addFiles-wrap > div,
.conts-wrap .title-borderInfo .addFiles-wrap > div				{grid-template-columns:repeat(auto-fill, minmax(87px, auto));}


.addFiles-wrap .addFile-wrap							{aspect-ratio:1 / 1; position:relative;}  
.addFiles-wrap .addFile-wrap > p					{position:absolute; /* left:0; top:0; width:100%; height:100%; */ inset:0; border-radius:8px; border:1px solid #E9E9F0; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:cover; border-color:#d2d2d2;}
.addFiles-wrap .addFile-wrap > a					{position:absolute; right:0; top:0;}

.addFiles-wrap .addFile-wrap.hasVideo > p,
.addFiles-wrap .addFile-wrap.youtube > p						{overflow:hidden;}
.addFiles-wrap .addFile-wrap.youtube > p:before			{content:""; position:absolute; inset:0; background:rgba(0,0,0,.3); z-index:0;}
.addFiles-wrap .addFile-wrap.youtube:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px; height:40px; background:url('/images/icon/svg/i_youtube.svg') no-repeat center;}

/* trumbowyg 에디터 동영상 링크 삽입 시 */
.trumbo-video-wrap			{position:absolute; top:25%; left:0; z-index:1; width:100%; height:100%; background-color:#000; transform:translateY(-25%);}
.trumbo-video-wrap:after	{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:transparent;}


.addFileList-wrap.addMb,
.addFiles-wrap.addMb							{margin-block:15px;}


.layer-conts .images-wrap					{text-align:center; display:grid; place-items:center; min-height:580px; position:relative;}
.layer-conts .images-wrap > img					{max-width:inherit;}
.layer-conts .images-wrap > iframe			{position:absolute; inset:0; height:100%; width:100%; border:0; margin:0; padding:0;}


.dls-wrap														{display:grid; /* grid-auto-rows:1fr; */ gap:25px 0;}
.dls-wrap > li												{display:flex;}
.dls-wrap > li dl										{width:100%; display:grid; grid-template-columns:auto 1fr; gap:0 30px;}
.dls-wrap > li dl > dt								{text-align:right; font-family:"PretendardR"; color:#484B51; font-family:"PretendardM";}
.dls-wrap > li dl > dd > b						{font:14px / 1.2 "PretendardSB"; color:#202224;}

.dls-wrap > li.beLink									{cursor:pointer; padding-right:20px; position:relative;}
.dls-wrap > li.beLink:before,
.dls-wrap > li.beLink:after							{content:""; position:absolute; right:0; top:50%; height:1px; width:7px; background-color:#333;}				
.dls-wrap > li.beLink:before						{transform:rotate(45deg); margin-top:-2px;}
.dls-wrap > li.beLink:after						{transform:rotate(-45deg); margin-top:2px;}

.dls-wrap > li.beLink > dl > dd > b			{color:#8B93A1;}
.dls-wrap > li.beLink.on > dl > dd > b			{color:#333;}

.dls-wrap.rowGap10								{row-gap:10px;}
.dls-wrap.rowGap20								{row-gap:20px;}

.dls-wrap.twoColumns										{grid-template-columns:1fr 1fr;}
.dls-wrap.twoColumns > .colspan2					{grid-column:span 2;}

.datas-wrap .dls-wrap													{margin-block:15px 10px;}
.datas-wrap .dls-wrap > .dls-wrap								{margin-block:0;}
.datas-wrap .dls-wrap > li > dl										{grid-template-columns:85px 1fr;}


.oneHada .beFlex > .textarea-wrap					{flex:1 1 0;}
.oneHada .beFlex > .textarea-wrap + a			{flex:0 0 14px; width:14px; aspect-ratio:1 / 1; background-color:#D7DCE5; border-radius:50%; position:relative; transition:.2s;}
.oneHada .beFlex > .textarea-wrap + a:before,
.oneHada .beFlex > .textarea-wrap + a:after					{content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 1px;background-color: #fff;}
.oneHada .beFlex > .textarea-wrap + a:before				{transform: translate(-50%, -50%) rotate(45deg);}
.oneHada .beFlex > .textarea-wrap + a:after					{transform: translate(-50%, -50%) rotate(-45deg);}

.oneHada .beFlex.hasTextarea							{column-gap:20px; border:1px solid #D7DCE5; border-radius:8px; padding-inline:20px; transition:.25s; background-color:#fff;}
.oneHada .beFlex.hasTextarea:focus-within						{border-color:#475067;}
.oneHada .beFlex.hasTextarea:focus-within .textarea-wrap + a						{background-color:#9A9DA6;}
.oneHada .beFlex.hasTextarea > .textarea-wrap				{border:0; padding-inline:0;}

.oneHada .spanTwoCol.beFlex > .beFlex.hasTextarea															{flex:1 1 0;}
.oneHada .spanTwoCol.beFlex > .beFlex.hasTextarea + .btn-wrap:last-child					{flex:0 0 auto;}

.oneHada .address-wrap > .beFlex.input-btn										{align-items:flex-start;}
.oneHada .address-wrap > .beFlex.beStretch.input-btn					{align-items:stretch;}

.oneHada .address-wrap .hasTextarea													{width:100%;}
.oneHada .address-wrap .hasTextarea + button:last-child				 {min-width:100px;}
.oneHada .address-wrap .hasTextarea + button.blue    {border:1px solid #2D67FF; color:#2D67FF;}

.oneHada .hasTextarea > .reset						{display:none;}
.oneHada .hasTextarea.on > .reset						{display:block;}

.oneHada .address-wrap.beGrid						{row-gap:10px;}




/* 상단 검색 */
.top-searchWrap								{border-top:1px solid #000;}
.top-searchWrap > .beGrid			{padding:15px 20px; display:grid; row-gap:10px; background-color:#F8F8F8;}

.searchOptWrap > .beGrid				{display:inline-grid; column-gap:10px; grid-auto-flow:column;}

.searchOptWrap.btn-wrap a,
.searchOptWrap.btn-wrap button				{height:32px;}
.searchOptWrap.btn-wrap a > label,
.searchOptWrap.btn-wrap button				{font:14px / 1 "PretendardM"; color:#6a6a6a; padding-inline:12px; border:1px solid #b2b2b2; border-radius:16px; background-color:#fff;}

.searchOptWrap.btn-wrap a							{position:relative;}
.searchOptWrap.btn-wrap a > input			{position:absolute; opacity:0;} 	
.searchOptWrap.btn-wrap a > label			{display:grid; place-items:center; height:100%; transition:.2s;}
.searchOptWrap.btn-wrap a > input:checked + label					{color:#3617CE; border-color:#3617CE;}

.searchOptWrap dl.beFlex > dt							{font:14px / 1 "PretendardM";}
.searchOptWrap dl.beFlex > dt + dd					{margin-left:10px;}

.searchOptWrap > .beFlex .beFlex.dateSelect-wrap				{flex:0 0 486px;}
.searchOptWrap > .beFlex .beFlex.dateSelect-wrap > dt		{flex:0 0 auto;}

.searchOptWrap > .beFlex .search-wrap									{flex:0 0 425px;}

.searchOptWrap > .beFlex .dateSelect-wrap + .search-wrap				{margin-left:10px;}

.searchInputWrap > .beGrid			{display:grid; column-gap:30px; grid-auto-flow:column;}

.searchInputWrap > .beFlex .searchOptWrap			{flex:0 0 920px;}

.searchInputWrap a.reSet					{margin-inline:30px; white-space:nowrap;}

.searchOptWrap  .checkBoxes-wrap > .beGrid					{display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, auto)); grid-auto-rows:minmax(40px, auto);  transition:.2s; margin-top:-50px; margin-inline:-10px;}
.searchOptWrap  .checkBoxes-wrap > .beFlex					{flex-wrap:wrap; margin-top:-50px; transition:.2s; margin-inline:-10px;}

.searchOptWrap.on  .checkBoxes-wrap > .beGrid,
.searchOptWrap.on  .checkBoxes-wrap > .beFlex			{margin-top:0;}

.searchInputWrap + .searchOptWrap > .beFlex dl:first-child			{flex:0 0 486px;}
.searchInputWrap + .searchOptWrap > .beFlex dl:first-child > dt			{flex:0 0 48px; text-align:right;}
.searchInputWrap + .searchOptWrap > .beFlex dl:first-child > dd		{flex:1 1 0;}

.searchOptWrap .wrap-select > a				{padding-block:11px;}

.searchInputWrap ~ .searchOptWrap					{display:none;}
.searchInputWrap ~ .searchOptWrap.on			{display:block;}


.oneHada .top_search						{background-color:#F8FAFC; padding:20px 30px; border-radius:8px;}
.oneHada .top_search > .beGrid				{row-gap:10px;}

.oneHada .top_search.bgWhite				{background-color:transparent; padding:0; border-radius:0;}

.oneHada .input-btn input[type="text"],
.oneHada .input-btn input[type="tel"],
.oneHada .input-btn input[type="number"],
.oneHada .dateSelect input[type="text"],
.oneHada .dateSelect input[type="tel"],
.oneHada .dateSelect input[type="number"],
.oneHada .top_search input[type="text"],
.oneHada .top_search input[type="tel"],
.oneHada .top_search input[type="number"]					{padding-inline:20px; color:#171717; height:38px;}

.oneHada .top_search .input-wrap > input[type="text"],
.oneHada .top_search .input-wrap > input[type="tel"],
.oneHada .top_search .input-wrap > input[type="number"]						{height:40px;}

.oneHada .top_search .checkboxs-wrap								{padding-block:2px; margin-inline:-11px;}
.oneHada .top_search .wrap-check > a									{padding-inline:11px;}

.oneHada .wrap-select.hasInput > a input[type="text"],
.oneHada .wrap-select.hasInput > a input[type="tel"],
.oneHada .wrap-select.hasInput > a input[type="number"]						{padding-inline:0 10px;}

.oneHada .top_search .wrap-select > a																{min-height:40px;}

.oneHada .top_search .beFlex .dateSelect:first-child + .wrap-select		{min-width:250px;}
.oneHada .top_search .beFlex .wrap-select.hasInput									{flex:0 0 250px;}

.oneHada .top_search .beFlex > .beFlex.input-btn > .wrap-select.hasInput,
.oneHada .top_search .beFlex > .input-wrap:nth-child(2),
.oneHada .top_search .beFlex > .input-wrap:first-child									{flex:0 0 300px;}

/*
.oneHada .wrap-select.hasInput.selectComp .select-list								{width:auto;}
.oneHada .wrap-select.hasInput.selectComp .select-list > ul						{min-width:300px;}
*/

.oneHada .top_search > .beGrid > .beFlex,
.oneHada .input-btn.beFlex,
.oneHada .dateSelect.beFlex,
.oneHada .date-search.beFlex						{column-gap:10px;}

.oneHada .dateSelect > span												{border:1px solid #D7DCE5; border-radius:8px; /* overflow:hidden; */ transition:.25s;}
.oneHada .dateSelect > span.on										{border-color:#475067;}
.oneHada .dateSelect > span > a										{text-indent:-9999px;}
.oneHada .dateSelect > span > span >	p,
.oneHada .dateSelect > span > span > input[type="text"],
.oneHada .dateSelect > span > span > input[type="tel"],
.oneHada .dateSelect > span > span > input[type="number"]							{max-width:140px; border-radius:8px 0 0 8px; max-width:145px; min-width:140px;}

.oneHada .dateSelect > span > span > input[type="text"][readonly],
.oneHada .dateSelect > span > span > input[type="tel"][readonly],
.oneHada .dateSelect > span > span > input[type="number"][readonly]					{background-color:#fff !important;}
.oneHada .dateSelect > span > span >	p																	{padding-inline:20px; align-content:center; height:38px; font-size:14px; font-family:"PretendardM"; background-color:#fff;}
.oneHada .dateSelect > span > a:last-of-type						{display:block; height:38px; width:44px; border-left:1px solid #D7DCE5; background:#fff url('/images/icon/i_calendar.png') no-repeat center; background-image:url('/images/icon/svg/i_calendar.svg');}

.oneHada .dateSelect.disabled > span:focus-within								{border-color:#D7DCE5 !important;}
.oneHada .dateSelect.disabled > span > a:last-of-type						{background-color:#F8FAFC; cursor:default; background-blend-mode: difference;}

.layerView.oneHada .dateSelect > span > a:last-of-type						{height:46px;}
.layerView.oneHada .top_search .dateSelect > span > a:last-of-type						{min-height:40px; height:auto;}

.oneHada .dateSelect > span.beFlex									{align-items:stretch; position:relative;}
.oneHada .dateSelect > span.beFlex > span					{flex:1 1 0;}
/* .oneHada .dateSelect > span.beFlex:focus-within > a:last-of-type, */
.oneHada .dateSelect > span.beFlex:focus-within				{/* border-color:#475067; */}
.oneHada .dateSelect > span.beFlex > a:last-of-type		{flex:0 0 44px; border-radius:0 8px 8px 0; transition:.25s;}

.oneHada .dateSelect > span.beFlex .cal-wrap				{position:absolute; left:0; top:calc(100% + 8px); z-index:5;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-body .day > a				{font-size:12px; width:31px;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-body .day > a.on		{background-color:#2D67FF;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-body .day .today:before					{border-color:#2D67FF;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-head > span em		{font-size:14px;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-head > span.beFlex				{column-gap:5px;}
.oneHada .dateSelect > span.beFlex .cal-wrap .cal-head > a									{font-size:10px;}

.oneHada .dateSelect > span.on .cal-wrap					{display:block;}

.top_search > .beGrid > .beFlex > a.reset,
.oneHada .input-btn + .reset,
.oneHada .date-search > .reset							{font:14px / 1 "PretendardM"; position:relative; padding:10px 0 10px 20px; margin-inline:10px; background:url('/images/icon/svg/i_reset.svg') no-repeat left center; white-space:nowrap;}

.oneHada .input-btn > span								{border:1px solid #D7DCE5; border-radius:8px; overflow:hidden; background-color:#fff; transition:.2s;}
.oneHada .input-btn > span:focus-within										{border-color:#475067;}
.oneHada .input-btn > span.input-wrap > input				{border:0;}
.oneHada .input-btn > span.input-wrap + button			{margin-left:0;}
.oneHada .input-btn > button:last-child					{height:40px; color:#fff; background-color:#475067; border-radius:8px; min-width:65px; font:14px / 1 "PretendardM";}
.oneHada .input-btn > button.blue							{background-color:transparent; border-color:#2D67FF; color:#2D67FF;}

.oneHada .input-btn > .inputWrap > .reset													{display:none;}
.oneHada .input-btn > .inputWrap.on > .reset												{display:block;}

.oneHada .input-btn > .inputWrap:focus-within .reset.round				{background-color:#9A9DA6;}

.oneHada .beFlex.input-btn > span				{flex:1 1 0;}
.oneHada .beFlex.input-btn > .inputWrap						{min-width:300px;}

.oneHada .beFlex.input-btn > span .reset						{border-radius:50%; height:15px; aspect-ratio:1 / 1; background-color:#D7DCE5; text-indent:-9999px; margin-inline:10px 17px; position:relative; transition:.2s;}
.oneHada .beFlex.input-btn > span .reset:before,
.oneHada .beFlex.input-btn > span .reset:after				{content:""; position:absolute; left:50%; top:50%; width:10px; height:1px; background-color:#fff;}
.oneHada .beFlex.input-btn > span .reset:before			{transform:translate(-50%, -50%) rotate(45deg);}
.oneHada .beFlex.input-btn > span .reset:after				{transform:translate(-50%, -50%) rotate(-45deg);}

.layerView.oneHada .beFlex.input-btn > span .reset					{position:absolute; margin-inline:0;}
.oneHada .top_search .beFlex.input-btn > span.beFlex .reset				{position:relative;}

.oneHada .beFlex.input-btn > button:last-child				{flex:0 0 auto;}
.oneHada .beFlex.input-btn > span.beFlex > input[type="number"],
.oneHada .beFlex.input-btn > span.beFlex > input[type="tel"],
.oneHada .beFlex.input-btn > span.beFlex > input[type="text"]						{/* flex:0 0 196px; */}

.oneHada .beFlex.input-btn.setRepeat > button:last-child									{flex:0 0 100px;}
.oneHada .beFlex.input-btn.setRepeat > .hasTextarea											{flex:1 1 0;}

.oneHada .beFlex.input-btn .inputWrap input + .reset				{margin-inline:0 17px;}
.oneHada .inputWrap .reset					{flex:0 0 auto;}

.oneHada .beFlex.input-btn.searchEmployee > button:last-child							{min-width:100px;}

.oneHada .beFlex.input-btn.searchEmployee > .beGrid:first-child,
.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child						{flex:1 1 0; border:1px solid #D7DCE5; border-radius:8px; min-height:40px; padding-inline:20px; background-color:#F8FAFC; column-gap:20px; column-gap:0;}

.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child > span.beFlex									{flex:1 1 0;}

.oneHada .beFlex.input-btn.searchEmployee > .beGrid:first-child > span.beGrid > font,
.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child > span.beFlex > font						{line-height:1; color:#9AA0AA; font-family:"PretendardR";}

.oneHada .beFlex.input-btn.searchEmployee > .beGrid:first-child > span.beGrid font:first-child,
.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child > span.beFlex > font:first-child				{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child > span.beFlex > font:last-child				{flex:0 0 auto;}

.oneHada .beFlex.input-btn.searchEmployee.on > .beGrid:first-child,
.oneHada .beFlex.input-btn.searchEmployee.on > .beFlex:first-child								{background-color:transparent;}

.oneHada .beFlex.input-btn.searchEmployee.on > .beGrid:first-child > span.beGrid > font,
.oneHada .beFlex.input-btn.searchEmployee.on > .beFlex:first-child > span.beFlex > font				{color:#171717;}

.oneHada .beFlex.input-btn.searchEmployee .reset							{aspect-ratio:1 / 1; flex:0 0 30px; width:30px; background:url('/images/icon/svg/i_trash.svg') no-repeat center; border:1px solid #D7DCE5; border-radius:6px; display:none;}
.oneHada .beFlex.input-btn.searchEmployee.on .reset					{display:block;}

.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex														{flex-wrap:wrap; gap:15px 20px; padding-block:15px;}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font											{padding-inline:0;}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect.on span.beFlex > font									{font-family:"PretendardM";}

.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del									{aspect-ratio:1 / 1; width:14px; border-radius:50%; background-color:#D7DCE5; transition:.2s; position:relative;}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del:before,
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del:after							{content:""; position:absolute; top:50%; left:50%; width:1px; height:8px; background-color:#fff;}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del:before						{transform:translate(-50%, -50%) rotate(45deg);}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del:after							{transform:translate(-50%, -50%) rotate(-45deg);}
.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font .del:hover						{background-color:#9A9DA6;}

.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font + font:before					{display:none;}

.oneHada .beFlex.input-btn.searchEmployee.multiSelect span.beFlex > font.beFlex								{column-gap:10px;}


.oneHada dl.beFlex dd.beFlex.hasMsg .beFlex.input-btn.searchEmployee					{flex:1 1 0;}
.oneHada dl.beFlex dd.beFlex.hasMsg .beFlex.input-btn.searchEmployee + .checkboxs-wrap					{flex:0 0 auto; margin-left:10px;}

.layerView.oneHada .beFlex.input-btn.searchEmployee > .beGrid:first-child,
.layerView.oneHada .beFlex.input-btn.searchEmployee > .beFlex:first-child					{min-height:48px;}


.oneHada .beFlex.input-btn.searchEmployee > .beGrid > span.beGrid,
.oneHada .beFlex.input-btn.searchEmployee > .beGrid														{grid-template-columns:1fr auto; align-content:center;}


.oneHada .beFlex.input-btn.searchEmployee > .beGrid > span.beGrid font					{align-content:center;}





/* 회사정보 */
.top-info					{display:flex; align-items:center; padding-block:5px;}		
.top-info > span:last-child					{margin-left:auto; flex:0 0 auto;}
.top-info > span:first-child > em				{font:20px / 1.3 "PretendardSB"; color:#202224;}
.top-info .photo-wrap					{flex:0 0 60px; width:60px; height:60px; margin:0 30px;}

.noWide .top-info					{}

.photo-wrap							{position:relative; aspect-ratio:1 / 1;}
.photo-wrap > p					{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#DCE0EA; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999px; border-radius:50%; border:1px solid #DCE0EA; cursor:pointer; box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset;}
.photo-wrap > a					{position:absolute; bottom:0; right:0; width:21px; height:21px; border-radius:50%; background-color:#fff; box-shadow:0 1px 3px 0 rgba(0,0,0,.15); text-indent:-9999px;}

.photo-wrap .addBtn								{background:#fff url('/images/icon/i_camera.png') no-repeat center; background-size:100% auto;}
.photo-wrap .addBtn > input				{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1; cursor:pointer;}			

.photo-name.noApp > p,
.photo-wrap.noApp > p							{background-color:#F2F2F2;}

.photo-name.noApp > p:after,
.photo-wrap.noApp:after						{content:""; position:absolute; bottom:0; right:0; aspect-ratio:1 / 1; width:24px; background:url('/images/icon/svg/i_noApp.svg') no-repeat center; background-size:100% auto;}

.photo-wrap.hasFlag > p						{border:0;}

.addFileList-wrap.list-wrap dl dd .beFlex.hasPhoto .photo-wrap.noApp:after,
.realGrid-wrap .rg-root .photo-name.noApp > p:after,
.employee-detail.sm .photo-wrap.noApp:after				{width:12px;}

.txts-wrap							{border-radius:10px; background-color:#F9F8FE; padding:13px 10px;}
.txts-wrap p,
.txts-wrap font					{font:14px / 1.4 "PretendardR"; word-break:keep-all; word-break:break-word;}
.txts-wrap > ul					{display:grid; row-gap:8px;}
.txts-wrap > ul li > font,
.txts-wrap > ul li				{padding-inline:7px; font:14px / 1.2 "PretendardR"; line-height:1.4;}
.txts-wrap > ul li > font				{padding-inline:7px 0;}
.txts-wrap > ul li b			{font-family:"PretendardSB";}
.txts-wrap > ul li.hasBat			{padding-left:25px; position:relative;}
.txts-wrap > ul li.hasBat:before				{content:""; position:absolute; left:0; top:-1px; width:20px; height:20px; background:url('/images/icon/i_bat_circle.png') no-repeat center;}
.txts-wrap > ul.hasBeFlex li						{display:flex; align-items:center; flex-wrap:wrap;}
.txts-wrap > ul.hasBeFlex li.hasBat:before				{top:0;}
.txts-wrap .hasBracket			{padding-right:15px; position:relative; margin:0 15px;}
.txts-wrap .hasBracket:before					{content:""; position:absolute; left:0; bottom:-2px; height:1px; width:calc(100% - 15px); background-color:#26282c;}
.txts-wrap .hasBracket:after						{content:"\003E"; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:17px; line-height:1;}

.txts-wrap .logo1hada,
.txts-wrap .logoKicc							{background-position:center; background-repeat:no-repeat; background-size:100% auto; height:21px; margin:0 5px;}
.txts-wrap .logo1hada						{background-image:url('/images/icon/i_logo_txtType.png'); width:65px;}
.txts-wrap .logoKicc						{background-image:url('/images/icon/i_logo_txtType_kicc.png'); width:50px;}

.txts-wrap .title								{font:16px / 1 "PretendardSB";}

.txts-wrap.noBg								{padding:0; background-color:transparent;}

.oneHada .beBg.lightBlue.txts-wrap > ul					{color:#475067;}

.datas-wrap dl dd .addFiles-wrap,
.datas-wrap dl dd .list-wrap,
.datas-wrap dl dd .txts-wrap						{margin-block:5px 0;}

.dls-wrap .beLink + li .txts-wrap							{margin:0;}

.layer-container .dls-wrap li .txts-wrap									{width:100%;}


.datas-wrap dl dd .list-wrap > div				{border:1px solid #E9E9F0; border-radius:10px; overflow-y:auto;}
.list-wrap .table-wrap									{overflow-y:auto;}
.list-wrap .table-wrap.td-nowrap				{overflow-x:auto;}
.list-wrap .table-wrap.td-nowrap table th,
.list-wrap .table-wrap.td-nowrap table td				{white-space:nowrap;}

.table-wrap table											{width:100%; text-align:center;}
.table-wrap table thead								{position:sticky; top:0; z-index:2; /* border-bottom: 1px solid #E9E9F0; */}
.table-wrap table thead:after						{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#E9E9F0; background-color:#d2d2d2;}
.table-wrap table tfoot									{position:sticky; bottom:0; z-index:2; background-color:#fff; border-bottom:1px solid #E9E9F0; margin-bottom:-1px;}
/* .table-wrap table tfoot:after, */
.table-wrap table tfoot:before					{content:""; position:absolute; left:0; width:100%; height:1px; background-color:#E9E9F0; background-color:#d2d2d2;}
.table-wrap table tfoot:before					{top:0;}
/* .table-wrap table tfoot:after						{bottom:-1px;} */
.table-wrap table tfoot.off							{border-bottom:0;}
.table-wrap table tr:hover td							{background-color:#F5F6FA; background-color:#ECEDFF;}
.table-wrap table tfoot tr:hover td					{background-color:inherit;}
.table-wrap table th,
.table-wrap table td							{font:14px "PretendardM"; height:44px; color:#333; padding-inline:5px;}
.table-wrap table th							{background-color:#E9E9F0; color:#333; background-color:#fff;}
.table-wrap table td							{transition:.2s;}
.table-wrap table th:first-child,
.table-wrap table td:first-child		{position:sticky; left:0; background-color:#fff; position:relative;}
.table-wrap table td:first-child:after		{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#E9E9F0; background-color:#d2d2d2;}
.table-wrap table tfoot tr td						{border-top:1px solid #E9E9F0; border-top-color:#d2d2d2;}
.table-wrap table tfoot tr td:first-child:after			{display:none;}
.table-wrap table.no-tfoot tr:last-child td,
.table-wrap table tr td						{border-bottom:1px solid #d2d2d2;}
.table-wrap table tr:last-child td	{border-bottom:0;}
.table-wrap table td button				{height:30px; border:1px solid #B6C1DC; border-radius:8px; background-color:#fff; position:relative;}
.table-wrap table td button > i						{width:16px; height:16px; display:block; position:absolute;}
.table-wrap table td button.icon					{width:30px;}
.table-wrap table td button.icon > i				{top:50%; left:50%; transform:translate(-50%, -50%); background-image: url('/images/icon/i_edit.png');}
.table-wrap table td.alignLeft						{}
.table-wrap table td.red								{color:#DA100B;}
.table-wrap table td .beEllipsis					{display:table; table-layout:fixed; width:100%; margin-inline:10px;}
.table-wrap table td .beEllipsis > span		{display:table-cell; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}				
.table-wrap table td a.iconBtn					{display:block; aspect-ratio:1 / 1; width:30px; height:30px; border-radius:8px; border:1px solid #d2d2d2; text-indent:-9999px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#fff; transition:.2s;}
.table-wrap table td a.iconBtn:hover		{border-color:#a2a2a2;}
.table-wrap table td a.delete						{background-image:url('/images/icon/i_trash_can.png');}
.table-wrap table td a.modify						{background-image:url('/images/icon/i_modify.png');}

.table-wrap table td .beFlex						{margin:0 auto; white-space:nowrap; width:212px;}

.table-wrap table td i.badge						{display:inline-flex; align-items:center; justify-content:center; padding-inline:5px; height:20px; border-radius:4px; color:#fff; font-size:11px;}
.table-wrap table td i.badge.red					{background-color:#EC605B;}

.layer-container .table-wrap table td .beFlex					{width:auto;}


.datas-wrap .table-wrap table th,
.datas-wrap .table-wrap table td							{font:14px "PretendardR"; color:#26282c;}


span.hasIcon											{display:inline-flex; align-items:center; justify-content:center;}
span.hasIcon > i										{flex:0 0 20px; margin-right:6px;}


a.hasCopyBtn											{color:#333; padding-right:23px; background:url('/images/icon/i_copy.png') no-repeat right center; position:relative; font-family:"PretendardM";}
a.hasCopyBtn:before								{content:""; position:absolute; left:0; bottom:-1px; height:1px; width:calc(100% - 23px); background-color:#A3AED0;}


/* 리스트페이지 */
.table-list > table,
.list-wrap > table																					{border-top:1px solid #171717; width:100%;}


.list-wrap .rg-root.hasTable,
.list-wrap.realGrid-wrap.hasTable .rg-root								{max-height:450px; overflow-y:auto;}

.list-wrap .rg-root > table																{width:100%;}
.list-wrap .rg-root table th															{font-family:"PretendardSB";} 

.list-wrap .rg-root table th,
.list-wrap .rg-root table td															{min-height:42px; padding-block:13px;}

/* .list-wrap .rg-root table thead th, */
.list-wrap .rg-root table tbody tr																{border-bottom:1px solid #DBE3E8;}

.list-wrap .rg-root table thead tr													{position:relative;}
.list-wrap .rg-root table thead tr:after										{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#DBE3E8;}

.list-wrap .rg-root table td > font												{line-height:1.4; padding-inline:10px; display:inline-block; word-break:keep-all;}
.list-wrap .rg-root table td a.btn													{display:block; aspect-ratio:1/ 1; width:30px; border:1px solid #d7dce5; border-radius:6px; background-color:#fff; margin-inline:auto; background-repeat:no-repeat; background-position:center;}
.list-wrap .rg-root table td a.edit												{background-image:url('/images/icon/svg/i_edit.svg');}
.list-wrap .rg-root table td a.del													{background-image:url('/images/icon/svg/i_del_trash_bk.svg');}

.list-wrap .rg-root table thead														{position:sticky; top:0; background-color:#fff; z-index:2;}

.list-wrap .rg-root.hasTable table tbody tr:hover,
.table-list table tr.on,
.list-wrap table tr.on																		{background-color: #EFF5FF !important;}

.list-wrap .rg-root.hasTable table tr.noHover:hover				{background-color:transparent !important;}

/* .realGrid-wrap > div, */
.realGrid-wrap .rg-root																		{border-width:1px 0 0; border-style:solid; border-color:#171717;  font-size:14px;}
.realGrid-wrap > .beFlex.beStretch > span > .rg-root									{height:100%;}

.realGrid-wrap > div table th,
.realGrid-wrap > div table td															{font-size:14px; color:#171717;}

.realGrid-wrap > .beFlex																	{column-gap:30px;}
.realGrid-wrap > .beFlex > span														{flex:1 1 0;}

.realGrid-wrap > .beFlex.two-three > span:first-child					{flex:0 0 690px; flex:0 0 41.57%;}
.realGrid-wrap > .beFlex.four-five > span:first-child						{flex:0 0 45%;}

.realGrid-wrap > .beFlex.beStretch												{height:100%;}

.realGrid-wrap .rg-renderer																{padding-inline:5%;}
.realGrid-wrap .alignRight > .rg-renderer										{padding-inline:5% 8%;}

.layerView .realGrid-wrap .rg-renderer											{padding-inline:4px;}
.layerView .realGrid-wrap .alignRight > .rg-renderer					{padding-inline:4px 7px;}

.realGrid-wrap .rg-fixed-body tr td:hover,
.realGrid-wrap .rg-fixed-body .rg-data-row,
.realGrid-wrap .rg-rowbarcontainer .rg-table tr td.rowindicator-cell:hover,
.realGrid-wrap .rg-header	 .rg-table tr td:hover,
.realGrid-wrap .rg-body .rg-table tr td:hover,
.realGrid-wrap .rg-rowbarcontainer .rg-table tr td.rg-checkbar-cell,
.realGrid-wrap .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell,
.realGrid-wrap .rg-alternate-row,
.realGrid-wrap .rg-header-focus,
.realGrid-wrap .rg-header-select													{background-color:transparent !important;}

.realGrid-wrap .rg-header																	{background-color:#fff !important;}

.realGrid-wrap .rg-selection																{background-color:transparent !important; border:0;}

.realGrid-wrap .rg-focused-cell														{border:0;}

.realGrid-wrap .rg-fixed-body .rg-table tr:hover,
.realGrid-wrap .rg-rowbarcontainer .rg-table tr:hover,
.realGrid-wrap .rg-body .rg-table tr:hover								{background-color:#EFF5FF !important; cursor:pointer;}

.realGrid-wrap .rg-rowbarcontainer .rg-table tr.on,
.realGrid-wrap .rg-body .rg-table tr.on										{background-color:#EFF5FF !important;}

.realGrid-wrap .rg-head																		{background-color:#fff;}

.realGrid-wrap .rg-fixed-footer .rg-table tr td,
.realGrid-wrap .rg-fixed-body .rg-table tr td,
.realGrid-wrap .rg-foot .rg-table tr td,
.realGrid-wrap .rg-footer .rg-table tr td,
.realGrid-wrap .rg-rowbarcontainer .rg-table tr td,
.realGrid-wrap .rg-head .rg-table tr td,
.realGrid-wrap .rg-body .rg-table tr td,
.realGrid-wrap .rg-header .rg-table tr td										{border-inline-color:transparent; border-bottom-color:#DBE3E8;}

.realGrid-wrap .rg-header .rg-table tr td										{font-family:"PretendardSB";}

.realGrid-wrap .rg-body .rg-table tr												{transition:.2s;}

.realGrid-wrap .rg-fixed-footer .rg-table tr td,
.realGrid-wrap .rg-fixed-body .rg-table tr td,
.realGrid-wrap .rg-footer .rg-table tr td,
.realGrid-wrap .rg-body .rg-table tr td											{font-family:"PretendardM";}

.realGrid-wrap .rg-empty-grid														{display:grid; place-items:center;}
.realGrid-wrap .rg-empty-grid > span										{color:#D7DCE5; font:14px / 1 "PretendardR"; padding-top:68px; background: url('/images/icon/i_nodata_img.png') no-repeat center top; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}


.realGrid-wrap .rg-checkbar-cell input[type="radio"] + span + label								{text-indent:-9999px; display:block !important;}

.realGrid-wrap .rg-checkbox-cell input.rg-checkbox-body:before,
.realGrid-wrap .rg-checkbox-cell input[type="checkbox"]:before,
.realGrid-wrap .rg-radio-cell input[type="radio"].rg-radio-body:before,
.realGrid-wrap .rg-checkbar-cell input[type="radio"] + span + label:before,
.realGrid-wrap .rg-checkbar-cell input[type="checkbox"] + span + label:before					{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); aspect-ratio:1 / 1; min-height:20px; min-width:20px; background-color:#D1D6E3; transition:.2s; cursor:pointer;}

.realGrid-wrap .rg-radio-cell input[type="radio"].rg-radio-body:before,
.realGrid-wrap .rg-checkbar-cell input[type="radio"] + span + label:before					{border-radius:50%;}

.realGrid-wrap .rg-radio-cell input[type="radio"].rg-radio-body:after,
.realGrid-wrap .rg-checkbar-cell input[type="radio"] + span + label:after						{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); aspect-ratio:1 / 1; min-height:9px; min-width:9px; background-color:#fff; border-radius:50%; cursor:pointer;}

/* .realGrid-wrap .rg-checkbox-cell input[type="checkbox"] + span + label:before, */
.realGrid-wrap .rg-checkbox-cell input.rg-checkbox:before,
.realGrid-wrap .rg-checkbox-cell input[type="checkbox"]:before										{background-image:url('/images/icon/i_check.png'); background-repeat:no-repeat; background-position:center; border-radius:6px;}

/* .realGrid-wrap .rg-checkbox-cell input[type="checkbox"]:checked + span + label:before, */
.realGrid-wrap .rg-checkbox-cell input.rg-checkbox-body:checked:before,
.realGrid-wrap .rg-checkbox-cell input[type="checkbox"]:checked:before	,
.realGrid-wrap .rg-radio-cell input[type="radio"].rg-radio-body:checked:before,
.realGrid-wrap .rg-checkbar-cell input[type="radio"]:checked + span + label:before					{background-color:#2D67FF;}


.realGrid-wrap .rg-fixed-column-bar						{background-color:#DBE3E8; width:2px !important; border-right-color:#DBE3E8;}

.realGrid-wrap .rg-fixed-footer								{background-color:#f6f6f8; color:#000;}

.oneHada .realGrid-wrap .rg-root .beFlex.photo-name i.badge:last-child					{margin-inline:0;}
.oneHada .realGrid-wrap .rg-root .photo-wrap.hasFlag													{width:32px; height:32px; display:inline-block; width:24px; height:24px;}


.layer-conts .realGrid-wrap .rg-data-cell .rg-renderer								{/* max-height:inherit !important; */}
.layer-conts .realGrid-wrap .rg-data-cell .rg-renderer > div						{margin-block:10px; max-width:calc(100% - 25px);}
.layer-conts .realGrid-wrap .rg-data-cell .rg-renderer > .beFlex.photo-name								{margin-block:0;}



.oneHada .layer-.conts .realGrid-wrap .badge,
.oneHada .conts-wrap .realGrid-wrap .badge												{min-height:20px; min-width:32px; font-size:11px; display:inline-block; padding-inline:5px; margin-inline:10px;}

.oneHada .layer-.conts .realGrid-wrap .badge:first-child,
.oneHada .conts-wrap .realGrid-wrap .badge:first-child							{margin-inline:0 10px;}

.oneHada .layer-.conts .realGrid-wrap .badge:last-child,
.oneHada .conts-wrap .realGrid-wrap .badge:last-child							{margin-inline:10px 0;}

.oneHada .layer-.conts .realGrid-wrap .badge:only-child,
.oneHada .conts-wrap .realGrid-wrap .badge:only-child							{margin-inline:0;}



.oneHada .conts-wrap dl.list-sample										{display:grid; grid-template-columns:unset; overflow:auto; row-gap:0;}

.list-sample span							{align-content:center; text-align:center; min-height:56px;}
.list-sample > dd > .beGrid,
.list-sample > dt > .beGrid								{display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, auto)); column-gap:8px;}
.list-sample > dt								{font-family:"PretendardSB";}
.list-sample > dd							{border-top:1px solid #DBE3E8; font-family:"PretendardM";}
.list-sample > dd:last-child				{border-bottom:1px solid #DBE3E8;}






/* 상세페이지 */
.oneHada .layer-conts .title-borderInfo > .beGrid,
.oneHada .employeeDetail-top > .beGrid,
.oneHada .conts-wrap .title-listWrap > .beGrid,
.oneHada .conts-wrap .title-borderInfo > .beGrid						{row-gap:15px;}

.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid dl.beFlex dd font > b,
.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid dl.beFlex dd font > b					{font:14px / 1 "PretendardSB";}

.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid dl.beFlex dd font > b.fee,
.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid dl.beFlex dd font > b.fee				{font-size:16px; font-family:"PretendardB";}

.oneHada .title-borderInfo > .beGrid > .beGrid dl.beFlex dd font > b.orangeRed						{white-space:nowrap;}

.oneHada .conts-wrap .title-borderInfo > .beGrid.noGap,
.oneHada .layer-conts .title-borderInfo > .beGrid.noGap					{gap:0;}

.oneHada .conts-wrap .title-borderInfo > .beGrid h2 ~ .beGrid.noBorder,
.oneHada .conts-wrap .title-borderInfo > .beGrid .beGrid.noBorder				{border:0;}

.oneHada .layer-conts .title-borderInfo > .beGrid > h2.beFlex > font:first-child,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2.beFlex > font:first-child,
.oneHada .conts-wrap .title-listWrap > .beGrid > h2:first-child,
.oneHada .layer-conts .title-borderInfo > .beGrid > h2:first-child,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2:first-child				{font:20px / 1 "PretendardSB";}

.oneHada .layer-conts .title-borderInfo > .beGrid > h2 ~ h2,
.oneHada .layer-conts .title-borderInfo > .beGrid > h2:first-child				{min-height:40px;}

.oneHada .layer-conts .title-borderInfo > .beGrid > div.beGrid + h2						{margin-block:15px 0;}

.oneHada .layer-header em.beFlex a.circleBtn,
.oneHada .layer-conts .title-borderInfo > .beGrid > h2 font.beFlex > a.circleBtn,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 font.beFlex > a.circleBtn					{aspect-ratio:1 / 1; flex:0 0 20px; background-color:#D7DCE5; color:#fff; border-radius:50%; align-content:center; text-align:center; font-size:14px;}

.layerView.oneHada .layer-header em.beFlex.hasQuest,
.oneHada .layer-conts .title-borderInfo > .beGrid > h2 font.beFlex.hasQuest,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 font.beFlex.hasQuest							{column-gap:15px;}

.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 > font:first-child + .btn_select				{margin-inline:60px;}

.oneHada .layer-conts .title-borderInfo > .beGrid > h2 .btn-wrap > button,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 .btn-wrap > button					{height:40px; width:auto;}

.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 .btn-wrap.beFlex						{column-gap:10px;}

.oneHada .title-borderInfo > .beGrid > h2 .time-info > .badge								{font:10px / 1 "PretendardSB"; min-height:20px; min-width:30px; padding-inline:5px;}
.oneHada .title-borderInfo > .beGrid > h2 .time-info.beFlex									{column-gap:10px;}

.oneHada .title-borderInfo > .beGrid > h2 .position-info											{font:14px / 1 "PretendardSB";}
.oneHada .title-borderInfo > .beGrid > h2 .position-info > font								{padding-inline:15px;}
.oneHada .title-borderInfo > .beGrid > h2 .position-info > font:last-child			{padding-inline:15px 0;}
.oneHada .title-borderInfo > .beGrid > h2 .position-info > font + font								{position:relative;}
.oneHada .title-borderInfo > .beGrid > h2 .position-info > font + font:before					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; width:1px; background-color:#dadada;}
.oneHada .title-borderInfo > .beGrid > h2 .position-info > font > b:last-child					{margin-left:10px;}
.oneHada .title-borderInfo > .beGrid > h2 .position-info .positionNum							{font-family:"PretendardM"; padding-left:22px; background:url('/images/icon/svg/i_posi-1.svg') no-repeat left center;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info									{margin-inline:15px auto; font:16px / 1 "PretendardSB";}

.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .personNum				{margin-inline:10px auto;}

.oneHada .title-borderInfo > .beGrid > h2 .personNum > span												{padding-inline:20px; font-family:"PretendardM";}
.oneHada .title-borderInfo > .beGrid > h2 .personNum > span > font									{font-family:"PretendardR"; color:#475067;}
.oneHada .title-borderInfo > .beGrid > h2 .personNum > span > b										{font-family:"PretendardSB";}
.oneHada .title-borderInfo > .beGrid > h2 .personNum > span + span									{position:relative; padding-inline:21px 20px;}
.oneHada .title-borderInfo > .beGrid > h2 .personNum > span + span:before					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#d2d2d2;}
.oneHada .title-borderInfo > .beGrid > h2 .personNum > .beFlex											{column-gap:14px;}

.oneHada .title-borderInfo > .beGrid > h2 .personNum.total													{font-size:16px; font-family:"PretendardM";}
.oneHada .title-borderInfo > .beGrid > h2 .personNum.total b												{font-family:"PretendardSB";}

.oneHada .title-borderInfo > .beGrid > h2.beFlex.hasPersonNum											{column-gap:20px;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex small .blue,
.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.blue											{color:#2D67FF;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.green										{color:#00B383;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .time-info					{padding-left:16px; position:relative;}
.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .time-info:before					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); height:10px; width:1px; background-color:#dadada;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.commute:before				{height:5px; width:5px; background-color:#2D67FF; border-radius:50%;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.date > font:first-child,
.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.commute > font:first-child					{font:14px / 1 "PretendardR"; color:#475067;}
.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .time-info.commute								{padding-left:12px;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .time-info.date:before					{display:none;}
.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.date > font													{font-size:14px;}
.oneHada .title-borderInfo > .beGrid > h2.beFlex .time-info.date.beFlex												{column-gap:30px;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex font:first-child + .employee-detail.sm					{margin-inline:30px auto;}

.oneHada .title-borderInfo > .beGrid > h2:first-child > font:first-child							{line-height:1.3 !important; word-break:keep-all;}

.oneHada .title-borderInfo > .beGrid > h2.beFlex.hasBadge,
.oneHada .title-borderInfo > .beGrid > h2.beFlex.hasSlideSwitch							{column-gap:30px;}

.oneHada .title-borderInfo > .beGrid > .beGrid.topAlign > font								{line-height:1.2; word-break:keep-all;}

.oneHada .title-borderInfo > .beGrid > .beGrid.hasHeader										{padding:0 !important; overflow:hidden;}
.oneHada .title-borderInfo > .beGrid > .beGrid.hasHeader > .beGrid					{grid-template-rows:auto 1fr;}
.oneHada .title-borderInfo > .beGrid > .beGrid.hasHeader > .beGrid > div:first-child					{min-height:60px; padding-inline:36px; background-color:#F8FAFC;}
.oneHada .title-borderInfo > .beGrid > .beGrid.hasHeader > .beGrid > div:first-child + div			{border-top:1px solid #D7DCE5; padding:30px 36px;}

.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid.lightRed,
.oneHada .title-borderInfo > .beGrid > .beGrid.lightRed										{border-color:#F87573;}

.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid.lightCyan,
.oneHada .title-borderInfo > .beGrid > .beGrid.lightCyan										{border-color:#B0D2D7;}


.oneHada .title-borderInfo .beFlex.hasMapView														{gap:20px; flex-wrap:wrap;}
.oneHada .title-borderInfo .beFlex.hasMapView > span											{flex:1 1 0;}
.oneHada .title-borderInfo .beFlex.hasMapView .hasPhoto									{position:relative; border-radius:10px; /* border:1px solid #D7DCE5; */ /* height:100%; */ min-height:250px; box-shadow:0 0 0 1px #D7DCE5 inset; overflow:hidden;}
.oneHada .title-borderInfo .beFlex.hasMapView .hasPhoto > p								{position:absolute; inset:0; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px;}
.oneHada .title-borderInfo .beFlex.hasMapView .reg-info										{flex:0 0 100%;}

.oneHada .title-borderInfo .reg-info > .beFlex > dl									{padding-inline:20px; min-height:inherit;}
.oneHada .title-borderInfo .reg-info > .beFlex > dl:last-child				{padding-inline:20px 0;}
.oneHada .title-borderInfo .reg-info > .beFlex > dl:only-child				{padding:0;}
.oneHada .title-borderInfo .reg-info > .beFlex > dl dd font					{padding-inline:10px 0;}
.oneHada .title-borderInfo .reg-info > .beFlex > dl + dl							{position:relative;}
.oneHada .title-borderInfo .reg-info > .beFlex > dl + dl:before			{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}
.oneHada .title-borderInfo .reg-info > .beFlex > .displayNone + dl:before								{display:none;}

.oneHada .title-borderInfo .reg-info > .beFlex > dl dd.beFlex > font + a:last-child				{margin-inline:8px 0;}

.oneHada .title-borderInfo .reg-info dl.beFlex											{column-gap:15px;}
.oneHada .title-borderInfo .reg-info dl.beFlex > dt									{flex:none; color:#FF501B;}

.oneHada .title-borderInfo > .beGrid .beGrid.hasAdds .txts-wrap:first-child												{margin-bottom:20px;}
.oneHada .title-borderInfo > .beGrid .beGrid.hasAdds .txts-wrap:only-child												{margin-bottom:0;}

.oneHada .title-borderInfo > .beGrid .beGrid.hasAdds > *:not([style="display:none"])					{margin-bottom:0 !important;}

.oneHada .title-borderInfo > .beGrid .beGrid.hasAdds													{row-gap:15px !important;}


.oneHada .layer-conts .title-borderInfo .btn-wrap > button												{background-color:transparent;}
.oneHada .layer-conts .title-borderInfo .amount-detail .total dl dt .btn-wrap > button					{background-color:#fff;}

.oneHada .title-borderInfo .reg-info ~ .beGrid,
.oneHada .layer-conts .title-borderInfo .beGrid > .beFlex.employee-detail,
.oneHada .layer-conts .title-borderInfo > .beGrid > h2 ~ .beGrid,
.oneHada .layer-conts .title-borderInfo.noTitle > .beGrid,
.oneHada .conts-wrap .title-borderInfo.noTitle > .beGrid, 
.oneHada .conts-wrap .title-borderInfo > .beGrid > .alignLeft + .beGrid,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 ~ .beGrid					{border:1px solid #D7DCE5; padding:30px 36px; row-gap:20px; border-radius:8px; background-color:#fff; row-gap:5px; padding-block:25px; /* min-height:84px; */}

.oneHada .layer-conts .title-borderInfo .beGrid > .beFlex.employee-detail.noBdnoPd					{border:0; padding:0;}
.oneHada .layer-conts .title-borderInfo .beGrid > .beFlex.employee-detail.noBdnoPd + div			{margin-block:7px 0;}

.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid.noPd,
.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid.noPd					{padding:0;}

.oneHada .layer-conts .title-borderInfo > .beGrid > h2 ~ .beGrid.twoCol,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 ~ .beGrid.twoCol					{grid-template-columns:1fr 1fr; column-gap:10px; row-gap:5px; column-gap:35px; column-gap:30px;}

.oneHada .layer-conts .title-borderInfo > .beGrid > h2 ~ .beGrid.twoCol .spanTwoCol,
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 ~ .beGrid.twoCol .spanTwoCol					{grid-column:span 2;}

.oneHada .layer-conts dl + dl.toTopLinked,
.oneHada .conts-wrap dl + dl.toTopLinked,
.oneHada .conts-wrap .title-borderInfo > .beGrid > div.beGrid .toTopLinked						{margin-top:-8px;}

.oneHada .conts-wrap .title-borderInfo > .beGrid > h2 + .beGrid.worksTime					{border:0; padding:0;}

.oneHada .conts-wrap .title-borderInfo > .beGrid > h2.beFlex.farAway .btnSelect-wrap					{margin-inline:25px auto;}
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2.beFlex.farAway .btnSelect-wrap > font			{font:14px / 1 "PretendardR"; color:#475067; padding-left:10px; position:relative;}
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2.beFlex.farAway .btnSelect-wrap > font:before			{content:""; position:absolute; left:0; top:50%; transform:translatey(-50%); width:5px; aspect-ratio:1 / 1; border-radius:50%; background-color:#2D67FF;}
.oneHada .conts-wrap .title-borderInfo > .beGrid > h2.beFlex.farAway .btnSelect-wrap.beFlex					{column-gap:10px;}

.oneHada .conts-wrap .title-borderInfo .addFileList-wrap					{border-color:#D7DCE5;}

.oneHada .title-borderInfo .beGrid dl.beFlex.topAlign								{padding-block:12px;}
.oneHada .title-borderInfo .beGrid dl.beFlex.topAlign dd .beFlex.hasBadge							{margin-top:-5px;}

.oneHada .title-borderInfo .inputs-wrap dl.beFlex.topAlign					{padding-top:10px; padding-top:12px;}

.oneHada .conts-wrap .title-borderInfo .beGrid dl.beFlex.topAlign.hasBadge + dl.beFlex.topAlign					{padding-top:14px;}

.oneHada .title-borderInfo .beGrid .inputs-wrap dl.beFlex.topAlign											{padding-top:0;}

.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid.hasWorksTime								{padding:30px 50px;}
.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid.hasWorksTime > .beGrid				{row-gap:25px;}


.oneHada .conts-wrap .title-listWrap.beBgBlue					{background-color:#F8FAFC; padding:20px 30px; border-radius:8px;}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid				{row-gap:14px;}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex					{border:1px solid #D7DCE5; border-radius:8px; overflow:hidden; background-color:#fff; column-gap:20px; padding-inline:20px; min-height:48px;}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex.hasTextarea:focus-within					{border-color:#475067;}

.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > input[type="text"],
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > input[type="tel"],
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > input[type="number"]					{/* padding-inline:20px; */}

.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex .textarea-wrap										{flex:1 1 0; padding-inline:0; border:0;}

.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > a:last-child												{flex:0 0 14px; width:14px; aspect-ratio:1 / 1; background-color:#D7DCE5; border-radius:50%; position:relative;}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > a:last-child:before,
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > a:last-child:after							{content:""; position:absolute; left:50%; top:50%; width:8px; height:1px; background-color:#fff;}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > a:last-child:before						{transform:translate(-50%, -50%) rotate(45deg);}
.oneHada .conts-wrap .title-listWrap > .beGrid > .beGrid > div.beFlex > a:last-child:after							{transform:translate(-50%, -50%) rotate(-45deg);}

.oneHada .conts-wrap .btn-wrap > button																				{min-width:100px;}
.oneHada .conts-wrap .detail_info > .beFlex.farAway > .btn-wrap.beFlex						{column-gap:20px;}
.oneHada .conts-wrap .detail_info > .beFlex.farAway > .btn-wrap.beFlex > button					{min-width:150px;}

.oneHada .layer-conts dl.beFlex,
.oneHada .conts-wrap dl.beGrid,
.oneHada .conts-wrap dl.beFlex									{font-size:14px; font-family:"PretendardM"; column-gap:20px; column-gap:10px;}

.oneHada .layer-conts dl.beFlex > dt,
.oneHada .conts-wrap dl.beGrid > dt,
.oneHada .conts-wrap dl.beFlex > dt						{/* font-family:"PretendardR"; */ color:#475067; flex:0 0 120px; word-break:keep-all; line-height:1.2; flex:0 0 125px;}

.oneHada .cashReceipt-wrap .taxInvoice-bottomInfo dl.beFlex > dt,
.oneHada .layer-conts dl.beGrid > dt,
.oneHada .layer-conts dl.beFlex > dt							{flex:0 0 110px; flex:0 0 125px;}

.oneHada .layer-conts dl.beFlex.has90Dt > dt,
.oneHada .conts-wrap dl.beGrid.has90Dt > dt,
.oneHada .conts-wrap dl.beFlex.has90Dt > dt					{flex:0 0 90px;}

.oneHada .layer-conts dl.beGrid.topAlign,
.oneHada .conts-wrap dl.beGrid.topAlign							{align-items:stretch; grid-auto-rows:minmax(40px, min-content);}

.oneHada .layer-conts .inputs-wrap dl.beFlex.topAlign > dt,
.oneHada .layer-conts .inputs-wrap dl.beGrid.topAlign > dt					{padding-top:17px;}

.oneHada .conts-wrap .inputs-wrap dl.beFlex.topAlign > dt,
.oneHada .conts-wrap .inputs-wrap dl.beGrid.topAlign > dt					{padding-top:14px;}

.oneHada .conts-wrap .beBg.toTopLinked dl.beFlex > dt											{flex:0 0 90px;}

.oneHada .layer-conts .title-borderInfo dl.beFlex > dd > font.beFlex,
.oneHada .conts-wrap dl.beFlex > dd > font.beFlex														{column-gap:15px;}

.oneHada .conts-wrap dl.beFlex > dd.alignRight > font.beFlex									{justify-content:flex-end;}
.oneHada .conts-wrap.hasPDFform dl.beFlex > dd.alignRight > font.beFlex									{column-gap:5px; line-height:1;}

.oneHada .layer-conts dl.beFlex > dt.hasIcon > i:first-child,
.oneHada .conts-wrap dl.beFlex > dt.hasIcon > i:first-child				{aspect-ratio:1 / 1;}

.oneHada .layer-conts dl.beFlex > dt.beFlex.hasIcon,
.oneHada .conts-wrap dl.beFlex > dt.beFlex.hasIcon							{column-gap:10px;}

.oneHada .layer-conts dl.beFlex > dd,
.oneHada .conts-wrap dl.beFlex > dd								{flex:1 1 0;}

.oneHada .layer-conts dl.beFlex dd.vs84px,
.oneHada .conts-wrap dl.beFlex dd.vs84px									{flex:0 0 84px;}
.oneHada .layer-conts dl.beFlex dd.vs90px,
.oneHada .conts-wrap dl.beFlex dd.vs90px									{flex:0 0 90px;}
.oneHada .layer-conts dl.beFlex dd.vs102px,
.oneHada .conts-wrap dl.beFlex dd.vs102px								{flex:0 0 102px;}
.oneHada .layer-conts dl.beFlex dd.vs120px,
.oneHada .conts-wrap dl.beFlex dd.vs120px								{flex:0 0 120px;}
.oneHada .layer-conts dl.beFlex dd.vs158px,
.oneHada .conts-wrap dl.beFlex dd.vs158px									{flex:0 0 158px;}
.oneHada .layer-conts dl.beFlex dd.vs162px,
.oneHada .conts-wrap dl.beFlex dd.vs162px									{flex:0 0 162px;}
.oneHada .layer-conts dl.beFlex dd.vs163px,
.oneHada .conts-wrap dl.beFlex dd.vs163px									{flex:0 0 163px;}
.oneHada .layer-conts dl.beFlex dd.vs192px,
.oneHada .conts-wrap dl.beFlex dd.vs192px									{flex:0 0 192px;}
.oneHada .layer-conts dl.beFlex dd.vs200px,
.oneHada .conts-wrap dl.beFlex dd.vs200px									{flex:0 0 200px;}
.oneHada .layer-conts dl.beFlex dd.vs259px,
.oneHada .conts-wrap dl.beFlex dd.vs259px									{flex:0 0 259px;}
.oneHada .layer-conts dl.beFlex dd.vs270px,
.oneHada .conts-wrap dl.beFlex dd.vs270px									{flex:0 0 270px;}
.oneHada .layer-conts dl.beFlex dd.vs320px,
.oneHada .conts-wrap dl.beFlex dd.vs320px									{flex:0 0 320px;}
.oneHada .layer-conts dl.beFlex dd.vs360px,
.oneHada .conts-wrap dl.beFlex dd.vs360px									{flex:0 0 360px;}

.oneHada .layer-conts dl.beFlex > dd.hasSelect,
.oneHada .conts-wrap dl.beFlex > dd.hasSelect								{flex:0 0 150px;}
.oneHada .conts-wrap dl.beFlex > dd.hasInputCheckRadio			{/* flex:0 0 auto; */}

.oneHada .layer-conts dl.beFlex > dd.hasSelectFont.beFlex,
.oneHada .conts-wrap dl.beFlex > dd.hasSelectFont.beFlex													{column-gap:15px;}
.oneHada .layer-conts dl.beFlex > dd.hasSelectFont.beFlex > .wrap-select,
.oneHada .conts-wrap dl.beFlex > dd.hasSelectFont.beFlex > .wrap-select						{flex:0 0 150px;}
.oneHada .layer-conts dl.beFlex > dd.hasSelectFont.beFlex > font,
.oneHada .conts-wrap dl.beFlex > dd.hasSelectFont.beFlex > font										{color:#475067; padding-inline:8px; position:relative; white-space:nowrap;}
.oneHada .layer-conts dl.beFlex > dd.hasSelectFont.beFlex > font.hasBat,
.oneHada .conts-wrap dl.beFlex > dd.hasSelectFont.beFlex > font.hasBat								{padding-inline:23px 8px;}
.oneHada .layer-conts dl.beFlex > dd.hasSelectFont.beFlex > font.hasBat:before,
.oneHada .conts-wrap dl.beFlex > dd.hasSelectFont.beFlex > font.hasBat:before					{content:"!"; position:absolute; left:0; top:50%; transform:translateY(-50%); aspect-ratio:1 / 1; width:15px; border-radius:50%;background-color:#D7DCE5; align-content:center; text-align:center; font-size:11px; color:#fff;}

.oneHada .layer-conts .inputs-wrap dl > dd.beGrid,
.oneHada .conts-wrap .inputs-wrap dl > dd.beGrid							{row-gap:10px;}

.oneHada .layer-conts .inputs-wrap dl > dd.beGrid .addFiles-wrap,
.oneHada .conts-wrap .inputs-wrap dl > dd.beGrid .addFiles-wrap						{margin-top:0;}

.employee-detail.sm .beFlex font,
.oneHada .layer-conts dl.beFlex > dd font,
.oneHada .account-info font,
.oneHada .conts-wrap dl.beGrid > dd font,
.oneHada .conts-wrap dl.beFlex > dd font						{padding-inline:15px; position:relative; line-height:1.2;}

.oneHada .layer-conts dl.beFlex > dd font > b,
.oneHada .conts-wrap dl.beGrid > dd font > b,
.oneHada .conts-wrap dl.beFlex > dd font > b									{font-size:16px; font-family:"PretendardB";}

.oneHada .title-borderInfo h2 .orangeRed,
.oneHada .title-borderInfo .position-info .orangeRed,
.oneHada .layer-conts dl.beFlex > dd .orangeRed,
.oneHada .layer-conts dl.beGrid > dd .orangeRed,
.oneHada .conts-wrap dl.beGrid > dd .orangeRed,
.oneHada .conts-wrap dl.beFlex > dd .orangeRed													{color:#FF501B;}

.oneHada .conts-wrap dl.beFlex > dd font > strong.orangeRed							{font-family:"PretendardM"; font-weight:normal;}

.oneHada dl.beGrid > dd .blue,
.oneHada dl.beFlex > dd .blue																				{color:#2D67FF;}

.oneHada dl.beGrid > dd .green,
.oneHada dl.beFlex > dd .green																				{color:#00B828;}

.oneHada dl.beGrid > dd .yellow,
.oneHada dl.beFlex > dd .yellow																				{color:#F2A900;}

.oneHada dl.beGrid > dd .blueGray,
.oneHada dl.beFlex > dd .blueGray																				{color:#8491A7;}

.oneHada dl.beGrid > dd .cyan,
.oneHada dl.beFlex > dd .cyan																				{color:#00A1EF;}

.oneHada dl.beGrid > dd .lightGray,
.oneHada dl.beFlex > dd .lightGray																				{color: rgba(80,88,102,.5);}

.oneHada .layer-conts dl.beFlex > dd font b:first-child,
.oneHada .conts-wrap dl.beFlex > dd font b:first-child										{margin-inline:0 10px;}

.oneHada .layer-conts dl.beFlex > dd font > b														{margin-inline:10px;}

.oneHada .layer-conts dl.beFlex > dd font b:only-child,
.oneHada .conts-wrap dl.beFlex > dd font b:only-child										{margin-inline:0;}

.oneHada .layer-conts dl.beFlex > dd font:first-child,
.oneHada .account-info font:first-child,
.oneHada .conts-wrap dl.beGrid > dd font:first-child,
.oneHada .conts-wrap dl.beFlex > dd font:first-child					{padding-left:0;}

.oneHada .layer-conts dl.beFlex > dd font:only-child,
.oneHada .account-info font:only-child,
.oneHada .conts-wrap dl.beGrid > dd font:only-child,
.oneHada .conts-wrap dl.beFlex > dd font:only-child,
.oneHada .layer-conts dl.beGrid > dd .cal-wrap a > font:first-child,
.oneHada .layer-conts dl.beFlex > dd .cal-wrap a > font:first-child,
.oneHada .conts-wrap dl.beGrid > dd .cal-wrap a > font:first-child,
.oneHada .conts-wrap dl.beFlex > dd .cal-wrap a > font:first-child				{padding-inline:0;}

.employee-detail.sm .beFlex em:first-child + font:before,
.employee-detail.sm .beFlex font + font:before,
.oneHada .layer-conts dl.beFlex > dd font + font:before,
.oneHada .account-info font + font:before,
.oneHada .conts-wrap dl.beGrid > dd font + font:before,
.oneHada .conts-wrap dl.beFlex > dd font + font:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}

.oneHada dl.beFlex dd.beFlex.topAlign > font + font:before										{top:3px; transform:none;}

.oneHada .conts-wrap .addFileList-wrap dl > dd font														{padding-inline:0;}
.oneHada .conts-wrap .addFileList-wrap dl > dd font + font:before								{display:none;}

.oneHada .layer-conts dl.beGrid > dd font.error,
.oneHada .layer-conts dl.beFlex > dd font.error,
.oneHada .conts-wrap dl.beGrid > dd font.error,
.oneHada .conts-wrap dl.beFlex > dd font.error							{color:#FF501B; position:relative; padding-left:22px !important;}

.oneHada .layer-conts dl.beFlex > dd font.error:before,
.oneHada .conts-wrap dl.beGrid > dd font.error:before,
.oneHada .conts-wrap dl.beFlex > dd font.error:before				{content:"!"; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; aspect-ratio:1 / 1; color:#fff; background-color:#FF501B; border-radius:50%; display:grid; place-items:center; font:11px / 1 "sans-serif";}

.oneHada .conts-wrap dl.beFlex > dd .list-wrap,
.oneHada .conts-wrap dl.beFlex > dd .addFiles-wrap					{margin-block:20px 0;}

.oneHada .conts-wrap dl.beFlex > dd .addFiles-wrap > div			{grid-template-columns:repeat(auto-fill, minmax(93px, auto));}

.oneHada .conts-wrap dl.beFlex > dd .noData,
.oneHada .conts-wrap dl.beFlex > dd .addFileList-wrap,
.oneHada .conts-wrap dl.beFlex > dd .list-wrap,
.oneHada .conts-wrap dl.beFlex > dd .addFiles-wrap  									{margin-top:14px; margin-top:0;}

.oneHada .conts-wrap dl.beFlex > dd .noData:first-child,
.oneHada .conts-wrap dl.beFlex > dd .addFileList-wrap:first-child,
.oneHada .conts-wrap dl.beFlex > dd .list-wrap:first-child,
.oneHada .conts-wrap dl.beFlex > dd .addFiles-wrap:first-child				{margin-top:0;}

.oneHada .layer-conts dl.beFlex > dd.beGrid,
.oneHada .conts-wrap dl.beFlex > dd.beGrid													{row-gap:14px;}

.oneHada .conts-wrap dl.beFlex > dd .addFileList-wrap									{border-color:#D7DCE5;}

.oneHada .conts-wrap dl.beFlex > dd > .wrapRadio-wrap										{grid-template-columns:1fr 1fr; display:inline-grid;}
.oneHada .conts-wrap dl.beFlex > dd > .wrapRadio-wrap:first-child					{margin-left:-10px;}

.oneHada .title-borderInfo > .beGrid > .beGrid dl.beFlex > dd > .wrapRadio-wrap.beFlex							{display:flex;}	
.oneHada .title-borderInfo > .beGrid > .beGrid dl.beFlex > dd > .wrapRadio-wrap.beFlex:first-child		{margin-left:inherit;}

.oneHada .conts-wrap dl.beFlex > dd.beFlex > font + .btn-wrap				{margin-inline:40px; margin-inline:10px;}
.oneHada .conts-wrap dl.beFlex > dd.beFlex.farAway > font + .btn-wrap				{margin-inline:20px 0;}

.oneHada .layer-conts dl.beFlex > dd.blue,
.oneHada .conts-wrap dl.beFlex > dd.blue										{color:#2D67FF;}

.oneHada .conts-wrap dl.beFlex > dd .btn-wrap > a							{height:auto; min-height:30px; border-radius:4px; font-size:12px; min-width:72px; width:auto; font-family:"PretendardM"; border: 1px solid #D7DCE5; color: #292E41; display:flex; background-color:#fff; padding-inline:14px;}
.oneHada .conts-wrap dl.beFlex > dd .btn-wrap > a.beFlex > i					{flex:0 0 16px;}
.oneHada .conts-wrap dl.beFlex > dd .btn-wrap > a.beFlex > font			{padding-inline:0;}
.oneHada .conts-wrap dl.beFlex > dd .btn-wrap > a.view							{min-width:88px; padding-inline:10px;}

.layerView.oneHada .addFileList-wrap dl > dt,
.oneHada .conts-wrap dl.beFlex > dd .addFileList-wrap dl > dt						{background-color:#F8FAFC;}

.oneHada .layer-conts dl.beFlex.topAlign.hasBadge + dl.beFlex.topAlign,
.oneHada .conts-wrap dl.beFlex.topAlign.hasBadge + dl.beFlex.topAlign,
.oneHada .layer-conts dl.beFlex.topAlign.hasBadge > dt,
.oneHada .conts-wrap dl.beFlex.topAlign.hasBadge > dt				{padding-top:4px;}

.oneHada .layer-conts dl.beFlex.topAlign > dd > font,
.oneHada .conts-wrap dl.beFlex.topAlign > dd > font						{word-break:keep-all;}

.oneHada .layer-conts .beFlex.hasMsg,
.oneHada .conts-wrap .beFlex.hasMsg									{flex-wrap:wrap; row-gap:10px;}

.oneHada .layer-conts .beFlex.hasMsg > .input-wrap.hasWon,
.oneHada .conts-wrap .beFlex.hasMsg > .input-wrap.hasWon					{width:100%;}

.oneHada .layer-conts .beFlex.hasMsg .msg,
.oneHada .conts-wrap .beFlex.hasMsg .msg						{flex:0 0 100%;} 

.oneHada .layer-conts .beFlex.hasMsg .msg > small,
.oneHada .conts-wrap .beFlex.hasMsg .msg > small								{font-size:12px; display:block; padding:8px 15px; background-color:#F8F8F8; line-height:1.2; border-radius:4px;}

.oneHada .layer-conts .beFlex.hasMsg font.msg:last-of-type,
.oneHada .conts-wrap .beFlex.hasMsg font.msg:last-of-type				{padding-inline:0;}

.oneHada .layer-conts .hasMsg .hasWon + font.alignRight:last-of-type,
.oneHada .conts-wrap .hasMsg .hasWon + font.alignRight:last-of-type					{font-size:12px;}

.oneHada .conts-wrap dl.beGrid												{grid-template-columns:120px 1fr; column-gap:20px; row-gap:10px; column-gap:10px; grid-template-columns:125px 1fr;}
.oneHada .conts-wrap dl.beGrid .spanTwoCol					{/* padding-left:140px; */}

.oneHada .beGrid > dl.beGrid										{align-content:start;}


.oneHada .layer-conts dl .hasSignImg,
.oneHada .conts-wrap dl .hasSignImg						{position:relative;}

.oneHada .layer-conts dl .hasSignImg p,
.oneHada .conts-wrap dl .hasSignImg p				{position:absolute; top:50%; transform:translateY(-50%); max-width:150px;}

.oneHada .layer-conts dl .hasSignImg p > img,
.oneHada .conts-wrap dl .hasSignImg p > img					{max-height:50px;}

.oneHada .layer-conts dl .hasSignImg.beFlex > font,
.oneHada .conts-wrap dl .hasSignImg.beFlex > font				{flex:0 0 auto;}

.oneHada .layer-wrap dl .hasSignImg.beFlex > span,
.oneHada .conts-wrap dl .hasSignImg.beFlex > span				{flex:1 1 0; padding-inline:15px;}


.oneHada .layer-conts .sign-area dl .beFlex.hasSignImg,
.oneHada .conts-wrap .sign-area dl .beFlex.hasSignImg						{column-gap:15px;}

.oneHada .layer-conts .sign-area dl .beFlex.hasSignImg > p,
.oneHada .conts-wrap .sign-area dl .beFlex.hasSignImg > p				{flex:0 0 auto; position:inherit; top:inherit; transform:none;}
/*
.oneHada .conts-wrap .sign-area dl .beFlex.hasSignImg > p:first-child				{position:relative; top:inherit; transform:none;}
.oneHada .conts-wrap .sign-area dl .beFlex.hasSignImg > p:last-child				{position:inherit; top:inherit; transform:none;}
*/

.oneHada .layer-conts .title-borderInfo .map-view														{min-height:250px;}
.oneHada .layer-conts .title-borderInfo .map-view.hasTxtCopyBtn							{min-height:320px;}

.oneHada .map-view > .beGrid										{grid-template-rows:auto 1fr;}

.oneHada .map-view .txtCopy-btn						{border:0; border-radius:0; padding-inline:36px; min-height:70px;}
.oneHada .map-view .txtCopy-btn + .map-wrap				{position:relative;}



.list-wrap > ul.beGrid										{row-gap:14px;}
.list-wrap > ul.links > li								{background-color:#F8FAFC; border-radius:8px; min-height:40px; padding-inline:48px 20px; position:relative; align-content:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-wrap > ul.links > li:before					{content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; aspect-ratio:1 / 1; background:url('/images/icon/i_worldwide.png') no-repeat center; opacity:.35;}
.list-wrap > ul.links > li > a						{text-decoration:underline;}
.list-wrap > ul.links > li > a.del					{width:14px; aspect-ratio:1 / 1; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.list-wrap > ul.links > li > a.del:before,
.list-wrap > ul.links > li > a.del:after					{content:""; position:absolute; left:50%; top:50%; width:1px; height:13px; background-color:#8491A7; width:2px;}
.list-wrap > ul.links > li > a.del:before				{transform:translate(-50%, -50%) rotate(45deg);}
.list-wrap > ul.links > li > a.del:after					{transform:translate(-50%, -50%) rotate(-45deg);}
.list-wrap > ul.address > li:before						{background-image:url('/images/icon/svg/i_position.svg'); opacity:.7; width:30px; left:10px;}
.list-wrap > ul.hasDelBtn > li								{padding-right:48px;}

.oneHada .layer-conts .badge,
.oneHada .conts-wrap .badge						{padding-inline:9px; font-size:12px; font-family:"PretendardM"; color:#fff; background-color:rgba(0,0,0,.4); border-radius:4px; min-height:24px; min-width:39px; display:block; align-content:center; text-align:center; border:1px solid transparent;}

.oneHada .layer-conts .badge + .badge,
.oneHada .conts-wrap .badge + .badge				{margin-left:5px;}

.oneHada .layer-conts .badge.bgBlue,
.oneHada .conts-wrap .badge.bgBlue					{background-color:#2D67FF;}

.oneHada .layer-conts .badge.bgRed,
.oneHada .conts-wrap .badge.bgRed					{background-color:#FF501B;}

.oneHada .layer-conts .badge.bgGreen,
.oneHada .conts-wrap .badge.bgGreen					{background-color:#00B383;}

.oneHada .layer-conts .badge.bgGray,
.oneHada .conts-wrap .badge.bgGray					{background-color:#A5A9B0;}

.oneHada .layer-conts .badge.bgLightGray,
.oneHada .conts-wrap .badge.bgLightGray			{background-color:#CDD1DC;}

.oneHada .layer-conts .badge.bgLightCyan,
.oneHada .conts-wrap .badge.bgLightCyan			{background-color:#F4FCFF; color:#00A1EF;}

.oneHada .layer-conts .badge.bgOrangeRed,
.oneHada .conts-wrap .badge.bgOrangeRed				{background-color:#FF501B; color:#fff;}

.oneHada .layer-conts .badge.bgOrange,
.oneHada .conts-wrap .badge.bgOrange				{background-color:#F2A900; color:#fff;}

.oneHada .layer-conts .badge.bgLightBlue,
.oneHada .conts-wrap .badge.bgLightBlue				{background-color:#E3EBF8; color:#436AAF;}

.oneHada .layer-conts .badge.bgDkGray,
.oneHada .conts-wrap .badge.bgDkGray				{background-color:#475067; color:#fff;}

.oneHada .layer-conts .badge.bgDakGray,
.oneHada .conts-wrap .badge.bgDakGray				{background-color:#4E5563; color:#fff;}


.oneHada .layer-conts .badge.orange,
.oneHada .conts-wrap .badge.orange					{border-color:#F38D21; color:#F38D21; background-color:#fff;}

.oneHada .layer-conts .badge.orangeRed,
.oneHada .conts-wrap .badge.orangeRed			{border-color:#FF501B; color:#FF501B; background-color:#fff;}

.oneHada .layer-conts .badge.blue,
.oneHada .conts-wrap .badge.blue						{border-color:#2D67FF; color:#2D67FF; background-color:#fff;}

.oneHada .layer-conts .badge.red,
.oneHada .conts-wrap .badge.red						{border-color:#FF501B; color:#FF501B; background-color:#fff;}

.oneHada .layer-conts .badge.lightCyan,
.oneHada .conts-wrap .badge.lightCyan				{border:1px solid rgba(0,161,239,.5); border-radius:12px;}

.oneHada .layer-conts .badge.lightGray,
.oneHada .conts-wrap .badge.lightGray				{border:1px solid #a7abb2; color:#a7abb2; background-color:#fff;}

.oneHada .layer-conts .badge.edited,
.oneHada .conts-wrap .badge.edited					{border:1px solid #FF501B; color:#FF501B; background-color:#fff; border-radius:10px;}

.oneHada .layer-conts .badge.rounded,
.oneHada .conts-wrap .badge.rounded				{border-radius:12px;}

.oneHada .layer-conts .badge.rounded.sm,
.oneHada .conts-wrap .badge.rounded.sm			{min-height:20px; border-radius:10px; min-width:62px;}

.oneHada .layer-conts .badge.onlyIcon,
.oneHada .conts-wrap .badge.onlyIcon				{aspect-ratio:1 / 1; padding-inline:0;}
.oneHada .layer-conts .badge.onlyIcon.check,
.oneHada .conts-wrap .badge.onlyIcon.check						{background:url('/images/icon/svg/i_check_red.svg') no-repeat center; background-size:100% auto; min-width:20px; min-height:20px;}

.oneHada .layer-conts .realGrid-wrap .badge,
.oneHada .conts-wrap .realGrid-wrap .badge							{display:inline-block; margin-inline:10px;}


.oneHada .layer-conts .beFlex.edit_info,
.oneHada .conts-wrap .beFlex.edit_info		{column-gap:6px;}

.oneHada .layer-conts .edit_info,
.oneHada .conts-wrap .edit_info					{font:14px / 1 "PretendardR"; color:#475067;}

.oneHada .layer-conts .edit_info > b,
.oneHada .conts-wrap .edit_info > b				{font-family:"PretendardB";}

.oneHada .layer-conts .edit_info > a:last-child,
.oneHada .conts-wrap .edit_info > a:last-child				{width:16px; aspect-ratio:1 / 1; background:url('/images/icon/svg/i_posi.svg') no-repeat center;}

.oneHada .layer-conts .edit_info.beFlex > a:last-child,
.oneHada .conts-wrap .beFlex.edit_info > a:last-child				{flex:0 0 16px;}

.oneHada .layer-conts .edit_info + .btn-wrap:last-child,
.oneHada .conts-wrap .edit_info + .btn-wrap:last-child							{margin-left:30px;}

.oneHada .layer-conts .edit_info + .btn-wrap:last-child > button,
.oneHada .conts-wrap .edit_info + .btn-wrap:last-child > button					{height:auto; min-height:40px; background-color:transparent; font:14px / 1 "PretendardM"; border:1px solid #D7DCE5; border-radius:8px;}
.oneHada .layer-conts .edit_info + .btn-wrap > button.blue,
.oneHada .conts-wrap .edit_info + .btn-wrap > button.blue					{border-color:#2D67FF; color:#2D67FF;}

.oneHada .layer-conts .nationality-info font.beFlex:first-child,
.oneHada .conts-wrap .nationality-info font.beFlex:first-child,
.oneHada .layer-conts .account-info font.beFlex:first-child,
.oneHada .conts-wrap .account-info font.beFlex:first-child					{column-gap:6px;}

.oneHada .nationality-info font.beFlex:first-child > p,
.oneHada .account-info font.beFlex:first-child > p				{flex:0 0 22px;}

.oneHada .account-info .edit											{aspect-ratio:1 / 1; width:30px; border-radius:6px; border:1px solid #D7DCE5; background:url('/images/icon/svg/i_edit.svg') no-repeat center;}

.oneHada .account .account-info p + font					{padding-inline:0;}


.title-borderInfo > .beGrid > .alignLeft:first-child .btn-wrap.beFlex						{display:inline-flex; column-gap:10px;}
.title-borderInfo > .beGrid > .alignLeft:first-child .btn-wrap.beFlex > button					{width:auto; min-height:40px; height:auto;}

.employee-detail.beFlex												{column-gap:40px;}
.employee-detail.beFlex > span																	{flex:1 1 0;}
.employee-detail.beFlex > span:first-child												{flex:0 0 100px;}

.employee-detail .photo-wrap > p												{background-image:url('/images/file/nophoto-image.png'); cursor:default; border:0;}

.employee-detail .beGrid.hasPhoto															{grid-auto-rows:min-content;}
.employee-detail .beGrid.hasPhoto .photo-wrap									{aspect-ratio:1 / 1; margin-inline:10px; max-width:80px;}
.employee-detail .beGrid.hasPhoto > .badge											{margin-inline:20px; padding-inline:5px;}

.employee-detail .beGrid.employee-infos,
.employee-detail .hasPhoto.beGrid												{row-gap:10px;}

.employee-detail .beGrid.employee-infos									{grid-template-rows:auto 1fr;}

.employee-detail .employee-infos .beFlex.farAway:first-child,
.employee-detail .employee-infos .beFlex.farAway:first-child > .beFlex.btn-wrap				{column-gap:10px;}

.employee-detail .employee-infos > .beFlex:first-child						{min-height:40px;}

.employee-detail .employee-infos > .beFlex.badge-info						{column-gap:30px;}
.employee-detail .employee-infos > .beFlex.badge-info > .badge:first-child					{flex:0 0 52px;}


.employee-detail .employee-infos .beFlex.farAway:first-child > .beFlex.btn-wrap > button				{height:auto; min-height:40px; white-space:nowrap; min-height:30px; min-width:85px; padding-inline:11px; font-size:12px;}

.layer-conts .employee-detail .employee-infos > .beFlex:first-child + .beGrid.twoCol,
.employee-detail .employee-infos .beFlex.farAway:first-child + .beGrid.twoCol					{/* row-gap:10px; */ grid-auto-rows:min-content;}

.employee-detail .beFlex.name-badge											{column-gap:14px; column-gap:18px;}
.employee-detail .beFlex.name-badge > em								{color:#171717; font:24px / 1 "PretendardSB";}

.employee-detail .employee-infos > .beGrid.twoCol										{grid-template-columns:335px 1fr;}

.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon										{flex:0 0 130px;}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i:first-child				{flex:0 0 24px; background-position:center; background-repeat:no-repeat;}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i.number				{background-image:url('/images/icon/svg/i_home.svg');}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i.level						{background-image:url('/images/icon/svg/i_level.svg');}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i.job							{background-image:url('/images/icon/svg/i_bag.svg');}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i.commute				{background-image:url('/images/icon/svg/i_cal.svg');}
.employee-detail .employee-infos dl.beFlex > dt.beFlex.hasIcon > i.docReg					{background-image:url('/images/icon/svg/i_doc.svg');}

.employee-detail .employee-infos > dl:not(.beFlex) > dd											{margin-top:10px;}
.employee-detail .employee-infos > dl:not(.beFlex) > dd font:first-child					{padding-inline:0 15px;}

.oneHada .amount-detail dl.beFlex,
.title-borderInfo .beGrid dl.beFlex,
.employee-infos dl.beFlex,
.employee-detail + .beGrid dl.beFlex												{min-height:40px;}

.employee-detail + .beGrid.twoCol													{column-gap:10px; position:relative; padding-top:12px; row-gap:5px;}
.employee-detail + .beGrid.twoCol:before										{content:""; position:absolute; left:0; top:-5px; width:100%; height:1px; background-color:#EEEFF0; top:0;}

.employee-detail span.hasWorkTimeInfo										{flex:0 0 auto;}
.employee-detail .workTime-info														{min-height:30px; border:1px solid #dadada; border-radius:15px; padding-inline:5px;}
.employee-detail .workTime-info > font											{font-size:12px; line-height:1 !important;}
.employee-detail .workTime-info.bgLightCyan								{background-color:#F4FCFF; border-color:#00A1EF; color:#00A1EF;}
.employee-detail .workTime-info.bgLightCyan > font + font:before					{background-color:#00A1EF;}


.employee-detail.sm																				{column-gap:5px;}
.employee-detail.sm .hasPhoto:first-child										{flex:0 0 60px;}
.employee-detail.sm .beFlex em:first-child + font							{margin-left:15px;}

.employee-detail.sm .beFlex span.beFlex em:first-child				{font-family:"PretendardB"; font-size:16px;}
.employee-detail.sm .beFlex span.beFlex font								{font-size:14px; font-family:"PretendardM";}

.employee-detail.sm .beGrid.beBg.employee-infos						{padding:0 10px; border:1px solid #D7DCE5; row-gap:0;}
.layerView .employee-detail.sm .employee-infos + .btn-wrap > button					{height:40px;}

.oneHada .layer-conts .title-borderInfo .employee-detail.sm.beFlex				{padding-block:21px;}
.layer-conts .employee-detail.sm															{column-gap:15px;}
.layer-conts .employee-detail.sm .hasPhoto:first-child					{flex:0 0 40px;}
.layer-conts .employee-detail.sm .hasPhoto .photo-wrap				{margin-inline:0;}


.oneHada .conts-wrap .items-wrap > font,
.oneHada .conts-wrap .items-wrap > span											{padding:7px 13px; min-height:34px; background-color:#EFF5FF; font:14px / 1 "PretendardM"; color:#2D67FF; border-radius:4px; align-content:center; text-align:center;}

.oneHada .conts-wrap .items-wrap.red > font,
.oneHada .conts-wrap .items-wrap.red > span									{background-color:#FFF8F6; color:#FF501B;}

.oneHada .conts-wrap dl.beFlex > dd .items-wrap > font:first-child							{padding-inline:13px;}
.oneHada .conts-wrap dl.beFlex > dd .items-wrap > font + font:before					{display:none;}

.oneHada .conts-wrap .items-wrap.beFlex											{gap:6px; flex-wrap:wrap;}
.oneHada .conts-wrap .items-wrap.beFlex > .noData						{width:100%;}

.oneHada .conts-wrap .worksTime > .beGrid										{row-gap:20px; grid-template-rows:auto 1fr;}

.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child			{padding-block:12px; min-height:60px; position:relative;}

.oneHada .conts-wrap .worksTime > dl:first-child > dt > i.badge,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child i.badge					{min-height:28px; border-radius:14px; padding-inline:30px 12px; background-image:url('/images/icon/svg/i_check_cyan.svg'); background-repeat:no-repeat; background-position:10px center;}

.oneHada .conts-wrap .worksTime > dl:first-child > dt > i.badge,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child > div.floatRight:first-child								{position:absolute; right:0; top:50%; transform:translateY(-50%); right:20px;}

.oneHada .conts-wrap .worksTime > dl dt.beFlex.alignCenter > dl.beFlex,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child .beFlex.alignCenter > dl.beFlex						{position:relative; padding-inline:20px;}

.oneHada .conts-wrap .worksTime > dl dt.beFlex.alignCenter > dl.beFlex b,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child .beFlex.alignCenter > dl.beFlex b					{font-family:"PretendardSB";}

.oneHada .conts-wrap .worksTime > dl dt.beFlex.alignCenter > dl.beFlex > dt,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child .beFlex.alignCenter > dl.beFlex > dt				{flex:0 0 auto;}

.oneHada .conts-wrap .worksTime > dl dt.beFlex.alignCenter > dl.beFlex > dd > font:last-child,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child .beFlex.alignCenter > dl.beFlex > dd > font:last-child			{padding-right:0;}

.oneHada .conts-wrap .worksTime > dl dt.beFlex.alignCenter > dl.beFlex + dl.beFlex:before,
.oneHada .conts-wrap .worksTime .beGrid.beBg:first-child .beFlex.alignCenter > dl.beFlex + dl.beFlex:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}

.oneHada .conts-wrap .worksTime > dl													{border:1px solid #D7DCE5; border-radius:8px; overflow:hidden;}
.oneHada .conts-wrap .worksTime > dl dt.bgLightBlue						{background-color:#F8FAFC;}
.oneHada .conts-wrap .worksTime > dl:first-child > dt							{min-height:60px; position:relative;}
.oneHada .conts-wrap .worksTime > dl:first-child > dd						{padding-block:25px; padding-inline:50px;}

.oneHada .conts-wrap .worksTime > dl:first-child > dd > .beGrid					{row-gap:25px;}

.oneHada .conts-wrap .worksTime .work-break dl.beFlex .orangeRed					{color:#FF501B;}
.oneHada .conts-wrap .worksTime .work-break dl.beFlex .gray								{color:#B2B2B2;}

.oneHada .conts-wrap .worksTime .work-break.beFlex						{column-gap:2%; font-size:14px;}
.oneHada .conts-wrap .worksTime .work-break.beFlex dl.beFlex > dt						{flex:0 0 auto;}
.oneHada .conts-wrap .worksTime .work-break.beFlex > span			{flex:1 1 0;}
.oneHada .conts-wrap .worksTime .work-break.beFlex > span:first-child				{flex:0 0 auto;}
.oneHada .conts-wrap .worksTime .work-break.beFlex > span:first-child > font			{color:#00A1EF;}
.oneHada .conts-wrap .worksTime .work-break.beFlex > span > dl.beGrid					{grid-template-columns:1fr 1.5fr 1fr 4fr;}
.oneHada .conts-wrap .worksTime .work-break.beFlex > span > dl.beGrid b					{font-family:"PretendardSB";}

.oneHada .conts-wrap .worksTime .work-break.beFlex dl.beGrid > dd > dl.beFlex											{column-gap:10px;}
.oneHada .conts-wrap .worksTime .work-break.beFlex dl.beGrid > dd > dl.beFlex + dl.beFlex					{padding-left:30px;}

.oneHada .conts-wrap .worksTime .work-break.beFlex dl.beFlex					{min-height:unset;}

.layerView.oneHada .worksTimeSet													{min-height:440px;}
.oneHada .worksTimeSet.beGrid									{align-content:start;}


.oneHada .amount-detail													{border-radius:8px; overflow:hidden; position:relative;}
.oneHada .amount-detail > dl											{font-size:14px; width:100%;}

.oneHada .amount-detail > dl > dd.total,
.oneHada .amount-detail > dl > dt									{background-color:#F8FAFC; color:#171717;}

.oneHada .amount-detail > dl > dt,
.oneHada .amount-detail > dl > dd								{padding-inline:40px;}

.oneHada .amount-detail > dl > dt									{align-content:center; min-height:50px;}

.oneHada .amount-detail  dl > dt .btn-wrap > button					{height:auto; min-height:30px; background-color:#fff; border-radius:6px; border:1px solid #D7DCE5; font-size:12px; color:#171717; min-width:85px; padding-inline:10px;}

.oneHada .amount-detail > dl > dd								{align-self:start;}

.oneHada .amount-detail > dl > dd.total						{padding-block:20px; min-height:89px;}
.oneHada .amount-detail > dl > dd.total > .beGrid				{/* row-gap:15px; */}
.oneHada .amount-detail > dl > dd.total > .beGrid > dl.total										{padding-top:20px; margin-top:8px; border-top:1px solid #EEEFF0;}
.oneHada .amount-detail > dl > dd.total dl dt small						{color:#9AA0AA; margin-inline:15px;}
.oneHada .amount-detail > dl > dd.total dl dt.beFlex					{column-gap:20px;}
.oneHada .amount-detail > dl > dd.total dl.beFlex						{min-height:30px;}

/* .oneHada .amount-detail > dl > dd.total dl.beFlex dd.alignRight.beFlex				{column-gap:20px;} */
.oneHada .amount-detail > dl > dd.total dl.beFlex dd.alignRight.beFlex > .badge					{flex:0 0 auto;}
.oneHada .amount-detail > dl > dd.total dl.beFlex dd.alignRight.beFlex > b			{margin-inline:15px 4px; flex:0 0 auto;}

.oneHada .amount-detail > dl > dd .beGrid									{row-gap:30px; align-self:start; row-gap:5px;}

.oneHada .amount-detail > dl > dd.total .orange						{color:#FF501B;}
.oneHada .amount-detail > dl > dd.total dt b								{color:#171717;}

.oneHada .amount-detail > dl > dd dl.beFlex > dt					{flex:0 0 auto;}

.oneHada .amount-detail.beFlex > dl + dl					{border-left:1px solid #D7DCE5;}

.oneHada .amount-detail > dl.beGrid							{grid-template-columns:unset; grid-template-rows:auto 1fr auto; row-gap:40px; row-gap:25px;}
.oneHada .amount-detail > dl.beGrid.twoCol								{grid-template-columns:1fr 1fr; column-gap:0;}
.oneHada .amount-detail > dl.beGrid.hasInputsWrap				{row-gap:20px;}

.oneHada .amount-detail > dl.beGrid.hasTwoCol:after,
.oneHada .amount-detail > dl.beGrid.twoCol:after					{content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:1px; height:100%; background-color:#D7DCE5;}

.oneHada .amount-detail dl.beFlex b,
.oneHada .amount-detail > dl.beGrid .total dt b,
.oneHada .amount-detail > dl.beGrid b										{font-family:"PretendardSB";}

.oneHada .amount-detail > dl.beGrid .total b								{font-family:"PretendardB";}

.oneHada .amount-detail > dl.beGrid.hasTwoCol > .beGrid			{grid-template-columns:1fr 1fr; padding:0;}
.oneHada .amount-detail > dl.beGrid.hasTwoCol > .beGrid > span				{padding-inline:40px;}
.oneHada .amount-detail > dl.beGrid > dt.beGrid > span			{text-align:center; align-content:center;}
.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.total > span				{padding-block:20px;}

/* .oneHada .amount-detail > dl.beGrid.hasInputsWrap > dt + dd								{overflow-y:auto; max-height:285px;} */
.oneHada .amount-detail > dl.beGrid.hasInputsWrap > dd.total > span						{padding-inline:20px;}
 
.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap										{padding-inline:20px; row-gap:10px; align-content:start;}
.oneHada .conts-wrap .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap				{grid-auto-rows:inherit;}

.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid dl.beFlex.topAlign,
.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap dl.beFlex.topAlign								{padding-bottom:0;}
.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap dl.beFlex.topAlign dd.hasMsg			{padding-bottom:5px;}

.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap > dl.beFlex dt										{flex:0 0 110px; font-size:13px;}
.oneHada .amount-detail > dl.beGrid.hasTwoCol > dd.beGrid > .inputs-wrap + .inputs-wrap						{padding-block:0; margin-top:0; border-top:0;}

.oneHada .amount-detail dl.beFlex dd.alignRight > font:last-child							{padding-inline:15px 0;}

.oneHada .title-borderInfo.noTitle .beGrid.amount-detail											{padding:0;}

.oneHada .amount-detail.beFlex													{column-gap:15px;}
.oneHada .amount-detail.beFlex > span										{flex:1 1 0;}
.oneHada .amount-detail.beFlex .beGrid.beBg												{padding:30px 20px; row-gap:0;  align-content:start;}
.oneHada .amount-detail.beFlex .beGrid.beBg > b:first-child					{font:16px / 1 "PretendardSB";}
.oneHada .amount-detail.beFlex .beGrid.beBg > b:first-child + dl.beFlex				{margin-top:15px;}
.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex > dt					{flex:1 1 0;}
.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex > dd					{flex:0 0 auto;}

.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex:nth-last-child(2)			{margin-bottom:10px;}
.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex.total					{margin-top:auto; padding-top:20px; border-top:1px dashed #ddd;}
.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex.total > dt,
.oneHada .amount-detail.beFlex .beGrid.beBg dl.beFlex.total > dd			{color:#2D67FF;}

.oneHada .amount-detail.beFlex .beFlex-col									{display:flex; flex-direction:column;}

.oneHada .amount-detail.beFlex.beStretch .beGrid.beBg,
.oneHada .amount-detail.beFlex.beStretch > span					{height:100%;}








/* No Data */
.noData												{display:grid; place-items:center;}

.hasNoData .noData						{border:1px solid #E9E9F0; border-radius:8px; height:80px;}

.inputs-wrap .noData p,
.datas-wrap .noData p,
.table-wrap .noData p					{font:14px / 1 "PretendardR"; color:#BFC7D5;}

.table-wrap > .noData					{height:80px;}

.list-wrap .table-wrap table .noData							{/* height:300px; */ background-color:#fff; margin:0 -5px; min-height:50vh;}
.layerView .list-wrap .table-wrap table .noData			{min-height:300px;}

/* .inputs-wrap .noData > p, */
.calWrap-info .info-wrap div.noData > p,
.list-wrap div.noData > p,
.list-wrap .table-wrap table .noData > p					{padding-top:68px; background:url('/images/icon/i_nodata_img.png') no-repeat center top;}

.inputs-wrap .noData														{min-height:200px;}

.layerView .datas-wrap dl dd > .noData,
.dls-wrap dl dd .noData												{border:1px solid #d2d2d2; border-radius:8px; min-height:150px;}

.list-wrap .table-wrap table .noData.noImg							{min-height:300px;}
.list-wrap .table-wrap table .noData.noImg > p						{background:none; padding-top:0;}

.oneHada .conts-wrap .title-borderInfo .noData							{min-height:20px;}
.oneHada .conts-wrap .title-borderInfo > .beGrid > .beGrid > .noData							{margin-block:6px;}

.layerView.oneHada .noData > p,
.oneHada .conts-wrap .noData > p					{font:14px / 1 "PretendardR"; color:#475067; position:relative; padding-left:25px;}

.layerView.oneHada .noData > p									{padding-top:0;}

.calWrap-info .info-wrap div.noData,
.layerView.oneHada .list-wrap div.noData,
.list-wrap div.noData														{min-height:250px; background-color:#fff;}

.calWrap-info .info-wrap div.noData							{max-height:300px;}

.calWrap-info .info-wrap div.noData > p,
.oneHada .list-wrap div.noData > p							{padding-inline:0; color:#D7DCE5;}

.layerView.oneHada .list-wrap div.noData > p					{padding-top:68px;}

.layerView.oneHada .noData > p:before,
.oneHada .conts-wrap .noData > p:before				{content:"!"; position:absolute; left:0; top:50%; transform:translateY(-50%); width:15px; aspect-ratio:1 / 1; background-color:#D7DCE5; color:#fff; display:grid; place-items:center; border-radius:50%; font-size:11px;}

.calWrap-info .info-wrap div.noData > p:before,
.oneHada .list-wrap div.noData > p:before									{display:none;}

.layerView.oneHada .noData,
.oneHada .conts-wrap dl.beFlex > dd .noData						{background-color:#F8FAFC; border-radius:8px; padding-block:20px; min-height:60px;}

.layerView.oneHada .list-wrap div.noData								{border-radius:0; background-color:transparent;}


/* 실시간 지급계좌발급 팝업, alert */
.aBtns-wrap > div										{display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, auto)); grid-auto-rows:minmax(85px, auto); gap:10px;}
.aBtns-wrap > div a									{border-radius:8px; border:1px solid #E9E9F0; display:grid; place-items:center; background-color:#fff; transition:.2s;}
.aBtns-wrap > div a > span						{display:flex; flex-direction:column; align-items:center;}
.aBtns-wrap > div a > span > i					{width:25px;}
.aBtns-wrap > div a > span > font			{font:14px / 1 "PretendardR"; margin-top:10px;}
.aBtns-wrap > div a.on								{background-color:#E9EDFB; border-color:#E9EDFB;}
.aBtns-wrap > div a:hover							{border-color:#333;}

.layerView.alert .txts-wrap				{border-radius:8px; background-color:#F5F6FA; padding-block:8px;}
.layerView.alert .txts-wrap:first-child				{margin-bottom:15px;}
.layerView.alert .txts-wrap ul li				{font:16px / 1 "PretendardM";}
.layerView.alert .txts-wrap ul li > i:first-child				{flex:0 0 24px;}
.layerView.alert .txts-wrap ul li > i + font						{margin-inline:6px 10px;}


/* 회사직인등록 팝업 */
.signature							{}
.sign-wrap					{overflow:hidden; border:1px solid #F9F9FB; border-radius:10px; background-color:#F9F9FB; position:relative; min-height:220px; display:grid; place-items:center;}
.sign-wrap:after				{content:"서명"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font:24px / 1 "PretendardR"; color:#8B93A1;}
.sign-wrap canvas				{width:100%; height:100%; display:block;}
.sign-wrap + .alignRight						{margin:10px 0;}
.sign-wrap + .alignRight a					{font:14px / 1 "PretendardM"; color:#BFC7D5; transition:.2s; position:relative;}
.sign-wrap + .alignRight a:before					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; opacity:.3; transition:.2s;}
.sign-wrap > p												{margin:8%;}

.sign-wrap.hasSeal								{background-color:#fff; border-color:#E9E9F0;}

.signature.on .sign-wrap:after						{display:none;}
.signature.on .sign-wrap + .alignRight a		{color:#333;}
.signature.on .sign-wrap + .alignRight a:before				{opacity:1;}
.signature .reWrite													{padding-left:25px; height:20px;}
.signature .reWrite:before										{background:url('/images/icon/i_refresh.png') no-repeat left center;}

.title-borderInfo .beGrid dl.beFlex dd .sign-wrap				{min-height:inherit; max-width:150px; background-color:transparent; border:0; border-radius:0;}
.title-borderInfo .beGrid dl.beFlex dd .sign-wrap:after					{display:none;}


/* 부서(현장)등록 */
.top-searchOpt .beGrid					{display:grid; align-items:center;}
.top-searchOpt > .beGrid				{grid-template-columns:auto 1fr; column-gap:25px; width:100%;}

.top-searchOpt .beGrid.opt-wrap				{grid-template-columns:auto 1fr; column-gap:35px;}
.top-searchOpt .beGrid.opt-wrap .beGrid.checkboxs-wrap				{grid-auto-flow:column;}
.top-searchOpt .beGrid.opt-wrap .checkboxs-wrap > .wrap-check label												{white-space:nowrap;}									
.top-searchOpt .beGrid.opt-wrap .checkboxs-wrap > .wrap-check + .wrap-check							{margin-left:20px;}

.search-wrap									{display:grid; grid-template-columns:1fr auto; column-gap:10px; width:505px;}
.search-wrap > button					{height:40px; background-color:#000; border:1px solid #202224; background-color:#202224; color:#fff; font:14px / 1 "PretendardM"; border-radius:8px; padding-inline:18px; min-width:65px;}

.layer-container .beFlex .layer-conts .search-wrap					{width:auto; grid-template-columns:5fr 1fr;}

.top-searchWrap .reSet,
.top-searchOpt .reSet						{height:40px; display:flex; align-items:center; font:14px / 1 "PretendardM"; color:#333; padding-left:25px; position:relative;}

.top-searchWrap .reSet:before,
.top-searchOpt .reSet:before			{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_refresh.png') no-repeat center; transition:.1s;}

.top-searchWrap .reSet.on:before,
.top-searchOpt .reSet.on:before		{transform:translateY(-50%) rotate(180deg);}



.tabBtns-wrap									{margin:10px 0; position:relative;}
.tabBtns-wrap button					{min-width:90px; height:40px; font:14px / 1 "PretendardSB"; color:#8B93A1; transition:.2s; background-color:#fff;}
.tabBtns-wrap button.on				{color:#3617CE;}
.tabBtns-wrap > div:before					{content:""; position:absolute; bottom:-1.5px; height:3px; width:90px; background-color:#3617CE; transition:.2s;}
.tabBtns-wrap .m01:before						{left:0;}
.tabBtns-wrap .m02:before						{left:90px;}
.tabBtns-wrap .m03:before						{left:180px;}
.tabBtns-wrap .m04:before						{left:270px;}
.tabBtns-wrap .m05:before						{left:360px;}

.tabBtns-wrap.hasBeGridMenu						{width:100%;}
.tabBtns-wrap.hasBeGridMenu > div				{display:grid; grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));}

button.downloadBtn				{height:40px; border-radius:8px; border:1px solid #B6C1DC; padding-inline:37px 15px; background-color:#fff; font:14px / 1 "PretendardM"; position:relative; padding-inline:42px 19px;}
button.downloadBtn > i			{display:block; width:16px; height:16px; background:url('/images/icon/i_download.png') no-repeat center; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
button.downloadBtn.excel > i					{background-image:url('/images/icon/i_excel_bk.png');}

.beFlex button.downloadBtn:last-child				{/* margin-left:auto; */}

.beFlex:last-of-type .tabBtns-wrap				{margin-bottom:0;}

.wrap > .stage > article > section article > .beFlex > .tabBtns-wrap + div:last-child				{margin-top:10px;}

.wrap > .beGrid .stage > section > .beFlex:first-child .tabBtns-wrap				{margin-block:0;}


/* 부서(현장)정보  팝업 */
.layer-container .datas-wrap > dl > dt											{font-size:18px;}
.layer-container dl > dd:first-of-type > .dls-wrap						{margin-top:25px; row-gap:20px; }
.layer-container dl > dd .dls-wrap > li > dl			{grid-template-columns:1fr 4fr;}

.reg-info												{color:#A7ABB2; font:14px / 1 "PretendardR"; color:#484B51;}

.datas-wrap > dl dt .reg-info > font + font							{margin-left:10px;}
.datas-wrap > dl dt .beFlex .reg-info										{margin-left:auto;}

.datas-wrap + .map-wrap					{margin-top:20px;}

.datas-wrap dl dd .map-wrap				{margin-block:25px;}

.photo-name > p							{background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999px; border-radius:50%; background-color:#DCE0EA; height:32px; flex:0 0 32px; background-image:url('/images/file/nophoto-image.png'); position:relative;}
.photo-name > p + font				{margin-inline:15px;}



/* 지도보기관련 */
.map-wrap > div:first-child									{min-height:305px; border-radius:8px; border-radius:10px;}

.oneHada .layer-conts .map-wrap > div:First-child						{min-height:250px;}


/* .oneHada .layer-conts .title-borderInfo .map-wrap > div:first-child, */
.map-wrap .custom_zoomcontrol,
.map-wrap .custom_typecontrol				{min-height:inherit;}

/* Custom Zoomcontrol */
.radius_border										{border:1px solid #919191; border-radius:5px;}
.custom_typecontrol									{position:absolute; top:10px; right:10px; z-index:5; width:130px; height:30px; font-size:12px; overflow:hidden; box-sizing:content-box;}
.custom_typecontrol span							{display:block; float:left; width:65px; height:30px; text-align:center; line-height:30px; cursor:pointer;}
.custom_typecontrol .btn							{background:#fff; background:linear-gradient(#fff,#e6e6e6);}
.custom_typecontrol .btn:hover						{background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active						{background:#e6e6e6; background:linear-gradient(#e6e6e6,#fff);}
.custom_typecontrol .selected_btn					{color:#fff; background:#425470; background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover				{color:#fff;}
.custom_zoomcontrol									{position:absolute; top:50px; right:10px; z-index:5; width:36px; height:80px; overflow:hidden; background-color:#f5f5f5; box-sizing:content-box;}
.custom_zoomcontrol span							{display:block; width:36px; height:40px; text-align:center; cursor:pointer;}
.custom_zoomcontrol span img						{padding:12px 0; width:15px; height:15px; border:none; box-sizing:content-box;}
.custom_zoomcontrol span:first-child				{border-bottom:1px solid #bfbfbf;}


/* 날짜선택 달력 */
.cal-wrap													{display:none;}

.cal-wrap.on,
.btn-wrap.on + .cal-wrap						{display:block;}

.cal-wrap.abs											{position:absolute; z-index:9998;}
.cal-wrap.abs .day > a							{font-size:12px; min-width:31px;}
.cal-wrap.abs .day > a.on						{background-color:#2D67FF;}
.cal-wrap.abs .day .today:before			{border-color:#2D67FF;}
.cal-wrap.abs .cal-head > a					{font-size:10px;}
.cal-wrap.abs .cal-head > span em				{font-size:14px;}

.cal-wrap > div											{background-color:#fff; border-radius:8px; padding:20px 15px; box-shadow:0 4px 15px 0 rgba(0,0,0,.15); display:grid; grid-template-rows:auto 1fr; row-gap:10px;}

.oneHada .dateSelect > span.beFlex .cal-wrap.toLeft,
.cal-wrap.toLeft										{left:inherit; right:0;}

.input-wrap.hasIconBtn .cal-wrap					{position:absolute; left:0; top:100%; z-index:5;}
.input-wrap.hasIconBtn .cal-wrap > div			{margin-top:6px;}

.cal-head								{display:flex; align-items:center; height:20px; margin-block:2px;}
.cal-head a							{display:grid; place-items:center; height:100%; border-radius:6px;}
.cal-head > span					{height:100%;}
.cal-head > span em			{font:12px / 1 "PretendardSB"; color:#000; margin-inline:10px; white-space:nowrap; flex:0 0 auto;}
.cal-head > span a				{text-indent:-9999px; border:1px solid #ddd; flex:0 0 20px; background-repeat:no-repeat; background-position:center;}
.cal-head > span a:first-child				{background-image:url("/images/icon/i_left.png");}
.cal-head > span a:last-child				{background-image:url("/images/icon/i_right.png");}
.cal-head > a						{padding-inline:6px; background-color:#202224; color:#fff; font:8px / 1 "PretendardM"; margin-left:auto;}

.cal-body								{display:grid; grid-template-rows:auto 1fr; row-gap:5px;}
.cal-body > div						{display:grid; grid-template-columns:repeat(7, 1fr); grid-auto-rows:auto;}
.cal-body > div > a				{font:10px / 1 "PretendardM"; color:#000; display:grid; place-items:center;}
.cal-body .top										{column-gap:1px;}
.cal-body .top > a:first-child				{color:#EC605B;}
.cal-body .top > a:last-child				{color:#3953DF;}
.cal-body .top > a				{}
.cal-body .day						{display:grid; gap:1px;}
.cal-body .day > a				{aspect-ratio:1 / 1; width:24px; border-radius:6px; position:relative; transition:.2s;}
.cal-body .day > a:nth-child(7n + 1)					{color:#EC605B;}
.cal-body .day > a:nth-child(7n)					{color:#3953DF;}
.cal-body .day .off > font								{color:#C6CBD0;}
.cal-body .day .on											{background-color:#3617CE;}
.cal-body .day .today.on > font,
.cal-body .day .on > font								{color:#fff;}
.cal-body .day .today:before						{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #3617CE; border-radius:6px; z-index:0;}
.cal-body .day .today > font							{color:#3617CE; color:#2D67FF;}
.cal-body .day .off.on										{background-color:inherit;}
.cal-body .day .off.on > font							{color:#C6CBD0;}

.w680	.beGrid-twoCol .cal-head									{height:26px; margin-block:6px;}
.w680	.beGrid-twoCol .cal-head > span em				{font:15px / 1 "PretendardSB"; margin-inline:12px;}
.w680	.beGrid-twoCol .cal-head > span a					{flex:0 0 26px; background-size:50%;}
.w680	.beGrid-twoCol .cal-head > a							{font-size:10px;}
.w680 .beGrid-twoCol .cal-body > div > a					{font-size:13px;}
.w680 .beGrid-twoCol .cal-body .day > a					{width:39px;}

.w680	.beGrid-twoCol.twoOne .cal-head									{height:20px;}
.w680	.beGrid-twoCol.twoOne .cal-head > span em				{font-size:12px;}
.w680	.beGrid-twoCol.twoOne .cal-head > span a					{flex:0 0 20px;background-size:inherit;}
.w680	.beGrid-twoCol.twoOne .cal-head > a							{font-size:8px;}
.w680 .beGrid-twoCol.twoOne .cal-body > div > a					{font-size:10px;}
.w680 .beGrid-twoCol.twoOne .cal-body .day > a					{width:24px;}

.searchInputWrap .searchOptWrap .dateSelect-wrap .cal-body .day > a				{width:28px;}


/* 거래처등록 팝업 */
.inputs-wrap dl dd > .addFileList-wrap										{}

.addFileList-wrap						{border:1px solid #E9E9F0; border-radius:8px; overflow:hidden; border-color:#d2d2d2;}
.addFileList-wrap > dl > dt,
.addFileList-wrap > dl > dd						{display:grid; align-items:center; min-height:40px;}

.addFileList-wrap > dl.threeCol > dt,
.addFileList-wrap > dl.threeCol > dd		{grid-template-columns:60px 1fr auto;}

.addFileList-wrap > dl.threeCol.noXdel > dt,
.addFileList-wrap > dl.threeCol.noXdel > dd		{grid-template-columns:1fr auto 60px; grid-template-columns:1fr 90px 90px;}

.addFileList-wrap > dl.threeCol.reverse > dt,
.addFileList-wrap > dl.threeCol.reverse > dd		{grid-template-columns: 1fr auto 60px;}

.addFileList-wrap > dl.fourCol > dt,
.addFileList-wrap > dl.fourCol > dd		{grid-template-columns:1fr auto 80px 80px;}

.addFileList-wrap > dl.fiveCol > dt,
.addFileList-wrap > dl.fiveCol > dd			{grid-template-columns:60px 1fr auto 80px 80px;}

.addFileList-wrap > dl.fiveCol.noXdel > dt,
.addFileList-wrap > dl.fiveCol.noXdel > dd			{grid-template-columns:1fr auto 90px 90px 90px;}

.addFileList-wrap > dl.sevenCol.noXdel > dt,
.addFileList-wrap > dl.sevenCol.noXdel > dd			{grid-template-columns:minmax(auto, 1fr) minmax(auto, 1fr) 90px minmax(auto, 1fr) minmax(auto, 1fr) 90px 90px;}

.addFileList-wrap > dl > dt						{background-color:#E9EDF7; color:#8B93A1; font:14px / 1 "PretendardM"; color:#171717; background-color:#f8f8f8;}
.addFileList-wrap > dl > dd						{color:#8B93A1; font:14px / 1 "PretendardM"; margin-top:0; color:#171717;}
.addFileList-wrap > dl > dd > span,
.addFileList-wrap > dl > dt > span			{text-align:center;}

.addFileList-wrap.list-wrap > dl.fourCol > dt,
.addFileList-wrap.list-wrap > dl.fourCol > dd		{grid-template-columns:repeat(4, 1fr);}

.addFileList-wrap.list-wrap > dl.fourCol > dt > span,
.addFileList-wrap.list-wrap > dl.fourCol > dd > span							{text-align:center !important; padding-inline:20px !important;}

.addFileList-wrap.list-wrap > dl.fourCol > dd span.beFlex:before					{display:none;}

.addFileList-wrap.list-wrap > dl.fourCol > dt		{min-height:54px;}
.addFileList-wrap.list-wrap > dl.fourCol > dd		{min-height:56px; border-top:1px solid #DBE3E8;}

.addFileList-wrap.list-wrap .beFlex.hasPhoto					{column-gap:15px; padding:0 !important;}
.addFileList-wrap.list-wrap .beFlex.hasPhoto .photo-wrap			{aspect-ratio:1 / 1; flex:0 0 32px;}
.addFileList-wrap.list-wrap .beFlex.hasPhoto .photo-wrap > p		{background-image: url('/images/file/nophoto-image.png'); border:0;}

.title-borderInfo .addFileList-wrap > dl > dt				{background-color:#F8FAFC;}

.addFileList-wrap > dl.threeCol.reverse dd > span:nth-child(1),
.addFileList-wrap > dl.fourCol dd > span:nth-child(1),
.addFileList-wrap > dl > dd > span:nth-child(2)				{text-align:left;}

.addFileList-wrap > dl.fiveCol.noXdel dd > span:nth-child(1) .beFlex,
.addFileList-wrap > dl.threeCol dd > span:nth-child(1) .beFlex,
.addFileList-wrap > dl.fourCol dd > span:nth-child(1) .beFlex,
.addFileList-wrap > dl > dd > span:nth-child(2) .beFlex				{color:#26282C; padding-left:30px; position:relative; margin-inline:10px; color:#171717;}

.addFileList-wrap > dl.threeCol dd > span:nth-child(1) .beFlex,
.addFileList-wrap > dl.fourCol dd > span:nth-child(1) .beFlex				{margin-inline:20px 10px;}

.addFileList-wrap > dl.fiveCol.noXdel dd > span:nth-child(1) .ic.beFlex:before,
.addFileList-wrap > dl.threeCol dd > span:nth-child(1) .beFlex:before,
.addFileList-wrap > dl.fourCol dd > span:nth-child(1) .beFlex:before,
.addFileList-wrap > dl > dd > span:nth-child(2) .beFlex:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_file_docu.png') no-repeat center; background-image:url('/images/icon/svg/i_file_docu.svg');}

.addFileList-wrap > dl > dd > span .hasIconImg											{padding-inline:20px;}
.addFileList-wrap > dl > dd > span .hasIconImg > p									{flex:0 0 20px; margin-inline:5px;}
.addFileList-wrap > dl > dd > span .hasIconImg.beFlex							{justify-content:center;}

.addFileList-wrap > dl > dd > span.beEllipsis												{white-space:nowrap; overflow:hidden;}
.addFileList-wrap > dl > dd > span.beEllipsis > .beFlex								{padding-block:5px;}
.addFileList-wrap > dl > dd > span.beEllipsis > .file-name > font:first-child					{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.addFileList-wrap > dl > dd > span.beEllipsis > .file-name > font:last-child						{flex:0 0 auto;}
.addFileList-wrap > dl > dd > span.beEllipsis > .file-name.beFlex										{column-gap:2px;}
.addFileList-wrap > dl > dd > span.beEllipsis .file-name font																		{padding-inline:0;}
.addFileList-wrap > dl > dd > span.beEllipsis .file-name font + font:before												{display:none;}	

.addFileList-wrap > dl.threeCol.noXdel dd > span:nth-child(2),
.addFileList-wrap > dl.threeCol.reverse > dd > span:nth-child(2),
.addFileList-wrap > dl.threeCol.reverse > dt > span:nth-child(2),
.addFileList-wrap > dl.fourCol > dt > span:nth-child(2),
.addFileList-wrap > dl.fourCol > dd > span:nth-child(2),
.addFileList-wrap > dl > dt > span:nth-child(3),
.addFileList-wrap > dl > dd > span:nth-child(3)				{text-align:right; padding-inline:20px;}

.addFileList-wrap > dl.sevenCol.noXdel > dt > span,
.addFileList-wrap > dl.threeCol.noXdel > dt > span,
.addFileList-wrap > dl.fiveCol.noXdel > dt > span				{padding-inline:20px;}

.addFileList-wrap > dl.fiveCol.noXdel > dd > span:first-child				{padding-inline:10px;}

.addFileList-wrap > dl.threeCol.noXdel > dt > span:nth-child(3),
.addFileList-wrap > dl.fiveCol.noXdel > dd > span:nth-child(3)			{text-align:center;}

.addFileList-wrap > dl.threeCol.noXdel > dd > span:nth-child(2),
.addFileList-wrap > dl.fiveCol.noXdel > dd > span:nth-child(2)			{padding-right:10px;}

.addFileList-wrap > dl.noXdel > dd a												{border-radius:6px;}
.addFileList-wrap > dl.noXdel > dd a.ic.delete:before,
.addFileList-wrap > dl.noXdel > dd a.ic.delete:after						{display:none;}
.addFileList-wrap > dl.noXdel > dd a.ic.delete								{background:url('/images/icon/i_trash_can.png') no-repeat center;}

.addFileList-wrap > dl.sevenCol.noXdel dd > span:nth-child(3),
.addFileList-wrap > dl.threeCol.noXdel dd > span:nth-child(3),
.addFileList-wrap > dl.threeCol.reverse > dt > span:nth-child(3),
.addFileList-wrap > dl.threeCol.reverse > dd > span:nth-child(3),
.addFileList-wrap > dl.fourCol > dt > span:nth-child(3),
.addFileList-wrap > dl.fourCol > dd > span:nth-child(3)				{text-align:center; padding-inline:0;}

.oneHada .conts-wrap .addFileList-wrap > dl dd a.delete,
.addFileList-wrap > dl a								{display:inline-block; height:30px; position:relative; border:1px solid #B2B2B2; border-radius:8px; background-position:left 10px center; background-repeat:no-repeat; text-align:center; align-content:center; padding-inline:9px; font:12px / 1 "PretendardR"; border-color:#D7DCE5;}

.oneHada .conts-wrap .addFileList-wrap > dl dd a.ic,
.addFileList-wrap > dl a.ic							{aspect-ratio:1 / 1; width:30px; text-indent:-9999px; background-position:center; padding-inline:0;}

.addFileList-wrap > dl a.delete				{border:0; border-radius:0; height:40px;}
.addFileList-wrap > dl a.delete:before,
.addFileList-wrap > dl a.delete:after					{content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background-color:#A3AED0; background-color:#171717;}
.addFileList-wrap > dl a.delete:before				{transform:translate(-50%, -50%) rotate(45deg);}
.addFileList-wrap > dl a.delete:after					{transform:translate(-50%, -50%) rotate(-45deg);}
.addFileList-wrap > dl a.view								{background-image:url('/images/icon/i_view_bk16.png');}
.addFileList-wrap > dl a.down								{background-image:url('/images/icon/i_download_bk16.png'); background-image:url('/images/icon/svg/i_download_bk16.svg');}
.addFileList-wrap > dl a.copy								{background-image:url('/images/icon/svg/i_copy_24.svg'); padding-inline:31px 9px;}
.addFileList-wrap > dl a.modify							{background-image:url('/images/icon/i_modify.png');}

.layerView.oneHada .addFileList-wrap > dl a.delete:before,
.layerView.oneHada .addFileList-wrap > dl a.delete:after					{background-color:#8491A7;}


/* 거래처정보 팝업 */
.bank-info i				{width:16px; margin-inline:5px;}
.bank-info i:first-child			{margin-left:0;}

.bank-info span			{padding-inline:15px; position:relative;}
.bank-info span:first-child				{padding-left:0;}
.bank-info span + span:before						{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:11px; background-color:#dadada;}

.beFlex.bank-info							{margin-bottom:5px;}


/* 관련부서(현장) 선택 팝업 */
.beGrid-twoColumns-wrap .search-wrap					{width:auto;}


/* 문서정보 팝업 */
.w680 .layer-conts .datas-wrap .dls-wrap.twoColumns .colspan2 > dl					{grid-template-columns:1fr 9.5fr;}
.w680 .layer-conts .datas-wrap .dls-wrap.twoColumns .colspan2 > dl	 > dt		{white-space:nowrap;}

.linkList-wrap > .beGrid								{display:grid; row-gap:10px;}
.linkList-wrap .link-wrap.beGrid				{display:grid; grid-template-columns:24px 1fr; align-items:center; column-gap:6px;}
.linkList-wrap .link-wrap							{border:1px solid #D2D2D2; border-radius:8px; height:40px; padding-inline:15px;}
.linkList-wrap .link-wrap > i						{width:24px; height:24px; background:url('/images/icon/i_worldwide.png') no-repeat center;}
.linkList-wrap .link-wrap > a					{text-decoration:underline; color:#171717; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 공지(안전)등록 팝업 */
.hasDelete-wrap > .beFlex				{flex-wrap:wrap; margin:-5px;}
.hasDelete-wrap span						{display:flex; align-items:center; height:34px; padding-inline:14px; border:1px solid #E9E9F0; background-color:#F9F9FB; border-radius:8px; margin:5px;}
.hasDelete-wrap span > a					{aspect-ratio:1 / 1; position:relative; width:15px; margin-left:7px;}
.hasDelete-wrap span > a:before,
.hasDelete-wrap span > a:after					{content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; background-color:#171717;}
.hasDelete-wrap span > a:before				{transform:translate(-50%, -50%) rotate(45deg);}
.hasDelete-wrap span > a:after					{transform:translate(-50%, -50%) rotate(-45deg);}


/* 공지(안전)정보 팝업 */
.video-wrap										{}
.video-container								{position:relative; padding:30px 0 56.25%; height:0; overflow:hidden;}
.video-container > iframe				{position:absolute; inset:0;}


/* 세금계산서 발행 팝업 */
.taxInvoice-wrap .beGrid				{display:grid;}

.taxInvoice-wrap dl.beFlex			{font:14px / 1 "PretendardM";}
.taxInvoice-wrap dl.beFlex > dt					{padding-block:18px; padding-inline:20px; flex:0 0 140px;}
.taxInvoice-wrap dl.beFlex > dd					{padding-block:5px; padding-inline:10px;}

.taxInvoice-wrap > .beGrid			{row-gap:15px;}
.taxInvoice-wrap > .beGrid > div				{border-width:1px 1px 1px 1px; border-style:solid; border-color:transparent;}
.taxInvoice-wrap > .beGrid .taxInvoice-bottom,
.taxInvoice-wrap > .beGrid .taxInvoice-top							{border-radius:8px; border-color:#B0D2D7; /* overflow:hidden; */}

.taxInvoice-wrap > .beGrid .taxInvoice-bottom .list-wrap .table-wrap table th:first-child						{border-radius:8px 0 0 0;}
.taxInvoice-wrap > .beGrid .taxInvoice-bottom .list-wrap .table-wrap table th:last-child						{border-radius:0 8px 0 0 ;}
.taxInvoice-wrap > .beGrid .taxInvoice-bottom .list-wrap .table-wrap table tbody tr:last-child td:first-child					{border-radius:0 0 0 8px;}
.taxInvoice-wrap > .beGrid .taxInvoice-bottom .list-wrap .table-wrap table tbody tr:last-child td:last-child					{border-radius:0 0 8px 0;}

.taxInvoice-top > .beGrid							{grid-template-rows:auto auto;}
.taxInvoice-top > .beGrid > div + div			{border-top:1px solid #B0D2D7;}
.taxInvoice-top > .beGrid > div + .beGrid			{grid-template-columns:1fr 2.2fr;}
.taxInvoice-top > .beGrid > div + .beGrid > dl.beFlex					{align-items:stretch;}
.taxInvoice-top > .beGrid > div + .beGrid > dl.beFlex.hasTextarea > dd				{flex:1 1 0;}

.taxInvoice-top > .beGrid dl.beFlex dd > b						{padding-inline:10px; font-weight:normal;}
.taxInvoice-top > .beGrid > div:first-child dl > dt				{border-radius:8px 0 0 0;}
.taxInvoice-top > .beGrid > div:first-child dl.beFlex dd.account-info:last-child					{/* flex:1 1 0; */ text-align:right; margin-left:auto;}

.taxInvoice-top > .beGrid > div:only-child dl > dt				{border-radius:8px 0 0 8px;}

.taxInvoice-top .account-info:last-child > .beFlex					{justify-content:flex-end;}
.taxInvoice-top .account-info:last-child > .beGrid > em,
.taxInvoice-top .account-info:last-child > .beFlex > em			{color:#484b51; font-family:"PretendardR";}
.taxInvoice-top .account-info:last-child > .beFlex > span		{margin-inline:25px;}
.taxInvoice-top .account-info:last-child > .beFlex b					{font-family:"PretendardSB"; margin-inline:5px;}
.taxInvoice-top .account-info:last-child > .beFlex b:first-child						{display:inline-flex; align-items:center; flex:0 0 auto;},
.taxInvoice-top .account-info:last-child > .beFlex b:first-child > i				{flex:0 0 18px; margin-right:5px;}

.taxInvoice-top .account-info:last-child > .beGrid								{column-gap:30px; grid-auto-flow:column; align-items:center;}
.taxInvoice-top .account-info:last-child > .beGrid > .beGrid				{grid-auto-flow:column; column-gap:10px; align-items:center;}
.taxInvoice-top .account-info:last-child > .beGrid b								{font-family:"PretendardSB";}
.taxInvoice-top .account-info:last-child > .beGrid b:first-child						{display:grid; grid-auto-flow:column; column-gap:5px; align-items:center;}
.taxInvoice-top .account-info:last-child > .beGrid b:first-child > i				{width:18px;}

.taxInvoice-top .account-info:last-child > div > button									{height:40px; border-radius:8px; border:1px solid #3617ce; padding-inline:15px; font:14px / 1 "PretendardM"; color:#3617ce; background-color:#fff;}

.taxInvoice-top .account-info .noData													{position:relative; padding-left:25px; font-family:"PretendardR";}
.taxInvoice-top .account-info .noData:before										{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_bat_circle.png') no-repeat center;}

.taxInvoice-top > .beGrid > div.beGrid dl:first-child > dt					{border-radius:0 0 0 8px;}

.taxInvoice-mid dl.beFlex > dt,
.taxInvoice-top dl.beFlex > dt					{background-color:#EDF8F7; border-width:0 1px; border-style:solid; border-color:#B0D2D7;}
.taxInvoice-top dl.beFlex:first-child > dt				{border-left:0;}


.taxInvoice-mid .textarea-wrap				{padding-inline:15px;}

.taxInvoice-bottomInfo dl.beFlex dd b,
.taxInvoice-mid dl.beFlex dd > b			{margin-inline:5px; font-family:"PretendardSB";}
.taxInvoice-bottomInfo dl.beFlex dd b.red,
.taxInvoice-mid dl.beFlex dd > b.red				{color:#DA100B;}
.taxInvoice-bottomInfo dl.beFlex dd b.blue,
.taxInvoice-mid dl.beFlex dd > b.blue			{color:#3617CE;}

.taxInvoice-mid > .beGrid:last-child			{border-bottom:1px solid #B0D2D7;}

.taxInvoice-mid .oneByTwo					{grid-template-columns:1fr 1fr; grid-auto-flow:column; align-items:stretch;}

.taxInvoice-mid .oneByTwo dl.beFlex																{align-items:stretch;}

.taxInvoice-mid .oneByTwo:first-child																{border-right:1px solid transparent;}

.taxInvoice-mid .oneByTwo:first-child > dl.beFlex											{border-width:2px 0; border-style:solid;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex > dt									{flex:0 0 49px; border:0; display:grid; place-items:center; padding-inline:0;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex > dt > b							{font:16px / 1.5 "PretendardSB";}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex > dd								{flex:1 1 0; padding:0; padding-bottom:25px;}

.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.left									{border-color:#F87573;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.left > dt							{background-color:#FDCCCC; color:#900101;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.left > dd						{background-color:#FEF1F1;}

.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.right								{border-color:#5B9AE0;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.right > dt						{background-color:#D2DDFF; color:#0A1F65;}
.taxInvoice-mid .oneByTwo:first-child > dl.beFlex.right > dd						{background-color:#F1F3FF;}

.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol												{grid-template-columns:1fr 1fr;}
.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol.twoOne								{grid-template-columns:2fr 1fr;}

.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex						{border:0; min-height:50px; border-bottom:1px solid transparent;}
.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex > dt				{flex:0 0 91px; background-color:transparent; border-width:0 1px; padding:10px 13px; align-content:center;}
.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex > dd				{background-color:#fff; flex:1 1 0; align-content:center; padding-block:10px;}

.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex.colspan2						{grid-column:span 2;}
.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex.colspan2:last-child			{/* border-bottom:0; */}

.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex.valignTop dd,
.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex.valignTop dt				{align-content:flex-start;}

.taxInvoice-mid .oneByTwo:first-child .beGrid.twoCol > dl.beFlex.valignTop dd				{line-height:1.2;}

.taxInvoice-mid .oneByTwo:first-child .beFlex.left .beGrid.twoCol > dl.beFlex,
.taxInvoice-mid .oneByTwo:first-child .beFlex.left .beGrid.twoCol > dl.beFlex > dt					{border-color:#F87573;}

.taxInvoice-mid .oneByTwo:first-child .beFlex.right .search														{height:40px; border-radius:8px; border:1px solid #3617ce; padding-inline:15px; background-color:#fff; font:14px / 1 "PretendardM"; color:#3617ce;}

.taxInvoice-mid .oneByTwo:first-child .beFlex.right .beGrid.twoCol.twoOne								{grid-template-columns:1.6fr 1fr;}
.taxInvoice-mid .oneByTwo:first-child .beFlex.right .beGrid.twoCol > dl.beFlex,
.taxInvoice-mid .oneByTwo:first-child .beFlex.right .beGrid.twoCol > dl.beFlex > dt					{border-color:#5B9AE0;}
.taxInvoice-mid .oneByTwo:first-child .beFlex.right .beGrid.twoCol > dl.beFlex > dd					{padding-block:5px;}

.taxInvoice-mid .oneByTwo:first-child .beFlex.noEdit .beGrid.twoCol > dl.beFlex > dd					{padding-block:10px;}

.taxInvoice-mid .oneByTwo:nth-child(2) > dl.beFlex:first-child > dd				{flex:0 0 221px;}
.taxInvoice-mid .oneByTwo.noEdit > dl.beFlex > dd,
.taxInvoice-mid .oneByTwo:nth-child(2) > dl.beFlex:last-child > dd				{flex:1 1 0;}

.taxInvoice-mid .oneByTwo.noEdit > dl.beFlex > dd						{padding-block:18px;}

.taxInvoice-mid .oneByTwo:nth-child(2),
.taxInvoice-mid .oneByThree											{border-right:1px solid #B0D2D7; border-top:1px solid #B0D2D7;}

.taxInvoice-mid .oneByThree				{grid-template-columns:1fr 1fr 1fr; grid-auto-flow:column; align-items:center;}


.layerView .taxInvoice-bottom .list-wrap							{border-top:0; border-radius:8px; /* overflow:hidden; */}

.taxInvoice-bottom table thead									{position:inherit;}
.taxInvoice-bottom table thead:after						{display:none;}
.taxInvoice-bottom table input[readonly]				{border:0; background-color:transparent;}

.layerView .taxInvoice-bottom table th						{background-color:#EDF8F7; height:50px; color:#171717;}
.layerView .taxInvoice-bottom table td						{height:50px; border-bottom:0;}
.layerView .taxInvoice-bottom table td:first-child:after				{display:none;}

.taxInvoice-mid .oneByTwo:first-child .beFlex.right input,
.layerView .taxInvoice-bottom table td .input-wrap input					{padding-inline:15px;}
/* .layerView .taxInvoice-bottom table td .input-wrap input:focus		{padding-right:50px;} */
.layerView .taxInvoice-bottom table td .wrap-check > a						{padding:0;}

.taxInvoice-bottom table td .wrap-select > a						{padding-block:12px; padding-inline:12px 35px;}
.taxInvoice-bottom table td .wrap-select > a:before					{right:17px;}
.taxInvoice-bottom table td .wrap-select > a:after					{right:11px;}

.oneHada .taxInvoice-bottom table td .wrap-select .select-list				{width:auto;}

.oneHada .taxInvoice-bottom table td .wrap-select .select-list > ul,	
.taxInvoice-bottom table td .wrap-select .select-list > ul					{min-width:80px;}
.oneHada .taxInvoice-bottom table td .wrap-select .select-list > ul > li,	
.taxInvoice-bottom table td .wrap-select .select-list > ul > li								{white-space:nowrap;}	

.layerView .taxInvoice-bottom table th:first-child			{position:inherit;}	

.layerView .taxInvoice-bottom table thead,
.layerView .taxInvoice-bottom table tbody tr								{border-bottom:1px solid #B0D2D7;}
.layerView .taxInvoice-bottom table tbody tr:last-child			{border-bottom:0;}

.taxInvoice-bottom a.delete					{display:block; aspect-ratio:1 / 1; width:30px; height:30px; border-radius:8px; border:1px solid #d2d2d2; text-indent:-9999px; margin:0 auto; background:url('/images/icon/i_trash_can.png') no-repeat center;}

.taxInvoice-bottom table th,
.taxInvoice-bottom table td						{border-right:1px solid #B0D2D7;}
.taxInvoice-bottom table th:last-child,
.taxInvoice-bottom table td:last-child				{border-right:0;}

.taxInvoice-bottom table td.alignRight > .input-wrap > input,
.taxInvoice-bottom table td.alignRight > input											{text-align:right;}

.taxInvoice-bottom table tr:hover td							{background-color:#fff;}

.taxInvoice-bottom .list-wrap .table-wrap						{overflow-y:inherit;}


/* 세금계산서 발행정보 팝업 */
.cashReceipt-topInfo,
.taxInvoice-wrap > .beGrid .taxInvoice-topInfo								{border-color:#E9E9F0; border-radius:8px; background-color:#f8f8f8; padding:10px 20px;}

.cashReceipt-topInfo dl.beFlex dt,
.cashReceipt-wrap .cashReceipt-topInfo dl.beFlex dd,
.taxInvoice-topInfo dl.beFlex dt,
.taxInvoice-topInfo dl.beFlex dd				{padding-block:8px;}

.taxInvoice-topInfo dl.beFlex dt					{color:#484B51; flex:0 0 auto; font-family:"PretendardR"; padding-left:0;}
.taxInvoice-topInfo dl.beFlex dd b				{font-family:"PretendardSB";}
.taxInvoice-topInfo dl.beFlex dd b + b		{margin-left:15px; padding-left:15px; position:relative;}
.taxInvoice-topInfo dl.beFlex dd b + b:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}

.cashReceipt-topInfo dl.beFlex + dl.beFlex,
.taxInvoice-topInfo dl.beFlex + dl.beFlex						{margin-left:20px; padding-left:20px; position:relative; margin-left:40px;}

.cashReceipt-topInfo dl.beFlex + dl.beFlex:before,
.taxInvoice-topInfo dl.beFlex + dl.beFlex:before		{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}

.taxInvoice-topInfo dl.beFlex dd				{padding-right:0;}

.taxInvoice-topBtn > .beGrid					{grid-auto-flow:column; column-gap:10px;}
.taxInvoice-topBtn > .beGrid > span		{font:14px / 1 "PretendardR"; color:#484b51;}
.taxInvoice-topBtn button						{height:40px; border-radius:8px; border:1px solid #d2d2d2; background-color:#fff; font:14px / 1 "PretendardM"; color:#171717; padding-inline:20px;}
.taxInvoice-topBtn button.hasIcon			{padding-inline:40px 19px; position:relative;}
.taxInvoice-topBtn button.hasIcon > i		{display:block; width:16px; height:16px; position:absolute; left:15px; top:50%; transform:translateY(-50%); background-position:center; background-repeat:no-repeat;}
.taxInvoice-topBtn button.resend > i		{background-image:url('/images/icon/i_send.png');}
.taxInvoice-topBtn button.view > i				{background-image:url('/images/icon/i_docu.png');}


.taxInvoice-wrap > .beGrid .taxInvoice-bottomInfo											{border-radius:8px; border-color:#D0D5E0; overflow:hidden;}

.oneHada .cashReceipt-wrap .taxInvoice-bottomInfo										{border-radius:8px; border-color:#D0D5E0;}

.oneHada .cashReceipt-wrap .taxInvoice-bottomInfo dl.beFlex:first-child > dt:first-child				{border-radius:8px 0 0 8px;}


.taxInvoice-bottomInfo > .beGrid						{grid-template-columns:1fr 1fr 1fr;}
.taxInvoice-bottomInfo dl.beFlex dt					{background-color:#F5F6FA; border-right:1px solid #D0D5E0;}
.taxInvoice-bottomInfo dl.beFlex dd									{flex:1 1 0;}
.taxInvoice-bottomInfo dl.beFlex + dl.beFlex					{border-left:1px solid #D0D5E0;}

.taxInvoice-bottomInfo a.detail							{display:block; border:1px solid #dadada; border-radius:8px; aspect-ratio:1 / 1; width:30px; height:30px; background:url('/images/icon/i_detail.png') no-repeat center;}



.oneHada .cashReceipt-wrap > .beGrid,
.oneHada .taxInvoice-wrap > .beGrid								{row-gap:24px;}

.oneHada .cashReceipt-topInfo,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo						{border:0; padding-inline:30px; padding-block:15px; background-color:#F8FAFC;}

.oneHada .cashReceipt-topInfo > .beFlex.farAway,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo > .beFlex.farAway					{column-gap:10px;}

.oneHada .cashReceipt-topInfo > .beFlex.farAway > span,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo > .beFlex.farAway > span					{flex:1 1 0;}

.oneHada .cashReceipt-topInfo > .beFlex.farAway > span:last-child,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo > .beFlex.farAway > span:last-child				{flex:0 0 auto;}

.oneHada .cashReceipt-topInfo > .beFlex.farAway > span:first-child > dl:first-child,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo > .beFlex.farAway > span:first-child > dl:first-child,
.oneHada .cashReceipt-topInfo dl.beFlex > dt,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo dl.beFlex > dt							{white-space:nowrap;}

.oneHada .cashReceipt-topInfo dl.beFlex > dt,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo dl.beFlex > dt							{padding-left:inherit; flex:0 0 90px;}

.oneHada .cashReceipt-topInfo dl.beFlex > dd,
.oneHada .taxInvoice-wrap .taxInvoice-topInfo dl.beFlex > dd							{padding-inline:0;}

.oneHada .cashReceipt-wrap .title-borderInfo h2.beFlex.farAway .reg-info:nth-last-child(2),
.oneHada .taxInvoice-wrap .title-borderInfo h2.beFlex.farAway .reg-info:nth-last-child(2)						{margin-inline:auto 30px;}

.oneHada .cashReceipt-wrap .title-borderInfo h2.beFlex.farAway .reg-info.beFlex,
.oneHada .taxInvoice-wrap .title-borderInfo h2.beFlex.farAway .reg-info.beFlex											{column-gap:10px;}

.oneHada .title-borderInfo .reg-info dl.beFlex > dd.beFlex > a:last-child,
.oneHada .cashReceipt-wrap .title-borderInfo h2.beFlex.farAway .reg-info.beFlex > a:last-child,
.oneHada .taxInvoice-wrap .title-borderInfo h2.beFlex.farAway .reg-info.beFlex > a:last-child				{flex:0 0 16px; width: 16px; aspect-ratio: 1 / 1; background: url('/images/icon/svg/i_posi.svg') no-repeat center;}

.oneHada .cashReceipt-wrap .title-borderInfo h2.beFlex.farAway > .btn-wrap:last-child > button,
.oneHada .taxInvoice-wrap .title-borderInfo h2.beFlex.farAway > .btn-wrap:last-child > button				{min-width:121px;}

.oneHada .taxInvoice-wrap .taxInvoice-top								{border-width:1px; border-style:solid; overflow:hidden;}
.oneHada .taxInvoice-wrap .taxInvoice-top dl.beFlex > dt				{flex:0 0 auto; flex:0 0 140px; border-style:solid; border-color:#B0D2D7; border-width:0 1px;}
.oneHada .taxInvoice-wrap .taxInvoice-top dl.beFlex + dl.beFlex										{border-top:1px solid #B0D2D7;}
.oneHada .taxInvoice-wrap .taxInvoice-top > .beGrid dl.beFlex > dt:first-child				{border-width:0 1px 0 0;}

.oneHada .layer-conts .taxInvoice-wrap span.noti,
.oneHada .layer-conts .taxInvoice-wrap div.noti,
.oneHada .taxInvoice-wrap span.noti,
.oneHada .taxInvoice-wrap div.noti						{min-height: inherit; padding-block:0;}

.oneHada .layer-conts .taxInvoice-wrap span.noti:before,
.oneHada .layer-conts .taxInvoice-wrap div.noti:before,
.oneHada .taxInvoice-wrap span.noti:before,
.oneHada .taxInvoice-wrap div.noti:before								{top:50%; transform:translateY(-50%);}

.oneHada .taxInvoice-wrap dl dd span.noti,
.oneHada .taxInvoice-wrap dl dd div.noti								{padding-inline:30px;}

.oneHada .taxInvoice-wrap dl dd span.noti:before,
.oneHada .taxInvoice-wrap dl dd div.noti:before					{left:0;}

.oneHada .taxInvoice-wrap .account-info > font:nth-child(2),
.oneHada .taxInvoice-wrap .account-info > font:nth-child(1)					{flex:0 0 auto; line-height:1;}

.oneHada .taxInvoice-wrap .taxInvoice-top > .beGrid > dl.beFlex > dt													{color:#171717;}	
.oneHada .taxInvoice-wrap .taxInvoice-top > .beGrid > dl.beFlex > dd:first-of-type							{flex:0 0 235px;}

.oneHada .taxInvoice-wrap .account-info .noti > font					{line-height:1;}


.oneHada .taxInvoice-wrap.edit .btn-wrap > button						{height:auto; min-height:40px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-top dl dd .beFlex.wrapRadio-wrap								{column-gap:0;}
.oneHada .taxInvoice-wrap.edit .taxInvoice-top dl.beFlex dd.account-info .beFlex.btn-wrap > button							{flex:0 0 auto; width:auto; height:auto; min-height:40px;}
.oneHada .taxInvoice-wrap.edit .taxInvoice-top dl.beFlex dd.account-info > font:last-of-type										{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-top > .beGrid > dl > dd														{padding-inline:5px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-top > .beGrid > dl.beFlex .textarea-wrap,
.oneHada .taxInvoice-wrap.edit .taxInvoice-top > .beGrid > dl.beFlex .dateSelect,
.oneHada .taxInvoice-wrap.edit .taxInvoice-top > .beGrid > dl.beFlex .wrapRadio-wrap				{margin-inline:-10px 0;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-top > .beGrid > dl.beFlex > dd:first-of-type					{flex:0 0 auto;}


.oneHada .taxInvoice-mid dl.beFlex				{column-gap:0;}

.oneHada .taxInvoice-mid .beGrid.twoCol > dl.beFlex dd > font					{word-break:keep-all;}

.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd									{padding-bottom:0;}

.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl:last-child							{border-bottom:0;}
.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl > dt										{color:#111;}

.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl.colspan2 + dl > dt:first-child,
.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl:nth-child(2n - 1) > dt:first-child,
.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl.colspan2 > dt:first-child					{border-width:0 1px 0 0;}

.oneHada .taxInvoice-mid .oneByTwo > dl.beFlex > dd .beGrid.twoCol > dl:nth-child(7) > dt:first-child			{border-width:0 1px;}

.oneHada .taxInvoice-mid .oneByTwo .beFlex.right .beGrid.twoCol > dl.beFlex > dd					{padding-block:10px;}


.oneHada .taxInvoice-mid > .beGrid.sixCol						{grid-template-columns:49px 1fr 1fr 49px 1fr 1fr; grid-auto-rows:minmax(50px, auto); align-content:start;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid			{place-items:center;}

.oneHada .taxInvoice-mid > .beGrid > em						{padding-block:15px;}
.oneHada .taxInvoice-mid > .beGrid > em > font			{font:16px / 1.5 "PretendardSB";}

.oneHada .taxInvoice-mid > .beGrid																	{position:relative;}

.oneHada .taxInvoice-mid > .beGrid > dl.beFlex												{column-gap:1px;}

.oneHada .taxInvoice-bottomInfo dl.midAlign > dd,
.oneHada .taxInvoice-mid dl.spanTwoCol > dd,
.oneHada .taxInvoice-mid dl.midAlign > dd													{align-content:center;}

.oneHada .taxInvoice-mid > .beGrid > dl > dt													{border:0; flex: 0 0 91px; padding-inline:13px; padding-block:10px; align-content:center; color:#111;}
.oneHada .taxInvoice-mid > .beGrid > dl > dd													{background-color:#fff; padding-block:10px;}

.oneHada .taxInvoice-mid > .beGrid > dl.left,
.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-of-type(even) + dl,
.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-of-type(odd),
.oneHada .taxInvoice-mid > .beGrid > dl															{background-color:#F87573; border-top:1px solid #F87573;}

.oneHada .taxInvoice-mid > .beGrid > dl.right,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(13),
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(8),
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(10),
.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-child(even),
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(5n - 1),
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(4n - 1)						{background-color:#5B9AE0; border-top:1px solid #5B9AE0;}

.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(2n)								{border-left:1px solid #F87573;}

.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(15n - 1)	,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(4n)								{border-left:1px solid #5B9AE0;}	

.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(13n - 1)						{border-left:1px solid #F87573;}

.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol									{border-left:0;}

.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-of-type(even) + dl > dt,
.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-of-type(odd) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl > dt																				{background-color:#FEF1F1;}

.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(13) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(8) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(10) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl.spanTwoCol:nth-child(even) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(5n - 1) > dt,
.oneHada .taxInvoice-mid > .beGrid > dl:nth-of-type(4n - 1) > dt										{background-color:#F1F3FF;}

.oneHada .taxInvoice-mid > .beGrid.sixCol > dl:nth-of-type(4),
.oneHada .taxInvoice-mid > .beGrid.sixCol > dl:nth-of-type(3),
.oneHada .taxInvoice-mid > .beGrid.sixCol > dl:nth-of-type(2),
.oneHada .taxInvoice-mid > .beGrid.sixCol > dl:nth-of-type(1)								{border-top:0;}


.oneHada .taxInvoice-mid > .beGrid > em.beGrid											{grid-row:span 6;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(1)				{background-color:#FDCCCC; color:#900101;}
.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(2)				{background-color:#D2DDFF; color:#0A1F65;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid:before,
.oneHada .taxInvoice-mid > .beGrid > em.beGrid:after									{content:""; position:absolute; height:2px; width:50%; background-color:#000;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid:before								{top:100%;}
.oneHada .taxInvoice-mid > .beGrid > em.beGrid:after									{bottom:100%;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(1):before,
.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(1):after							{left:0; background-color:#F87573;}

.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(2):before,
.oneHada .taxInvoice-mid > .beGrid > em.beGrid:nth-of-type(2):after							{left:50%; background-color:#5B9AE0;}

.oneHada .taxInvoice-bottomInfo dl.beFlex > dt,
.oneHada .taxInvoice-mid .bottom-info dl.beFlex > dt							{flex:0 0 141px; align-content:center;}
.oneHada .taxInvoice-mid .bottom-info > dl:last-child > dd				{border-inline-width:0 1px; border-style:solid; border-color:#B0D2D7;}
.oneHada .taxInvoice-mid .bottom-info:last-child									{border-block-width:0 1px; border-style:solid; border-color:#B0D2D7;}
.oneHada .taxInvoice-mid .bottom-info + .bottom-info > dl				{border-block-width:1px 0; border-style:solid; border-color:#B0D2D7;}


.oneHada .taxInvoice-wrap.edit .taxInvoice-mid > .beGrid > em													{grid-row:span 8;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .beFlex.hasTextarea,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .input-wrap > input											{padding-inline:12px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .input-btn > button,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .btn-wrap > button											{width:auto; padding-inline:10px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .input-btn > button											{min-width:80px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .address-wrap.beGrid										{row-gap:5px;}

.oneHada .taxInvoice-wrap.edit dl dd .textarea-wrap																		{padding-block:0;}

.oneHada .taxInvoice-wrap.edit .dateSelect > span.beFlex  > a:last-of-type					{height:auto;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid > .beGrid.sixCol													{grid-template-columns:49px 1.7fr 1fr 49px 1.7fr 1fr;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid dl.beFlex.right > dt														{padding-block:8px;}

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .bottom-info:nth-last-child(2) dl.beFlex > dd,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid dl.beFlex.right > dd														{padding-inline:5px; padding-block:5px;}

/* .oneHada .taxInvoice-wrap.edit .taxInvoice-mid dl.beFlex.beStretch.left > dd												{padding-inline:10px; padding-block:10px;} */

.oneHada .taxInvoice-wrap.edit .taxInvoice-mid dl.beFlex.beStretch .input-btn.beFlex							{column-gap:5px;}


.oneHada .taxInvoice-bottomInfo,
.oneHada .taxInvoice-bottom											{border:1px solid #B0D2D7; /* overflow:hidden; */}
.oneHada .taxInvoice-bottom .table-wrap th				{background-color:#EDF8F7;}
.oneHada .taxInvoice-bottom .table-wrap table td				{border-top:1px solid #B0D2D7; border-color:#B0D2D7; padding-block:10px; padding-inline:10px;}
												
.oneHada .taxInvoice-bottomInfo dl.beFlex											{column-gap:0;}
.oneHada .taxInvoice-bottomInfo dl.beFlex > dd > b.blue					{color:#2D67FF;}
.oneHada .taxInvoice-bottomInfo dl > dd > button								{height:auto; min-height:30px; padding-inline:inherit; min-width:62px; font-size:12px; background-color:#fff; border:1px solid #D7DCE5; border-radius:6px;}


/* .oneHada .taxInvoice-wrap.edit .taxInvoice-bottom table td								{padding:5px;} */
.oneHada .taxInvoice-wrap.edit .taxInvoice-bottom	 table td .wrap-select,
.oneHada .taxInvoice-wrap.edit .taxInvoice-bottom	 table td .input-wrap				{margin:-5px;}
.oneHada .taxInvoice-wrap.edit .taxInvoice-bottom	 table td .input-wrap input				{padding-inline:12px;}




.beFlex.emailInfo-input						{column-gap:10px;}
.beFlex.emailInfo-input > .input-wrap					{flex:1 1 0;}
.beFlex.emailInfo-input > .wrap-select					{flex:0 0 36%;}

.oneHada .cashReceipt-wrap.edit .beFlex.emailInfo-input,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .beFlex.emailInfo-input					{column-gap:5px;}

.oneHada .cashReceipt-wrap.edit .beFlex.emailInfo-input > .wrap-select,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .beFlex.emailInfo-input > .wrap-select					{flex:0 0 150px;}
.oneHada .emailInfo-input > .wrap-select ul					{min-width:130px;}

.oneHada .cashReceipt-wrap.edit .wrap-select > a,
.oneHada .taxInvoice-wrap.edit .taxInvoice-mid .beFlex.emailInfo-input > .wrap-select > a				{min-height:40px;}

.oneHada .cashReceipt-wrap.edit .beFlex > .wrap-select > a																		{min-width:160px;}

.oneHada .cashReceipt-wrap.edit .wrap-select > a





/* 입금확인 팝업 */
.beGrid-fourColumns-wrap.total-prices-wrap					{column-gap:10px; margin-bottom:20px;}
.total-prices-wrap > span						{border-width:1px; border-style:solid; border-color:#E9E9F0; border-radius:10px; overflow:hidden;}
.total-prices-wrap > span > dl				{border-top:5px solid transparent; padding:15px 20px; border-radius:10px; color:#777980;}
.total-prices-wrap > span > dl i					{display:block; aspect-ratio:1 / 1; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.total-prices-wrap > span > dl > dt > i		{margin-right:5px;}
.total-prices-wrap > span > dl > dd			{margin-top:10px;}
.total-prices-wrap > span > dl > dd > b		{font:18px / 1 "PretendardB"; color:#333;}
.total-prices-wrap > span > dl > dd > i		{background-image:url('/images/icon/i_won_gray.png');}
.total-prices-wrap > span.blue > dl			{border-top-color:#3250FF;}
.total-prices-wrap > span.green > dl			{border-top-color:#00C300;}
.total-prices-wrap > span.red > dl				{border-top-color:#EB3D4D;}
.total-prices-wrap > span.blue > dl > dt > i			{background-image:url('/images/icon/i_chip_bl.png');}
.total-prices-wrap > span.green > dl > dt > i		{background-image:url('/images/icon/i_chip_gr.png');}
.total-prices-wrap > span.red > dl > dt > i				{background-image:url('/images/icon/i_chip_red.png');}



/* 비용등록 팝업 */
.layerView.oneHada .inputs-wrap button,
.layerView.oneHada .inputs-wrap .input-btn > button:last-child,
.layerView.oneHada .inputs-wrap .addFileBtn-wrap > .beFlex.btn-wrap > button,
.layerView.oneHada .inputs-wrap .input-wrap input,
.layerView.oneHada .inputs-wrap .btn_select .beFlex > a,
.layerView.oneHada .inputs-wrap .wrap-select > a				{min-height:48px;}

.taxInvoice-wrap .dateSelect,
.layerView.oneHada .dateSelect														{display:inline-block;}

.layerView.oneHada .inputs-wrap .dateSelect							{min-width:192px;}

.layerView.oneHada .inputs-wrap .input-btn input[type="text"],
.layerView.oneHada .inputs-wrap .input-btn input[type="tel"],
.layerView.oneHada .inputs-wrap .input-btn input[type="number"],
.layerView.oneHada .inputs-wrap .dateSelect > span > a:last-child,
.layerView.oneHada .inputs-wrap .dateSelect input[type="text"],
.layerView.oneHada .inputs-wrap .dateSelect input[type="tel"],
.layerView.oneHada .inputs-wrap .dateSelect input[type="number"]						{height:46px;}

.layerView.oneHada .inputs-wrap					{row-gap:20px; grid-auto-rows:minmax(48px, auto);}
.layerView.oneHada .inputs-wrap dl.beGrid							{row-gap:14px; column-gap:20px; column-gap:10px;}
.layerView.oneHada .inputs-wrap dl.beGrid .spanTwoCol					{grid-column:span 2;}

.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex										{column-gap:15px; column-gap:10px;}

.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .twoInputs,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .twoInputs				{flex:0 0 418px; flex:0 0 307px;}


.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .twoInputs.calendar,
.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .twoInputs.calendar,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn			{flex:0 0 418px; /* flex:0 0 379px; */}

.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn + .btn-wrap,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn + .btn-wrap					{margin-left:auto;}

.layerView.oneHada .w870 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn + .btn-wrap .reset,
.layerView.oneHada .w850 .inputs-wrap dl.beGrid .spanTwoCol.beFlex .input-btn + .btn-wrap .reset		{min-width:100px;}

.btn_select .beFlex > a									{width:100%; position:relative; min-height:40px; min-width:100px;}
.btn_select .beFlex > a + a							{margin-left:-1px;}
.btn_select .beFlex > a > input					{position:absolute; opacity:0;}
.btn_select .beFlex > a > label						{position:absolute; inset:0; display:grid; place-items:center; /* border:1px solid #D7DCE5; */ font:14px / 1 "PretendardR"; color:#475067; transition:.2s;}
.btn_select .beFlex > a > input:checked + label				{color:#2D67FF; /* border-color:#2D67FF; z-index:1; */ font-family:"PretendardB";}
/*
.btn_select .beFlex > a:first-child > label					{border-radius:8px 0 0 8px;}
.btn_select .beFlex > a:last-child > label					{border-radius:0 8px 8px 0;}
*/

.btn_select .beFlex > a > label:after									{content:""; position:absolute; inset:0; border:1px solid #D7DCE5; border-radius:0; transition:.2s;}
.btn_select .beFlex > a > input:checked + label:after			{border-color:#2D67FF; z-index:1;}
.btn_select .beFlex > a:first-child > label:after				{border-radius:8px 0 0 8px;}
.btn_select .beFlex > a:last-child > label:after					{border-radius:0 8px 8px 0;}

.layerView.oneHada .checkboxs-wrap					{/* margin-inline:-10px; */}

.layerView.oneHada .checkboxs-wrap .wrap-radio > a,
.layerView.oneHada .checkboxs-wrap .wrap-check > a						{min-height:48px;}

.layerView.oneHada .top_search .checkboxs-wrap .wrap-radio > a,
.layerView.oneHada .top_search .checkboxs-wrap .wrap-check > a						{min-height:inherit; padding-inline:20px;}
.layerView.oneHada .top_search a.reset + .checkboxs-wrap									{margin-inline:15px;}

.layerView.oneHada .hasCheckboxsWrap .checkboxs-wrap.beFlex						{column-gap:20px;}

.beFlex.wrapRadio-wrap.justify > *,
.beFlex.checkboxs-wrap.justify > *			{width:100%;}


.addFileBtn-wrap a									{aspect-ratio:1 / 1; width:40px; border:1px solid #D7DCE5; border-radius:8px; background-repeat:no-repeat; background-position:center;}
.addFileBtn-wrap a.photo						{background-image:url('/images/icon/svg/i_photo.svg'); position:relative;}
.addFileBtn-wrap a.file								{background-image:url('/images/icon/svg/i_file.svg'); position:relative;}
.addFileBtn-wrap a.file > input[type="file"],
.addFileBtn-wrap a.photo > input[type="file"]					{position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer;}
.addFileBtn-wrap a.link							{background-image:url('/images/icon/svg/i_link.svg');}
.addFileBtn-wrap a.position					{background-image:url('/images/icon/svg/i_position.svg');}
.addFileBtn-wrap a.signature					{background-image:url('/images/icon/svg/i_signature.svg');}
.addFileBtn-wrap a.youtube					{background-image:url('/images/icon/svg/i_youtube_add.svg');}

.addFileBtn-wrap > .beFlex						{column-gap:10px;}
.addFileBtn-wrap > .beFlex > a				{flex:0 0 40px;}

.addFileBtn-wrap > .beFlex.btn-wrap > button														{position:relative; flex:0 0 97px;}
.addFileBtn-wrap > .beFlex.btn-wrap > button > input[type="file"]					{position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer;}
.addFileBtn-wrap > .beFlex.btn-wrap.btn3ea > button					{width:33.33333%;}
.layerView.oneHada .addFileBtn-wrap > .beFlex.btn-wrap > button					{border-color:#D7DCE5;}

.layerView.oneHada .w870 .addFiles-wrap > div,
.layerView.oneHada .w850 .addFiles-wrap > div										{grid-template-columns:repeat(auto-fill, minmax(83px, auto));}

.layerView.oneHada .w870 .spanTwoCol .addFiles-wrap > div,
.layerView.oneHada .w850 .spanTwoCol .addFiles-wrap > div			{grid-template-columns:repeat(auto-fill, minmax(81px, auto));}

.layerView.oneHada .list-wrap					{border-top:0;}

.layerView.oneHada .list-wrap > ul.links > li					{background-color:transparent; border:1px solid #D7DCE5; border-radius:8px;}
.layerView.oneHada .list-wrap > ul.links.noBd > li			{border:0; background-color:#F8FAFC;}

.oneHada .input-wrap.hasPeople > input::-webkit-input-placeholder,
.oneHada .input-wrap.hasPeople > input::placeholder,
/* .oneHada .input-wrap.hasWon > input:-moz-placeholder, */
.oneHada .input-wrap.hasWon > input::-webkit-input-placeholder,
.oneHada .input-wrap.hasWon > input::placeholder					{text-align:left;}

.layerView.oneHada .beFlex.total.justify														{background-color:#F8FAFC; padding-block:15px;}
.layerView.oneHada .beFlex.total.justify > dl												{width:100%; color:#475067;}
.layerView.oneHada .beFlex.total.justify > dl > dt										{color:#475067;}
.layerView.oneHada .beFlex.total.justify > dl > dd										{margin-top:10px;}
.layerView.oneHada .beFlex.total.justify > dl.red > dt,
.layerView.oneHada .beFlex.total.justify > dl.red										{color:#F23F3F;}
.layerView.oneHada dl.beGrid dd .beFlex.total.justify								{/* margin-right:120px; margin-right:203px; */}


.layerView.oneHada .inputs-wrap + .inputs-wrap										{margin-top:40px; padding-top:40px; border-top:1px solid #EEEFF0;}

.layerView.oneHada .inputs-wrap > h3:first-child										{font:18px / 1 "PretendardSB"; color:#1C1D1F;}

.layerView.oneHada .inputs-wrap.personInfo												{row-gap:24px;}

small.noti									{font:12px / 1 "PretendardR"; color:#475067; padding-left:23px; position:relative;}
small.noti:before					{content:"!"; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:11px; color:#fff; background-color:#D7DCE5; border-radius:50%; display:grid; place-items:center; width:15px; aspect-ratio:1 / 1;}

.oneHada dl > dd small.noti					{margin-inline:10px;}
.oneHada dl > dd small.noti.msg			{margin-inline:0;}

.layerView.oneHada .inputs-wrap dl.beGrid .beFlex.account-info									{min-height:60px; padding-inline:30px; border:1px solid #D7DCE5; border-radius:8px;}
.layerView.oneHada .inputs-wrap dl.beGrid .beFlex.account-info font						{font-size:14px;}

.layerView.oneHada .w870 .inputs-wrap dd.beFlex .input-wrap,
.layerView.oneHada .w870 .inputs-wrap dd.beFlex .wrap-select,
.layerView.oneHada .w850 .inputs-wrap dd.beFlex .input-wrap,
.layerView.oneHada .w850 .inputs-wrap dd.beFlex .wrap-select									{width:100%;}

.layerView.oneHada .w870 .inputs-wrap dd.beFlex .input-btn,
.layerView.oneHada .w850 .inputs-wrap dd.beFlex .input-btn										{flex:0 0 417px;}

.layerView.oneHada .w870 .inputs-wrap dd.beFlex .input-btn.multiSelect,
.layerView.oneHada .w850 .inputs-wrap dd.beFlex .input-btn.multiSelect				{flex:0 0 100%;}


.oneHada .slide-switch											{background-color:#EAEDF4; position:relative; border:4px solid transparent; border-radius:8px; min-width:140px; min-height:40px;}
.oneHada .slide-switch.min									{min-width:80px;}

.layerView.oneHada .slide-switch						{min-height:48px;}
.layerView.oneHada .slide-switch.min									{min-width:96px;}

.layerView.oneHada dl.beFlex .amount-detail dl > dd.total .slide-switch					{min-height:40px; min-width:inherit;}

.oneHada .slide-switch.beFlex							{align-items:stretch;}
.oneHada .slide-switch.oneBtn label:before,
.oneHada .slide-switch.beFlex:before				{content:""; position:absolute; left:0; width:50%; height:100%; background-color:#fff; border-radius:6px; transition:.2s; box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.oneHada .slide-switch.beFlex > a						{width:100%; padding-inline:8px; position:relative; font:12px / 1 "PretendardM"; color:#8B93A1; display:inline-block; text-align:center; align-content:center;}
.oneHada .slide-switch.beFlex.right > a:last-child,
.oneHada .slide-switch.beFlex.left > a:first-child				{color:#333;}
.oneHada .slide-switch.beFlex.left:before					{left:0;}
.oneHada .slide-switch.beFlex.right:before					{left:50%;}
/*
.oneHada .slide-switch.beFlex > a > input					{position:absolute; opacity:0;}
.oneHada .slide-switch.beFlex > a > label					{position:absolute; inset:0; text-align:center; align-content:center; transition:.2s;}
.oneHada .slide-switch.beFlex > a > input:checked + label					{color:#333;}
*/
.oneHada .slide-switch.oneBtn										{min-width:56px; min-height:32px; border-radius:16px; background-color:#D7DCE5; border:0; overflow:hidden;}
.oneHada .slide-switch.oneBtn:before							{display:none;}

.oneHada .slide-switch.oneBtn > a								{aspect-ratio:1/ .5;}

.oneHada .slide-switch.oneBtn label												{position:absolute; inset:0; width:100%; height:100%; transition:.25s;}
.oneHada .slide-switch.oneBtn label:before									{left:4px; top:50%; transform:translateY(-50%); aspect-ratio:1 / 1; border-radius:50%; width:22px; height:auto; left:7px;}

.oneHada .slide-switch.oneBtn input[type="checkbox"]																		{position:absolute; opacity:0;}
.oneHada .slide-switch.oneBtn input[type="checkbox"]:checked + label										{background-color:#2D67FF;}
.oneHada .slide-switch.oneBtn input[type="checkbox"]:checked + label:before							{left:50%;}

.oneHada .title-borderInfo h2.hasSlideSwitch:first-child .beFlex.hasSlideSwitch,
.oneHada .inputs-wrap .beFlex.hasSlideSwitch															{column-gap:10px;}

.oneHada .title-borderInfo h2.beFlex.farAway.hasSlideSwitch:first-child .beFlex.hasSlideSwitch					{margin-right:auto;}

.oneHada .title-borderInfo h2:first-child .beFlex.hasSlideSwitch > font				{font:14px / 1 "PretendardM"; color:#475067;}

.oneHada .inputs-wrap .beFlex.hasSlideSwitch .slide-switch + font						{color:#475067; padding-inline:5px 15px;} 
.oneHada .inputs-wrap .beFlex.farAway .beFlex.hasSlideSwitch .slide-switch + font							{padding-inline:5px 0;}

.layerView.oneHada .slide-switch + .checkboxs-wrap			{margin-left:15px; margin-left:10px;}



/* 비용항목 선택 팝업 */
.oneHada .checkboxs-wrap > .beGrid											{row-gap:15px; grid-template-columns:repeat(auto-fill, minmax(128px, auto));}

.layerView.oneHada .w680 .checkboxs-wrap > .beGrid							{row-gap:15px; grid-template-columns:repeat(auto-fill, minmax(170px, auto));}

.layerView.oneHada .checkboxs-wrap > .beGrid.threeCol				{grid-template-columns:1fr 1fr 1fr;}

.oneHada .conts-wrap span.noti,
.oneHada .conts-wrap div.noti,
.layerView.oneHada span.noti,
.layerView.oneHada div.noti													{min-height:40px; padding-inline:47px 25px; align-content:center; position:relative; border-radius:8px; padding-block:12px; padding-inline:47px 15px; display:block;}

.oneHada .conts-wrap dl.beGrid dd.alignRight > span.noti,
.oneHada .conts-wrap dl.beGrid dd.alignRight > div.noti,
.layerView.oneHada dl.beGrid dd.alignRight > span.noti,
.layerView.oneHada dl.beGrid dd.alignRight > div.noti	,
.oneHada .conts-wrap dl.beFlex dd.alignRight > span.noti,
.oneHada .conts-wrap dl.beFlex dd.alignRight > div.noti,
.layerView.oneHada dl.beFlex dd.alignRight > span.noti,
.layerView.oneHada dl.beFlex dd.alignRight > div.noti							{display:inline-block;}

.oneHada .conts-wrap span.noti,
.layerView.oneHada span.noti													{padding-block:12px; padding-right:18px;}

.layerView.oneHada div.noti,
.layerView.oneHada span.noti													{min-height:48px;}

.oneHada .conts-wrap span.noti:before,
.oneHada .conts-wrap div.noti:before,
.layerView.oneHada span.noti:before,
.layerView.oneHada div.noti:before									{content:"!"; position:absolute; left:20px; top:12px; aspect-ratio:1 / 1; border-radius:50%; width:17px; height:17px; display:grid; place-items:center; color:#fff; font-size:11px;}

.layerView.oneHada .inputs-wrap dl.beGrid dd:nth-of-type(n + 3) span.noti:before,
.layerView.oneHada .inputs-wrap dl.beGrid dd:nth-of-type(n + 3) div.noti:before,
.layerView.oneHada span.noti:before,
.layerView.oneHada div.noti:before									{top:14px; top:15px;}

/*
.layerView.oneHada .inputs-wrap dl.beGrid dd span.noti:before,
.layerView.oneHada .inputs-wrap dl.beGrid dd div.noti:before									{top:12px;}
*/

.oneHada .conts-wrap span.noti > font,
.oneHada .conts-wrap div.noti > font,
.layerView.oneHada span.noti > font,
.layerView.oneHada div.noti > font									{line-height:1.2;}

.oneHada .conts-wrap span.noti > font:only-child,
.oneHada .conts-wrap div.noti > font:only-child,
.layerView.oneHada span.noti > font:only-child,
.layerView.oneHada div.noti > font:only-child					{padding-inline:0;}

.oneHada .layer-header span.noti > font,
.oneHada .layer-header div.noti > font										{font:14px / 1.2 "PretendardM"; }
.oneHada .layer-header span.noti:before,
.oneHada .layer-header div.noti:before									{top:50%; transform:translateY(-50%);}
.oneHada .layer-header > em + span.noti,
.oneHada .layer-header > em + div.noti									{margin-inline:30px; min-height:inherit;}

.oneHada .conts-wrap span.noti.lightBlue,
.oneHada .conts-wrap div.noti.lightBlue,
.layerView.oneHada span.noti.lightBlue,
.layerView.oneHada div.noti.lightBlue									{background-color:#EBFAFF; color:#008AB2;}

.oneHada .conts-wrap span.noti.lightBlue:before,
.oneHada .conts-wrap div.noti.lightBlue:before,
.layerView.oneHada span.noti.lightBlue:before,
.layerView.oneHada div.noti.lightBlue:before						{background-color:#008AB2;}

.oneHada .conts-wrap span.noti.lightRealBlue,
.oneHada .conts-wrap div.noti.lightRealBlue,
.layerView.oneHada span.noti.lightRealBlue,
.layerView.oneHada div.noti.lightRealBlue									{background-color:#F4F8FF; color:#475067;}

.oneHada .conts-wrap span.noti.lightRealBlue:before,
.oneHada .conts-wrap div.noti.lightRealBlue:before,
.layerView.oneHada span.noti.lightRealBlue:before,
.layerView.oneHada div.noti.lightRealBlue:before						{background-color:#2D67FF;}

.oneHada span.noti.orangeRed:before,
.oneHada div.noti.orangeRed:before									{background-color:#FF501B;}

.oneHada .conts-wrap span.noti.bgLightRed,
.oneHada .conts-wrap div.noti.bgLightRed,
.layerView.oneHada span.noti.bgLightRed,
.layerView.oneHada div.noti.bgLightRed							{background-color:#FFF1F0;}		

.oneHada .conts-wrap span.noti.bgLightRed.bd,
.oneHada .conts-wrap div.noti.bgLightRed.bd,
.layerView.oneHada span.noti.bgLightRed.bd,
.layerView.oneHada div.noti.bgLightRed.bd						{border:1px solid #FFCCC7;}

.oneHada .conts-wrap span.noti.bgLightRed font > b,
.oneHada .conts-wrap div.noti.bgLightRed font > b,
.layerView.oneHada span.noti.bgLightRed font > b,
.layerView.oneHada div.noti.bgLightRed font > b				{color:#F5222D; font-family:"PretendardSB";}

.oneHada span.noti font.beFlex:first-child,
.oneHada div.noti font.beFlex:first-child						{padding-block:4px 8px;}

.oneHada span.noti font.beFlex:first-child + font,
.oneHada div.noti font.beFlex:first-child + font			{line-height:1.6; color:#591D1B;}




/* 거래처, 인적사항 선택 팝업 */


/* 입금계좌 등록(수정) 팝업 */
.layerView.oneHada .w680 .inputs-wrap dl.beFlex > dd.hasMsg,
.layerView.oneHada .w680 .inputs-wrap dd.beFlex .input-wrap,
.layerView.oneHada .w680 .inputs-wrap dd.beFlex .wrap-select									{flex:0 0 300px;}

.layerView.oneHada .w680 .inputs-wrap dd.beFlex .input-btn										{flex:0 0 411px;}



/* 직원관리 */
.conts-wrap > .beGrid > .beFlex.farAway.alignRight > .btn_select a					{min-height:48px; min-width:125px;}


/* 직원관리 - 직원등록 팝업 */
.beFlex.weekDay-wrap										{column-gap:10px;}
.weekDay-wrap a												{aspect-ratio:1 / 1; width:48px; position:relative; display:block;}
.weekDay-wrap a > input[type="checkbox"]					{position:absolute; opacity:0;}
.weekDay-wrap a > label														{position:absolute; inset:0; border:1px solid #D7DCE5; border-radius:8px; display:grid; place-items:center; transition:.2s; font-size:16px; color:#9AA0AA;}
.weekDay-wrap a > input[type="checkbox"]:checked + label					{border-color:#2D67FF; color:#2D67FF; font-family:"PretendardSB";}

.beFlex.weekDay-wrap.daySelect																									{flex-wrap:wrap; row-gap:10px;}

.layerView dl.beFlex.topAlign > dd.beGrid > .beFlex.weekDay-wrap										{margin-block:5px;}

.timeSelect-wrap .beGrid.threeCol								{min-height:48px; border:1px solid #D7DCE5; border-radius:8px; overflow:hidden;}
.timeSelect-wrap .select-check												{padding-inline:13px; column-gap:4px;}
.timeSelect-wrap .select-check.hasCheck							{padding-inline:13px 3px;}
.timeSelect-wrap .select-check + .select-check					{border-left:1px solid #D7DCE5;}
.timeSelect-wrap .beFlex.select-check												{justify-content:center;}
.timeSelect-wrap .beFlex.select-check > .wrap-select					{flex:1 1 0;}
.timeSelect-wrap .beFlex.select-check > .wrap-select > a			{padding-right:20px;}

.timeSelect-wrap .beFlex.select-check > .wrap-select > a > button				{border:0; height:auto; width:auto; padding:0;}
.timeSelect-wrap .beFlex.select-check > .wrap-select .reset					{position:absolute; right:0; top:50%; transform:translateY(-50%); aspect-ratio:1 / 1; min-height:14px; border-radius:50%; background-color:#D7DCE5; display:none;}
.timeSelect-wrap .beFlex.select-check > .wrap-select .reset:before,
.timeSelect-wrap .beFlex.select-check > .wrap-select .reset:after						{content:""; position:absolute; left:50%; top:50%; width:1px; height:8px; background-color:#fff;}
.timeSelect-wrap .beFlex.select-check > .wrap-select .reset:before					{transform:translate(-50%, -50%) rotate(45deg);}
.timeSelect-wrap .beFlex.select-check > .wrap-select .reset:after						{transform:translate(-50%, -50%) rotate(-45deg);}

.timeSelect-wrap .beFlex.select-check > .wrap-select.on > a:before,
.timeSelect-wrap .beFlex.select-check > .wrap-select.on > a:after							{display:none;}
.timeSelect-wrap .beFlex.select-check > .wrap-select.on .reset									{display:block;}

.timeSelect-wrap .beFlex.select-check > .wrap-check					{flex:0 0 auto;}

.timeSelect-wrap .beGrid.byWeekDay									{gap:15px 0;}
.timeSelect-wrap .beGrid.byWeekDay > .beFlex													{column-gap:10px;}
.timeSelect-wrap .beGrid.byWeekDay > .beFlex .weekDay-wrap					{flex:0 0 auto;}
.timeSelect-wrap .beGrid.byWeekDay > .beFlex .weekDay-wrap + div			{flex:1 1 0;}

.timeSelect-wrap .beGrid.byWeekDay .select-check											{column-gap:0;}

.timeSelect-wrap .beGrid.byWeekDay .beGrid.threeCol									{grid-template-columns:repeat(auto-fit, minmax(32%, auto));}


/* 위치정보 팝업 */
.txtCopy-btn										{padding-inline:20px; padding-block:9px; border:1px solid #D7DCE5; min-height:60px; border-radius:8px; align-content:center;}
.txtCopy-btn > .beFlex											{column-gap:10px;}
.txtCopy-btn > .beFlex > font								{line-height:1.4; word-break:keep-all;}
.txtCopy-btn > .beFlex > .btn-wrap					{flex:0 0 auto;}
.txtCopy-btn > .beFlex > .btn-wrap > a				{height:30px; border-radius:6px; background-color:transparent; border:1px solid #D7DCE5; font:12px / 1 "PretendardM"; padding-inline:6px 10px;}

.oneHada .conts-wrap dl.beFlex .account-info .btn-wrap > a.beFlex > i,
.txtCopy-btn > .beFlex > .btn-wrap > a.beFlex > i					{aspect-ratio:1 / 1; flex:0 0 24px; column-gap:10px;}

.oneHada .conts-wrap dl.beFlex .account-info .btn-wrap > a.copy > i,
.txtCopy-btn > .beFlex > .btn-wrap > a.copy > i						{background:url('/images/icon/svg/i_copy_24.svg') no-repeat center;}

.txtCopy-btn > .beFlex > .btn-wrap > a.copy > font				{white-space:nowrap;}

.conts-wrap .title-borderInfo .txtCopy-btn > .beFlex > font								{font-size:14px;}

.map-view								{min-height:380px; border-radius:10px; overflow:hidden; position:relative;}
.map-view > div					{position:absolute; inset:0; /* background-color:rgba(0,0,0,.05); */ box-shadow:0 0 0 1px rgba(0,0,0,.1) inset; border-radius:10px; box-shadow:0 0 0 1px #D7DCE5 inset;}


/* 퇴직금 수정 팝업 */
.layerView.oneHada .w680 .retirePay-calc.amount-detail .inputs-wrap dd.beFlex .input-wrap,
.layerView.oneHada .w680 .retirePay-calc.amount-detail .inputs-wrap dd.beFlex .wrap-select						{flex:0 0 250px;}
.layerView.oneHada .w680 .retirePay-calc.amount-detail .inputs-wrap dd.beFlex .input-btn							{flex:0 0 361px; flex:0 0 auto;}

.layerView.oneHada .w680 .retirePay-calc.amount-detail .inputs-wrap dl.beFlex > dd.hasMsg						{flex:0 0 360px;}

.layerView.oneHada .w680 .retirePay-calc.amount-detail div.noti																			{padding-inline:44px 12px;}
.layerView.oneHada .w680 .retirePay-calc.amount-detail div.noti:before																{left:18px;}

.retirePay-calc.amount-detail > dl > dt,
.retirePay-calc.amount-detail > dl > dd									{padding-inline:30px;}

.retirePay-calc.amount-detail dl.beFlex > dt						{min-width:124px; flex:0 0 133px; font-size:13px;}

.retirePay-calc.amount-detail .btn-wrap.alignCenter:last-child						{padding-inline:27%; padding-inline:25%;}


/* 계약서보기 팝업 */
.workContract-wrap section dl dd > section p,                                                                                               
.workContract-wrap section														{font:16px / 1.8 "PretendardM"; color:#000;}
.workContract-wrap section p														{font:16px / 1.8 "PretendardB"; word-break:keep-all;}
.workContract-wrap section .gray												{color:#A7ABB2;}
.workContract-wrap section b														{font-family:"PretendardB";}

.workContract-wrap section dl dd > section p						{word-break:keep-all;}                                                                                               

.workContract-wrap section .beFlex											{font-size:16px !important;}
.workContract-wrap section .beFlex > font:first-child			{flex:0 0 85px;}
.workContract-wrap section .beFlex > font.beFlex												{column-gap:5px;}
.workContract-wrap section .beFlex > font.beFlex > i:first-child						{aspect-ratio:1; flex:0 0 14px; border:1px solid #000; margin-top:-2px;}
.workContract-wrap section .beFlex > font.beFlex.on > i:first-child					{background-color:#000;}
.workContract-wrap section .beFlex > font.beFlex + font.beFlex						{margin-left:10px;}

.workContract-wrap section p > font											{line-height:1.8;}

.workContract-wrap section > dl > dt + dd								{margin-top:5px;}

.workContract-wrap h1.alignCenter:first-child						{padding-block:20px; font:21px / 1 "PretendardB";}

.workContract-wrap > .beGrid														{padding-inline:25px; row-gap:20px;}
.hasPDFform .workContract-wrap > .beGrid							{padding-inline:0;}

.workContract-wrap .sign-area													{padding-block:15px;}


.workContract-wrap > .beGrid.noGap										{display:inherit; row-gap:0;}

.workContract-wrap > div > h1 ~ section,
.workContract-wrap > .beGrid.noGap > section						{margin-block:20px; margin-block:30px;}

.layer-conts .workContract-wrap > div > h1 ~ section dl.beFlex,
.conts-wrap .workContract-wrap > div > h1 ~ section dl.beFlex,
.workContract-wrap > .beGrid.noGap dl.beFlex						{column-gap:5px;}

.layer-conts .workContract-wrap > div > h1 ~ section dl.beFlex > dt,
.conts-wrap .workContract-wrap > div > h1 ~ section dl.beFlex > dt,
.workContract-wrap > .beGrid.noGap dl.beFlex > dt				{flex:0 0 auto; line-height:1;}

.workContract-wrap > div > h1 ~ section div + dl,
.workContract-wrap > div > h1 ~ section dl + div,
.workContract-wrap > div > h1 ~ section dl + dl,
.workContract-wrap > .beGrid.noGap div + dl,
.workContract-wrap > .beGrid.noGap dl + div,
.workContract-wrap > .beGrid.noGap dl + dl							{margin-block:15px 0;}

.workContract-wrap > div > h1 ~ section > dl > dt + dd,
.workContract-wrap > .beGrid.noGap section > dl > dt + dd									{margin-top:10px;}

.workContract-wrap > div > h1 ~ section div + div,
.workContract-wrap > .beGrid.noGap div + div								{margin-block:18px 0;}

.workContract-wrap > div > h1 ~ section .set-wrap > dl + dl,
.workContract-wrap > .beGrid.noGap .set-wrap > dl + dl						{margin-block:10px 15px;}

.layer-conts .workContract-wrap > div > h1 ~ section .set-wrap > dl > dt,
.conts-wrap .workContract-wrap > div > h1 ~ section .set-wrap > dl > dt,
.workContract-wrap > .beGrid.noGap .set-wrap > dl > dt						{flex:0 0 58px;}

.workContract-wrap > div > h1 ~ section > dl dd div > font,
.workContract-wrap > .beGrid.noGap section > dl dd div > font				{line-height:1.8;}




/* 계약 서명하기 팝업 */
.signature-wrap.beGrid									{grid-template-rows:1fr auto; row-gap:5px;}

.signature-wrap a.reset									{padding-block:5px; color:#BFC7D5; font:14px / 1 "PretendardM"; transition:.2s;}
.signature-wrap a.reset > i							{aspect-ratio:1 / 1; width:20px; background:url('/images/icon/svg/i_reset_both.svg') no-repeat center; opacity:.3; transition:.2s;}
.signature-wrap a.reset.on							{color:#333;}
.signature-wrap a.reset.on > i						{opacity:1;}
.signature-wrap a.reset.beFlex					{column-gap:5px;}

.signature p,
.signature canvas								{position:absolute; inset:0; width:100%; height:100%;}
.signature p											{padding:30px 40px; background-color:#F8FAFC;}
.signature p.beGrid								{place-items:center;}

.signature.on p									{position:inherit;}
.signature.on p > img							{max-height:230px;}

.signature > div									{position:relative; background-color:#F8FAFC; border-radius:10px; border:1px solid #D7DCE5; overflow:hidden; min-height:250px;}
.signature > div:before						{content:"서명"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font:24px / 1 "PretendardR"; color:#8B93A1;}

.signature-wrap .signature:focus-within > div					{border-color:#475067;}

.signature-wrap .signature.on > div:before,
.signature-wrap .signature:focus-within > div:before				{display:none;}

.oneHada .title-borderInfo > .beGrid > .signature-wrap.beGrid						{padding:0 !important; border:0 !important;}

.layerView .w980 .signature-wrap p,
.layerView .w1045 .signature-wrap p																	{padding-block:60px;}

.conts-wrap .detail_info .title-borderInfo .hasHeader .hasAdds .signature-wrap p > img,
.layerView .w980 .signature-wrap p > img,
.layerView .w1045 .signature-wrap p > img																						{max-width:400px;}


/* 근로계약수정/용역계약수정 팝업 */
.layerView.oneHada .w1080 .inputs-wrap dd.beFlex .wrap-select					{flex:0 0 320px;}


/* 근로계약갱신/용역계약갱신 팝업 */
.layerView.oneHada .w1200 .title-borderInfo .inputs-wrap dl.verify-check .hasSwitchNoti > .hasSlideSwitch					{flex:0 0 23%;}
.layerView.oneHada .w1200 .title-borderInfo .inputs-wrap dl.verify-check .hasSwitchNoti > .hasSlideSwitch + .noti		{flex:1 1 0; margin-inline:10px 0;}


/* 시간선택 팝업 */
.timePicker-wrap ol						{overflow-y:auto; display:grid; row-gap:5px; max-height:220px;}
.timePicker-wrap ol > li					{min-height:40px; position:relative;}
.timePicker-wrap ol > li > a				{position:absolute; inset:0; width:100%; height:100%; display:grid; place-items:center; font:14px / 1 "PretendardM";}

/*
.timePicker-wrap ol:before,
.timePicker-wrap ol:after						{content:""; position:absolute; left:50%; transform:translateX(-50%); width:87%; height:60px; z-index:1;}
.timePicker-wrap ol:before					{top:0; background-image:linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0));}
.timePicker-wrap ol:after						{bottom:0; background-image:linear-gradient(to top, rgba(255,255,255,1),rgba(255,255,255,0));}
*/

.timePicker-wrap > .beFlex														{column-gap:20px;}
.timePicker-wrap > .beFlex > div												{flex:1 1 0;}
.timePicker-wrap > .beFlex > div > span								{position:relative;}
/* .timePicker-wrap > .beFlex > div > span:after						{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:85%; height:40px; border:1px solid #171717; border-radius:8px; margin-left:-2px;} */
/*
.timePicker-wrap > .beFlex > div > span:before,
.timePicker-wrap > .beFlex > div > span:after										{content:""; position:absolute; left:50%; transform:translateX(-50%); width:87%; height:60px; z-index:0;}
.timePicker-wrap > .beFlex > div > span:before									{top:0; background-image:linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0));}
.timePicker-wrap > .beFlex > div > span:after										{bottom:0; background-image:linear-gradient(to top, rgba(255,255,255,1),rgba(255,255,255,0));}
*/

.timePicker-wrap > .beFlex > div > span > strong										{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:85%; height:40px; border:1px solid #171717; border-radius:8px; margin-left:-2px; z-index:-1; box-shadow:0 4px 8px 0 rgba(0,0,0,.075);}

.timePicker-wrap .beGrid.twoCol > p.alignCenter:first-child					{border-bottom:1px solid #171717; padding-block:5px 15px; margin-bottom:15px;}


/* 급여명세서 팝업 */
.layerView.oneHada .title-borderInfo h2 .btn-wrap.beFlex										{column-gap:10px;}
.layerView.oneHada .title-borderInfo h2 .btn-wrap.beFlex  > button					{border:1px solid #D7DCE5; color:#171717; font-family:"PretendardM";}


/* 급여계약정보/용역비계약정보 팝업 */
.beBg.txts-wrap .title + .beFlex.threeCol													{column-gap:40px;}
.beBg.txts-wrap .title + .beFlex.threeCol > dl											{font:14px / 1 "PretendardR"; padding-block:10px;}
.beBg.txts-wrap .title + .beFlex.threeCol > dl dd									{margin-top:15px;}
.beBg.txts-wrap .title + .beFlex.threeCol > dl dd b									{font-family:"PretendardB"; margin-right:10px;}


/* 출근관리 */
.oneHada .itemInfo-wrap dl														{padding-inline:30px; font:16px / 1 "PretendardR";}
.oneHada .itemInfo-wrap dl:first-child										{padding-inline:0 30px;}
.oneHada .itemInfo-wrap dl + dl												{position:relative;}
.oneHada .itemInfo-wrap dl + dl:before									{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#dadada;}

.oneHada .itemInfo-wrap dl.beFlex													{column-gap:20px; font:16px / 1 "PretendardR";}
.oneHada .itemInfo-wrap dl.beFlex > dt											{flex:none;}
.oneHada .itemInfo-wrap dl.beFlex > dd > font:only-child			{padding-right:0; font-family:"PretendardSB";}

.oneHada .itemInfo-wrap dl.beFlex dd.hasWon > font						{padding-inline:13px;}


/* 업무현황 */
.dayOffCal-wrap > div,
.workStatusCal-wrap > div																			{border:1px solid #D7DCE5;}

.dayOffCal-wrap > .beGrid,
.workStatusCal-wrap > .beGrid																	{grid-template-rows:auto 1fr; height:100%;}

.dayOffCal-wrap .cal-head,
.workStatusCal-wrap .cal-head																	{min-height:72px; padding-inline:36px; border-bottom:1px solid #D7DCE5; margin-block:0;}

.dayOffCal-wrap .cal-head > .btn-wrap:first-child,
.workStatusCal-wrap .cal-head > .btn-wrap:first-child							{height:auto; border:1px solid #D7DCE5; border-radius:6px; position:relative; background-color:#D7DCE5; overflow:hidden;}

.dayOffCal-wrap .cal-head > .btn-wrap:first-child > a,
.workStatusCal-wrap .cal-head > .btn-wrap:first-child > a					{aspect-ratio:1 / 1; width:32px; flex:0 0 32px; border:0; background-repeat:no-repeat; background-position:center; background-color:#fff; border-radius:0; min-width:32px !important; border:0 !important; border-radius: 0 !important;}

.dayOffCal-wrap .cal-head > .btn-wrap:first-child > a:first-child,
.workStatusCal-wrap .cal-head > .btn-wrap:first-child > a:first-child				{background-image:url('/images/icon/svg/i_leftArrow.svg');}

.dayOffCal-wrap .cal-head > .btn-wrap:first-child > a:last-child,
.workStatusCal-wrap .cal-head > .btn-wrap:first-child > a:last-child				{background-image:url('/images/icon/svg/i_rightArrow.svg');}

.dayOffCal-wrap .cal-head > .btn-wrap.beFlex:first-child,
.workStatusCal-wrap .cal-head > .btn-wrap.beFlex:first-child				{column-gap:1px;}

.dayOffCal-wrap .cal-head.beFlex,
.workStatusCal-wrap .cal-head.beFlex														{column-gap:14px;}

.dayOffCal-wrap .cal-head button.toDay,
.workStatusCal-wrap .cal-head button.toDay										{font:12px / 1 "PretendardM"; min-height:32px; min-width:52px; border:1px solid #D7DCE5; border-radius:6px; background-color:#fff;}

.dayOffCal-wrap .cal-head > em,
.workStatusCal-wrap .cal-head > em														{font:18px / 1 "PretendardB"; margin-inline:16px;}

.dayOffCal-wrap .calWrap-info,
.workStatusCal-wrap .calWrap-info																{position:relative; overflow-x:hidden;}

.calWrap-info.beFlex  > span											{flex:1 1 0; transition:.35s ease;}
.calWrap-info.beFlex .info-wrap										{flex:0 0 450px; flex:0 0 0;}

.calWrap-info .calendar-wrap.beGrid,
.calWrap-info .calendar-wrap.beGrid						{grid-template-rows:auto 1fr; height:100%;}

.calWrap-info .calendar-wrap > .beGrid						{height:100%; gap:1px; grid-template-columns:repeat(7, 1fr); grid-template-rows:repeat(6, 1fr); grid-template-rows:repeat(6, minmax(180px, 1fr)); grid-template-rows:repeat(6, minmax(180px, max-content)); grid-template-rows:none; grid-auto-rows:minmax(180px, min-content); gap:0;}
.calWrap-info .calendar-wrap > .beGrid.fiveRow				{grid-template-rows:repeat(5, minmax(180px, max-content));}

.calWrap-info .calendar-wrap > ol								{background-color:#D7DCE5; background-color:#fff;}
.calWrap-info .calendar-wrap > ol > li							{background-color:#fff; padding:8px; font-size:13px; font-family:"PretendardR"; position:relative; padding:0; transition:.2s; border-width:0 1px 1px 0; border-style:solid; border-color:#D7DCE5;}
.calWrap-info .calendar-wrap > ol > li.off em									{opacity:.3;}

.calWrap-info .calendar-wrap > ol > li > a:before												{content:""; position:absolute; inset:0; width:100%; height:100%; z-index:-1; border:2px solid transparent; transition:.2s;}
.calWrap-info .calendar-wrap > ol > li.on > a:before											{z-index:0; border-color:#2D67FF;}

.calWrap-info .calendar-wrap > ol > li.off.on > a:before,
.calWrap-info .calendar-wrap > ol > li.off > a:before											{display:none;}

.calWrap-info .calendar-wrap > ol > li.holiday em,
.calWrap-info .calendar-wrap > ol > li:nth-child(7n + 1) em					{color:#E85E36;}

.calWrap-info .calendar-wrap > ol.day > li.on,
.calWrap-info .calendar-wrap > ol.day > li:hover									{background-color:#F8FAFC;}
.calWrap-info .calendar-wrap > ol.day > li.off.on,
.calWrap-info .calendar-wrap > ol.day > li.off:hover									{background-color:#fff;}

.calWrap-info .calendar-wrap > ol > li.toDay em							{color:#fff; position:relative; z-index:0;}
.calWrap-info .calendar-wrap > ol > li.toDay em:before				{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:50%; width:24px; aspect-ratio:1 / 1; background-color:#2D67FF; z-index:-1;}

.calWrap-info .calendar-wrap > ol > li > a					{position:absolute; inset:0; height:100%; width:100%; padding:8px; position:inherit;}
.calWrap-info .calendar-wrap > ol > li > a.beGrid		{align-content:start; grid-template-rows:auto 1fr; row-gap:10px;}

.calWrap-info .calendar-wrap > ol > li .add			{text-indent:-9999px; aspect-ratio:1 / 1; width:15px; flex:0 0 14px; background-color:transparent; position:relative;}
.calWrap-info .calendar-wrap > ol > li .add:before,
.calWrap-info .calendar-wrap > ol > li .add:after					{content:""; position:absolute; left:50%; top:50%; width:12px; height:1px; background-color:#D7DCE5;}
.calWrap-info .calendar-wrap > ol > li .add:before				{transform:translate(-50%, -50%) rotate(90deg);}
.calWrap-info .calendar-wrap > ol > li .add:after					{transform:translate(-50%, -50%);}

.dayOffCal-wrap .calWrap-info .calendar-wrap > ol > li .add						{display:none;}

.calWrap-info .calendar-wrap > ol > li  ul							{font:12px / 1 "PretendardM"; color:#171717;}
.calWrap-info .calendar-wrap > ol > li  ul.beGrid				{row-gap:8px; align-content:start;}

.calWrap-info .calendar-wrap > ol > li  ul li							{overflow:hidden; white-space:nowrap;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex			{column-gap:5px; flex-wrap:nowrap;}

.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i					{aspect-ratio:1 / 1; flex:0 0 16px; width:16px; border-radius:50%; background-color:#f0f0f0;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.sch			{background:#475067 url('/images/icon/svg/i_user.svg') no-repeat center;}

.info-wrap > .beGrid > ul li .badge.wor,
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.wor			{background:#FD8300 url('/images/icon/svg/i_sheet.svg') no-repeat center;}

.dayOffCal-wrap .calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i						{background-color:transparent;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.day												{background:url('/images/icon/svg/i_cal_day.svg') no-repeat center;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.am												{background:url('/images/icon/svg/i_cal_am.svg') no-repeat center;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.pm												{background:url('/images/icon/svg/i_cal_pm.svg') no-repeat center;}
.calWrap-info .calendar-wrap > ol > li  ul li .beFlex > i.off													{background:url('/images/icon/svg/i_cal_off.svg') no-repeat center;}


.calWrap-info .calendar-wrap > .beGrid.week				{grid-template-rows:repeat(1, auto); height:auto;}
.calWrap-info .calendar-wrap > .week > li					{padding-block:4px; color:#D7DCE5; padding-inline:8px; border-width:0 1px 0 0;}
.calWrap-info .calendar-wrap > .week > li:last-child					{border-width:0 0 0 0;}

.calWrap-info .calendar-wrap > .day > li:nth-child(7n)				{border-width:0 0 1px 0;}


.calWrap-info .info-wrap													{/* position:absolute; top:0; left:100%; width:450px; */ transition:.35s; overflow:hidden;}
.calWrap-info .info-wrap.on												{position:inherit; top:inherit; left:inherit; flex:0 0 450px;}

.calWrap-info .info-wrap > div											{min-width:450px; margin-right:-450px; display:grid; transition:.25s; position:absolute;}

.calWrap-info.beFlex .info-wrap.on > div						{border-left:1px solid #D7DCE5;  margin-right:0;}

.calWrap-info .info-wrap > div > *									{opacity:0; transition:.3s;}
.calWrap-info .info-wrap.on > div > *								{opacity:1;} 

.calWrap-info .info-wrap > .beGrid										{grid-template-rows:72px 1fr; height:100%;}

.calWrap-info .info-wrap > .beGrid > .beFlex.farAway:first-child					{border-bottom:1px solid #D7DCE5;}
.calWrap-info .info-wrap .beFlex.farAway:first-child > em					{font:18px / 1 "PretendardB"; color:#000; white-space:nowrap; width:0;}
.calWrap-info .info-wrap .beFlex.farAway:first-child > em > font			{opacity:0; transition:.25s;}

.calWrap-info .info-wrap .beFlex.farAway:first-child .close					{aspect-ratio:1 / 1; position:relative;}
.calWrap-info .info-wrap .beFlex.farAway:first-child .close:before,
.calWrap-info .info-wrap .beFlex.farAway:first-child .close:after					{content:""; position:absolute; left:50%; top:50%; width:1px; height:27px; background-color:#202224;}
.calWrap-info .info-wrap .beFlex.farAway:first-child .close:before					{transform:translate(-50%, -50%) rotate(45deg);}
.calWrap-info .info-wrap .beFlex.farAway:first-child .close:after					{transform:translate(-50%, -50%) rotate(-45deg);}

.calWrap-info .info-wrap .beFlex.farAway:first-child .btn-wrap:nth-last-child(2)					{margin-inline:auto 28px;}
.calWrap-info .info-wrap .beFlex.farAway:first-child .btn-wrap > button									{min-height:40px; height:auto; min-width:90px;}

.calWrap-info .info-wrap.on > .beGrid > .beFlex.farAway:first-child								{padding-inline:20px;}

.calWrap-info .info-wrap.on .beFlex.farAway:first-child > em								{width:auto;}
.calWrap-info .info-wrap.on .beFlex.farAway:first-child > em > font					{opacity:1;}

.calWrap-info .info-wrap.on .beFlex.farAway:first-child .close						{flex:0 0 24px;}


.calWrap-info .info-wrap ul										{overflow-y:auto; position:absolute; inset:72px 0 0; width:100%;}
.calWrap-info .info-wrap ul > li								{min-height:88px; border-bottom:1px solid #D7DCE5; padding:20px 0; transition:.2s;}
.calWrap-info .info-wrap ul > li:hover					{cursor:pointer; background-color: #F8FAFC;}
/*.workStatusCal-wrap .calWrap-info .info-wrap ul > li + li							{border-top:1px solid #D7DCE5;} */
.calWrap-info .info-wrap.on ul > li							{padding-inline:20px;}

.calWrap-info .info-wrap ul > li.beGrid					{row-gap:8px; align-content:start;}
.calWrap-info .info-wrap ul > li.beGrid > .beGrid,
.calWrap-info .info-wrap ul > li.beGrid > .beFlex			{column-gap:15px;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex > span			{flex:1 1 0; font-size:14px; font-family:"PretendardR"; color:#888992;}
.calWrap-info .info-wrap ul > li.beGrid > .beFlex > span.time				{flex:0 0 38px; flex:0 0 40px; text-align:right;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex > span font						{line-height:1.2;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child								{flex-wrap:nowrap;}
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child > span				{font-family:"PretendardSB"; color:#171717;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex:not(:first-child) > span:only-child,
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:nth-child(2) > span:nth-child(2),
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child > span:nth-child(2) > span 					{display:table; table-layout:fixed; width:100%;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex:not(:first-child) > span:only-child > font,
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:nth-child(2) > span:nth-child(2) > font,
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child > span:nth-child(2) > span > font			{display:table-cell; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex:not(:first-child) > span:only-child > font,
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:nth-child(2) > .time + span > font						{padding-right:13%; padding-right:47px;}

.calWrap-info .info-wrap ul > li.beGrid.hasWork > .beFlex:not(:first-child) > span:only-child > font,
.calWrap-info .info-wrap ul > li.beGrid.hasWork > .beFlex:nth-child(2) > span:nth-child(2) > font						{padding-right:0;}

.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child > span.beFlex								{column-gap:10px; padding-inline:inherit; border-bottom:inherit;}
.calWrap-info .info-wrap ul > li.beGrid > .beFlex:first-child > span.beFlex .badge					{flex:0 0 auto;}

.calWrap-info .info-wrap ul > li.beGrid .beFlex.farAway .badge + .badge					{margin-left:0;}


.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge													{min-height:18px; border-radius:9px; font-size:10px; padding-inline:0; min-width:38px;}
.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.onlyIcon								{min-width: 16px; min-height:16px; border-radius:50%; aspect-ratio:1 / 1;}
.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.hasIcon									{font-family:"PretendardSB"; white-space:nowrap; min-width:34px; padding-inline:18px 5px; background-position:5px center; background-repeat:no-repeat;}
.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.hasIcon.person					{background-image:url('/images/icon/svg/i_user_bk.svg');}
.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.hasIcon.person.bgLightBl					{background-image:url('/images/icon/svg/i_user_bl.svg');}

.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.bgLightGray							{background-color:#F4F4F5; color:#475067;}
.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge.bgLightBl								{background-color:#EFF5FF; color:#2D67FF;}

.oneHada .calWrap-info .info-wrap > .beGrid > ul li .badge:nth-last-child(2)					{margin-left:auto;}

.oneHada .calWrap-info .info-wrap > .beGrid > ul li font.blue												{color:#2D67FF;}


/* 입금확인 팝업 */
.paymentConfirm-info dl						{font:16px / 1 "PretendardM"; padding-inline:20px;}
.paymentConfirm-info > dl:first-child				{padding-inline:0 20px;}
.paymentConfirm-info > dl + dl										{position:relative;}
.paymentConfirm-info > dl + dl:before							{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dadada;}

.paymentConfirm-info dl > dt				{font-family:"PretendardR"; color:#475067;}
.paymentConfirm-info dl > dd.beFlex						{column-gap:10px;}
.paymentConfirm-info dl > dd font									{font-family:"PretendardSB";}

.layerView .paymentConfirm-info > dl.beFlex						{column-gap:25px;}
.layerView .paymentConfirm-info > dl.beFlex > dt				{flex:none;}

.layerView .layer-conts > .beGrid > .beFlex.farAway > .beFlex.btn-wrap:last-child > button				{height:auto; min-height:40px;}


/* 현금영수증 */
.cashReceipt-wrap .title-borderInfo .beGrid dl.beFlex,
.cashReceipt-wrap dl.beFlex												{min-height:50px; column-gap:0; color:#171717;}

.cashReceipt-wrap .cashReceipt-topInfo dl.beFlex			{min-height:inherit;}

.taxInvoice-wrap .taxInvoice-topInfo dl.beFlex dd.hasPosi > font:last-of-type,
.cashReceipt-wrap .cashReceipt-topInfo dl.beFlex dd.hasPosi > font:last-of-type					{padding-inline:15px 10px;}

.taxInvoice-wrap .taxInvoice-topInfo dl.beFlex dd.hasPosi	> a:last-child,
.cashReceipt-wrap .cashReceipt-topInfo dl.beFlex dd.hasPosi	> a:last-child							{width:16px; height:16px; aspect-ratio: 1 / 1; background: url('/images/icon/svg/i_posi.svg') no-repeat center;}

.cashReceipt-wrap dl.beFlex > dt										{padding-inline:13px; color:#171717 !important; align-content:center;}
.cashReceipt-wrap dl.beFlex > dd										{padding-inline:10px; padding-block:12px; align-content:center;}
.cashReceipt-wrap dl.beFlex > dd > font							{line-height:1.2;}

/* .cashReceipt-wrap dl.beFlex.midAlign > dt, */
.cashReceipt-wrap dl.beFlex > dd.topAlign						{align-content:start; padding-block:12px;}

.cashReceipt-wrap h2 ~ .beGrid dl.beFlex									{min-height:50px;}

.cashReceipt-wrap .beGrid.lightRed dl.beFlex > dt		{background-color:#FEF1F1;}
.cashReceipt-wrap .beGrid.lightRed dl.beFlex > dd		{background-color:#fff;}
.cashReceipt-wrap .beGrid.lightRed dl.beFlex + dl.beFlex				{border-top:1px solid #F87573;}

.cashReceipt-wrap .beGrid.lightRed dl.beFlex > dt:not(:first-child),
.cashReceipt-wrap .beGrid.lightRed dl.beFlex.right,
.cashReceipt-wrap .beGrid.lightRed dl.beFlex > dt + dd					{border-left:1px solid #F87573;}

.cashReceipt-wrap .beGrid.lightCyan dl.beFlex > dt		{background-color:#EDF8F7;}
.cashReceipt-wrap .beGrid.lightCyan dl.beFlex > dd		{background-color:#fff;}
.cashReceipt-wrap .beGrid.lightCyan dl.beFlex + dl.beFlex				{border-top:1px solid #B0D2D7;}

.cashReceipt-wrap .beGrid.lightCyan dl.beFlex > dt:not(:first-child),
.cashReceipt-wrap .beGrid.lightCyan dl.beFlex.right,
.cashReceipt-wrap .beGrid.lightCyan dl.beFlex > dt + dd					{border-left:1px solid #B0D2D7;}

.cashReceipt-wrap .beGrid dl.beFlex + dl.beFlex.right:nth-child(2)						{border-top:0;}

.cashReceipt-wrap .title-borderInfo .beGrid					{/* overflow:hidden; */}
.cashReceipt-wrap .title-borderInfo .beGrid.twoCol > dl.beFlex:nth-child(1) > dt						{border-radius:8px 0 0 0;}
.cashReceipt-wrap .title-borderInfo .beGrid.twoCol > dl.beFlex.spanTwoCol:first-child > dd,
.cashReceipt-wrap .title-borderInfo .beGrid.twoCol > dl.beFlex:nth-child(2) > dd					{border-radius:0 8px 0 0;}	

.cashReceipt-wrap .title-borderInfo .beGrid.twoCol > dl.beFlex.spanTwoCol:last-child > dt:first-child			{border-radius:0 0 0 8px;}
.cashReceipt-wrap .title-borderInfo .beGrid.twoCol > dl.beFlex.spanTwoCol:last-child > dd		{border-radius:0 0 8px 0;}

.oneHada .layer-conts .cashReceipt-wrap .title-borderInfo > .beGrid > h2 ~ .beGrid,
.oneHada .cashReceipt-wrap .title-borderInfo > .beGrid > h2 ~ .beGrid									{gap:0;}


.cashReceipt-wrap.edit dl.beFlex.edit > dd																{padding:4px 5px;}
.cashReceipt-wrap.edit dl.beFlex.edit > dd .beFlex.wrapRadio-wrap				{gap:0;}

.cashReceipt-wrap.edit dl.beFlex > dd input															{padding-inline:12px;}


/* 휴무관리 */
.dayOffCal-wrap .cal-head .calIcon-info:last-child					{margin-inline:auto  0;}

.dayOffCal-wrap .cal-head .calIcon-info.beFlex						{column-gap:20px;}
.dayOffCal-wrap .cal-head .calIcon-info > font						{font-family:"PretendardM"; padding-inline:18px 0; position:relative;}
.dayOffCal-wrap .cal-head .calIcon-info > font:after				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); aspect-ratio:1 / 1; width:12px; background-position:center; background-repeat:no-repeat;}
.dayOffCal-wrap .cal-head .calIcon-info > font.day:after			{background-image:url('/images/icon/svg/i_cal_day.svg');}
.dayOffCal-wrap .cal-head .calIcon-info > font.am:after			{background-image:url('/images/icon/svg/i_cal_am.svg');}
.dayOffCal-wrap .cal-head .calIcon-info > font.pm:after			{background-image:url('/images/icon/svg/i_cal_pm.svg');}
.dayOffCal-wrap .cal-head .calIcon-info > font.off:after			{background-image:url('/images/icon/svg/i_cal_off.svg');}

.calWrap-info .info-wrap > .beGrid > ul li > .beFlex > .hasPhoto										{flex:0 0 40px;}
.calWrap-info .info-wrap > .beGrid > ul li > .beFlex > .hasPhoto .photo-wrap > p		{background-image: url('/images/file/nophoto-image.png'); cursor: default; border: 0;}

.calWrap-info .info-wrap > .beGrid > ul li > .beFlex > .hasPhoto .photo-wrap.noApp:after					{width:12px;}

.calWrap-info .info-wrap > .beGrid > ul li a.delete					{display:block; aspect-ratio:1 / 1; width:30px; border:1px solid #d2d2d2; border-radius:8px; background:url('/images/icon/i_trash_can.png') no-repeat center;}
.calWrap-info .info-wrap > .beGrid > ul li .hasPhoto + dl.beGrid						{grid-template-columns:none; grid-auto-flow:row; margin-inline:10px auto;}

.calWrap-info .info-wrap > .beGrid > ul li .mem-info.beFlex							{column-gap:5px;}
.calWrap-info .info-wrap > .beGrid > ul li .mem-info dl.beGrid dt > font				{font:16px / 1 "PretendardSB"; color:#171717;}
.calWrap-info .info-wrap > .beGrid > ul li .mem-info dl.beGrid dd font					{padding-inline:9px; line-height:1; /* white-space:nowrap; */}
.calWrap-info .info-wrap > .beGrid > ul li .mem-info i.badge									{border-radius:4px; font-size:12px; min-height:20px;}

.calWrap-info .info-wrap > .beGrid > ul li .mem-info .beFlex > i.badge					{flex:0 0 37px;}


.layer-conts .dayOffCal-wrap > div										{border-radius:8px; overflow:hidden;}

.workStatusCal-wrap.sm .cal-head,
.dayOffCal-wrap.sm .cal-head,
.layer-conts .dayOffCal-wrap .cal-head												{min-height:60px; padding-inline:20px;}

.dayOffCal-wrap .cal-head .toDay:last-child									{margin-inline:auto 0; height:auto;}

.workStatusCal-wrap.sm .cal-head .toDay:last-child,
.dayOffCal-wrap.sm .cal-head .toDay:last-child								{padding-inline:12px;}

.workStatusCal-wrap.sm .cal-head > em,
.dayOffCal-wrap.sm .cal-head > em,
.layer-conts .dayOffCal-wrap .cal-head > em									{font-size:16px;}

.inputs-wrap dl dd .workStatusCal-wrap.sm .calWrap-info .calendar-wrap > .beGrid.fiveRow.day,
.inputs-wrap dl dd .dayOffCal-wrap.sm .calWrap-info .calendar-wrap > .beGrid.fiveRow.day,
.layer-conts .inputs-wrap dl dd .calWrap-info .calendar-wrap > .beGrid.fiveRow.day						{grid-template-rows:repeat(5, minmax(80px, max-content));}

.inputs-wrap dl dd .workStatusCal-wrap.sm .calWrap-info .calendar-wrap > .beGrid.day,
.inputs-wrap dl dd .dayOffCal-wrap.sm .calWrap-info .calendar-wrap > .beGrid.day,
.layer-conts .inputs-wrap dl dd .dayOffCal-wrap .calWrap-info .calendar-wrap > .beGrid.day				{grid-auto-rows:minmax(80px, max-content);}



/* 계좌거래내역 */
.layer-conts .docuView-wrap												{padding:30px 50px;}

.docuView-wrap > .beGrid													{grid-template-rows:60px 1fr;}

.docuView-wrap > .beGrid > .beGrid									{row-gap:20px;}

.docuView-wrap > .beGrid > h2:first-child						{font:22px / 1 "PretendardB";}

.oneHada .docuView-wrap dl.beFlex										{font:19px / 1 "PretendardR"; color:#484B51; padding-block:5px;}
.oneHada .docuView-wrap dl dd.beFlex								{column-gap:8px;}

.docuView-wrap dl.beFlex > dt											{font-size:17px;}
.docuView-wrap dl.beFlex dd > font									{font:19px / 1 "PretendardSB"; color:#0B0C0E;}

.docuView-wrap dl.primary.beFlex													{border-bottom:1px solid #26282C; padding-block:25px;}
.docuView-wrap dl.primary.beFlex dd > font								{font:24px / 1 "PretendardSB";}

.docuView-wrap .beGrid.beBg:last-child																{margin-block:20px 0; padding-block:20px;}
.docuView-wrap .beGrid.beBg:last-child ul															{font:17px / 1 "PretendardR"; color:#484B51;}
.docuView-wrap .beGrid.beBg:last-child ul li														{line-height:1.6;}


/* 재직증명서 */ /* 사직서제출 */ /* 해고통지서 */ /* 시말서 */
.dismissNoti,
.resignLetter,
.certifiEmploy									{padding-bottom:50px;}

.careerCertify .beGrid,
.writtenExplane .beGrid,
.dismissNoti .beGrid,
.resignLetter .beGrid,
.certifiEmploy .beGrid					{display:grid;}

.careerCertify .beFlex,
.writtenExplane .beFlex,
.dismissNoti .beFlex,
.resignLetter .beFlex,
.certifiEmploy .beFlex					{display:flex; align-items:stretch;}

.wrap.careerCertify > .beGrid,
.wrap.writtenExplane > .beGrid,
.wrap.resignLetter > .beGrid						{grid-template-rows:inherit;}

.dismissNoti > .beGrid,
.certifiEmploy > .beGrid					{grid-template-rows:auto 1fr; width:100%; row-gap:25px;}

.dismissNoti > .beGrid > .alignCenter:first-child,
.certifiEmploy > .beGrid > .alignCenter:first-child					{font:18px / 1 "PretendardB"; color:#000;}

.dismissNoti > .beGrid > .beGrid,
.certifiEmploy > .beGrid > .beGrid					{row-gap:20px;}

.careerCertify > .beGrid > .beGrid > dl,
.writtenExplane > .beGrid > .beGrid > dl,
.dismissNoti > .beGrid > .beGrid > dl,
.resignLetter > .beGrid > .beGrid > dl,
.certifiEmploy > .beGrid > .beGrid > dl			{font-size:14px;}

.careerCertify > .beGrid > .beGrid > dl > dt,
.writtenExplane > .beGrid > .beGrid > dl > dt,
.dismissNoti > .beGrid > .beGrid > dl > dt,
.resignLetter > .beGrid > .beGrid > dl > dt,
.certifiEmploy > .beGrid > .beGrid > dl > dt				{color:#000; font-family:"PretendardB"; border-bottom:1px solid #000; padding-block:5px;}

.careerCertify dl.beFlex,
.writtenExplane dl.beFlex,
.dismissNoti dl.beFlex,
.resignLetter dl.beFlex,
.certifiEmploy dl.beFlex									{border-bottom:1px solid rgba(80,88,102,.2);}

.careerCertify dl.beFlex font,
.writtenExplane dl.beFlex font,
.dismissNoti dl.beFlex font,
.resignLetter dl.beFlex font,
.certifiEmploy dl.beFlex font							{line-height:1.2;}

.careerCertify dl.beFlex > dt,
.careerCertify dl.beFlex > dd,
.writtenExplane dl.beFlex > dt,
.writtenExplane dl.beFlex > dd,
.dismissNoti dl.beFlex > dt,
.dismissNoti dl.beFlex > dd,
.resignLetter dl.beFlex > dt,
.resignLetter dl.beFlex > dd,
.certifiEmploy dl.beFlex > dt,
.certifiEmploy dl.beFlex > dd							{padding-block:13px 12px; padding-inline:15px; min-height:40px;}

.careerCertify > div.beGrid > div.beGrid > div > dl.beFlex > dd > font,
.certifiEmploy > div.beGrid > div.beGrid > div > dl.beFlex > dd > font,
.careerCertify > div.beGrid > div.beGrid > dl.beFlex > dd > font,
.writtenExplane > div.beGrid > div.beGrid > dl.beFlex > dd > font,
.dismissNoti > div.beGrid > div.beGrid > dl.beFlex > dd > font,
.resignLetter > div.beGrid > div.beGrid > dl.beFlex > dd > font,
.certifiEmploy > div.beGrid > div.beGrid > dl.beFlex > dd > font									{padding-inline:15px;}

.careerCertify dl.beFlex > dt,
.writtenExplane dl.beFlex > dt,
.dismissNoti dl.beFlex > dt,
.resignLetter dl.beFlex > dt,
.certifiEmploy dl.beFlex > dt							{flex:0 0 25%; background-color:#F5F7F9; border-right:1px solid rgba(80,88,102,.2); align-content:center;}

.careerCertify dl.beFlex > dd,
.certifiEmploy dl.beFlex > dd							{align-content:center;}

.careerCertify dl.beFlex > dt.reduPB,
.certifiEmploy dl.beFlex > dt.reduPB				{padding-block:5px 4px;}

.careerCertify > .beGrid p.beGrid,
.writtenExplane > .beGrid p.beGrid,
.dismissNoti > .beGrid p.beGrid,
.resignLetter > .beGrid p.beGrid,
.certifiEmploy > .beGrid p.beGrid					{row-gap:25px; font:14px / 1.2 "PretendardM"; color:#000;}

.careerCertify > .beGrid p.beGrid > b,
.writtenExplane > .beGrid p.beGrid > b,
.dismissNoti > .beGrid p.beGrid > b,
.resignLetter > .beGrid p.beGrid > b,
.certifiEmploy > .beGrid p.beGrid > b				{font-family:"PretendardB";}

.careerCertify > .beGrid ul.beGrid,
.writtenExplane > .beGrid ul.beGrid,
.dismissNoti > .beGrid ul.beGrid,
.resignLetter > .beGrid ul.beGrid,
.certifiEmploy > .beGrid ul.beGrid				{row-gap:10px; color:#000; font:14px "PretendardM";}

.careerCertify > .beGrid ul.beGrid b,
.writtenExplane > .beGrid ul.beGrid b,
.dismissNoti > .beGrid ul.beGrid b,
.resignLetter > .beGrid ul.beGrid b,
.certifiEmploy > .beGrid ul.beGrid b		{font-family:"PretendardB";}

.careerCertify ul.beGrid .floatRight,
.writtenExplane ul.beGrid .floatRight,
.dismissNoti ul.beGrid .floatRight,
.resignLetter ul.beGrid .floatRight,
.certifiEmploy ul.beGrid .floatRight		{position:relative; text-align:right; color:rgba(0,0,0,.5);}

.careerCertify .companySeal,
.writtenExplane .companySeal,
.dismissNoti .companySeal,
.resignLetter .companySeal,
.certifiEmploy .companySeal					{position:absolute; top:-8px; right:30px; min-width:40px; min-height:40px; background-repeat:no-repeat; background-position:center; background-size:cover; display:flex; justify-content:flex-end;}

.careerCertify .companySeal > img,
.writtenExplane .companySeal > img,
.dismissNoti .companySeal > img,
.resignLetter .companySeal > img,
.certifiEmploy .companySeal > img		{max-width:250%; max-height:40px;}

.careerCertify .beGrid.twoCol,
.certifiEmploy .beGrid.twoCol					{grid-template-columns:1fr 1fr;}

.careerCertify .beGrid.twoCol .colspan2,
.certifiEmploy .beGrid.twoCol .colspan2					{grid-column:span 2;}


.careerCertify.download.beFlex-col,
.writtenExplane.download.beFlex-col,
.dismissNoti.download.beFlex-col,
.resignLetter.download.beFlex-col,
.certifiEmploy.download.beFlex-col				{overflow-y:auto;}

.careerCertify.download,
.writtenExplane.download,
.dismissNoti.download,
.resignLetter.download,
.certifiEmploy.download							{padding-inline:30px; padding-block:25px 50px; position:relative;}

.careerCertify.download .alignCenter:first-child,
.writtenExplane.download .alignCenter:first-child,
.dismissNoti.download .alignCenter:first-child,
.resignLetter.download .alignCenter:first-child,
.certifiEmploy.download .alignCenter:first-child				{font:24px / 1 "PretendardB"; padding-block:30px; border-bottom:1px solid #000; display:block;}

.writtenExplane.download .alignCenter:first-child,
.dismissNoti.download .alignCenter:first-child,
.resignLetter.download .alignCenter:first-child					{border-bottom:0;}

.careerCertify.download > .beGrid,
.writtenExplane.download > .beGrid,
.dismissNoti.download > .beGrid,
.resignLetter.download > .beGrid,
.certifiEmploy.download > .beGrid																{row-gap:35px;}

.dismissNoti.download > .beGrid > div.beGrid:first-child													{row-gap:0;}

.careerCertify.download > .beGrid > .beGrid > div > dl.beFlex > dt,
.certifiEmploy.download > .beGrid > .beGrid > div > dl.beFlex > dt		{flex:0 0 12%; text-align:center; line-height:1.2; padding:0;}

.careerCertify.download > .beGrid > .beGrid > div > dl.beFlex.dtColspan2 > dt,
.certifiEmploy.download > .beGrid > .beGrid > div > dl.beFlex.dtColspan2 > dt										{flex:0 0 27.4%;}

.careerCertify.download > .beGrid > .beGrid > div > dl.beFlex > dd,
.certifiEmploy.download > .beGrid > .beGrid > div > dl.beFlex > dd		{flex:1 1 0; padding:0;}

.careerCertify.download dl.beFlex,
.writtenExplane.download dl.beFlex,
.dismissNoti.download dl.beFlex,
.resignLetter.download dl.beFlex,
.certifiEmploy.download dl.beFlex																					{font-size:14px;}

.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex > dt,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex > dt					{flex:0 0 35%;}

.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2 + dl.beFlex,
.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2 + dl.beFlex,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2							{border-left:0 !important;}

.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2 > dt,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex.colspan2 > dt					{flex:0 0 17.5%;}

.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex + dl.beFlex,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex + dl.beFlex					{border-left:1px solid rgba(80,88,102,.2);}

.careerCertify.download dl.beFlex > dd .beGrid.twoCol dl.beFlex:last-child,
.certifiEmploy.download dl.beFlex > dd .beGrid.twoCol dl.beFlex:last-child						{border-bottom:0;}

.careerCertify.download p.beGrid,
.writtenExplane.download p.beGrid,
.dismissNoti.download p.beGrid,
.resignLetter.download p.beGrid,
.certifiEmploy.download p.beGrid							{row-gap:40px;}

.careerCertify.download ul.beGrid,
.writtenExplane.download ul.beGrid,
.dismissNoti.download ul.beGrid,
.resignLetter.download ul.beGrid,
.certifiEmploy.download ul.beGrid						{margin-inline:30px; margin-block:10px; margin-inline:4%;}

.writtenExplane dl.beFlex > dt,
.dismissNoti dl.beFlex > dt,
.resignLetter dl.beFlex > dt							{flex:0 0 85px;}


.floatLeft.topLogoArea									{position:absolute; z-index:1;}

.topLogoArea													{padding-inline:30px;}
.topLogoArea > .beFlex									{display:flex; align-items:center;}
.topLogoArea > .beFlex > p:first-child							{flex:0 0 80px; margin-right:13px;}
.topLogoArea > .beFlex > p:first-child + div					{color:#686868; font-family:"PretendardL"; white-space:nowrap;}
.topLogoArea > .beFlex > p:first-child + div > font			{}
.topLogoArea > .beFlex > p:first-child + div > font > small				{display:block;}

.wrap.download .floatLeft.topLogoArea						{padding-inline:0; top:0;}

.container .topLogoArea:first-child								{padding-inline:.8rem; padding-block:0 30px;}


/* 운행기록 팝업 */
.layerView.oneHada .top_search .beFlex.dateSelect				{display:flex;}

.oneHada .layer-conts .hasRealGridWrap											{position:relative;}
.oneHada .layer-conts .hasRealGridWrap > .beGrid						{row-gap:20px; position:absolute; inset:0; grid-template-rows:auto 1fr;}

.oneHada .layer-conts .hasTitleBorderInfos > .title-borderInfo				{width:100%;}
.oneHada .layer-conts .hasTitleBorderInfos.beFlex						{column-gap:20px;}

.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto.beGrid			{place-items:center; border-radius:14px;}
.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto						{min-height:300px; position:relative;}
.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto:before,
.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto:after				{content:""; display:inline-block;}
.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto:before			{content:"!"; aspect-ratio:1 / 1; width:16px; height:16px; border-radius:50%; background-color:#D7DCE5; text-align:center; align-content:center;  color:#fff; font-size:10px; position:absolute; left:31%;}
.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto:after				{content:"등록된 정보가 없습니다."; font:14px / 1 "PretendardR"; color:#475067; padding-left:20px;}

.oneHada .layer-conts .hasTitleBorderInfos .title-borderInfo > .beGrid > .hasPhoto > p					{position:absolute; inset:0; border-radius:14px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;}

.oneHada .layer-conts .inputs-wrap .input-wrap > font.beFlex								{margin-inline:10px;}


/* 회사정보 */
.compInfo .employee-detail .hasPhoto .photo-wrap > p											{background-image:url('/images/file/img-noimage.png');}
.oneHada .conts-wrap .title-borderInfo.compInfo > .beGrid									{row-gap:23px;}

.title-borderInfo.compInfo .employee-detail + .beGrid.twoCol								{padding-top:15px;}

.oneHada .conts-wrap dl.beFlex .account-info .btn-wrap > a.copy						{min-width:62px; padding-inline:5px 9px;}
.oneHada .conts-wrap dl.beFlex .account-info .btn-wrap > a.copy > i					{margin-inline:0 1px;}

.addFileList-wrap.accountInfo > dl > dd									{min-height:45px;}
.addFileList-wrap.accountInfo > dl > dd a								{border-color:#D7DCE5;}


/* 실시간 지급계좌발급 팝업 */
.bankAccountSelect .beGrid.wrapRadio-wrap						{grid-auto-rows:minmax(96px, 1fr); gap:15px;}

.bankAccountSelect .wrapRadio-wrap.beGrid .wrap-radio				{height:100%;}
.bankAccountSelect .wrapRadio-wrap .wrap-radio label,
.bankAccountSelect .wrapRadio-wrap .wrap-radio > a		{position:absolute; inset:0;}

.bankAccountSelect .wrapRadio-wrap .wrap-radio label				{flex-direction:column; justify-content:center; gap:20px; padding:0; border:1px solid #D7DCE5; border-radius:8px; transition:.25s; color:#26282C; font:14px / 1 "PretendardR";}
.bankAccountSelect .wrapRadio-wrap .wrap-radio label:focus-within,
.bankAccountSelect .wrapRadio-wrap .wrap-radio label:hover										{border-color:#333;}
.bankAccountSelect .wrapRadio-wrap .wrap-radio input:checked +  label					{background-color:#EFF5FF;}

.bankAccountSelect .wrapRadio-wrap .wrap-radio label > p					{width:25px;}


/* 내정보 팝업 */
.oneHada .layer-conts .title-borderInfo > .beGrid > .beGrid.twoCol.snsLogin-wrap					{row-gap:25px;}





/* 리스트 페이지 간격 줄이는... */
.oneHada > .beGrid > article .conts-wrap.sm > .beGrid														{padding-block:17px 0; row-gap:17px;}
.oneHada > .beGrid > article .conts-wrap.sm > .beGrid.detail_info								{row-gap:50px; padding-block:17px 50px;}

.oneHada > .beGrid > article .conts-wrap.sm > .beGrid > h1:first-child											{font-size:20px;}

.oneHada > .beGrid > article .conts-wrap.sm .btn-wrap > button													{height:44px;}
.oneHada > .beGrid > article .conts-wrap.sm .amount-detail dd.total dt .btn-wrap > button					{height:revert;}

.conts-wrap.sm .top_search									{padding-block:17px;}

.conts-wrap.sm .top_search > .beGrid						{row-gap:8px;}

.conts-wrap.sm .top_search .checkboxs-wrap:last-child					{margin-bottom:-8px;}

.conts-wrap.sm > .beGrid > .beFlex.farAway.alignRight > .btn_select a					{min-height:44px;}



.excelWrap { white-space: pre-wrap; /* 줄바꿈 */  text-align: left;      /*좌측정렬 */}

/* light gallery */
.lg-container,
.lg-backdrop,
.lg-outer {background-color: rgba(0, 0, 0, 0.5) !important;}  /* 바깥 배경만 반투명 */
.lg-outer .lg {background-color: #000 !important;}	/* 내부 컨텐츠 영역은 불투명 검은색 유지 */
.lg-backdrop { z-index: 9997 !important;}
.lg-outer { z-index: 9998 !important;}
.lg-toolbar #lg-custom-btn-delete					{background:url('/images/icon/svg/i_del_trash.svg') no-repeat center; background-size:60%; opacity:.6; transition:.3s;}
.lg-toolbar #lg-custom-btn-modify				{background:url('/images/icon/svg/i_gallery.svg') no-repeat center; background-size:60%; opacity:.6; transition:.3s;}
.lg-toolbar #lg-custom-btn-modify:hover,
.lg-toolbar #lg-custom-btn-delete:hover				{opacity:1;}

.lg-toolbar #lg-custom-multi-btn-delete				{background:url('/images/icon/svg/i_del_trash.svg') no-repeat center; background-size:60%; opacity:.6; transition:.3s;}
.lg-toolbar #lg-custom-multi-btn-modify				{background:url('/images/icon/svg/i_gallery.svg') no-repeat center; background-size:60%; opacity:.6; transition:.3s;}
.lg-toolbar #lg-custom-multi-btn-modify:hover,
.lg-toolbar #lg-custom-multi-btn-delete:hover		{opacity:1;}


/* 상단 툴바 배경 진하게 */
.lg-outer .lg-toolbar {
  background: rgba(0, 0, 0, 0.85) !important;
}

/* 아이콘/글자 더 선명하게 */
.lg-outer .lg-toolbar .lg-icon,
.lg-outer .lg-toolbar .lg-counter {
  color: #fff !important;
}

/* loading */
.loading		{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.75); display:flex; flex-direction:column; z-index:9999;}
.loading > div	{margin:auto; width:50px; height:50px; border-radius:50%; border:1px solid #ddd; border-top:2px solid #3617CE; animation:loader .8s linear infinite;}
.loading > p	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; font-family:"PretendardM"; margin-top:40px; color:#A5A9B0;}

@-webkit-keyframes loader		 {
  0%			 { -webkit-transform: rotate(0deg); }
  100%			{ -webkit-transform: rotate(360deg); }
}

@keyframes loader			{
  0%			{transform:rotate(0deg);}
  100%		{transform:rotate(360deg);}
}


/* 실측할 때만 잠깐 붙이는 클래스 */
.wrap-select .select-list.isMeasuring{
  display:block !important;
  visibility:hidden;   /* 눈에 안 보이게 */
  pointer-events:none; /* 클릭도 막기 */
}