@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block}
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; box-sizing:border-box;}
* {word-wrap:break-word; word-break:break-all;}



/* default style  */
html,body			{width:100%; height:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); -webkit-overflow-scrolling:touch; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
body				{margin:0; padding:0; font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; font-size:12px; color:#26282C; background-color:#fff; letter-spacing:-.02em;}
table				{font-size:1em; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:1em; font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',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:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; outline:none;}
address, caption, cite, code, dfn, strong, th, var {font-style:normal;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
p					{margin: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); -webkit-tap-highlight-color:transparent;}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; font-size:1em; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:0; width:100%; font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; font-size:1.2em; color:#000; border:none; -webkit-appearance:none; resize:none; background-color:transparent;}
input, textarea		{outline:none;}



input[type="text"], input[type="password"], input[type="tel"], input[type="number"] {
	padding:15px;
	width:100%;
	height:55px;
	font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;
	font-size:20px;
	color:#000;
	border:none;
	background-color:#FAFAFA;
	vertical-align:middle;
	border-radius:10px;
}
input.on[type="text"], input.on[type="password"], input.on[type="tel"], input.on[type="number"],
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus			 {background-color:#EBEFF4;}

input[type="radio"], input[type="checkbox"] {
	vertical-align:middle;
	margin:0;
	padding:0;
}
input[type="file"]	{width:80%;}



input::-webkit-input-placeholder	{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
input:-ms-input-placeholder			{font-family:'RobotoR','PretendardMR','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
input::-moz-placeholder				{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
input:-moz-placeholder				{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}

textarea::-webkit-input-placeholder	{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
textarea:-ms-input-placeholder		{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
textarea::-moz-placeholder			{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}
textarea:-moz-placeholder			{font-family:'RobotoR','PretendardM','AppleGothic','Apple SD Gothic Neo','NotoKrR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif; color:#A5A9B0;}



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

.textarea-wrap.readonly,
input[readonly]:focus,
textarea[readonly],
input[readonly]						{background-color:#F0F1F2;}

.textarea-wrap							{background-color:#FAFAFA; border-radius:10px; min-height:55px; padding:15px;}
.textarea-wrap > textarea				{font-family:"RobotoM","PretendardM"; font-size:20px; color:#26282C; height:100%;}			
.textarea-wrap.hasReadonly  				{background-color:#F0F1F2;}
.textarea-wrap:hover,
.textarea-wrap.on					{background-color:#EBEFF4;}


html, body, * {-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: none; /*Firefox*/
	-ms-text-size-adjust: none; /*Ie*/
	-o-text-size-adjust: none; /*old versions of Opera*/
	}/* 폰트 자동 확대 방지 */


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



/* etc define */
.underline {text-decoration:underline;}
.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;}
.alignTop {vertical-align:top;}
.alignBottom {vertical-align:bottom;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderTop3 {border-top:3px solid #eee;}
.borderTopNone {border-top:none !important;}
.borderBtmNone {border-bottom:none !important;}
.borderNone {border:none !important;}
/* .borderBottom {border-bottom:1px solid #e1e1e1 !important;} */
.borderBottom {border-bottom:1px solid #EFF0F5 !important;}
.txtspace {letter-spacing:-1px;}
.displayInlineBblock {display:inline-block;}
.boxShadowNone	{box-shadow:none !important;}
.overflowHidden {overflow:hidden;}
.cursorDefault {cursor:default !important;}
.mgb10 {margin-bottom:10px;}
.displayNone {display:none !important;}


hr													{display:block; margin:0; padding:0; height:60px; border:none;}
button:disabled										{opacity:.15; cursor:default; background-color:#000;}


/* Button Style */
.btn_submit											{display:block; width:100%; font-size:22px; height:55px; color:#fff; background-color:#1825CF; border:1px solid #1825CF; border-radius:0 30px 0 30px; font-family:"PretendardB";}
.btn_submit.red									{background-color:#9F1B1B; border-color:#9F1B1B;}
.btn_submit.dkBlue							{background-color:#21244F; border-color:#21244F;}
.btn_submit.sub									{background-color:#F1F2FC; border-color:#F1F2FC; color:#333; width:65% !important;}
.btn_submit.sms									{background-color:#21244F;}
.btn_disabled										{opacity:.15; cursor:default; background-color:#000;}


/* wrap Select */
.wrap-select										{}
.wrap-select > label						{position:relative; display:flex; align-items:center; height:55px; background-color:#FAFAFA; border-radius:10px; padding:15px; font-size:20px; font-family:"PretendardM"; color:#A5A9B0; padding-right:45px;}
.wrap-select > label:before,
.wrap-select > label:after					{content:""; position:absolute; top:50%; right:25px; margin-top:-1px; width:2px; height:10px; background-color:#000; /* transition:.15s; */}
.wrap-select > label:before				{margin-right:-1px; transform:rotate(-50deg) translateY(-50%);}
.wrap-select > label:after					{transform:rotate(50deg) translateY(-50%);}
.wrap-select > label.on						{color:#26282C; background-color:#EBEFF4;}
.wrap-select > label:hover						{background-color:#EBEFF4;}
.wrap-select.on > label:before,
.wrap-select.on > label:after,
.wrap-select > label:hover:before,
.wrap-select > label:hover:after					{margin-top:-4px;}
.wrap-select.on > label:before,
.wrap-select > label:hover:before				{margin-right:-4px; transform:rotate(130deg);}
.wrap-select.on > label:after,
.wrap-select > label:hover:after					{margin-right:2px; transform:rotate(-130deg);}
.wrap-select.on > label							{color:#26282C; background-color:transparent}


/* Wrap Check */
.wrap-check											{display:flex;}
.wrap-check > a										{position:relative; display:flex; align-items:center;}
.wrap-check > a input									{width:0; height:0;}
.wrap-check > a label									{position:relative; padding-left:34px; /* margin-right:24px; */ font-size:18px; color:#26282c;}
.wrap-check > a label:before							{content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1; width:24px; height:24px; background:url('/images/icon/i_checkbox_round_big.png') no-repeat; background-size:100% auto;}
.wrap-check > a input:checked + label							{color:#000;}
.wrap-check > a input:checked + label:before			{background-position:left bottom;}
.wrap-check.max > a label						{padding-left:42px; font-size:21px; font-family:"PretendardSB";}
.wrap-check.max > a label:before			{width:32px; height:32px; background-image:url('/images/icon/i_checkbox_round_max.png');}
.wrap-check.sm > a label						{padding-left:27px; font-size:16px; font-family:"PretendardSB";}
.wrap-check.sm > a label:before				{width:18px; height:18px;}

.wrap-check.flexEnd								{justify-content:flex-end;}


/* Wrap Radio */
.wrap-radio											{display:flex;}
.wrap-radio > a										{position:relative; display:flex; align-items:center;}
.wrap-radio > a input									{width:0; height:0;}
.wrap-radio > a label									{position:relative; padding-left:28px; margin-right:24px; font-size:18px; color:#26282c;}
.wrap-radio > a label:before,
.wrap-radio > a label:after							{content:""; position:absolute; top:50%; z-index:1; border-radius:50%; transform:translateY(-50%);}
.wrap-radio > a label:before							{left:0; width:20px; height:20px; border:5px solid #e5e8eb; transition-duration:.3s;}
.wrap-radio > a label:after							{left:8px; width:6px; height:6px; background-color:#f9f9f9; transition:all .1s;}
.wrap-radio > a input:checked + label:before			{border-color:#1825CF; background-color: #1825CF;}
.wrap-radio > a input:checked + label:after			{left:6px; width:8px; height:8px; background-color:#fff; transition:.1s;}
.wrap-radio > a:last-child label						{margin-right:0;}


/* table 스타일 */
.table-wrap > table				{width:100%; table-layout:fixed;}
.table-wrap > table tr th,
.table-wrap > table tr td				{padding:3px;}
.table-wrap > table tr td:first-of-type				{border-right:1px solid #EEF3F8;}
.table-wrap > table tr th				{font-weight:normal; color:#8C949E; background-color:#EEF3F8; height:33px;}
.table-wrap > table tr td						{font-family:"PretendardM"; vertical-align:top; padding:10px 3px; color:#8C949E;}
.table-wrap > table tr td > b,
.table-wrap > table tr td > em					{color:#000;}
.table-wrap > table tr td > b						{font-weight:normal; font-family:"PretendardB"; white-space:nowrap;}
.table-wrap > table tr td > small				{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; font-size:10px; color:#8C949E; font-family:"PretendardR"; margin-top:4px; max-width:80px; min-height:10px;}
.table-wrap > table tr td > i.img-icon				{width:18px; height:18px; display:block; margin:0 auto;}
.table-wrap > table tr td.alignRight					{padding-right:3px;}

.table-wrap.hasRowScroll				{overflow-x:auto; padding-bottom:10px;}
.table-wrap.hasRowScroll > table				{width:auto; min-width:100%;}
.table-wrap.hasRowScroll th,
.table-wrap.hasRowScroll td						{padding:10px 15px;}
.table-wrap.hasRowScroll th				{white-space:nowrap;}
.table-wrap.hasRowScroll td.alignCenter,						
.table-wrap.hasRowScroll td.alignCenter > em				{white-space:nowrap;}



/* Layer View */
.layerView											{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0;} /* backdrop-filter:saturate(180%) blur(5px); -webkit-backdrop-filter:saturate(180%) blur(5px); */ /* transition:all .2s ease-out; */
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.4);}
.layerView .layer-body								{position:absolute; top:50%; left:0; z-index:1; margin-top:80px; width:100%; opacity:0; transform:translateY(-50%); transition:all .2s ease-out;}
.layerView .layer-body .layer-box					{position:relative; margin:0 30px; padding:30px; background-color:#fff; border-radius:20px;}
.layerView .layer-body .layer-box > a				{position:absolute; top:9px; right:9px; z-index:1; width:40px; height:40px; text-indent:-9999px;}
.layerView .layer-body .layer-box > a:before,
.layerView .layer-body .layer-box > a:after			{content:""; position:absolute; top:5px; left:50%; margin-left:-1px; width:1px; height:28px; background-color:#000; border-radius:1px;}
.layerView .layer-body .layer-box > a:before		{transform:rotate(45deg);}
.layerView .layer-body .layer-box > a:after			{transform:rotate(-45deg);}
.layerView .layer-body .layer-box .header-title		{margin-bottom:20px; font-family:'RobotoB','PretendardSB',sans-serif; font-size:24px; color:#26282C;}
.layerView .layer-body .layer-box .header-title.centerName				{text-align:center; font-family:'RobotoB','NotoKrB',sans-serif; font-size:1.725em; margin:10px 0; line-height:1.4;}
.layerView .layer-body .layer-box.orderInfoView,
.layerView .layer-body .layer-box.photoView				{margin:0; border-radius:0; padding:0; height:100vh; display:flex; flex-direction:column;}
.layerView .layer-body .layer-box.orderInfoView .header-title,
.layerView .layer-body .layer-box.photoView .header-title				{height:56px; margin-bottom:0; font-size:20px; padding:12px 20px; display:flex; align-items:center; flex:0 0 56px;}
.layerView .layer-body .layer-box.photoView .photo-wrap				{flex:1 1 0; /* display:flex; */ background-color:#EEF3F8;}
.layerView .layer-body .layer-box.photoView .photo-wrap > p			{margin:auto;}
.layerView .layer-body .layer-box.photoView .photo-wrap > p.docu				{margin-top:0; text-align:center;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider				{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider														{position:relative;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .slides li												{min-height:50vh; position:relative;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .slides li > img									{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a					{position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px; width:60px; height:80px; display:block;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a:before,
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a:after						{content:""; position:absolute; top:50%; left:50%; width:40px; height:1px; background-color:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.8);}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a:before						{transform:rotate(45deg) translate(-50%, -50%);}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a:after						{transform:rotate(-45deg) translate(-50%, -50%);}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a.photo-prev				{left:0;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a.photo-next				{right:0;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a.photo-prev:before						{transform:rotate(135deg) translate(-50%, -50%); margin-left:-40px;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-direction-nav a.photo-prev:after						{transform:rotate(-135deg) translate(-50%, -50%); margin-left:-40px;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-control-nav						{position:absolute; top:100%; display:flex; justify-content:center; align-items:center; width:100%; margin-top:10px;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-control-nav a					{margin:0 1px; font-size:13px; font-family:"RobotoM"; padding:3px; border-radius:5px; height:20px; width:20px; display:flex; align-items:center; justify-content:center; color:#888;}
.layerView .layer-body .layer-box.photoView .photo-wrap > .photoslider .photo-control-nav a.photo-active				{color:#fff; background-color:#000;}

.layerView .layer-body .layer-box.orderInfoView .header-title + div							{flex:1 1 0; overflow-y:auto;}
.layerView .layer-body .layer-box.orderInfoView .container				{padding:20px;}

.layerView .layer-body .layer-box.compact > a										{width:30px; height:30px; top:23px; right:23px;}
.layerView .layer-body .layer-box.compact > a:before,
.layerView .layer-body .layer-box.compact > a:after								{width:2px; height:20px;}
.layerView .layer-body .layer-box.compact .header-title						{font-size:20px;}

.layerView .layer-body.access-permit										{top:auto; transform:none; bottom:10px;}
.layerView .layer-body.access-permit .layer-box					{margin:0 10px;}

.layerView .layer-slide								{position:absolute; bottom:-100%; left:0; z-index:1; width:100%; background-color:#fff; border-radius:20px 20px 0 0; transition:all .25s ease-out;}
.layerView .layer-slide > a							{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; text-indent:-9999px;}
.layerView .btn-wrap									{display:flex;}
.layerView .btn-wrap > button					{width:100%;}
.layerView .btn-wrap > button.mBtn		{color:#fff; border-color:#1825CF; background-color:#1825CF;}
.layerView .btn-wrap.twoBtn					{margin-left:-5px; margin-right:-5px;}
.layerView .btn-wrap.twoBtn > button				{margin:0 5px;}
.layerView .container									{padding:30px;}
.layerView .data-input								{padding:20px;}

.layerView.on										{opacity:1; z-index:9998;}
.layerView.alert-index.on							{z-index:99999;}
.layerView.on .layer-body							{margin-top:0; opacity:1;}
.layerView.on .layer-slide							{bottom:0;}


/* Popup Bottom Up */
.bottomUp											{position:relative;}
.bottomUp > button									{position:absolute; top:-10px; /* right:10px; */ right:20px; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:transparent;}
.bottomUp > button:before,
.bottomUp > button:after							{content:""; position:absolute; top:7px; left:50%; margin-left:-1px; width:2px; height:20px; background-color:#000; border-radius:1px;}
.bottomUp > button:before							{transform:rotate(45deg);}
.bottomUp > button:after							{transform:rotate(-45deg);}
.bottomUp > em										{display:block; margin:20px 0 5px; padding:0 20px; font-family:'RobotoB','PretendardSB',sans-serif; color:#000; font-size:24px;}
.bottomUp > em + small						{display:block; padding:0 20px; margin-top:10px; font-size:17px; color:#B6B6B6; font-family:"PretendardR"; line-height:1.2;}
.bottomUp .data-input + .btn-wrap			{padding:0 20px 20px;}
.bottomUp.beFlex									{display:flex; flex-direction:column;}
.bottomUp.beFlex .data-input			{/* flex:1 1 0; */ overflow-y:auto; max-height:calc(100vh - 242px);}

.bottomUp.compact > em				{font-size:20px;}
.bottomUp.compact .textarea-wrap > textarea					{font-size:16px;}
.bottomUp.compact .textarea-wrap										{border:1px solid #E1E7EF; border-radius:4px;}



/* Layer 기본알림, 메시지창 */
.alert-conts												{margin-top:30px; font-size:20px; color:#26282C; line-height:1.2;}
.alert-conts + .btn-wrap						{margin-top:30px;}



/* Layout Selector */
body.bgLightBlue						{background-color:#EEF3F8;}

.wrap												{position:relative; top:0; min-width:320px; overflow:hidden; max-width:1024px; margin:0 auto;}
.wrap.fixed									{position:fixed; top:0; left:0; width:100%; height:100%; max-width:inherit;}
.wrap.beFlex								{display:flex;}
.wrap.beFlex-col							{display:flex; flex-direction:column; height:100%;}

.container										{/* margin-bottom:94px; */ padding:20px; position:relative; z-index:0;}
.container.tpbtZero							{padding:0 20px; /* transition:.2s; */}
.container.blue-bg							{background-color:#EEF3F8;}
.container.blue-bg > .contents			{border-radius:10px; background-color:#fff; padding:20px;}
.contents											{}
.contents + .contents											{margin-top:30px;}

.hasBottomLine								{margin-bottom:1px; position:relative;}
.hasBottomLine:after						{content:""; position:absolute; top:100%; left:20px; right:20px; height:1px; background-color:#F2F4F6;}
dl.hasBottomLine							{padding-bottom:20px;}
dl.hasBottomLine:after					{left:0; right:0;}

.hasTopLine								{margin-top:1px; position:relative;}
.hasTopLine:after						{content:""; position:absolute; bottom:100%; left:20px; right:20px; height:1px; background-color:#F2F4F6;}
dl.hasTopLine							{padding-top:20px;}
dl.hasTopLine:after					{left:0; right:0;}

.container.hasBottomFixed,
.hasBottomFixed						{padding-bottom:110px;}


/* splash screen */
.wrap.beFlex > div						{margin:auto;}
.wrap.beFlex > div > div				{font-size:20px; text-align:center; line-height:1.4; color:#505050; margin-top:30px;}
.wrap.beFlex > div > .logo			{width:100px; height:100px; margin:0 auto; background:url('/images/icon/splash_logo.png') no-repeat center; background-size:100% auto;}
.wrap.beFlex > div > .splashLogo				{visibility: visible !important; animation-duration:.8s; -webkit-animation-duration:.8s; animation-name: splashLogo; position:absolute; top:0; left:50%; transform:translateX(-50%);}
@keyframes splashLogo	{
	0%			{margin-top:-100px; opacity:0;}
	50%		{opacity:0;} 
	100%		{margin-top:0; opacity:1;}	
	}
.wrap.beFlex > div > .video-wrap						{margin-top:24px;}

.splash-img							{min-height:53vh; position:relative; margin:0;}
.splash-img	 > p.img-truck					{position:absolute; top:0; width:100%; height:53vh; background:url('/images/icon/splash_img.png') no-repeat left top; background-size:auto 100%;}
.splash-img	 > p.img-road					{position:absolute; top:0; width:100%; height:57vh; background:url('/images/icon/splash_img_road.png') no-repeat right bottom; background-size:93% auto;}
.wrap.beFlex > div > .loading-info						{font-size:11px; line-height:1.6; padding-bottom:15px; position:relative; width:100%;}
.wrap.beFlex > div > .loading-info > em			{display:block; font-size:20px; font-family:"PretendardR"; margin-bottom:12px;}
.wrap.beFlex > div > .loading-info .loadingBar					{position:absolute; left:50%; transform:translateX(-50%); bottom:0; background-color:#F3F3F3; width:90%; height:5px;}
.wrap.beFlex > div > .loading-info .loadingBar > span				{position:absolute; left:0; top:0; height:100%; background-color:#1825CF; transition:.2s;}
.wrap.beFlex > div > .loading-info.bottom-fixed					{position:absolute; bottom:0;}


/* Header */
header												{position:relative; display:flex; justify-content:center; align-items:center; height:56px; background-color:#fff; transition:all .3s;}
header > button,
header > a											{position:absolute; top:50%; width:24px; height:24px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-size:auto 100%; transform:translateY(-50%);}
header > button								{left:8px; width:40px; height:40px; background-image:url();}
header > a:after,
header > button:after					{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
header > button:after					{background-image:url('/images/icon/i_back_arrow.png');}
header > a.alim-push:only-of-type,
header > a:only-of-type,
header > a				             							{right:9px; width:40px; height:40px;}
header > a.close:after								{background-image:url('/images/icon/i_close.png'); width:24px; height:24px;}
header > a.textmenu						{padding:5px; font-family:'PretendardM'; font-size:18px; text-indent:0; white-space:nowrap; width:auto; height:auto;}
header > a.share								{padding-left:30px;}
header > a.share:after					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; background:url('/images/icon/i_share.png') no-repeat center; background-size:100% auto;}
header > a.ham-menu					{width:40px; height:40px; display:flex; /* margin-right:-10px; */}
header > a.ham-menu > i				{display:block; margin:auto; width:20px; height:16px; border-width:2px 0; border-style:solid; border-color:#666; position:relative;}
header > a.ham-menu > i:after				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background-color:#666;}
header > a.alim-push						{right:50px;}
.sideMenu-wrap > div > a.alim-push:after,
header > a.alim-push:after			{background-image:url('/images/icon/i_alim_push.png');}
.sideMenu-wrap > div > a.alim-push:before,
header > a.alim-push.on:before		{content:""; position:absolute; top:9px; right:9px; width:9px; height:9px; border:1px solid #fff; border-radius:50%; background-color:#F0231B; z-index:1;}

header > em,
header > span									{font-family:'RobotoM','PretendardSB'; font-size:20px;}

header > .alignRight						{margin-left:auto; flex:1 1 0;}

header .wrap-select > label				{background-color:transparent; color:#26282c; font-size:16px;}
header .wrap-select > label:hover						{background-color:transparent;}
header > .alignRight .wrap-select						{display:table; table-layout:fixed; width:100%;}
header > .alignRight .wrap-select > label				{/* justify-content:flex-end */ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:table-cell;}

header.fixed										{position:fixed; top:0; /* left:0; */ z-index:10; width:100%; /* box-shadow:0 1px 0 0 rgba(105,110,118,.1); */ max-width:1024px;}
header.align										{justify-content:flex-start; padding-left:56px;}
header.align.noBackBtn				{padding-left:20px;}
header.convert								{position:fixed; top:0; left:0; z-index:10; width:100%; justify-content:flex-start; padding-left:60px; box-shadow:0 1px 0 0 rgba(105,110,118,.1);}

header.onlyLeftLogo									{justify-content:flex-start; padding-left:20px;}
header.onlyLeftLogo > em						{width:64px; height:20px; background:url('/images/icon/logo_text.png') no-repeat center; background-size:100% auto; text-indent:-9999px;}

header button.snsShare						{background-color:#fff; font:14px "PretendardM"; color:#26282c; padding:0 15px; border:1px solid rgba(80,88,102,.2); height:32px; border-radius:16px; padding-left:35px; position:relative; margin-left:8px;}
header button.snsShare:after					{content:""; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_share.png') no-repeat center; background-size:100% auto;}

.wrap.bgBlue header .alim-push:after					{background-image:url('/images/icon/i_alim_push_wh.png');}
.wrap.bgBlue header.onlyLeftLogo > em				{background-image:url('/images/icon/logo_text_bgblue.png');}

.wrap.beFlex-col	 header											{flex:0 0 56px;}


.gist > em							{font-size:20px; font-family:"PretendardB"; color:#26282C; padding-left:32px; position:relative;}
.gist > em:after					{content:""; position:absolute; top:50%; left:0; margin-top:-12px; width:24px; height:24px; background-position:center; background-size:100% auto; background-repeat:no-repeat;}
.gist > em.baechaReq:after		{background-image:url('/images/icon/i_baecha.png');}
.gist > em + small			{color:#9E9E9E; font-size:16px; display:block; margin-top:15px; line-height:1.2;}
.gist > em + dl					{margin-top:20px;}
.gist > dl								{display:flex; align-items:center; color:#26282C; min-height:30px;}
.gist > dl > dt						{font-size:16px; display:flex; align-items:center; white-space:nowrap; position:relative;}
.gist > dl > dt > i				{flex:0 0 20px; background-size:100% auto; background-repeat:no-repeat; background-position:center; height:20px; margin-right:6px;}
.gist > dl > dt > i.upDate					{background-image:url('/images/icon/i_calendar.png');}
.gist > dl > dt > i.won					{background-image:url('/images/icon/i_won.png');}
.gist > dl > dt > i.realPay-date,
.gist > dl > dt > i.pay-date			{background-image:url('/images/icon/i_calendar_red.png');}
.gist > dl > dt > i.basic-fare		{background-image:url('/images/icon/i_won_gr.png');}
.gist > dl > dt > i.etc-extra		{background-image:url('/images/icon/i_won_pupple.png');}
.gist > dl > dt > i.deduct-amount		{background-image:url('/images/icon/i_won_yellow.png');}
.gist > dl > dd						{margin-left:auto; font-size:18px;}
.gist > dl > dd > em				{font-family:"PretendardB"; /* font-size:20px; */ /* font-size:19px; */ font-size:16px;}
.gist > dl > dd > em.b-color				{color:#1825CF;}
.gist > dl + dl						{margin-top:20px;}
.gist > dl + .txts-wrap					{margin-top:8px; border-radius:6px; background-color:#F1F2FC; font-size:16px; padding:10px; color:#000;}
.gist > .txts-wrap + dl				{margin-top:20px;}
.gist .bank-info > dd > i			{height:26px; width:26px; margin-right:10px; display:inline-block; vertical-align:middle;}

.gist.dt-gray > dl > dt				{color:#8C949E; flex:0 0 110px;}
.gist.dt-gray > dl > dd				{font-size:20px; line-height:1.2;}

.switchBtn-wrap > a							{display:flex; background-color:#ddd; height:30px; border-radius:20px; position:relative; width:52px; transition:.2s;}
.switchBtn-wrap > a:after					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:.2s; border-radius:50%; background-color:#fff; height:30px; width:30px; border:3px solid #ddd;}
.switchBtn-wrap > a.on							{background-color:#1825CF;}
.switchBtn-wrap > a.on:after				{left:calc(100% - 30px); border-color:#1825CF;}

.data-input > .noti-txts + dl,
.data-input > dl + dl					{margin-top:30px;}
.data-input > dl > dt					{font-size:16px; color:#333;}
.data-input > dl > dd					{margin-top:14px;}
.data-input > dl > dd .beFlex > span,
.data-input > dl > dd .beFlex				{display:flex; flex-wrap:nowrap; align-items:center;}
.data-input > dl > dd .beFlex > span										{flex:1 1 0; position:relative;}
.data-input > dl > dd .beFlex > span + span							{margin-left:10px;}

.data-input > dl > dd .beFlex > button									{height:55px; border-radius:10px; font-size:18px; color:#fff; background-color:#1825CF; padding:0 20px; white-space:nowrap; width:auto;}
.data-input > dl > dd .beFlex > button:last-child				{margin-left:10px;}
.data-input > dl > dd .beFlex > button.iconBtn					{background-color:transparent; border-radius:0; width:45px; text-indent:-9999px;}
.data-input > dl > dd .beFlex > button.iconBtn:last-child			{margin-left:5px;}
.data-input > dl > dd .beFlex > button.calendar					{background:url('/images/icon/i_btn_month.png') no-repeat center; background-size:auto 50%;}
.data-input > dl > dd .beFlex > button.blue							{color:#1825CF; border:1px solid #1825CF;}
.data-input > dl > dd .beFlex > button.bgWh						{background-color:#fff;}
.data-input > dl > dd .beFlex > button.bkBtn						{color:#fff; background-color:#000;}
.data-input > dl > dd .beFlex > i.txt										{font:16px "PretendardM"; color:#000;}
.data-input > dl > dd .beFlex > i.txt:last-child							{margin-left:10px;}
.data-input > dl > dd .beFlex.btnWrap > button						{width:100%;}
.data-input > dl > dd:last-of-type .beFlex.btnWrap				{margin-bottom:15px; margin-top:10px;}

.data-input > dl > dd .beFlex.beWrap								{flex-wrap:wrap;}
.data-input > dl > dd .beFlex.beWrap.radios-wrap,
.data-input > dl > dd .beFlex.beWrap.checks-wrap						{/* margin:0 -15px; */}
.data-input > dl > dd .beFlex.beWrap.checks-wrap > span,
.data-input > dl > dd .beFlex.beWrap.checks-wrap > div,
.data-input > dl > dd .beFlex.beWrap.radios-wrap > span,
.data-input > dl > dd .beFlex.beWrap.radios-wrap > div					{width:33.3333%;}
.data-input > dl > dd .beFlex.beWrap > .wrap-check,
.data-input > dl > dd .beFlex.beWrap > .wrap-radio						{margin:10px 0; flex:none;}
.data-input > dl > dd .beFlex.beWrap.twoBytwo > .wrap-check,
.data-input > dl > dd .beFlex.beWrap.twoBytwo > .wrap-radio					{width:50%;}

.data-input > dl > dd .hasAbsBtn																{position:relative;}
.data-input > dl > dd .hasAbsBtn > button												{position:absolute;}
.data-input > dl > dd .hasAbsBtn > button.calendar								{right:0; width:46px;}
.data-input > dl > dd .hasAbsBtn.hasRightBtn > input							{padding-right:40px !important;}

.data-input > dl > dd.add-docu			{margin-top:10px;}
.data-input > dl > dd.add-docu:first-of-type			{margin-top:14px;}

.data-input > dl > dd .docus-wrap				{display:flex; flex-wrap:wrap; margin:0 7px;}
.data-input > dl > dd .docus-wrap > div			{width:calc(50% + 14px); background-color:#F1F2FC; display:flex; flex-direction:column;}
.data-input > dl > dd .docus-wrap > div > em			{font-size:17px;}
.data-input > dl > dd .docus-wrap .docu-wrap				{padding:0 15px 15px; margin:0 -7px;}
.data-input > dl > dd .docus-wrap .docu-wrap:nth-child(1),
.data-input > dl > dd .docus-wrap .docu-wrap:nth-child(2)				{padding-top:15px;}
.data-input > dl > dd .docus-wrap .docu-wrap > div				{background-color:#fff; position:relative; overflow:hidden; border-radius:10px; border:1px solid #EFF0F5; margin-top:7px;}
.data-input > dl > dd .docus-wrap .docu-wrap > div:before				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:52px; height:52px; background:url('/images/icon/i_camera.png') no-repeat center; background-size:100% auto;}
.data-input > dl > dd .docus-wrap .docu-wrap > div > p				{width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:18vh;}
.data-input > dl > dd .docus-wrap .docu-wrap > div > p > input					{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;}
.data-input > dl > dd .docus-wrap .docu-wrap > div > a					{position:absolute; right:0; top:0; width:30px; height:30px; background-color:rgba(0,0,0,.7); display:none;}
.data-input > dl > dd .docus-wrap .docu-wrap > div > a:before,
.data-input > dl > dd .docus-wrap .docu-wrap > div > a:after					{content:""; position:absolute; top:50%; left:50%; width:1px; height:18px; background-color:#fff;}
.data-input > dl > dd .docus-wrap .docu-wrap > div > a:before					{transform:translate(-50%, -50%) rotate(45deg);}
.data-input > dl > dd .docus-wrap .docu-wrap > div > a:after					{transform:translate(-50%, -50%) rotate(-45deg);}
.data-input > dl > dd .docus-wrap .docu-wrap.on > div > p > input,
.data-input > dl > dd .docus-wrap .docu-wrap.on > div:before					{display:none;}
.data-input > dl > dd .docus-wrap .docu-wrap.on	> div > a							{display:block;}

.data-input > dl.jusunsa-info				{display:none;}
.data-input > dl.on									{display:block;}

.data-input > dl > dd.hasResetBtn								{position:relative;}
.data-input > dl > dd.hasResetBtn .beFlex > span > input,
.data-input > dl > dd.hasResetBtn .beFlex > input,
.data-input > dl > dd.hasResetBtn > input				{padding-right:35px;}
.data-input > dl > dd.hasResetBtn .beFlex > span > a,
.data-input > dl > dd.hasResetBtn .beFlex > a,
.data-input > dl > dd.hasResetBtn > a						{text-indent:-9999px; position:absolute; right:15px; top:50%; transform:translatey(-50%); background-color:#aaa; border-radius:50%; width:20px; height:20px;}
.data-input > dl > dd.hasResetBtn .beFlex > span > a:before,
.data-input > dl > dd.hasResetBtn .beFlex > span > a:after,
.data-input > dl > dd.hasResetBtn .beFlex > a:before,
.data-input > dl > dd.hasResetBtn .beFlex > a:after,
.data-input > dl > dd.hasResetBtn > a:before,
.data-input > dl > dd.hasResetBtn > a:after				{content:""; position:absolute; left:50%; top:50%; width:2px; height:12px; background-color:#fff;}
.data-input > dl > dd.hasResetBtn .beFlex > span > a:before,
.data-input > dl > dd.hasResetBtn .beFlex > a:before,
.data-input > dl > dd.hasResetBtn > a:before				{transform:translate(-50%, -50%) rotate(45deg);}
.data-input > dl > dd.hasResetBtn .beFlex > span > a:after,
.data-input > dl > dd.hasResetBtn .beFlex > a:after,
.data-input > dl > dd.hasResetBtn > a:after				{transform:translate(-50%, -50%) rotate(-45deg);}
.data-input > dl > dd.flexEnd									{justify-content:flex-end;}

.data-input > dl + .noti-txts > div					{background-color:transparent; padding:17px 14px 0 30px; color:#8C949E; font-size:16px;}
.data-input > dl + .noti-txts > div:after				{left:0; top:14px; opacity:.5;}


.data-input.compact > dl > dt					{font-size:14px; color:#8C949E;}
.data-input.compact > dl > dt .badge				{background-color:#000; height:22px; border-radius:11px; display:flex; align-items:center; padding:0 10px; color:#fff; font-family:"PretendardSB"; margin:0 10px;}
.data-input.compact > dl > dt.beFlex				{display:flex; align-items:center;}
.data-input.compact > dl > dd							{margin-top:5px;}
.data-input.compact > dl > dt + dd				{margin-top:8px;}
.data-input.compact > dl > dd input[type="text"],
.data-input.compact > dl > dd input[type="tel"],
.data-input.compact > dl > dd input[type="number"],
.data-input.compact > dl > dd input[type="password"]							{height:40px; font-size:16px; border-radius:4px; padding:10px 15px; border:1px solid #E1E7EF; background-color:#F6F6F6;}

.data-input.compact > dl > dd input[type="text"][readonly],
.data-input.compact > dl > dd input[type="tel"][readonly],
.data-input.compact > dl > dd input[type="number"][readonly],
.data-input.compact > dl > dd input[type="password"][readonly]							{background-color:#EBEFF4;}

.data-input.compact > dl > dd span.hasReset						{border: 1px solid #E1E7EF; background-color: #F6F6F6; border-radius:4px;}
.data-input.compact > dl > dd span.hasReset > input							{border-color:transparent; background-color:transparent;}
.data-input.compact > dl > dd span.hasReset > a.reset				{background-color:#666; border-radius:50%; width:18px; height:18px; text-indent:-9999px; flex:0 0 18px; position:relative;}
.data-input.compact > dl > dd span.hasReset > a.reset:before,
.data-input.compact > dl > dd span.hasReset > a.reset:after					{content:""; position:absolute; top:50%; left:50%; width:1px; height:10px; background-color:#fff;}
.data-input.compact > dl > dd span.hasReset > a.reset:before						{transform:translate(-50%, -50%) rotate(45deg);}
.data-input.compact > dl > dd span.hasReset > a.reset:after						{transform:translate(-50%, -50%) rotate(-45deg);}
.data-input.compact > dl > dd span.hasReset > a.reset:last-child				{margin:0 10px 0 0;}

.data-input.compact > dl > dd span.readOnly						{background-color:#ebeff4;}

.data-input.compact > dl > dd .beFlex > button						{height:40px; border-radius:4px; font-size:16px;}
.data-input.compact > dl > dd .beFlex > button:last-child				{margin-left:5px;}
.data-input.compact > dl > dd .beFlex > button:only-child				{margin:0;}

.data-input.compact > dl > dd .wrap-select > label									{height:40px; background-color:#f6f6f6; border:1px solid #E1E7EF; border-radius:4px; font:16px "PretendardM"; padding:10px 15px;}
.data-input.compact > dl > dd .wrap-select.on > label								{background-color:#EBEFF4;}
.data-input.compact > dl > dd .wrap-select.on > label:before				{margin-top:-1px; margin-right:-1px; transform:rotate(-50deg) translateY(-50%);}
.data-input.compact > dl > dd .wrap-select.on > label:after					{margin-top:-1px; margin-right:0; transform:rotate(50deg) translateY(-50%);}
.data-input.compact > dl > dd .wrap-select.noEdit > label:before,
.data-input.compact > dl > dd .wrap-select.noEdit > label:after					{display:none;}

.data-input.compact > dl > dd .beFlex.selectsWrap											{margin:0 -2px}
.data-input.compact > dl > dd .beFlex .wrap-select					{width:100%; margin:0 2px;}

.data-input.compact > dl > dd .wrap-check,
.data-input.compact > dl > dd .wrap-radio						{margin:15px 0;}
.data-input.compact > dl > dd .beFlex .wrap-check,
.data-input.compact > dl > dd .beFlex .wrap-radio			{margin:10px 0;}

.data-input.compact > dl > dd .beFlex .plt-cbm:last-child > .wrap-radio				{margin-left:10px;}

.data-input.compact > dl > dd .txt-wrap					{font:16px "PretendardR"; margin:15px 0; margin-top:10px;}
.data-input.compact > dl > dd .txt-wrap.gray				{color:#A9A9A9;}

.data-input.compact > dl > dd .checks-wrap				{display:flex; align-items:center; position:relative; justify-content:space-between;}
.data-input.compact > dl > dd .checks-wrap > *			{/* width:100%; */}
.data-input.compact > dl > dd .checks-wrap > label				{position:absolute; bottom:calc(100% + 5px); font-size:14px; color:#8C949E;}

.data-input.compact > dl > dd .beFlex .wrap-select + .checks-wrap				{margin-left:20px; width:100%;}

.data-input.compact > dl > dd .photoView > p > img										{margin:15px 0;}
.data-input.compact > dl > dd .photoView > p + p												{margin-top:0;}
.data-input.compact > dl > dd .photoView > p + p > img									{margin-top:0;}

.data-input.compact > dl > dd:first-of-type .photoView > p > img						{margin-top:0;}

.data-input.compact > dl > dd .docus-wrap						{background-color:#F1F2FC; border-radius:10px; margin:0; padding:20px; display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:1fr; gap:15px 15px;}
.data-input.compact > dl > dd .docus-wrap .docu-wrap				{background-color:transparent; margin:0; padding:0; width:auto;}
.data-input.compact > dl > dd .docus-wrap .docu-wrap > em				{font-size:16px;}
.data-input.compact > dl > dd .docus-wrap .docu-wrap > div:before				{width:40px; height:40px;}

.data-input.compact > dl > dd.add-photo + dd .textarea-wrap			{margin-top:15px;}

/*
.data-input.compact > dl > dd.beFlex						{display:flex; align-items:center; margin:5px -10px 0;}
.data-input.compact > dl > dd.beFlex > *							{width:100%; margin:0 10px;}
*/

.data-input.compact > dl + dl					{margin-top:15px;}
.data-input.compact > dl + div				{margin:15px 0;}

.data-input.compact > dl.hasTopBorder					{padding-top:6px; position:relative;}
.data-input.compact > dl.hasTopBorder > dt					{margin-top:15px;}
.data-input.compact > dl.hasTopBorder:before				{content:""; position:absolute; left:-20px; top:0; width:calc(100% + 40px); height:6px; background-color:#EEF3F8;}

.data-input.compact > dl.hasBottomBorder					{padding-bottom:6px; position:relative;}
.data-input.compact > dl.hasBottomBorder:after					{content:""; position:absolute; left:-20px; bottom:0; width:calc(100% + 40px); height:6px; background-color:#EEF3F8;}

.data-input.compact .textarea-wrap						{background-color:#F6F6F6; border: 1px solid #E1E7EF; border-radius:4px; padding:10px 15px;}
.data-input.compact .textarea-wrap > textarea				{font-size:16px;}


.agreeBox > dl > dt					{padding:28px 15px; border-bottom:1px solid #F2F4F6;}
.agreeBox > dl > dt + dd			{margin-top:10px;}
.agreeBox > dl > dd				{padding:18px 17px;}
.agreeBox > dl > dd.beFlex				{display:flex; align-items:center;}
.agreeBox > dl > dd.beFlex .viewBtn				{margin-left:auto; font-size:16px; text-decoration:underline;}

.contents > em,
.container > em								{color:#26282C; font-size:20px; font-family:"PretendardB"; display:block;}
.container > em.beFlex						{display:flex; align-items:center;}
.container > em.beFlex > small			{margin-left:auto;}
.container > em.beFlex > button:last-child		{margin-left:auto;}
.container > em.beFlex .date				{font-family:"PretendardR"; font-size:16px; color:#8C949E;}
.container > em.beFlex > button.round-btn	{background-color:#fff; color:#000; height:32px; border-radius:16px; border:1px solid rgba(80,88,102,.2); font:14px "PretendardM"; padding:0 16px;}
.contents > em + .contents,
.container > em + .contents					{margin-top:20px;}
.container.blue-bg > em + .contents					{margin-top:10px;}

.container > .contents + em					{margin-top:30px;}

.photoView p.photo						{position:relative; cursor:pointer; height:205px; background-repeat:no-repeat; background-size:100% auto; background-position:center; border-radius:11px;}
.photoView p.photo:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80px; height:80px; background:url('/images/icon/i_photoView.png') no-repeat center; background-size:100% auto;}
.photoView p.photo > em				{position:absolute; top:10px; right:15px; color:#fff; background-color:#000; height:28px; border-radius:14px; font-family:"PretendardB"; font-size:15px; padding:0 10px; display:flex; align-items:center;}
.photoView > p								{font-size:17px; line-height:1.4;}
.photoView > p + p							{margin:8px 0 0;}
.photoView > p > img						{margin:20px 0;}
.photoView p.photo + p				{margin:15px 0 0;}
.photoView p + p:last-child,
.photoView p.photo + p:last-child			{margin-bottom:0;}

.info-wrap dl								{font-size:16px;}
.info-wrap dl dt						{color:#8C949E;}			
.info-wrap > dl dt.beFlex			{display:flex; align-items:center;}
.info-wrap > dl dt.beFlex > i				{flex:0 0 20px; height:20px; margin-right:4px; background-position:center; background-repeat:no-repeat; background-size:100% auto; position:relative;}
.info-wrap > dl dt.beFlex > i.wonGr					{background-image:url('/images/icon/i_won_gr.png');}
.info-wrap > dl > dd						{margin-top:14px;}
.info-wrap > dl > dd > a,
.info-wrap > dl > dd > b				{font-size:20px;}
.info-wrap > dl > dd > span			{font-size:18px; font-family:"PretendardSB"; color:#26282C;}
.info-wrap > dl > dd > a					{color:#476EFF; text-decoration:underline; font-family:"PretendardR";}
.info-wrap > dl > dd > .divide			{padding:0 8px; color:#DDE1E4; font-size:16px;}
.info-wrap > dl > dd .beFlex > dd				{margin-left:auto; font-size:18px; font-family:"PretendardSB";}		
.info-wrap > dl > dd .beFlex,
.info-wrap > dl > dd.beFlex			{display:flex; align-items:center; flex-wrap:nowrap;}
.info-wrap > dl > dd.beFlex > dl							{width:100%;}
.info-wrap > dl > dd.beFlex > span:last-child			{font-family:"PretendardR";}
.info-wrap > dl > dd.boxes-wrap							{margin-top:8px; flex-wrap:wrap;}
.info-wrap > dl > dd.boxes-wrap > span			{font-family:"PretendardSB"; font-size:18px; color:#26282C; padding:4px 10px; border:1px solid #EFF0F5; border-radius:4px; background-color:#FAFAFA; margin:6px 6px 0 0;}
.info-wrap > dl > dd.boxes-wrap > span:last-child				{font-family:"PretendardSB";}
.info-wrap > dl > dd.txts-wrap > span				{line-height:1.2;}
.info-wrap > dl > dd.add-docu + dd.add-docu					{margin-top:10px;}
.info-wrap > dl > dd.etc-info						{font-size:14px; font-family:"PretendardR"; position:relative;}
.info-wrap > dl > dd.etc-info > span			{margin-right:10px; font-size:14px; font-family:"PretendardR";}
.info-wrap > dl > dd.etc-info > button:last-child					{position:absolute; right:0; border:1px solid #D9DADC; border-radius:4px; background-color:#fff; padding:5px 10px; font-size:14px; color:#26282C;}
.info-wrap > dl > dd.etc-info > button.billBtn						{padding-left:30px;}
.info-wrap > dl > dd.etc-info > button.billBtn:after			{content:""; position:absolute; left:9px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/images/icon/i_bill.png') no-repeat center; background-size:100% auto;}

.info-wrap > dl + dl							{margin-top:30px;}

.info-wrap .member > dt				{color:#484B51;}
.info-wrap .member > dd							{/* margin-top:10px; */ margin-top:0;}
.info-wrap .member > dd > b,
.info-wrap .member > dd > font,
.info-wrap .member > dd > a,
.info-wrap .member > dd > span					{margin-top:10px;}
.info-wrap .member > dd > span			{font-size:16px; color:#8C949E;}
.info-wrap .member > dd.beFlex				{flex-wrap:wrap;}
.info-wrap .member > dd.beFlex > span:first-child					{margin-top:0;}
.info-wrap .member > dd.beFlex + dd.beFlex				{margin-top:10px;}
.info-wrap .member > dd.beFlex + dd.beFlex > font				{margin-top:0;}

.info-wrap .member.noDt > dd > *				{margin-top:0;}

.info-wrap .member > dd > b,
.info-wrap .member > dd > a,
.info-wrap .member > dd > span		{padding:5px 0;}


.info-wrap .company > dt				{font-size:20px; font-family:"PretendardB"; color:#26282C;}
.info-wrap .company > dd							{margin-top:10px;}
.info-wrap .company > dd > span			{font-size:16px; color:#8C949E; margin-right:10px; font-family:"PretendardR";}

.info-wrap .bank-info > dt				{color:#26282C; font-size:18px; font-family:"PretendardR"; display:flex; align-items:center;}
.info-wrap .bank-info > dt > i				{height:20px; flex:0 0 20px; margin-right:10px;}

.contents + .info-wrap							{margin-top:10px;}

.hasDl-column > div						{display:flex; align-items:center; border-radius:10px; padding:14px 20px; background-color:#EEF3F8;}
.hasDl-column > div > dl				{width:100%; font-size:16px;}
.hasDl-column > div > dl dt			{font-size:12px; color:#8C949E; font-family:"PretendardR";}
.hasDl-column > div > dl dd							{font-size:14px; display:flex; align-items:center; margin-top:6px;}
.hasDl-column > div > dl dd > em				{font-size:16px; font-family:"PretendardB"; color:#000; margin-right:3px;}
.hasDl-column > div > dl dd > em.b-color				{color:#1825CF;}


/* 운임비 */
.cost-wrap > dl > dt						{color:#26282C;}
.cost-wrap > dl > dd > dl > dd					{margin-top:6px;}
.cost-wrap > dl > dd > dl > dd > em			{font-family:"PretendardB"; font-size:20px; color:#000;}


/* 노선정보 */
.container.route-info				{padding-top:30px; padding-bottom:30px; background-color:#fff;}
.route-wrap				{}
.route-wrap hr			{height:40px; position:relative;}
.route-wrap hr:after				{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:1px; background-color:#F2F4F6;}
.routeWrap				{}
.routeWrap .top-info								{display:flex; align-items:center;}
.routeWrap .top-info > span					{/* font-size:20px; */ font-size:19px; font-family:"PretendardB"; color:#000;}
.routeWrap .top-info > i							{flex:0 0 34px; height:36px; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.routeWrap.start .top-info > i				{background-image:url('/images/icon/i_route_start.png');}
.routeWrap.end .top-info > i					{background-image:url('/images/icon/i_route_end.png');}
.routeWrap.upArea .top-info > i					{background-image:url('/images/icon/i_route_up.png'); text-align:center; padding-top:17px; font-family:"PretendardSB"; font-size:10px; color:#fff;}
.routeWrap.downArea .top-info > i				{background-image:url('/images/icon/i_route_down.png'); text-align:center; padding-top:17px; font-family:"PretendardSB"; font-size:10px; color:#fff;}
.routeWrap .top-info > em					{margin-left:auto; color:#fff; background-color:#000; height:23px; border-radius:12px; font-family:"PretendardB"; font-size:15px; padding:0 10px; display:flex; align-items:center;}
.routeWrap .area-info							{padding-left:44px; background:url('/images/icon/bg_dotline.png') repeat-y top left;}
.routeWrap .area-info > dl							{font-size:18px; margin-top:8px;}
.routeWrap .area-info > dl > dt						{color:#26282C; font-family:"PretendardSB";}
.routeWrap .area-info > dl > dd										{margin-top:8px;}
.routeWrap .area-info > dl > dd .blue								{color:#1825CF; font:12px "PretendardR";}
.routeWrap .area-info > dl > dd.address						{color:#8C949E; line-height:1.2;}
.routeWrap .area-info > dl > dd.beFlex							{display:flex; align-items:center; flex-wrap:wrap;}
.routeWrap .area-info > dl > dd.boxes-wrap > span				{font-family:"PretendardSB"; font-size:18px; color:#26282C; padding:4px 10px; border:1px solid #EFF0F5; border-radius:4px; background-color:#FAFAFA; margin:6px 6px 0 0;}
.routeWrap.start										{margin-top:15px;}
.routeWrap.end .area-info					{background:none;}
.routeWrap.end .area-info > hr:after					{display:none;}

.route-wrap.compact .top-info span					{font:16px "PretendardSB";}
.route-wrap.compact .top-info button:last-child					{margin-left:auto;}
.route-wrap.compact .top-info button.round-btn					{background-color:#fff; color:#000; height:32px; border-radius:16px; border:1px solid rgba(80,88,102,.2); font:14px "PretendardM"; padding:0 16px;}
.route-wrap.compact .area-info > dl				{font-size:14px; margin-top:3px;}
.route-wrap.compact .area-info hr						{height:10px;}
.route-wrap.compact .area-info hr:after			{display:none;}

.route-wrap.compact .routeWrap.upArea .top-info > i					{background-image:url('/images/icon/i_route_up_bl.png');}
.route-wrap.compact .routeWrap.downArea .top-info > i			{background-image:url('/images/icon/i_route_down_rd.png');}



/* 동의 슬라이드 팝업 */
.bottomUp .txts-wrap						{padding:20px;}
.bottomUp .txts-wrap > div > h2				{font-family:"PretendardB"; font-size:24px; color:#333;}
.bottomUp .txts-wrap > div > div > p						{line-height:1.4; margin:10px 0;}
.bottomUp .txts-wrap > div div,
.bottomUp .txts-wrap > div > h2 + div				{font-size:18px; line-height:1.4; color:#666; font-family:"RobotoR","PretendardR";}
.bottomUp .txts-wrap > div > h2 + div						{margin-top:15px;}
.bottomUp .txts-wrap > div > h2 + div > ul				{margin:10px 0 20px 10px;}
.bottomUp .txts-wrap > div > h2 + div > ul > li			{line-height:1.3; font-size:15px;}
.bottomUp .txts-wrap > div > h2 + div > ul > li + li			{margin-top:7px;}
.bottomUp .txts-wrap > div > div + h2				{margin-top:25px; line-height:1.2;}
.bottomUp .txts-wrap + .btn-wrap			{padding:20px;}
.bottomUp .txts-wrap .beFlex					{display:flex; flex-wrap:wrap;}
.bottomUp .txts-wrap .beFlex > dl			{width:50%; font-size:15px; display:flex; flex-direction:column;}
.bottomUp .txts-wrap .beFlex > dl dt				{background-color:#f7f7f7; padding:5px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; color:#000;}
.bottomUp .txts-wrap .beFlex > dl dd				{padding:10px 5px; line-height:1.2;}
.bottomUp .txts-wrap .beFlex > dl dd + dd		{padding-top:0;}



/* 통화하기 슬라이드 팝업 */
.bottomUp .member								{font-size:16px;}
.bottomUp .member dt							{color:#484B51:}
.bottomUp .member dd							{margin-top:10px;}
.bottomUp .member dd > b					{font-family:"PretendardB"; color:#26282C; font-size:24px;}
.bottomUp .member dd .divide				{padding:0 10px; color:#DDE1E4; font-size:16px;}
.bottomUp .member dd.beFlex			{display:flex; align-items:center;}

.bottomUp .member.beFlex					{display:flex; align-items:center;}
.bottomUp .member.beFlex > dt			{font:14px "PretendardR";color:#8C949E;}
.bottomUp .member.beFlex > dd			{margin-left:auto; margin-top:0;}
.bottomUp .member.beFlex > dd > b			{font:18px "PretendardSB";}
.bottomUp .member.beFlex > dd > b.blue				{text-decoration:underline; color:#1825CF;}

.bottomUp .telePhone								{margin:0 -6px; padding:30px;}
.bottomUp .telePhone > button				{border-radius:12px; height:56px; margin:0 6px; font-size:18px; font-family:"PretendardB"; color:#1825CF; border:1px solid #1825CF; background-color:transparent; padding-left:35px; position:relative;}
.bottomUp .telePhone > button:after					{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:25px; height:25px; background-position:center; background-repeat:no-repeat; background-size:100% auto; margin-left:-20px;}
.bottomUp .telePhone > button.sms:after				{background-image:url('/images/icon/i_sms.png');}
.bottomUp .telePhone > button.call:after				{background-image:url('/images/icon/i_call.png');}
.bottomUp .container + .telePhone				{padding-top:0; margin-top:-10px;}

.bottomUp .container.hasPhoto				{display:flex; align-items:center;}
.bottomUp .container.hasPhoto > p							{height:40px; flex:0 0 40px; border-radius:50%; background-color:#defbfe; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; margin-right:10px;}
.bottomUp .container.hasPhoto .member dt > em				{font:16px "PretendardB";}
.bottomUp .container.hasPhoto .member dd							{margin-top:4px;}
.bottomUp .container.hasPhoto .member dd > b					{font:14px "PretendardR"; color:#484B51;}
.bottomUp .container.hasPhoto .member dd > b.blue			{color:#1825CF; text-decoration:underline;}


/* noti 텍스트 */
.noti-txts					{padding:0;}
.noti-txts > div			{background-color:#F1F2FC; border-radius:10px; padding:10px 14px 10px 44px; font-family:"PretendardR"; font-size:16px; position:relative; line-height:1.2;}
.noti-txts > div:after			{content:""; position:absolute; left:14px; top:9px; width:24px; height:24px; background:url('/images/icon/i_exclama.png') no-repeat center; background-size:100% auto;}
.container.blue-bg .noti-txts					{padding:10px 0;}
.container.blue-bg .noti-txts > div			{background-color:transparent; font-size:18px; font-family:"PretendardM";}			
dd.noti-txts > div					{padding:0 0 0 30px; background-color:#fff; color:#8C949E;}
dd.noti-txts > div:after					{left:0; top:-3px; opacity:.5;}


/* SNS공유하기 슬라이드 팝업 */
.snsShare-wrap						{display:flex; justify-content:space-between;}
.snsShare-wrap > a					{min-width:63px; min-height:63px; padding-top:74px; text-align:center; position:relative; font-size:18px; color:#484B51; margin:0 10px;}
.snsShare-wrap > a:after				{content:""; position:absolute; top:0; left:0; width:63px; height:63px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.snsShare-wrap > a.kakaoTalk:after				{background-image:url('/images/icon/i_kakaotalk.png');}
.snsShare-wrap > a.smsTxt:after				{background-image:url('/images/icon/i_smsTxt.png');}
.snsShare-wrap > a.urlCopy:after				{background-image:url('/images/icon/i_urlCopy.png');}
.snsShare-wrap.selectWork					{}
.snsShare-wrap.selectWork > a			{margin:0 12%;}


/* 인수서류 첨부 */
.add-docu										{margin-top:10px;}
.add-docu > div					{display:flex; align-items:center; flex-wrap:nowrap; padding:10px 20px; border:1px solid #F1F2FC; background-color:#F1F2FC; height:55px; border-radius:10px;}
.add-docu > div > p									{text-indent:-9999px; width:32px; height:32px; margin-right:10px; display:none;}
.add-docu > div > span							{font-size:20px;}
.add-docu > div > a				{height:24px; width:24px; text-indent:-9999px; background-color:#fff; border-radius:50%; position:relative;}
.add-docu > div > a:last-child				{margin-left:auto;}
.add-docu > div > a:before,
.add-docu > div > a:after						{content:""; position:absolute; top:50%; left:50%; height:1px; width:11px; background-color:#1825CF;}
.add-docu > div > a:before					{transform:translate(-50%, -50%) rotate(90deg);}
.add-docu > div > a:after						{transform:translate(-50%, -50%);}
.add-docu > div > input[type="file"]					{height:24px; width:24px; text-indent:-9999px; background-color:#fff; border-radius:50%; position:relative;margin-left:auto;}
.add-docu > div > input[type="file"]:before,
.add-docu > div > input[type="file"]:after			{content:""; position:absolute; top:50%; left:50%; height:1px; width:11px; background-color:#1825CF;}
.add-docu > div > input[type="file"]:before		{transform:translate(-50%, -50%) rotate(90deg);}
.add-docu > div > input[type="file"]:after			{transform:translate(-50%, -50%);}
.add-docu.on > div									{background-color:transparent; border-color:#EFF0F5;}
.add-docu.on > div > p							{background-position:center; background-size:cover; background-repeat:no-repeat; display:block;}
.add-docu.on > div > span					{font-size:18px;}
.add-docu.on > div > a							{background-color:#EFF0F5;}
.add-docu.on > div > a:before,
.add-docu.on > div > a:after						{background-color:#383B5A;}
.add-docu.on > div > a:before					{transform:translate(-50%, -50%) rotate(-45deg);}
.add-docu.on > div > a:after					{transform:translate(-50%, -50%) rotate(45deg);}
.add-docu.on > div > a.dView				{background-color:transparent; width:24px; height:24px; background:url('/images/icon/i_detail.png') no-repeat center; background-size:100% auto;}
.add-docu.on > div > a.dView:before,
.add-docu.on > div > a.dView:after					{display:none;}


/* 참고사항 - 사진첨부 */
.add-photo					{}
.add-photo > div			{display:flex; align-items:center; margin:0 -3px;}
.add-photo > div > span				{flex:0 0 calc(25% - 6px); margin:0 3px; border:1px solid #EFF0F5; border-radius:6px; height:83px; position:relative; overflow:hidden;}
.add-photo > div > span:before									{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:32px; height:32px; background:url('/images/icon/i_camera.png') no-repeat center; background-size:100% auto; z-index:-1;}
.add-photo > div > span > p													{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999px;}
.add-photo > div > span > a													{position:absolute; right:0; top:0; text-indent:-9999px; width:25px; height:25px; background:rgba(0,0,0,.7); display:none;}
.add-photo > div > span > a:before,
.add-photo > div > span > a:after										{content:""; position:absolute; left:50%; top:50%; width:16px; height:1px; background-color:#fff;}
.add-photo > div > span > a:before									{transform:translate(-50%, -50%) rotate(45deg);}
.add-photo > div > span > a:after									{transform:translate(-50%, -50%) rotate(-45deg);}
.add-photo > div > span > input[type="file"]					{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index: 10;}
.add-photo > div > span.on > input[type="file"],
.add-photo > div > span.on:before				{display:none;}
.add-photo > div > span.on > a											{display:block;}



/* 은행선택 슬라이드 팝업 */
.thumBtn-wrap						{padding:20px; max-height:calc(100vh - 115px); overflow-y:auto;}
.thumBtn-wrap > div					{display:flex; flex-wrap:wrap; margin:0 -5px;}
.thumBtn-wrap a						{width:calc(33.3333% - 10px); margin:5px; text-align:center; font-size:17px; background-color:#F8F9FB; border-radius:8px; padding:16px 0; color:#26282C; display:flex; flex-direction:column; align-items:center; transition:.15s;}
.thumBtn-wrap a > i					{width:25px; flex:0 0 25px; margin-bottom:8px;}
/* .thumBtn-wrap a.on, */
.thumBtn-wrap a:hover			{background-color:#EBEFF4;}

/* 레이어 */
.full-layerView										{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.fix-container										{margin-top:50px; padding:10px; background-color:#fff;}

/* Popup Header */
.popupHeader										{display:table; position:fixed; top:0; z-index:10; width:100%; background-color:#fff; -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
.popupHeader > span									{display:table-cell; vertical-align:middle; margin:0; padding-left:10px; height:50px; font-size:1.4em; color:#000;}
.popupHeader > i									{position:absolute; top:0; right:0px; z-index:1; width:50px; height:50px; text-indent:-9999px; background-color:transparent;}
.popupHeader > i:before,
.popupHeader > i:after								{content:""; position:absolute; top:50%; left:50%; background-color:#333; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
.popupHeader > i:before							{width:2px; height:24px;}
.popupHeader > i:after								{width:24px; height:2px;}.


/* Table List */
.tableList											{position:relative; padding-top:30px;}
.tableList table									{width:100%; text-align:center;}
.tableList table td									{padding:10px 0; border-bottom:1px solid #f2f2f2;}
.tableList table th									{height:30px; font-weight:normal; font-size:12px; color:#333;  background-color:#eee;}
.tableList table td									{height:30px; font-size:12px; color:#151515;}



/* 세금계산서 레이아웃 */
.layerView .taxBill-wrap					{flex:1 1 0; background-color:#EEF3F8; padding:5px 3px;}
.taxBill-wrap > div											{border:1px solid #333;}
.taxBill-wrap .title > dl,
.taxBill-wrap .title									{display:flex; align-items:center; width:100%; text-align:center; background-color:#f7f7f7;}
.taxBill-wrap .title									{height:30px; border:1px solid #333; border-bottom:0;}
.taxBill-wrap .title > em							{font-size:16px; width:80%; text-align:center;}
.taxBill-wrap .title > dl							{font-size:10px;}
.taxBill-wrap .title > dl dt						{text-align:center; position:relative; width:55px;}
.taxBill-wrap .title > dl dt:before,
.taxBill-wrap .title > dl dt:after			{content:""; position:absolute; top:50%; transform:translateY(-50%); width:1px; height:30px; background-color:#000;}
.taxBill-wrap .title > dl dt:before			{left:0;}
.taxBill-wrap .title > dl dt:after			{right:0;}
.taxBill-wrap .title > dl dd						{text-align:center; flex:1 1 0;}
.taxBill-wrap .title + div							{border-top:0;}

.taxBill-wrap .tableList									{border-top:1px solid #333;}
.taxBill-wrap .tableList table th					{background-color:#f7f7f7;}
.taxBill-wrap .tableList table td					{background-color:#fff;}					

.taxBill-wrap .tableList:first-child table									{position:relative;}
.taxBill-wrap .tableList:first-child table th,
.taxBill-wrap .tableList:first-child table td								{height:auto; padding:3px; background-color:transparent; font-size:10px;}
.taxBill-wrap .tableList:first-child table td								{background-color:#fff;}
.taxBill-wrap .tableList:first-child table th					{background-color:#FFE1E1;}
.taxBill-wrap .tableList:first-child th:nth-last-of-type(1),
.taxBill-wrap .tableList:first-child th:nth-last-of-type(2)						{background-color:#F2F5FF;}
.taxBill-wrap .tableList:first-child table tr:nth-child(5) th:nth-of-type(1),
.taxBill-wrap .tableList:first-child table tr:nth-child(3) th:nth-of-type(1)					{background-color:#FFE1E1;}
.taxBill-wrap .tableList:first-child table:before,
.taxBill-wrap .tableList:first-child table:after								{content:""; position:absolute; top:0; width:4%; height:100%; background-color:#000; font-size:10px; display:flex; justify-content:center; align-items:center; line-height:1.6; padding:0 .5%;}
.taxBill-wrap .tableList:first-child table:before							{content:"공급자"; left:0; background-color:#FFB7B7;}
.taxBill-wrap .tableList:first-child table:after								{content:"공급받는자"; left:50%; background-color:#C2D9F2;}
.taxBill-wrap .tableList:first-child table tr:last-child td					{border-bottom:0;}
/* .taxBill-wrap .tableList:first-child table tr:first-child th:first-child							{background-color:#FFB7B7; line-height:1.6;} */
/* .taxBill-wrap .tableList:first-child table tr:first-child th:nth-last-of-type(3)							{background-color:#C2D9F2; line-height:1.6;} */


.taxBill-wrap .beFlex								{display:flex;}
.taxBill-wrap .beFlex > div					{width:100%;}
.taxBill-wrap .desc					{font-size:12px; padding:15px 5%; line-height:1.4;}


.hasTwoBtn					{display:flex; margin:0 -5px;}
.hasTwoBtn > button					{margin:0 5px;}

.hasTwoBtn.bottomFixed								{position:fixed; bottom:0; left:0; width:100%; padding:20px; margin:0; background-color:#fff; z-index:5;}
.hasTwoBtn.bottomFixed > button:first-child				{margin-left:0;}
.hasTwoBtn.bottomFixed > button:last-child				{margin-right:0;}

.hasBottomFixed .blue-bg + .hasTwoBtn.bottomFixed				{background-color:transparent;}

.hasBottomFixed .blue-bg:nth-last-child(2)							{position:relative;}
.hasBottomFixed .blue-bg:nth-last-child(2):before				{content:""; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#EEF3F8; z-index:-1;}

.hasTwoBtn.hasMenuWrap						{padding:20px 10px;}



/* 가이드 */
.container .topImg-wrap					{margin:0 -20px;}
.container .topImg-wrap:first-child				{margin-top:-20px;}
.topImg-wrap + .container				{padding-top:0;}

.guide-wrap					{}
.guide-wrap section				{padding-top:50px; position:relative;}
.guide-wrap section > dl					{margin:23px 0 0;}
.guide-wrap section > dl + dl			{margin-top:0;}
.guide-wrap section > dl dt				{font-size:18px; font-family:"PretendardB";}
.guide-wrap section > dl dt > i					{border-radius:50%; width:22px; height:22px; background-color:#F47C7C; color:#fff; font-size:14px; display:inline-flex; align-items:center; justify-content:center; position:relative; top:-1px; margin-right:7px;}
.guide-wrap section > dl dd			{padding:24px 0 24px 40px; margin-left:-6px; background: url('/images/icon/bg_dotline.png') repeat-y top left;}
.guide-wrap section > dl dd > ul				{margin:24px 0; font-size:16px;}
.guide-wrap section > dl dd > ul li			{line-height:1.3; color:#000;}
.guide-wrap section > dl dd > ul li > b			{font-family:"PretendardB"; color:#1825CF;}
.guide-wrap section > dl dd > ul li + li			{margin-top:15px;}
.guide-wrap section > dl dd > ul + p					{margin-top:34px;}
.guide-wrap section > dl:last-child dd				{background:none;} 
/* .guide-wrap section + section									{padding-top:50px;} */
/* .guide-wrap section + section:after, */
.guide-wrap section:after							{content:""; position:absolute; top:0 ; left:-20px; width:calc(100% + 40px); height:5px; background-color:#8C949E;}

.guide-wrap .ful-navi						{position:fixed; top:0; right:-70%; width:70%; height:100%; z-index:11; /* display:none; */ transition:.2s ease-in-out;}
.guide-wrap .ful-navi:before			{content:""; position:fixed; top:0; right:0; height:100%; width:100%; background-color:rgba(0,0,0,.7); z-index:-1; display:none;}
.guide-wrap .ful-navi > div				{background-color:#EEF3F8; width:100%; height:100%; padding:56px 20px 20px;}
.guide-wrap .ful-navi > div:before			{content:""; position:absolute; top:0; left:0; width:100%; height:56px; background-color:#fff;}
.guide-wrap .ful-navi > div > a					{position:absolute; top:8px; right:10px; width:40px; height:40px; display:block; text-indent:-9999px; background-color:transparent; transition:.2s;}
.guide-wrap .ful-navi > div > a:before,
.guide-wrap .ful-navi > div > a:after					{content:""; position:absolute; left:50%; top:50%; width:2px; height:25px; background-color:#666;}
.guide-wrap .ful-navi > div > a:before				{transform:translate(-50%, -50%) rotate(45deg);}
.guide-wrap .ful-navi > div > a:after					{transform:translate(-50%, -50%) rotate(-45deg);}
.guide-wrap .ful-navi ul								{z-index:0; position:relative; padding:15px 0;}
.guide-wrap .ful-navi ul li > a			{display:block; font-size:18px; padding:15px 0;}
.guide-wrap .ful-navi ul li > a:hover				{color:#1825CF;}
.guide-wrap .ful-navi.on				{/* display:block; */ right:0;}
.guide-wrap .ful-navi.on:before			{display:block;}
.guide-wrap .ful-navi.on > a			{background-color:#fff;}


/* 권한접근 access */
.beFlex-col .access-wrap				{flex:1 1 0;}
.beFlex-col .bottomFixed				{position:inherit; margin-top:auto; flex:0 0 95px;}

.access-wrap					{display:flex; flex-direction:column; justify-content:center;}
.access-wrap > em			{text-indent:-9999px; height:28px; background:url('/images/icon/logo_text.png') no-repeat left center; background-size:auto 100%;}
.access-wrap >	div						{margin-top:20px;}
.access-wrap >	div > small				{font-size:18px; font-family:"PretendardR"; display:block; margin-top:10px;}
.access-wrap > em + div			{font-family:"PretendardB"; text-align:left; color:#26282C; font-size:20px; line-height:1.4;}
.access-wrap .intro-txts					{font-size:24px;}
.wrap.beFlex .access-wrap > div					{text-align:left; color:#26282C; margin-top:20px;}
.access-wrap > dl								{margin-top:30px; flex:1 1 0; overflow-y:auto; max-height:333px;}
.access-wrap > dl > dt > em				{font-family:"PretendardB"; color:#000; font-size:18px;}
.access-wrap > dl > dd						{margin-top:20px; display:flex; align-items:center;}
.access-wrap > dl > dd > p				{width:40px; height:40px; flex:0 0 40px;}
.access-wrap > dl > dd > dl				{margin-left:14px;}
.access-wrap > dl > dd > dl dt			{font-family:"PretendardB"; font-size:16px;}
.access-wrap > dl > dd > dl dd			{font-size:13px; color:#888992; font-family:"PretendardR"; margin-top:8px; line-height:1.2;}

.access-wrap > .desc-box,
.desc-box					{font-size:13px; color:#000; padding:14px; background-color:#F7F8FC; border-radius:10px; font-family:"PretendardR"; line-height:1.4;}
.wrap.beFlex .access-wrap .desc-box				{font-size:13px; font-family:"PretendardR"; color:#000;}

.access-wrap > .splash-img					{margin:20px -20px;}

/* 회원가입 */
.agreeBox-wrap .agreeBox .wrap-check input[type="checkbox"]:checked + label				{color:#26282C;}
.agreeBox-wrap .agreeBox dl dt																		{padding:28px 17px;}
.agreeBox-wrap .agreeBox dl dt .wrap-check label									{font-family:"PretendardSB"; font-size:20px; color:#A5A9B0; transition:.2s;}
.agreeBox-wrap .agreeBox dl dd.beFlex .wrap-check								{margin-right:10px;}
.agreeBox-wrap .agreeBox dl dd.beFlex .wrap-check label					{font-size:16px; line-height:1.2; color:#A5A9B0; transition:.2s;}
.agreeBox-wrap .agreeBox dl dd.beFlex .viewBtn										{white-space:nowrap; color:#A5A9B0; font-size:14px; transition:.2s;}

.terms-wrap								{font-size:18px; font-family:"PretendardR"; line-height:1.4; color:#666;}
.terms-wrap > em					{font-size:24px; font-family:"PretendardB"; color:#26282C; margin:20px 0; display:block; line-height:1.2;}
.terms-wrap > em + div			{margin-top:20px;}
.terms-wrap > div + div,
.terms-wrap > div + em			{margin-top:30px;}
.terms-wrap > em:first-child			{margin-top:0;}
.terms-wrap p							{line-height:1.4;}
.terms-wrap p + p					{margin-top:15px;}
.terms-wrap ol li							{line-height:1.4;}
.terms-wrap ol li + li					{margin-top:8px;}
.terms-wrap ol li ol					{margin:10px 0 10px 15px;}

.table-list.grid							{display:grid; margin:20px 0; border-top:1px solid #ddd;}
.table-list.grid > div					{padding:15px; border-style:solid; border-color:#ddd; border-bottom-width:1px; font:16px "PretendardM"; background-color:#fafafa; color:#000;}
.table-list.grid > div:first-child,
.table-list.grid > div + div			{border-left-width:1px;}
.table-list.grid.row4					{grid-template-columns:auto auto;}
.table-list.grid.row4 > div:nth-child(2n)    {border-right-width:1px;}
.table-list.grid.row4 > div:nth-child(even)			{background-color:#fff; color:inherit; font-family:"PretendardR";}
.table-list.grid.col2					{grid-template-columns:auto auto;}
.table-list.grid.col2 > div:nth-child(2n)    {border-right-width:1px;}
.table-list.grid.col2 > div:nth-child(n + 3)				{background-color:#fff; color:inherit; font-family:"PretendardR";}
.table-list.grid.col3					{grid-template-columns:auto auto auto;}
.table-list.grid.col3 > div:nth-child(3n)    {border-right-width:1px;}
.table-list.grid.col3 > div:nth-child(n + 4)				{background-color:#fff; color:inherit; font-family:"PretendardR";}
.table-list.grid.col4					{grid-template-columns:auto auto auto auto;}
.table-list.grid.col4 > div:nth-child(4n)    {border-right-width:1px;}
.table-list.grid.col4 > div:nth-child(n + 5)				{background-color:#fff; color:inherit; font-family:"PretendardR";}


.wrap.beFlex-col .signUp-compl					{flex:1 1 0;}
.signUp-compl							{display:flex;}
.signUp-compl	 > div				{margin:auto;}
.signUp-compl	 > div > p.logo		{width:100px; height:100px; margin:0 auto; background:url('/images/icon/splash_logo.png') no-repeat center; background-size:100% auto;}
.signUp-compl	 > div > dl				{text-align:center; font-size:16px; margin-top:25px;}
.signUp-compl	 > div > dl dt			{font-size:24px; font-family:"PretendardB";}
.signUp-compl	 > div > dl dd			{line-height:1.2; margin-top:25px;}

/* 로그인 */
.login-wrap				{height:53vh; padding-top:40px; margin-bottom:4px;}
.login-wrap .data-input + .hasTwoBtn				{margin-top:30px;}


/* 화물조회 */
.wrap.bgBlue header									{/* background-color:rgb(24,37,207); */ background-color:transparent;}
.wrap.bgBlue header > .ham-menu > i				{border-color:#fff;}
.wrap.bgBlue header > .ham-menu > i:after			{background-color:#fff;}
.wrap.bgBlue:before					{content:""; position:fixed; top:0; left:0; width:100%; height:271px; z-index:-1; border-radius:0 0 0 70px; background-image:linear-gradient(to bottom, rgb(24,37,207), rgb(67,183,228)); -webkit-background-image:linear-gradient(to bottom, rgb(24,37,207), rgb(67,183,228)); -moz-background-image:linear-gradient(to bottom, rgb(24,37,207), rgb(67,183,228));}  /*56px*/

.date-mem				{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.date-mem > span				{font-size:20px; padding-left:30px; position:relative;}
.date-mem > span:after					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.date-mem > span.today				{font-size:22px; font-family:"PretendardSB"; padding-left:60px;}
.date-mem > span.today:after					{content:"TODAY"; width:auto; height:21px; border-width:1px; border-style:solid; border-radius:12px; display:flex; align-items:center; justify-content:center; padding:0 5px; font-size:13px; font-family:"PretendardR";}
.date-mem > span.mem:after					{background-image:url('/images/icon/i_person_wh.png');}

.date-mem.fixed											{position:fixed; top:76px; width:calc(100% - 40px);}

.wrap.bgBlue .container .date-mem > span				{color:#fff;}

.noData											{display:flex;}
.noData > div								{margin:auto; text-align:center;}
.noData > div > p							{margin:0 auto; margin-bottom:25px;}

.list-wrap .noData									{height:60vh; position:fixed; width:100%;}
.list-wrap .noData > div							{font-size:20px; font-family:"PretendardR"; color:#8C949E;}
.list-wrap .noData > div > p					{width:90px; height:90px;}

.list-wrap.ltRtZero .noData > div							{font-size:16px;}
.list-wrap.ltRtZero .noData > div > p					{width:70px; height:70px; margin-bottom:20px;}

.wrap.bgBlue .container .noData						{background-color:#EEF3F8; height:60vh; border-radius:10px;}
.wrap.bgBlue .container .noData > div				{}
.wrap.bgBlue .container .noData p					{width:90px; height:90px;}

.bottomFixed .menu-wrap				{display:flex; align-items:center; width:100%; height:52px; margin-top:-20px; position:relative;}
.bottomFixed .menu-wrap:before			{content:""; position:absolute; top:-20px; left:-20px; width:calc(100% + 40px); height:20px; background-color:#fff; z-index:-1; border-radius:20px 20px 0 0;}
.bottomFixed .menu-wrap > a				{width:100%; display:flex;}
.bottomFixed .menu-wrap > a > dl				{margin:auto; font-size:14px; font-family:"PretendardR"; text-align:center; color:#26282c; position:relative; white-space:nowrap;}
.bottomFixed .menu-wrap > a > dl:after						{content:""; position:absolute; bottom:100%; left:100%; width:6px; height:6px; border-radius:50%; background-color:transparent; transition:.2s;}
.bottomFixed .menu-wrap > a > dl.on:after							{background-color:#CF2F2D;}
.bottomFixed .menu-wrap > a > dl dt p								{width:25px; height:25px; margin:0 auto; text-indent:-9999px; background-repeat:no-repeat; background-size:auto 100%; background-image:url('/images/icon/i_menu-main.png');}
.bottomFixed .menu-wrap > a.check > dl dt p					{background-position:0 0;}
.bottomFixed .menu-wrap > a.order > dl dt p						{background-position:-25px 0;}
.bottomFixed .menu-wrap > a.bill > dl dt p							{background-position:-50px 0;}
.bottomFixed .menu-wrap > a.income > dl dt p					{background-position:-75px 0;}
.bottomFixed .menu-wrap > a.moreView > dl dt p			{background-position:-100px 0;}
.bottomFixed .menu-wrap > a.on > dl dt p							{background-image:url('/images/icon/i_menu-main_on.png');}
.bottomFixed .menu-wrap > a > dl dd									{margin-top:7px;}
.bottomFixed .menu-wrap > a.on > dl dd								{color:#1825CF;}

.hasMenuWrap .menu-wrap:before							{left:-10px; width:calc(100% + 20px); box-shadow: 0 -2px 10px rgba(0,0,0,.1); height:93px;}

.list-sort					{display:flex; align-items:center; margin:0 -2px;}
.list-sort > a			{position:relative; display:flex; margin:0 2px;}
.list-sort > a > input[type="radio"]				{position:absolute;}
.list-sort > a > label											{display:flex; align-items:center; justify-content:center; font:16px "PretendardR"; color:#fff; padding:5px 10px; background-color:transparent; border-radius:6px; transition:.2s; height:100%; width:100%;}
.list-sort > a > input[type="radio"]:checked + label				{background-color:#fff; color:#1926D0; font-family:"PretendardSB";}

.list-wrap								{position:relative;}
.list-wrap.hasSort				{padding-top:50px; margin-top:40px; overflow-y:auto; max-height:30vh;}
.list-wrap .list-sort				{position:absolute; top:0; left:0; width:100%;}
.date-mem + .refreshBtn-wrap,
.date-mem + .list-sort		{margin-top:40px;}
.list-sort + .list-wrap			{margin-top:20px; overflow-y:auto;}

.wrap.beFlex-col > head												{flex:0 0 56px;}
.wrap.beFlex-col .container.hasBottomFixed					{padding-bottom:20px; display:flex; flex-direction:column; flex:1 1 0; overflow-y:auto;}
.wrap.beFlex-col .container .date-mem			{margin-bottom:0;}
.wrap.beFlex-col .container .list-wrap				{flex:1 1 0; position:relative;}
.wrap.beFlex-col .container .list-wrap .noData						{position:absolute; inset:0; height:auto;}
.wrap.beFlex-col .container .list-wrap .contents.cargoInquiry:last-of-type,
.wrap.beFlex-col .container .list-wrap .contents.cargoInquiry:last-child				{margin-bottom:30px;}
.wrap.beFlex-col .bottomFixed.hasMenuWrap				{flex:0 0 72px;}


.contents.cargoInquiry								{border-radius:10px; overflow:hidden;}
.contents.cargoInquiry > a						{}
.contents.cargoInquiry .top-info				{background-color:#21244F; display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 14px;}
.contents.cargoInquiry .top-info > span				{color:#fff; font:18px "PretendardR";}
.contents.cargoInquiry .top-info > span > b			{font:22px "PretendardB";}

.contents.cargoInquiry .conts					{padding:20px 14px; min-height:75px;}
.contents.cargoInquiry .conts > div + div				{margin-top:13px;}
.contents.cargoInquiry .conts.beFlex				{display:flex;}
.contents.cargoInquiry .conts.beFlex > p:only-child				{margin:auto; font:16px "PretendardR"; color:#8C949E; padding-left:30px; position:relative;}
.contents.cargoInquiry .conts.beFlex > p:only-child:after					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; background:url('/images/icon/i_exclama.png') no-repeat center; background-size:100% auto; opacity:.5;}

.list-wrap .contents				{background-color:#fff;}
.list-wrap .contents + .contents				{margin-top:20px;}

.contents.cargoInquiry .conts .truck-opt					{display:flex; flex-wrap:wrap; margin:0 -3px;}
.contents.cargoInquiry .conts .truck-opt > span				{font:18px "PretendardSB"; padding:4px 10px; border:1px solid #EFF0F5; border-radius:5px; margin:3px; background-color:#FAFAFA;}

.contents.cargoInquiry .conts hr									{height:13px; border-bottom:1px solid #F2F4F6; margin-bottom:15px;}
.contents.cargoInquiry .conts hr:last-child				{margin-bottom:0;}

.contents.cargoInquiry .conts .rout-info					{display:flex; align-items:flex-start;}
.contents.cargoInquiry .conts .rout-info > span				{flex:1 1 0; font:22px "PretendardB"; font-size:20px;}
.contents.cargoInquiry .conts .rout-info > span > span				{display:block; display:flex; flex-wrap:wrap; margin:7px -3px 0;}
.contents.cargoInquiry .conts .rout-info > span > span > i			{margin:3px; border:1px solid #; font:16px "PretendardR"; padding:3px 5px; border:1px solid #8C949E; border-radius:4px;}
.contents.cargoInquiry .conts .rout-info > i						{flex:0 0 30px; height:26px; margin:0 10px; background:url('/images/icon/i_route_arrow.png') no-repeat center; background-size:100% auto; text-indent:-9999px;}
.contents.cargoInquiry .conts .rout-info > i.badge					{flex:0 0 40px; text-indent:0; margin:1px 8px 0; color:#fff; display:flex; align-items:center; justify-content:center; background-image:none; background-color:#5A5E66; border-radius:13px; font:16px "RobotoM";}
.contents.cargoInquiry .conts .rout-info:only-child				{position:relative; top:5px;}

.contents.cargoInquiry .conts .distance-info					{display:flex; align-items:center; color:#8C949E; font:16px "PretendardR";}  
.contents.cargoInquiry .conts .distance-info > em			{color:#26282C; margin:0 0 0 3px; color:#26282c;}
.contents.cargoInquiry .conts .distance-info b								{margin:0 4px;}
.contents.cargoInquiry .conts .distance-info > em > b				{font-family:"PretendardB";}	

.contents.cargoInquiry .conts .badge-wrap										{display:flex; align-items:center;}
.contents.cargoInquiry .conts .badge-wrap > span						{display:flex; align-items:center; justify-content:center; padding:5px 6px; border-radius:4px; font:14px "PRetendardSB"; white-space:nowrap;}
.contents.cargoInquiry .conts .badge-wrap > span.red					{color:#fff; background-color:#EC605B;}
.contents.cargoInquiry .conts .badge-wrap > .msg				{flex:1 1 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:10px; font:16px "PretendardM"; color:#476EFF;}

.contents.cargoInquiry .btn-wrap					{display:flex;}
.contents.cargoInquiry .btn-wrap:last-child			{/* margin-top:18px; */ padding:0 14px 20px;}
.contents.cargoInquiry .btn-wrap:only-child			{margin-top:0;}
.contents.cargoInquiry .btn-wrap > button				{margin-right:10px;}
.contents.cargoInquiry .btn-wrap > button:last-child				{margin-right:0;}

.contents.cargoInquiry .conts + .conts:last-child				{padding-top:0;}

.refreshBtn-wrap								{position:relative;}
.refreshBtn-wrap > a						{position:absolute; top:2px; right:0; width:24px; height:24px; background:url('/images/icon/i_reload_wh.png') no-repeat center; background-size:100% auto; transition:.1s;}
.refreshBtn-wrap > a.on				{transform:rotate(360deg);}


/* 사이드메뉴 */
.sideMenu-wrap							{position:fixed; left:100%; top:0; width:100%; height:100%; background-color:#fff; z-index:11; transition:.3s ease-in-out;}
.sideMenu-wrap.on					{left:0;}
.sideMenu-wrap > div					{margin:0 20px; padding:56px 0 20px; display:flex; flex-direction:column; height:100%; padding-bottom:100px;}
.sideMenu-wrap > div	 > em						{position:absolute; left:20px; top:17px; text-indent:-9999px; width:64px; height:20px; background:url('/images/icon/logo_text.png') no-repeat center; background-size:100% auto;}
.sideMenu-wrap > div > a							{position:absolute; top:9px; right:9px; text-indent:-9999px; width:40px; height:40px;}
/* .sideMenu-wrap > div > a.close				{position:absolute; top:9px; right:9px; text-indent:-9999px; width:40px; height:40px;} */
.sideMenu-wrap > div > a:after					{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:24px; height:24px; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
.sideMenu-wrap > div > a.close:after			{background-image:url('/images/icon/i_close.png');}
.sideMenu-wrap > div > a.alim-push:after					{background-image:url('/images/icon/i_alim_push.png');}
.sideMenu-wrap > div > div			{flex:1 1 0; display:flex; flex-direction:column;}
.sideMenu-wrap .top-info > span						{font-size:23px; display:block; margin:20px 0 15px; font-family:"PretendardR";}
.sideMenu-wrap .top-info > span > em			{font-family:"PretendardB";}
.sideMenu-wrap .top-info > a				{display:inline-block; padding-right:17px; position:relative; font:16px "PretendardR";}
.sideMenu-wrap .top-info > a:before,
.sideMenu-wrap .top-info > a:after				{content:""; position:absolute; top:50%; right:0; width:1px; height:8px; background-color:#8C949E; margin-top:-5px;}
.sideMenu-wrap .top-info > a:before			{transform:rotate(-45deg) translateY(-50%); margin-top:-4px;}
.sideMenu-wrap .top-info > a:after				{transform:rotate(-135deg) translateY(-50%);}
.sideMenu-wrap .top-info + div					{border-top:1px solid #ddd;  overflow-y:auto;  flex:1 1 0; margin-top:30px;}

.sideMenu-wrap > div ul li						{padding:20px 0;}
.sideMenu-wrap > div ul li + li						{border-top:1px solid #ddd;}
.sideMenu-wrap > div ul li > em					{font:17px "PretendardR"; color:#C5C5C5; display:block; padding:10px 0;}
.sideMenu-wrap > div ul li.termsLink-wrap > a						{display:block; font:16px "PretendardR"; color:#26282c; padding:10px 0; position:relative;}
.sideMenu-wrap > div ul li.termsLink-wrap > a:before,
.sideMenu-wrap > div ul li.termsLink-wrap > a:after			{content:""; position:absolute; top:50%; right:5px; width:1px; height:7px; background-color:#8C949E; margin-top:-5px;}
.sideMenu-wrap > div ul li.termsLink-wrap > a:before			{transform:rotate(-45deg) translateY(-50%); margin-top:-4px;}
.sideMenu-wrap > div ul li.termsLink-wrap > a:after			{transform:rotate(-135deg) translateY(-50%);}
.sideMenu-wrap > div ul li.beFlex				{display:flex; flex-wrap:wrap;}
.sideMenu-wrap > div ul li.beFlex > a			{width:50%; font-size:18px; padding:17px 0;}


/* 알림 */
.alim-wrap				{}
.alim-wrap .contents						{background-color:#fff; border-radius:16px; padding:20px;}
.alim-wrap .contents > div:first-child > em					{color:#26282C; font:18px "PretendardB"; display:flex; align-items:center;}
.alim-wrap .contents > div:first-child > em > i				{height:27px; flex:0 0 27px; margin-right:7px;}
.alim-wrap .contents > div:first-child > small				{font:14px "PretendardR"; color:#8C949E; white-space:nowrap;}
.alim-wrap .contents > div:last-child					{margin-top:15px;}
.alim-wrap .contents > p					{font:18px "PretendardR"; margin:10px 0 0;}
.alim-wrap .contents a					{color:#1825CF; font-size:16px; padding-right:17px; position:relative;}
.alim-wrap .contents a:before,
.alim-wrap .contents a:after					{content:""; position:absolute; right:0; top:5px; width:1.5px; height:8px; background-color:#1825CF;}
.alim-wrap .contents a:before				{transform:rotate(-45deg) translateY(-50%); margin-top:1px;}
.alim-wrap .contents a:after					{transform:rotate(-135deg) translateY(-50%);}
.alim-wrap .contents .beFlex					{display:flex; align-items:center;}
.alim-wrap .contents .beFlex > small				{margin-left:auto;}
.alim-wrap .contents.new						{background-color:#DFEBFE;}
.alim-wrap .contents + .contents				{margin-top:20px;}


/* 사진파일첨부 슬라이드 팝업 */
.links-wrap					{padding:20px;}
.links-wrap > a				{display:block; font:20px "PretendardR"; color:#26282c; position:relative; padding:13px 0;}
.links-wrap > a:before,
.links-wrap > a:after				{content:""; position:absolute; top:50%; right:5px; width:1.5px; height:10px; background-color:#000; margin-top:-5px;}
.links-wrap > a:before			{transform:rotate(-45deg) translateY(-50%);}
.links-wrap > a:after				{transform:rotate(-135deg) translateY(-50%); margin-top:-6px;}

.bottomUp .links-wrap					{padding:10px 20px 20px;}
.bottomUp .links-wrap + .desc-wrap				{padding:30px 20px; font:16px "PretendardR"; color:#AAB0B8; position:relative;}
.bottomUp .links-wrap + .desc-wrap:before			{content:""; position:absolute; left:20px; top:0; height:1px; width:calc(100% - 40px); background-color:#F2F4F6;}
.bottomUp .links-wrap + .desc-wrap > p					{line-height:1.2;}
.bottomUp .links-wrap + .desc-wrap > p + p			{margin-top:10px;}


/* 세금계산서 */
.tabTopMenu-wrap						{width:100%; background-color:#fff; border-bottom:2px solid #EFF0F5;}
.tabTopMenu-wrap > div			{display:flex; margin:0 20px; height:56px; position:relative;}
/* .tabTopMenu-wrap > div:after			{content:""; position:absolute; bottom:-2px; left:0; width:50%; height:3px; background-color:#1825CF; transition:all .2s;} */
.tabTopMenu-wrap > div > a					{width:100%; height:100%; display:flex; position:relative;}
.tabTopMenu-wrap a > input[type="radio"]				{position:absolute;}
.tabTopMenu-wrap a > label											{display:flex; align-items:center; justify-content:center; width:100%; font:20px "PretendardR"; color:#9E9E9E; transition:all .2s;}
.tabTopMenu-wrap a > label:after									{content:""; position:absolute; bottom:-2px; left:0; height:3px; width:100%; background-color:transparent;}
.tabTopMenu-wrap a > input[type="radio"]:checked + label					{color:#1825CF; font-family:"PretendardM";}
.tabTopMenu-wrap a > input[type="radio"]:checked + label:after			{background-color:#1825CF;}

.tabTopMenu-wrap.fixed					{position:fixed; width:100%; top:56px; z-index:10;}

.selectDate-fromTo					{background-color:#fff;}
.selectDate-fromTo > div			{margin:0 20px; display:flex; align-items:center;}
.selectDate-fromTo > div:only-child					{padding-bottom:10px;}
.selectDate-fromTo > div:last-child					{padding-bottom:10px;}
.selectDate-fromTo > div > span				{width:100%;}
.selectDate-fromTo > div > i					{font-size:18px; margin:0 5px;}
.selectDate-fromTo .wrap-select							{margin-right:7px;}
.selectDate-fromTo .wrap-select > label				{white-space:nowrap; font:18px "PretendardSB"; color:#26282c; padding:0 19px 0 0; background-color:transparent; border-bottom: 2px solid #EFF0F5; border-radius:0; height:50px;}
.selectDate-fromTo .wrap-select > label:before,
.selectDate-fromTo .wrap-select > label:after						{right:7px;}
.selectDate-fromTo .wrap-radio							{width:100%; height:40px;}

.tabTopMenu-wrap.fixed + .selectDate-fromTo					{position:fixed; width:100%; top:114px; z-index:10;}

.tabTopMenu-wrap + .selectDate-fromTo				{padding-top:10px;}


.selectDate					{display:flex; align-items:center; position:relative;}
.selectDate > input[type="text"]					{background-color:transparent; border-bottom:2px solid #EFF0F5; border-radius:0; height:50px; font:18px "PretendardSB"; padding-left:3px; padding-right:30px; transition:.2s;}
.selectDate > input[type="text"]:hover,
.selectDate > input[type="text"]:focus				{border-bottom-color:#1825CF;}
.selectDate > button,
.selectDate > a													{position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px;}
.selectDate > button										{right:0; width:30px; height:24px; background:url('/images/icon/i_btn_month.png') no-repeat center; background-size:auto 100%;}
.selectDate > a													{right:35px; display:block; width:20px; height:20px; background-color:#aaa; border-radius:50%;}
.selectDate > a:before,
.selectDate > a:after								{content:""; position:absolute; top:50%; left:50%; width:2px; height:11px; background-color:#fff;}
.selectDate > a:before							{transform:translate(-50%, -50%) rotate(45deg);}
.selectDate > a:after							{transform:translate(-50%, -50%) rotate(-45deg);}
.selectDate.hasResetBtn > input[type="text"]					{padding-right:60px;}


.list-wrap.addPadding > .contents				{padding:20px; margin-bottom:1px;}
.list-wrap.addPadding > .contents:last-chld					{margin-bottom:0;}
.list-wrap.addPadding > .contents > a > div:last-child							{margin-bottom:20px;}
.list-wrap.addPadding > .contents > a > div + div				{margin-top:10px;}
.list-wrap.addPadding > .contents .contents						{border:1px solid #8C949E;}
.list-wrap.addPadding > .contents .contents .top-info				{background-color:#fafafa;}
.list-wrap.addPadding > .contents .contents .top-info > span:first-child > b,
.list-wrap.addPadding > .contents .contents .top-info > span				{color:#26282c;}
.list-wrap.addPadding > .contents .contents .top-info > span:first-child > b,
.list-wrap.addPadding > .contents .contents .top-info > span:first-child				{font-size:16px;}
.list-wrap.addPadding > .contents .contents .top-info > span:first-child				 		{color:#8C949E;}
.list-wrap.addPadding > .contents .contents .top-info > span:first-child > b				{margin-left:8px;}
.list-wrap.addPadding > .contents .contents .top-info > span > b				{font-size:18px;}
.list-wrap.addPadding > .contents .contents .conts				{min-height:auto;}
.list-wrap.addPadding > .contents .contents .conts .rout-info:only-child				{top:0;}
.list-wrap.addPadding > .contents + .contents			{margin-top:0;}
.list-wrap.addPadding > .contents .contents + .alignRight:last-child > span				{font:16px "PretendardR"; color:#8C949E;}
.list-wrap.addPadding > .contents.compl									{display:none;}
.list-wrap.addPadding > .contents.compl:first-child				{margin-top:0;}
.list-wrap.addPadding > .contents .conts .rout-info:only-child				{top:0;}


.receiver-info										{display:flex; align-items:flex-start;}
.receiver-info > dl						{flex:1 1 0;}
.receiver-info > dl dt						{}
.receiver-info > dl dt > em						{font:20px "PretendardB";}
.receiver-info > dl dd								{margin-top:5px;}
.receiver-info > dl dd > span					{font:16px "PretendardR"; color:#484B51; padding:0 10px; position:relative;}
.receiver-info > dl dd > span:first-child				{padding-left:0;}
.receiver-info > dl dd > span:last-child				{padding-right:0;}
/* .receiver-info > dl dd > span + span					{border-left:1px solid #DDE1E4;} */
.receiver-info > dl dd > span + span:after			{content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:1px; height:12px; background-color:#DDE1E4;}
.receiver-info > dl dd.beFlex				{display:flex; align-items:center;}
.receiver-info > span							{/* margin-left:auto; */ text-align:right;}
.receiver-info > span > i						{color:#fff; font:16px "PretendardSB"; padding:5px 6px; background-color:#EC605B; border-radius:4px; display:inline-flex;}


/* 세금계산서 발행/발행정보 */
.taxBillGuy-info + .taxBillGuy-info						{padding-top:0;}
.taxBillGuy-info > em + .contents.gist				{margin-top:14px;}
.taxBillGuy-info > .contents.gist							{border-width:1.5px; border-style:solid; padding:7px 0; border-radius: 10px;}
.taxBillGuy-info > .contents.gist > dl						{min-height:45px; padding:0 20px;}
.taxBillGuy-info > .contents.gist > dl:first-child,
.taxBillGuy-info > .contents.gist > dl:last-child			{min-height:39px;}
.taxBillGuy-info > .contents.gist > dl:only-child			{min-height:33px;}
.taxBillGuy-info > .contents.gist > dl dt					{font-family:"PretendardR";}
.taxBillGuy-info > .contents.gist > dl dd > em			{font:18px "PretendardM"; color:#000; text-align:right;}
.taxBillGuy-info > .contents.gist > dl + dl				{border-top:1px solid #F2F4F6; margin-top:0;}

.taxBillGuy-info.provider > .contents.gist > dl dt,
.taxBillGuy-info.provider > em								{color:#EB3447;}
.taxBillGuy-info.provider > .contents.gist				{border-color:#EB3447;}

.taxBillGuy-info.receiver > .contents.gist > dl dt,
.taxBillGuy-info.receiver > em									{color:#166BC8;}
.taxBillGuy-info.receiver > .contents.gist				{border-color:#166BC8;}

.taxBillGuy-info.total > .contents.gist				{border-color:#484B51; position:relative; overflow:hidden;}
.taxBillGuy-info.total > .contents.gist:before			{content:""; position:absolute; bottom:0; left:0; width:100%; height:43px; background-color:#FFEFF1; z-index:-1;}
.taxBillGuy-info.total > .contents.gist > dl dt			{color:#484B51;}
.taxBillGuy-info.total > .contents.gist > dl dd			{font:16px "PretendardR";}
.taxBillGuy-info.total > .contents.gist > dl dd > em				{font:20px "PretendardB"; color:#0B0C0E;}
.taxBillGuy-info.total > .contents.gist > dl:last-child					{background-color:#FFEFF1;}
.taxBillGuy-info.total > .contents.gist > dl:last-child dt				{color:#DA100B; font-family:"PretendardB";}
.taxBillGuy-info.total > .contents.gist > dl:last-child dd > em,
.taxBillGuy-info.total > .contents.gist > dl:last-child dd				{color:#DA100B;}

.taxBillGuy-info.total + .list-wrap.addPadding				{border-top:1px solid #e6e6e6;}


/* 세금계산서 발생 최종정보 슬라이드 팝업  */
.bottomUp .contents.gist > dl					{min-height:auto;}
.bottomUp .contents.gist > dl dt				{color:#8C949E; flex:0 0 73px;}
.bottomUp .contents.gist > dl dd			{font-family:"PretendardM"; text-align:right;}
.bottomUp .contents.gist > dl dd > em.red				{color:#DA100B; font-size:20px;}
.bottomUp .contents.gist > dl + dl			{margin-top:15px;}
.bottomUp .contents.gist + .desc-text			{font:20px "PretendardR"; color:#26282c; margin-top:30px; line-height:1.4;}
.bottomUp .contents.gist ~ .btn-wrap				{margin-top:30px;}
.bottomUp .container + .btn-wrap					{padding:0 30px 30px;}

/* 세금계산서 발행정보 보기 */
.pubInfoView .contents.gist > dl				{min-height:48px;}
.pubInfoView .contents.gist > dl dd			{text-align:right; font-family:"PretendardM";}
.pubInfoView .contents.gist > dl dd > em				{font:20px "PretendardB";}
.pubInfoView .contents.gist > dl + dl			{margin-top:0;}
.pubInfoView + .total				{padding-top:0;}



/* 날짜선택 슬라이드 팝업 */
.date-navi.hasTodayBtn > button.toDayBtn,
.bottomUp > button.toDayBtn							{color:#fff; background-color:#000; width:auto; height:auto; text-indent:0; top:-5px; font:16px "PretendardM"; padding:8px; border-radius:17px;}
.bottomUp > button.toDayBtn:before,
.bottomUp > button.toDayBtn:after				{display:none;}
.date-navi.hasTodayBtn > button.toDayBtn,
.compact button.toDayBtn					{font-size:12px;}

.bottomUp .dateSelect-wrap					{padding:20px;}
.bottomUp .calendar-wrap .day				{padding-bottom:0;}

.dateSelect-wrap .date-navi					{}

.date-navi					{display:flex; align-items:center;}
.date-navi > a,
.date-navi > span				{width:100%; text-align:center;}
.date-navi > a						{text-indent:-9999px; position:relative;}
.date-navi > a:before,
.date-navi > a:after				{content:""; position:absolute; top:50%; left:50%; width:2px; height:10px; background-color:#000;}
.date-navi > a.left:before			{transform:rotate(45deg) translate(-50%, -50%); margin-top:-4px;}
.date-navi > a.left:after			{transform:rotate(135deg) translate(-50%, -50%); margin-top:-5px; margin-left:-1px;}
.date-navi > a.right:before			{transform:rotate(-45deg) translate(-50%, -50%); margin-top:-5px;}
.date-navi > a.right:after			{transform:rotate(-135deg) translate(-50%, -50%); margin-top:-6px; margin-left:-1px;}
.date-navi > span				{font:20px "PretendardSB"; color:#000; width:130%; white-space:nowrap;}
.date-navi.fixed					{position:fixed; top:76px; width:100%;}

.compact .date-navi > span					{font-size:18px;}

.date-navi.hasTodayBtn > a													{width:55%;}
.date-navi.hasTodayBtn > button.toDayBtn					{white-space:nowrap;}

.calendar-wrap					{padding:18px 0; position:relative;}
.calendar-wrap .week			{position:absolute; left:0; top:0; width:100%;}
.calendar-wrap .day > ol,
.calendar-wrap .week > ol				{display:flex; align-items:center;}
.calendar-wrap .day > ol > li,
.calendar-wrap .week > ol > li			{width:100%; text-align:center;}
.calendar-wrap .day > ol > li.in-range:first-child > span,
.calendar-wrap .day > ol > li:first-child,
.calendar-wrap .week > ol > li:first-child				{color:#F04452;}
.calendar-wrap .week > ol > li			{font:18px "PretendardR"; color:#696E76;}
.calendar-wrap .day						{padding:10px 0;}
.calendar-wrap .day > ol				{margin:7px 0;}
.calendar-wrap .day > ol > li			{font:18px "PretendardB"; color:#26282c; height:40px; display:flex; position:relative;}
.calendar-wrap .day > ol > li	 > span				{margin:auto; z-index:1;}
.calendar-wrap .day > ol > li > span:before,
.calendar-wrap .day > ol > li > span:after						{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-style:solid; border-color:transparent; background-color:transparent;}
.calendar-wrap .day > ol > li > span:after						{height:0; width:0; border-width:0; transition:.2s; z-index:-1; border-radius:50%;}
.calendar-wrap .day > ol > li > span:before					{z-index:-2;}
.calendar-wrap .day > ol > li.in-range > span											{color:#26282C;}
.calendar-wrap .day > ol > li.in-range > span:before								{width:100%; height:100%; background-color:#1825CF; opacity:.1;}
.calendar-wrap .day > ol > li.start-date > span:before							{border-radius:50% 0 0 50%;}
.calendar-wrap .day > ol > li.end-date > span:before							{border-radius:0 50% 50% 0;}
.calendar-wrap .day > ol > li.in-range:hover > span,
.calendar-wrap .day > ol > li.toDay:hover > span,
.calendar-wrap .day > ol > li.active > span,
.calendar-wrap .day > ol > li:hover > span						{color:#fff;}
.calendar-wrap .day > ol > li.toDay:hover > span:after,
.calendar-wrap .day > ol > li.toDay > span:after,
.calendar-wrap .day > ol > li.active > span:after,
.calendar-wrap .day > ol > li:hover > span:after			{height:40px; width:40px; background-color:#1825CF; border-width:2px; border-color:#1825CF;}
.calendar-wrap .day > ol > li.toDay > span						{color:#1825CF; }
.calendar-wrap .day > ol > li.toDay > span:after			{background-color:#fff;}

.date-navi + .calendar-wrap				{margin-top:20px;}
.calendar-wrap .day > ol > li.disable {color: lightgrey;}
.calendar-wrap .day > ol > li.today {color: #1825CF;}


/* 내정보 */
.myPhoto-wrap						{display:flex;}
.myPhoto-wrap > div				{margin:auto; position:relative;}
.myPhoto-wrap > div > p			{width:80px; height:80px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#F2F4F6; border:1px solid #DDE1E4;}
.myPhoto-wrap > div > a			{text-indent:-9999px; position:absolute; bottom:0; right:0; border-radius:50%; background-color:#C6CBD0; height:27px; width:27px; display:block; border:3px solid #fff; z-index:1;}
.myPhoto-wrap > div > a:before,
.myPhoto-wrap > div > a:after					{content:""; position:absolute; left:50%; top:50%; width:2px; height:12px; background-color:#fff; transition:.2s;}
.myPhoto-wrap > div > a:before				{transform:translate(-50%, -50%);}
.myPhoto-wrap > div > a:after				{transform:translate(-50%, -50%) rotate(90deg);}

.myPhoto-wrap > div.on > p					{background-color:transparent;}
.myPhoto-wrap > div.on > a:before			{transform:translate(-50%, -50%) rotate(45deg);}
.myPhoto-wrap > div.on > a:after			{transform:translate(-50%, -50%) rotate(-45deg);}


.myPhoto-wrap + .contents.gist									{padding:30px 0; border-bottom:1px solid #F2F4F6;}

.myPhoto-wrap ~ em + .contents.gist						{margin-top:30px;}
.myPhoto-wrap ~ em > button								{font:18px "PretendardR"; background-color:#fff; padding:10px 10px 10px 40px; border:1px solid #EFF0F5; border-radius:8px; color:#26282c; position:relative;}
.myPhoto-wrap ~ em > button:after						{content:""; position:absolute; top:50%; left:11%; transform:translateY(-50%); width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.myPhoto-wrap ~ em > button.reg:after				{background-image:url('/images/icon/i_btn_edit.png');}
.myPhoto-wrap ~ em > button.edit:after				{background-image:url('/images/icon/i_btn_edit.png');}

.myPhoto-wrap ~ .contents.gist + em					{margin-top:40px;}
.myPhoto-wrap ~ .contents.gist + em:first-of-type			{margin-top:30px;}

/*
.myPhoto-wrap.fixed								{position:fixed; top:76px;  left:0; width:100%; background-color:#fff; z-index:5;}
.myPhoto-wrap.fixed:before					{content:""; position:absolute; top:-20px; left:-20px; width:calc(100% + 40px); height:calc(100% + 40px); z-index:0;}
.myPhoto-wrap.fixed + .contents.gist				{position:fixed; top:156px; left:20px; width:calc(100% - 40px); z-index:5;}
.myPhoto-wrap.fixed + .contents.gist:before			{content:""; position:absolute; top:0; left:-20px; width:calc(100% + 40px); height:100%;}
*/


/* 차량종류선택 슬라이드 팝업 */
.selectItem-wrap > a								{display:flex; width:100%; position:relative;}
.selectItem-wrap > a > input[type="radio"]					{position:absolute;}
.selectItem-wrap > a > label											{height:45px; width:100%; display:flex; align-items:center; justify-content:center; font:20px "PretendardR"; color:#484B51; transition:.2s;}
.selectItem-wrap > a > label:after										{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:0; height:0; background:url('/images/icon/i_checkbox_onlycheck.png') no-repeat left bottom; background-size:100% auto;}
.selectItem-wrap > a > input[type="radio"]:checked + label				{color:#1825CF; font-family:"PretendardSB";}
.selectItem-wrap > a > input[type="radio"]:checked + label:after				{width:30px; height:30px;}

.compact .selectItem-wrap > a > label			{font-size:16px; height:40px;}

/* 온도및톤수 선택 슬라이드 팝업 */
.bottomUp .doubleSelect-wrap + .btn-wrap				{margin-top:20px;}

.doubleSelect-wrap					{display:flex;}
.doubleSelect-wrap > span				{width:100%; height:250px; position:relative; margin:0 5px;}
.doubleSelect-wrap > span:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); height:50px; width:100%; background-color:#DFEBFE; border-radius:4px;}
.doubleSelect-wrap > span > ol			{position:absolute; top:0; left:0; height:100%; width:100%; overflow-y:auto;}
.doubleSelect-wrap > span > ol a			{color:#c4c4c4; font:20px "PretendardM"; display:block; height:50px; width:100%; display:flex; justify-content:center; align-items:center; white-space:nowrap; transition:.2s;}
.doubleSelect-wrap > span > ol a.on				{color:#1825CF; font-family:"PretendardSB";}
.doubleSelect-wrap > span > ol > li		{height:50px;}

.doubleSelect-wrap.oneBgBar											{position:relative;}
.doubleSelect-wrap.oneBgBar:before							{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); height:50px; width:100%; background-color:#DFEBFE; border-radius:4px;}
.doubleSelect-wrap.oneBgBar > span:before				{display:none;}
.doubleSelect-wrap.timeSelect > span:last-child:after					{content:":"; position:absolute; left:-6px; top:50%; transform:translatey(-50%); font:24px "PretendardB"; color:#1825CF; margin-top:-3px;}


/* 사업자정보등록 */
.address-wrap .beFlex .textarea-wrap				{padding:5px 15px;}
.address-wrap .beFlex .textarea-wrap > textarea				{padding:10px 0;}
.data-input .address-wrap .beFlex					{align-items:flex-start;}


/* 수입현황 */
.incomeStatus .date-navi > span				{width:60%;}
.date-navi + div				{margin-top:20px;}

.monthThums-wrap				{display:grid;  grid-template-columns: repeat(3, 1fr); gap:5px 4px;}
.monthThums-wrap > dl			{text-align:center; border:1px solid #F2F4F6; border-radius:8px; overflow:hidden;}
.monthThums-wrap > dl dt						{background-color:#EEF3F8; padding:6px 9px;}
.monthThums-wrap > dl dt > em				{font:16px "PretendardSB";}
.monthThums-wrap > dl dd							{padding:14px 9px;}
.monthThums-wrap > dl dd > span			{display:flex; align-items:center; justify-content:flex-end; font:12px "PretendardR"; text-align:right;}
.monthThums-wrap > dl dd > span > b				{font:16px "PretendardB"; margin:0 2px 0 0; white-space:nowrap; letter-spacing:-.5px;}
.monthThums-wrap > dl dd > span + span			{margin-top:7px;}
.monthThums-wrap > dl.toMonth					{border-color:#21244F;}
.monthThums-wrap > dl.toMonth dt			{background-color:#21244F;}
.monthThums-wrap > dl.toMonth dt > em			{color:#fff;}


.incomeStatusDetail .date-navi							{position:relative;}
.incomeStatusDetail .date-navi:before				{content:""; position:absolute; left:-20px; top:-20px; width:calc(100% + 40px); height:calc(100% + 40px); background-color:#fff; z-index:-1;}
.incomeStatusDetail .date-navi + .total-wrap							{margin-top:10px;}
.incomeStatusDetail .date-navi + .total-wrap:before				{content:""; position:absolute; left:-20px; top:0; width:calc(100% + 40px); height:100%; background-color:#fff; z-index:-1;}
.incomeStatusDetail .list-wrap .contents				{margin-top:20px;}
.incomeStatusDetail .date-navi.fixed					{position:fixed; width:calc(100% - 40px); z-index:5;}
.incomeStatusDetail .date-navi.fixed + .total-wrap				{position:fixed; top:100px; width:calc(100% - 40px); z-index:5;}

.total-wrap				{display:flex; align-items:center; background-color:#fff; padding:10px 0; position:relative;}
.total-wrap > span				{width:100%; padding:10px 15px; border-radius:10px; border:1px solid #F3F3F3; background-color:#FAFAFA;}
.total-wrap > span > dl dt					{font:16px "PretendardR";}
.total-wrap > span > dl dd				{text-align:right; font:16px "PretendardR"; margin-top:10px;}
.total-wrap > span > dl dd > b				{font:20px "PretendardB"; letter-spacing:-.5px;}
.total-wrap > span > dl dd.beFlex			{display:flex; align-items:center; justify-content:flex-end;}
.total-wrap > span > dl dd.beFlex > b		{margin-right:4px;}
.total-wrap > span.price								{background-color:#F1F2FC;}
.total-wrap > span.price > dl dd > b			{color:#1825CF;}
.total-wrap.grid					{display:grid; grid-template-columns:repeat(2, 1fr); gap:0 8px; align-items: stretch;}


/* 공지사항 */
.notiList > a				{display:block; padding:20px 0;}
.notiList > a:first-child			{padding-top:0;}
.notiList > a + a				{border-top:1px solid #EFF0F5;}
.notiList em				{display:block; font:20px "PretendardR"; color:#26282c;}
.notiList small				{font:16px "PretendardR"; color:#8C949E; margin-top:10px; display:block;}
.notiList small.blue				{color:#1825CF;}

.notiList.view em			{font-family:"PretendardSB";}
.notiList.view > a > p			{font:18px "PretendardR"; line-height:1.4;}
.notiList.view > a > p .img-sample				{min-height:32vh; display:grid; place-items:center; background-color:#EBEFF4; border-radius:10px;}
.notiList.view > a > p .img-sample:after			{content:""; width:53px; height:43px; background:url('/images/icon/i_img.png') no-repeat center; background-size:auto 100%;}
.notiList.view > a > p ~ p			{margin:20px 0;}


/* 1:1문의 */
.onOneInq							{margin:40px 0;}
.onOneInq:first-child							{margin-top:15px;}
.onOneInq > em					{display:block; font:24px "PretendardR"; line-height:1.3;}
.onOneInq > em > b			{font-family:"PretendardB";}
.onOneInq > em + small				{font:18px "PretendardR"; display:block; margin-top:20px; color:#8C949E;}

.onOneInq + .tabTopMenu-wrap					{margin:0 -20px; width:calc(100% + 40px);}
.onOneInq + .tabTopMenu-wrap ~ div									{margin-top:25px;}

.notiList .beFlex				{display:flex; align-items:center;}
.notiList .beFlex > span > i			{display:flex; font:16px "PretendardR"; color:#1825CF; padding:2px 4px; border:1px solid #1825CF; border-radius:3px;}
.notiList .beFlex > small				{margin:0 0 0 auto; font:16px "PretendardR"; color:#8C949E;}
.notiList .beFlex + em						{margin-top:10px;}
.notiList .beFlex ~ small 							{font-size:18px; margin-top:20px;}
.notiList .reply							{position:relative;}
.notiList .reply:before			{content:""; position:absolute; left:-20px; top:0; width:calc(100% + 40px); height:100%; background-color:#EEF3F8; z-index:-1;}
.notiList .reply > p				{color:#383B5A; font:18px/1.3 "PretendardR"; padding:20px 0 20px 20px; margin-top:20px;} 
.notiList .reply > p:after				{content:""; position:absolute; left:0; top:20px; width:12px; height:12px; border-width:0 0 1px 1px; border-style:solid; border-color:#8C949E;}


/* 회원탈퇴 */
.wrap.beFlex-col .withdrawal				{overflow-y:auto;}
.withdrawal				{flex:1 1 0; display:flex; flex-direction:column;}
.withdrawal .title-wrap				{display:grid; place-items:center; height:100px; text-align:center; background-color:#fff; position:relative;}
.withdrawal .title-wrap:before			{content:""; position:absolute; left:-20px; top:-20px; height:calc(100% + 40px); width:calc(100% + 40px); background-color:#fff; z-index:-1;}
.withdrawal .title-wrap em			{font:24px "PretendardSB"; display:block;}
.withdrawal .title-wrap small			{font:18px "PretendardR"; color:#8C949E; display:block; margin-top:8px;}

.withdrawal .title-wrap + em			{margin-top:45px;}
.withdrawal .title-wrap + em + ul				{background-color:#fff; padding:20px; margin-top:15px; font:16px "PretendardR"; margin-bottom:85px;}
.withdrawal .title-wrap + em + ul li					{padding-left:28px; position:relative; line-height:1.2;}
.withdrawal .title-wrap + em + ul li:after			{content:""; position:absolute; left:0; top:0; width:20px; height:20px; background:url('/images/icon/i_list_check.png') no-repeat center; background-size:auto 100%;}
.withdrawal .title-wrap + em + ul li + li				{margin-top:10px;}

.withdrawal .wrap-check				{margin-top:auto; position:relative;}
.withdrawal .wrap-check:before			{content:""; position:absolute; left:-20px; top:-20px; height:calc(100% + 40px); width:calc(100% + 40px); background-color:#fff; z-index:-1;}
.withdrawal .wrap-check label			{line-height:1.25;}
.withdrawal .wrap-check:last-child				{position:fixed; bottom:115px; left:20px; width:100%;}


/* 오더관리 */
.search-wrap								{padding:5px 0;}
.search-wrap.fixed						{position:fixed; top:56px; left:0; width:100%; z-index:3; padding:5px 20px; background-color:#fff;}		

.search-wrap .input-btn > span,
.search-wrap .input-btn			{display:flex;}

.search-wrap .input-btn input[type="text"],
.search-wrap .input-btn input[type="number"],
.search-wrap .input-btn input[type="tel"]						{height:100%; background-color:transparent; font-size:16px; padding-right:5px;}
.search-wrap .input-btn > span											{border:1px solid #EFF0F5; border-radius:4px; height:40px; background-color:#FAFAFA; flex:1 1 0;}

.search-wrap .input-btn > span > input[type="text"],
.search-wrap .input-btn > span > input[type="number"],
.search-wrap .input-btn > span > input[type="tel"]								{flex:1 1 0;}
.search-wrap .input-btn > span > a									{text-indent:-9999px; background:url('/images/icon/i_detail.png') no-repeat center; background-size:24px; display:block; width:40px; height:40px; flex:0 0 40px;}

.search-wrap .input-btn > span + button							{margin-left:10px; background-color:transparent;}
.search-wrap .input-btn > span + .wrap-select							{margin-right:-15px;}
.search-wrap .input-btn > span + .wrap-select > label				{font-size:16px; height:40px; padding-top:0; padding-bottom:0; background-color:transparent; pointer-events: none; color:#26282c;}
.search-wrap .input-btn > span + .wrap-select:hover				{}

.search-wrap .ops-wrap												{display:none;}
.search-wrap .ops-wrap.on											{display:block;}

.search-wrap .ops-wrap,								
.search-wrap .ops-wrap > div + div								{margin-top:5px;}
.search-wrap .ops-wrap .radios-wrap + div				{margin-top:0;}
.search-wrap .ops-wrap .radios-wrap .wrap-radio a						{height:40px;}

.radios-wrap						{display:flex;}
.radios-wrap .wrap-radio				{width:100%;}

.radios-wrap .wrap-radio label				{font:16px "PretendardM";}


.wrap-dateFromTo					{display:flex; align-items:center; margin:0 -5px;}

.wrap-dateFromTo > span									{margin:0 5px;}

.selectItems-wrap .wrap-selectItem,
.wrap-dateFromTo .wrap-selectDate					{width:100%;}

.wrap-selectDate											{}

.wrap-selectItem > a,
.wrap-selectDate > a								{height:40px; display:flex; align-items:center; position:relative; border-bottom:1px solid #E7E7E7;}

.wrap-selectItem em,
.wrap-selectDate	 em								{font:16px "PretendardM"; flex:1 1 0;}

.wrap-selectItem em > .hasX						{padding-right:25px; background:url('/images/icon/i_circle_x.png') no-repeat center right; background-size:auto 90%;}

.wrap-selectDate	 em + i									{flex:0 0 30px; height:40px; text-indent:-9999px; background:url('/images/icon/i_btn_month.png') no-repeat center; background-size:22px;}


.selectItems-wrap					{display:flex; margin:0 -10px;}
.selectItems-wrap > span						{margin:0 10px}
.wrap-selectItem										{}
.wrap-selectItem em + i						{flex:0 0 30px; height:40px; text-indent:-9999px; background:url('/images/icon/i_rightarrow.png') no-repeat center; background-size:29px; margin-left:auto;}
.wrap-selectItem em + em					{margin-left:5px;}
.wrap-selectItem em.beFlex				{display:flex; align-items:center;}
.wrap-selectItem em.beFlex > i:last-child			{width:16px; height:16px; flex:0 0 15px; border-radius:50%; background-color:rgba(80,88,102,.5); text-indent:-9999px; margin:0 8px; position:relative;}
.wrap-selectItem em.beFlex > i:last-child:before,
.wrap-selectItem em.beFlex > i:last-child:after						{content:""; position:absolute; top:50%; left:50%; width:1px; height:10px; background-color:#fff;}
.wrap-selectItem em.beFlex > i:last-child:before					{transform:translate(-50%, -50%) rotate(45deg);}
.wrap-selectItem em.beFlex > i:last-child:after					{transform:translate(-50%, -50%) rotate(-45deg);}


.list-wrap.ltRtZero				{margin:0 -20px;}
.list-wrap.hasTabBtn					{padding-top:44px;}
.list-wrap.hasTabBtn .wrap-tabBtns				{position:absolute; left:0; top:0; width:100%; padding:0 20px; height:44px;}
.list-wrap.hasTabBtn .wrap-tabBtns.overflowX				{padding-bottom:1px;}

.wrap-tabBtns														{display:flex; border-bottom:1px solid #E7E7E7; background-color:#fff;}
.wrap-tabBtns > button		{background-color:#fff; height:100%; /* border-bottom:2px solid transparent; */ transition:.2s; font:16px "PretendardM"; color:#B0B1B9; padding:0 5px; white-space:nowrap; position:relative;}
.wrap-tabBtns > button:after			{content:""; position:absolute; bottom:-1px; left:0; height:2px; width:100%; background-color:transparent; transition:.2s;}
.wrap-tabBtns > button.on				{color:#1825CF; /* border-color:#1825CF; */ font-family:"PretendardSB";}
.wrap-tabBtns > button.on:after				{background-color:#1825CF;}
.wrap-tabBtns > button + button			{margin-left:10px;}
.wrap-tabBtns.overflowX						{overflow-x:auto; overflow-y:hidden;}

.container > .wrap-tabBtns					{border-bottom:0; position:relative; min-height:54px;}
.container > .wrap-tabBtns:before			{content:""; position:absolute; top:100%; left:-20px; height:1px; width:calc(100% + 40px); background-color:#E7E7E7;}
.container > .wrap-tabBtns > button				{height:auto; width:100%; margin:0;}
.container > .wrap-tabBtns > button.on			{color:#1825CF;}

.container > .wrap-tabBtns:first-child				{margin-top:-20px;}

.list-wrap.hasTabBtn .wrap-tabBtns.btnsW100									{padding:0 10px;}
.list-wrap.hasTabBtn .wrap-tabBtns.btnsW100 > button					{width:100%; padding:0; margin:0 5px;}


.list-wrap .wrap-tabBtns.fixed							{position:fixed;  z-index:3; top:56px;}
.search-wrap.fixed + .list-wrap .wrap-tabBtns.fixed				{top:106px;}


.list-wrap ul li						{border-bottom:1px solid #F2F4F6; padding:15px 20px;}
.list-wrap ul li > div + div				{margin-top:7px;}
.list-wrap ul li > div.blue				{color:#1825CF; font-family:"PretendardM";}
.list-wrap ul li > div.wrap-fromTo				{margin-top:2px;}
.list-wrap ul li .beFlex						{display:flex;}
.list-wrap ul li .beFlex > div				{width:100%;}
.list-wrap ul li .beFlex > a:last-child					{margin-left:auto;}
.list-wrap ul li .beFlex > a.vert3Dots					{font-size:21px; color:#26282c; padding:0 5px;}
.list-wrap ul li .txts-wrap					{font:14px "PretendardR"; color:#26282c; background-color:#F1F2FC; border-radius:6px; padding:12px 14px; display:flex; align-items:center;}
.list-wrap ul li .txts-wrap > i					{width:20px; height:20px; flex:0 0 20px; margin-right:5px;}
.list-wrap ul li.accept,
.list-wrap ul li.compl,
.list-wrap ul li.cancel								{display:none;}


.wrap-dateCarNum			{display:flex; align-items:center;}
.wrap-dateCarNum > em				{font:14px "PretendardSB";}
.wrap-dateCarNum > span			{font:16px "PretendardM"; position:relative; padding-left:28px; display:block;}
.wrap-dateCarNum > span > i							{position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px;}
.wrap-dateCarNum > span > b						{font-family:"PretendardB"; color:#1825CF;}
.wrap-dateCarNum > span:last-child				{margin-left:auto;}
.wrap-dateCarNum > span.hasBadge > i					{width:auto; display:flex; align-items:center; justify-content:center;  padding:0 8px; height:20px; border-radius:10px; border:1px solid #000; font:12px "PretendardM"; position:static; transform:none; min-width:55px;}
.wrap-dateCarNum > span.hasBadge > i.blue				{color:#1825CF; border-color:#1825CF;}


.wrap-fromTo							{display:flex; align-items:center;}
.wrap-fromTo > em					{font:16px "PretendardM"; flex:1 1 0; overflow:hidden; white-space:nowrap; /* text-overflow:ellipsis; */}
.wrap-fromTo > span					{flex:0 0 30px; margin:0 10px;}

.dlTable-wrap								{display:flex; align-items:center; margin:0 -10px;}
.dlTable-wrap > dl						{width:100%; display:flex; align-items:center; margin:0 10px;}
.dlTable-wrap > dl dt > span				{display:flex; align-items:center; justify-content:center; height:20px; padding:0 10px; background-color:#F1F2FC; color:#8486AA; border-radius:10px; }
.dlTable-wrap > dl dd				{flex:1 1 0; margin-left:auto; text-align:right;}
.dlTable-wrap > dl dd > b				{margin:0 5px; font:16px "PretendardSB";}

.regInfo-wrap									{text-align:right;}
.regInfo-wrap > span						{font-family:"PretendardR";}
.regInfo-wrap > span.gray				{color:#9E9E9E;}
.regInfo-wrap:last-child				{margin-top:10px;}


/* 담당자 선택 */
.wrapRadio-list .wrap-radio > a						{width:100%;}
.wrapRadio-list .wrap-radio label					{padding-left:0; padding-right:28px; width:100%; min-height:36px;}
.wrapRadio-list .wrap-radio label:before					{right:0; left:inherit;}
.wrapRadio-list .wrap-radio label:after						{right:7px; left:inherit;}
.wrapRadio-list .wrap-radio input:checked + label:after					{right:6px; left:inherit;}

.wrap-radio label.beFlex										{display:flex; align-items:center;}
.wrap-radio label.beFlex > p:first-child				{flex:0 0 40px; height:40px; border-radius:50%; background-color:#DFEBFE; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; margin-right:10px;}
.wrap-radio label.beFlex > dl span								{font:14px "PretendardR"; color:#484B51; margin-left:10px; padding-left:11px; position:relative;}
.wrap-radio label.beFlex > dl span:after					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#DDE1E4;}
.wrap-radio label.beFlex > dl span:first-child								{margin-left:0; padding-left:0;}
.wrap-radio label.beFlex > dl span:first-child:after					{display:none;}
.wrap-radio label.beFlex > dl span.blue			{color:#1825CF;}
.wrap-radio label.beFlex > dl span.tel			{color:#1825CF; text-decoration:underline;}			
.wrap-radio label.beFlex > dl dt > em				{font:16px "PretendardB"; color:#26282c;}
.wrap-radio label.beFlex > dl dd							{margin-top:4px;}
.wrap-radio label.beFlex > dl dd:only-child				{margin-top:0;}


/* 오더정보 */
.container .contents.fixed:first-child						{position:fixed; top:56px; left:0; width:100%; background-color:#fff; z-index:1;}
.container .contents.fixed:first-child .top-orderInfo:only-child				{padding:20px 20px 18px;}

.wrap-contents > .contents + .contents				{margin-top:23px;}
.wrap-contents .beFlex								{display:flex; align-items:center;}

.contents.hasBottomBorder						{padding-bottom:10px; position:relative;}
.contents.hasBottomBorder:after				{content:""; position:absolute; bottom:0; left:-20px; width:calc(100% + 40px); height:10px; background-color:#EEF3F8;}

.top-orderInfo						{padding:18px 0;}
.top-orderInfo > dl							{display:flex; align-items:center;}
.top-orderInfo > dl dt						{font:14px "PretendardR";}	
.top-orderInfo > dl dt.beFlex				{display:flex; align-items:center;}
.top-orderInfo > dl dt.beFlex > i				{width:20px; flex:0 0 20px; margin-right:6px;}
.top-orderInfo > dl dd					{margin-left:auto;}
.top-orderInfo > dl dd > b				{font:18px "PretendardSB"; color:#000;}
.top-orderInfo:first-child				{padding-top:0;}
.top-orderInfo .info-reg					{text-align:right; color:#8C949E; font:12px "PretendardR";}

.top-orderInfo > dl + .info-reg					{margin-top:12px;}

.top-titles											{display:flex; align-items:center;}
.top-titles > em								{font:16px "PretendardSB"; color:#26282c; position:relative;}
.top-titles > em.hasArrow:after				{content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:28px; height:28px; background:url('/images/icon/i_rightarrow.png') no-repeat center; background-size:100% auto; opacity:.3; margin-top:-1px;}
.top-titles > button:last-child,
.top-titles > span:last-child			{margin-left:auto;margin-bottom:2px;}
.top-titles .carNum							{font:16px "PretendardM"; position:relative; padding-left:28px; display:block;}
.top-titles .carNum > i					{position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px;}
.top-titles .carNum > b					{font-family:"PretendardB"; color:#1825CF;}
.top-titles .round-btn						{background-color:#fff; color:#000; height:32px; border-radius:16px; border:1px solid rgba(80,88,102,.2); font:14px "PretendardM"; padding:0 16px;}
.top-titles .wrap-badges								{margin:0 10px;}
.top-titles .wrap-badges > i							{display:inline-flex; align-items:center; justify-content:center; padding:0 8px; font:12px "PretendardSB"; border-radius:4px; height:24px; margin:0 3px;}
.top-titles .wrap-badges > i.round					{height:22px; border-radius:11px; font-size:14px; padding:0 10px;}
.top-titles .wrap-badges > i.lightRed				{background-color:#FEE1DF; color:#D21F2F;}
.top-titles .wrap-badges > i.bk							{background-color:#2F3A4A; color:#fff;}
.smallphotoView + .photoView > p			{font-size: 14px;line-height: 1.2;margin-top:15px;}


.wrap-dls											{display:flex; align-items:center;}
.wrap-dls > dl									{width:100%; text-align:center; position:relative;}
.wrap-dls > dl dt								{color:#8C949E; font:14px "PretendardR";}
.wrap-dls > dl dd > b						{font:24px "PretendardB"; color:#26282c;} 
.wrap-dls > dl + dl:before				{content:"\00B7"; position:absolute; left:-5px; top:50%; transform:translateY(-50%); font-size:40px; color:#D0E5FF;}

.top-titles + .wrap-dls					{margin:15px -20px 0;}

.photo-info										{display:flex; align-items:center; max-width:calc(100% - 16px);}
.photo-info > p:first-child				{height:40px; flex:0 0 40px; border-radius:50%; background-color:#dfebfe; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; margin-right:10px;}
.photo-info > dl									{max-width:calc(100% - 35px);}
.photo-info > dl span							{font:14px "PretendardR"; color:#484B51; margin-left:10px; padding-left:11px; position:relative;}
.photo-info > dl span:after							{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#DDE1E4;}
.photo-info > dl span:first-child					{margin-left:0; padding-left:0;}
.photo-info > dl span:first-child:after		{display:none;}
.photo-info > dl span.blue							{color:#1825CF;}
.photo-info > dl span.tel								{color:#1825CF; text-decoration:underline;}
.photo-info > dl dt > em								{font:16px "PretendardB"; color:#26282c;}

.photo-info > dl dd .badge,
.photo-info > dl dt .badge							{font:10px "PretendardSB"; height:18px; display:inline-flex; align-items:center; justify-content:center; padding:0 6px; border-radius:4px; margin:0 10px;}
.photo-info > dl dd .badge.bgCyan,
.photo-info > dl dt .badge.bgCyan				{color:#fff; background-color:#39CBC5;}
.photo-info > dl dd .badge.bgBlue,
.photo-info > dl dt .badge.bgBlue				{color:#fff; background-color:#1825CF;}
.photo-info > dl dt.beFlex								{display:flex; align-items:center;}
.photo-info > dl dd										{margin-top:4px;}
.photo-info > dl dd.hasEllipsisSpan							{display:flex; align-items:center;}
.photo-info > dl dd.hasEllipsisSpan > span				{flex:1 1 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.top-titles + .photo-info					{margin-top:15px;}

.photo-info + .btnWrap > button				{height:34px; border:1px solid #26282c; color:#26282c; border-radius:4px; background-color:#fff; margin:0 3px;}
.photo-info + .btnWrap.beFlex								{margin:15px -3px;}
.photo-info + .btnWrap.beFlex > button				{width:100%;}
.photo-info + .btnWrap.beFlex > button.blue				{color:#1825CF; border-color:#1825CF;}

.freightCost > dl								{display:flex; align-items:center; font:14px "PretendardR"; color:#26282c; margin:10px 0;}
.freightCost > dl > *							{width:100%;}
.freightCost > dl dt					{display:flex; align-items:center; color:#8C949E;}
.freightCost > dl dt > i						{width:20px; margin-right:7px;}
.freightCost > dl dd >	b						{font:16px "PretendardB"; margin:0 3px;}
.freightCost > dl dd input[type="number"],
.freightCost > dl dd input[type="tel"],
.freightCost > dl dd input[type="text"]					{height:40px; font-size:16px; border-radius:4px; padding:10px; border:1px solid #E1E7EF; background-color:#f6f6f6;}
.freightCost > dl dd input[type="number"],
.freightCost > dl dd input[type="tel"]					{text-align:right;}
.freightCost > dl dd.red								{color:#EC605B;}
.freightCost > dl dd.blue								{color:#1825CF;}
.freightCost > dl.hasLabel dt,
.freightCost > dl.hasLabel dd					{padding-top:25px;}
.freightCost > dl.hasLabel dd					{position:relative;}
.freightCost > dl.hasLabel dd > label				{position:absolute; top:0; white-space:nowrap; right:0; font:14px "PretendardR"; color:#8C949E;}
.freightCost > dl.hasLabel + .txt-wrap					{margin-top:-3px;}
.freightCost > dl.hasTxts > *											{width:33.3333%;}
.freightCost > dl.hasTxts > dd > div								{display:table; table-layout:fixed; width:90%; padding:5px 8px; background-color:#F1F2FC; border-radius:4px; margin-left:auto;}
.freightCost > dl.hasTxts > dd > div > span							{display:table-cell; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:12px "PretendardR";}
.freightCost > dl.total									{margin-top:12px; padding-top:13px; position:relative;}
.freightCost > dl.total:before					{content:""; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#F2F4F6;}

.freightCost.edit > dl > dt							{width:51%;}
.freightCost.edit > dl > dd							{margin:0 2px;}
.freightCost.edit > dl > dd > label			{right:inherit; left:50%; transform:translateX(-50%);}
.freightCost.edit > dl.total > dd > label					{right:0; left:inherit; transform:none;}

.freightCost.edit .txt-wrap						{font:12px "PretendardR"; color:#26282c; padding:8px 15px; background-color:#F1F2FC; border-radius:4px;}
.freightCost.edit .txt-wrap.beFlex					{display:flex; align-items:center;}
.freightCost.edit .txt-wrap.beFlex > i				{width:16px; margin-right:5px; }

.top-titles + .photoView							{margin-top:15px; border:1px solid #ccc; border-radius:5px;}
.top-titles + .photoView	 > p					{background-size:cover;}

.photoView + .txt-wrap					{font:16px "PretendardR"; margin-top:10px;}

.freightInfo-wrap > dl > dd .noData,
.top-titles + .noData				{border:0; background-color:#FAFAFA; height:6vh; align-items:center; justify-content:center;}
.freightInfo-wrap > dl > dd .noData:before,
.freightInfo-wrap > dl > dd .noData:after,
.top-titles + .noData:before,
.top-titles + .noData:after				{content:""; display:block;}
.freightInfo-wrap > dl > dd .noData:before,
.top-titles + .noData:before				{width:17px; height:17px; background:url('/images/icon/i_exclama.png') no-repeat center; background-size:100% auto; opacity:.5; margin-right:3px;}
.freightInfo-wrap > dl > dd .noData:After,
.top-titles + .noData:after				{content:"등록된 정보가 없습니다."; font:12px "PretendardR"; color:rgba(140,148,158,.8);}

.freightInfo-wrap > dl dt						{font:14px "PretendardR"; color:#8C949E;}
.freightInfo-wrap > dl dd						{display:flex; align-items:center;}
.freightInfo-wrap > dl > dd					{margin-top:7px;}
.freightInfo-wrap > dl > dd > span:only-child			{font:16px "PretendardM"; color:#26282c; line-height:1.2;}
.freightInfo-wrap > dl > dd .spans-wrap						{margin:0 -4px; display:flex; flex-wrap:wrap;}
.freightInfo-wrap > dl > dd .spans-wrap > span								{display:flex; align-items:center; justify-content:center; font:14px "PretendardM"; color:#26282c; height:24px; padding:0 9px; border:1px solid #eff0f5; background-color:#fafafa; border-radius:4px; margin:3px;}
.freightInfo-wrap > dl > dd.hasBeflex							{margin:10px -15px 0; display:flex; align-items:center;}
.freightInfo-wrap > dl > dd.hasBeflex > dl					{display:flex; align-items:center; width:100%; margin:0 15px; position:relative;}
.freightInfo-wrap > dl > dd.hasBeflex > dl dd			{text-align:right; justify-content:flex-end; flex:1 1 0; font:14px "PretendardR"; color:#8C949E;}
.freightInfo-wrap > dl > dd.hasBeflex > dl dd > b						{font:16px "PretendardSB"; color:#26282c; margin:0 10px;}
.freightInfo-wrap > dl > dd.hasBeflex > dl + dl:before				{content:""; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:1px; height:15px; background-color:#DDE1E4;}
.freightInfo-wrap > dl + dl						{margin-top:15px;}
.freightInfo-wrap > dl > dd .docu-magnifier					{border:1px solid #EFF0F5; border-radius:4px; width:100%; display:flex; align-items:center; padding:0 10px 0 20px;}
.freightInfo-wrap > dl > dd .docu-magnifier > em								{font:14px "PretendardR"; display:flex; align-items:center;}
.freightInfo-wrap > dl > dd .docu-magnifier > em > p						{width:24px; margin-right:10px;}
.freightInfo-wrap > dl > dd .docu-magnifier > a:last-child				{margin-left:auto; text-indent:-9999px; height:38px; flex:0 0 38px; position:relative;}
.freightInfo-wrap > dl > dd .docu-magnifier > a:last-child:after				{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:24px; width:24px; background:url('/images/icon/i_detail.png') no-repeat center; background-size:auto 100%;}
.freightInfo-wrap > dl > dd .photoView							{width:100%;}
.freightInfo-wrap > dl.beFlex > dd				{margin-top:0; margin-left:auto;}

.contents .noData + .freightInfo-wrap,
.top-titles + .freightInfo-wrap						{margin-top:15px;}

.layoverBtn-wrap										{text-align:right;}
.layoverBtn-wrap > a									{display:inline-flex; align-items:center; height:32px; padding:0 16px; border:1px solid rgba(80,88,102,.2); border-radius:16px; font:14px "PretendardM"; color:#000;}
.layoverBtn-wrap > a > i							{width:16px; flex:0 0 16px; margin-right:5px;}
.layoverBtn-wrap > a + a							{margin-left:10px;}


/* 오더관리 메뉴 슬라이드 팝업 */
.bottomUp .menu-wrap > a							{display:flex; position:relative; padding:10px 0;}
.bottomUp .menu-wrap > a:after							{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('/images/icon/i_rightarrow.png') no-repeat center; background-size:150% auto;}
.bottomUp .menu-wrap > a > i:first-child				{flex:0 0 20px; height:20px; width:20px; margin-right:14px;}
.bottomUp .menu-wrap > a > em							{font:16px "PretendardM"; color:#26282c;}

.bottomUp .alimTalk-info										{margin-top:10px; padding-top:15px; border-top:1px solid #eee;}
.bottomUp .alimTalk-info > a								{display:flex; align-items:center;}
.bottomUp .alimTalk-info > a > i							{flex:0 0 24px; height:24px; margin-right:14px;}
.bottomUp .alimTalk-info > a > em					{font:18px "PretendardM"; color:#26282c;} 

.bottomUp .alimTalk-info > dl								{display:flex; align-items:center; margin-top:15px;}
.bottomUp .alimTalk-info > dl dt						{font:14px "PretendardR"; color:#26282c;}
.bottomUp .alimTalk-info > dl dd								{margin-left:auto;}
.bottomUp .alimTalk-info > dl dd > button				{background-color:#fff; color:#000; height:32px; padding:0 20px; border:1px solid rgba(80,88,102,.2); border-radius:4px; margin-left:7px;}


/* 배차취소 슬라이드 팝업 */
.radiosWrap-list								{padding:10px 0 0;}
.radiosWrap-list > li							{margin:25px 0;}
.radiosWrap-list > li:first-child				{margin-top:0;}

.textarea-wrap + .btn-wrap				{margin-top:20px;}


/* 지정배차 */
.designatedDispatch > .txts-wrap									{font:14px "PretendardR"; color:#26282c; background-color: #F1F2FC; border-radius:6px; padding:12px 14px; display:flex; align-items:center;}
.designatedDispatch > .txts-wrap > i							{width:20px; height:20px; flex:0 0 20px; margin-right:5px;}

.designatedDispatch .txts-wrap + .data-input					{margin-top:15px;}


/* 운임비 수정 슬라이드 팝업 */
.bottomUp .freightCost + .btn-wrap						{margin-top:30px;}


/* SNS 공유하기 팝업 */
.snsBtn-wrap					{}
.snsBtn-wrap > div					{display:grid; grid-template-columns:repeat(2 , 1fr); grid-template-rows:repeat(2 , 1fr);}
.snsBtn-wrap > div > a			{text-align:center; font:16px "PretendardR"; color:#484B51; padding:12px 0;}
.snsBtn-wrap > div > a > p				{width:60px; margin:0 auto 10px;}


/* 배차현황 */
.contents .txtWrap-list li						{padding:15px 0; font:16px "PretendardR"; color:#26282c;} 
.contents .txtWrap-list li > small				{display:block; color:#8C949E; font-size:12px;}
.contents .txtWrap-list li > small:last-child			{margin-top:10px;} 
.contents .txtWrap-list li > dl dt > em					{font-family:"PretendardM";}
.contents .txtWrap-list li > dl dd											{margin-top:8px;}
.contents .txtWrap-list li > dl dd > span + span				{margin-left:12px; padding-left:13px; position:relative;}		
.contents .txtWrap-list li > dl dd > span + span:before			{content:""; position:absolute; top:50%; transform:translatey(-50%); left:0; width:1px; height:14px; background-color:#DDE1E4;}
.contents .txtWrap-list li > dl dd .bank-info					{display:inline-flex; align-items:center; font-size:14px;}
.contents .txtWrap-list li > dl dd .bank-info > i				{width:18px; margin-right:5px;}
.contents .txtWrap-list li > dl dd.account-info > span						{font:14px "PretendardM";}
.contents .txtWrap-list li > dl dd.account-info > span:first-child			{color:#8C949E; font-family:"PretendardR";}
.contents .txtWrap-list li > dl dd.account-info > span:before				{display:none;} 
.contents .txtWrap-list li > dl dd.account-info > span + span				{padding-left:0;}
.contents .txtWrap-list li + li					{border-top:1px solid #F2F4F6;}
.contents .txtWrap-list li:last-child				{padding-bottom:0;}

.contents .txts-wrap						{font:14px "PretendardR"; line-height:1.3; padding:10px 15px; border-radius:4px;}
.contents .txts-wrap.bgLightRed					{background-color:#FEE1DF; color:#D21F2F;}
.contents .noData + .txts-wrap,
.contents .top-titles + .txts-wrap					{margin-top:15px;}

.list-wrap ul li .photo-info > dl dt > em				{max-width:96px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-wrap ul li .photo-info > dl dt .badge,
.list-wrap ul li .photo-info > dl dt .tel					{white-space:nowrap;}
.list-wrap ul li .photo-info > dl dd .badge:last-child,
.list-wrap ul li .photo-info > dl dt .badge:last-child			{margin-right:0;}


/* 수입현황, 월대현황 */
.beGrid.monthsWrap					{display:grid; grid-template-columns:repeat(auto-fill, minmax(100px, 1fr)); gap:5px;}
.beGrid.monthsWrap .select-year,
.beGrid.monthsWrap .btn-wrap				{grid-column:1 / -1; margin-block:15px;}

.beGrid.monthsWrap .select-year:first-child					{margin-block:0 15px;}

.monthsWrap .select-year.alignCenter > .beFlex				{display:inline-flex; column-gap:20px; align-items:center;}
.monthsWrap .select-year.alignCenter > .beFlex > b			{font:20px / 1 "PretendardB";}
.monthsWrap .select-year.alignCenter > .beFlex > a			{flex:0 0 70px; min-height:20px; background-repeat:no-repeat; background-position:center; background-size:auto 170%;}
.monthsWrap .select-year.alignCenter > .beFlex > a:first-of-type			{background-image:url('/images/icon/i_rightarrow.png'); transform:rotate(180deg);}
.monthsWrap .select-year.alignCenter > .beFlex > a:last-of-type			{background-image:url('/images/icon/i_rightarrow.png');}

.monthsWrap > a > input					{position:absolute; opacity:0;}
.monthsWrap > a > label > dl						{border:1px solid #eef3f7; border-radius:10px; overflow:hidden; transition:.25s;}
.monthsWrap > a > label > dl > dt				{background-color:#eef3f7; padding-block:7px;}
.monthsWrap > a > label > dl > dt > b		{font:16px / 1 "PretendardSB";}
.monthsWrap > a > label > dl > dd				{padding:12px 10px; font:12px / 1 "PretendardM";}	
.monthsWrap > a > label > dl > dd.beGrid			{display:grid; row-gap:10px;}
.monthsWrap > a > label > dl > dd b						{font:15px / 1 "PretendardB"; margin-inline:0 3px;}

.monthsWrap > a > input:checked + label > dl					{border-color:#21244f;}
.monthsWrap > a > input:checked + label > dl > dt			{background-color:#21244f;}
.monthsWrap > a > input:checked + label > dl > dt > b		{color:#fff;}


.wrap-tabBtns + .contentsWrap-wrap						{padding-block:20px;}

.contentsWrap .beGrid					{display:grid;}
.contentsWrap .beFlex					{display:flex; align-items:center; column-gap:10px;}
.contentsWrap .beFlex.farAway				{justify-content:space-between;}
.contentsWrap .hasBd					{border:1px solid #dadada; border-radius:10px; padding:17px 20px;}

.contentsWrap .contents.beGrid				{row-gap:10px;}
.contentsWrap .contents.beGrid > dl						{color:#000;}
.contentsWrap .contents.beGrid > dl > dt				{font:17px / 1 "PretendardSB";}
.contentsWrap .contents.beGrid > dl > dd			{margin-block:8px 0;}
.contentsWrap .contents.beGrid > dl > dd small				{font:13px / 1 "PretendardM"; position:relative;}
.contentsWrap .contents.beGrid > dl > dd small	 + small				{padding-inline:10px 0;}
.contentsWrap .contents.beGrid > dl > dd small	 + small:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#000;}
.contentsWrap .contents.beGrid > dl > dd > button						{font:12px / 1 "PretendardM"; color:#fff; background-color:#222e7c; min-height:24px; padding-inline:10px; border-radius:7px;}

.contentsWrap .contents.beGrid .hasBd.beGrid						{row-gap:17px;}

.contentsWrap .contents.beGrid .hasBd.beGrid > dl				{font:14px / 1 "PretendardM";}

.contentsWrap .contents.beGrid .hasBd.beGrid > p				{font-size:13px; margin-block:7px; line-height:1.4;}

.contentsWrap .contents.beGrid .hasBd.beGrid .input-wrap > input			{background-color:transparent; border:1px solid #dadada; font-size:16px; height:44px;}
.contentsWrap .contents.beGrid .hasBd.beGrid .input-wrap > input:disabled					{background-color:#fafafa;}

.contentsWrap .contents.beGrid .hasBd.beGrid .textarea-wrap									{border:1px solid #dadada; min-height:inherit;}
.contentsWrap .contents.beGrid .hasBd.beGrid .textarea-wrap:not(.readonly)		{background-color:transparent;}
.contentsWrap .contents.beGrid .hasBd.beGrid .textarea-wrap.readonly:hover				{background-color: #F0F1F2;}
.contentsWrap .contents.beGrid .hasBd.beGrid .textarea-wrap textarea					{font-size:16px;}

.contentsWrap .contents.beGrid .hasBd.beGrid .textarea-wrap + .btn-wrap			{margin-block:0;}







/* 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 #1825CF; animation:loader .8s linear infinite;}
.loading > p				{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; font-family:"PretendardR"; margin-top:40px; color:#bbb;}

@-webkit-keyframes loader		 {
  0%			 { -webkit-transform: rotate(0deg); }
  100%			{ -webkit-transform: rotate(360deg); }
}

@keyframes loader			{
  0%			{transform:rotate(0deg);}
  100%		{transform:rotate(360deg);}
}